*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#14213d}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 7%;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 8px 25px rgba(20,33,61,.08)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px;border-radius:12px;background:#f77f00;color:white;display:grid;place-items:center;font-weight:900}.brand strong{display:block;font-size:18px}.brand span{display:block;font-size:12px;color:#607089}nav{display:flex;gap:18px;font-size:14px}nav a:hover{color:#f77f00}.hero{min-height:78vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;padding:70px 7%;background:linear-gradient(135deg,#11264d 0%,#163a6d 55%,#f77f00 55%,#ffb35c 100%);color:#fff}.tag{letter-spacing:2px;text-transform:uppercase;font-weight:800;font-size:12px;color:#f77f00}.hero .tag{color:#ffd7a3}.hero h1{font-size:clamp(36px,6vw,72px);line-height:.98;margin:10px 0}.hero p{max-width:560px;font-size:18px;color:#eaf1ff}.actions{display:flex;gap:14px;margin-top:24px}.btn{padding:13px 20px;border-radius:999px;font-weight:800}.primary{background:#f77f00;color:white}.secondary{border:2px solid #fff;color:white}.hero-card{display:flex;justify-content:center}.phone-mock{width:min(320px,90%);background:white;color:#14213d;border-radius:28px;padding:18px;box-shadow:0 30px 70px rgba(0,0,0,.25);text-align:center}.phone-top{width:80px;height:7px;border-radius:20px;background:#d7deea;margin:0 auto 14px}.phone-mock img{width:100%;height:220px;object-fit:cover;border-radius:20px}.features{padding:35px 7%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-50px;position:relative}.features article,.art-card,.qr-section{background:white;border-radius:22px;padding:22px;box-shadow:0 15px 35px rgba(20,33,61,.09)}.features span{font-size:28px}.features h3,.art-card h3{margin-bottom:5px}.features p,.art-card p,.qr-section p{color:#607089}.section{padding:50px 7%}.section-head{text-align:center;margin-bottom:26px}.section-head h2,.qr-section h2{font-size:34px;margin:6px 0}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.art-card{overflow:hidden;transition:.2s}.art-card:hover{transform:translateY(-6px)}.art-card img{width:100%;height:190px;object-fit:cover;border-radius:18px}.qr-section{margin:30px 7% 70px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.qr-box{text-align:center}.qr-box canvas{background:#fff;border:10px solid #f4f7fb;border-radius:18px}button{display:block;margin:12px auto 0;border:0;border-radius:999px;background:#14213d;color:white;padding:12px 18px;font-weight:800;cursor:pointer}footer{text-align:center;padding:24px;background:#11264d;color:#eaf1ff}@media(max-width:850px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}nav{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-top:42px}.features,.gallery{grid-template-columns:1fr 1fr}.qr-section{grid-template-columns:1fr;text-align:center}}@media(max-width:520px){.features,.gallery{grid-template-columns:1fr}.actions{flex-direction:column}.hero{text-align:center}.hero p{margin:auto}}