:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#06111f;color:#eff7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #67dff3;outline-offset:4px}.site-header{position:sticky;top:0;z-index:30;background:#071423f2;backdrop-filter:blur(18px);border-bottom:1px solid #263c50}.nav-shell{max-width:1380px;margin:auto;padding:18px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:23px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.brand span{color:#66dff4}.nav{display:flex;gap:clamp(12px,1.8vw,27px);align-items:center;flex-wrap:wrap}.nav a{font-size:13px;color:#c5d3e4}.nav a:hover,.nav a[aria-current=page]{color:#75e5f8}.menu-toggle{display:none;background:transparent;border:1px solid #52677b;color:white;border-radius:9px;padding:9px 13px}.hero{max-width:1400px;margin:auto;min-height:calc(100svh - 77px);padding:clamp(36px,6vh,80px) clamp(20px,4vw,64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:750;color:#7cdef2}.hero h1{font-size:clamp(42px,6.1vw,90px);letter-spacing:-.065em;line-height:1.02;margin:22px 0 8px;max-width:1100px}.hero h2{font-size:clamp(34px,5vw,75px);letter-spacing:-.06em;line-height:1.08;margin:0;background:linear-gradient(90deg,#86eff4,#78a5ff);background-clip:text;color:transparent}.intro{max-width:770px;font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#bbccdf;margin:26px auto}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{display:inline-block;padding:15px 22px;border-radius:9px;border:1px solid #4b657c;font-weight:700;font-size:14px}.button.primary{background:#72dff1;color:#06111f;border-color:#72dff1}.proof{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:100%;max-width:1080px;margin-top:clamp(25px,5vh,55px)}.proof-card{border:1px solid #35526a;background:#edf4f8;color:#10263c;border-radius:16px;overflow:hidden;aspect-ratio:1.8;display:flex;flex-direction:column;text-align:left}.proof-label{padding:12px 18px;background:#dfeaf1;font-size:13px;font-weight:800}.proof-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px}.proof-body strong{font-size:clamp(17px,2vw,28px)}.proof-body p{color:#486078;font-size:14px}.page-content{max-width:1080px;margin:0 auto;padding:65px 24px 110px}.page-content h2{font-size:clamp(28px,4vw,45px);letter-spacing:-.04em}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{padding:27px;border:1px solid #2b4359;background:#0c2032;border-radius:16px}.feature h3{margin:0 0 12px}.feature p{color:#bbccdf;line-height:1.6}.site-footer{border-top:1px solid #263c50;padding:28px 24px;text-align:center;color:#91a7bd;font-size:13px}@media(max-width:850px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px;background:#071423;flex-direction:column;align-items:stretch;border-bottom:1px solid #35526a}.nav.open{display:flex}.nav a{font-size:16px;padding:8px}.hero{min-height:auto}.features{grid-template-columns:1fr}}@media(max-width:600px){.proof{grid-template-columns:1fr}.hero{padding-top:55px}.proof-card{aspect-ratio:1.65}.hero h1{font-size:clamp(40px,11vw,64px)}}
/* Product visual system */
.hero.home-hero{min-height:calc(100svh - 75px);padding-block:clamp(20px,3svh,48px)}
.home-hero h1{font-size:clamp(37px,min(5vw,6.2svh),76px);margin:10px 0 4px}
.home-hero h2{font-size:clamp(32px,min(4.1vw,5.5svh),64px)}
.home-hero .intro{margin:clamp(10px,1.8svh,21px) auto;font-size:clamp(14px,1.3vw,18px)}
.home-hero .proof{margin-top:clamp(15px,3svh,34px);gap:clamp(10px,2vw,22px);max-width:1180px}
.home-hero .proof-card{aspect-ratio:1.75;min-height:0;box-shadow:0 22px 60px #0005}
.proof-body.image-body{padding:0;min-height:0;overflow:hidden;background:#e8f1f6}
.proof-body.image-body img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.proof-body .mock-setup{width:100%;max-width:500px;padding:clamp(10px,2vw,23px);text-align:left}
.mock-setup h3{font-size:clamp(16px,2vw,24px);margin:0 0 7px}
.mock-setup p{margin:0 0 12px;color:#64768b;font-size:12px}
.mock-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mock-fields label{font-size:11px;font-weight:700;color:#455e73}
.mock-fields span{display:block;background:#fff;border:1px solid #cbdbe5;border-radius:6px;padding:9px;color:#7a8ea0;font-size:11px;font-weight:400;margin-top:4px}
.proof-label{flex-shrink:0}
.section-lead{color:#b4c8dc;line-height:1.7;max-width:780px}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.media-card{min-width:0;overflow:hidden;background:#0b1f31;border:1px solid #314d64;border-radius:15px}
.media-card img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#eef3f7;display:block}
.media-card .media-copy{padding:18px 20px 22px}
.media-card h3{margin:0 0 8px;font-size:20px}
.media-card p{margin:0;color:#b4c8dc;line-height:1.55;font-size:14px}
.section-kicker{font-size:12px;color:#72e1f2;text-transform:uppercase;letter-spacing:.13em;font-weight:750}
.page-hero{min-height:0;padding-top:clamp(55px,9vh,110px);padding-bottom:clamp(40px,6vh,80px)}
.page-hero h1{font-size:clamp(38px,5.2vw,72px)}
.page-hero h2{font-size:clamp(29px,4vw,56px)}
.page-hero .intro{max-width:820px}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step{padding:25px;background:#0b2033;border:1px solid #2a4860;border-radius:14px}
.step small{color:#72e1f2;letter-spacing:.1em}
.step h3{font-size:20px}
.step p{line-height:1.6;color:#bdcde0}
.section-divider{height:1px;background:#2b4157;margin:60px 0}
.contact-panel{max-width:680px;margin:20px auto 80px;text-align:center;border:1px solid #34536b;background:#0b2033;border-radius:18px;padding:35px}
.contact-panel p{color:#b6cbdd;line-height:1.7}
.note{font-size:12px;color:#8ca9bd}
@media(min-width:851px) and (max-height:740px){.home-hero{padding-block:12px}.home-hero .proof{margin-top:13px}.home-hero .proof-card{aspect-ratio:2.25}.home-hero h1{font-size:clamp(34px,4svh,52px)}.home-hero h2{font-size:clamp(30px,3.8svh,47px)}.home-hero .intro{margin:9px auto}.home-hero .button{padding:10px 16px}.mock-setup{padding:8px!important}.mock-setup h3{font-size:16px}.mock-setup p{margin-bottom:5px}.mock-fields{gap:5px}.mock-fields span{padding:6px}}
@media(max-width:850px){.step-grid{grid-template-columns:1fr 1fr}.home-hero{min-height:auto}.media-grid{grid-template-columns:1fr}}
@media(max-width:600px){.step-grid{grid-template-columns:1fr}.home-hero .proof-card{aspect-ratio:1.7}.mock-fields span{padding:6px}.home-hero h1{font-size:clamp(38px,10vw,60px)}}

/* Full viewport, one topic at a time; shared by every main page */
html,body{min-height:100%;overflow-x:hidden}body{min-height:100dvh;display:flex;flex-direction:column}.site-header,.site-footer{flex-shrink:0}.site-header{position:relative}.site-footer{padding:7px 14px}.viewport-stage{flex:1;min-height:0;display:grid;place-items:center;padding:clamp(10px,1.8vh,22px) clamp(16px,3vw,48px)}main:has(.viewport-stage){flex:1;min-height:0;display:flex;flex-direction:column}.viewport-shell{width:min(1150px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(6px,1.2vh,15px);min-height:0}.viewport-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#74e0f0;font-weight:800}.viewport-title{font-size:clamp(29px,min(4.7vw,6.2vh),65px);line-height:1.07;letter-spacing:-.055em;margin:0}.viewport-description{font-size:clamp(13px,min(1.2vw,2vh),17px);color:#b7cadd;line-height:1.45;max-width:790px;margin:0}.viewport-media{width:min(1080px,100%);height:clamp(190px,49vh,580px);display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;border-radius:14px;background:#eaf1f6;border:1px solid #3c5b70;box-shadow:0 15px 45px #0004}.viewport-media>img{width:100%;height:100%;object-fit:contain;display:block}.viewport-media>.proof{width:100%;max-width:none;margin:0;gap:12px;height:100%;align-items:stretch;padding:12px}.viewport-media .proof-card{height:100%;aspect-ratio:auto;min-height:0}.viewport-media .proof-body{min-height:0}.viewport-statement{font-size:clamp(25px,4vw,52px);font-weight:800;color:#19384d;padding:25px}.viewport-controls{display:flex;gap:14px;align-items:center;justify-content:center}.viewport-controls button{background:#0d2a40;border:1px solid #46677e;color:#e6f4ff;border-radius:9px;padding:10px 18px;cursor:pointer;font:700 13px inherit}.viewport-controls button.primary{background:#78e1f1;color:#071724;border-color:#78e1f1}.viewport-controls span{font-size:12px;color:#9cb6c9;min-width:48px}.viewport-controls button:focus-visible{outline:3px solid #78e1f1;outline-offset:3px}@media(max-height:740px) and (min-width:851px){.viewport-media{height:44vh}.viewport-stage{padding-block:7px}.viewport-shell{gap:6px}.viewport-title{font-size:clamp(27px,4.8vh,48px)}.viewport-description{font-size:13px}.viewport-controls button{padding:7px 14px}}@media(max-width:850px){.site-header{z-index:50}.viewport-media{height:min(47vh,480px)}.viewport-title{font-size:clamp(28px,6vw,46px)}}@media(max-width:600px){.viewport-stage{padding:12px}.viewport-media{height:42vh}.viewport-media>.proof{grid-template-columns:1fr;overflow:auto}.viewport-controls{gap:8px}.viewport-controls button{padding:9px 10px;font-size:12px}.viewport-description{font-size:13px}}@media(max-height:460px){.viewport-media{height:33vh}.viewport-stage{overflow:auto}.viewport-title{font-size:25px}}