/* Original RGB brand image; presentation-only clipping, not an alpha asset. */
.brand-icon{clip-path:inset(12% round 20%);border-radius:0;transform:scale(1.315789)}
.agent-icon{background:transparent;box-shadow:none}
.agent-icon img{border-radius:0;object-fit:contain;width:44px;height:44px}
.provider-name img{background:transparent}
.resident-dock{width:172px}
.resident-trigger{width:172px;padding:7px 13px 9px;gap:10px;height:42px}
.resident-agent-identity{display:inline-flex;align-items:center;gap:7px}
.resident-task-count{margin-left:auto}
.resident-agent-icon{width:24px;height:24px;object-fit:contain}
.resident-agent-name{font-size:11px;font-weight:500;letter-spacing:-.01em}
.resident-task-count{font-size:10px;min-width:15px;text-align:center;padding:2px 4px;border-radius:5px;background:var(--soft);font-variant-numeric:tabular-nums}
.resident-trigger .activity-indicator{width:10px;height:10px;border:1.5px solid var(--secondary);border-top-color:transparent;background:transparent;box-shadow:none;opacity:1}
.resident-dock[data-activity-state=running] .resident-trigger .activity-indicator{animation:task-spin .9s linear infinite;box-shadow:none}
.resident-dock[data-activity-state=waiting] .resident-trigger .activity-indicator{animation:none;background:transparent;border-color:#b68228;box-shadow:none}
.resident-dock[data-activity-state=idle] .resident-trigger .activity-indicator{animation:none;background:transparent;border-color:#87949a;box-shadow:none}
.notch-wing{width:95px;font-size:9px;height:34px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resident-panel{top:47px;padding:17px 19px;width:304px}
.resident-panel .panel-heading{margin-bottom:13px}
.resident-panel .inspect-title{font-size:15px;font-weight:500;margin:0;letter-spacing:-.02em}
.inspect-task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 19px}.inspect-task-row .inspect-title{min-width:0;line-height:1.4}.inspect-duration{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;font-size:18px;font-variant-numeric:tabular-nums}.inspect-duration small{font-size:8px;color:var(--secondary)}
.inspect-metadata{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0 0 16px}
.inspect-metadata>div{display:flex;flex-direction:column;gap:3px}
.inspect-metadata dt{font-size:8px;color:var(--secondary)}
.inspect-metadata dd{font-size:10px;margin:0;line-height:1.35;font-variant-numeric:tabular-nums}
.inspect-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--separator);padding-top:11px}
.inspect-footer>span{font-size:8px;color:var(--secondary)}
@keyframes task-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.agent-icon img{width:32px;height:32px}.resident-dock,.resident-trigger{width:164px}.resident-trigger{gap:8px;padding-inline:12px}.notch-wing{width:83px;font-size:8px}.resident-panel{width:278px;padding:15px 18px}.inspect-metadata{gap:10px 14px;padding-bottom:13px}.inspect-task-row{margin-bottom:16px}.inspect-task-row .inspect-title{font-size:13px}.inspect-footer{padding-top:9px}}
@media(prefers-reduced-motion:reduce){.resident-dock[data-activity-state=running] .resident-trigger .activity-indicator{animation:none}}

