.ai-section{position:relative;overflow:clip}.ai-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 30% 50%, light-dark(#0f6b5714,#5fe0b014), transparent 70%), radial-gradient(40% 50% at 75% 50%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 70%);height:70%;position:absolute;inset:10% -10% auto}.ai-grid{gap:20px;display:grid}@media (width>=960px){.ai-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.ai-card{border-radius:var(--radius-sheet);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-raised);align-content:start;gap:14px;padding:clamp(18px,3vw,28px);display:grid}.ai-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-badge{background:var(--brand-tint);color:var(--brand-strong);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.ai-badge svg{width:16px;height:16px}.ai-badge.auto{background:var(--gold-tint);color:light-dark(#8a5208,#f7c979)}.bubble{border-radius:16px;max-width:88%;padding:12px 14px;font-size:15px;line-height:1.5}.bubble b{color:var(--ink-muted);margin-bottom:2px;font-size:12.5px;font-weight:600;display:block}.bubble.guest{background:var(--sunken);border-bottom-left-radius:6px}.bubble.draft{border:1px dashed var(--brand-line);background:color-mix(in srgb, var(--brand-tint) 70%, var(--surface));border-bottom-right-radius:6px;justify-self:end;gap:8px;display:grid}.draft-label{color:var(--brand-strong);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.draft-label svg{width:14px;height:14px}.draft-actions{justify-content:flex-end;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;align-items:center;min-height:30px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.ai-abilities{border-top:1px solid var(--line);gap:8px;margin-top:6px;padding-top:14px;font-size:15px;list-style:none;display:grid}.ai-abilities li{align-items:center;gap:10px;display:flex}.ai-abilities svg{width:18px;height:18px;color:var(--brand);flex:none}.recipes{gap:10px;list-style:none;display:grid}.recipe{border:1px solid var(--line);background:var(--canvas);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;line-height:1.4;display:grid}.recipe small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:11px;font-weight:700;display:block}.recipe-when{font-weight:600}.recipe-mode{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:700}.recipe-mode.do{background:var(--brand-tint);color:var(--brand-strong)}.recipe-mode.ask{background:var(--gold-tint);color:light-dark(#8a5208,#f7c979)}@media (width<640px){.recipe{grid-template-columns:minmax(0,1fr) auto}.recipe-then{grid-area:2/1/auto/-1}}.ai-note{color:var(--ink-muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.ai-note svg{width:18px;height:18px;color:var(--brand);flex:none;margin-top:2px}.tour-section{padding-top:clamp(32px,5vw,56px)}.tour-tabs{scrollbar-width:none;border:1px solid var(--line);background:var(--sunken);border-radius:16px;gap:4px;width:max-content;max-width:100%;margin:0 auto clamp(24px,4vw,36px);padding:5px;display:flex;overflow-x:auto}.tour-tabs::-webkit-scrollbar{display:none}@media (width<900px){.tour-tabs{mask:linear-gradient(90deg,#000 82%,#0000)}}.tour-tabs button{min-height:44px;color:var(--ink-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.tour-tabs button svg{width:17px;height:17px}.tour-tabs button:hover{color:var(--ink)}.tour-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card), 0 0 0 1px var(--line)}.tour-tabs button[aria-selected=true] svg{color:var(--brand)}.tour-tabs button:focus-visible{outline-offset:-2px}.tour-panel{align-items:center;gap:28px;display:grid}.tour-panel[hidden]{display:none}@media (width>=1000px){.tour-panel{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:48px}}.tour-copy{view-transition-name:tour-copy;gap:14px;display:grid}.tour-title{font-size:clamp(26px,3vw,34px);font-weight:800}.tour-more{font-weight:600}.tour-shot{view-transition-name:tour-shot;min-width:0}.tour-shot.browser{border-radius:16px}.tour-shot.phone{border-radius:var(--radius-sheet);background:radial-gradient(120% 90% at 50% 100%, var(--brand-tint), transparent 70%);place-items:center;padding:24px;display:grid}.tour-shot.phone .phone-frame{width:min(280px,100%)}::view-transition-old(tour-shot),::view-transition-new(tour-shot){object-fit:cover;object-position:top;height:100%;animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(tour-copy),::view-transition-new(tour-copy){animation-duration:.26s}