:root{--ink:#071f35;--ink2:#102f48;--blue:#0b5fa5;--blue2:#0d83d6;--orange:#ff4a17;--orange2:#e9390c;--paper:#f6fbff;--cream:#fff;--line:#dce8f1;--muted:#5d7182;--shadow:0 18px 55px rgba(7,31,53,.13);--soft:0 10px 28px rgba(7,31,53,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink2);background:#fff;font:16px/1.62 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue)}img{max-width:100%;height:auto}header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,232,241,.9);box-shadow:0 3px 18px rgba(7,31,53,.04)}.nav{max-width:1240px;margin:auto;display:flex;align-items:center;gap:22px;padding:13px 24px}.brand{font-weight:900;font-size:22px;text-decoration:none;color:var(--ink);letter-spacing:-.035em}.brand b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--blue),var(--ink));color:#fff;margin-right:10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18);position:relative}.brand b:after{content:"";position:absolute;width:11px;height:11px;right:-3px;top:-3px;background:var(--orange);border-radius:3px;transform:rotate(18deg)}.nav nav{display:flex;gap:18px;margin-left:auto;align-items:center}.nav nav a{text-decoration:none;color:#173b57;font-weight:750;font-size:14px}.nav nav a:hover{color:var(--orange)}.button,.nav .cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:900;border:1px solid var(--ink);background:var(--ink);color:#fff;transition:.2s ease}.button:hover,.nav .cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,31,53,.14)}.button.secondary{background:#fff;color:var(--blue);border-color:#88bce6}.button.orange,.nav .cta{background:linear-gradient(135deg,var(--orange),var(--orange2));border-color:var(--orange);color:#fff;box-shadow:0 9px 22px rgba(255,74,23,.2)}main{min-height:60vh}.wrap{max-width:1240px;margin:auto;padding:0 24px}.hero{padding:58px 0 38px;background:radial-gradient(circle at 50% -15%,#fff 0,#eef9ff 46%,#fff 78%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,112,174,.06),transparent 24%,transparent 76%,rgba(15,112,174,.06));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:950;color:var(--orange)}h1,h2,h3{line-height:1.08;color:var(--ink);letter-spacing:-.035em}h1{font-size:clamp(44px,6.6vw,84px);margin:.12em 0 .2em;font-weight:950}h2{font-size:clamp(30px,4vw,50px);margin:0 0 14px;font-weight:930}h3{font-size:22px}.lead{font-size:21px;color:#3e5a70;max-width:840px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.proof{font-size:13px;color:var(--muted)}.hero-copy{text-align:center;max-width:980px;margin:0 auto}.hero-copy .lead{margin:0 auto}.graphic-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);overflow:hidden}.graphic-card img{display:block;width:100%;border-radius:14px}.hero-graphic{max-width:1180px;margin:10px auto 0}.section{padding:72px 0}.section.alt{background:linear-gradient(180deg,#f8fbfd,#f2f8fc)}.section.dark{background:linear-gradient(135deg,#031a2a,#0b3550);color:#e8f3f8}.section.dark h2,.section.dark h3{color:#fff}.section.dark p{color:#d5e7ef}.section-head{max-width:840px;margin:0 auto 30px;text-align:center}.section-head p{color:#536d80}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 7px 22px rgba(7,31,53,.04)}.card h3{margin:0 0 8px}.card p:last-child{margin-bottom:0}.icon-card{background:#f9fcff;border:1px solid #dfeaf2;border-radius:16px;padding:22px;text-align:center}.icon-card .ico{font-size:30px;display:block;margin-bottom:8px}.icon-card h3{font-size:19px;margin:0 0 7px}.flow-graphic{max-width:1180px;margin:0 auto}.flow-graphic img{width:100%;display:block;border-radius:18px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px}.before-after figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--soft)}.before-after img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.before-after figcaption{padding:11px 14px;font-weight:900}.cta-band{padding:50px 0;background:#edf7fd}.cta-band .wrap{display:flex;gap:22px;align-items:center;justify-content:space-between}.content{max-width:960px;margin:auto;padding:52px 24px 86px}.content h1{font-size:clamp(40px,5vw,64px)}.content h2{margin-top:44px}.content table{border-collapse:collapse;width:100%;margin:22px 0;background:#fff}.content th,.content td{border:1px solid var(--line);padding:11px;text-align:left;vertical-align:top}.content th{background:#f1f7fb}.content figure.content-visual{margin:26px 0 34px;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--soft);background:#fff}.content figure.content-visual img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}.content figure.content-visual figcaption{padding:11px 15px;font-size:13px;color:var(--muted);font-weight:700}.toc{padding:18px 22px;border:1px solid var(--line);background:#f8fbfd;border-radius:14px}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq summary{font-weight:850;cursor:pointer}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;box-shadow:var(--soft)}.video-card .thumb{aspect-ratio:16/9;background:#eef5f9;display:grid;place-items:center;font-weight:900;color:var(--blue)}.video-card .body{padding:16px}.compare-note{border-left:4px solid var(--orange);padding:14px 18px;background:#fff5f1}.callout{padding:20px;border-radius:14px;background:#eef8fd;border:1px solid #d5e8f2}.checklist li{margin:8px 0}.kicker{font-weight:900;color:var(--orange)}.tag{display:inline-block;padding:4px 9px;border-radius:999px;background:#eaf6fc;color:#175176;font-size:12px;font-weight:850}.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px}.feature-strip .mini{border:1px solid var(--line);background:#f8fcff;border-radius:14px;padding:18px 12px;text-align:center}.feature-strip .mini strong{display:block;color:var(--ink);font-size:16px}.feature-strip .mini span{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:5px}.sales-band{background:linear-gradient(135deg,#051d2d,#0e3c58);color:#fff;padding:0;overflow:hidden}.sales-band .inner{display:grid;grid-template-columns:.9fr 1.1fr;min-height:430px}.sales-band .copy{padding:52px 24px 52px max(24px,calc((100vw - 1240px)/2 + 24px));display:flex;flex-direction:column;justify-content:center}.sales-band h2{color:#fff}.sales-band .photo{min-height:420px;background-position:center;background-size:cover}.sales-band ul{padding-left:20px}.sales-band li{margin:8px 0}.price-card{max-width:620px;margin:24px auto;background:#fff;border-radius:22px;padding:30px;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.price-card .price{font-size:66px;line-height:1;font-weight:950;color:var(--orange)}.price-card ul{list-style:none;text-align:left;max-width:420px;margin:22px auto;padding:0}.price-card li{padding:7px 0}.price-card li:before{content:"✓";color:#fff;background:var(--orange);display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:9px;font-size:12px;font-weight:900}.seo-copy{max-width:940px;margin:0 auto;font-size:17px}.seo-copy h2{margin-top:34px}.seo-copy p{color:#425d70}footer.site{background:#061d2d;color:#cddde6;padding:44px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.footer-grid a{color:#e9f4f8;text-decoration:none;display:block;margin:7px 0}.footer-grid h3{color:#fff;font-size:16px}.legal{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13px}@media(max-width:980px){.grid-4,.feature-strip{grid-template-columns:repeat(2,1fr)}.sales-band .inner{grid-template-columns:1fr}.sales-band .copy{padding:44px 24px}.sales-band .photo{min-height:340px}}@media(max-width:850px){.grid-3,.grid-2,.before-after,.footer-grid,.video-grid{grid-template-columns:1fr}.nav nav a:not(.cta){display:none}.cta-band .wrap{display:block}.cta-band .actions{margin-top:18px}h1{font-size:clamp(42px,10vw,64px)}}@media(max-width:560px){.nav{padding:10px 14px}.brand{font-size:18px}.brand b{width:34px;height:34px}.wrap{padding:0 16px}.hero{padding-top:40px}.section{padding:54px 0}.content{padding:38px 16px 60px}.actions .button{width:100%}.feature-strip,.grid-4{grid-template-columns:1fr}.sales-band .photo{min-height:250px}.price-card{padding:22px}.price-card .price{font-size:52px}}


/* v0.17.5 homepage + guides visual updates */
.home-hero-wrap{display:flex;flex-direction:column;align-items:center}
.hero-graphic{width:100%;max-width:1280px;margin:18px auto 0}
.hero-graphic img{width:100%;display:block}
.guides-compare{max-width:1240px;margin:26px auto 0}
.guides-compare figure{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--soft)}
.guides-compare img{display:block;width:100%;aspect-ratio:auto;object-fit:contain;background:#f7fafc}
.guides-compare figcaption{text-align:center}
@media(max-width:850px){.home-hero-wrap{gap:16px}.hero-graphic{max-width:none}}
@media(max-width:560px){.hero{padding-top:28px;padding-bottom:26px}.hero-copy .lead{font-size:18px;line-height:1.5}.hero-copy .actions{display:flex;gap:10px;justify-content:center}.hero-copy .actions .button{width:auto;flex:1 1 44%;padding:11px 14px;font-size:14px}.hero-graphic{max-width:none;width:calc(100% + 8px);margin:10px -4px 0}.graphic-card{padding:6px;border-radius:16px}.graphic-card img{border-radius:12px}.guides-compare{margin-top:18px}}

.video-hero-link{display:block;text-decoration:none;cursor:pointer}.video-hero-link:focus-visible{outline:4px solid var(--orange);outline-offset:4px}.video-hero-link:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(7,31,53,.18)}