.homePage{--home-sage:#b5c7a5;--home-cream:#f2eee4;background-color:#070908;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:120px 120px;color:var(--home-cream)}
.homeTopbar{background:#070908ed!important;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}
.homePage>section{scroll-margin-top:90px;content-visibility:visible;contain-intrinsic-size:none}
.homePage .hero h1{font-size:clamp(46px,6.25vw,90px);line-height:1.04}.homePage h1 em,.homePage h2 em{color:var(--home-sage);font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}
.homePage .heroOfferTrigger{padding:20px 24px;border-left:2px solid var(--home-sage);border-radius:0 14px 14px 0;background:linear-gradient(90deg,#ffffff0b,transparent);max-width:640px}.homePage .trustLine{line-height:1.6;color:#b4b9b2;font-size:13px}
.homePage .heroDeckCard,.homePage .preview{border:1px solid #b5c7a54d;box-shadow:0 25px 70px #0009;transition:transform .35s ease,border-color .3s ease}.homePage .heroDeckCard:hover,.homePage .preview:hover{border-color:#d7c18b;box-shadow:0 25px 75px #000b}
.homePage .browser,.homePage .heroDeckBrowser{color:#d0d0c9;background:#080b08aa}.homePage .cardActions button{background:var(--home-sage);color:#141b14}
.homePage .heroDeck{perspective:1400px}.homePage .preview{isolation:isolate}.homePage .catalogPreviewImage{filter:brightness(.7)}
.homePage .mockTitle strong{font-size:clamp(23px,2.5vw,36px);max-width:90%;text-wrap:balance;text-shadow:0 2px 16px #000}.homePage .cardScene{display:none}
.homePage .sectionHead p,.homePage .heroText{color:#d0d3cc}
.homePage .homeServices,.homePage .homePricing,.homePage .homeGrowth{padding:clamp(64px,7vw,112px) max(24px,calc((100vw - 1328px)/2));border-top:1px solid #ffffff17}
.homePage .homeServiceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}.homeServiceGrid article{padding:30px;border:1px solid #ffffff1c;border-radius:18px;background:#111512;display:flex;flex-direction:column;align-items:start;gap:16px;transition:transform .3s,border-color .3s;min-height:290px}.homeServiceGrid article:hover{transform:translateY(-6px);border-color:#b5c7a577}.homeServiceGrid article>span{color:#b5c7a5;font-size:13px}.homeServiceGrid h3,.homeGrowthGrid h3{font-size:27px;line-height:1.15}.homeServiceGrid p,.homeGrowthGrid p{font-size:17px;line-height:1.65;color:#c3c8c1}.homeServiceGrid a{margin-top:auto;padding-top:10px;color:#20b26c;font-weight:600}
.homePriceGrid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin-top:48px}.homePriceGrid>div{display:grid;gap:24px}.homePriceGrid article{padding:36px;background:#111512;border:1px solid #ffffff24;border-radius:20px;display:flex;flex-direction:column;align-items:start;gap:18px}.homePriceGrid .homePricePrimary{background:#d6e0cc;color:#152315;border:0}.homePriceGrid h3{font-size:29px}.homePriceGrid strong{font-size:clamp(40px,5vw,68px);letter-spacing:-.05em;line-height:1}.homePriceGrid p,.homePriceGrid li{font-size:17px;line-height:1.65}.homePriceGrid ul{padding-left:20px;display:grid;gap:10px}.homePriceGrid article>span{font-size:13px;opacity:.8}.homePriceGrid a{margin-top:auto;font-weight:600}.homePriceGrid .primaryButton{background:#132014;color:#f2eee4;border-radius:40px}
.homeGrowthGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.homeGrowthGrid article{padding:36px;border-top:1px solid #b5c7a54d;display:grid;gap:22px}.homeGrowthGrid span{font-size:13px;color:#b5c7a5}.homeGrowthGrid a{color:#20b26c}
.homePage .contactFormPanel{border:1px solid #ffffff26}.homePage footer nav{display:flex;flex-wrap:wrap;gap:15px 24px}.homePage footer nav a{font-size:14px}
@media(min-width:1000px){.homePage .hero{min-height:calc(100svh - 84px);display:grid;align-items:center}.homePage .approach,.homePage .process,.homePage .trustSection,.homePage .seoSection,.homePage .contact{min-height:calc(100svh - 84px)}}
@media(max-width:800px){.homePage .homeServiceGrid{grid-template-columns:1fr 1fr;gap:16px}.homePriceGrid,.homeGrowthGrid{grid-template-columns:1fr}.homePriceGrid article,.homeGrowthGrid article{padding:26px}.homePage .hero h1{font-size:clamp(42px,8.5vw,66px)}.homePage .heroOfferTrigger{padding:18px}.homePage .heroDeck{max-width:100%}.homePage .homeServices,.homePage .homePricing,.homePage .homeGrowth{padding:64px 24px}}
@media(max-width:540px){.homePage .homeServiceGrid{grid-template-columns:1fr}.homeServiceGrid article{min-height:0;padding:25px}.homePage .sectionHead h2{font-size:36px}.homePage .homeServices,.homePage .homePricing,.homePage .homeGrowth{padding:56px 20px}.homePage .hero{overflow:hidden}.homePage .heroDeck{height:400px}.homePage .mockTitle strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.homePage *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.homeServiceGrid article:hover{transform:none}}

.homeTopbar .brandMark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f2eee4;color:#101711;font-size:23px;font-weight:800}.homeTopbar .brand{display:flex;align-items:center;gap:10px;font-size:20px}

.growthReading{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:24px;font-size:16px;color:#20b26c}.growthReading a{border-bottom:1px solid #20b26c66;padding-bottom:6px}

/* Clear full-price action, isolated to the home pricing section. */
.homePriceGrid a.homeFullPriceButton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:56px;padding:16px 22px;border:1px solid #20b26c;border-radius:14px;background:#20b26c;color:#171b18;font-size:18px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;box-shadow:0 6px 24px #a98de624;transition:background .18s ease,box-shadow .18s ease}
.homePriceGrid a.homeFullPriceButton:hover{background:#ddd3ff;box-shadow:0 8px 28px #a98de63d}
.homePriceGrid a.homeFullPriceButton:focus-visible{outline:3px solid #f2eee4;outline-offset:4px}
@media(max-width:480px){.homePriceGrid a.homeFullPriceButton{width:100%;padding:16px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.homePriceGrid a.homeFullPriceButton{transition:none}}

/* Keep the two requested headline lines readable at every viewport. */
.homePage .heroCopy{container-type:inline-size;min-width:0}
.homePage .hero h1{font-size:clamp(30px,12.8cqw,90px)}
.homePage .heroTitleLine{display:block;white-space:nowrap}

/* Main service navigation and estimate CTA: equal prominent actions. */
.homePriceGrid>div article>a:is(.homeFullPriceButton,.leadHubAction){display:flex;align-items:center;justify-content:center;width:100%;min-height:76px;padding:20px 26px;border:2px solid #20b26c;border-radius:16px;background:#20b26c;color:#171b18;font-size:clamp(22px,2vw,28px);font-weight:750;line-height:1.25;text-align:center;text-decoration:none;box-shadow:0 8px 28px #a98de62b}
.homePriceGrid>div article>a:is(.homeFullPriceButton,.leadHubAction):hover{background:#e0d5ff}
.homePriceGrid>div article>a:is(.homeFullPriceButton,.leadHubAction):focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:480px){.homePriceGrid>div article>a:is(.homeFullPriceButton,.leadHubAction){min-height:72px;padding:16px 12px;font-size:22px}}

/* Homepage light pass: same sage/ivory palette, lifted surfaces and static sheen. */
.homePage{--home-ink:#171c18;--home-graphite:#303831;background-color:var(--home-ink)}
.homeTopbar{background:#171c18f2!important;border-bottom-color:#f2eee42b}
.homePage .hero{background:radial-gradient(ellipse at 78% 36%,#b5c7a533,transparent 55%),linear-gradient(135deg,#ffffff04,transparent 65%),var(--home-ink)}
.homePage .heroOfferTrigger{background:linear-gradient(115deg,#ffffff0f,#ffffff03);box-shadow:inset 0 1px #ffffff12}
.homePage .heroText{color:#e1e4dc}
.homePage .trustLine{color:#c0c7ba}
.homePage .heroActions .primaryButton{background:linear-gradient(160deg,#fffdf6,#f2eee4);box-shadow:inset 0 1px #fff,0 5px 26px #b5c7a529}
.homePage .heroActions .primaryButton span{color:#53604a}
.homePage .heroDeckCard,.homePage .preview{border-color:#c7d5b982;box-shadow:0 18px 48px #0006,0 0 30px #b5c7a515}
.homePage .heroDeckCard::after{background:linear-gradient(135deg,#ffffff1a,transparent 38%),linear-gradient(180deg,#05090703,#050907b8)}
.homePage .catalog{background:#171c18}
.homePage .catalogPreviewImage{filter:brightness(.82)}
.homePage .proofBar{background:linear-gradient(125deg,#343d34,#2a322b);box-shadow:inset 0 1px #ffffff14}
.homePage .proofBar span,.homePage .cardInfo span{color:#c0c7ba}
.homePage .homeServiceGrid article,.homePage .homePriceGrid article:not(.homePricePrimary){background:linear-gradient(145deg,#30392f,#222a23 65%);border-color:#d2dfc633;box-shadow:inset 0 1px #ffffff12,0 12px 32px #0002}
.homePage .homeGrowthGrid article{background:linear-gradient(135deg,#ffffff06,transparent 65%)}
.homePage .homeServiceGrid p,.homePage .homeGrowthGrid p{color:#d4dacd}

/* Persistent link affordance for all six service cards. */
.homePage .homeServiceGrid article>a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0 6px;color:#20b26c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:#20b26c99;border-radius:4px;transition:color .18s ease,background-color .18s ease,text-decoration-color .18s ease}
.homePage .homeServiceGrid article>a:hover{color:#fff;background:#20b26c18;text-decoration-color:#fff;text-decoration-thickness:2px}
.homePage .homeServiceGrid article>a:focus-visible{outline:2px solid #20b26c;outline-offset:5px;background:#20b26c18}
@media(prefers-reduced-motion:reduce){.homePage .homeServiceGrid article>a{transition:none}}

/* Reversible scroll-scrub, isolated from hover transforms and card swiping. */
.homePage.homeScrollRoot{overflow-x:clip}
@media(prefers-reduced-motion:no-preference){.homePage .homeScrollItem{translate:var(--home-scroll-x,0px) var(--home-scroll-y,0px);animation:none!important}}
@media(prefers-reduced-motion:reduce){.homePage .homeScrollItem{translate:none!important}}

/* Same visible frame for pointer hover and keyboard focus. */
.homePage .homeServiceGrid article>a:is(:hover,:focus-visible){outline:2px solid #20b26c;outline-offset:5px;border-radius:4px;background:#20b26c24;color:#eee8ff;text-decoration-color:#20b26c;box-shadow:0 0 22px #20b26c26}