@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Spline+Sans+Mono:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FAF3E6;--surface:#FFFDF8;--surface2:#F3EAD7;--surface3:#ECE1CB;--border:rgba(27,22,17,0.08);--border-hover:rgba(27,22,17,0.18);--text:#1B1611;--muted:#6B6052;--faint:#A09582;--accent:#F4633A;--accent-text:#CE4520;--accent-dim:rgba(244,99,58,0.10);--on-accent:#1B1611;--green:#2E7D4F;--green-dim:rgba(46,125,79,0.10);--warn:#B97F1F;--warn-dim:rgba(185,127,31,0.10);--danger:#C04A32;--danger-dim:rgba(192,74,50,0.08);--blue:#44679C;--blue-dim:rgba(68,103,156,0.10);--purple:#7A5FB5;--purple-dim:rgba(122,95,181,0.10);--font:"Bricolage Grotesque","Avenir Next",system-ui,sans-serif;--font-serif:"Bricolage Grotesque",Georgia,serif;--font-mono:"Spline Sans Mono",ui-monospace,"SF Mono",monospace;--radius-sm:14px;--radius-md:22px;--radius-lg:30px;--radius-pill:999px;--shadow-sm:0 2px 10px rgba(27,22,17,0.06);--shadow-md:0 18px 40px -12px rgba(27,22,17,0.18);--shadow-lg:0 32px 70px -18px rgba(27,22,17,0.28);--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-squish:cubic-bezier(0.34,1.56,0.64,1);--ease-soft:cubic-bezier(0.22,1,0.36,1);--z-nav:100;--z-grain:200;--z-tour:400;--z-toast:450;--z-confirm:500}html{scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}body,html{min-height:100%;background-color:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{z-index:-1;background:radial-gradient(56% 38% at 50% -6%,rgba(244,99,58,.1) 0,transparent 70%),radial-gradient(40% 30% at 88% 4%,rgba(185,127,31,.07) 0,transparent 70%)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:var(--z-grain);opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none;font:inherit}::selection{background:rgba(244,99,58,.25)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .7s var(--ease-spring) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.26s}.delay-4{animation-delay:.36s}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes swipeIn{0%{transform:scaleX(0) rotate(-1.5deg)}to{transform:scaleX(1) rotate(-1.5deg)}}@keyframes drawScribble{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.app-shell{min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app-shell:has(.chat-shell){min-height:calc(100dvh + 1px)}.island-nav{--nav-p:0;--pill-w:580px;position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);display:flex;justify-content:center;padding-top:calc(22px * (1 - var(--nav-p)));pointer-events:none}.island-nav-bar{position:relative;isolation:isolate;overflow:hidden;pointer-events:auto;flex-shrink:0;width:calc(var(--pill-w) + (100% - var(--pill-w)) * var(--nav-p));max-width:100%;padding:calc(8px + 2px * var(--nav-p)) calc(8px + 24px * var(--nav-p));background:rgba(255,253,248,calc(.34 + .14 * var(--nav-p)));border-top-width:1px;border:1px solid rgba(255,255,255,calc(.56 + .1 * var(--nav-p)));border-top:calc(1px * (1 - var(--nav-p))) solid rgba(255,255,255,calc(.56 + .1 * var(--nav-p)));border-top-left-radius:calc(40px * (1 - var(--nav-p)));border-top-right-radius:calc(40px * (1 - var(--nav-p)));border-bottom-left-radius:calc(24px * var(--nav-p) + 40px * (1 - var(--nav-p)));border-bottom-right-radius:calc(24px * var(--nav-p) + 40px * (1 - var(--nav-p)));box-shadow:0 10px 38px -14px rgba(27,22,17,.2),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(27,22,17,.05);animation:navDrop .7s var(--ease-soft) both}@keyframes navDrop{0%{opacity:0;translate:0 -18px}to{opacity:1;translate:0 0}}.island-nav-backdrop{left:-14%;width:128%;top:50%;height:300%;transform:translateY(-50%);background:linear-gradient(180deg,rgba(250,243,230,.9),rgba(255,253,248,.22) 34%,transparent 56%);-webkit-backdrop-filter:blur(40px) saturate(1.9) brightness(1.06);backdrop-filter:blur(40px) saturate(1.9) brightness(1.06);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent),linear-gradient(180deg,black 0,black 34%,transparent 62%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,black 8%,black 92%,transparent),linear-gradient(180deg,black 0,black 34%,transparent 62%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.island-nav-backdrop,.island-nav-shine{position:absolute;border-radius:inherit;pointer-events:none;z-index:0}.island-nav-shine{inset:0;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.1) 30%,transparent 50%)}.island-nav-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:calc(4px + 20px * var(--nav-p));width:100%;max-width:calc(1180px * var(--nav-p) + 2000px * (1 - var(--nav-p)));margin-inline:auto}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.island-nav-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.island-nav-backdrop,.island-nav-shine{display:none}}.island-nav-spacer{flex:calc(var(--nav-p) * 1000) 1 0;min-width:0}.nav-links-track{gap:2px;padding:calc(3px * var(--nav-p));border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface2) calc(var(--nav-p) * 100%),transparent);border:calc(var(--nav-p) * 1px) solid var(--border)}.island-brand,.nav-links-track{display:flex;align-items:center;flex-shrink:0}.island-brand{gap:10px;padding:4px 18px 4px 4px}.logo-mark{display:block;flex-shrink:0;width:36px;height:36px;filter:drop-shadow(0 2px 6px rgba(27,22,17,.18))}.logo-text{font-weight:800;font-size:18px;letter-spacing:-.02em}.nav-link{display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;color:var(--muted);transition:color .25s ease,background .25s ease,transform .25s var(--ease-squish)}.nav-link:hover{color:var(--text);background:color-mix(in srgb,var(--surface) calc(var(--nav-p) * 100%),var(--surface2))}.nav-link:active{transform:scale(.95)}.nav-link.active{color:var(--on-accent);box-shadow:0 6px 18px -4px rgba(244,99,58,.55)}.nav-link.active,.nav-link.active:hover{background:var(--accent)}.nav-link .nav-icon{font-size:13px;line-height:1}.main-content{flex:1 1;width:100%;padding:132px 32px 250px}.ghost-word{overflow:hidden;height:.54em;line-height:.85;position:absolute;bottom:0;left:0;right:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;font-weight:800;font-size:clamp(110px,17vw,250px);letter-spacing:-.05em;color:rgba(27,22,17,.05);white-space:nowrap;-webkit-mask-image:linear-gradient(180deg,black 25%,transparent);mask-image:linear-gradient(180deg,black 25%,transparent)}.app-shell:has(.chat-shell) .ghost-word{display:none}.app-shell:has(.chat-shell) .main-content{padding-bottom:64px}.page{max-width:1180px;margin:0 auto}.page-header{margin-bottom:52px}.page-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-text);margin-bottom:18px}.page-eyebrow:before{content:"";width:26px;height:2px;background:var(--accent)}.page-title{font-weight:800;font-size:clamp(42px,5.5vw,68px);letter-spacing:-.035em;line-height:.98;text-wrap:balance;text-shadow:0 1px 0 rgba(255,253,248,.45)}.chat-empty-title em,.page-title em{font-style:normal;position:relative;white-space:nowrap}.page-subtitle{font-size:16px;font-weight:500;color:var(--muted);margin-top:18px;max-width:56ch;line-height:1.55}.scribble{position:relative;display:inline-block}.scribble svg{position:absolute;inset:-16% -9%;width:118%;height:132%;overflow:visible;pointer-events:none}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:30px;padding:9px 16px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:color .3s ease,box-shadow .5s var(--ease-soft),transform .5s var(--ease-soft)}.back-link:hover{color:var(--text);box-shadow:var(--shadow-md);transform:translateX(-3px)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-sm);transition:border-color .4s ease}.card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:var(--shadow-md);opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.card:hover{border-color:var(--border-hover)}.card:hover:after{opacity:1}.card-sm{padding:24px}.card-title{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--faint);text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px}.overview-split{display:grid;grid-template-columns:1fr 380px;grid-gap:22px;gap:22px;align-items:start}.grid-2{grid-template-columns:1fr 1fr;grid-gap:22px}.grid-2,.grid-3{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:22px}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:22px}.grid-4,.two-col{display:grid;gap:22px}.two-col{grid-template-columns:1fr 1fr;grid-gap:22px}.stat-value{font-weight:800;font-size:42px;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:13px;font-weight:500;color:var(--muted);margin-top:10px;line-height:1.5}.mono{font-family:var(--font-mono);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 4px;border-radius:5px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:var(--muted);border:1px solid rgba(27,22,17,.22);background:transparent}.badge-ink{background:var(--text);border-color:var(--text);color:var(--bg);transform:rotate(-.75deg);box-shadow:0 1px 1px rgba(27,22,17,.3),inset 0 0 0 .5px rgba(250,243,230,.12)}.badge-live{border-color:rgba(244,99,58,.5);color:var(--accent-text)}.badge-live:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.badge-draft{border-style:dashed;border-color:rgba(27,22,17,.28);color:var(--faint)}.badge-online{border-color:rgba(46,125,79,.45);color:var(--green)}.badge-online:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulse 1.6s ease-in-out infinite}.badge-pos{border-color:rgba(46,125,79,.45);color:var(--green)}.badge-warn{border-color:rgba(185,127,31,.5);color:var(--warn)}.badge-neg{border-color:rgba(192,74,50,.5);color:var(--danger)}.badge-dim{border-color:var(--border);color:var(--faint)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form-label{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;font-family:inherit;transition:border-color .25s ease,box-shadow .25s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(244,99,58,.12)}select.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B6052' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px;cursor:pointer}.merge-tag{display:inline-block;padding:0 7px;border-radius:6px;background:var(--accent-dim);color:var(--accent-text);border:1px solid rgba(244,99,58,.28);font-family:var(--font-mono,monospace);font-size:.85em;font-weight:600;line-height:1.5;vertical-align:baseline}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(46,125,79,.5)}50%{opacity:.6;box-shadow:0 0 0 5px rgba(46,125,79,0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;transition:transform .5s var(--ease-soft),box-shadow .5s var(--ease-soft),background .4s ease,opacity .3s ease}.btn .arrow{transition:transform .4s var(--ease-soft)}.btn:hover .arrow{transform:translateX(3px)}.btn:active{transform:translateY(1px) scale(.98);transition-duration:.1s}.btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.btn-sm{padding:7px 14px;font-size:12.5px;gap:6px}.btn-quiet{color:var(--muted)}.btn-quiet:hover{color:var(--text)}.scribble-word{position:relative;display:inline-block}.scribble-stroke{position:absolute;left:-2px;bottom:-3px;width:calc(100% + 5px);height:7px;overflow:visible;pointer-events:none}.scribble-pen{display:inline-flex;transform-origin:30% 80%}.btn-primary{background:var(--text);color:var(--bg);box-shadow:0 14px 28px -8px rgba(27,22,17,.45)}.btn-primary:hover:not(:disabled){background:#000;transform:translateY(-3px);box-shadow:0 20px 36px -8px rgba(27,22,17,.5)}.btn-primary:active:not(:disabled){transform:translateY(1px) scale(.99);box-shadow:0 6px 14px -6px rgba(27,22,17,.4),inset 0 2px 6px rgba(0,0,0,.35)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 4px rgba(27,22,17,.12)}.btn-danger{border:1px solid rgba(192,74,50,.35);color:var(--danger);background:var(--surface)}.btn-danger:hover:not(:disabled){background:var(--danger-dim);transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 4px rgba(192,74,50,.15)}.action-card{position:relative;display:flex;flex-direction:column;padding:40px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color .4s ease}.action-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 32px 70px -18px rgba(27,22,17,.28);opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.action-card:hover{border-color:var(--border-hover)}.action-card:hover:after{opacity:1}.action-card .icon{width:58px;height:58px;margin-bottom:26px;display:flex;align-items:center;justify-content:center;font-size:26px;border-radius:18px;background:var(--text);color:var(--bg);box-shadow:0 10px 22px -6px rgba(27,22,17,.4);transform:scale(1) rotate(0deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .4s ease,color .4s ease}.action-card:hover .icon{transform:scale(1.08) rotate(-6deg);background:var(--accent);color:var(--on-accent)}.action-card .title{font-weight:800;font-size:28px;letter-spacing:-.03em;margin-bottom:12px}.action-card .desc{font-size:14.5px;font-weight:500;color:var(--muted);line-height:1.65;max-width:52ch}.action-card .cta{margin-top:28px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.action-card .cta:after{content:"→";transition:transform .5s var(--ease-soft)}.action-card:hover .cta:after{transform:translateX(7px)}.stage-bar-track{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.stage-bar-fill{height:100%;border-radius:4px;transform-origin:left;animation:growBar 1s var(--ease-spring) .35s both}.table-wrap{overflow-x:auto;border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse}thead th{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--faint);text-align:left;padding:18px 16px;border-bottom:1px solid var(--border);white-space:nowrap}thead th:first-child{padding-left:28px}thead th:last-child{padding-right:28px}.text-right{text-align:right!important}tbody td{padding:18px 16px;font-size:14px;border-bottom:1px solid rgba(27,22,17,.05);vertical-align:middle}tbody td:first-child{padding-left:28px}tbody td:last-child{padding-right:28px}tbody tr{transition:background-color .25s cubic-bezier(.16,1,.3,1)}tbody tr:last-child td{border-bottom:none}.lift-headline{font-weight:800;font-size:80px;letter-spacing:-.05em;line-height:.95;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lift-headline.pos{color:var(--green)}.lift-headline.neg{color:var(--danger)}.lift-headline.neu{color:var(--muted)}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.compare-col{padding:22px;background:var(--surface2);border-radius:var(--radius-sm)}.compare-col .rate{font-weight:800;font-size:40px;letter-spacing:-.04em;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.compare-col .lbl{font-size:12.5px;font-weight:500;color:var(--faint);margin-top:4px}.compare-col .conv{font-size:12.5px;font-weight:500;color:var(--muted);margin-top:12px;line-height:1.5}.compare-tag{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.compare-tag.is-treatment{color:var(--accent-text)}.funnel-row{display:flex;align-items:center;gap:18px;margin-bottom:12px}.funnel-label{width:80px;color:var(--muted);text-align:right;flex-shrink:0}.funnel-bar,.funnel-label{font-size:13px;font-weight:600}.funnel-bar{height:38px;border-radius:var(--radius-pill);display:flex;align-items:center;padding:0 16px;color:#FFFDF8;min-width:64px;white-space:nowrap;transform-origin:left;animation:growBar 1.1s var(--ease-spring) .3s both;box-shadow:var(--shadow-sm)}.funnel-bar,.funnel-count{font-family:var(--font-mono)}.funnel-count{font-size:12.5px;color:var(--muted);min-width:52px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 40px}.empty-icon{position:relative;display:inline-flex;margin-bottom:22px;color:var(--faint)}.empty-icon:after{content:"";position:absolute;top:-3px;right:-7px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.empty-title{font-weight:800;font-size:28px;letter-spacing:-.03em;margin-bottom:10px}.empty-desc{font-size:14.5px;font-weight:500;color:var(--muted);max-width:42ch;line-height:1.6}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:var(--surface2);background-image:linear-gradient(90deg,transparent,rgba(255,253,248,.9) 60px,transparent 120px);background-size:600px 100%;animation:shimmer 1.6s linear infinite;border-radius:var(--radius-sm);color:transparent!important}.skeleton *{visibility:hidden}.skeleton-text{animation-duration:2.2s;opacity:.8}.skeleton-stat{animation-duration:1.3s;animation-delay:.3s}.skeleton-inline{display:inline-block;vertical-align:middle;height:.9em;width:3.5em;border-radius:4px}.note-headline{font-weight:800;font-size:19px;letter-spacing:-.02em;margin-bottom:4px}.note-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:18px}.note-item{padding:16px 18px;background:var(--surface2);border-radius:var(--radius-sm)}.note-step{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:8px}.note-item-body{font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.65}.note-item-body strong{color:var(--text);font-weight:700}.note-foot{margin-top:16px;font-size:12.5px;font-weight:500;color:var(--faint);line-height:1.6}@media (max-width:1080px){.note-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.note-grid{grid-template-columns:1fr}}.divider{height:1px;background:var(--border);margin:26px 0;border:none}.chat-shell{max-width:820px;margin:0 auto;height:calc(100dvh - 196px);display:flex;flex-direction:column}.chat-restore{flex:1 1;flex-direction:column;justify-content:center;gap:14px;color:var(--muted);font-size:14px;font-weight:600}.chat-restore,.chat-toolbar{display:flex;align-items:center}.chat-toolbar{gap:10px;padding:0 4px 12px;flex-shrink:0}.chat-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--muted);box-shadow:var(--shadow-sm);transition:color .25s ease,box-shadow .45s var(--ease-soft),transform .45s var(--ease-soft),border-color .25s ease}.chat-pill:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.chat-pill:disabled{opacity:.55;cursor:not-allowed}.chat-pill svg{flex-shrink:0;opacity:.72}.chat-history{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px 2px 16px}.chat-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-history-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.chat-history-clear{font-size:12.5px;font-weight:600;color:var(--danger);padding:6px 10px;border-radius:var(--radius-pill);transition:background .2s ease}.chat-history-clear:hover{background:var(--danger-dim)}.chat-history-list{display:flex;flex-direction:column;gap:10px}.chat-history-item{display:flex;align-items:stretch;gap:8px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .25s ease,box-shadow .35s var(--ease-soft)}.chat-history-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.chat-history-item.active{border-color:rgba(244,99,58,.35);background:var(--accent-dim)}.chat-history-body{flex:1 1;text-align:left;padding:14px 16px;min-width:0}.chat-history-preview{font-size:14px;font-weight:600;color:var(--text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-history-meta{margin-top:6px;font-size:12px;color:var(--muted);font-family:var(--font-mono)}.chat-history-delete{display:flex;align-items:center;justify-content:center;width:46px;flex-shrink:0;color:var(--faint);border-left:1px solid var(--border);transition:color .2s ease,background .2s ease}.chat-history-delete:hover{color:var(--danger);background:var(--danger-dim)}.chat-history-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted);font-weight:600;font-size:15px;padding:40px 20px}.chat-history-empty-sub{font-size:13.5px;font-weight:500;color:var(--faint);max-width:36ch;line-height:1.55}.chat-messages{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:8px 4px 24px}.chat-empty{margin:auto;text-align:center;max-width:600px}.chat-empty-title{font-weight:800;font-size:40px;letter-spacing:-.035em;line-height:1.05;margin-bottom:14px;text-wrap:balance}.chat-empty-sub{font-size:15px;font-weight:500;color:var(--muted);margin-bottom:34px;line-height:1.6}.chat-suggestions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chat-suggestion{padding:11px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font-size:13.5px;font-weight:600;box-shadow:var(--shadow-sm);transition:color .3s ease,box-shadow .55s var(--ease-soft),transform .55s var(--ease-soft)}.chat-suggestion:hover{color:var(--text);box-shadow:var(--shadow-md);transform:translateY(-3px)}.msg-user{align-items:flex-end}.msg-assistant,.msg-user{display:flex;flex-direction:column}.msg-assistant{align-items:flex-start;max-width:88%}.bubble-user{background:var(--text);color:var(--bg);border-radius:22px 22px 6px 22px;font-weight:500;line-height:1.55;max-width:480px;box-shadow:0 12px 26px -8px rgba(27,22,17,.4)}.bubble-assistant,.bubble-user{padding:13px 19px;font-size:14.5px;animation:fadeInUp .4s var(--ease-spring) both}.bubble-assistant{background:var(--surface);border:1px solid var(--border);border-radius:6px 22px 22px 22px;line-height:1.65;white-space:pre-wrap;box-shadow:var(--shadow-sm)}.thinking{color:var(--faint);font-weight:500}.thinking:after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--accent);animation:pulse 1.1s ease-in-out infinite;vertical-align:middle}.dot-spinner{display:inline-grid;grid-template-columns:repeat(3,4px);gap:3px;flex-shrink:0}.dot-spinner span{width:4px;height:4px;border-radius:50%;background:var(--faint);opacity:.45;transition:opacity .15s linear,transform .15s linear,background .15s linear}.thinking-row{display:flex;align-items:center;gap:10px;padding:8px 4px;color:var(--muted)}.thinking-word{font-size:13.5px;font-weight:600;letter-spacing:-.01em;animation:fadeInUp .3s var(--ease-soft) both}.activity{margin-top:10px;width:100%}.activity-header{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:600;transition:border-color .2s ease,color .2s ease}.activity-header:hover{border-color:var(--border-hover);color:var(--text)}.activity-done{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.activity-chevron{margin-left:auto;font-size:15px;line-height:1;transition:transform .25s var(--ease-soft)}.activity.open .activity-chevron{transform:rotate(90deg)}.activity-body{overflow:hidden;max-height:0;transition:max-height .4s var(--ease-soft)}.activity.open .activity-body{max-height:4000px}.tool-block{margin-top:10px;width:100%;animation:fadeInUp .45s var(--ease-spring) both}.tool-name{font-family:var(--font-mono);font-size:10px;color:var(--faint);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.tool-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:15px 17px;font-size:13.5px;box-shadow:var(--shadow-sm)}.tool-card.t-warn{border-left-color:var(--warn)}.tool-card.t-danger{border-left-color:var(--danger)}.tool-card.t-ink{border-left-color:var(--text)}.agent-card{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm)}.agent-action{padding-left:12px;border-left:2px solid var(--border)}.agent-summary{font-size:13px;font-weight:500;color:var(--muted);line-height:1.65;padding-top:4px;border-top:1px dashed var(--border);white-space:pre-wrap}.tool-card-label{font-family:var(--font-mono);color:var(--faint);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.tool-card-stat{font-weight:800;font-size:20px;letter-spacing:-.02em;margin-bottom:4px}.tool-card-meta{font-size:12.5px;font-weight:500;color:var(--muted);line-height:1.5}.tool-list-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(27,22,17,.05)}.tool-list-row:last-child{border-bottom:none}.tool-metrics{display:flex;gap:26px;margin:12px 0}.tool-metric{text-align:center}.tool-metric-val{font-weight:800;font-size:22px;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tool-metric-label{font-family:var(--font-mono);font-size:9.5px;color:var(--faint);margin-top:4px;text-transform:uppercase;letter-spacing:.1em}.tool-pre{background:var(--surface2);border:1px solid var(--border);padding:10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--muted);overflow:auto;max-height:200px}.approval-card{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-md);padding:26px;max-width:500px;box-shadow:var(--shadow-md);animation:fadeInUp .45s var(--ease-spring) both}.approval-stamp{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text)}.approval-stamp:before{content:"";width:22px;height:2px;background:var(--accent)}.approval-title{font-weight:800;font-size:22px;letter-spacing:-.02em;margin:8px 0 10px}.approval-rationale{font-size:14px;font-weight:500;line-height:1.6;margin-bottom:8px}.approval-meta{font-family:var(--font-mono);font-size:11px;color:var(--faint);margin-bottom:18px}.approval-buttons,.chat-input-row{display:flex;gap:10px}.chat-input-row{padding:10px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:border-color .3s ease}.chat-input-row:focus-within{border-color:var(--border-hover)}.chat-input{flex:1 1;padding:12px 18px;background:transparent;border:none;font-size:14.5px;font-weight:500;font-family:var(--font);color:var(--text);outline:none}.chat-input::placeholder{color:var(--faint);font-weight:500}.chat-send{padding:12px 26px;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);font-weight:700;font-size:14px;box-shadow:0 10px 22px -6px rgba(244,99,58,.55);transition:transform .25s var(--ease-squish),filter .3s ease,opacity .3s ease}.chat-send:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.chat-send:active{transform:scale(.96)}.chat-send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.toast-stack{position:fixed;bottom:28px;right:28px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:min(380px,calc(100vw - 40px))}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:14px;font-weight:600;line-height:1.45;animation:toastIn .4s var(--ease-spring) both}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{border-color:rgba(46,125,79,.35);background:linear-gradient(135deg,var(--surface) 0,var(--green-dim) 140%)}.toast-error{border-color:rgba(192,74,50,.4);background:linear-gradient(135deg,var(--surface) 0,var(--danger-dim) 140%);color:var(--danger)}.toast-info{border-color:rgba(244,99,58,.3);background:linear-gradient(135deg,var(--surface) 0,var(--accent-dim) 140%)}.toast svg{flex-shrink:0;margin-top:1px}.toast-dismiss{margin-left:auto;flex-shrink:0;width:24px;height:24px;border-radius:50%;font-size:18px;line-height:1;color:var(--faint);transition:color .2s ease,background .2s ease}.toast-dismiss:hover{color:var(--text);background:var(--surface2)}.confirm-overlay{position:fixed;inset:0;z-index:var(--z-confirm);background:rgba(27,22,17,.42);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;animation:confirmFade .22s ease both}@keyframes confirmFade{0%{opacity:0}to{opacity:1}}.confirm-dialog{width:100%;max-width:440px;padding:28px 30px!important;animation:fadeInUp .38s var(--ease-spring) both}.confirm-title{font-size:22px;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}.confirm-message{font-size:15px;font-weight:500;color:var(--muted);line-height:1.55;margin-bottom:24px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}@media (max-width:1080px){.grid-4{grid-template-columns:1fr 1fr}.overview-split,.two-col{grid-template-columns:1fr}}@media (max-width:720px){.main-content{padding:116px 18px 0}.compare,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.logo-text{display:none}.island-brand{padding-right:6px}.nav-link{padding:10px 14px;font-size:13px}.island-nav-bar{border-bottom-left-radius:calc(20px * var(--nav-p) + 40px * (1 - var(--nav-p)));border-bottom-right-radius:calc(20px * var(--nav-p) + 40px * (1 - var(--nav-p)))}.nav-links-track{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:min(100%,68vw)}.nav-links-track::-webkit-scrollbar{display:none}.lift-headline{font-size:56px}.chat-shell{height:calc(100dvh - 168px)}.ghost-word{margin-top:40px}.toast-stack{right:16px;left:16px;bottom:18px;max-width:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.island-nav{--nav-p:0!important}}.tour-root{position:fixed;inset:0;z-index:var(--z-tour);pointer-events:none}.tour-blocker,.tour-card,.tour-root.is-modal{pointer-events:auto}.tour-backdrop,.tour-blocker{position:absolute}.tour-backdrop{inset:0;background:rgba(27,22,17,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:confirmFade .22s ease both}.tour-spotlight{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px rgba(27,22,17,.55),0 0 0 2px var(--accent);transition:top .25s var(--ease-soft),left .25s var(--ease-soft),width .25s var(--ease-soft),height .25s var(--ease-soft);pointer-events:none}.tour-spotlight.is-instant{transition:none}.tour-card{position:fixed;top:0;left:0;box-sizing:border-box;visibility:hidden;width:min(340px,92vw);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:height .32s var(--ease-soft),top .32s var(--ease-soft),left .32s var(--ease-soft);animation:fadeInUp .3s var(--ease-spring) both}.tour-card-inner{padding:20px 22px}.tour-card-title{font-size:17px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.tour-card-body{font-size:14px;font-weight:500;color:var(--muted);line-height:1.6;margin:0 0 18px}.tour-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-progress{font-family:var(--font-mono);font-size:12px;color:var(--faint)}.tour-card-actions{display:flex;gap:8px}.tour-card.is-wide{width:min(420px,92vw)}.flow-hint{margin:0 0 14px;font-size:12.5px;font-weight:700;color:var(--accent-text);letter-spacing:-.01em}.flow-resume{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:var(--z-tour);display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:fadeInUp .3s var(--ease-spring) both}.flow-resume-text{font-size:13.5px;font-weight:600;color:var(--muted)}.help-fab-wrap{position:fixed;right:24px;bottom:24px;z-index:300}.help-fab-label{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(8px);white-space:nowrap;background:var(--text);color:var(--bg);font-size:13px;font-weight:600;letter-spacing:-.01em;padding:8px 14px;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-soft),transform .22s var(--ease-soft)}.help-fab-wrap--peek .help-fab-label,.help-fab-wrap:focus-within .help-fab-label,.help-fab-wrap:hover .help-fab-label{opacity:1;transform:translateY(-50%) translateX(0)}.help-fab{width:44px;height:44px;border-radius:999px;background:var(--text);color:var(--bg);font-family:var(--font);font-size:20px;font-weight:800;border:none;cursor:pointer;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease-squish)}.help-fab:hover{transform:translateY(-2px) scale(1.05)}