.clara-landing{--font-ui:var(--font-hanken),system-ui,sans-serif;--font-voice:var(--font-newsreader),Georgia,serif;--font-mono:var(--font-plex-mono),ui-monospace,monospace;--grad:linear-gradient(118deg,#3ecf8e 0%,#3b82f6 100%);--maxw:1080px;font-family:var(--font-ui);background:var(--canvas);color:var(--ink);min-height:100vh;line-height:1.5;transition:background .4s,color .4s;overflow-x:hidden}.clara-landing[data-theme=dark]{--canvas:#0e1116;--canvas-2:#0a0d11;--surface:#161a21;--surface-2:#1b212b;--ink:#e8edf3;--ink-2:#b4bdc8;--muted:#7e8a98;--line:#232a33;--line-2:#303843;--attn:#e0903e;--shadow:0 1px 2px #0006,0 40px 80px -40px #000000e6;--glow:.5}.clara-landing[data-theme=light]{--canvas:#f6f1e8;--canvas-2:#efe8db;--surface:#fff;--surface-2:#fbf6ec;--ink:#211c15;--ink-2:#564e43;--muted:#8c8377;--line:#e7dfd1;--line-2:#d9cdb9;--attn:#b0712a;--shadow:0 1px 2px #3c280a0d,0 40px 80px -44px #3c280a80;--glow:.4}.clara-landing button,.clara-landing input{font-family:inherit}.clara-landing a{color:inherit;text-decoration:none}.clara-landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.clara-landing section[id],.clara-landing main[id]{scroll-margin-top:84px}.clara-landing .pulse{background:var(--grad);border-radius:50%;flex-shrink:0;width:26px;height:26px;box-shadow:0 0 18px -2px #3ecf8e}.clara-landing .pulse.sm{width:11px;height:11px;box-shadow:0 0 10px -1px #3ecf8e}.clara-landing .topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--canvas)80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line)70%,transparent);position:sticky;top:0}.clara-landing .topbar .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.clara-landing .brand{align-items:center;gap:10px;display:flex}.clara-landing .brand-logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:26px;height:26px}.clara-landing .brand b{letter-spacing:-.01em;text-transform:lowercase;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:600}.clara-landing .topbar .brand-logo{width:30px;height:30px}.clara-landing .topbar .brand b{font-size:22px;font-weight:700}.clara-landing .nav-links{align-items:center;gap:30px;display:flex}.clara-landing .nav-links a{color:var(--ink-2);white-space:nowrap;font-size:14px;transition:all .15s}.clara-landing .nav-links a:hover{color:var(--ink)}.clara-landing .nav-actions{align-items:center;gap:12px;display:flex}.clara-landing .nav-actions .btn{height:38px;padding-top:0;padding-bottom:0;line-height:1}.clara-landing .nav-login{color:var(--ink-2);white-space:nowrap;font-size:14px;font-weight:600;transition:color .15s}.clara-landing .nav-login:hover{color:var(--ink)}.clara-landing .theme-toggle{border:1px solid var(--line-2);background:var(--surface);width:38px;height:38px;color:var(--ink-2);cursor:pointer;border-radius:50%;place-items:center;transition:all .18s;display:grid}.clara-landing .theme-toggle:hover{color:var(--ink);border-color:var(--ink-2)}.clara-landing .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.clara-landing .btn--go{background:var(--grad);color:#fff;box-shadow:0 10px 26px -14px #3b82f6}.clara-landing .btn--go:hover{filter:brightness(1.06);transform:translateY(-1px)}.clara-landing .btn--ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.clara-landing .btn--ghost:hover{border-color:var(--ink-2)}.clara-landing .btn--lg{border-radius:14px;padding:15px 26px;font-size:15px}.clara-landing .btn:disabled{opacity:.55;cursor:default;filter:none;transform:none}@media (max-width:720px){.clara-landing .nav-links{display:none}}.clara-landing .hero{text-align:center;padding:88px 0 40px;position:relative;overflow:hidden}.clara-landing .hero-glow{background:radial-gradient(ellipse at center,color-mix(in srgb,#3b82f6 calc(var(--glow)*30%),transparent),transparent 62%);filter:blur(20px);pointer-events:none;z-index:0;width:760px;max-width:130vw;height:620px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.clara-landing .hero .wrap{z-index:1;position:relative}.clara-landing .eyebrow{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 15px;font-size:12px;display:inline-flex}.clara-landing .hero h1{font-family:var(--font-voice);letter-spacing:-.025em;max-width:16ch;margin:0 auto;font-size:clamp(40px,8vw,78px);font-weight:500;line-height:1.02}.clara-landing .hero h1 em{font-style:italic}.clara-landing .hero .sub{font-family:var(--font-voice);color:var(--ink-2);text-wrap:pretty;max-width:50ch;margin:28px auto 0;font-size:clamp(18px,2.4vw,23px);line-height:1.55}.clara-landing .hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:38px;display:flex}.clara-landing .reassure{color:var(--muted);font-size:13px;font-family:var(--font-mono);letter-spacing:.02em;margin-top:22px}.clara-landing .shot{z-index:1;max-width:440px;margin:60px auto 0;position:relative}.clara-landing .card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.clara-landing .card-row{align-items:flex-start;gap:12px;display:flex}.clara-landing .glyph{width:38px;height:38px;color:var(--attn);background:color-mix(in srgb,var(--attn)13%,var(--surface));border:1px solid color-mix(in srgb,var(--attn)26%,transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.clara-landing .card-head{flex:1;min-width:0;padding-top:1px}.clara-landing .card-head h3{letter-spacing:-.01em;font-size:15.5px;font-weight:600}.clara-landing .when{font-family:var(--font-mono);color:var(--attn);align-items:center;gap:7px;margin-top:5px;font-size:11px;display:flex}.clara-landing .when i{background:var(--attn);border-radius:50%;width:5px;height:5px;display:block}.clara-landing .card .voice{font-family:var(--font-voice);color:var(--ink);text-wrap:pretty;margin:14px 1px 16px;font-size:17px;line-height:1.48}.clara-landing .card-actions{gap:9px;display:flex}.clara-landing .mini-go{background:var(--grad);color:#fff;cursor:pointer;border:0;border-radius:11px;flex:1;padding:11px;font-size:13.5px;font-weight:600}.clara-landing .mini-ghost{color:var(--ink-2);border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:11px;padding:11px 16px;font-size:13.5px;font-weight:600}.clara-landing .callcard{background:var(--canvas);border:1px solid var(--line-2);box-shadow:var(--shadow);text-align:left;border-radius:26px;padding:20px 20px 22px}.clara-landing .call-head{align-items:center;gap:11px;display:flex}.clara-landing .call-head .pulse{animation:1.7s ease-in-out infinite cl-pulsebeat}.clara-landing .call-logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:22px;height:22px}@keyframes cl-pulsebeat{0%,to{box-shadow:0 0 16px -3px #3ecf8e}50%{box-shadow:0 0 26px 1px #3ecf8e}}.clara-landing .call-who{flex-direction:column;flex:1;gap:1px;display:flex}.clara-landing .call-who b{text-transform:lowercase;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:13.5px;font-weight:600}.clara-landing .call-status{font-family:var(--font-mono);letter-spacing:.03em;color:var(--muted);font-size:10.5px}.clara-landing .call-live{align-items:center;gap:10px;display:flex}.clara-landing .mini-wave{align-items:center;gap:2.5px;height:18px;display:flex}.clara-landing .mini-wave span{background:var(--grad);border-radius:2px;width:2.5px;height:4px;animation:.9s ease-in-out infinite cl-wave2}.clara-landing .mini-wave span:nth-child(2){animation-delay:.1s}.clara-landing .mini-wave span:nth-child(3){animation-delay:.2s}.clara-landing .mini-wave span:nth-child(4){animation-delay:.3s}.clara-landing .mini-wave span:nth-child(5){animation-delay:.15s}.clara-landing .mini-wave span:nth-child(6){animation-delay:.25s}.clara-landing .mini-wave span:nth-child(7){animation-delay:50ms}.clara-landing .mini-wave.paused span{opacity:.35;height:4px;animation-play-state:paused}@keyframes cl-wave2{0%,to{opacity:.5;height:4px}50%{opacity:1;height:15px}}.clara-landing .call-timer{font-family:var(--font-mono);color:var(--ink-2);text-align:right;min-width:30px;font-size:11px}.clara-landing .transcript{flex-direction:column;gap:14px;display:flex}.clara-landing .tline{opacity:0;gap:11px;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(8px)}.clara-landing .tline.show{opacity:1;transform:none}.clara-landing .tdot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:2px}.clara-landing .tline--clara .tdot{background:var(--grad);box-shadow:0 0 8px -1px #3ecf8e}.clara-landing .tline--them .tdot{border:1.5px solid var(--line-2);background:0 0}.clara-landing .tl{min-width:0}.clara-landing .spk{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.clara-landing .tline .ln{text-wrap:pretty;margin-top:3px}.clara-landing .tline--clara .ln{font-family:var(--font-voice);color:var(--ink);font-size:17px;line-height:1.4}.clara-landing .tline--them .ln{color:var(--ink-2);font-size:15px;line-height:1.45}.clara-landing .chip{color:var(--ink);background:var(--surface);border:1px solid var(--line-2);opacity:0;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:6px 15px 6px 6px;font-size:13px;font-weight:600;transition:all .42s cubic-bezier(.2,.8,.2,1);display:inline-flex;transform:scale(.92)}.clara-landing .chip.show{opacity:1;transform:none}.clara-landing .chip-check{background:var(--grad);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.clara-landing .cal-event{background:var(--surface-2);border:1px solid var(--line);opacity:0;border-radius:14px;align-items:center;gap:12px;margin-top:13px;padding:13px 14px;transition:all .55s cubic-bezier(.2,.8,.2,1);display:flex;transform:translateY(12px)}.clara-landing .cal-event.show{opacity:1;transform:none}.clara-landing .ce-glyph{width:38px;height:38px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.clara-landing .ce-title{font-size:14.5px;font-weight:600}.clara-landing .ce-when{font-family:var(--font-mono);color:var(--muted);margin-top:3px;font-size:10.5px}.clara-landing .work-dots{align-items:center;gap:4px;height:18px;display:flex}.clara-landing .work-dots span{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.3s ease-in-out infinite cl-think2}.clara-landing .work-dots span:nth-child(2){animation-delay:.18s}.clara-landing .work-dots span:nth-child(3){animation-delay:.36s}@keyframes cl-think2{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.clara-landing .scene-stage{min-height:380px;margin-top:16px;transition:height .55s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.clara-landing .scene{opacity:0;pointer-events:none;transition:opacity .55s;position:absolute;top:0;left:0;right:0}.clara-landing .scene.active{opacity:1;pointer-events:auto}.clara-landing .scene-body{flex-direction:column;gap:13px;margin:16px 0 4px;display:flex}.clara-landing .scene-result{margin-top:4px}.clara-landing .ctx{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:13px 14px;display:flex}.clara-landing .ctx-glyph{width:38px;height:38px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.clara-landing .ctx-glyph.ctx-grad{color:#fff;background:var(--grad);border:0;box-shadow:0 6px 16px -8px #3b82f6}.clara-landing .ctx-glyph.ctx-attn{color:var(--attn);background:color-mix(in srgb,var(--attn)13%,var(--surface));border-color:color-mix(in srgb,var(--attn)26%,transparent)}.clara-landing .ctx-name{font-size:14.5px;font-weight:600}.clara-landing .ctx-sub{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:10.5px}.clara-landing .beat{opacity:0;transition:opacity .5s,transform .55s cubic-bezier(.2,.8,.2,1);transform:translateY(9px)}.clara-landing .beat.show{opacity:1;transform:none}.clara-landing .note{font-family:var(--font-voice);color:var(--ink-2);margin-top:12px;padding-left:2px;font-size:15px;line-height:1.45}.clara-landing .draft{font-family:var(--font-voice);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-left:2px solid color-mix(in srgb,#3b82f6 40%,var(--line));border-radius:12px;padding:12px 15px;font-size:15.5px;font-style:italic;line-height:1.5}.clara-landing .scene-dots{justify-content:center;gap:7px;margin-top:18px;display:flex}.clara-landing .scene-dots span{background:var(--line-2);border-radius:999px;width:6px;height:6px;transition:width .45s,background .45s}.clara-landing .scene-dots span.on{background:var(--grad);width:20px}.clara-landing .call-static{flex-direction:column;gap:12px;margin-top:18px;display:flex}.clara-landing .cs-row{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:13px;padding:14px;display:flex}.clara-landing .cs-check{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.clara-landing .cs-row>div b{font-size:14.5px;font-weight:600;display:block}.clara-landing .cs-row>div span{font-family:var(--font-mono);color:var(--muted);margin-top:2px;font-size:11px;display:block}@media (max-width:480px){.clara-landing .scene-stage{min-height:420px}}.clara-landing section.band{padding:clamp(48px,6vw,72px) 0}.clara-landing .sec-head{max-width:640px}.clara-landing .sec-head.center{text-align:center;margin:0 auto}.clara-landing .kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--attn);margin-bottom:18px;font-size:12px}.clara-landing .sec-head h2{font-family:var(--font-voice);letter-spacing:-.02em;text-wrap:pretty;font-size:clamp(30px,4.6vw,46px);font-weight:500;line-height:1.1}.clara-landing .sec-head p{color:var(--ink-2);max-width:52ch;margin-top:18px;font-size:17px;line-height:1.6}.clara-landing .sec-head.center p{margin-left:auto;margin-right:auto}.clara-landing .cap-grid{background:var(--line);border:1px solid var(--line);border-radius:22px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;display:grid;overflow:hidden}@media (max-width:760px){.clara-landing .cap-grid{grid-template-columns:1fr}}.clara-landing .cap{background:var(--canvas);padding:34px 30px}.clara-landing .cap .cg{width:40px;height:40px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;place-items:center;margin-bottom:20px;display:grid}.clara-landing .cap h4{letter-spacing:-.01em;font-size:17px;font-weight:600}.clara-landing .cap p{color:var(--ink-2);margin-top:8px;font-size:14.5px;line-height:1.55}.clara-landing .split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (max-width:860px){.clara-landing .split{grid-template-columns:1fr;gap:44px}}.clara-landing .split .card{box-shadow:var(--shadow)}.clara-landing .split-h2{font-family:var(--font-voice);letter-spacing:-.02em;font-size:clamp(30px,4.6vw,46px);font-weight:500;line-height:1.1}.clara-landing .split-lead{color:var(--ink-2);max-width:46ch;margin-top:18px;font-size:17px;line-height:1.6}.clara-landing .steps{flex-direction:column;gap:2px;margin-top:30px;padding:0;list-style:none;display:flex}.clara-landing .steps li{border-top:1px solid var(--line);gap:16px;padding:16px 0;display:flex}.clara-landing .steps li:first-child{border-top:0}.clara-landing .steps .n{font-family:var(--font-mono);color:var(--muted);padding-top:3px;font-size:12px}.clara-landing .steps .st b{font-size:15.5px;font-weight:600;display:block}.clara-landing .steps .st span{color:var(--ink-2);font-size:14px;line-height:1.5}.clara-landing .trust{background:var(--canvas-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.clara-landing .source-demo{max-width:560px;margin-top:40px}.clara-landing .source-line{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:13px;margin-bottom:12px;padding:18px 20px;display:flex}.clara-landing .source-line .glyph{width:34px;height:34px}.clara-landing .source-line .sl-main p.q{font-family:var(--font-voice);color:var(--ink);font-size:16px;line-height:1.45}.clara-landing .source-line .sl-main .src{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin-top:9px;padding:4px 10px;font-size:11px;display:inline-flex}.clara-landing .closing{text-align:center;position:relative;overflow:hidden}.clara-landing .orb{background:radial-gradient(circle,#3b82f63d,#0000 70%);border-radius:50%;place-items:center;width:84px;height:84px;margin:0 auto 32px;animation:5s ease-in-out infinite cl-breathe;display:grid}.clara-landing .orb i{background:var(--grad);border-radius:50%;width:26px;height:26px;display:block;box-shadow:0 0 30px -3px #3ecf8e}@keyframes cl-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}.clara-landing .closing h2{font-family:var(--font-voice);letter-spacing:-.025em;max-width:18ch;margin:0 auto;font-size:clamp(32px,5.4vw,56px);font-weight:500;line-height:1.06}.clara-landing .closing h2 em{font-style:italic}.clara-landing .closing-sub{font-family:var(--font-voice);color:var(--ink-2);text-wrap:pretty;max-width:40ch;margin:22px auto 0;font-size:clamp(17px,2.2vw,20px);line-height:1.5}.clara-landing .phone-row{background:var(--surface);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:10px;max-width:470px;margin:38px auto 0;padding:7px 7px 7px 6px;display:flex}.clara-landing .phone-row .btn{border-radius:999px}.clara-landing .phone-row .cc{font-family:var(--font-mono);color:var(--ink-2);border-right:1px solid var(--line);white-space:nowrap;padding:9px 13px;font-size:13px}.clara-landing .phone-row input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;padding-left:4px;font-size:15px}.clara-landing .phone-row input::placeholder{color:var(--muted)}@media (max-width:460px){.clara-landing .phone-row{border-radius:18px;flex-wrap:wrap}.clara-landing .phone-row .cc{border-right:0}.clara-landing .phone-row .btn{flex:1;justify-content:center}}.clara-landing .closing .reassure{margin-top:18px}.clara-landing .rejection{color:var(--attn);font-size:13.5px;font-family:var(--font-ui);max-width:44ch;margin-top:16px;margin-left:auto;margin-right:auto}.clara-landing .signup-done{font-family:var(--font-voice);color:var(--ink);margin-top:24px;font-size:18px}.clara-landing footer{border-top:1px solid var(--line);padding:44px 0}.clara-landing footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.clara-landing footer .brand b{font-size:16px}.clara-landing .foot-links{flex-wrap:wrap;gap:26px;display:flex}.clara-landing .foot-links a{color:var(--muted);font-size:13.5px;transition:all .15s}.clara-landing .foot-links a:hover{color:var(--ink)}.clara-landing .copy{color:var(--muted);font-size:12.5px;font-family:var(--font-mono)}.clara-landing .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.clara-landing .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.clara-landing .reveal{opacity:1;transform:none}.clara-landing *{animation:none!important}}
