@font-face{font-family:Caveat;src:url('assets/fonts/Caveat-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{
  --ink:#13203a;--ink-2:#4b5870;--ink-3:#5f697c;
  --paper:#fffaf2;--sand:#f6ecde;--card:#fffdf9;--line:#ece3d6;
  --coral:#ef6748;--coral-hi:#f57d61;--coral-ink:#a93a20;
  --leaf:#2f6a43;--leaf-deep:#14301f;--mint:#e3f1e5;
  --sun:#f5c46b;--plum:#6c5aa6;--sky:#f8e3c6;
  --r-lg:28px;--r-md:18px;--r-sm:12px;
  --shadow:0 1px 0 #ffffffb0 inset,0 24px 60px -24px #5a3a1a40,0 2px 6px #5a3a1a12;
  --display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif;
  --hand:Caveat,'Comic Sans MS',cursive;
  --mono:ui-monospace,'SF Mono',Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:1.05}
p{color:var(--ink-2)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:4px}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #2874ef;outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:100;border-radius:8px}.skip:focus{top:12px}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:40px}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--coral-ink);text-transform:none;margin-bottom:14px}
.section-head{max-width:680px;margin:0 auto 52px;text-align:center}
.section-head h2{font-size:clamp(36px,4.4vw,56px);font-weight:800}
.section-head>p:last-child{font-size:18px;margin-top:18px}
.hand{font-family:var(--hand);font-weight:600}

/* Buttons */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:14px;border:1px solid transparent;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .2s,background .2s}
.button-primary{background:var(--coral);color:#1b0f0a;box-shadow:0 1px 0 #ffffff60 inset,0 10px 24px -10px #c2461f90}
.button-primary:hover{background:var(--coral-hi);transform:translateY(-1px)}
.button-glass{background:#ffffff8c;border-color:#ffffffb0;color:var(--ink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.button-glass:hover{background:#ffffffcc}
.button-outline{background:transparent;border-color:#d8cfc2;color:var(--ink)}
.button-outline:hover{background:#fff}
.button:disabled,.button:disabled:hover{transform:none;cursor:not-allowed;box-shadow:none}
.button-primary:disabled{background:#f6d6ca;color:#8f4430;border-color:#efc3b3}
.button-outline:disabled{color:var(--ink-3);border-color:#e2dbd0}
.text-button{border:0;background:none;padding:0;font-weight:650;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:15px;text-decoration:none;color:var(--ink)}
.link-arrow::after{content:'→';transition:transform .2s}
.link-arrow:hover::after{transform:translateX(4px)}
.launch-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:14px;margin-top:14px}
.launch-note a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:#ef674890;text-decoration-thickness:2px;min-height:32px;display:inline-flex;align-items:center}
.soon-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);flex:none;animation:soon 2.4s ease-out infinite}
@keyframes soon{0%{box-shadow:0 0 0 0 #ef674870}70%{box-shadow:0 0 0 8px #ef674800}100%{box-shadow:0 0 0 0 #ef674800}}

/* ---------- Scene + menu bar ---------- */
.scene{position:relative;background:#f3c99d url('assets/hero-canopy.webp') center bottom/cover no-repeat;overflow:hidden;isolation:isolate}
.scene::after{content:'';position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#14301f);z-index:-1}
.menubar{position:sticky;top:0;z-index:50;background:#fff8ee9e;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-bottom:1px solid #ffffff80;box-shadow:0 1px 0 #6b4a2a14}
.menubar-inner{max-width:1360px;margin:auto;height:48px;padding-inline:24px;display:flex;align-items:center;gap:26px}
.menubar-brand img{width:86px}
.menubar-nav{display:flex;gap:4px;font-size:14px;font-weight:600}
.menubar-nav a{text-decoration:none;padding:6px 12px;border-radius:8px;min-height:36px;display:flex;align-items:center}
.menubar-nav a:hover{background:#13203a12}
.menubar-status{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600}
.status-item{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;background:#13203a10;font-variant-numeric:tabular-nums;cursor:default}
.status-item img{width:20px}
.scene[data-quota-state=low] .status-item b{color:#9a5a00}
.scene[data-quota-state=reached] .status-item b{color:#c2321b}
.status-glyph{width:18px;color:var(--ink)}
.status-clock{font-variant-numeric:tabular-nums;min-width:58px;text-align:right}
.menubar-cta{background:var(--ink);color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:8px 14px;border-radius:10px;min-height:36px;display:flex;align-items:center}
.menubar-cta:hover{background:#26375a}

.hero{position:relative;max-width:1200px;margin:auto;padding:76px 40px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;min-height:min(900px,calc(100svh - 48px))}
.hero-copy{padding-top:24px}
.hero-chip{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:650;color:var(--ink);background:#ffffff80;border:1px solid #ffffffb0;border-radius:40px;padding:6px 14px 6px 8px;backdrop-filter:blur(8px)}
.hero-chip img{width:20px;border-radius:5px}
.hero-chip img+img{margin-left:-10px;margin-right:4px;box-shadow:0 0 0 2px #fff6ea;border-radius:6px}
.hero h1{font-size:clamp(52px,7vw,92px);font-weight:850;letter-spacing:-.055em;line-height:.95;margin:26px 0 24px}
.hero h1 span{display:block;color:var(--coral-ink)}
.hero-lede{font-size:20px;line-height:1.55;max-width:470px;color:#3d3328}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero .launch-note{color:#4b3c2e}
.hero-specs{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;font-weight:550;color:#4b3c2e}
.hero-specs li{display:inline-flex;align-items:center;gap:7px}
.hero-specs li::before{content:'';width:16px;height:16px;border-radius:50%;background:#2f6a43 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 6.9 10.5 11.5 5.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}

/* Dropdown panel */
.hero-visual{position:relative;justify-self:end;width:min(400px,100%);margin-top:-52px}
.panel{position:relative;background:#fffdf8f2;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:22px;padding:18px 18px 16px;box-shadow:0 40px 80px -30px #5a2d0a70,0 8px 20px #5a2d0a1c;transform-origin:85% 0;animation:drop .7s cubic-bezier(.2,.9,.25,1.2) .25s both}
.panel::before{content:'';position:absolute;top:-8px;right:92px;width:16px;height:16px;background:#fffdf8;transform:rotate(45deg);border-radius:3px 0 0 0;border-left:1px solid #fff;border-top:1px solid #fff}
@keyframes drop{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}
.panel-head{display:flex;justify-content:space-between;align-items:center}
.panel-head img{width:80px}
.panel-tag{font-size:11px;font-weight:700;color:var(--ink-3);background:#13203a0d;padding:3px 9px;border-radius:20px;letter-spacing:.02em}
.panel-status{display:flex;align-items:center;gap:12px;margin:14px 0 6px;padding:10px 12px;background:var(--mint);border-radius:14px;transition:background .3s}
.scene[data-quota-state=low] .panel-status{background:#fdf0d4}
.scene[data-quota-state=reached] .panel-status{background:#ecebf7}
.panel-status img{width:46px;flex:none}
.mock-title{font:750 15px/1.25 var(--display);color:var(--ink);letter-spacing:-.02em}
.mock-sub{font-size:12px;margin-top:2px}
.quota{padding:14px 2px;border-bottom:1px solid #efe7db}
.quota:last-of-type{border-bottom:0}
.mock-tool{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--ink);margin-bottom:10px}
.mock-tool img{width:22px;border-radius:6px}
.windows{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.reading{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--ink-2)}
.reading b{font:800 22px/1 var(--display);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.meter{height:7px;background:#f6e4dc;border-radius:9px;margin:8px 0 6px;overflow:hidden}
.meter span{display:block;height:100%;background:var(--coral);border-radius:inherit;transition:width .6s cubic-bezier(.2,.8,.2,1),background .3s}
.meter.blue{background:#e5ebfb}.meter.blue span{background:#3b6fe0}
.scene[data-quota-state=low] #glance-claude-meter span{background:#e19a1c}
.scene[data-quota-state=reached] #glance-claude-meter span{background:#d2452a}
.reset{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.panel-bottom{width:100%;display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border:0;border-radius:12px;background:#13203a;color:#fff;font-weight:700;font-size:14px;transition:background .2s,transform .15s}
.panel-bottom:hover{background:#25365a;transform:translateY(-1px)}
.panel-bottom kbd{margin-left:auto;font:600 11px var(--mono);background:#ffffff1f;padding:3px 7px;border-radius:6px}
.bulb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe7a6,#f5c46b 60%,#d8962e);box-shadow:0 0 12px #f5c46b90}
.scenarios{display:flex;gap:4px;margin-top:14px;padding:4px;background:#ffffff70;border:1px solid #ffffffa0;border-radius:14px;backdrop-filter:blur(10px)}
.scenarios button{flex:1;border:0;background:none;border-radius:10px;padding:9px 6px;font-size:13px;font-weight:650;color:#4b3c2e;min-height:40px}
.scenarios button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 8px #5a2d0a20}
.try-me{position:absolute;right:-6px;bottom:-54px;font:600 24px/1 var(--hand);color:#fff;text-shadow:0 1px 2px #5a2d0a60;transform:rotate(-4deg);pointer-events:none;display:flex;align-items:center;gap:6px}

/* Sloth */
.hero-buddy{position:absolute;left:34%;bottom:6px;width:min(400px,34vw);z-index:2}
.hero-buddy img{width:100%;cursor:pointer;transform-origin:50% 90%;animation:breathe 4.5s ease-in-out infinite;filter:drop-shadow(0 12px 14px #0a1a1040)}
.hero-buddy img:active{transform:scale(.97)}
@keyframes breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.025) translateY(-1px)}}
.voice{position:absolute;left:58%;top:-46px;background:#fff;border-radius:18px 18px 18px 4px;padding:8px 16px;box-shadow:0 10px 24px -8px #3a1d0660;white-space:nowrap;pointer-events:none}
.voice i{font:600 22px/1 var(--hand);color:var(--ink);font-style:normal}

/* ---------- Content ---------- */
.content{position:relative}
.tools{max-width:none;background:var(--leaf-deep);color:#e9f3ea;display:flex;align-items:center;justify-content:center;gap:48px;padding-block:34px 40px;flex-wrap:wrap}
.tools-title{font:700 15px/1.35 var(--display);letter-spacing:-.01em;color:#b8d1bd}
.tools-list{list-style:none;padding:0;margin:0;display:flex;gap:40px;flex-wrap:wrap}
.tools-list li{display:flex;align-items:center;gap:12px}
.tools-list img{width:34px;border-radius:9px;background:#fff;padding:3px}
.tools-list strong{display:block;font-size:16px;color:#fff}
.tools-list span{font-size:13px;color:#a9c4ae}
.tools .link-arrow{color:#fff;font-size:14px}

.moods{padding-block:120px 60px}
.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mood{position:relative;border-radius:var(--r-lg);padding:26px 26px 30px;background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.mood::before{content:'';position:absolute;inset:0 0 auto;height:200px;z-index:0}
.mood-room::before{background:linear-gradient(#dff0e2,#fffdf900)}
.mood-low::before{background:linear-gradient(#fbe6bf,#fffdf900)}
.mood-reached::before{background:linear-gradient(#dfdcf3,#fffdf900)}
.mood>*{position:relative;z-index:1}
.mood:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--shadow)}
.mood-chip{display:inline-flex;align-items:center;gap:6px;background:#fffffff0;border-radius:9px;padding:5px 10px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #3b2a1514}
.mood-chip img{width:18px}
.mood-low .mood-chip{color:#9a5a00}.mood-reached .mood-chip{color:#c2321b}
.mood-art{width:190px;margin:18px auto 14px;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.mood:hover .mood-art{transform:rotate(-6deg) scale(1.05)}
.mood-reached:hover .mood-art{transform:translateY(4px) rotate(3deg)}
.mood h3{font-size:26px;font-weight:800}
.mood p{margin-top:8px;font-size:16px}
.moods-quip{text-align:center;margin-top:34px;font:600 28px/1.2 var(--hand);color:var(--coral-ink);transform:rotate(-1.5deg)}

.demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding-block:90px}
.demo-copy h2{font-size:clamp(36px,4vw,52px);font-weight:800;margin-bottom:30px}
.demo-tabs{display:grid;gap:8px}
.demo-tabs button{text-align:left;border:1px solid transparent;background:none;border-radius:16px;padding:14px 18px;display:grid;gap:2px;transition:background .2s,border-color .2s}
.demo-tabs button:hover{background:#fff}
.demo-tabs button[aria-selected=true]{background:#fff;border-color:var(--line);box-shadow:0 10px 24px -14px #5a3a1a40}
.demo-tabs strong{font-size:17px}
.demo-tabs small{font-size:14px;color:var(--ink-2);display:flex;gap:8px;align-items:center}
.demo-tabs em{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:10px;background:var(--mint);color:var(--leaf)}
.demo-tabs em.pro{background:#13203a;color:var(--sun)}
.demo-description{font-size:15px;margin-top:20px;max-width:440px}
.demo-stage{position:relative}
.demo-window{position:relative;background:linear-gradient(160deg,#fbe3c8,#f2c9a4 60%,#e9b38e);border-radius:var(--r-lg);padding:44px 40px 0;height:600px;overflow:hidden;box-shadow:var(--shadow)}
.demo-window::before{content:'';position:absolute;inset:0;background:url('assets/hero-canopy.webp') center bottom/cover;opacity:.55}
.demo-crop{position:relative;width:min(380px,80%);margin:auto;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 30px 60px -20px #5a2d0a80;background:#fff}
.demo-crop img{width:100%}
.demo-callout{position:absolute;right:22px;top:36px;max-width:170px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 14px 30px -12px #5a2d0a60;transform:rotate(2deg)}
.demo-callout strong{display:block;font:600 22px/1.05 var(--hand);color:var(--coral-ink)}
.demo-callout p{font-size:13px;margin-top:4px;line-height:1.4}
.demo-stage figcaption{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;padding:10px 4px 0}

.stats{background:var(--ink);color:#fff;padding-block:110px;position:relative;overflow:hidden}
.stats::before{content:'';position:absolute;width:640px;height:640px;right:-160px;top:-200px;background:radial-gradient(#ef674830,transparent 65%);pointer-events:none}
.stats-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.stats .eyebrow{color:var(--sun)}
.stats h2{font-size:clamp(38px,4.4vw,58px);font-weight:800}
.stats h2 span{color:var(--coral-hi)}
.stats-copy>p{color:#c7d0de;font-size:18px;margin-top:20px;max-width:460px}
.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0 20px}
.stats-strip>div{background:#ffffff0d;border:1px solid #ffffff18;border-radius:16px;padding:14px 16px}
.stats-strip dt{font-size:12px;color:#aab6c8}
.stats-strip dd{font:800 32px/1.15 var(--display);letter-spacing:-.03em;margin-top:4px}
.stats-strip dd.model-name{color:var(--sun);font-size:26px;line-height:1.35}
.stats-strip span{font-size:12px;color:#8f9bb0}
.stats-access{font-size:15px;color:#c7d0de!important}
.stats-details{margin-top:12px;font-size:14px;color:#aab6c8}
.stats-details summary{cursor:pointer;font-weight:650;color:#fff;min-height:40px;display:flex;align-items:center}
.stats-details p{color:#aab6c8;font-size:14px}
.card-gallery{position:relative}
.gallery-annotation{font:600 26px/1 var(--hand);color:var(--sun);transform:rotate(-3deg);margin-bottom:12px}
.gallery-controls{display:inline-flex;gap:4px;background:#ffffff12;border-radius:14px;padding:4px;margin-bottom:22px}
.gallery-controls button{border:0;background:none;color:#c7d0de;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:650;min-height:40px}
.gallery-controls button[aria-pressed=true]{background:#fff;color:var(--ink)}
.gallery-stage{position:relative;aspect-ratio:1.55}
.gallery-stage button{position:absolute;border:0;padding:0;background:none;border-radius:18px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.card-front{inset:6% 8% auto 0;width:86%;z-index:2;box-shadow:0 30px 60px -20px #000a;transform:rotate(-2deg)}
.card-front:hover{transform:rotate(-1deg) translateY(-6px)}
.card-back{right:0;top:0;width:70%;z-index:1;transform:rotate(5deg);box-shadow:0 20px 40px -20px #000a;opacity:.9}
.card-back span{position:absolute;right:10px;bottom:10px;font-size:12px;font-weight:700;background:#000a;color:#fff;padding:3px 9px;border-radius:10px}
.card-back:hover{transform:rotate(7deg) translateY(-6px);opacity:1}
.card-gallery figcaption{font-size:13px;color:#8f9bb0;margin-top:10px}

.privacy{padding-block:100px}
.privacy-card{display:grid;grid-template-columns:auto 1fr;gap:12px 36px;align-items:center;background:var(--mint);border-radius:var(--r-lg);padding:44px 48px}
.privacy-mark{width:84px;grid-row:span 3;align-self:start}
.privacy-card h2{font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--leaf-deep)}
.privacy-points{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;color:#2d4636;font-size:15px}
.privacy-points strong{display:block;color:var(--leaf-deep);font-size:16px}
.privacy-card .link-arrow{color:var(--leaf)}

.pro{padding-block:40px 90px}
.bento{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.bento-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.bento-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.bento-companion{grid-row:span 2}
.bento-media{display:block;width:100%;border:0;padding:0;background:#f4ebdd;position:relative;overflow:hidden;text-align:left}
.bento-history .bento-media,.bento-alerts .bento-media{padding:18px 18px 0;background:linear-gradient(#f7efe4,#fffdf9)}
.bento-history img,.bento-alerts img{border-radius:12px 12px 0 0;box-shadow:0 10px 30px -14px #5a3a1a50;aspect-ratio:2.15;object-fit:cover;object-position:top;width:100%}
.bento-companion .bento-media{height:440px;background:linear-gradient(170deg,#fbe3c8,#f0c49c)}
.bento-desk{position:absolute;inset:34px 70px 70px 34px;background:#1d2a40;border-radius:14px;box-shadow:0 20px 40px -20px #3a1d06a0;overflow:hidden}
.desk-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#26354f;font:600 11px var(--mono);color:#8fa0bd}
.desk-bar i{width:9px;height:9px;border-radius:50%;background:#ef6748}.desk-bar i:nth-child(2){background:#f5c46b}.desk-bar i:nth-child(3){background:#5fbf7a}
.desk-bar b{margin-left:10px;font-weight:600}
.desk-code{display:grid;gap:12px;padding:22px}
.desk-code i{height:8px;border-radius:5px;background:#3a4a68}
.desk-code i:nth-child(2n){background:#6c5aa680}
.bento-companion-img{position:absolute;right:26px;bottom:26px;width:56%;border-radius:18px;box-shadow:0 30px 50px -18px #3a1d06b0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bento-companion:hover .bento-companion-img{transform:translateY(-6px) rotate(-1deg)}
.bento-buddy{position:absolute;left:18px;bottom:-12px;width:150px;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.bento-companion:hover .bento-buddy{transform:translateY(-10px) rotate(-5deg)}
.bento-copy{padding:22px 26px 26px}
.bento-copy h3{font-size:24px;font-weight:800}
.bento-copy p{margin-top:6px;font-size:15px}
.bento-list{grid-column:1/-1;flex-direction:row;align-items:center;gap:36px;padding:24px 30px;background:var(--sand)}
.bento-list h3{font-size:20px;font-weight:800;flex:none}
.bento-list ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.bento-list li{background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:14px;font-weight:600}
.tag-exp{font-size:11px;font-weight:700;color:var(--plum);margin-left:4px}

.pricing{padding-block:60px 100px}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:auto}
.price{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 34px 30px;display:flex;flex-direction:column}
.price h3{font-size:30px;font-weight:800}
.plan-description{margin-top:6px;font-size:16px}
.price-number{display:flex;align-items:center;gap:14px;margin:22px 0 22px}
.price-number>strong{font:850 68px/1 var(--display);letter-spacing:-.05em}
.price-number>span{font-size:14px;color:var(--ink-2)}
.price-anchor{display:flex;flex-direction:column;gap:2px}
.price-anchor s{font-size:18px;font-weight:700;color:#9aa3b2;text-decoration-color:var(--coral);text-decoration-thickness:2px}
.checks{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px;font-size:15px;flex:1}
.checks li{position:relative;padding-left:30px}
.checks li::before{content:'';position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.3 8.7 13 14 7.5' fill='none' stroke='%232f6a43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat}
.price .button{width:100%}
.price .launch-note{justify-content:center;font-size:13px;margin-top:10px;color:var(--ink-3)}
.pro-plan{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 40px 80px -30px #13203aa0}
.pro-plan p,.pro-plan .price-number>span,.pro-plan .checks{color:#c7d0de}
.pro-plan .price-number>strong{color:var(--sun)}
.pro-plan .checks li::before{background-color:#ffffff1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.3 8.7 13 14 7.5' fill='none' stroke='%23f5c46b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pro-plan .button-primary:disabled{background:#3a2b33;color:#f3b6a5;border-color:#5a3b3c}
.pro-plan .launch-note{color:#8f9bb0}
.crown{color:var(--sun);font-size:22px;vertical-align:4px}
.plan-ribbon{position:absolute;top:22px;right:-38px;transform:rotate(35deg);background:var(--coral);color:#1b0f0a;font-size:12px;font-weight:800;padding:5px 44px}
.pro-plan{overflow:visible}
.pro-plan .plan-ribbon{display:none}
.plan-offer-note{align-self:flex-start;background:#ffffff14;color:var(--sun)!important;font-size:13px;font-weight:700;border-radius:20px;padding:5px 12px;margin:-8px 0 22px}
.pro-promise{font:600 30px/1 var(--hand);color:var(--sun)!important;margin-top:22px;transform:rotate(-2deg)}
.reassure{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#aab6c8}
.reassure li::before{content:'✓ ';color:var(--sun)}
.price-quip{position:absolute;left:-150px;bottom:60px;width:140px;font:600 22px/1.1 var(--hand);color:var(--coral-ink);transform:rotate(-6deg);text-align:right}
.lifetime-offer{max-width:960px;margin:24px auto 0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}
.lifetime-offer summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;font-weight:700;list-style:none;min-height:44px}
.lifetime-offer summary::-webkit-details-marker{display:none}
.lifetime-offer summary::after{content:'+';font-size:22px;font-weight:500}
.lifetime-offer[open] summary::after{content:'–'}
.offer-status{margin-left:auto;white-space:nowrap;font-size:12px;background:var(--sand);padding:4px 10px;border-radius:20px}
.offer-content{padding:0 22px 22px}
.offer-explanation{font-size:15px}
.price-ladder{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.price-ladder li{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:2px;font-size:12px;color:var(--ink-2)}
.price-ladder strong{font:800 22px/1.2 var(--display);color:var(--ink)}
.price-ladder li.is-current{background:var(--ink);border-color:var(--ink);color:#c7d0de}
.price-ladder li.is-current strong{color:var(--sun)}
.tier-sales:empty{display:none}
.offer-availability{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:14px}
.offer-availability p{font-size:14px}
.offer-refresh{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;min-height:40px}
.offer-fine{font-size:13px;margin-top:12px}

.faq{max-width:860px;padding-block:20px 120px}
.faq h2{font-size:clamp(34px,4vw,50px);font-weight:800;text-align:center;margin-bottom:36px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:18px;font-weight:700;cursor:pointer;list-style:none;min-height:44px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'';flex:none;width:30px;height:30px;border-radius:50%;background:var(--sand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M15 10v10M10 15h10' stroke='%2313203a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;transition:transform .25s}
.faq-list details[open] summary::after{transform:rotate(45deg);background-color:var(--coral)}
.faq-list details p{padding:0 4px 22px;font-size:16px;max-width:720px}

.closing{background:#101a2e url('assets/footer-dusk.webp') center bottom/cover no-repeat;color:#fff;padding-top:110px;position:relative;overflow:hidden}
.closing-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;padding-bottom:70px}
.closing-note{font:600 30px/1 var(--hand);color:#f5b38f;transform:rotate(-2deg);margin-bottom:12px}
.closing h2{font-size:clamp(40px,5vw,68px);font-weight:850;max-width:640px}
.closing-copy>p:not(.closing-note):not(.launch-note){color:#cdd6e4;font-size:19px;margin-top:18px;max-width:520px}
.closing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.closing .button-glass{background:#ffffff1c;border-color:#ffffff30;color:#fff}
.closing .button-glass:hover{background:#ffffff30}
.closing .launch-note{color:#cdd6e4}.closing .launch-note a{color:#fff}
.closing-buddy{width:240px;animation:breathe 5s ease-in-out infinite;transform-origin:50% 90%}
.site-footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-block:26px;border-top:1px solid #ffffff1a;font-size:14px}
.footer-logo{width:96px;filter:brightness(0) invert(1);opacity:.9}
.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.site-footer a{color:#cdd6e4;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.site-footer a:hover{color:#fff}
.footer-fine{margin-left:auto;font-size:13px;color:#8f9bb0}

/* Dialogs */
dialog{border:0;border-radius:var(--r-lg);padding:30px;max-width:min(560px,calc(100vw - 32px));box-shadow:0 40px 100px -20px #13203a90;background:var(--card);color:var(--ink)}
dialog::backdrop{background:#13203a80;backdrop-filter:blur(4px)}
.dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:var(--sand);font-size:22px;line-height:1}
.pill{display:inline-block;font-size:12px;font-weight:700;background:var(--mint);color:var(--leaf);padding:4px 10px;border-radius:20px}
.capacity-dialog h2{font-size:30px;font-weight:800;margin:12px 0 18px}
.dialog-tool{display:flex;align-items:center;gap:12px;font-weight:650}
.dialog-tool select{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff;min-height:40px}
.dialog-result{background:var(--sand);border-radius:16px;padding:16px;margin:18px 0}
.dialog-result strong{font-size:20px}
.dialog-limits{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;font-size:14px}
.dialog-limits progress{grid-column:1/-1;width:100%;height:8px;accent-color:var(--coral)}
.dialog-limits p{grid-column:1/-1;font-size:13px}
.small-note{font-size:13px;margin-top:14px}
.dialog-next{display:inline-flex;margin-top:14px;font-weight:700;min-height:44px;align-items:center}
.tour-dialog{max-width:min(1000px,calc(100vw - 32px));width:100%}
.dialog-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}
.dialog-heading h2{font-size:30px;font-weight:800}
.dialog-heading .eyebrow{margin-bottom:6px}
.tour-layout{display:grid;grid-template-columns:280px 1fr;gap:28px}
.tour-steps{display:grid;gap:6px;align-content:start}
.tour-steps button{text-align:left;border:1px solid transparent;background:none;border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;font-size:15px}
.tour-steps button[aria-pressed=true]{background:#fff;border-color:var(--line)}
.tour-steps small{font-size:11px;font-weight:800;color:var(--ink-3)}
.tour-steps p{font-size:14px;margin-top:10px}
.tour-screen{background:var(--sand);border-radius:18px;padding:18px;max-height:70vh;overflow:auto}
.tour-screen img{margin:auto;max-height:64vh;width:auto;border-radius:12px}
.card-dialog{max-width:min(900px,calc(100vw - 32px))}
.card-dialog img{border-radius:14px}
.card-dialog p{font-size:13px;margin-top:10px}

/* Responsive */
@media (max-width:1080px){
  .menubar-nav a:nth-child(2){display:none}
  .hero{grid-template-columns:1fr;gap:30px;min-height:0;padding-bottom:0}
  .hero-visual{justify-self:start;margin:0 0 220px}
  .hero-buddy{left:auto;right:4%;width:min(360px,60vw)}
  .demo,.stats-grid{grid-template-columns:1fr}
  .price-quip{display:none}
}
@media (max-width:820px){
  .scene{background-image:url('assets/hero-canopy-sm.webp')}
  .wrap{padding-inline:20px}
  .menubar-inner{padding-inline:14px;gap:12px}
  .menubar-nav,.status-glyph,.status-clock{display:none}
  .hero{padding:44px 20px 0}
  .hero-lede{font-size:18px}
  .hero-actions .button{flex:1 1 auto}
  .hero-visual{width:100%;margin-bottom:180px}
  .panel::before{right:40px}
  .hero-buddy{width:min(320px,78vw);right:0}
  .voice{left:40%}
  .try-me{display:none}
  .tools{flex-direction:column;align-items:flex-start;gap:20px;padding-inline:20px}
  .tools-list{flex-direction:column;gap:16px}
  .moods{padding-block:80px 40px}
  .mood-grid{grid-template-columns:1fr}
  .mood-art{width:150px}
  .demo{padding-block:60px;gap:36px}
  .demo-window{height:480px;padding:30px 20px 0}
  .demo-callout{display:none}
  .stats{padding-block:80px}
  .stats-strip dd{font-size:24px}.stats-strip dd.model-name{font-size:19px}
  .privacy{padding-block:60px}
  .privacy-card{grid-template-columns:1fr;padding:30px 24px}
  .privacy-mark{grid-row:auto;width:60px}
  .privacy-points{grid-template-columns:1fr;gap:14px}
  .bento{grid-template-columns:1fr}
  .bento-companion{grid-row:auto}
  .bento-companion .bento-media{height:340px}
  .bento-desk{inset:24px 30px 60px 20px}
  .bento-list{flex-direction:column;align-items:flex-start;gap:14px}
  .price-grid{grid-template-columns:1fr}
  .price-ladder{grid-template-columns:repeat(3,1fr)}
  .closing{padding-top:80px}
  .closing-grid{grid-template-columns:1fr}
  .closing-buddy{width:170px;justify-self:end;margin-top:-20px}
  .footer-fine{margin-left:0}
  .tour-layout{grid-template-columns:1fr}
  .section-head{margin-bottom:36px}
  .faq-list summary{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
/* hero legibility + polish */
.scene::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 52% 62% at 24% 46%,#fff5e6e6 0%,#fff3e0b0 45%,#fff3e000 75%);z-index:-1;pointer-events:none}
.hero{grid-template-columns:1.25fr .75fr;padding-top:64px}
.hero h1{font-size:clamp(52px,6.2vw,86px)}
.hero h1 span{white-space:nowrap}
.hero-visual{margin-top:-40px}
.panel::before{right:206px}
.hero-buddy{left:auto;right:30%;bottom:0}
.hero-buddy img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
@media (max-width:1080px){.hero{grid-template-columns:1fr}.hero h1 span{white-space:normal}.panel::before{right:60px}.scene::before{background:linear-gradient(#fff5e6d0,#fff5e600 70%)}}
.demo-copy h2{font-size:clamp(34px,3.6vw,46px)}
.bento-companion .bento-media{flex:1;height:auto;min-height:440px}
.checks{align-content:start}
.price-quip{left:auto;right:-170px;bottom:auto;top:120px;text-align:left;transform:rotate(5deg)}
@media (max-width:1300px){.price-quip{display:none}}
.try-me{right:12px;bottom:-46px;color:#5a2d0a;text-shadow:0 1px 0 #fff8}
@media (max-width:1080px){.hero-visual{margin-top:12px}}
@media (max-width:820px){.section-head h2 br,.demo-copy h2 br{display:none}.hero h1{font-size:46px}.tools-title br{display:none}}
/* polish pass 2 */
.bento-companion{grid-row:auto}
.bento-companion .bento-media{flex:none;height:380px;min-height:0}
.bento-desk{inset:30px 90px 80px 30px}
.bento-list{grid-column:auto;flex-direction:column;align-items:flex-start;gap:16px;padding:30px}
.bento-list ul{flex-direction:column;align-items:flex-start;gap:8px}
.bento-list h3{font-size:24px}
.bento-history .bento-media,.bento-alerts .bento-media{flex:1}
.pro-plan .button-primary:disabled{background:#ffffff12;border-color:#ffffff26;color:#f7b9a6}
.closing-buddy-wrap{position:relative}
.zzz{position:absolute;right:30px;top:-40px;font:700 30px/1 var(--hand);color:#f5c46b}
.zzz i,.zzz b{font-style:normal;display:inline-block;animation:zz 3s ease-in-out infinite}
.zzz i{font-size:24px;animation-delay:.4s}.zzz b{font-size:18px;animation-delay:.8s}
.zzz{animation:zz 3s ease-in-out infinite}
@keyframes zz{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-8px);opacity:1}}
@media (max-width:820px){.bento-companion .bento-media{height:320px}}
.pro-plan .price-quip{color:var(--coral-ink)!important;font-size:24px}
.bento-history .bento-media,.bento-alerts .bento-media{display:flex;align-items:flex-end}
.poke{display:block;width:100%;border:0;padding:0;background:none;border-radius:30px}
.voice{z-index:2}
/* bento equal media heights */
.bento-companion .bento-media,.bento-history .bento-media,.bento-alerts .bento-media{flex:none;height:340px;min-height:0}
.bento-history .bento-media,.bento-alerts .bento-media{padding:28px 26px 0;align-items:flex-end}
.bento-history img,.bento-alerts img{aspect-ratio:auto;height:100%;object-fit:cover;object-position:left top}
.bento-desk{inset:28px 90px 64px 28px}
.bento-companion-img{width:52%}
@media (max-width:820px){.bento-companion .bento-media,.bento-history .bento-media,.bento-alerts .bento-media{height:280px}}
/* versus */
.versus{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;padding-block:40px 70px}
.versus h2{font-size:clamp(34px,3.8vw,48px);font-weight:800;margin-bottom:16px}
.versus-copy p:last-child{font-size:17px}
.versus code{font:600 .92em var(--mono);background:var(--sand);padding:2px 6px;border-radius:6px;color:var(--ink)}
.versus-table{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 24px 50px -30px #5a3a1a40}
.vrow{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;padding:15px 22px;border-top:1px solid var(--line);font-size:15px;align-items:center}
.vrow:first-child{border-top:0}
.vhead{background:var(--sand);font-size:13px;font-weight:700;color:var(--ink-2)}
.vhead .vq{color:var(--coral-ink)}
.vrow [role=rowheader]{font-weight:650;color:var(--ink)}
.vrow .no{color:var(--ink-3)}
.vrow .yes{color:var(--leaf);font-weight:650;display:flex;align-items:center;gap:7px}
.vrow .yes::before{content:'';width:16px;height:16px;flex:none;border-radius:50%;background:#2f6a43 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 6.9 10.5 11.5 5.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
@media (max-width:820px){.versus{grid-template-columns:1fr;gap:24px}.versus h2 br{display:none}.vrow{grid-template-columns:1fr 1fr;font-size:14px;padding:12px 16px}.vrow [role=rowheader]{grid-column:1/-1}.vhead span:first-child{display:none}}
/* terminal section */
.terminal{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-block:40px 100px}
.term-window{background:#151d2e;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px #13203aa0;font:14px/1.7 var(--mono);color:#d7dfec}
.term-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;background:#1d2840;font-size:12px;color:#8fa0bd}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#ef6748}.term-bar i:nth-child(2){background:#f5c46b}.term-bar i:nth-child(3){background:#5fbf7a}
.term-bar b{margin-left:10px;font-weight:500}
.term-body{padding:22px 22px 30px;min-height:190px}
.term-body p{color:#d7dfec;margin:0}
.t-dim{color:#7f8ca6!important}
.t-cursor{color:var(--coral)!important;animation:blink 1.1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.term-status{display:flex;gap:16px;align-items:center;padding:9px 16px;background:#0f1626;border-top:1px solid #26324a;font-size:12.5px;color:#8fa0bd;flex-wrap:wrap}
.t-model{color:#c9b6ff}
.t-q{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#f5c46b;font-weight:600}
.t-q img{width:16px}
.terminal h2{font-size:clamp(32px,3.6vw,46px);font-weight:800;margin-bottom:16px}
.terminal-copy>p:not(.eyebrow){font-size:17px}
.term-points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;font-size:15px;color:var(--ink-2)}
.term-points kbd,.term-points code{font:600 13px var(--mono);background:var(--sand);border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--ink)}
@media (max-width:820px){.terminal{grid-template-columns:1fr;gap:28px;padding-block:20px 60px}.term-window{font-size:12px}.t-q{margin-left:0}}
.bento-plain{height:auto!important;padding:20px 20px 0!important;background:linear-gradient(#f7efe4,#fffdf9)!important;display:block}
.bento-plain img{width:100%;height:auto!important;aspect-ratio:auto!important;border-radius:12px 12px 0 0;box-shadow:0 10px 30px -14px #5a3a1a50}
.bento-list{grid-column:1/-1;flex-direction:row;align-items:center;gap:30px}
.bento-list ul{flex-direction:row;flex-wrap:wrap}
@media (max-width:820px){.bento-list{flex-direction:column;align-items:flex-start}}
.footer-guides{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center;border-top:1px solid #ffffff14;padding-top:8px}
.footer-guides span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8f9bb0}
/* menu bar ways */
.menubar-ways{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center;padding-block:30px 60px}
.menubar-ways h2{font-size:clamp(34px,3.8vw,48px);font-weight:800;margin-bottom:20px}
.ways-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:17px;color:var(--ink-2)}
.ways-list strong{color:var(--ink)}
.ways-note{font-size:15px;margin-top:16px}
.ways-shot{background:linear-gradient(160deg,#fbe3c8,#f2c9a4);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow)}
.ways-shot img{border-radius:14px;margin:auto}
.ways-shot figcaption{font-size:12px;color:#7a5a3e;text-align:right;margin-top:10px}
.t-ok{color:#9fe0b0!important}
.price code,.faq-list code{font:600 .9em var(--mono);background:var(--sand);padding:1px 5px;border-radius:5px}
.pro-plan code{background:#ffffff1a;color:#fff}
@media (max-width:820px){.menubar-ways{grid-template-columns:1fr;gap:24px}.ways-shot{padding:14px}}
.hero h1{text-wrap:balance}
/* freebies */
.freebies{padding-block:20px 80px}
.freebie-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.freebie-grid a{display:flex;flex-direction:column;gap:6px;height:100%;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;transition:transform .2s,box-shadow .2s}
.freebie-grid a:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.freebie-grid img{width:auto;height:96px;object-fit:contain;object-position:left bottom;margin-bottom:8px}
.freebie-grid strong{font-size:17px;color:var(--ink);line-height:1.25}
.freebie-grid span{font-size:14px;color:var(--ink-2)}
.freebie-more{text-align:center;margin-top:22px}
@media (max-width:1000px){.freebie-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.freebie-grid{grid-template-columns:1fr}}
/* hero v2: copy always sits on sky; sloth gets its own band; no overlaps */
.hero{min-height:0!important;padding-bottom:300px!important;align-items:start}
.scene{background-position:center bottom!important;background-size:cover}
.scene::before{background:radial-gradient(ellipse 60% 70% at 26% 38%,#fff6e8f2 0%,#fff3e0c8 50%,#fff3e000 80%)!important}
.hero-copy{position:relative;z-index:3}
.hero-visual{z-index:3;margin-top:-40px}
.hero-buddy{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:0!important;width:min(380px,32vw)!important;z-index:2}
.voice{left:auto!important;right:-8%;top:-30px!important}
.reset{display:flex;flex-direction:column;gap:1px;line-height:1.35}
.reset span{color:var(--ink-3);font-size:11.5px}
.quota-mini{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:12px}
.quota-mini .mock-tool{margin:0;flex:none}
.mini-reading{display:flex;align-items:center;gap:10px;flex:1;max-width:190px}
.mini-reading .meter{flex:1;margin:0}
.mini-reading b{font:800 16px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.meter.plum{background:#ebe7f6}.meter.plum span{background:var(--plum)}
.hero-chip img+img+img{margin-left:-10px}
@media (max-width:1080px){.hero{padding-bottom:260px!important}.hero-visual{margin:12px 0 0}.hero-buddy{width:min(330px,60vw)!important}}
@media (max-width:820px){.hero{padding-bottom:230px!important}.voice{right:0}}
.hero-buddy .try-me{position:absolute;left:-118px;right:auto!important;bottom:70px!important;top:auto;transform:rotate(-6deg);color:#fff;text-shadow:0 1px 3px #2b160699;font:600 24px/1 var(--hand);white-space:nowrap;display:block}
@media (max-width:1080px){.hero-visual{justify-self:center;width:min(420px,100%)}}
@media (max-width:820px){.hero-buddy .try-me{left:-70px;font-size:20px}}
/* moods v2: aligned, product-first */
.mood{display:flex;flex-direction:column;padding:22px 24px 26px}
.mood::before{height:100%;background:none}
.mood-room{background:linear-gradient(#e6f3e8 0,#fffdf9 62%)}
.mood-low{background:linear-gradient(#fcebc6 0,#fffdf9 62%)}
.mood-reached{background:linear-gradient(#e4e1f5 0,#fffdf9 62%)}
.mood-chip{display:none}
.mood-bar{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 6px;border-radius:10px;background:#fffaf2e6;box-shadow:0 1px 0 #fff inset,0 4px 14px -6px #5a3a1a40;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mood-bar b{font-weight:700;color:var(--ink)}
.mood-bar small{font-size:13px;font-weight:650;color:#9a5a00}
.mood-reached .mood-bar b{color:#b3361d}
.mood-low .mood-bar b{color:#9a5a00}
.mood-ring{--c:var(--ink);position:relative;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),#13203a26 0)}
.mood-ring::after{content:'';position:absolute;inset:3px;border-radius:50%;background:#fffaf2}
.mood-ring img{position:relative;z-index:1;width:16px;height:16px}
.mood-low .mood-ring{--c:#e19a1c}.mood-reached .mood-ring{--c:#d2452a}
.mood-art{height:190px;display:flex;align-items:flex-end;justify-content:center;margin:14px 0 18px}
.mood-art img{max-height:170px;width:auto;margin:0;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.mood-reached .mood-art img{max-height:120px}
.mood:hover .mood-art img{transform:rotate(-5deg) scale(1.05)}
.mood-reached:hover .mood-art img{transform:translateY(4px) rotate(3deg)}
.mood h3{font-size:24px}
.mood p{margin-top:6px;font-size:15.5px}
.mood-do{margin-top:auto!important;padding-top:14px;font-weight:700;color:var(--ink)!important;font-size:15.5px}
@media (max-width:820px){.mood-art{height:150px}.mood-art img{max-height:135px}.mood-reached .mood-art img{max-height:100px}}
@media (max-width:420px){.stats-strip{grid-template-columns:1fr 1fr}.stats-strip>div:last-child{grid-column:1/-1}.stats-grid>*{min-width:0}.mood-bar{font-size:13px}}
.mood-art{width:auto!important;margin:14px 0 18px!important}
/* history card chart */
.bento-history .hist-media{height:auto!important;padding:20px 20px 0!important;display:block}
.hist-card{display:block;background:#fff;border-radius:16px 16px 0 0;padding:16px 16px 6px;box-shadow:0 12px 30px -16px #5a3a1a50}
.hist-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}
.hist-head b{display:block;font-size:15px;color:var(--ink)}
.hist-head small{font-size:12px;color:var(--ink-3)}
.hist-chip{font-size:12px;font-weight:700;color:#9a5a00;background:#fdf0d4;border-radius:20px;padding:4px 10px;white-space:nowrap}
.hist-svg{display:block;width:100%;height:auto;font-family:inherit}
.hist-grid line{stroke:#ece3d6;stroke-width:1}
.hist-grid text,.hist-x text{font-size:11px;fill:#7a8597}
.hist-warn{stroke:#d9a441;stroke-width:1.5;stroke-dasharray:5 5}
.hist-warn-t{font-size:11px;fill:#9a5a00;font-weight:600}
.hist-area{fill:url(#hg)}
.hist-line{fill:none;stroke:#ef6748;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hist-reset line{stroke:#13203a;stroke-opacity:.25;stroke-width:1.2}
.hist-reset text{font-size:10.5px;fill:#4b5870}
.hist-gap rect{fill:#13203a;fill-opacity:.04;stroke:#13203a;stroke-opacity:.12;stroke-dasharray:3 4}
.hist-gap text{font-size:10.5px;fill:#7a8597}
.hist-peak{fill:#e19a1c;stroke:#fff;stroke-width:2}
.hist-peak-t{font-size:12px;font-weight:700;fill:#9a5a00}
.hist-now{fill:#ef6748;stroke:#fff;stroke-width:3}
.hist-now-t{font-size:12px;font-weight:700;fill:#13203a}
/* bento: model mix uncropped, balanced last row */
.bento-alerts .bento-media{height:auto!important;padding:20px 20px 0!important;display:block}
.bento-alerts img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;width:100%}
.bento-list{grid-column:auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:16px!important;padding:30px!important}
.bento-list ul{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
@media (max-width:820px){.bento-list{grid-column:auto}}

/* shared footer columns */
.site-foot-bar,.site-footer{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"logo cols" "fine cols";align-items:start;gap:10px 40px;padding-block:34px 30px!important}
.site-foot-bar>img,.site-footer>.footer-logo{grid-area:logo;width:96px;filter:brightness(0) invert(1);opacity:.9}
.site-foot-bar>small,.site-footer>.footer-fine{grid-area:fine;margin:0!important;align-self:end;font-size:13px;color:#8f9bb0}
.foot-cols{grid-area:cols;display:grid;grid-template-columns:repeat(3,minmax(130px,auto));gap:10px 48px}
.foot-cols nav{display:flex!important;flex-direction:column;gap:2px}
.foot-cols p{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8f9bb0}
.foot-cols a{color:#cdd6e4;text-decoration:none;font-size:14px;min-height:30px;display:inline-flex;align-items:center}
.foot-cols a:hover,.foot-cols a[aria-current]{color:#fff}
@media (max-width:820px){.site-foot-bar,.site-footer{grid-template-columns:1fr;grid-template-areas:"logo" "cols" "fine"}.foot-cols{grid-template-columns:1fr 1fr;gap:18px 24px}}

/* polish pass, Oct 10 */
.site-footer.wrap{width:min(1120px,calc(100% - 80px));padding-inline:0}
@media (max-width:820px){.site-footer.wrap{width:calc(100% - 40px)}.foot-cols a{min-height:44px}.site-footer>.footer-logo{margin-bottom:8px}}
.lifetime-offer summary>span:first-child{min-width:0}
.nowrap{white-space:nowrap}
@media (max-width:520px){.closing-actions .button{flex:1 1 100%}}

/* mobile menu (no JS) */
.mnav{display:none;position:relative;margin-left:8px}
.mnav summary{list-style:none;width:44px;height:44px;border-radius:12px;display:grid;place-content:center;gap:4px;cursor:pointer;background:#13203a10}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.mnav[open] summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mnav[open] summary span:nth-child(2){opacity:0}
.mnav[open] summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav-panel{position:absolute;right:0;top:52px;min-width:220px;display:grid;gap:2px;padding:8px;background:#fffdf9;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -20px #3a1d0660;z-index:60}
.mnav-panel a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:650;font-size:16px}
.mnav-panel a:hover,.mnav-panel a[aria-current]{background:#13203a0d}
@media (max-width:900px){.mnav{display:block}}
@media (prefers-reduced-motion:reduce){.mnav summary span{transition:none}}

.mnav summary::after,.mnav summary::before{content:none!important;display:none!important}
.mnav summary{padding:0!important;border:0!important;font-size:0}
.mnav[open] summary span:nth-child(1),.mnav[open] summary span:nth-child(3){transform-origin:center}
@media (max-width:560px){.status-item{display:none!important}.menubar-cta,.site-bar-cta{white-space:nowrap}.menubar-status{gap:8px}}
.menubar-cta,.site-bar-cta{white-space:nowrap}
/* fit hero copy (incl. checklist) in the first screen on laptops */
.hero{padding-top:clamp(20px,5.5vh,64px)!important}
.hero-copy{padding-top:clamp(0px,2vh,24px)!important}
.hero h1{font-size:min(clamp(46px,6.2vw,86px),10.4vh)!important;margin:clamp(12px,2.4vh,26px) 0 clamp(12px,2.2vh,24px)!important}
.hero-lede{font-size:clamp(16px,2.25vh,20px)!important;max-width:560px!important;line-height:1.5}
.hero-actions{margin-top:clamp(16px,3vh,34px)!important}
.hero .launch-note{margin-top:clamp(8px,1.4vh,14px)!important}
.hero-specs{margin-top:clamp(12px,2.2vh,26px)!important}
.hero-actions .button{min-height:clamp(44px,6vh,52px)}
.hero-visual{margin-top:clamp(-40px,-3vh,-12px)!important}
@media (max-height:760px) and (min-width:1081px){.panel{padding:14px 16px 12px}.quota{padding-block:10px}.panel-status{margin:10px 0 4px}.scenarios{margin-top:10px}}
@media (max-width:1080px){.hero h1{font-size:min(clamp(42px,7vw,72px),11vh)!important}.hero-visual{margin-top:16px!important}}
/* bento visuals v2 */
.viz-media{height:auto!important;padding:20px 20px 0!important;display:block!important;background:linear-gradient(#f7efe4,#fffdf9)!important;text-align:left;cursor:pointer}
.bento-sessions .viz-media{cursor:default}
.viz-card{display:flex;flex-direction:column;gap:14px;min-height:236px;background:#fff;border-radius:16px 16px 0 0;padding:18px 18px 20px;box-shadow:0 12px 30px -16px #5a3a1a50}
.viz-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.viz-head b{font-size:15px;color:var(--ink)}
.viz-head small{font-size:12px;color:var(--ink-3)}
.mix-bar{display:flex;height:16px;border-radius:9px;overflow:hidden;gap:3px;margin-top:6px}
.mix-bar i{width:var(--w);background:var(--c);border-radius:4px}
.mix-legend{display:grid;gap:10px}
.mix-legend span{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink)}
.mix-legend i{width:12px;height:12px;border-radius:4px;background:var(--c)}
.mix-legend b{margin-left:auto;font-variant-numeric:tabular-nums}
.mix-foot,.api-foot{margin-top:auto;font-size:13px;color:var(--ink-3)}
.sess-badge{font-size:12px;font-weight:700;color:#b3361d;background:#fde5dc;border-radius:20px;padding:3px 10px}
.sess-list{display:grid;gap:8px}
.sess{display:grid;grid-template-columns:10px 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--sand)}
.sess i{grid-row:span 2;width:10px;height:10px;border-radius:50%}
.sess b{font-size:15px;color:var(--ink)}
.sess em{grid-column:2;font-style:normal;font-size:13px;font-weight:600}
.sess small{grid-row:1/span 2;grid-column:3;font-size:12px;color:var(--ink-3)}
.sess-wait{background:#fdece6}.sess-wait i{background:#d2452a}.sess-wait em{color:#b3361d}
.sess-pause i{background:#e19a1c}.sess-pause em{color:#8a5200}
.sess-work i{background:#2f6a43}.sess-work em{color:#2f6a43}
.api-big{font:850 46px/1 var(--display);letter-spacing:-.04em;color:var(--ink)}
.api-compare{display:grid;gap:10px}
.api-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;font-size:13px;color:var(--ink-2)}
.api-track{height:10px;border-radius:6px;background:#f3ece2;overflow:hidden}
.api-track i{display:block;height:100%;width:var(--w);background:var(--c,#ef6748);border-radius:6px}
.bento-list{justify-content:flex-start!important}
.pro-extras{list-style:none;padding:0;margin:0;display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;width:100%}
.pro-extras li{display:grid!important;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fffdf9!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:12px 14px!important}
.pro-extras li span{grid-row:span 2;font-size:20px;line-height:1}
.pro-extras b{font-size:14.5px;color:var(--ink)}
.pro-extras small{font-size:12.5px;color:var(--ink-3);font-weight:500}
@media (max-width:560px){.pro-extras{grid-template-columns:1fr}.api-row{grid-template-columns:120px 1fr}}
.pro-extras{grid-template-columns:1fr!important;gap:8px!important}
.pro-extras li{padding:10px 14px!important;grid-template-columns:28px 1fr auto;grid-template-rows:auto}
.pro-extras li span{grid-row:auto;font-size:18px}
.pro-extras small{grid-column:3;text-align:right}
@media (max-width:1100px){.pro-extras li{grid-template-columns:28px 1fr;grid-template-rows:auto auto}.pro-extras li span{grid-row:span 2}.pro-extras small{grid-column:2;text-align:left}}