:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0a234d;background:#f7f9fd;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:radial-gradient(ellipse at 76% 9%,#e8f1ff 0,transparent 33%),#f8fafd}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.shell{max-width:1260px;margin:auto;padding:0 36px}.skip{position:absolute;top:-80px;left:16px;z-index:20;padding:12px;background:#fff}.skip:focus{top:10px}.header{display:flex;align-items:center;gap:30px;padding:22px 0}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-.7px;white-space:nowrap}.brand img{width:46px;height:46px;border-radius:13px;object-fit:cover}.site-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:auto}.site-nav a{text-decoration:none;font-size:14px;color:#475d7e;font-weight:600}.site-nav a:hover,.text-link:hover{color:#2368ef}.status{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;border:1px solid #dce7f5;background:#fff;border-radius:30px;padding:10px 14px;color:#526884}.status-dot{background:#2b78fa;width:8px;height:8px;border-radius:50%}.menu-toggle{display:none}.hero{min-height:675px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:54px;padding:55px 0 95px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#2671ed;margin:0 0 20px}.hero h1{font-size:clamp(54px,6.2vw,86px);line-height:1.06;letter-spacing:-4px;margin:0 0 26px;max-width:650px}.hero h1 em{color:#2671f5;font-style:normal}.intro{color:#506784;font-size:20px;line-height:1.7;max-width:540px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.primary-pill{display:inline-flex;align-items:center;gap:9px;background:#286cf3;border-radius:14px;padding:16px 21px;color:#fff;font-size:15px;font-weight:700;box-shadow:0 13px 28px #3570f241}.text-link{text-decoration:none;font-size:14px;font-weight:700;color:#304f77}.hero-note{margin:20px 0 0;color:#7b8aa3;font-size:12px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:590px}.glow{position:absolute;width:470px;height:470px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#c9deff,rgba(216,232,255,.2) 63%,transparent 70%);filter:blur(10px)}.hero-phone{position:relative;display:block;width:min(320px,80%);height:auto;filter:drop-shadow(0 25px 30px #142e543d)}.visual-tag{position:absolute;right:0;bottom:45px;background:#fff;border:1px solid #e1e9f5;box-shadow:0 12px 26px #132d4915;border-radius:13px;padding:12px 18px;font-weight:700;font-size:13px}.section{padding:65px 0 100px}.section-heading h2,.how h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-1.6px;line-height:1.15;margin:0 0 15px}.section-heading>p:last-child{font-size:16px;line-height:1.6;color:#64748d;margin:0 0 35px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.feature{background:white;border:1px solid #e3eaf6;border-radius:22px;padding:26px 23px 30px;box-shadow:0 11px 30px #193a6410}.feature-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;font-size:24px;font-weight:800}.blue{background:#e9f1ff;color:#2b76fc}.orange{background:#fff2df;color:#ee9930}.green{background:#e4f8f1;color:#24af83}.violet{background:#f3edff;color:#9660ee}.feature h3{font-size:17px;margin:21px 0 10px}.feature p{font-size:14px;line-height:1.72;margin:0;color:#64758d}.future-note{display:flex;gap:14px;align-items:center;margin-top:22px;padding:16px 20px;background:#f0f5ff;border:1px solid #e4ecfc;border-radius:16px;color:#536984}.future-note p{font-size:13px;line-height:1.6;margin:0}.future-mark{font-size:26px;color:#4383f6}.how{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.steps{display:flex;flex-direction:column;gap:24px}.step{display:flex;gap:21px;align-items:start}.step>span{display:grid;place-items:center;flex:none;background:#e7efff;color:#2b71eb;border-radius:13px;width:50px;height:50px;font-weight:800}.step h3{font-size:17px;margin:2px 0 7px}.step p{color:#64758e;line-height:1.6;font-size:14px;margin:0}.gallery{padding-bottom:125px}.screens-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.screen-card{min-width:0;border:1px solid #dfebf7;border-radius:25px;background:#fff;padding:19px 15px 17px;cursor:zoom-in;box-shadow:0 17px 38px #223c6b11;color:#102850;transition:transform .2s,box-shadow .2s}.screen-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px #223c6b22}.screen-card img{width:100%;max-width:270px;height:auto;display:block;margin:auto;filter:drop-shadow(0 10px 11px #182a4029)}.screen-card>span{display:flex;align-items:center;justify-content:space-between;padding:15px 8px 0;font-size:16px;font-weight:800}.screen-card>span span{color:#2e76f9}.contact{display:flex;align-items:center;justify-content:space-between;gap:45px;background:linear-gradient(115deg,#eaf2ff,#f7faff);border:1px solid #e0eafa;padding:39px 42px;border-radius:27px;margin:0 0 85px}.contact h2{font-size:clamp(27px,3vw,37px);letter-spacing:-1px;margin:0 0 15px}.contact p:last-child{line-height:1.65;color:#61748e;max-width:670px;margin:0}.contact-brand{display:flex;align-items:center;gap:15px;font-size:24px;font-weight:800;flex:none}.contact-brand img{border-radius:20px}footer{border-top:1px solid #e0e8f3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:27px 0 35px;color:#8291a9;font-size:12px}.lightbox{border:0;border-radius:20px;background:#f9fbff;padding:20px;box-shadow:0 22px 100px #0007;max-height:94vh;max-width:min(550px,94vw);text-align:center}.lightbox::backdrop{background:#071a37d9}.lightbox img{height:min(75vh,830px);max-width:100%;object-fit:contain;display:block;margin:auto}.lightbox p{color:#33496b;font-weight:700}.lightbox-close{position:absolute;right:10px;top:5px;background:none;border:0;font-size:33px;cursor:pointer;color:#1c365a}a:focus-visible,button:focus-visible{outline:3px solid #2c72f7;outline-offset:4px}@media(max-width:1030px){.site-nav{gap:15px}.hero{gap:10px}.hero h1{font-size:clamp(50px,6vw,76px)}.feature-grid{grid-template-columns:repeat(2,1fr)}.visual-tag{right:0}}@media(max-width:760px){.shell{padding:0 22px}.header{gap:14px;flex-wrap:wrap}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:5px;width:41px;height:41px;background:#fff;border:1px solid #dce6f5;border-radius:12px;cursor:pointer;padding:10px}.menu-toggle span{display:block;height:2px;background:#233e65;border-radius:2px}.site-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #e2eaf5;border-radius:15px;padding:8px}.site-nav.open{display:flex}.site-nav a{padding:13px}.status{font-size:11px;padding:8px 10px}.hero{grid-template-columns:1fr;padding:54px 0 70px;gap:25px;min-height:auto}.hero h1{font-size:clamp(48px,11vw,72px);letter-spacing:-2.8px}.hero-visual{min-height:auto;padding:10px 0}.hero-phone{width:min(310px,76%)}.visual-tag{right:3%;bottom:34px}.section{padding:50px 0 75px}.how{grid-template-columns:1fr;gap:28px}.screens-grid{gap:12px}.screen-card{padding:10px 7px 13px;border-radius:17px}.screen-card>span{font-size:13px}.contact{padding:30px;gap:20px}.contact-brand{display:none}}@media(max-width:480px){.shell{padding:0 18px}.brand{font-size:22px}.brand img{width:39px;height:39px}.status{order:3;margin-left:auto}.hero h1{font-size:49px}.intro{font-size:17px}.feature-grid{grid-template-columns:1fr}.screens-grid{grid-template-columns:1fr;gap:20px}.screen-card{padding:16px}.screen-card img{max-width:240px}.screen-card>span{font-size:16px}.visual-tag{right:0}.contact{padding:26px 21px}.hero-actions{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen-card{transition:none}}

