/* Existing Aftercal Blau Deep design tokens and card hierarchy. */
@font-face{font-family:Inter;src:url('/fonts/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--paper:oklch(97.5% .008 258);--canvas:oklch(94.4% .011 258);--surface:oklch(99.7% .004 258);--surface-2:oklch(95.5% .012 258);--ink:oklch(20.5% .11 258);--muted:oklch(39% .1 258);--blue:oklch(52% .19 258);--accent-soft:oklch(94% .05 258);--line:oklch(88% .017 258);--soft:var(--surface-2);--white:var(--surface);--radius:24px}
body{background:var(--canvas);font-family:Inter,'Segoe UI',sans-serif;color:var(--ink)}h1,h2,h3{font-weight:600;letter-spacing:-.045em}p{color:var(--muted)}
.header{background:var(--surface);border-color:var(--line);backdrop-filter:none}.nav{height:78px}.brand{font-size:21px;font-weight:600;letter-spacing:-.7px}.brand-icon,.brand-icon.large{background:var(--blue);box-shadow:none;letter-spacing:0;font-size:20px;font-weight:600;width:36px;height:36px;border-radius:12px}.brand-icon.large{width:52px;height:52px;font-size:28px}.nav nav{color:var(--muted)}.button{border-radius:999px;font-weight:600;box-shadow:none}.button.primary{background:var(--blue);border-color:var(--blue);box-shadow:none}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}
.hero{padding-top:70px}.hero:before{display:none}.hero h1{font-size:clamp(40px,5.6vw,76px);line-height:1.08}.hero h1>span{background:none;color:var(--blue);-webkit-text-fill-color:var(--blue)}.hero-copy,.eyebrow,.hero-note,.micro{color:var(--muted)}.status-dot{background:var(--blue);box-shadow:none}
.hero-preview{border:1px solid var(--line);border-radius:24px;box-shadow:none;background:var(--surface);transform:none}.window-bar{background:var(--surface);border-color:var(--line);color:var(--muted)}.window-dots{opacity:.4}.example{color:var(--muted)}.preview-layout,.preview-main{background:var(--canvas)}.preview-sidebar{background:var(--surface);border-color:var(--line);color:var(--muted)}.mini-brand{display:grid;place-items:center;width:32px;height:32px;background:var(--blue);color:white;border-radius:10px;font-size:18px;font-weight:600;letter-spacing:0}.preview-sidebar .selected{background:var(--accent-soft);color:var(--blue);border-radius:12px}.preview-main{padding:28px}.preview-title h2{color:var(--ink);font-size:25px}.avatar{color:var(--blue);background:var(--surface);border:1px solid var(--line)}
.metrics>div{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:none;padding:19px}.metrics>div>span,.metrics small{color:var(--muted)}.metrics strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.metrics>div:nth-child(2){background:var(--blue);border-color:var(--blue)}.metrics>div:nth-child(2) span,.metrics>div:nth-child(2) strong,.metrics>div:nth-child(2) small{color:white}.lead-table,.context-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:none}.table-head{background:var(--surface);color:var(--ink);border-color:var(--line)}.lead-row{border-color:var(--line)}.lead-row b,.context-top b{color:var(--ink)}.lead-row small,.row-time,.context-card p,.context-card>div{color:var(--muted)}.initial.lavender,.initial.peach,.initial.mint{background:var(--accent-soft);color:var(--blue)}.pill.blue{color:var(--blue);background:var(--accent-soft)}.pill.amber{background:oklch(96% .035 80);color:oklch(52% .09 62)}.preview-caption{background:var(--surface);border-color:var(--line);color:var(--muted)}
.audience{border-color:var(--line)}.audience>div,.section-heading p{color:var(--muted)}.features{gap:20px}.features article{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.feature-icon{background:var(--accent-soft);border:0;border-radius:12px;color:var(--blue)}.feature-tag{color:var(--muted)}
.workflow-section,.pricing-section{background:var(--paper);border-color:var(--line)}.workflow{border-color:var(--line);border-radius:24px;box-shadow:none;background:var(--surface)}.workflow-content{background:var(--canvas)}.workflow-nav{background:var(--surface)}.workflow-nav>button{color:var(--muted);border-radius:999px}.workflow-nav>button[aria-pressed=true]{background:var(--blue);color:white}.workflow-nav>button[aria-pressed=true]>span{color:white}.document{background:var(--surface);border-color:var(--line);border-radius:20px;box-shadow:none}.demo-label,.demo-bottom,.document-heading small,.quote{color:var(--muted)}.file-icon,.demo-appointment{background:var(--accent-soft);color:var(--blue)}.document-note,.demo-list,.demo-list b{color:var(--muted)}
.comparison-rows{padding:10px 26px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.comparison-rows>div:last-child{border-bottom:0}.before{color:var(--muted)}.after{font-weight:600}.ai-section{background:var(--surface);border-color:var(--line);border-radius:24px}.ai-copy>p.muted{color:var(--muted)}.ai-orbit{border-color:var(--line)}.ai-core{background:var(--blue);box-shadow:none;letter-spacing:0;font-size:44px}.ai-draft{background:var(--surface-2);border-color:var(--line);border-radius:20px;box-shadow:none}.orbit-label{color:var(--muted);border-color:var(--line)}
.integration-grid>div,.plan{background:var(--surface);border-color:var(--line);border-radius:24px;box-shadow:none}.integration-grid span,.section-note,.plan small,.plan ul{color:var(--muted)}.plan.featured{box-shadow:none;border-color:var(--blue);border-radius:0 0 24px 24px}.plan-ribbon{border-radius:20px 20px 0 0}.plan-price{font-weight:600}.questions summary{color:var(--ink)}.questions summary span{color:var(--blue)}.final-cta{background:var(--blue);border:0;color:white;border-radius:24px}.final-cta h2,.final-cta p,.final-cta .eyebrow,.final-cta small,.final-cta .plain-contact{color:white}.final-cta .brand-icon{background:white;color:var(--blue)}.final-cta .button{background:white;color:var(--blue);border-color:white}.footer-top>div>a:not(.brand),.footer-bottom{color:var(--muted)}.legal{background:var(--surface);padding:50px;border:1px solid var(--line);border-radius:24px;margin-block:48px}
@media(max-width:740px){.nav{height:72px}.nav nav,.menu-toggle{background:var(--surface)}.hero{padding-top:45px}.hero h1{font-size:clamp(37px,8vw,56px)}.preview-main{padding:14px}.preview-title h2{font-size:16px}.preview-sidebar{width:40px}.mini-brand{width:26px;height:26px;font-size:15px}.metrics>div{padding:12px 7px;border-radius:14px}.metrics strong{font-size:24px}.features article{padding:26px}.workflow-nav>button{border-radius:14px}.legal{padding:28px 22px;margin-block:24px}.comparison-rows{padding:6px 20px}}
/* Apple-inspired glass finish; Aftercal identity and content remain unchanged. */
:root{--glass:rgba(255,255,255,.72);--glass-line:rgba(255,255,255,.85);--glass-shadow:0 18px 60px rgba(25,62,112,.09),inset 0 1px 0 rgba(255,255,255,.95)}
body{background:radial-gradient(ellipse 80% 700px at 12% 5%,#d1e7ff 0%,transparent 72%),radial-gradient(ellipse 65% 800px at 100% 13%,#e3dcfb 0%,transparent 68%),linear-gradient(160deg,#f5f8fc,#eaf1f9 45%,#f8fafc);background-repeat:no-repeat}
.header{top:14px;width:min(1220px,calc(100% - 32px));margin:14px auto 0;border:1px solid var(--glass-line);border-radius:28px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 8px 30px #2445790c,inset 0 1px 0 #fff}
.nav.container{width:calc(100% - 36px)}.nav{height:70px;gap:22px}.brand-icon,.mini-brand{background:linear-gradient(145deg,#368cef,var(--blue));box-shadow:inset 0 1px 1px #ffffff70,0 4px 12px #0462d326}
.hero{padding-top:83px}.hero h1{letter-spacing:-.058em;line-height:1.06}.hero h1>span{background:linear-gradient(105deg,#064eaf,#247ee3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{line-height:1.8}.hero .eyebrow{display:inline-flex;padding:8px 15px;border:1px solid #ffffffcf;border-radius:999px;background:#ffffff8c;box-shadow:inset 0 1px 0 white}
.button{transition:transform .18s ease,box-shadow .18s ease;background-clip:padding-box}.button.primary{background:linear-gradient(165deg,#2984ea,#045aca);border:1px solid #2179db;box-shadow:inset 0 1px 1px #ffffff65,0 6px 16px #0757ba24}.button.secondary{background:#ffffffb8;border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,0 3px 12px #284d8310}.button:hover{box-shadow:0 8px 24px #17519c26;transform:translateY(-2px)}.button:active{transform:translateY(0)}
.hero-preview,.workflow,.features article,.comparison-rows,.ai-section,.plan,.integration-grid>div,.legal{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border-radius:28px}
.hero-preview{padding:7px;box-shadow:0 30px 80px #16396f1c,inset 0 1px 0 white;border-radius:30px}.window-bar{background:transparent;padding-inline:20px}.preview-layout{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#e5edf8ed,#dceafaad)}.preview-main{background:transparent}.preview-sidebar{background:#ffffff7d;border-right:1px solid #ffffffb3}.preview-caption{background:transparent;border:0}
.metrics>div,.lead-table,.context-card,.document,.ai-draft{background:#ffffffd6;border-color:#ffffffdb;box-shadow:inset 0 1px 0 white,0 5px 18px #20427407}.metrics>div:nth-child(2){background:linear-gradient(150deg,#328bec,#065dcd);border-color:#5b9fee;box-shadow:inset 0 1px 0 #ffffff73,0 8px 20px #0462d324}.table-head{background:transparent}.avatar{background:#ffffffc9;border-color:white}.preview-title h2{font-weight:600}
.workflow-section,.pricing-section{background:linear-gradient(120deg,#ffffff3d,#e5eff973);border-color:#ffffffad}.workflow-nav{background:#ffffff4f}.workflow-content{background:linear-gradient(150deg,#dceaff70,#ebe9ff6b)}.workflow-nav>button[aria-pressed=true]{background:linear-gradient(145deg,#2d87e9,#075dcc);box-shadow:inset 0 1px 0 #ffffff66,0 4px 12px #0462d31a}.feature-icon{background:linear-gradient(145deg,#e4f2ff,#d7e7ff);border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #fff}
.ai-section{background:linear-gradient(130deg,#ffffffbc,#e5edff9c)}.ai-core{background:linear-gradient(145deg,#3992f1,#045cca);border:1px solid #77b2f3;box-shadow:inset 0 1px 0 #ffffffa8,0 12px 30px #0462d330}.orbit-label{background:#ffffffd6;border-color:white;box-shadow:0 3px 10px #17437c09}.plan.featured{background:linear-gradient(160deg,#fffffff2,#e5efffbd);border:2px solid #2474d7;box-shadow:0 20px 50px #0462d317}.plan-ribbon{background:linear-gradient(115deg,#2d85e6,#075ecc)}
.questions{padding:28px;background:#ffffff8c;border:1px solid #ffffffd9;border-radius:28px;box-shadow:inset 0 1px 0 white}.final-cta{position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#70b8ff70,transparent 55%),radial-gradient(ellipse at 100% 100%,#99a9ff40,transparent 55%),linear-gradient(140deg,#176ad0,#034dae);border:1px solid #92bffe;box-shadow:inset 0 1px 0 #ffffff80,0 22px 65px #164f9b26;border-radius:32px}.final-cta .brand-icon,.final-cta .button{background:#fffffff0;color:#0456bf;box-shadow:inset 0 1px 0 white,0 5px 16px #002c6e26;border-color:white}
@media(max-width:980px){.nav{gap:14px}.nav nav{gap:12px}.nav-cta{font-size:11px}}
@media(max-width:740px){.header{top:8px;margin-top:8px;width:calc(100% - 20px);border-radius:23px}.nav.container{width:calc(100% - 28px)}.nav{height:62px}.nav nav{top:70px;left:0;right:0;border:1px solid white;border-radius:22px;background:#f8fbfff5;box-shadow:0 12px 30px #183f7926}.menu-toggle{background:#ffffffbd;border:1px solid white;border-radius:14px}.hero{padding-top:52px}.hero h1{font-size:clamp(35px,8vw,56px)}.hero .eyebrow{font-size:7px;letter-spacing:1.25px;padding:8px 10px}.hero-preview{padding:4px;border-radius:23px}.preview-layout{border-radius:17px}.features article,.workflow,.ai-section,.plan,.integration-grid>div{border-radius:23px}.questions{padding:22px}.final-cta{border-radius:25px}.hero-preview,.workflow,.features article,.comparison-rows,.ai-section,.plan,.integration-grid>div,.legal{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#ffffffd6}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header,.hero-preview,.workflow,.features article,.comparison-rows,.ai-section,.plan,.integration-grid>div,.legal{background:#f8fbff}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.header,.hero-preview,.workflow,.features article,.comparison-rows,.ai-section,.plan,.integration-grid>div,.legal,.questions{background:#f8fbff;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#adbed5}.preview-sidebar,.document,.metrics>div,.lead-table,.context-card{background:#fff}.metrics>div:nth-child(2){background:#045aca}body{background:#eaf0f7}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover,.button:active{transform:none}}