/* Liquid glass: shared controls and filtered photographic surfaces. */
:root{background:#f1f5f8;--glass-edge:#ffffffd9;--glass-shadow:inset 0 2px 2px #fff,inset 2px 0 3px #ffffffa0,inset 0 -3px 4px #a5bfd3a0,0 3px 2px #fff9,0 8px 16px #21446b23}
.hero-landscape{filter:blur(2px) saturate(1.05) contrast(1);transform:scale(1.045);object-position:center 48%}
.hero-shade{background:radial-gradient(ellipse at 50% 35%,#467eb955,transparent 65%)}
.hero-content h1{color:#fff;font-size:clamp(32px,4.6vw,62px);letter-spacing:-.045em;line-height:1.3;text-shadow:none}
.hero-content h1 span{display:block;filter:drop-shadow(0 1px 2px #254774b0);background:linear-gradient(110deg,#fff 20%,#d9f4ff 38%,#fff 46%,#fff 65%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glass-title 9s ease-in-out infinite}
.hero-content .eyebrow,.hero-note{color:#fff;text-shadow:0 1px 3px #254774}
.hero-content .eyebrow{letter-spacing:.16em}
.site-header{background:linear-gradient(145deg,#ffffffd9,#e5f3ffa6);box-shadow:var(--glass-shadow);backdrop-filter:blur(30px) saturate(1.2)}
.agent-tray{background:linear-gradient(135deg,#ffffffb8,#e0f2ff8f);border:1px solid #fff;box-shadow:inset 0 2px 3px #fff,inset 0 -2px 4px #e1f9ff,0 18px 40px #062e5130;backdrop-filter:blur(30px) saturate(1.1);-webkit-backdrop-filter:blur(30px) saturate(1.1);padding-bottom:26px}
.demo-scene,.workbench-scene{background:none;position:relative;isolation:isolate;overflow:hidden}
.demo-scene:before,.workbench-scene:before{content:'';position:absolute;inset:-18px;z-index:-1;background:linear-gradient(120deg,#ffffff40,#eaf6ff20),url('assets/liquid-pastel.jpg') center/cover;filter:blur(2px) saturate(.95) contrast(1);pointer-events:none}
.workbench-scene:before{filter:blur(3px) saturate(.95) contrast(1)}
[data-theme=glass]{--surface:linear-gradient(130deg,#ffffffe0,#ecf7ffab 55%,#eafaffbf);--blur:28px;--panel-shadow:inset 0 2px 3px #fff,inset 0 -2px 3px #d4ecfff0,0 15px 35px #123f6030}
:is(button,.button,.faq summary){border:1px solid #faffffdb;background:linear-gradient(178deg,#ffffffc9 0%,#eaf2f65c 45%,#dceaf36b 80%,#f5ffffe6 100%);box-shadow:var(--glass-shadow);color:var(--text,#24425a);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-radius:999px;transition:box-shadow .18s,filter .18s,translate .18s;position:relative}
:is(.theme-picker,.scene-controls,.workbench-tabs,.continuity-list) button{background:linear-gradient(178deg,#ffffffc9,#eaf2f65c 45%,#dceaf36b 80%,#f5ffffe6);box-shadow:var(--glass-shadow);color:var(--text,#24425a);border:1px solid #faffffdb;border-radius:999px}
:is(button,.button,.faq summary):hover{filter:brightness(1.06);box-shadow:inset 0 2px 3px #fff,inset 0 -3px 4px #aacde2,0 4px 2px #fff9,0 10px 22px #21578436;translate:0 -1px}
:is(button,.button,.faq summary):active{translate:0 1px;filter:brightness(.95);box-shadow:inset 0 2px 5px #173d6640,inset 0 -1px 2px #fff,0 2px 5px #21446b20}
:is(button,.button,.faq summary):focus-visible{outline:3px solid #1878e8;outline-offset:5px}
:is(button,.button):disabled,:is(button,.button)[aria-disabled=true]{opacity:.45;filter:grayscale(.75);cursor:not-allowed;translate:none;box-shadow:inset 0 1px 2px #fff,0 2px 4px #28486418}
.button.black,:is(.theme-picker,.scene-controls,.workbench-tabs,.continuity-list) button:is([aria-pressed=true],[aria-selected=true]){color:#fff;border:1px solid #93d5ff;background:linear-gradient(178deg,#85c9ffe6 0%,#2186eddc 25%,#095bcbe8 68%,#21b9eee6 100%);box-shadow:inset 0 2px 3px #e5f8ff,inset 2px 0 3px #b5e9ffb0,inset 0 -3px 4px #034cba,0 3px 2px #b2d9ffbf,0 9px 18px #1d61b642;text-shadow:0 1px 2px #003d8566}
.button.black:hover{filter:brightness(1.1)}
.button.black:active{filter:brightness(.92);translate:0 1px}
.theme-picker,.scene-controls{background:#edf6ff75;border-color:#fff;box-shadow:inset 0 1px 3px #8299b833,0 1px 1px #fff;gap:6px;padding:5px}
.workbench-tabs{gap:10px}
.subtle{padding:7px 13px}
.resident-trigger{border-radius:0 0 14px 14px;background:var(--surface);color:var(--text);box-shadow:var(--panel-shadow);border-top:0}
[data-theme=black] :is(button,.button):not([aria-selected=true]):not([aria-pressed=true]){background:linear-gradient(175deg,#68778685,#2c36496b 50%,#455b6d80);color:#f4f7fa;border-color:#d4ecff66;box-shadow:inset 0 1px 2px #e2f4ff80,inset 0 -2px 2px #afcde933,0 5px 10px #0003}
[data-theme=codex] :is(button,.button):not([aria-selected=true]):not([aria-pressed=true]){background:linear-gradient(175deg,#ffffffd9,#e9e5d78f 65%,#ffffffe6);color:#35342f}
.faq details{border:0;padding:9px 0}
.faq summary{padding:20px 50px 20px 25px;font-weight:500}
.faq summary:after{right:23px;top:16px}
.faq details[open] summary{box-shadow:inset 0 2px 3px #fff,inset 0 -2px 3px #b8d9ee,0 5px 16px #245e8f25}
.faq details p{padding:20px 25px}
dialog{background:linear-gradient(135deg,#fffffff0,#dfedface);backdrop-filter:blur(35px);box-shadow:inset 0 2px 3px #fff,inset 0 -3px 4px #d6ebff,0 30px 100px #102b5155}
@keyframes glass-title{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:760px){.hero-content h1{font-size:clamp(20px,5.55vw,40px);line-height:1.5;letter-spacing:-.04em}.hero-content h1 span{white-space:nowrap}.hero-landscape{object-position:55% center;filter:blur(2px) saturate(1.05) contrast(1)}.hero-shade{background:radial-gradient(ellipse at 50% 25%,#467eb955,transparent 65%)}.theme-picker button{padding:8px 17px}.scene-controls{bottom:9px}.scene-controls button{min-height:25px}.faq summary{padding:18px 43px 18px 20px}.faq summary:after{top:13px;right:18px}}
@media(prefers-reduced-motion:reduce){.hero-content h1 span{animation:none;background:none;-webkit-text-fill-color:#fff}:is(button,.button,.faq summary){transition:none;translate:none}}

/* Motion: reveal once, content stages, and quiet offscreen surfaces. */
.demo-playback{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.demo-playback>p{font-size:12px;color:#3c5568}
.demo-playback .subtle{font-size:10px;min-height:30px}
.motion-ready .motion-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:translateY(0)}
[role=tabpanel]:not([hidden]){animation:content-arrive .28s ease-out}
.inspect-metadata>div{animation:content-arrive .36s ease-out both}
.inspect-metadata>div:nth-child(2){animation-delay:60ms}
.inspect-metadata>div:nth-child(3){animation-delay:120ms}
.feature-card{transition:box-shadow .25s ease}
@media(hover:hover){.feature-card:hover{box-shadow:0 16px 32px #34668a16}.feature-card:hover .mini-panel{translate:0 -2px}.mini-panel{transition:translate .28s ease,background .25s,color .25s,box-shadow .25s}}
.feature-card:not(.motion-in-view) .activity-indicator,.hero-scene:not(.motion-in-view) h1 span,.workbench-scene:not(.motion-in-view) .activity-indicator{animation-play-state:paused!important}
html[data-motion-paused=true] *,html[data-motion-paused=true] *:before,html[data-motion-paused=true] *:after{animation-play-state:paused!important}
html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=reduced] .motion-reveal{opacity:1!important;transform:none!important}
html[data-motion=reduced] .mini-panel{translate:none!important}
@keyframes content-arrive{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.demo-playback{justify-content:center;gap:8px}.motion-ready .motion-reveal{transition-duration:.4s;transform:translateY(8px)}.motion-ready .motion-reveal.is-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.mini-panel{translate:none!important}}

html[data-motion="reduced"] { scroll-behavior: auto; }

html[data-demo-paused=true] .activity-indicator,html[data-demo-paused=true] .hero-content h1 span { animation-play-state: paused!important; }

/* Fixed CNY lifetime plans; disabled until real collection and delivery are ready. */
.info-grid:has(#pricing){grid-template-columns:1fr}
.price-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.price-plan{padding:26px 20px;border:1px solid #ffffffd9;border-radius:26px;background:linear-gradient(150deg,#ffffffc9,#eaf5ff70);box-shadow:var(--glass-shadow)}
.price-plan h3{font-size:20px}.info-card .price-plan p.price{font-size:52px;line-height:1.15;color:#235987;margin:18px 0;font-weight:600}.price span{font-size:24px;margin-right:5px}.price-plan .button{margin-top:15px;cursor:not-allowed;opacity:.65}
@media(max-width:760px){.price-plans{grid-template-columns:1fr}.price-plan{padding:24px}.info-card .price-plan p.price{font-size:44px}}

.site-footer{flex-wrap:wrap}.site-footer a.icp-link{font-size:12px;color:#536875;line-height:1.6;text-underline-offset:3px}.site-footer a.icp-link:hover{text-decoration:underline}.site-footer a.icp-link:focus-visible{outline:2px solid #2172ba;outline-offset:5px;border-radius:3px}
@media(max-width:760px){.site-footer a.icp-link{font-size:12px;order:4;width:100%}}