/* v3.2: compact desktop layout, less dead space above hero */
@media (min-width:761px){
 .shell{max-width:1340px;padding-left:clamp(22px,3vw,42px);padding-right:clamp(22px,3vw,42px)}
 .header{padding:12px 0;gap:22px;min-height:70px}
 .brand{font-size:23px;gap:10px}
 .brand img{width:42px;height:42px;border-radius:12px}
 .site-nav{gap:clamp(12px,2vw,26px)}
 .site-nav a{font-size:13px}
 .status{font-size:11px;padding:9px 12px}
 .hero{min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,65px);padding:36px 0 52px;align-items:center}
 .hero h1{font-size:clamp(43px,4.25vw,66px);line-height:1.07;letter-spacing:-2.6px;margin-bottom:18px}
 .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:14px}
 .intro{font-size:clamp(15px,1.35vw,18px);line-height:1.55;margin-bottom:23px}
 .primary-pill{padding:12px 17px;font-size:13px}
 .hero-note{margin-top:15px}
 .hero-visual{min-height:0;height:min(530px,calc(100vh - 155px));min-height:360px}
 .hero-phone{width:auto;max-width:100%;height:100%;object-fit:contain}
 .glow{width:min(380px,90%);height:360px}
 .visual-tag{bottom:24px;right:1%;padding:9px 13px;font-size:12px}
 .section{padding:56px 0 72px}
}
@media (min-width:761px) and (max-height:740px){
 .hero{padding-top:18px;padding-bottom:32px}
 .hero-visual{height:calc(100vh - 145px);min-height:330px}
 .hero h1{font-size:clamp(41px,4vw,61px)}
}
@media (max-width:760px){
 .header{padding:12px 0}
 .hero{padding-top:24px;gap:15px}
 .hero h1{font-size:clamp(39px,9vw,60px);line-height:1.08;margin-bottom:18px}
 .eyebrow{margin-bottom:12px}
 .intro{line-height:1.5;margin-bottom:22px}
 .hero-phone{width:min(245px,62%)}
 .visual-tag{bottom:12px}
}