/* Roamer Tech: shared IDE shell, visual service pages and AI guide. */
:root{--side-w:232px;--nav-h:52px;--dock-space:199px;--status-h:25px}
html[data-theme=light]{--accent:#3477aa;--accent-ink:#fff;--editor:#f7f9fc;--chrome:#edf1f6;--fg:#122337;--fg-2:#42546a;--muted:#67788c;--line:#d5dee8;--line-soft:#e4eaf1;--accent-soft:#3477aa0d}
body{padding-bottom:calc(var(--dock-space) + var(--status-h));font-family:Inter,'PingFang TC','Microsoft JhengHei',system-ui,sans-serif;font-size:15px}
button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,input,textarea{font:inherit}[hidden]{display:none!important}
.topbar{z-index:70}.topbar .brand img{height:30px}.topbar .tabs .tab{padding:0 17px;gap:9px;font-size:13px}.topbar .top-actions{padding-right:15px}.action{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--line);border-radius:6px;padding:13px 20px;font-size:14px;font-weight:600;line-height:1.3;transition:transform .15s,background .15s}.action:hover{transform:translateY(-2px)}.action.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 5px 14px #3477aa18}.action.secondary{background:var(--panel);color:var(--fg)}.actions{display:flex;flex-wrap:wrap;gap:12px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--accent);background:none;border:0;padding:0;font-size:13px;font-weight:600}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.sidebar{height:calc(100dvh - var(--nav-h) - var(--status-h));padding:20px 12px 16px;z-index:20}.side-head{font-size:10px;letter-spacing:.11em;padding:0 9px 17px}.side-head .cnt{font-family:var(--font-sans);font-size:10px;letter-spacing:0;color:var(--muted)}.tree-item{padding:10px 10px;font-size:13px}.tree-item .f{font-size:10px}.side-label{font-size:11px;color:var(--muted);padding:28px 10px 9px}.side-arrow{margin-left:auto;color:var(--muted);font-size:12px}.side-rule{border-top:1px solid var(--line);margin:20px 10px 10px}.side-guide{margin:29px 10px 10px;border-left:2px solid var(--line);padding-left:15px}.side-guide .mono{font-size:10px;color:var(--muted)}.side-guide p{font-size:14px;line-height:1.8;color:var(--fg);margin:9px 0}.side-guide .text-link{font-size:12px}.side-foot{padding-top:32px}.side-bottom{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted);padding:0 5px 7px}.host-link{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:14px 5px 0;font-size:12px;color:var(--data)}.host-link>span:last-child{margin-left:auto}.host-link small{display:block;font:10px var(--font-mono);color:var(--muted)}.husky-track{height:45px!important;margin-bottom:10px}.husky-wrap{animation:none!important;left:15px!important}.pet-speech{display:none!important}
.workspace{min-height:0}.crumbs{height:37px;font-size:11px;padding:0 24px}.crumbs .ws{font-size:9px;letter-spacing:.08em}.crumbs .dot{width:5px;height:5px}.blk{grid-template-columns:38px minmax(0,1fr)}.gutter pre{font:10px/28px var(--font-mono);padding:31px 10px 0 0}.section-body{padding:48px clamp(24px,3.1vw,52px);width:100%;max-width:1500px;margin:auto}.hero-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,3vw,52px);padding-top:57px;padding-bottom:58px}.eyebrow{font:10px/1.5 var(--font-mono);color:var(--accent);letter-spacing:.12em;margin-bottom:20px}.hero h1{font-size:clamp(31px,3.3vw,52px);line-height:1.35;letter-spacing:-.045em;font-weight:800;white-space:nowrap}.ink{color:var(--accent);position:relative;z-index:0}.ink:after{content:'';position:absolute;bottom:3px;height:8px;background:var(--accent-soft);left:0;right:0;z-index:-1}.hero-lead{font-size:15px;line-height:1.95;margin:23px 0 27px;color:var(--fg-2)}.hero-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:26px}.mini-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:clamp(22px,2vw,29px);letter-spacing:-.03em;line-height:1.5}.section-aside{font-size:11px;color:var(--muted)}
.workbench{background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 36px -24px #183a6350;overflow:hidden;min-width:0}.window-title{display:flex;gap:12px;align-items:center;background:var(--chrome);border-bottom:1px solid var(--line-soft);padding:12px 15px;font:10px var(--font-mono);color:var(--muted)}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#e69588;border-radius:50%}.window-dots i:nth-child(2){background:#e6c075}.window-dots i:nth-child(3){background:#85b39a}.demo-label{margin-left:auto;font:9px var(--font-sans)}.demo-switch{display:flex;gap:0;padding:0 17px;border-bottom:1px solid var(--line-soft)}.demo-switch button{flex:1;padding:13px 5px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;color:var(--muted)}.demo-switch button.selected{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.demo-body{padding:22px;min-height:263px}.demo-kicker{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:16px}.demo-kicker b{font-size:13px;color:var(--fg)}.demo-kicker span{font:9px var(--font-mono);color:var(--muted)}.flow-line{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:18px}.flow-node{flex:1;min-width:0;border:1px solid var(--line);background:var(--editor);border-radius:6px;text-align:center;padding:13px 3px;color:var(--fg-2);font-size:10px}.flow-node b{font-size:20px;display:block;color:var(--accent);font-family:var(--font-mono);line-height:1.1;margin-bottom:8px}.flow-node.active{border-color:var(--accent);background:var(--accent-soft)}.flow-line>span{color:var(--dim);font-size:12px}.demo-result{background:var(--editor);border:1px solid var(--line-soft);border-radius:5px;padding:12px 13px;display:flex;gap:10px;align-items:center;min-height:62px}.demo-result .check{color:var(--data);background:var(--data-soft);height:26px;width:26px;border-radius:50%;display:grid;place-items:center;flex:none}.demo-result b{display:block;color:var(--fg);font-size:11px}.demo-result small{font-size:10px;color:var(--muted)}.demo-run{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.demo-run small{font-size:9px;color:var(--muted)}.demo-run button{font-size:11px;border:0;background:none;color:var(--accent);font-weight:600}.agent-query{border-left:2px solid var(--accent);padding:9px 12px;background:var(--accent-soft);font-size:12px;margin:10px 0 15px}.agent-tools{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.agent-tools span{font-size:9px;border:1px solid var(--line);padding:3px 8px;border-radius:3px}.agent-tools span:before{content:'✓ ';color:var(--data)}
.service-grid,.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:24px 26px 0;transition:border-color .2s,transform .2s}.service-card:hover{border-color:var(--accent);transform:translateY(-3px)}.card-top{display:flex;align-items:center;gap:13px;margin-bottom:22px}.code-icon{color:var(--accent);font:600 24px var(--font-mono)}.card-top .mono{font-size:9px;color:var(--muted);letter-spacing:.08em}.card-arrow{margin-left:auto;color:var(--muted)}.service-card h3{font-size:23px;margin-bottom:9px}.service-card p{font-size:13px;color:var(--muted);line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 23px}.tags span{font-size:10px;background:var(--editor);border:1px solid var(--line-soft);border-radius:4px;padding:4px 9px}.card-bottom{border-top:1px solid var(--line-soft);padding:15px 0;font-size:11px;color:var(--accent);display:flex;justify-content:space-between}.agent-card .code-icon{color:var(--data)}
.case-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel);transition:transform .2s}.case-card:hover{transform:translateY(-3px)}.case-art{height:190px;padding:23px;position:relative;overflow:hidden}.art-host{background:#0d2536;color:#8bc3cc;background-image:linear-gradient(#7dadc008 1px,transparent 1px),linear-gradient(90deg,#7dadc008 1px,transparent 1px);background-size:20px 20px}.case-art>.mono{font-size:10px;letter-spacing:.05em}.deploy-grid{display:flex;gap:15px;justify-content:center;margin:21px 0 14px}.deploy-grid span{border:1px solid #456777;background:#173649;height:58px;width:58px;display:grid;place-items:center;border-radius:10px;color:#b4e2dd;font:600 17px var(--font-mono);box-shadow:5px 5px 0 #031826}.live-tag{display:block;text-align:center;color:#74c6b7;font:9px var(--font-mono)}.art-school{background:var(--panel-2);color:var(--muted)}.registration-line{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:32px;font-size:11px}.registration-line span{background:var(--panel);border:1px solid var(--line);padding:12px 9px;border-radius:5px}.registration-line b{color:var(--accent);font-size:12px}.art-caption{display:block;text-align:center;font-size:10px;margin-top:18px}.case-info{padding:23px}.case-info small{font-size:10px;color:var(--muted)}.case-info h3{font-size:19px;margin:8px 0}.case-info h3 span{float:right;color:var(--accent);font-size:16px}.case-info p{font-size:12px;color:var(--muted)}.fine-print{font-size:10px;color:var(--muted);margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0 40px}.steps>a{border-top:1px solid var(--line);padding-top:20px}.steps>a>span{font:12px var(--font-mono);color:var(--accent)}.steps h3{font-size:17px;margin:12px 0 7px}.steps p{font-size:12px;color:var(--muted);line-height:1.9}.host-band{padding:24px 27px;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:20px}.host-band .mono{font-size:9px;color:var(--data);letter-spacing:.1em}.host-band h3{font-size:18px;margin:6px 0}.host-band p{font-size:12px;color:var(--muted)}.host-band .action{font-size:12px;padding:11px 15px;white-space:nowrap}.end-cta{text-align:center;padding:61px 24px 66px}.end-cta .eyebrow{margin-bottom:14px}.end-cta h2{font-size:30px}.end-cta p{font-size:13px;color:var(--muted);margin:13px 0 24px}.preview-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:10px;color:var(--muted);padding:23px 35px;border-top:1px solid var(--line)}
.guide-dock{position:fixed;bottom:var(--status-h);left:var(--side-w);right:0;z-index:65;background:var(--panel);border-top:1px solid var(--accent-line);box-shadow:0 -8px 30px #0d27480b;padding:14px clamp(20px,3vw,48px) 16px}.guide-header{display:flex;align-items:center;gap:9px;min-height:28px}.guide-avatar{width:26px;height:26px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);border-radius:6px;flex:none;font-size:17px}.guide-header strong{font-size:12px;white-space:nowrap;color:var(--fg)}.guide-header strong span{font-weight:400;font-size:10px;color:var(--muted);margin-left:3px}.prototype-tag{color:var(--data);font-size:9px;background:var(--data-soft);padding:2px 6px;border-radius:3px;white-space:nowrap}.guide-header p{font-size:12px;color:var(--fg-2);margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.guide-history-btn,.guide-collapse{background:transparent;border:0;padding:4px;font-size:10px;color:var(--muted);white-space:nowrap}.guide-collapse{font-size:19px;margin-left:4px}.guide-suggestions{display:flex;align-items:center;gap:7px;margin:12px 0 10px}.guide-suggestions button{border:1px solid var(--line);background:var(--editor);border-radius:4px;font-size:10px;padding:5px 10px;white-space:nowrap}.guide-suggestions button span{color:var(--accent);margin-left:10px}.guide-suggestions button:hover{border-color:var(--accent)}.script-note{margin-left:auto;color:var(--muted);font-size:9px}#guide-form{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--editor);height:45px;padding:5px 6px 5px 13px}#guide-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.prompt-mark{color:var(--accent);font:22px var(--font-mono);margin-right:10px}#guide-input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--fg);font-size:12px;height:100%;border-radius:0}#guide-input::placeholder{color:var(--muted)}#guide-form button{width:31px;height:31px;border:0;border-radius:5px;color:var(--accent-ink);background:var(--accent);font-size:20px}.guide-history{border-bottom:1px solid var(--line-soft);margin-bottom:12px;padding-bottom:12px}.history-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;padding-bottom:10px}.history-head button{font-size:10px}#messages{max-height:min(30dvh,250px);overflow-y:auto;display:flex;flex-direction:column;gap:9px;overscroll-behavior:contain}.message{font-size:12px;line-height:1.7;max-width:90%;padding:9px 13px;border-radius:6px;white-space:pre-wrap}.message.user{align-self:flex-end;background:var(--accent-soft);color:var(--fg)}.message.bot{align-self:flex-start;background:var(--editor);border:1px solid var(--line-soft)}.guide-dock.collapsed{padding-top:10px;padding-bottom:10px}.statusbar{z-index:80;font-size:9px;gap:17px}.statusbar .dot{width:5px;height:5px}
.inner{padding:45px clamp(24px,4vw,66px) 60px;min-height:calc(100dvh - 310px)}.inner h1{font-size:clamp(30px,3.2vw,46px);line-height:1.4;letter-spacing:-.03em;margin-bottom:18px}.inner .intro{font-size:15px;color:var(--muted);max-width:700px;line-height:1.9;margin-bottom:30px}.inner .eyebrow{margin-bottom:17px}.scenario-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.scenario-buttons button{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:10px 17px;font-size:12px}.scenario-buttons button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.scenario-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.scenario-copy{padding:15px 0}.scenario-copy h2{font-size:25px;margin-bottom:14px}.scenario-copy p{font-size:14px;color:var(--muted);line-height:1.9}.scenario-copy ul{padding-left:18px;font-size:13px;line-height:2.2;margin:17px 0 25px}.scenario-layout .workbench .demo-body{min-height:270px}.inner-bottom{margin-top:35px;border-top:1px solid var(--line);padding-top:22px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:12px;color:var(--muted)}.inner-bottom .text-link{margin-left:auto}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.info-card{border:1px solid var(--line);padding:25px;border-radius:7px;background:var(--panel)}.info-card .mono{font-size:11px;color:var(--accent)}.info-card h2{font-size:21px;margin:15px 0}.info-card p{font-size:13px;color:var(--muted);line-height:1.9}.info-card .text-link{margin-top:20px}.case-detail{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:28px}.case-detail h2{font-size:25px;margin-bottom:15px}.case-detail p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:20px}.case-detail .tags{margin-top:0}.article-list{border-top:1px solid var(--line)}.article-row{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.article-row small{font:10px var(--font-mono);color:var(--accent);min-width:40px}.article-row h2{font-size:18px;font-weight:600;margin-bottom:7px}.article-row p{font-size:12px;color:var(--muted)}.article-row>span{margin-left:auto;color:var(--accent)}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.contact-card{border:1px solid var(--line);background:var(--panel);padding:25px;border-radius:7px}.contact-card h2{font-size:19px;margin-bottom:15px}.contact-card label{display:block;font-size:12px;margin:16px 0 8px;color:var(--fg)}.contact-card textarea,.contact-card input{display:block;width:100%;padding:12px;border:1px solid var(--line);background:var(--editor);border-radius:5px;color:var(--fg);font-size:13px}.contact-card textarea{resize:vertical;min-height:140px}.contact-card .action{margin-top:18px}.contact-card .fine-print{line-height:1.8}.summary-output{white-space:pre-wrap;font-size:13px;line-height:1.9}.summary-output:not(:empty){margin-top:20px;padding:17px;background:var(--accent-soft);border-radius:6px}.fade-in{animation:page-in .25s ease}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-body{padding-top:75px;padding-bottom:75px}.hero h1{font-size:56px}.demo-body{min-height:285px;padding:26px}}
@media(max-width:1190px) and (min-width:900px){:root{--side-w:205px}.topbar .tabs .tab{font-size:11px;padding:0 10px;gap:5px}.topbar .top-cta{font-size:11px;padding:0 10px}.section-body{padding-left:27px;padding-right:27px}.hero h1{font-size:34px}.hero-body{gap:22px}.hero .action{font-size:11px;padding:11px 12px;gap:10px}.hero-lead{font-size:13px}.demo-body{padding:16px}.guide-header strong span{display:none}.script-note{display:none}.section-aside{display:none}}
@media(max-width:899px){:root{--nav-h:88px;--side-w:0px}.sidebar{width:260px;height:calc(100dvh - var(--nav-h));z-index:76;padding-bottom:35px}.backdrop{z-index:75}.topbar .tabs .tab{padding:0 17px;font-size:12px}.topbar .brand img{height:28px}.guide-dock{left:0}.hero h1{font-size:clamp(34px,5vw,48px)}.hero-body{gap:26px;padding:35px 26px}.blk{grid-template-columns:27px minmax(0,1fr)}.gutter pre{font-size:8px;padding-right:8px}.section-body{padding:36px 26px}.section-aside{display:none}.guide-header p{font-size:11px}.script-note{display:none}.guide-header strong span{display:none}.topbar .top-actions{padding-right:8px}.side-guide{margin-top:20px}.side-foot{margin-top:30px}.info-grid{grid-template-columns:1fr}.guide-dock{padding-left:20px;padding-right:20px}.scenario-layout{grid-template-columns:1fr 1fr;gap:22px}.contact-grid{grid-template-columns:1fr}.topbar .top-cta{font-size:12px}}
@media(max-width:620px){.hero-body{grid-template-columns:1fr;padding-top:34px;gap:29px}.hero h1{font-size:38px}.hero-lead{font-size:14px;margin:18px 0 23px}.hero .action{font-size:12px;padding:12px 14px;gap:12px}.hero-note{font-size:9px;margin-top:20px}.eyebrow{font-size:8px;margin-bottom:17px}.demo-body{min-height:250px;padding:18px}.section-heading{align-items:start;gap:12px}.section-heading h2{font-size:22px}.section-heading>.text-link{font-size:10px;white-space:nowrap;margin-top:25px}.service-grid,.case-grid{grid-template-columns:1fr;gap:16px}.section-body{padding-left:20px;padding-right:20px}.service-card{padding:21px 21px 0}.service-card h3{font-size:23px}.steps{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.steps>a{position:relative;padding:17px 0 0 35px}.steps>a>span{position:absolute;left:0;top:21px}.steps h3{margin:0 0 5px}.host-band{flex-direction:column;align-items:start;padding:23px}.end-cta{padding:43px 23px}.end-cta h2{font-size:26px}.end-cta p{font-size:12px}.preview-footer{padding:20px;gap:9px;flex-direction:column}.guide-dock{padding:11px 13px 12px}.guide-header{gap:7px;flex-wrap:wrap}.guide-header strong{font-size:11px}.guide-header p{order:7;width:100%;flex-basis:100%;margin:1px 0 0;line-height:1.5}.guide-history-btn{margin-left:auto}.prototype-tag{font-size:8px}.guide-avatar{width:22px;height:22px;font-size:14px}.guide-suggestions{gap:5px;margin:9px 0}.guide-suggestions button{font-size:9px;padding:5px 7px;flex:1}.guide-suggestions button span{margin-left:3px}.guide-collapse{margin:0;padding:0 4px}#guide-form{height:42px}#guide-input{font-size:16px}#guide-input::placeholder{font-size:11px}.guide-dock.collapsed .guide-header p{display:none}.guide-history #messages{max-height:25dvh}.message{max-width:96%;font-size:12px}.inner{padding:31px 23px 40px}.inner h1{font-size:31px}.inner .intro{font-size:13px}.scenario-layout{grid-template-columns:1fr;gap:10px}.scenario-copy h2{font-size:23px}.scenario-copy{padding-top:2px}.scenario-buttons{gap:6px}.scenario-buttons button{font-size:11px;padding:8px 11px}.inner-bottom .text-link{margin-left:0}.crumbs{font-size:10px;padding:0 17px}.crumbs .ws{font-size:8px}.contact-card{padding:20px}.contact-card input,.contact-card textarea{font-size:16px}.statusbar{font-size:8px;gap:10px;padding:0 10px}.registration-line{gap:8px}.registration-line span{padding:10px 6px;font-size:10px}}
.topbar .tabs .tab{align-items:center}
@media(max-width:719px){.blk{grid-template-columns:minmax(0,1fr)}.gutter{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Production design: two core services, one guide. */
:root{--status-h:0px}.inner{min-height:0}.topbar{position:sticky;top:0}.hero h1{white-space:normal;font-size:clamp(29px,3.1vw,48px)}.hero .ink{white-space:nowrap}.sidebar .side-foot{margin-top:auto}.sidebar{display:flex;flex-direction:column;overflow:auto}.sidebar nav{flex-shrink:0}.topbar .tabs .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.backdrop.open{display:block;opacity:1;pointer-events:auto}.sidebar.open{transform:translateX(0)}html{scroll-padding-top:110px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.v2-footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding:38px clamp(24px,4vw,66px);border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:var(--panel)}.footer-name{font-size:17px;font-weight:700;color:var(--fg)}.footer-name span{font:10px var(--font-mono);display:block;font-weight:400;margin-top:4px}.v2-footer p{margin:13px 0}.v2-footer nav{display:flex;flex-direction:column;gap:11px}.v2-footer a:hover{color:var(--accent)}.footer-legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:10px 25px;flex-wrap:wrap;font-size:10px}.footer-legal small{width:100%;font-size:9px}.guide-contact{font-size:10px;color:var(--accent);margin-left:auto;white-space:nowrap}.guide-route{margin:9px 0}.guide-dock{padding-bottom:max(14px,env(safe-area-inset-bottom))}.guide-suggestions button{color:var(--fg-2)}.guide-dock.collapsed{padding-bottom:max(10px,env(safe-area-inset-bottom))}
.launch-demo{border:1px solid var(--line);border-radius:10px;background:#0e1c2d;color:#dbeafa;overflow:hidden;box-shadow:0 26px 55px -25px #0e29465c;min-width:0}.launch-demo .window-title{background:#162639;border-bottom-color:#314356;color:#8196b0}.launch-stage{height:330px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#22679536,transparent 65%)}.launch-grid{position:absolute;inset:0;background-image:linear-gradient(#7193af10 1px,transparent 1px),linear-gradient(90deg,#7193af10 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(transparent,#000 40%,transparent)}.launch-scene{position:absolute;inset:0;padding:26px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(15px) scale(.975);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}.launch-scene.is-active{opacity:1;transform:none}.launch-overline{position:absolute;top:22px;left:25px;font:9px var(--font-mono);letter-spacing:.17em;color:#83a7c8}.launch-caption{position:absolute;bottom:25px;left:18px;right:18px;text-align:center;font-size:11px;color:#98b1c9}.launch-message{display:flex;align-items:center;gap:13px;padding:22px 16px;border:1px solid #436b86;background:linear-gradient(120deg,#26496590,#20394e60);border-radius:9px;box-shadow:0 10px 35px #0002}.launch-message p{font-size:clamp(11px,1.1vw,15px);line-height:1.9}.launch-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#4582ab;font:600 14px var(--font-mono);flex-shrink:0}.launch-cursor{font-size:16px;color:#8fcaee;animation:cursor-blink 1.3s steps(1) infinite}.launch-tags{display:flex;gap:8px;justify-content:center;margin-top:17px}.launch-tags span{font-size:10px;padding:4px 12px;border:1px solid #365069;border-radius:20px;background:#183347;color:#b8d2e9}.launch-app{border:1px solid #47617a;background:#162b40;border-radius:8px;overflow:hidden;transform:perspective(800px) rotateY(-4deg) rotateX(4deg);box-shadow:14px 17px 0 -7px #0b1528;transition:transform 1.2s}.is-active .launch-app{transform:perspective(800px) rotateY(0) rotateX(0)}.launch-app-bar{padding:12px;border-bottom:1px solid #34465c;display:flex;justify-content:space-between;align-items:center;font-size:11px}.launch-app-bar span{font-size:8px;color:#82c9b0}.launch-app-grid{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px}.launch-mini-nav{display:flex;flex-direction:column;gap:10px;padding-top:7px}.launch-mini-nav i{width:20px;height:5px;border-radius:4px;background:#405970}.launch-mini-cards{display:flex;gap:10px;margin-bottom:13px}.launch-mini-cards>span{flex:1;border:1px solid #345773;background:#1c394e;border-radius:5px;padding:8px 10px;font-size:9px;color:#92aec6}.launch-mini-cards b{display:block;font:600 20px var(--font-mono);color:#c4e5f4;margin-top:6px}.launch-row{font-size:9px;display:flex;gap:7px;align-items:center;padding:6px 0;border-top:1px solid #31465e}.launch-row>span:last-child{margin-left:auto;color:#84c3b0}.launch-agent{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;margin:22px 0 25px}.launch-agent b{width:64px;height:64px;display:grid;place-items:center;border:1px solid #7fc4e8;background:#285b7d;border-radius:17px;font-size:39px;color:#c8f1ff;box-shadow:0 0 40px #67bef035;z-index:1}.launch-agent>span:last-child{font-size:12px;color:#bfdcf3}.agent-orbit{position:absolute;width:160px;height:86px;border:1px solid #4897bc60;border-radius:50%;top:-10px;transform:rotate(-20deg)}.agent-orbit:after{content:'';position:absolute;width:6px;height:6px;background:#91d8ec;box-shadow:0 0 10px #91d8ec;border-radius:50%;left:22px;top:5px}.launch-tools{display:flex;gap:6px;justify-content:center}.launch-tools span{font-size:9px;padding:6px 8px;border:1px solid #385a73;border-radius:4px;background:#1d394d;color:#accee0}.launch-tools span:before{content:'✓ ';color:#85d5c1}.launch-result{text-align:center}.result-tick{height:48px;width:48px;display:grid;place-items:center;margin:0 auto 12px;background:#244c47;border:1px solid #5baa9b;border-radius:50%;font-size:25px;color:#a2ecdb}.launch-result h3{font-size:24px;color:#e0f4fa;margin-bottom:8px}.launch-result p{font-size:10px;color:#96b4cb}.approval{margin:18px auto 0;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #31536a;border-radius:5px;font-size:10px;background:#173449}.approval b{color:#b5d7d2;font-weight:500}.launch-controls{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#162639;border-top:1px solid #314356}.launch-controls>button{background:none;border:0;color:#d0e8fa;font-size:13px;min-width:100px;text-align:left}.launch-controls>button span{font-size:10px;margin-left:5px}.launch-timeline{flex:1;display:flex;gap:5px}.launch-timeline button{height:22px;flex:1;background:transparent;border:0;position:relative}.launch-timeline button:before{content:'';position:absolute;left:0;right:0;top:9px;height:3px;background:#3b5167;border-radius:3px}.launch-timeline button[aria-pressed=true]:before{background:#7fbedf}.launch-time{font:8px var(--font-mono);color:#91a8bd}.launch-demo[data-playing=true] .is-active .launch-tags span,.launch-demo[data-playing=true] .is-active .launch-tools span{animation:token-in .75s both}.launch-demo[data-playing=true] .is-active .launch-tools span:nth-child(2),.launch-demo[data-playing=true] .is-active .launch-tags span:nth-child(2){animation-delay:.3s}.launch-demo[data-playing=true] .is-active .launch-tools span:nth-child(3),.launch-demo[data-playing=true] .is-active .launch-tags span:nth-child(3){animation-delay:.6s}.launch-demo[data-playing=false] .launch-cursor{animation-play-state:paused}.launch-demo[data-playing=true] .is-active .agent-orbit{animation:orbit-turn 6s linear infinite}
.service-intro{padding-bottom:35px;border-bottom:1px solid var(--line-soft);background:radial-gradient(ellipse at 90% 0,var(--accent-soft),transparent 70%)}.service-scenes,.service-delivery,.service-faq{border-bottom:1px solid var(--line-soft);padding-top:40px;padding-bottom:45px}.flow-canvas{padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:16px 16px}.flow-rail{display:flex;flex-direction:column;gap:17px}.flow-rail button{position:relative;display:flex;gap:9px;align-items:center;padding:14px 10px;text-align:left;border:1px solid var(--line);border-radius:6px;background:var(--panel);font-size:11px;color:var(--fg-2);transition:transform .25s,border-color .25s}.flow-rail button+button:before{content:'';height:18px;width:1px;background:var(--line);position:absolute;top:-19px;left:20px}.flow-rail button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateX(3px);box-shadow:0 3px 12px #247da812}.flow-number{font:9px var(--font-mono);color:var(--muted)}.flow-state{margin-left:auto;color:var(--data)}.flow-output{border:1px solid var(--accent-line);border-radius:6px;background:var(--panel);padding:17px;display:flex;flex-direction:column;justify-content:center}.flow-output>.mono{font-size:8px;color:var(--accent);line-height:1.6}.flow-output p{font-size:12px;line-height:1.85;color:var(--fg-2);margin:14px 0}.output-lines{display:flex;flex-direction:column;gap:6px;margin-top:17px}.output-lines i{height:4px;width:90%;background:var(--accent-soft);border-radius:4px}.output-lines i:nth-child(2){width:65%;background:var(--line)}.output-lines i:nth-child(3){width:78%;background:var(--line-soft)}.flow-caption{font-size:8px;color:var(--muted)}.flow-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-soft);padding:13px 17px;font-size:9px;color:var(--muted)}.flow-bottom button{font-size:11px}.delivery-symbol{width:48px;height:48px;margin-bottom:20px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:12px;display:grid;place-items:center;font:27px var(--font-mono);color:var(--accent);transition:transform .3s}.info-card:hover .delivery-symbol{transform:rotate(-8deg) scale(1.07)}.info-card h3{font-size:18px;margin-bottom:12px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);font-size:18px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 25px 22px 0;max-width:850px}.contact-card select{display:block;width:100%;padding:12px;color:var(--fg);border:1px solid var(--line);background:var(--editor);border-radius:5px}.contact-path{display:flex;flex-direction:column;gap:18px;margin-top:25px}.contact-path>div{display:flex;align-items:center;gap:15px}.contact-path b{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent-line);border-radius:50%;color:var(--accent);font:11px var(--font-mono);flex-shrink:0}.contact-path span{font-size:13px;color:var(--fg-2)}#project-status{font-size:13px;line-height:1.8;color:var(--accent);margin-top:18px}.rt-v2 .lg-body{min-width:0}.article-convert{margin:30px 0;border:1px solid var(--line);border-radius:9px;padding:25px;background:var(--panel)}.article-convert h3{font-size:20px;margin:7px 0}.article-convert p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 18px}.article-convert .actions a{font-size:12px}.in-view{animation:section-appear .65s both}.service-card:nth-child(2),.case-card:nth-child(2),.info-card:nth-child(2){animation-delay:.08s}.info-card:nth-child(3){animation-delay:.16s}
@keyframes section-appear{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes token-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cursor-blink{50%{opacity:0}}@keyframes orbit-turn{to{transform:rotate(340deg)}}
@media(min-width:1600px){.launch-stage{height:400px}.launch-scene{padding:40px}.launch-message p{font-size:17px}}
@media(max-width:1100px){.hero-body{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-lead br{display:none}.launch-stage{height:340px}.launch-message p{font-size:16px}.hero-copy{max-width:600px}.flow-canvas{grid-template-columns:1fr}.flow-output{min-height:150px}.output-lines{display:none}.scenario-layout{grid-template-columns:1fr 1.2fr}}
@media(max-width:899px){.sidebar{position:fixed;top:var(--nav-h);bottom:0;left:0;transform:translateX(-100%)}.hero-body{grid-template-columns:1fr 1fr}.hero h1{font-size:33px}.launch-stage{height:310px}.launch-message p{font-size:11px}.launch-scene{padding:18px}.v2-footer{gap:24px;grid-template-columns:1fr 1fr}.v2-footer>div:first-child{grid-column:1/-1}.flow-canvas{padding:20px}.guide-dock{z-index:65}}
@media(max-width:620px){.hero-body{grid-template-columns:1fr}.hero h1{font-size:clamp(29px,8.4vw,40px)}.launch-stage{height:320px}.launch-message p{font-size:13px}.launch-overline{left:19px}.launch-tools span{font-size:8px;padding:6px}.launch-caption{font-size:10px}.launch-controls{gap:9px;padding:12px}.launch-controls>button{min-width:95px}.guide-suggestions{flex-wrap:wrap}.guide-contact{font-size:9px}.guide-suggestions button{flex:0 1 auto}.guide-header{flex-wrap:nowrap}.guide-header p{display:none}.guide-history-btn{margin-left:auto}.guide-header strong span{display:inline}.guide-dock{padding-top:10px}.guide-history #messages{max-height:32dvh}.scenario-layout{grid-template-columns:1fr}.flow-canvas{grid-template-columns:1fr 1fr;padding:17px;gap:12px}.flow-output{padding:13px}.flow-output p{font-size:11px}.flow-rail button{font-size:10px;padding:13px 8px;gap:6px}.flow-number{font-size:8px}.service-intro{padding-bottom:32px}.service-intro .actions{gap:18px}.v2-footer{padding:30px 23px;font-size:11px}.footer-legal{line-height:1.8}.section-heading h2{font-size:22px}.faq-list summary{font-size:13px}.contact-card select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.portfolio-secondary{margin-top:25px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.portfolio-secondary>summary{padding:20px;display:flex;justify-content:space-between;cursor:pointer;font-size:13px;color:var(--muted)}.portfolio-secondary>summary span{color:var(--accent)}.quest-mark{font-size:50px;color:var(--accent);margin:25px 0;filter:drop-shadow(0 0 18px var(--accent-line))}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-in .12s reverse both}::view-transition-new(root){animation:page-in .25s both}.rt-v2 .term .article-convert{color:var(--fg)}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.inner h1{font-weight:750}.section-heading h2,.scenario-copy h2,.info-card h3,.end-cta h2{font-weight:700}.contact-card h2{font-weight:650}.scenario-copy ul{list-style:disc}

/* Preserve the original IDE: file tabs, explorer branches and numbered editor gutter. */
:root{--status-h:25px}.topbar .tabs .tab{padding:0;gap:0;align-items:stretch}.tab .f{display:none}.tab-link{padding-left:14px;font-size:12px}.tab-x{opacity:.55}.tab.is-active{color:var(--accent);border-top-color:var(--accent)}.tab.is-active .tab-x{opacity:1}.sidebar{border-right:1px solid var(--line);padding:16px 10px}.tree-folder{font-size:12px;padding:10px 8px 7px}.tree-folder .fold{width:15px;height:15px}.tree-children{border-left:1px solid var(--line);margin-left:15px;padding-left:9px}.tree-children .tree-item{padding:8px 6px;font-size:12px}.tree-item{padding:8px}.side-guide{margin-top:22px}.side-foot{padding-top:20px}.blk{grid-template-columns:58px minmax(0,1fr)}.gutter{border-right:1px solid var(--line)}.gutter pre{font-size:11px;padding-right:14px}.page-frame-body{min-width:0}.statusbar{height:25px}.ide-empty{min-height:55vh}.ie-out.show{opacity:1}.experience-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.experience-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .25s,border-color .25s}.experience-card:hover{transform:translateY(-4px);border-color:var(--accent)}.experience-card h3{font-size:23px;font-weight:700}.experience-card p{font-size:13px;line-height:1.9;color:var(--muted)}.experience-visual{min-height:125px;border:1px solid var(--line);border-radius:6px;background:var(--editor);padding:20px;display:flex;align-items:center;gap:12px;font:11px var(--font-mono);color:var(--accent)}.xp-segments{display:flex;gap:4px;flex:1}.xp-segments i{height:25px;flex:1;background:var(--accent-soft);border:1px solid var(--accent-line);animation:xp-pulse 3s infinite}.xp-segments i:nth-child(2n){animation-delay:.6s}.xp-segments i:nth-child(3n){animation-delay:1.2s}.experience-card .text-link{margin-top:auto}.proposal-preview{display:grid;gap:10px;width:100%}.proposal-preview span{display:flex;gap:12px}.proposal-preview i{height:6px;margin:auto 0;width:65%;background:var(--line);border-radius:3px}.service-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.service-links a{padding:10px 14px;border:1px solid var(--line);border-radius:5px;font-size:12px;background:var(--panel)}.service-links a:hover{border-color:var(--accent);color:var(--accent)}.service-links-label{font-size:12px;color:var(--muted);margin-top:25px}.article-convert .service-links{margin-bottom:20px}.mini-experience{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:20px;background:var(--panel)}.mini-experience p{font-size:13px;color:var(--muted);line-height:1.8}.mini-experience .text-link{flex-shrink:0;margin-left:auto}@keyframes xp-pulse{0%,100%{background:var(--accent-soft)}50%{background:var(--accent);opacity:.65}}
@media(min-width:720px) and (max-width:899px){.blk{grid-template-columns:38px minmax(0,1fr)}}
@media(max-width:719px){.blk{grid-template-columns:minmax(0,1fr)}.experience-grid{grid-template-columns:1fr}.experience-card{padding:22px}.mini-experience{flex-direction:column;align-items:start}.mini-experience .text-link{margin-left:0}.statusbar .hide-s{display:none}}
@media(prefers-reduced-motion:reduce){.xp-segments i{animation:none}}

.founder-profile{display:flex;align-items:flex-start;gap:30px}.founder-profile>img{border:1px solid var(--line);border-radius:16px;object-fit:cover;flex-shrink:0}.founder-profile>div{min-width:0}.founder-profile h2{font-size:30px;font-weight:700}.founder-profile p{font-size:14px;line-height:1.9;color:var(--fg-2);margin-bottom:16px}.team-role{color:var(--accent)!important;font-size:12px!important}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.team-card{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.team-person{display:flex;gap:20px;align-items:center;margin-bottom:20px}.team-person img{border:1px solid var(--line);border-radius:14px;object-fit:cover}.team-person h3{font-size:24px;font-weight:700}.team-card p{font-size:13px;color:var(--fg-2);line-height:1.9}.team-card details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.team-card summary{cursor:pointer;font-size:12px;color:var(--accent);line-height:1.8}.team-card details p{margin-top:15px}.author-pagination{margin-top:25px}.article-row h3{font-size:17px;line-height:1.6;font-weight:600}.article-row>div{min-width:0}.article-row small{white-space:nowrap}@media(max-width:1100px){.team-grid{grid-template-columns:1fr}}@media(max-width:620px){.founder-profile{flex-direction:column}.founder-profile>img{width:120px;height:120px}.team-card{padding:20px}.article-row{flex-wrap:wrap;gap:8px}.article-row>div{flex-basis:90%}}

.inner>h2{font-size:clamp(23px,2vw,29px);font-weight:700;line-height:1.6;margin-bottom:18px}.mini-experience h2{font-size:23px;font-weight:700;line-height:1.6;margin-bottom:10px}

.case-discuss{display:block;padding:12px 20px;background:var(--accent-soft);border-bottom:1px solid var(--line);font-size:12px;color:var(--accent);flex-shrink:0}.case-discuss:hover{text-decoration:underline}
/* A movable page guide: layout space belongs to the content again. */
:root{--dock-space:0px}.guide-floating{left:auto;right:20px;bottom:45px;width:min(430px,calc(100vw - 16px));padding:0 16px 16px;border:1px solid var(--accent-line);border-radius:16px;background:var(--panel);box-shadow:0 18px 70px #092a4930,0 2px 10px #092a4910;max-height:calc(100dvh - var(--nav-h) - 48px);overflow:auto;overscroll-behavior:contain;z-index:90}.guide-floating .guide-movebar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft);margin:0 -16px 12px;padding:5px 9px;background:var(--chrome);position:sticky;top:0;z-index:1}.guide-movebar button{background:transparent;border:0;color:var(--muted);font-size:11px;border-radius:5px;min-height:32px}.guide-movebar #guide-drag{flex:1;text-align:left;padding:5px 8px;cursor:grab;touch-action:none;user-select:none}.guide-movebar #guide-drag span{font-size:20px;vertical-align:middle;margin-right:6px}.guide-movebar #guide-reset-position{width:32px;font-size:18px}.guide-floating.is-dragging{box-shadow:0 24px 80px #092a4955;user-select:none}.guide-floating.is-dragging #guide-drag{cursor:grabbing}.guide-floating .guide-header{display:flex;flex-wrap:wrap;gap:8px}.guide-floating .guide-header strong{font-size:14px}.guide-floating .guide-header strong span{display:inline;font-size:11px}.guide-floating .guide-header p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;order:5;flex:0 0 100%;width:100%;font-size:13px;line-height:1.7;margin:6px 0 0;color:var(--fg-2)}.guide-floating .guide-history-btn{margin-left:auto;font-size:11px}.guide-floating .guide-collapse{font-size:24px}.guide-floating .guide-suggestions{flex-wrap:wrap;gap:6px;margin:13px 0 10px}.guide-floating .guide-suggestions button{font-size:11px;padding:7px 9px;flex:0 1 auto}.guide-floating .guide-contact{flex:0 0 100%;text-align:right;font-size:11px;margin-top:2px}.guide-floating #guide-input{font-size:14px}.guide-floating #guide-form{height:47px}.guide-floating #guide-form button{width:34px;height:34px}.guide-floating .message{font-size:13px;line-height:1.85;max-width:96%}.guide-floating .guide-route{line-height:1.7;font-size:12px;padding:9px 12px;background:var(--accent-soft);border-radius:7px}.guide-floating #messages{max-height:250px}.guide-floating.collapsed{width:260px;padding:0 12px 10px}.guide-floating.collapsed .guide-movebar{margin:0 -12px 8px}.guide-floating.collapsed .guide-header p{display:none}.guide-floating.collapsed .guide-header strong span{display:none}.guide-target{outline:2px solid var(--accent)!important;outline-offset:10px;border-radius:3px;background:var(--accent-soft);scroll-margin-top:120px}.guide-target::after{content:'小浪帶你到這裡';display:block;font:12px/2 var(--font-sans);color:var(--accent);letter-spacing:0;margin-top:8px}
@media(max-width:620px){.guide-floating{width:calc(100vw - 16px);padding:0 13px 13px}.guide-floating .guide-movebar{margin-left:-13px;margin-right:-13px}.guide-floating #guide-input{font-size:16px}.guide-floating.collapsed{width:240px}.guide-floating #messages{max-height:27dvh}.guide-floating .guide-header p{font-size:12px}.guide-floating .guide-movebar #guide-drag{min-height:38px}}
/* Cinematic scenario films: actions, changing interfaces and explanatory subtitles. */
.story-demo{position:relative;isolation:isolate;min-width:0;width:100%;border:1px solid #548bae88;border-radius:14px;overflow:hidden;background:#091b2e;color:#e9f4ff;box-shadow:0 24px 70px #123c6933,0 0 0 5px #65c7ee0a}.story-chrome{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#10283c;border-bottom:1px solid #93cdef22;font:10px var(--font-mono);letter-spacing:.08em;color:#b8d5eb}.story-chrome>span:last-child{margin-left:auto;font-size:10px;color:#8baabe}.story-stage{height:410px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#125d6c66,transparent 70%),radial-gradient(ellipse at 15% 85%,#45378155,transparent 65%),#0b2034}.film-atmosphere{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#abdfff07 1px,transparent 1px),linear-gradient(90deg,#abdfff07 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#000)}.film-atmosphere i{position:absolute;width:200px;height:200px;border-radius:50%;background:#53cbef12;filter:blur(20px);animation:film-ambient 12s ease-in-out infinite alternate}.film-atmosphere i:nth-child(2){background:#b882ec15;right:-40px;bottom:0;animation-delay:-5s}.film-atmosphere i:nth-child(3){width:4px;height:4px;background:#7be7f4;filter:none;box-shadow:50px 60px #7be7f4,100px 180px #b6a0fd,-40px 190px #7be7f4;left:45%;top:20%}.story-frame{position:absolute;inset:0;padding:25px 28px;visibility:hidden;opacity:0;transform:translateY(14px) scale(.97);transition:opacity .4s,transform .55s,visibility .4s}.story-frame.is-active{opacity:1;visibility:visible;transform:none}.film-chapter{font:12px var(--font-mono);color:#8addf7;display:flex;gap:12px;align-items:center;letter-spacing:.09em}.film-chapter span{font:500 15px var(--font-sans);letter-spacing:0;color:#c4dded}.film-person{display:flex;align-items:center;gap:12px;margin-top:36px;font-size:15px;color:#b4d4e9}.film-person-avatar{position:relative;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#a0e8f0,#529fcb);overflow:hidden;box-shadow:0 0 35px #73dced33}.film-person-avatar i{position:absolute;width:16px;height:17px;border-radius:50%;background:#17344c;left:18px;top:10px}.film-person-avatar b{position:absolute;width:34px;height:28px;border-radius:50% 50% 0 0;background:#17344c;left:9px;top:30px}.film-bubble{margin-top:16px;background:#f1f8ff;color:#172f46;padding:24px;border-radius:4px 18px 18px 18px;font-size:clamp(19px,1.7vw,24px);line-height:1.65;font-weight:600;box-shadow:0 16px 45px #0002;position:relative}.film-type-caret{color:#3488b1;font-weight:400}.film-problem-tags{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}.film-problem-tags span{font-size:12px;border:1px solid #8bbada44;padding:8px 12px;border-radius:20px;color:#a3c7de}.story-frame.is-active .film-person{animation:film-enter .65s both}.story-frame.is-active .film-bubble{animation:film-bubble .7s .4s both}.story-frame.is-active .film-typing{animation:film-type 1.8s 1s both;display:inline}.story-frame.is-active .film-type-caret{animation:cursor-blink .7s infinite}.story-frame.is-active .film-problem-tags{animation:film-enter .65s 2.6s both}.film-browser{position:relative;margin:24px auto 0;width:92%;background:#f4f8fd;color:#26455d;border:1px solid #8dd4f677;border-radius:10px;box-shadow:0 18px 38px #0004;overflow:hidden}.film-browser-bar{display:flex;align-items:center;gap:12px;background:#dbeaf4;padding:12px 16px;font-size:14px;font-weight:600}.film-browser-bar span:last-child{margin-left:auto;color:#7794aa}.film-form-field{margin:15px 20px 0}.film-form-field label{display:block;font-size:12px;color:#627e93;margin-bottom:7px}.film-form-field>div{border:1px solid #cfdeea;background:white;border-radius:5px;height:30px;padding:11px}.film-form-field i{height:5px;width:70%;display:block;background:#80a5bc;border-radius:3px}.film-form-field:nth-child(3) i{width:88%}.film-submit{margin:18px 20px;display:flex;justify-content:center;gap:22px;background:#267da7;color:white;padding:11px;border-radius:5px;font-size:14px}.film-cursor{position:absolute;font-size:31px;color:#183956;right:28%;bottom:15px;text-shadow:0 0 2px white;transform:rotate(-20deg)}.film-arrival{position:absolute;bottom:32px;right:28px;display:flex;align-items:center;gap:12px;background:#ddfff5;color:#125e4e;border:1px solid #71e1be;border-radius:9px;padding:14px 18px;box-shadow:0 12px 30px #0004}.film-arrival>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#31997b;color:white;font-size:18px}.film-arrival b{display:block;font-size:15px}.film-arrival small{font-size:12px;display:block;margin-top:4px}.story-frame.is-active .film-browser{animation:film-browser-in .8s both}.story-frame.is-active .film-form-field i{animation:film-field 1.1s .7s both}.story-frame.is-active .film-form-field:nth-child(3) i{animation-delay:1.4s}.story-frame.is-active .film-cursor{animation:film-click 3.2s both}.story-frame.is-active .film-submit{animation:film-submit 3.2s both}.story-frame.is-active .film-arrival{animation:film-arrive .7s 3.1s both}.film-documents{position:relative;display:flex;justify-content:center;gap:35px;margin:38px 0 24px;perspective:600px}.film-document{padding:15px;border-radius:8px;background:linear-gradient(145deg,#21445d,#132d44);border:1px solid #8bbedd66;width:135px;height:133px;box-shadow:0 10px 25px #0003;transform:rotate(-8deg)}.film-document:nth-child(2){transform:rotate(8deg)}.film-document>span{font-size:21px;color:#81dce6}.film-document b{display:block;font-size:13px;margin:5px 0 13px;font-weight:500}.film-document i{display:block;height:4px;margin-bottom:7px;background:#85c6dc55;width:90%;border-radius:4px}.film-document i:last-child{width:60%}.film-reader{position:absolute;left:calc(50% - 32px);top:38px;width:64px;height:64px;display:grid;place-items:center;font-size:33px;background:linear-gradient(135deg,#62d8e8,#7587e9);border:1px solid #b1edff;border-radius:19px;color:#0b334b;box-shadow:0 0 40px #62d8e855}.film-reader span{position:absolute;inset:-12px;border:1px solid #6dddf077;border-radius:50%;border-left-color:transparent}.film-draft{background:#0d283ee8;border:1px solid #66cfe977;border-radius:9px;padding:18px;box-shadow:0 12px 30px #0003}.film-draft>div{display:flex;align-items:center;gap:9px;font-size:13px;color:#9fe5e9}.film-draft b{font-weight:500}.film-processing{margin-left:auto}.film-draft p{font-size:16px;line-height:1.8;margin-top:12px;color:#e3f2fa}.story-frame.is-active .film-document{animation:film-doc-left 1.1s both}.story-frame.is-active .film-document:nth-child(2){animation-name:film-doc-right}.story-frame.is-active .film-reader{animation:film-agent .8s 1s both}.story-frame.is-active .film-reader span{animation:film-spin 5s linear infinite}.story-frame.is-active .film-draft{animation:film-enter .7s 1.9s both}.story-frame.is-active .film-draft p{animation:film-field 1.8s 2.5s both;transform-origin:left}.film-review{text-align:center;max-width:420px;margin:32px auto 0}.film-success{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#4dcc9c22;border:1px solid #73e8b6;color:#99f8cd;font-size:30px;box-shadow:0 0 45px #6be6be25}.film-review h3{font-size:clamp(21px,2vw,29px);font-weight:700;line-height:1.4;color:#effcff;margin-bottom:12px}.film-review p{font-size:15px;color:#b5d4e3;line-height:1.8}.film-confirm{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px;font-size:12px;color:#9bb5c7}.film-confirm b{display:inline-block;border:1px solid #80e7bb;padding:12px 14px;border-radius:6px;font-size:13px;color:#bcffdf;background:#27765555;font-weight:500}.story-frame.is-active .film-success{animation:film-success .8s .15s both}.story-frame.is-active .film-review h3,.story-frame.is-active .film-review p{animation:film-enter .7s .5s both}.story-frame.is-active .film-confirm{animation:film-confirm .9s 2s both}.film-confetti{position:absolute;inset:0;pointer-events:none}.film-confetti i{position:absolute;left:50%;top:34%;width:5px;height:8px;background:#7cecca;border-radius:1px;opacity:0}.film-confetti i:nth-child(2n){background:#a598fb}.film-confetti i:nth-child(3n){background:#68d0ee}.story-frame.is-active .film-confetti i{animation:film-confetti 2s .7s both;--dx:-120px;--dy:-65px}.story-frame.is-active .film-confetti i:nth-child(2){--dx:140px;--dy:-55px}.story-frame.is-active .film-confetti i:nth-child(3){--dx:-80px;--dy:70px}.story-frame.is-active .film-confetti i:nth-child(4){--dx:95px;--dy:80px}.story-frame.is-active .film-confetti i:nth-child(5){--dx:-150px;--dy:15px}.story-frame.is-active .film-confetti i:nth-child(6){--dx:150px;--dy:15px}.story-subtitle{padding:17px 23px;background:#102a41;border-top:1px solid #9ce8ff18;min-height:77px;display:flex;align-items:center;font-size:16px;line-height:1.65;color:#e5f3fc}.story-subtitle span::before{content:'↳';margin-right:10px;color:#79d6f0}.story-controls{display:flex;gap:15px;align-items:center;padding:14px 18px;background:#091b2e}.story-play{background:transparent;border:0;color:#e5f3fc;font-size:13px;white-space:nowrap;min-width:96px;text-align:left}.story-timeline{display:flex;gap:6px;flex:1}.story-timeline button{border:0;background:transparent;flex:1;padding:8px 0 0;color:#7e9eb3;font:10px var(--font-mono);min-width:0}.story-timeline i{height:3px;background:#354f64;display:block;margin-bottom:7px;position:relative;overflow:hidden;border-radius:3px}.story-timeline [aria-pressed=true]{color:#b1e9ff}.story-timeline [aria-pressed=true] i{background:#83daf1}.story-demo[data-playing=true] .story-timeline [aria-pressed=true] i::after{content:'';position:absolute;inset:0;background:#effcff;transform-origin:left;animation:film-field 6s linear both}.story-duration{font:11px var(--font-mono);color:#7e9eb3}.story-demo[data-playing=false] .story-frame.is-active *{animation:none!important}.story-demo[data-playing=false] .film-confetti{display:none}.scenario-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:35px}.scenario-copy p{font-size:16px}.scenario-copy ul{font-size:15px;line-height:2}.scenario-buttons button{font-size:14px}.service-card p,.case-info p,.info-card p,.steps p,.host-band p,.experience-card p{font-size:15px;line-height:1.85}.tags span,.card-bottom,.case-info small,.live-tag,.art-caption{font-size:12px}.case-art{height:230px}.deploy-grid span{height:72px;width:72px;font-size:22px}.registration-line{font-size:14px}.registration-line b{font-size:17px}.hero-body{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:34px}.hero h1{font-size:clamp(30px,3vw,45px)}.hero .story-stage{height:415px}.story-demo:hover{border-color:#8ce7ff}.hero .eyebrow{font-size:11px}.section-heading .eyebrow{font-size:11px}.experience-visual{font-size:14px;min-height:160px}
@keyframes film-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes film-bubble{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}@keyframes film-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes film-browser-in{from{opacity:0;transform:perspective(700px) rotateY(-10deg) translateY(25px)}to{opacity:1;transform:none}}@keyframes film-field{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes film-click{0%,40%{transform:translate(100px,60px) rotate(-20deg);opacity:0}65%{opacity:1;transform:translate(0,0) rotate(-20deg)}75%{transform:translate(0,0) rotate(-20deg) scale(.8)}85%,100%{transform:translate(0,0) rotate(-20deg);opacity:1}}@keyframes film-submit{0%,65%{background:#267da7}75%,100%{background:#288768}}@keyframes film-arrive{from{opacity:0;transform:translate(55px,10px) scale(.8)}to{opacity:1;transform:none}}@keyframes film-doc-left{from{opacity:0;transform:translate(-65px,30px) rotate(-20deg)}to{opacity:1;transform:rotate(-8deg)}}@keyframes film-doc-right{from{opacity:0;transform:translate(65px,30px) rotate(20deg)}to{opacity:1;transform:rotate(8deg)}}@keyframes film-agent{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes film-spin{to{transform:rotate(360deg)}}@keyframes film-success{from{opacity:0;transform:scale(.4) rotate(-40deg)}to{opacity:1;transform:none}}@keyframes film-confirm{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes film-confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(240deg)}}@keyframes film-ambient{to{transform:translate(60px,-35px) scale(1.3)}}
@media(max-width:1190px){.hero-body{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero h1{font-size:42px}.story-stage,.hero .story-stage{height:405px}.scenario-layout{grid-template-columns:1fr}.story-demo{max-width:850px;margin-inline:auto}.film-bubble{font-size:25px}.film-browser{max-width:400px}.film-draft{max-width:460px;margin-inline:auto}}
@media(max-width:620px){.hero h1{font-size:36px}.hero-body{gap:28px}.story-frame{padding:23px 18px}.story-stage,.hero .story-stage{height:405px}.film-bubble{font-size:20px;padding:20px}.film-person{margin-top:28px}.story-chrome{padding:13px;font-size:9px;gap:8px}.story-chrome>span:last-child{font-size:9px}.story-subtitle{font-size:15px;padding:15px 17px;min-height:85px}.story-controls{gap:10px;padding:12px}.story-play{font-size:12px;min-width:90px}.film-chapter span{font-size:14px}.film-browser{width:100%}.film-form-field{margin:13px 16px 0}.film-arrival{right:18px;bottom:32px}.film-document{width:115px}.film-documents{gap:26px}.film-draft{padding:15px}.film-draft p{font-size:15px}.film-review h3{font-size:24px}.film-review p{font-size:15px}.film-confirm{gap:8px;flex-wrap:wrap}.scenario-copy p,.scenario-copy ul{font-size:15px}.registration-line{gap:6px;font-size:12px}.service-card p,.case-info p,.info-card p,.steps p,.host-band p,.experience-card p{font-size:14px}.story-duration{display:none}}
@media(prefers-reduced-motion:reduce){.story-demo *,.story-demo *::before,.story-demo *::after{animation:none!important;transition:none!important}.film-confetti{display:none}}

/* Compact movable launcher; keep the demonstration unobstructed. */
.guide-floating.collapsed{padding:0;width:264px;min-height:54px;overflow:hidden}.guide-floating.collapsed .guide-movebar{margin:0;padding:9px 8px;border:0}.guide-floating.collapsed #guide-drag{padding-right:34px}.guide-floating.collapsed .guide-header{position:absolute;right:44px;top:9px;margin:0;gap:0}.guide-floating.collapsed .guide-header> :not(.guide-collapse){display:none}.guide-floating.collapsed .guide-collapse{height:32px;width:28px;min-width:28px}.guide-floating.collapsed .guide-movebar #guide-drag{min-height:32px}
.film-form-field>div{height:38px;padding:7px 10px;overflow:hidden}.film-input-text{display:block;font-size:13px;line-height:22px;color:#26455d;white-space:nowrap;overflow:hidden}.story-frame.is-active .film-input-text{animation:film-type 1.1s .7s both}.story-frame.is-active .film-form-field:nth-child(3) .film-input-text{animation-delay:1.7s}.film-submit{margin-top:16px;margin-bottom:16px}.story-demo[data-playing=false] .film-atmosphere i{animation-play-state:paused}.story-demo[data-playing=false] .film-type-caret{visibility:hidden}
@media(max-width:620px){.guide-floating.collapsed{width:244px}.film-input-text{font-size:12px}.film-form-field label{font-size:13px}.film-form-field>div{padding:7px 8px}.film-browser-bar{font-size:14px}}

.guide-floating.collapsed .guide-header{z-index:2}.guide-floating.collapsed .guide-collapse{background:var(--accent-soft);color:var(--accent);border-radius:5px}

/* Existing capture flows: chat leads everywhere, newsletter on articles only. */
.guide-floating .guide-suggestions #guide-lead-open{flex:0 0 100%;text-align:right;border:0;padding:8px 0;color:var(--accent);font-size:12px}
.guide-lead-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.guide-lead-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-lead-heading h3{font-size:16px;margin:0;color:var(--fg)}.guide-lead-heading button{background:var(--accent-soft);border:0;border-radius:5px;color:var(--accent);font-size:23px;width:30px;height:30px}.guide-lead-panel>p{font-size:12px;line-height:1.7;margin:10px 0;color:var(--fg-2)}.guide-lead-panel label{display:block;font-size:12px;color:var(--fg);margin:12px 0 6px}.guide-lead-panel input,.guide-lead-panel textarea{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--editor);color:var(--fg);padding:10px;font:14px/1.6 var(--font-sans)}.guide-lead-panel input:focus,.guide-lead-panel textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.guide-lead-panel small{font-size:11px;line-height:1.7;display:block;color:var(--muted);margin:10px 0}.guide-lead-panel .action{width:100%;justify-content:center;font-size:13px}.guide-lead-panel .text-link{font-size:12px;margin-top:14px}#guide-lead-status{font-size:13px;line-height:1.7;color:var(--accent);margin-top:10px}.guide-lead-panel [aria-busy=true]{opacity:.8}
.guide-activity{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--fg);padding:11px;border-radius:10px;margin:0 0 12px;cursor:pointer}.guide-activity[hidden]{display:none}.guide-activity strong{display:block;font-size:13px;font-weight:600}.guide-activity small{display:block;font-size:11px;line-height:1.6;color:var(--fg-2);margin-top:3px}.guide-activity>span:last-child{margin-left:auto;color:var(--accent)}.thought-orbit{position:relative;display:grid;place-items:center;flex:0 0 36px;height:36px}.thought-orbit b{color:var(--accent);font-size:21px;font-weight:400}.thought-orbit i{position:absolute;inset:0;border:1px solid var(--accent);border-radius:50%;transform:rotate(25deg) scaleY(.48)}.thought-orbit i:nth-child(2){transform:rotate(-50deg) scaleY(.48)}.thought-orbit i::before{content:'';position:absolute;top:-3px;left:14px;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.is-thinking .thought-orbit i{animation:thought-orbit 2.6s linear infinite}.is-thinking .thought-orbit i:nth-child(2){animation-direction:reverse;animation-duration:1.8s}.is-thinking .thought-orbit b{animation:thought-core 1.5s ease-in-out infinite}.guide-floating.collapsed .guide-activity{width:calc(100% - 16px);margin:0 8px 8px;padding:10px 8px}.guide-floating.collapsed:has(.guide-activity:not([hidden])){width:300px}.guide-floating.is-thinking{border-color:var(--accent);box-shadow:0 12px 55px color-mix(in srgb,var(--accent) 24%,transparent)}
@keyframes thought-orbit{from{transform:rotate(0) scaleY(.48)}to{transform:rotate(360deg) scaleY(.48)}}@keyframes thought-core{50%{opacity:.5;transform:scale(.8)}}
.nlfab{position:fixed;left:calc(var(--side-w) + 20px);bottom:40px;z-index:82;display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:24px;border:1px solid var(--accent-line);background:var(--panel);color:var(--accent);font:600 13px var(--font-sans);box-shadow:0 8px 30px #08213c22}.nlfab:hover{background:var(--accent-soft)}.nlfab span{font-size:19px}.newsletter-dialog{width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:36px 28px 28px;background:var(--panel);color:var(--fg);border:1px solid var(--accent-line);border-radius:18px;box-shadow:0 30px 90px #0005}.newsletter-dialog::backdrop{background:#021324aa;backdrop-filter:blur(5px)}.newsletter-close{position:absolute;right:12px;top:12px;font-size:24px;width:32px;height:32px;background:var(--accent-soft);color:var(--accent);border:0;border-radius:6px}.newsletter-dialog h2{font:700 25px/1.45 var(--font-sans);margin:0 0 12px}.newsletter-dialog>p{font:14px/1.9 var(--font-sans);color:var(--fg-2)}.newsletter-dialog .nl-form{margin:22px 0}.newsletter-dialog label{font-size:13px;display:block;margin-bottom:8px}.newsletter-dialog .nl-input{background:var(--editor);border-color:var(--line);color:var(--accent)}.newsletter-dialog .nl-input input{color:var(--fg);font-family:var(--font-sans)}.newsletter-dialog .nl-submit{width:100%;justify-content:center;margin-top:12px}.newsletter-dialog .nl-msg{font:14px/1.8 var(--font-sans);margin-top:12px}.newsletter-dialog small{display:block;font-size:12px;color:var(--muted);line-height:1.7}.newsletter-dialog small a{color:var(--accent);text-decoration:underline}.nl-honeypot{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}.nl-msg.is-ok{color:var(--data,#24805a)}.nl-msg.is-err{color:#d95454}
@media(max-width:620px){.guide-lead-panel input,.guide-lead-panel textarea{font-size:16px}.nlfab{left:12px;bottom:112px;font-size:12px;padding:8px 12px}.newsletter-dialog{padding:38px 22px 25px}.newsletter-dialog h2{font-size:24px}.newsletter-dialog .nl-input input{font-size:16px}.guide-floating.collapsed:has(.guide-activity:not([hidden])){width:280px}}
@media(prefers-reduced-motion:reduce){.thought-orbit i,.thought-orbit b{animation:none!important}}

.guide-floating:has(#guide-lead-panel:not([hidden])) .guide-suggestions,.guide-floating:has(#guide-lead-panel:not([hidden])) #guide-form,.guide-floating:has(#guide-lead-panel:not([hidden])) #guide-reply{display:none}.guide-floating:has(#guide-lead-panel:not([hidden])) .guide-history-btn{visibility:hidden}