:root{--navy:#0b2041;--navy-darker:#06162f;--navy-soft:#132f57;--blue:#2368c8;--blue-bright:#357ee1;--blue-light:#eaf3ff;--gold:#f2b833;--ink:#122847;--text:#526780;--border:#dee6ef;--offwhite:#f7faff;--container:1160px;--radius:18px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font:16px/1.58 Lato,"Segoe UI",system-ui,-apple-system,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}p{line-height:1.7}.container{width:min(calc(100% - 52px),var(--container));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;padding:8px 15px;background:#fff;color:#092047;z-index:1000}.skip-link:focus{top:12px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:9px;padding:14px 24px;border-radius:11px;font-size:14px;line-height:1.22;font-weight:900;text-decoration:none;white-space:normal;min-height:49px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover:not(.button-disabled){transform:translateY(-2px)}.button-gold{color:#081d39;background:var(--gold);box-shadow:0 9px 22px #e6a82235}.button-gold:hover:not(.button-disabled){background:#ffd36a}.button-large{padding:17px 27px;min-height:57px;min-width:245px}.button-outline{background:transparent;border:1.5px solid #c3d3e8;color:var(--navy);box-shadow:none}.button-outline:hover{background:#f0f6ff}.button-disabled{background:#718298!important;color:#fff!important;box-shadow:none!important;cursor:not-allowed;pointer-events:none}.text-link{font-size:13px;color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#749ac7;font-weight:700}.text-link:hover{color:var(--gold)}
/* NAV */
.site-header{background:var(--navy-darker);position:relative;z-index:5;border-bottom:1px solid #2a456a}.header-layout{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:85px}.site-brand{display:flex;flex:0 0 265px;align-items:center}.site-brand img{width:100%;max-width:265px;height:auto;filter:none}.top-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.top-nav a{font-size:13px;text-decoration:none;color:#d4e2f3;font-weight:750}.top-nav a:hover{color:#fff}.nav-cta{font-size:12px;min-height:43px;padding:12px 16px}
/* HERO */
.hero{background:radial-gradient(ellipse at 75% 48%,#1d4e89 0%,#122c54 35%,#0b2041 74%,#081b37 100%);overflow:hidden;position:relative;color:white}.hero-decoration{position:absolute;pointer-events:none;border-radius:50%;border:1px solid #6c91cc28}.hero-decoration-a{height:650px;width:650px;right:-210px;top:-170px}.hero-decoration-b{height:900px;width:900px;right:-470px;top:-320px}.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:28px;align-items:center;min-height:625px;padding-top:66px;padding-bottom:64px}.hero-content{position:relative;z-index:3}.eyebrow-label{display:inline-flex;align-items:center;gap:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#bcdbfb;background:#163c69;border:1px solid #366297;border-radius:100px;padding:8px 13px}.eyebrow-circle{width:8px;height:8px;border-radius:50%;background:#f2b833;box-shadow:0 0 0 4px #ffd15d22}.hero h1{font-size:clamp(53px,5.45vw,79px);font-weight:950;margin:19px 0 23px;letter-spacing:-.06em;line-height:1.04}.hero h1 span{color:#f5bc43}.hero-intro{font-size:17px;line-height:1.65;max-width:525px;color:#d3e4f6;margin-bottom:27px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:22px 0 25px}.stat{border-right:1px solid #375578;min-height:76px;display:grid;grid-template-columns:29px auto;grid-template-rows:34px auto;column-gap:3px;align-items:center}.stat:last-child{border:0}.stat-symbol{color:var(--gold);font-size:22px;grid-row:1/2}.stat strong{font-size:26px;font-weight:950;color:#fff;line-height:1;letter-spacing:-.04em}.stat small{grid-column:1/3;color:#c3d5e9;font-size:11px;line-height:1.35}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-price{display:flex;flex-direction:column;line-height:1.1;gap:3px}.hero-price span{color:#c6d7e9;font-size:12px}.hero-price strong{font-size:33px;letter-spacing:-.05em;font-weight:950}.hero-sample{display:inline-block;margin-top:18px}.hero-visual{position:relative;height:465px;min-width:0;align-self:center}.visual-glow{position:absolute;width:400px;height:390px;right:25px;top:38px;background:radial-gradient(circle,#487abe4d,transparent 68%);filter:blur(15px)}.hero-bottomline{height:7px;background:linear-gradient(90deg,var(--gold),#d4a129 22%,#3881dd 75%,#225aa9)}
/* HERO DEVICES — flat, strictly no perspective/rotation/skew */
.device{position:absolute;right:0;top:95px;width:435px;max-width:92%;filter:drop-shadow(0 22px 20px #04142b70)}.device-screen{background:#101d2e;border:8px solid #1b293c;border-bottom:3px solid #1b293c;border-radius:13px 13px 4px 4px;overflow:hidden;height:272px;box-shadow:inset 0 0 0 1px #5e6e88}.device-app{height:31px;background:#1b55ae;display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;padding:0 10px}.word-app-icon{display:grid;place-items:center;background:#153b80;width:21px;height:21px;font-weight:900;font-size:14px}.device-dots{margin-left:auto;opacity:.7;font-size:9px;letter-spacing:3px}.device-ribbon{display:flex;align-items:center;gap:17px;background:#fff;border-bottom:1px solid #dbe2eb;height:31px;color:#3f4c5e;font-size:9px;padding-inline:12px;white-space:nowrap}.device-workspace{background:#e7ebf1;padding:11px 22px;height:202px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.device-page{width:62%;height:265px;background:#fff;box-shadow:0 1px 8px #3a4d6930;padding:22px 20px;color:#263851;display:flex;flex-direction:column;align-items:stretch;gap:10px}.device-page strong{font-size:11px;line-height:1.2;margin-bottom:4px}.device-page b{font-size:9px}.device-page .line{height:3px;border-radius:1px;background:#c9d5e5;display:block}.device-page .line.long{width:100%}.device-page .line.med{width:73%}.device-page .line.short{width:54%}.device-list{display:flex;flex-direction:column;gap:5px}.device-list i{display:block;height:4px;background:#d2deed;border-radius:3px}.device-list i:nth-child(2){width:85%}.device-list i:nth-child(3){width:61%}.device-chin{height:9px;background:#35445a;border-radius:0 0 3px 3px}.device-base{position:relative;width:112%;left:-6%;height:16px;background:linear-gradient(#b7c2d2,#7b8da5 55%,#465873);border-radius:1px 1px 25px 25px}.device-base::after{content:"";position:absolute;top:0;left:44%;width:12%;height:3px;background:#637288;border-radius:0 0 4px 4px}.cover-frame{position:absolute;z-index:2;left:1px;top:15px;width:175px;max-width:40%;border-radius:5px;overflow:hidden;box-shadow:13px 18px 28px #061a3480,0 0 0 2px #fff5}.cover-frame img{width:100%;height:auto}.visual-note{position:absolute;right:0;bottom:0;color:#aac4e2;font-size:10px;letter-spacing:.02em;text-align:right;max-width:270px;margin:0}
/* FEATURE BAR */
.feature-band{background:#f5f8fd;border-bottom:1px solid #e3ebf3}.feature-items{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px}.feature-items>div{display:flex;align-items:center;gap:14px;border-right:1px solid #d6e3ef;font-size:13px;font-weight:750;line-height:1.42;padding-left:24px}.feature-items>div:last-child{border-right:0}.feature-items>div:first-child{padding-left:4px}.feature-items>div>span{display:grid;place-items:center;color:var(--blue);font-size:23px;font-weight:900;width:34px;flex:none}
/* SHARED SECTION */
.section{padding:92px 0}.section-kicker{display:block;color:#2764b1;font-size:12px;letter-spacing:.14em;font-weight:950;margin-bottom:14px}.section h2,.audience h2{font-size:clamp(30px,3.45vw,44px);line-height:1.15;margin:0 0 20px;color:var(--navy)}.section p{color:var(--text);font-size:15px}.content-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:85px}.preview-stage{min-height:435px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#e4efff,#f9fbff 69%);border-radius:26px;position:relative}.document-window{max-width:300px;width:64%;background:#fff;border:1px solid #cbd8eb;border-radius:10px;box-shadow:0 24px 44px #173a7130;overflow:hidden}.document-window-bar{height:37px;display:flex;align-items:center;justify-content:space-between;background:#174c9d;color:#fff;padding:0 10px;font-size:9px;gap:8px}.window-dot{background:#f5c14b;height:8px;width:8px;border-radius:50%;flex:none}.document-window>img{width:100%;height:auto;aspect-ratio:1072 / 1516;object-fit:contain;display:block}.floating-chip{position:absolute;right:0;bottom:29px;display:flex;gap:11px;align-items:center;background:#fff;box-shadow:0 12px 30px #173c7124;border-radius:13px;padding:13px 18px;max-width:250px}.chip-icon{display:grid;place-items:center;min-height:37px;min-width:37px;border-radius:11px;background:#eaf3ff;color:#1b5ab0;font-weight:900}.floating-chip strong{display:block;color:#17355c;font-size:12px;line-height:1.2}.floating-chip small{color:#70839b;font-size:10px;line-height:1.3;display:block;margin-top:4px}.content-copy p{margin-bottom:20px}.topic-list{padding:0;margin:25px 0 28px;list-style:none;display:grid;gap:14px}.topic-list li{font-size:15px;color:#263e5e;font-weight:750;display:flex;gap:11px;align-items:flex-start}.topic-list li span{background:#e7f1ff;color:#1d63b7;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex:none;font-size:12px;margin-top:1px}.content-note{font-size:12px!important;color:#7a899a!important;border-left:3px solid #b8d2f5;padding-left:14px;margin-top:15px}
/* AUDIENCE */
.audience{background:#f1f6ff;padding:34px 0}.audience-layout{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:20px;align-items:center}.audience h2{font-size:30px;margin:0}.audience h2 span{color:#2a6ac3}.audience-point{display:flex;gap:12px;align-items:center;border-left:1px solid #d6e4f6;padding-left:14px}.audience-icon{font-size:27px;color:#2b68bf}.audience-point p{font-size:12px;line-height:1.5;color:#344d6b;font-weight:750;margin:0}
/* BENEFITS */
.section-benefits{background:#fff}.section-heading{text-align:center;max-width:700px;margin:0 auto 38px}.section-heading p{margin:0}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-card{border:1px solid #e0e8f2;background:#fff;border-radius:16px;padding:27px 22px;box-shadow:0 11px 25px #1e42770a}.card-icon{height:46px;width:46px;border-radius:13px;display:grid;place-items:center;background:#eaf2ff;color:#2765bd;font-size:25px;font-weight:850}.benefit-card h3{font-size:17px;color:#153153;margin:20px 0 11px;line-height:1.3}.benefit-card p{font-size:13px;margin:0;line-height:1.7}
/* SAMPLE */
.sample-section{background:#f6f9ff}.sample-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:76px;align-items:center}.sample-preview{border-radius:21px;background:linear-gradient(140deg,#0b2c5f,#174d9b);padding:26px 28px 29px;box-shadow:0 16px 40px #0f387032;min-width:0}.sample-preview-label{color:#bddefd;letter-spacing:.15em;font-size:10px;font-weight:850;margin-bottom:17px}.preview-pages{display:flex;align-items:flex-end;justify-content:center;gap:16px}.preview-pages img{display:block;width:42%;height:auto;background:#fff;box-shadow:0 12px 23px #02193170;border-radius:4px;max-height:275px;object-fit:contain}.preview-pages img:last-child{margin-bottom:18px}.sample-description p{max-width:420px}.sample-description .button{margin:8px 0 19px}.sample-info{display:flex;flex-wrap:wrap;gap:9px}.sample-info span{font-size:10px;font-weight:800;color:#316299;background:#e7f0fc;border-radius:30px;padding:5px 9px}
/* OFFER */
.offer-section{padding:62px 0 5px;background:#fff}.offer-box{display:grid;grid-template-columns:67px 1fr auto auto;align-items:center;gap:24px;background:linear-gradient(110deg,#164c9b,#236cc6 55%,#1a4385);padding:26px 30px;border-radius:19px;box-shadow:0 17px 32px #154a9a23;color:white}.offer-icon{height:68px;width:67px;border-radius:17px;background:linear-gradient(150deg,#5fa5ff,#124d9f);display:grid;place-items:center;color:#fff;font-weight:950;font-size:45px;box-shadow:0 8px 19px #0d317a5c}.offer-description>span{font-size:10px;font-weight:950;letter-spacing:.14em;color:#c8e4ff}.offer-description h2{font-size:24px;margin:4px 0 8px;color:#fff}.offer-description p{font-size:12px;color:#d6eaff;margin:0;line-height:1.4}.offer-price{padding-left:22px;border-left:1px solid #91b6ea;white-space:nowrap}.offer-price span{display:block;font-size:12px;color:#d4e5fb}.offer-price strong{display:block;font-size:32px;font-weight:950;line-height:1.3;letter-spacing:-.04em}.offer-action .button{min-width:193px}.checkout-notice{font-size:12px;color:#745b1a;background:#fff8e4;border:1px solid #f0dd9b;border-radius:10px;margin:16px 0 0;padding:13px 16px}
/* FAQ */
.faq{padding-top:82px;padding-bottom:96px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 18px}.faq-grid details{border:1px solid #dfe6ee;border-radius:13px;overflow:hidden;align-self:start;background:#fff}.faq-grid summary{list-style:none;cursor:pointer;padding:18px 44px 18px 20px;color:#183353;font-size:14px;font-weight:850;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary::after{content:'+';color:#2766bd;font-size:24px;line-height:1;position:absolute;right:19px;top:14px}.faq-grid details[open] summary::after{content:'−'}.faq-grid details[open] summary{border-bottom:1px solid #eef2f7}.faq-grid details p{padding:13px 20px 17px;margin:0;font-size:13px;line-height:1.6}
/* FOOTER */
.footer{background:#071b38;color:#bed0e5;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:60px}.footer-about img{width:245px;height:auto;filter:none}.footer-about p{font-size:13px;max-width:410px;margin:15px 0 9px;color:#c9d9ed}.footer-about small{display:block;max-width:480px;font-size:11px;color:#92aac8;line-height:1.6}.footer-links{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.footer-links h3{color:#fff;font-size:14px;margin:4px 0 6px}.footer-links a{color:#d5e4f5;font-size:12px}.footer-links a:not([href]){opacity:.7;text-decoration:none}.footer-bottom{margin-top:33px;padding-top:18px;border-top:1px solid #274567;display:flex;gap:10px;justify-content:space-between;color:#90a8c5;font-size:11px}
/* LEGAL PAGES */
.legal-page{min-height:58vh;padding:70px 0 100px}.legal-page h1{font-size:43px;color:var(--navy)}.legal-page h2{font-size:23px;margin:31px 0 8px}.legal-page p,.legal-page li{font-size:15px;color:#566a81;max-width:840px}.legal-page .alert{border-left:4px solid #f2b833;background:#fff8e9;border-radius:9px;padding:15px 18px;margin-bottom:25px;color:#644a13}
/* Breakpoints */
@media(max-width:1120px){.header-layout{gap:12px}.site-brand{flex-basis:223px}.top-nav{gap:17px}.top-nav a{font-size:12px}.hero-grid{gap:12px}.hero h1{font-size:clamp(50px,5.5vw,68px)}.hero-visual{height:420px}.device{width:390px;top:105px}.device-screen{height:248px}.device-workspace{height:179px}.cover-frame{width:151px;top:35px}.visual-note{bottom:1px}.content-grid{gap:43px}.sample-layout{gap:42px}.offer-box{gap:18px;grid-template-columns:58px 1fr auto}.offer-icon{height:58px;width:58px}.offer-price{grid-column:3;grid-row:1}.offer-action{grid-column:2/4;grid-row:2;justify-self:end}}
@media(max-width:880px){.header-layout{min-height:76px}.top-nav{display:none}.site-brand{flex-basis:235px}.nav-cta{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-top:58px;padding-bottom:43px;gap:35px}.hero-content{max-width:660px;margin-inline:auto}.hero-visual{width:570px;max-width:100%;margin-inline:auto;height:430px}.device{right:9%;width:425px;top:80px}.cover-frame{left:6%;width:175px;top:5px}.visual-note{right:9%;bottom:8px}.stats-grid{max-width:550px}.feature-items{grid-template-columns:repeat(2,1fr);gap:14px 0}.feature-items>div{padding:12px 18px}.feature-items>div:nth-child(2){border-right:0}.content-grid,.sample-layout{grid-template-columns:1fr;gap:44px}.content-copy{order:1;max-width:700px;margin:auto}.preview-stage{order:2;width:min(100%,660px);margin:auto}.audience-layout{grid-template-columns:repeat(3,1fr)}.audience h2{grid-column:1/-1}.audience-point:first-of-type{border-left:0}.card-grid{grid-template-columns:repeat(2,1fr)}.sample-preview{max-width:700px;margin:auto;width:100%;order:2}.sample-description{order:1}.faq-grid{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(calc(100% - 32px),var(--container))}.header-layout{min-height:72px}.site-brand{flex:0 1 180px}.nav-cta{max-width:155px;font-size:10px;padding:9px 9px;min-height:39px}.hero-grid{padding-top:45px;gap:25px}.hero h1{font-size:clamp(48px,12.3vw,63px);margin:17px 0}.eyebrow-label{font-size:9px;padding:7px 11px}.hero-intro{font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px 10px;margin-top:23px}.stat{grid-template-columns:31px auto;border-right:0;min-height:57px}.stat strong{font-size:25px}.stat small{font-size:11px}.hero-actions{align-items:flex-start;gap:15px}.hero-actions .button{width:100%;min-width:unset}.hero-price{flex-direction:row;align-items:baseline;gap:10px}.hero-price strong{font-size:29px}.hero-visual{height:345px;max-width:355px}.device{width:290px;top:91px;right:0;max-width:85%}.device-screen{height:196px;border-width:6px}.device-app{height:25px;font-size:8px}.device-ribbon{height:26px;gap:8px;font-size:7px;padding-inline:6px}.device-workspace{height:145px;padding:7px}.device-page{padding:13px;width:70%;gap:5px}.device-page strong{font-size:8px}.device-page b{font-size:7px}.device-chin{height:6px}.device-base{height:12px}.cover-frame{left:0;top:10px;width:132px;max-width:40%}.visual-note{bottom:0;right:0;font-size:9px;max-width:220px}.feature-items{padding:15px 0;gap:6px 0}.feature-items>div{font-size:10px;padding:10px 6px;gap:7px}.feature-items>div>span{font-size:20px;width:23px}.section{padding:63px 0}.section h2{font-size:clamp(30px,8.4vw,37px)}.section p{font-size:14px}.preview-stage{min-height:365px}.document-window{width:64%;max-width:245px}.floating-chip{bottom:18px;right:2px;padding:10px 11px;max-width:210px}.floating-chip small{font-size:9px}.audience{padding:30px 0}.audience-layout{grid-template-columns:1fr;gap:17px}.audience h2{font-size:29px}.audience-point{border:0;padding:0;gap:12px}.audience-point p{font-size:13px}.card-grid{gap:12px}.benefit-card{padding:19px 13px}.benefit-card h3{font-size:14px;margin:14px 0 8px}.benefit-card p{font-size:12px}.card-icon{height:40px;width:40px;font-size:23px}.sample-preview{padding:22px 18px}.preview-pages{gap:12px}.preview-pages img{width:45%}.offer-section{padding:45px 0 0}.offer-box{grid-template-columns:51px 1fr;gap:15px;padding:22px 20px}.offer-icon{width:50px;height:52px;font-size:34px}.offer-description{grid-column:2;grid-row:1}.offer-description h2{font-size:19px}.offer-description p{font-size:10px}.offer-price{border-left:0;border-top:1px solid #7199d7;padding:14px 0 0;grid-column:1/3;grid-row:2}.offer-action{grid-column:1/3;grid-row:3;justify-self:stretch}.offer-action .button{width:100%}.faq{padding-top:60px;padding-bottom:72px}.faq-grid summary{font-size:13px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column}.legal-page{padding:45px 0 70px}.legal-page h1{font-size:32px}}
@media(max-width:350px){.site-brand{flex-basis:150px}.nav-cta{font-size:9px}.device{width:267px}.cover-frame{width:120px}.hero-visual{height:310px}.hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}