:root{--bg: #070a17;--bg-2: #0a1026;--purple: #7c5cff;--blue: #5b8cff;--teal: #2ed3a4;--grad: linear-gradient(135deg, #7c5cff 0%, #5b8cff 52%, #2ed3a4 100%);--ink: #edeffa;--ink-dim: #c2c6e2;--muted: #848bb0;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--surface: rgba(255, 255, 255, .04);--display: "Bricolage Grotesque", "Hanken Grotesk", sans-serif;--body: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--blue);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.page{position:relative;isolation:isolate;overflow-x:hidden}.aura{position:fixed;z-index:-3;top:38%;left:50%;width:130vmax;height:130vmax;translate:-50% -50%;background:radial-gradient(closest-side,rgba(124,92,255,.2),transparent 70%) 30% 32%/60% 60% no-repeat,radial-gradient(closest-side,rgba(91,140,255,.18),transparent 70%) 70% 40%/55% 55% no-repeat,radial-gradient(closest-side,rgba(46,211,164,.15),transparent 70%) 50% 72%/55% 55% no-repeat;filter:blur(40px);animation:drift 26s ease-in-out infinite alternate;will-change:transform}.mesh{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 55% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(70% 55% at 50% 30%,#000 30%,transparent 75%)}.vignette{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(125% 95% at 50% 6%,transparent 42%,rgba(3,5,12,.72) 100%)}.stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:22px clamp(18px,5vw,48px) 30px}.top{width:100%;max-width:1180px;display:flex;align-items:center;justify-content:space-between;animation:fade .8s var(--ease) both}.brand{display:inline-flex;align-items:center;gap:11px}.brand-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(124,92,255,.45))}.brand-word{font-family:var(--display);font-size:21px;font-weight:700;letter-spacing:-.02em}.brand-word b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.persona select{font-family:var(--mono);font-size:12px;color:var(--ink-dim);background:#0000004d;border:1px solid var(--line);border-radius:100px;padding:9px 14px;cursor:pointer;outline:none;transition:border-color .25s}.persona select:hover{border-color:var(--line-2)}.persona select:disabled{opacity:.5}.persona option{background:#11152b;color:var(--ink)}.call{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}.orb-stage{--level: 0;position:relative;width:clamp(220px,33vh,290px);height:clamp(220px,33vh,290px);display:grid;place-items:center;animation:pop .9s var(--ease) both}.orb-glow{position:absolute;inset:-14%;border-radius:50%;background:var(--grad);filter:blur(46px);opacity:calc(.42 + var(--level) * .5);z-index:0;animation:breathe 5s ease-in-out infinite;will-change:transform,opacity}.orb{position:relative;z-index:3;width:64%;height:64%;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 18px 55px -10px rgba(124,92,255,calc(.45 + var(--level) * .5)),inset 0 2px 14px #ffffff59;transition:box-shadow .1s linear;animation:bob 6s ease-in-out infinite}.orb-face{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 120% at 30% 25%,rgba(255,255,255,.32),transparent 55%)}.orb:hover:not(:disabled){filter:brightness(1.06)}.orb:active:not(:disabled){transform:scale(.97)}.orb:disabled{cursor:wait}.orb-stage.busy .orb{animation:none}.orb-stage.speaking .orb-glow{animation:breathe 5s ease-in-out infinite,speakglow 1.5s var(--ease)}.orb-stage.speaking .orb{animation:bob 6s ease-in-out infinite,speaktap 1.5s var(--ease)}.orb-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(124,92,255,.5);z-index:1;opacity:0;pointer-events:none}.orb-stage.live .orb-ring{opacity:1}.orb-stage.live .r1{inset:18%;animation:ripple 2.8s var(--ease) infinite}.orb-stage.live .r2{inset:6%;animation:ripple 2.8s var(--ease) infinite .9s}.orb-stage.live .r3{inset:-6%;animation:ripple 2.8s var(--ease) infinite 1.8s}.wave{position:absolute;bottom:-36px;display:flex;align-items:center;gap:4px;height:30px;z-index:4;transform:scaleY(calc(.4 + var(--level) * 1.5));transform-origin:center;transition:transform .09s linear}.wave span{width:4px;height:100%;border-radius:4px;background:var(--grad);transform:scaleY(.3);transform-origin:center;animation:wave .9s ease-in-out infinite alternate;animation-delay:calc(var(--n) * .07s);will-change:transform}.call-copy{max-width:520px;display:flex;flex-direction:column;align-items:center;gap:13px;animation:fade .9s var(--ease) .15s both}.call-copy h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,5vw,48px);letter-spacing:-.03em;line-height:1.02}.grad,.call-copy h1.status-live{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.call-copy h1.dim{color:var(--ink-dim)}.call-copy p{font-size:clamp(14.5px,1.6vw,17px);line-height:1.6;color:var(--ink-dim)}.timer{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:.03em}.captions{width:100%;max-width:620px;display:flex;flex-direction:column;gap:8px;min-height:40px}.cap{display:flex;gap:10px;align-items:baseline;padding:11px 16px;border-radius:14px;text-align:left;border:1px solid var(--line);background:#ffffff0a;animation:rise .3s var(--ease) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cap.agent{border-color:#7c5cff59;background:#7c5cff14}.cap.interim{opacity:.6}.cap-who{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--muted);flex-shrink:0;min-width:56px}.cap.agent .cap-who{color:var(--blue)}.cap-txt{font-size:14.5px;line-height:1.45;color:var(--ink)}.hang{padding:11px 22px;border-radius:100px;font-weight:600;font-size:14px;color:#ff9a9a;border:1px solid rgba(255,110,110,.4);background:#ff505014;transition:all .25s var(--ease)}.hang:hover{background:#ff50502e;color:#ffbcbc}.chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:620px;animation:fade .9s var(--ease) .3s both}.chips li{display:inline-flex}.chips button{font-size:12.5px;color:var(--ink-dim);padding:9px 16px;border:1px solid var(--line);border-radius:100px;background:var(--surface);cursor:pointer;transition:transform .2s var(--ease),border-color .2s,background .2s,color .2s}.chips button:hover{color:var(--ink);border-color:#7c5cff8c;background:#7c5cff1a;transform:translateY(-2px)}.chips button.on{border-color:#7c5cffcc;color:#fff;background:#7c5cff33}.chips li:last-child button{border-color:#7c5cff73;color:#fff;background:#7c5cff1f}.tease{position:relative;max-width:470px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left;padding:18px 20px;border-radius:18px;border:1px solid rgba(124,92,255,.38);background:#7c5cff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 55px -22px #7c5cffb3;animation:bubblein .4s var(--ease) both}.tease:after{content:"";position:absolute;top:-8px;left:50%;translate:-50% 0;width:15px;height:15px;rotate:45deg;background:#7c5cff1a;border-left:1px solid rgba(124,92,255,.38);border-top:1px solid rgba(124,92,255,.38)}.tease-who{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--blue)}.tease p{font-size:15.5px;line-height:1.5;color:var(--ink)}.tease-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:100px;font-weight:600;font-size:13.5px;background:var(--grad);color:#fff;box-shadow:0 8px 22px -6px #7c5cff99;transition:transform .2s var(--ease)}.tease-cta:hover{transform:translateY(-2px)}.type-link{font-size:14px;color:var(--muted);padding:6px;transition:color .25s;animation:fade .9s var(--ease) .4s both}.type-link:hover{color:var(--ink)}.scroll-cue{position:absolute;bottom:18px;left:50%;translate:-50% 0;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted);animation:fade 1s var(--ease) .6s both,nudge 2s ease-in-out infinite}.scroll-cue:hover{color:var(--ink)}.chatview{flex:1;width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px;padding-top:18px;min-height:0;animation:fade .5s var(--ease) both}.back{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--ink-dim);padding:8px 14px;border:1px solid var(--line);border-radius:100px;transition:all .25s}.back:hover{color:var(--ink);border-color:var(--line-2)}.panel{flex:1;display:flex;flex-direction:column;min-height:0;max-height:64vh;border:1px solid var(--line-2);border-radius:22px;background:#ffffff06;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 30px 90px -40px #000c}.chat-scroll{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:13px}.chat-intro{margin:auto 0}.chat-hi{font-family:var(--display);font-size:20px;font-weight:600;margin-bottom:16px}.suggests{display:flex;flex-direction:column;gap:9px}.suggests button{text-align:left;padding:13px 16px;border-radius:13px;font-size:14.5px;color:var(--ink-dim);border:1px solid var(--line);background:var(--surface);transition:all .2s var(--ease)}.suggests button:hover:not(:disabled){border-color:#7c5cff80;color:var(--ink);transform:translate(3px)}.msg{display:flex;flex-direction:column;max-width:82%;animation:rise .35s var(--ease) both}.msg.user{align-self:flex-end;align-items:flex-end}.msg.assistant{align-self:flex-start}.bubble{padding:12px 16px;border-radius:16px;font-size:15px;line-height:1.5;white-space:pre-wrap}.msg.user .bubble{background:var(--grad);color:#fff;border-bottom-right-radius:5px;font-weight:500}.msg.assistant .bubble{background:#ffffff0f;border:1px solid var(--line);border-bottom-left-radius:5px}.ts{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin:5px 4px 0}.typing{display:inline-flex;gap:5px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:bounce 1.2s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.composer{display:flex;align-items:flex-end;gap:8px;padding:14px;border-top:1px solid var(--line)}.composer textarea{flex:1;resize:none;max-height:120px;font-family:var(--body);font-size:15px;color:var(--ink);background:#0000004d;border:1px solid var(--line);border-radius:14px;padding:13px 15px;outline:none;transition:border-color .2s}.composer textarea:focus{border-color:var(--line-2)}.composer textarea::placeholder{color:var(--muted)}.icon-btn{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line);transition:all .2s}.icon-btn:hover{color:var(--ink);border-color:var(--line-2)}.send{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--grad);color:#fff;transition:transform .2s var(--ease);box-shadow:0 8px 26px -6px #7c5cff99}.send:disabled{background:#ffffff0f;color:var(--muted);box-shadow:none;cursor:not-allowed}.send:not(:disabled):hover{transform:translateY(-2px)}.ctx{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer;padding:0 4px;transition:color .2s}.ctx:hover{color:var(--ink-dim)}.ctx input{display:none}.sec-head{max-width:700px;margin:0 auto}.sec-head.center{text-align:center}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.2em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.sec-head h2,.contact-cta h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,4vw,46px);letter-spacing:-.03em;line-height:1.04;margin:14px 0}.sec-head p{font-size:16px;color:var(--ink-dim);line-height:1.55}.more{max-width:1180px;margin:0 auto;padding:clamp(60px,9vh,110px) clamp(18px,5vw,48px) 30px}.ex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:44px 0 28px}.ex{position:relative;padding:26px 22px;border-radius:18px;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .3s var(--ease),border-color .3s}.ex:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--grad);opacity:.8}.ex:hover{transform:translateY(-5px);border-color:var(--line-2)}.ex-tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.05em;padding:4px 10px;border-radius:100px;margin-bottom:16px;color:#fff}.ex-purple .ex-tag{background:#7c5cff38;color:#c5b6ff}.ex-blue .ex-tag{background:#5b8cff38;color:#aac4ff}.ex-teal .ex-tag{background:#2ed3a438;color:#93eccf}.ex h3{font-family:var(--display);font-size:19px;font-weight:600;margin-bottom:8px}.ex p{font-size:14px;color:var(--ink-dim);line-height:1.5}.svc-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.svc{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid var(--line);border-radius:100px;background:var(--surface);font-size:14px;color:var(--ink-dim);transition:all .25s}.svc svg{color:var(--blue)}.svc:hover{color:var(--ink);border-color:var(--line-2)}.proc{max-width:1180px;margin:0 auto;padding:clamp(50px,7vh,90px) clamp(18px,5vw,48px)}.proc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:44px}.step{padding:24px;border-radius:16px;border:1px solid var(--line);background:var(--surface);transition:transform .3s var(--ease)}.step:hover{transform:translateY(-4px)}.step-n{font-family:var(--display);font-size:30px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.step h4{font-family:var(--display);font-size:18px;font-weight:600;margin:10px 0 8px}.step p{font-size:13.5px;color:var(--ink-dim);line-height:1.5}.stack-strip{max-width:1180px;margin:0 auto;padding:30px clamp(18px,5vw,48px);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stack-label{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.stack-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.stack-pill{font-family:var(--mono);font-size:12.5px;padding:8px 15px;border-radius:8px;border:1px solid var(--line);color:var(--ink-dim);background:#ffffff05}.contact{max-width:1180px;margin:0 auto;padding:clamp(60px,9vh,110px) clamp(18px,5vw,48px) 0}.contact-cta h2{margin-top:14px}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:100px;font-weight:700;font-size:15px;background:var(--grad);color:#fff;box-shadow:0 12px 36px -8px #7c5cff99;transition:transform .2s var(--ease)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;padding:15px 26px;border-radius:100px;font-family:var(--mono);font-size:14px;border:1px solid var(--line-2);color:var(--ink-dim);transition:all .2s}.btn-ghost:hover{color:var(--ink);border-color:var(--ink-dim)}.contact-bottom{margin-top:60px;padding:26px 0 44px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-dim)}.contact-bottom .brand-logo{width:28px;height:28px}.contact-bottom .brand-word{font-size:17px}.contact-bottom .muted{color:var(--muted);font-family:var(--mono);font-size:11px}.brand-avatar{border-radius:50%;object-fit:cover;border:1px solid var(--line-2)}.avatar-fallback{display:grid;place-items:center;background:var(--grad);color:#fff;font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:-.02em}.profile{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-bottom:70px}.profile-photo{width:132px;height:132px;border-radius:24px;object-fit:cover;border:1px solid var(--line-2);box-shadow:0 24px 60px -24px #7c5cff99;flex-shrink:0}span.profile-photo.avatar-fallback{font-size:44px}.profile>div{flex:1;min-width:260px}.profile h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,4vw,40px);letter-spacing:-.03em;margin:10px 0 12px}.profile p{font-size:15.5px;line-height:1.6;color:var(--ink-dim);max-width:620px}.facts{display:flex;flex-wrap:wrap;gap:26px;margin-top:24px}.fact{display:flex;flex-direction:column}.fact-k{font-family:var(--display);font-size:26px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.fact-v{font-size:12.5px;color:var(--muted)}.ex-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--blue);background:#5b8cff1f;border:1px solid rgba(91,140,255,.22);margin-bottom:14px}.skills-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:36px}.skill-pill{font-family:var(--mono);font-size:12.5px;padding:8px 15px;border-radius:8px;border:1px solid var(--line);color:var(--ink-dim);background:#ffffff05;transition:all .2s}.skill-pill:hover{color:var(--ink);border-color:#7c5cff80}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes drift{0%{transform:translate(-3%,-2%) rotate(0) scale(1)}to{transform:translate(3%,2%) rotate(12deg) scale(1.08)}}@keyframes breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.08)}}@keyframes bob{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}@keyframes ripple{0%{transform:scale(.82);opacity:.7}to{transform:scale(1.45);opacity:0}}@keyframes wave{0%{transform:scaleY(.22)}to{transform:scaleY(1)}}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}@keyframes nudge{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}@keyframes bubblein{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes speakglow{0%,to{opacity:.5}35%{opacity:.95}}@keyframes speaktap{0%,to{filter:brightness(1)}30%{filter:brightness(1.18)}}@media(max-width:560px){.brand-word{font-size:18px}.call{gap:22px}.contact-bottom{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,.aura,.orb-glow,.orb{animation:none!important}}