/* Homepage-only reference layout. Shared navigation and subpages retain their styles. */
.homepage-refined main,.homepage-refined .site-footer{--refined-dark:var(--pc-052f24,#171816);--refined-lime:var(--pc-c5ff21,#c6f55b)}
html[data-palette="violett"] .homepage-refined main,
html[data-palette="violett"] .homepage-refined .site-footer{--refined-dark:#171816;--refined-lime:#c6f55b;--pc-052f24:#171816;--pc-c5ff21:#c6f55b;--pc-f7f8f3:#fafaf7;--pc-e7eee5:#f0f0eb;--pc-102c23:#171816;--pc-596b61:#60635b;--lanista-sage-light:#fafaf7;--lanista-sage:#f0f0eb;--ink:#171816;--muted:#60635b}
.homepage-refined main .wrap,.homepage-refined main>.wrap,.homepage-refined .site-footer>.wrap{max-width:1440px;padding-left:48px;padding-right:48px}
.homepage-refined .draft-hero{--section-bg:var(--refined-dark);padding-top:46px;padding-bottom:50px;color:#fafaf7}
.homepage-refined .draft-heading .eyebrow{color:var(--refined-lime);font-size:10px;letter-spacing:2.2px}
.homepage-refined .draft-heading .eyebrow:before{background:var(--refined-lime)}
.homepage-refined .draft-hero h1{font-size:clamp(38px,4.2vw,64px);font-weight:700;line-height:1.07;letter-spacing:-2px;margin:24px auto 34px;max-width:1140px;color:#fafaf7}
.homepage-refined .draft-hero h1 em{display:block;font-size:clamp(23px,2.2vw,32px);font-weight:400;line-height:1.25;letter-spacing:-.6px;color:var(--refined-lime);text-decoration:none;padding:0;margin:21px 0 0;background:none}
.homepage-refined .draft-product-story{border:0;border-radius:0;overflow:visible;background:transparent}
.homepage-refined .draft-product-story .draft-explanation{border:0;background:transparent;margin:20px auto 0;padding:0;max-width:1000px}
.homepage-refined .draft-explanation .draft-lead{max-width:1000px;font-size:14px;line-height:1.65;color:#dedfd8}
.homepage-refined .draft-explanation .draft-note{font-size:14px;color:#dedfd8}
.homepage-refined .draft-explanation .actions{margin-top:26px}
.refined-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:24px}
.refined-tabs button{min-width:180px;padding:12px 24px;border:0;border-radius:24px;background:transparent;color:#dedfd8;font-size:14px;position:relative}
.refined-tabs button[aria-selected="true"]{background:var(--refined-lime);color:var(--refined-dark)}
.refined-tabs button[aria-selected="true"]:after{content:"";position:absolute;width:48px;height:3px;bottom:-1px;left:calc(50% - 24px);background:var(--refined-dark)}
.refined-product-stage{height:440px;max-width:760px;margin:auto;position:relative;background:radial-gradient(ellipse at center,rgba(172,141,191,.15),transparent 68%)}
.refined-product-stage [role="tabpanel"]{height:100%}
.refined-product-stage [hidden]{display:none}
.refined-product-stage .screenshot{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.refined-product-stage img{display:block;width:100%;height:100%;object-fit:contain}
.refined-controls{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:24px;color:#dedfd8;font-size:12px}
.refined-controls button{width:34px;height:34px;display:grid;place-items:center;background:transparent;border:1px solid #888b81;border-radius:50%;color:var(--refined-lime);font-size:23px;line-height:1;padding:0}
.refined-controls [data-product-pause]{font-size:14px;margin-left:4px}
.refined-controls button:hover{background:#ffffff18}
.refined-dots{display:flex;gap:7px}
.refined-dots i{height:7px;width:7px;border-radius:50%;background:#888b81}
.refined-dots i.active{background:var(--refined-lime)}
.refined-carousel button:focus-visible{outline:3px solid #ffffff;outline-offset:4px}
.homepage-refined .draft-trust{padding-top:26px;padding-bottom:26px;border-top:0;font-size:12px;gap:14px 26px}
.homepage-refined .audience-showcase{padding-top:30px;padding-bottom:85px}
.homepage-refined .audience-showcase .section-intro{margin-bottom:34px}
.homepage-refined .audience-showcase .section-intro h2{font-size:clamp(32px,3.2vw,44px);letter-spacing:-1.8px;font-weight:400;max-width:750px}
.homepage-refined .audience-stage{background:var(--pc-f7f8f3,#f0f0eb);grid-template-columns:.95fr 1.05fr}
.homepage-refined .audience-stage[hidden]{display:none}
.homepage-refined .audience-story h3{font-weight:400}
.homepage-refined .audience-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
.homepage-refined .draft-client-app{padding:65px 0}
.homepage-refined .draft-client-app-grid{gap:70px}
.homepage-refined .draft-client-app-copy h2,.homepage-refined .draft-more h2,.homepage-refined .draft-economy h2{font-weight:400}
.homepage-refined .draft-client-app-visual img{max-height:400px}
.homepage-refined .draft-client-app-copy>p,.homepage-refined .draft-client-app-copy li span,.homepage-refined .draft-client-app-visual>span{color:#dedfd8}
.homepage-refined .draft-quick-panel{grid-template-columns:1fr 1fr;gap:65px}
.homepage-refined .draft-quick-copy h2{font-weight:400}
.homepage-refined .draft-quick-copy>p{max-width:540px}
.homepage-refined .draft-quick-visual img{max-height:280px}
.homepage-refined .draft-care-intro{grid-template-columns:1.4fr 1fr;gap:70px}
.homepage-refined .draft-care-intro h2{font-size:clamp(30px,3vw,43px)}
.homepage-refined .draft-care-return p{max-width:640px}
.homepage-refined .draft-economy{gap:100px}
.homepage-refined .draft-cta{padding-top:65px;padding-bottom:65px}
.homepage-refined .site-footer .footer-platform-card{background:#ffffff06}
.homepage-refined .site-footer .footer-platform-card:hover{background:#ffffff10}
@media(max-width:1000px){
 .homepage-refined main .wrap,.homepage-refined main>.wrap,.homepage-refined .site-footer>.wrap{padding-left:28px;padding-right:28px}
 .homepage-refined .draft-hero h1{font-size:48px}
 .homepage-refined .draft-client-app-grid,.homepage-refined .draft-quick-panel{gap:32px}
 .homepage-refined .draft-care-intro{gap:35px}
 .homepage-refined .audience-benefits{grid-template-columns:1fr}
 .homepage-refined .draft-economy{gap:40px}
}
@media(max-width:700px){
 .homepage-refined main .wrap,.homepage-refined main>.wrap,.homepage-refined .site-footer>.wrap{padding-left:22px;padding-right:22px}
 .homepage-refined .draft-hero{padding-top:32px;padding-bottom:36px}
 .homepage-refined .draft-heading .eyebrow{font-size:9px;letter-spacing:1.1px;line-height:1.6}
 .homepage-refined .draft-hero h1{font-size:clamp(32px,7.7vw,44px);letter-spacing:-1.1px;line-height:1.12;margin-top:20px;margin-bottom:27px}
 .homepage-refined .draft-hero h1 em{font-size:23px;letter-spacing:-.4px;line-height:1.3;margin-top:18px}
 .refined-tabs{gap:6px;margin-bottom:12px}
 .refined-tabs button{min-width:0;flex:1;max-width:180px;padding:12px 8px;font-size:13px}
 .refined-product-stage{height:clamp(230px,62vw,400px)}
 .refined-controls{gap:15px;margin-top:16px}
 .homepage-refined .draft-explanation .draft-lead,.homepage-refined .draft-explanation .draft-note{font-size:13px}
 .homepage-refined .draft-trust{padding-top:22px;padding-bottom:22px;gap:12px 18px;font-size:11px}
 .homepage-refined .audience-showcase{padding-top:35px;padding-bottom:45px}
 .homepage-refined .audience-showcase .section-intro{margin-bottom:25px}
 .homepage-refined .audience-showcase .section-intro h2{font-size:33px;letter-spacing:-1.2px}
 .homepage-refined .audience-stage,.homepage-refined .draft-quick-panel,.homepage-refined .draft-care-intro{grid-template-columns:1fr}
 .homepage-refined .audience-story h3{font-size:29px}
 .homepage-refined .draft-client-app{padding:45px 0}
 .homepage-refined .draft-client-app-grid{gap:28px}
 .homepage-refined .draft-client-app-copy{grid-row:auto}
 .homepage-refined .draft-client-app-visual img{max-height:310px}
 .homepage-refined .draft-care-intro{gap:18px}
 .homepage-refined .draft-economy{gap:25px}
 .homepage-refined .draft-cta{padding-top:42px;padding-bottom:42px}
 .homepage-refined .draft-care-return .button{white-space:normal;text-align:left}
}
@media(prefers-reduced-motion:reduce){.homepage-refined main *{scroll-behavior:auto;transition:none!important;animation:none!important}}