:root{--web-ink:#13243a;--web-blue:#082b5c;--web-teal:#0b665e;--web-gold:#ebbd60;--web-line:#d9e2e9}
html{scroll-padding-top:90px}
body{background:#f8fafb;color:var(--web-ink)}
body>main{max-width:none;margin:0;padding:0}
body>.site-header{background:#071b33;border-bottom:1px solid #ffffff22;position:relative;z-index:4}
body>.site-header .brand{font-size:.92rem;line-height:1.35;letter-spacing:.01em}
body>.site-header .brand img{box-shadow:0 0 0 1px #ffffff30}
body>.site-header nav a{font-size:.9rem;transition:color .18s ease}
body>.site-header nav a:hover{color:#f7d68d}
body>.site-header nav .header-cta{color:#142236;box-shadow:0 8px 20px #0003}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px;background:radial-gradient(circle at 80% 0%,#1e6676 0%,#113f64 28%,#081e3b 68%,#06172d 100%)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff0 0%,#fff0 95%,#ffffff0a 95%);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-inner{position:relative;z-index:2}
.hero h1{font-size:clamp(3rem,5.3vw,5.8rem);line-height:1.03;max-width:850px}
.hero h1 em{font-style:normal;color:#f2c772}
.hero-lead{max-width:660px;font-size:1.16rem}
.hero-actions .button-light{background:#f5c96c;color:#09213d;box-shadow:0 14px 32px #0003}
.hero-actions .button-light:hover{background:#ffe1a2}
.hero-assurance{color:#b7cadb;font-size:.88rem;margin-top:20px}
.hero-showcase{position:relative;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px 0 0}
.showcase-browser{width:100%;max-width:510px;background:#fff;border:7px solid #ffffff38;border-radius:18px;overflow:hidden;box-shadow:0 32px 85px #0008;transform:rotate(2deg)}
.showcase-bar{display:flex;align-items:center;gap:6px;height:32px;background:#edf1f3;padding:0 12px}
.showcase-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#b9c3cc}.showcase-bar i:first-child{background:#d48a86}.showcase-bar i:nth-child(2){background:#ddbd6d}
.showcase-bar span{font-size:.55rem;color:#83919b;font-weight:900;letter-spacing:.12em;margin:auto}
.showcase-site{background:#f8f5ef;min-height:315px}
.showcase-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;font-size:.55rem;color:#173246}
.showcase-nav b{letter-spacing:.12em}.showcase-nav span{color:#64717b}
.showcase-photo{height:206px;background:linear-gradient(105deg,#071c30db,#16384d22),linear-gradient(145deg,#a3b5ac,#535d51 55%,#c2aa83);display:flex;align-items:center;padding:28px}
.showcase-photo div{color:#fff}.showcase-photo small{display:block;letter-spacing:.18em;font-weight:900;font-size:.52rem;color:#e5c88b}
.showcase-photo strong{display:block;font-size:2rem;line-height:1.05;letter-spacing:-.05em;margin:12px 0}
.showcase-photo span{display:inline-block;padding:7px 11px;background:#e7b95e;color:#10253b;border-radius:4px;font-size:.57rem;font-weight:900}
.showcase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 18px}.showcase-cards i{height:38px;border-radius:5px;background:#e4e8e3}.showcase-cards i:nth-child(2){background:#d7e2df}.showcase-cards i:nth-child(3){background:#eadcc6}
.showcase-caption{position:static;margin:0;color:#d2deeb;font-size:.7rem;line-height:1.45;letter-spacing:.01em;text-align:center}
.confidence-strip{max-width:1180px;margin:-26px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #dce5ec;border-radius:15px;box-shadow:0 18px 40px #081e3b18;padding:22px}
.confidence-strip>div{display:grid;grid-template-columns:36px 1fr;gap:2px 12px;padding:10px 24px;border-right:1px solid #e0e6eb}
.confidence-strip>div:last-child{border:0}.confidence-strip span{grid-row:1/3;color:#bf8331;font-size:.78rem;font-weight:950}.confidence-strip strong{font-size:.96rem;color:#0a2b4f}.confidence-strip small{color:#617185;line-height:1.4}
.section{padding-top:98px;padding-bottom:98px}.section-heading .eyebrow,.form-intro .eyebrow{color:#a97222;font-size:.73rem;letter-spacing:.15em;font-weight:950;text-transform:uppercase}
.section-heading h2,.form-intro h2{color:#0c2a4c;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1}
.options{gap:18px;align-items:stretch}.option{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:34px;border-radius:18px;border-color:#dbe3ea;box-shadow:0 15px 34px #0b2c4b0c;transition:transform .2s,box-shadow .2s}
.option:hover{transform:translateY(-4px);box-shadow:0 21px 46px #0b2c4b1a}.option:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#c8d4dd}
.option.featured{border:1px solid #a9cfc8;background:linear-gradient(165deg,#f2faf7,#fff 42%)}.option.featured:before{background:#168473}
.option h3{letter-spacing:-.025em;color:#102a49}.option .price{font-size:2.4rem;letter-spacing:-.04em}.option ul{padding-left:22px;color:#30465c;margin-bottom:18px}.option li{padding-left:3px}.option li::marker{color:#168473}
.option .option-foot{margin-top:auto;padding-top:15px;border-top:1px solid #e2e8eb}.option>a{display:inline-flex;align-items:center;margin-top:12px;text-decoration:none;color:#075b55}.option>a:hover{text-decoration:underline}
.price-note{background:#eef4f5;border-left:4px solid #178574;padding:18px 20px;border-radius:0 9px 9px 0;max-width:none}
.section.muted{background:#eaf0f3}.steps{gap:16px}.steps article{border:1px solid #dce5eb;padding:30px}.steps b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#dcedea;color:#075d55}.steps h3{color:#0b2a4a}
.form-section{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:55px}.form-intro{top:30px}.intake-promise{display:grid;gap:9px;margin:28px 0;padding:23px;background:#e9f4f1;border:1px solid #c8ddd7;border-radius:14px}.intake-promise strong{color:#075b55}.intake-promise span{color:#40586a;line-height:1.6}
.form-section .detail{background:#fff;border:1px solid #d9e5e8;border-radius:20px;box-shadow:0 22px 50px #0b2c4b12;padding:35px}
.form-section .detail input:not([type=checkbox]),.form-section .detail select,.form-section .detail textarea{border-radius:9px;border:1px solid #c6d4df;background:#fbfdff}
.form-section .detail input:focus,.form-section .detail select:focus,.form-section .detail textarea:focus{outline:3px solid #b7dcd5;outline-offset:1px;border-color:#177d70}
.form-section button.primary{width:100%;background:#0a5b55;border-color:#0a5b55;color:#fff;font-weight:900;font-size:1rem;border-radius:9px}
body>footer{max-width:none;background:#071b33;color:#c4d3df;display:grid;grid-template-columns:1fr auto;gap:22px;padding:40px max(20px,calc((100vw - 1180px)/2))}
body>footer>div:first-child{display:grid;gap:7px}body>footer strong{color:#fff}body>footer>div:last-of-type{display:flex;gap:18px;flex-wrap:wrap}body>footer a{color:#dbe8f0;text-decoration:none}body>footer a:hover{text-decoration:underline}body>footer small{grid-column:1/-1;border-top:1px solid #ffffff29;padding-top:18px}
@media(max-width:980px){.site-header nav a:nth-child(3){display:none}.confidence-strip{margin-left:16px;margin-right:16px}.hero-showcase{max-width:600px}.form-section{gap:30px}}
@media(max-width:850px){body>.site-header{display:flex;align-items:center}.site-header nav{flex-wrap:nowrap}.site-header nav a:not(.header-cta){display:none}.site-header .header-cta{white-space:nowrap}.hero{gap:20px}.hero-showcase{margin:0 auto}.form-section{grid-template-columns:1fr}}
@media(max-width:650px){body>.site-header{display:flex;align-items:center;gap:10px;padding:10px 14px}.site-header .brand{min-width:0;max-width:calc(100% - 130px);font-size:.72rem}.site-header .brand span{overflow-wrap:anywhere}.site-header .brand img{width:42px;height:42px;flex:none}.site-header nav{display:block;margin:0;flex:none}.site-header nav a:not(.header-cta){display:none}.site-header .header-cta{white-space:nowrap;font-size:.7rem;padding:9px}.hero{grid-template-columns:minmax(0,1fr);padding:56px 20px 55px}.hero-inner,.hero-showcase{min-width:0;max-width:100%}.hero h1{font-size:clamp(2.4rem,10vw,3.25rem);overflow-wrap:break-word}.hero-lead{max-width:100%}.hero-showcase{min-height:0;padding:10px 0 0}.showcase-browser{width:95%}.showcase-site{min-height:235px}.showcase-photo{height:143px;padding:17px}.showcase-photo strong{font-size:1.45rem}.showcase-caption{font-size:.6rem}.confidence-strip{grid-template-columns:1fr;margin-top:0;padding:8px 20px}.confidence-strip>div{padding:15px 0;border-right:0;border-bottom:1px solid #e0e6eb}.confidence-strip>div:last-child{border:0}.section{padding-top:70px;padding-bottom:70px}.form-section .detail{padding:20px}body>footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.option,.button{transition:none}.option:hover{transform:none}}
