:root,:root[data-theme=light]{color-scheme:light;--bg:#f6f7fc;--panel:#ffffff;--panel-soft:#eeebff;--text:#26324a;--muted:#65708b;--line:#dfe4f1;--accent:#7047eb;--accent-ink:#6840db;--on-accent:#ffffff;--glow:#7850ed0c;--header-bg:#ffffffed}:root[data-theme=dark]{color-scheme:dark;--bg:#121321;--panel:#1b1d30;--panel-soft:#292442;--text:#edf0ff;--muted:#acb3ce;--line:#35394f;--accent:#7650d8;--accent-ink:#bba3ff;--on-accent:#ffffff;--glow:#956cf515;--header-bg:#171827ed}html{scroll-padding-top:100px}body{color:var(--text)}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;inset:0 0 auto;height:66px;z-index:50;background:var(--header-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:32px;font-weight:750;letter-spacing:-2px;line-height:1}.wordmark-dot{color:var(--accent-ink)}.logo-mark{width:27px;height:27px;display:grid;place-items:center;border:2px solid;border-radius:50%;color:var(--text);transform:rotate(-32deg)}.logo-mark span{display:block;width:8px;height:25px;border-inline:2px solid currentColor}.site-header .main-navigation{display:flex;align-items:center;gap:28px}.site-header .main-navigation a{font-size:13px;font-weight:550;color:var(--muted);padding-block:12px;transition:color .2s}.site-header .main-navigation a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:18px}.header-cta{display:inline-flex;align-items:center;gap:20px;padding:12px 17px;border:1px solid var(--accent);font-size:12px;font-weight:650;border-radius:6px;white-space:nowrap}.header-cta,.header-cta:hover{background:var(--accent);color:var(--on-accent)}.header-cta:hover{border-color:var(--accent)}.appearance-controls{display:flex;align-items:center;gap:4px}.theme-control{height:38px;display:flex;align-items:center;gap:6px;padding-inline:8px;border-radius:5px;color:var(--muted);position:relative}.theme-control select{appearance:none;background:transparent;color:var(--text);font-size:12px;cursor:pointer;width:42px;border:0;border-radius:0;padding:10px 0}.theme-control option{background:var(--panel);color:var(--text)}.motion-control:hover,.theme-control:hover{background:var(--panel-soft)}.theme-control:focus-within{outline:2px solid var(--accent-ink);outline-offset:2px}.theme-control select:focus-visible{outline:none}.menu-toggle,.motion-control{height:38px;width:34px;display:grid;place-items:center;background:transparent;border:0;border-radius:5px;cursor:pointer;color:var(--muted)}.motion-control:disabled{opacity:.6;cursor:default}.menu-toggle,.site-header .main-navigation .mobile-nav-cta{display:none}.skip-link{position:absolute;left:20px;top:12px;padding:12px 18px;color:var(--on-accent);background:var(--accent);border-radius:4px;transform:translateY(-200%);z-index:60}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{transform:translateY(0)}.site-footer{border-top:1px solid var(--line);background:var(--bg);padding:72px 0 25px}.footer-main{display:flex;justify-content:space-between;gap:70px}.footer-brand .wordmark{font-size:40px}.footer-brand .logo-mark{width:32px;height:32px}.footer-brand p{font-size:17px;line-height:1.5;letter-spacing:-.4px;margin:25px 0}.footer-theme-note{font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:clamp(30px,5vw,90px)}.footer-links>div{display:flex;flex-direction:column;gap:15px}.footer-links strong{color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-bottom:9px}.footer-links a{font-size:13px;color:var(--text)}.footer-links a:hover{color:var(--accent-ink)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:76px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;letter-spacing:1px}[data-reveal].reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}[data-reveal].reveal-ready.is-visible{opacity:1;transform:none}.animation-paused *,.animation-paused :after,.animation-paused :before{animation-play-state:paused!important}.animation-paused [data-reveal]{opacity:1;transform:none;transition:none}@media (max-width:1080px){.site-header .main-navigation{gap:18px}.header-inner{gap:20px}.header-actions{gap:9px}.header-cta{gap:10px}}@media (max-width:900px){.site-header{height:72px}.header-inner{gap:15px}.site-header .main-navigation{display:none;position:absolute;top:100%;inset-inline:0;background:var(--bg);border-bottom:1px solid var(--line);padding:20px max(24px,calc((100vw - 1280px) / 2));box-shadow:0 20px 35px #00000012}.site-header.menu-open .main-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header .main-navigation a{padding:15px 2px;font-size:16px}.site-header .main-navigation .mobile-nav-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:10px;color:var(--accent-ink)}.menu-toggle{display:grid;color:var(--text)}.footer-links,.footer-main{gap:35px}}@media (max-width:620px){.site-header{height:68px}.wordmark{font-size:29px;gap:7px}.logo-mark{height:25px;width:25px}.header-actions{gap:6px}.header-actions>.header-cta{display:none}.theme-control{padding-inline:4px;gap:4px}.theme-control>svg:first-child{display:none}.motion-control{width:31px}.site-footer{padding-top:52px}.footer-main{display:block}.footer-links{margin-top:45px;flex-wrap:wrap;gap:30px 36px}.footer-links>div{min-width:100px}.footer-bottom{margin-top:48px;flex-direction:column;gap:15px;font-size:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal].reveal-ready{opacity:1;transform:none}}.wordmark{gap:12px;letter-spacing:0}.tracston-wordmark{width:192px;height:auto;display:block}.brand-divider{height:23px;width:1px;background:var(--line)}.otopia-wordmark{color:var(--accent-ink);font-size:30px;letter-spacing:-.3px;font-weight:600}.footer-brand .wordmark{font-size:inherit}.footer-brand p{color:var(--text);font-size:16px;line-height:1.65;letter-spacing:-.15px}.footer-theme-note{font-size:10px}.site-header .main-navigation a{font-size:12px;font-weight:400}.footer-links a{font-size:12px}@media(max-width:1050px){.tracston-wordmark{width:165px}.wordmark{gap:9px}.otopia-wordmark{font-size:26px}.header-inner,.site-header .main-navigation{gap:18px}}@media(max-width:620px){.site-header{height:60px}.tracston-wordmark{width:151.5px}.brand-divider{height:19px}.wordmark{gap:8px}.otopia-wordmark{font-size:24px}.header-inner{gap:8px}.header-actions{gap:2px}.theme-control select{font-size:10px;width:34px}.theme-control{gap:2px}.motion-control{width:27px}.menu-toggle{width:28px}.footer-brand .tracston-wordmark{width:186px}.footer-brand .otopia-wordmark{font-size:30px}}@media(max-width:360px){.tracston-wordmark{width:132px}.wordmark{gap:6px}.otopia-wordmark{font-size:22px}.appearance-controls{gap:0}.theme-control{padding-inline:2px}.site-header .header-inner{width:calc(100% - 20px);gap:4px}}@media(max-width:620px){.site-header .header-inner{width:calc(100% - 24px);gap:4px}}@media(max-width:380px){.site-header .motion-control{display:none}.site-header .header-inner{width:calc(100% - 20px)}}.code-demo{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 24px 70px #3727740d;font-size:12px;text-align:left;isolation:isolate}.code-demo *{box-sizing:border-box}.code-demo button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:6px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .18s,border-color .18s}.code-demo button:hover{background:var(--panel-soft);border-color:var(--accent)}.code-demo button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.code-demo button:disabled{cursor:wait;opacity:.65}.code-demo svg{flex-shrink:0}.code-demo h3,.code-demo h4,.code-demo h5,.code-demo p{margin:0}.code-demo .code-demo-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.code-demo .code-demo-primary:hover{filter:brightness(1.08)}.code-demo-chrome{display:flex;align-items:center;gap:18px;padding:14px 17px;border-bottom:1px solid var(--line);min-height:60px}.code-demo-brand{display:flex;align-items:center;color:var(--accent-ink);font-weight:800;font-size:23px;letter-spacing:-1px;white-space:nowrap}.code-demo-brand-o{position:relative}.code-demo-brand-o:before{content:"";position:absolute;left:5px;right:3px;top:3px;height:3px;background:currentColor;border-radius:3px}.code-demo-brand small{font-size:24px;letter-spacing:0}.code-demo-brand-divider{height:19px;border-left:1px solid var(--line);margin:0 9px}.code-demo-project-selector{padding:8px 10px;border:1px solid var(--line);gap:18px}.code-demo-project-selector,.code-demo-search{font-size:10px;background:var(--bg);border-radius:5px;display:flex;align-items:center}.code-demo-search{gap:8px;color:var(--muted);padding:10px 12px;flex:1}.code-demo-preview{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;color:var(--muted)}.code-demo-preview>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.code-demo-shell{display:grid;grid-template-columns:180px minmax(0,1fr)}.code-demo-sidebar{display:flex;flex-direction:column;padding:19px 10px 15px;border-right:1px solid var(--line);background:var(--panel)}.code-demo-project{display:flex;flex-direction:column;gap:8px;padding:0 8px 20px;border-bottom:1px solid var(--line);margin-bottom:12px}.code-demo-project>small{font-size:8px;letter-spacing:1.25px;color:var(--muted)}.code-demo-project strong{font-size:12px;font-weight:650}.code-demo-project>span{font-size:8px;color:var(--muted)}.code-demo-sidebar nav{display:grid;gap:4px}.code-demo-sidebar nav button{border:0;background:transparent;justify-content:flex-start;color:var(--muted);padding:11px 9px;font-size:11px;gap:10px;position:relative}.code-demo-sidebar nav button[aria-current=page]{background:var(--panel-soft);color:var(--accent-ink);box-shadow:inset 3px 0 var(--accent)}.code-demo-sidebar nav b{margin-left:auto;font-size:9px;font-weight:600}.code-demo-static-nav{display:grid;gap:22px;padding:22px 9px;color:var(--muted);font-size:11px}.code-demo-static-nav>span{display:flex;align-items:center;gap:10px}.code-demo-team{margin-top:auto;padding:20px 5px 0;display:flex;align-items:center;gap:8px}.code-demo-avatar{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0}.code-demo-team strong{font-size:10px}.code-demo-team small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.code-demo-main{min-width:0;background:var(--bg);padding:24px}.code-demo-breadcrumb{font-size:9px;letter-spacing:.15px;color:var(--muted);display:flex;gap:12px;margin-bottom:15px}.code-demo-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.code-demo-heading h3{font-size:23px;line-height:1.15;letter-spacing:-.8px;font-weight:650}.code-demo-heading p{margin-top:9px;font-size:11px;line-height:1.7;color:var(--muted)}.code-demo-head{display:flex;gap:5px;align-items:center;padding:6px 9px;border:1px solid var(--line);border-radius:5px;font-size:10px;white-space:nowrap;background:var(--panel)}.code-demo-bottom-metrics,.code-demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.code-demo-metric{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:14px}.code-demo-metric>span{display:block;color:var(--muted);font-size:9px;line-height:1.5}.code-demo-metric>strong{display:block;font-size:26px;font-weight:550;letter-spacing:-.8px;line-height:1.3;margin:6px 0}.code-demo-metric>small{display:block;font-size:8px;color:var(--muted);line-height:1.5}.code-demo-panels{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin:16px 0}.code-demo-panels>section{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:18px;min-width:0}.code-demo h4{font-size:13px;font-weight:650;line-height:1.4;letter-spacing:.1px}.code-demo-task{display:flex;align-items:center;gap:10px;padding:20px 0 12px}.code-demo-task>div{flex:1;min-width:0}.code-demo-task strong{font-size:10px;font-weight:550;display:block;line-height:1.5}.code-demo-task small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.code-demo-status{display:inline-flex;align-items:center;gap:5px;font-size:8px;line-height:1.4;border:1px solid var(--line);padding:4px 6px;border-radius:5px;white-space:nowrap;color:var(--accent-ink);background:var(--panel-soft)}.code-demo-status.code-demo-success{color:#16845b;background:#16845b0d;border-color:#16845b44}.code-demo-agents{border:1px dashed var(--line);border-radius:6px;padding:17px 10px;margin-top:14px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.code-demo-agents>span:not(.code-demo-agent-link){display:flex;align-items:center;gap:5px;font-size:8px;color:var(--muted)}.code-demo-agents i,.code-demo-flow-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);display:block;flex-shrink:0}.code-demo-agent-link{width:15px;border-top:1px solid var(--line)}.code-demo-agents p{flex-basis:100%;font-size:8px;text-align:center;color:var(--muted);margin-top:7px}.code-demo-live,.code-demo-running i{animation:code-demo-pulse 1s ease-in-out infinite}.code-demo-overlap{display:flex;align-items:flex-start;gap:8px;padding:12px;margin-top:14px;background:#c985120b;border:1px solid #c9851244;border-radius:6px;color:var(--text)}.code-demo-overlap>svg{color:#b17b16}.code-demo-overlap strong{font-size:10px}.code-demo-overlap p{font-size:9px;line-height:1.6;color:var(--muted);margin:5px 0 10px}.code-demo-overlap button{font-size:9px;padding:7px 8px}.code-demo-inline-message{margin-top:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--panel-soft);border-radius:6px;padding:12px;font-size:9px}.code-demo-inline-message>span{flex:1}.code-demo-inline-message button{font-size:9px}.code-demo-progress>p{color:var(--muted);font-size:10px;line-height:1.9;margin:20px 0}.code-demo-progress-label{display:flex;justify-content:space-between;font-size:9px}.code-demo-progress-label strong{font-weight:400}.code-demo-progress-track{height:5px;background:var(--line);border-radius:4px;margin:9px 0 18px;overflow:hidden}.code-demo-progress-track>i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .5s}.code-demo-progress button{width:100%;justify-content:space-between;font-size:9px;padding:12px 10px;margin:0 0 7px}.code-demo-progress button:last-child{margin-bottom:0}.code-demo-bottom-metrics .code-demo-metric{padding:12px 14px}.code-demo-bottom-metrics .code-demo-metric>strong{font-size:23px}.code-demo-flow-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.code-demo-flow-controls>div{display:flex;gap:8px;align-items:center}.code-demo-flow-controls p{font-size:10px;line-height:1.5;color:var(--muted)}.code-demo-flow-controls button{font-size:10px;flex-shrink:0}.code-demo-disclaimer{display:flex;justify-content:center;align-items:center;gap:7px;padding:11px 15px;border-top:1px solid var(--line);font-size:9px;line-height:1.6;color:var(--muted)}.code-demo-workspaces{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:380px;align-content:start}.code-demo-shared-head{grid-column:1/-1;background:var(--panel-soft);border:1px solid var(--line);border-radius:7px;padding:20px;display:flex;align-items:center;gap:14px}.code-demo-shared-head strong{font-size:12px}.code-demo-shared-head p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}.code-demo-workspaces>section{padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:7px}.code-demo-workspace-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.code-demo-workspace-title h4{font-size:11px}.code-demo-workspace-title small{font-size:8px;color:var(--muted)}.code-demo-workspace-title>.code-demo-status{margin-left:auto}.code-demo-workspaces h5{font-size:12px;font-weight:550;margin:25px 0 9px}.code-demo-workspaces>section>p{font-size:9px;overflow-wrap:anywhere;color:var(--muted)}.code-demo-workspace-footer{display:flex;gap:5px;align-items:center;font-size:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;color:var(--muted)}.code-demo-view-note{grid-column:1/-1;font-size:11px;line-height:1.8;color:var(--muted)}.code-demo-changes,.code-demo-reviews{min-height:380px}.code-demo-change-summary{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.code-demo-change-summary h4{font-size:18px;letter-spacing:-.3px;margin:15px 0 8px}.code-demo-change-summary p{font-size:11px;line-height:1.9;color:var(--muted);max-width:560px}.code-demo-diff{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}.code-demo-diff>div{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--line);font-size:10px}.code-demo-diff>div>span{margin-left:auto;color:var(--muted);font-size:9px}.code-demo-diff pre{font-size:11px;line-height:2;overflow:auto;margin:0;padding:14px 0}.code-demo-diff code>span{display:block;padding:2px 18px;min-width:max-content}.code-demo-diff-remove{background:#c6444812;color:#b74646}.code-demo-diff-add{background:#21844f12;color:#238453}.code-demo-change-bottom{display:flex;align-items:flex-start;gap:10px;padding:18px 0;flex-wrap:wrap}.code-demo-change-bottom>div{flex:1;min-width:160px}.code-demo-change-bottom strong{font-size:11px}.code-demo-change-bottom p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:5px}.code-demo-change-bottom button{font-size:10px}.code-demo-review-context{display:flex;gap:12px;align-items:center;margin:8px 0 20px}.code-demo-review-context>.code-demo-status{margin-left:auto}.code-demo-review-context h4{font-size:16px;margin:4px 0}.code-demo-review-context p,.code-demo-review-context small{font-size:10px;color:var(--muted)}.code-demo-review-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:24px}.code-demo-review-card h4{font-size:19px;letter-spacing:-.3px;margin:16px 0 10px}.code-demo-review-card>p{font-size:12px;color:var(--muted);line-height:1.9;max-width:580px}.code-demo-review-evidence{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0;color:var(--muted);font-size:10px}.code-demo-review-evidence>span{display:flex;align-items:center;gap:5px}.code-demo-review-evidence svg{color:var(--accent-ink)}.code-demo-actions{display:flex;gap:9px;flex-wrap:wrap}.code-demo-reviews>.code-demo-primary{margin-top:15px}.code-demo-review-note{display:flex;gap:10px;align-items:flex-start;margin-top:19px;color:var(--muted)}.code-demo-review-note p{font-size:10px;line-height:1.8}.code-demo-review-note strong{display:block;color:var(--text);margin-bottom:3px}@keyframes code-demo-pulse{50%{opacity:.3;box-shadow:0 0 0 4px #7855ef20}}.animation-paused .code-demo *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.code-demo *{animation:none!important;transition:none!important}}@media(min-width:1400px){.code-demo-main{padding:28px}.code-demo-metric{padding:18px}.code-demo-panels>section{padding:21px}.code-demo-task{padding-top:24px}.code-demo-agents{padding:24px 12px}.code-demo-sidebar{padding-top:25px}}@media(max-width:1000px){.code-demo-shell{grid-template-columns:155px minmax(0,1fr)}.code-demo-main{padding:18px}.code-demo-chrome{gap:12px}.code-demo-search{display:none}.code-demo-preview{margin-left:auto}.code-demo-panels{grid-template-columns:1fr}.code-demo-project strong{font-size:10px}.code-demo-progress{display:none}.code-demo-workspaces{grid-template-columns:1fr}.code-demo-task{padding-top:16px}.code-demo-static-nav{gap:25px}.code-demo-metric{padding:11px}.code-demo-metric>small{font-size:8px}.code-demo-metric>span{font-size:9px}}@media(max-width:650px){.code-demo{border-radius:9px}.code-demo-chrome{padding:12px;gap:7px;flex-wrap:wrap}.code-demo-brand,.code-demo-brand small{font-size:22px}.code-demo-project-selector{display:none}.code-demo-preview{font-size:8px}.code-demo-shell{display:block}.code-demo-sidebar{padding:9px;border-right:0;border-bottom:1px solid var(--line)}.code-demo-project,.code-demo-static-nav,.code-demo-team{display:none}.code-demo-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.code-demo-sidebar nav button{padding:9px 2px;font-size:9px;gap:5px;justify-content:center;flex-direction:column}.code-demo-sidebar nav button[aria-current=page]{box-shadow:inset 0 -2px var(--accent)}.code-demo-sidebar nav b{position:absolute;right:7px;top:6px}.code-demo-main{padding:16px 12px}.code-demo-breadcrumb{font-size:9px;gap:8px;margin-bottom:13px}.code-demo-heading{margin-bottom:18px}.code-demo-heading h3{font-size:21px;letter-spacing:-.7px;overflow-wrap:anywhere}.code-demo-heading p{font-size:11px;line-height:1.65;margin-top:9px}.code-demo-head{padding:5px;font-size:9px}.code-demo-bottom-metrics,.code-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.code-demo-metric{padding:12px}.code-demo-metric>span{font-size:10px}.code-demo-metric>strong{font-size:25px;margin:5px 0}.code-demo-metric>small{font-size:9px}.code-demo-panels{margin:12px 0}.code-demo-panels>section{padding:14px}.code-demo h4{font-size:13px}.code-demo-task{gap:8px;padding-top:20px}.code-demo-task strong{font-size:11px}.code-demo-task small{font-size:9px;line-height:1.6}.code-demo-task>.code-demo-status{font-size:8px}.code-demo-agents{padding:18px 8px;margin-top:16px}.code-demo-agents>span:not(.code-demo-agent-link){font-size:9px}.code-demo-agents p{font-size:9px;line-height:1.7}.code-demo-agent-link{width:8px}.code-demo-bottom-metrics .code-demo-metric{padding:12px}.code-demo-flow-controls{align-items:stretch;flex-direction:column;margin-top:16px;gap:12px;padding-top:15px}.code-demo-flow-controls>div{min-height:28px}.code-demo-flow-controls p{font-size:11px}.code-demo-flow-controls button{font-size:12px;padding:12px}.code-demo-disclaimer{font-size:9px;align-items:flex-start;padding:12px}.code-demo-overlap{padding:11px}.code-demo-overlap strong{font-size:11px}.code-demo-overlap p{font-size:10px}.code-demo-overlap button{font-size:10px;padding:9px}.code-demo-workspaces{gap:12px;min-height:0}.code-demo-shared-head{padding:15px}.code-demo-shared-head p{font-size:11px}.code-demo-workspaces>section{padding:16px}.code-demo-workspace-title h4{font-size:12px}.code-demo-workspace-title small{font-size:9px}.code-demo-workspace-footer,.code-demo-workspaces>section>p{font-size:10px}.code-demo-view-note{font-size:11px}.code-demo-change-summary,.code-demo-review-card{padding:16px}.code-demo-change-summary h4,.code-demo-review-card h4{font-size:19px}.code-demo-change-summary p{font-size:12px}.code-demo-diff>div{padding:12px;font-size:10px;flex-wrap:wrap}.code-demo-diff>div>span{margin-left:0;flex-basis:100%;padding-left:22px}.code-demo-diff pre{font-size:10px}.code-demo-diff code>span{padding-left:10px;padding-right:10px}.code-demo-change-bottom p{font-size:11px}.code-demo-review-context{gap:9px;flex-wrap:wrap}.code-demo-review-context h4{font-size:14px}.code-demo-review-context>.code-demo-status{margin-left:39px}.code-demo-review-evidence{display:grid;font-size:11px;gap:10px}.code-demo-actions button{flex:1;font-size:10px;padding:10px}.code-demo-review-note p{font-size:11px}.code-demo-inline-message{font-size:10px;line-height:1.6}.code-demo-inline-message button{font-size:10px}}.code-demo-release-pointers{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.code-demo-release-pointers>span{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 14px;flex:1;font-size:10px;color:var(--muted)}.code-demo-release-pointers strong{color:var(--text);font-size:12px}.code-demo-brand>img{width:162px;height:auto;display:block}.code-demo-heading h3:focus{outline:none}:root[data-theme=dark] .code-demo .code-demo-success{color:#8fdbb1}:root[data-theme=dark] .code-demo-diff-remove{color:#f0a6ac}:root[data-theme=dark] .code-demo-diff-add{color:#8fdbb1}.code-demo-git-handoff{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.code-demo-git-handoff p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:13px}.code-demo-git-export{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:var(--panel-soft);border-radius:7px;padding:15px;margin-top:20px;color:var(--accent-ink)}.code-demo-git-export strong{font-size:12px}.code-demo-git-export p{font-size:10px;line-height:1.8;margin-top:5px;color:var(--muted)}.living-code{position:relative;isolation:isolate;width:100%;height:610px;max-width:720px;margin:0;--living-ink:#503188;--living-card:#ffffffc9;--living-line:#9776d529;--living-shadow:#6843930a;--living-muted:#716785;--living-glow:#9c6cfa0f;--living-cyan:#287d96}:root[data-theme=dark] .living-code{--living-ink:#e2d4ff;--living-card:#17162ccc;--living-line:#b59be02b;--living-shadow:#00000020;--living-muted:#aba0c7;--living-glow:#9c6cfa15;--living-cyan:#79d8e9}.living-code-grid{position:absolute;inset:5% 0 5%;background-image:radial-gradient(circle,var(--living-line) .7px,transparent .9px);background-size:23px 23px;mask-image:radial-gradient(ellipse at 51% 47%,#000 15%,transparent 68%);pointer-events:none;z-index:-1}.living-code-canvas,.living-code-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.living-code-fallback{stroke:var(--accent-ink,#7047eb);stroke-width:3;opacity:.3}.living-code-fallback path:nth-child(2){stroke:var(--living-cyan);stroke-width:9;opacity:.6}.living-code-fallback path:nth-child(3){stroke-width:5;opacity:.7}.living-code[data-canvas-ready=true] .living-code-fallback{visibility:hidden}.living-code-agent{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--living-line);border-radius:11px;background:var(--living-card);box-shadow:0 10px 35px var(--living-shadow),inset 0 1px 0 #ffffff0c;backdrop-filter:blur(14px);color:var(--living-ink);z-index:1;pointer-events:none;min-width:150px;transform:translateZ(0)}.living-code-agent-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--living-line);border-radius:8px;background:var(--living-glow)}.living-code-agent strong{display:block;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.05px}.living-code-agent small{display:block;font-size:9px;line-height:1.5;color:var(--living-muted);margin-top:3px}.living-code-agent>i{width:4px;height:4px;background:var(--accent-ink,#7047eb);border-radius:100%;margin-left:7px;box-shadow:0 0 8px var(--living-line)}.living-code-agent-api{left:4%;top:16.5%}.living-code-agent-ui{top:43%}.living-code-agent-ui .living-code-agent-icon,.living-code-agent-ui>i{color:var(--living-cyan)}.living-code-agent-ui>i{background:var(--living-cyan)}.living-code-agent-test{left:13%;top:77%}.living-code-snapshot{position:absolute;top:44%;display:flex;gap:10px;align-items:center;border:1px solid var(--living-line);background:var(--living-card);border-radius:12px;padding:14px 15px;box-shadow:0 12px 45px var(--living-shadow),0 0 35px var(--living-glow);backdrop-filter:blur(16px);color:var(--living-ink);pointer-events:none;z-index:2}.living-code-snapshot-icon{display:grid;place-items:center;border-radius:9px;background:var(--living-glow);border:1px solid var(--living-line);width:35px;height:35px}.living-code-snapshot strong{display:block;font-size:12px;font-weight:600;line-height:1.4}.living-code-snapshot small{display:block;font-size:9px;color:var(--living-muted);margin-top:4px;line-height:1.5}.living-code-decision{position:absolute;right:4%;top:59%;display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.6;color:var(--living-muted);pointer-events:none}.living-code-decision:before{content:"";position:absolute;width:1px;height:24px;background:linear-gradient(var(--living-line),transparent);left:7px;bottom:calc(100% + 5px)}.living-code figcaption{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.07em;color:var(--living-muted);white-space:nowrap;pointer-events:none}.living-code figcaption>span{height:4px;width:4px;border:1px solid;border-radius:100%}@media(min-width:1500px){.living-code{height:650px;max-width:760px}}@media(max-width:1100px) and (min-width:761px){.living-code{height:520px}.living-code-agent{padding:9px;min-width:135px;gap:7px}.living-code-agent-api{left:0;top:17%}.living-code-agent-ui{left:-2%;top:44%}.living-code-agent-test{left:9%;top:77%}.living-code-snapshot{padding:12px;right:-1%;top:47%}.living-code-decision{right:0;top:63%}}@media(max-width:760px){.living-code{height:420px;max-width:520px;margin-inline:auto}.living-code-agent{padding:8px 9px;gap:7px;border-radius:9px;min-width:0}.living-code-agent-icon{width:24px;height:24px;border-radius:6px}.living-code-agent strong{font-size:9px}.living-code-agent small{font-size:7px;margin-top:2px}.living-code-agent>i{width:3px;height:3px;margin-left:2px}.living-code-agent-api{left:3%;top:17%}.living-code-agent-ui{left:0;top:43%}.living-code-agent-test{left:11%;top:78%}.living-code-snapshot{padding:10px;gap:7px;border-radius:10px;top:47%;right:0}.living-code-snapshot-icon{width:27px;height:27px;border-radius:7px}.living-code-snapshot strong{font-size:10px}.living-code-snapshot small{font-size:7px;margin-top:3px}.living-code-decision{font-size:8px;right:0;top:65%;gap:5px}.living-code-decision svg{width:12px}.living-code figcaption{font-size:8px;bottom:3%}}@media(max-width:400px){.living-code{height:390px}.living-code-agent-api{top:18%;left:2%}.living-code-agent-ui{top:43%}.living-code-agent-test{top:77%;left:10%}.living-code-snapshot{top:48%;padding:8px}.living-code-decision{top:65%;font-size:7px}.living-code-agent small,.living-code-snapshot small{font-size:6.5px}.living-code figcaption{bottom:4%}}.living-code{--living-ink:#49266f;--living-line:#8351b835;--living-muted:#725584;--living-glow:#773bcc12;--living-cyan:#8552b2}:root[data-theme=dark] .living-code{--living-ink:#e7d2ff;--living-card:#21102fe0;--living-line:#b36cdb35;--living-muted:#b99dcc;--living-glow:#a24cec17;--living-cyan:#c193e5}.living-code-agent-test{top:73%}.living-code-agent-ui{left:0}.living-code-snapshot{right:0}.living-code-decision{right:3%;max-width:46%;line-height:1.5}.living-code-activity{position:absolute;left:7%;right:7%;bottom:8%;min-height:37px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--living-line);border-radius:9px;background:var(--living-card);backdrop-filter:blur(14px);color:var(--living-ink);pointer-events:none;box-shadow:0 8px 30px var(--living-shadow);z-index:3}.living-code-activity-mark{display:grid;place-items:center;color:var(--living-cyan);flex-shrink:0}.living-code-phase{font-size:10px;line-height:1.5;flex:1;min-width:0}.living-code-phase-steps{display:flex;align-items:center;gap:4px}.living-code-phase-steps i{width:4px;height:4px;border-radius:50%;background:var(--living-line)}.living-code[data-phase=export] .living-code-phase-steps i:nth-child(4),.living-code[data-phase=review] .living-code-phase-steps i:nth-child(3),.living-code[data-phase=snapshot] .living-code-phase-steps i:nth-child(2),.living-code[data-phase=working] .living-code-phase-steps i:first-child{background:var(--living-ink);box-shadow:0 0 8px var(--living-line)}.living-code[data-phase=snapshot] .living-code-snapshot{border-color:var(--living-cyan);box-shadow:0 0 35px var(--living-glow),0 0 0 4px var(--living-glow)}.living-code[data-phase=export] .living-code-decision{color:var(--living-ink)}@media(max-width:760px){.living-code-agent-test{top:71%}.living-code-activity{left:2%;right:2%;bottom:8%;padding:9px;min-height:35px;gap:6px}.living-code-phase{font-size:8px}.living-code-phase-steps{gap:3px}.living-code-phase-steps i{width:3px;height:3px}.living-code figcaption{font-size:7px;bottom:3%}.living-code-decision{font-size:8px;right:0;max-width:47%}}@media(max-width:400px){.living-code-agent-test{top:70%}.living-code-activity{bottom:8%;padding:8px;min-height:34px}.living-code-phase{font-size:7.5px}.living-code-phase-steps{display:none}.living-code figcaption{bottom:3%}.living-code-decision{font-size:7px}}.living-code-motion-bar{position:absolute;left:5%;right:3%;top:3%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px}.living-code-motion-status{font-size:9px;letter-spacing:.06em;color:var(--living-muted)}.living-code-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:8px 12px;border:1px solid var(--living-line);border-radius:7px;color:var(--living-ink);background:var(--living-card);font:inherit;font-size:10px;line-height:1.4;cursor:pointer;backdrop-filter:blur(12px)}.living-code-motion-toggle:hover{border-color:var(--living-cyan);background:var(--panel-soft)}.living-code-motion-toggle:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.living-code[data-motion=paused] .living-code-motion-status{color:var(--living-ink)}@media(max-width:760px){.living-code-motion-bar{left:2%;right:0;top:1%;gap:8px}.living-code-motion-status{font-size:8px}.living-code-motion-toggle{font-size:9px;min-height:34px;padding:7px 9px;gap:5px}}.living-code[data-phase] .living-code-phase-steps i:nth-child(n){background:var(--living-line);box-shadow:none}.living-code[data-phase=build] .living-code-phase-steps i:nth-child(3),.living-code[data-phase=coordinate] .living-code-phase-steps i:nth-child(2),.living-code[data-phase=export] .living-code-phase-steps i:nth-child(6),.living-code[data-phase=review] .living-code-phase-steps i:nth-child(5),.living-code[data-phase=snapshot] .living-code-phase-steps i:nth-child(4),.living-code[data-phase=working] .living-code-phase-steps i:first-child{background:var(--living-ink);box-shadow:0 0 8px var(--living-line)}.living-code-activity{left:3%;right:3%;bottom:4.5%}.living-code figcaption{bottom:0;font-size:8px;letter-spacing:.04em}@media(max-width:760px){.living-code-activity{bottom:5%;left:0;right:0}.living-code figcaption{bottom:0;font-size:7px}.living-code-phase{font-size:9px}.living-code-motion-bar{top:0}}:root,:root[data-theme=light]{--bg:#fcfaff;--panel:#fff;--panel-soft:#f0e8fa;--accent:#602b9f;--accent-ink:#57258e;--line:#e8dff1;--text:#291338;--muted:#75647f;--glow:#8844bc14;--header-bg:#fcfaffdf}:root[data-theme=dark]{--bg:#160a27;--panel:#211133;--panel-soft:#2c1741;--accent:#7843bb;--accent-ink:#c9a2f4;--line:#442959;--text:#faf3ff;--muted:#baabc9;--glow:#ae66f325;--header-bg:#160a27e6}body{background:var(--bg)}.wrap{width:min(1320px,calc(100% - 96px))}.site-header{height:80px;border-bottom-color:color-mix(in srgb,var(--line) 60%,transparent)}.btn,.header-cta{border-radius:100px}.header-cta{padding:12px 20px;font-size:11px}.btn{min-height:50px;padding:15px 24px;font-size:12px}.btn-primary{box-shadow:0 5px 22px #7445dd20,inset 0 1px 1px #ffffff35}.btn-primary:hover{box-shadow:0 8px 32px #8251f04d}:root[data-theme=dark] .code-demo-brand>img,:root[data-theme=dark] .tracston-wordmark{filter:brightness(1.65) saturate(.7)}.product-hero{position:relative;overflow:hidden;isolation:isolate;padding-bottom:0;background:var(--bg);border:0}.product-hero:before{content:"";position:absolute;z-index:-1;width:80%;height:100%;top:0;right:-18%;background:radial-gradient(ellipse at center,var(--glow),transparent 67%);pointer-events:none}.hero-coordinate{display:flex;justify-content:space-between;gap:20px;padding:25px 48px 0;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--muted);opacity:.8}.hero-composition{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:665px;position:relative;gap:0}.hero-intro{padding:45px 0 65px;text-align:left;position:relative;z-index:2}.hero-badge{background:transparent;border:0;padding:0;border-radius:0;color:var(--accent-ink);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;gap:10px}.hero-badge span{width:6px;height:6px;box-shadow:0 0 0 4px var(--panel-soft)}.hero-intro h1{font-size:clamp(48px,4.6vw,72px);letter-spacing:-.065em;line-height:1.035;font-weight:500;margin:25px -22px 26px 0}.hero-intro h1>span{color:var(--accent-ink);background:linear-gradient(105deg,var(--accent-ink) 10%,#a775d6 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{margin:0 0 12px;max-width:490px;font-size:19px;letter-spacing:-.02em;color:var(--text);line-height:1.5}.hero-support{font-size:14px;max-width:415px;line-height:1.9;color:var(--muted)}.hero-actions{justify-content:flex-start;gap:22px;margin-top:29px}.hero-explore{display:inline-flex;gap:10px;align-items:center;font-size:12px;padding-block:12px;color:var(--text)}.hero-explore svg{transition:transform .2s}.hero-explore:hover svg{transform:translateX(4px)}.hero-footnote{display:flex;align-items:center;gap:9px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);margin-top:29px}.signal-mark{display:block;width:20px;height:12px;background:linear-gradient(90deg,var(--accent-ink) 2px,transparent 2px) 0 0/5px 100%;mask-image:linear-gradient(0deg,transparent,#000 35%,#000 65%,transparent)}.hero-protocol{display:flex;align-items:center;justify-content:space-between;padding-block:26px;gap:20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.hero-protocol .protocol-label{font:8px ui-monospace,monospace;letter-spacing:.08em;max-width:115px;line-height:1.8}.hero-protocol>span{display:inline-flex;gap:10px;align-items:center}.hero-protocol i{font:9px ui-monospace,monospace;color:var(--accent-ink)}.hero-protocol b{font-weight:400;color:var(--accent-ink);opacity:.7}.experience-section{position:relative;padding:108px 0 70px;scroll-margin-top:60px;background:radial-gradient(ellipse at 50% 65%,var(--glow),transparent 65%)}.experience-heading{text-align:center;margin-bottom:54px}.experience-heading h2{font-size:clamp(40px,4vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:20px 0}.experience-heading h2 span{color:var(--accent-ink)}.experience-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.9}.product-preview-wrap{width:min(1320px,calc(100% - 96px));padding:10px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--bg));border:1px solid var(--line);box-shadow:0 35px 110px -55px #6743b570}.preview-overline{padding:7px 9px 9px;margin:0;font:8px ui-monospace,monospace;letter-spacing:.1em}.preview-overline>span:first-child{display:flex;align-items:center;gap:7px}.preview-overline i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent-ink)}.code-demo{box-shadow:none}.preview-note{line-height:1.9;margin-top:25px}.section-space{padding-block:110px}.questions-section h2,.section-heading h2{font-weight:500;font-size:clamp(34px,3.7vw,53px);letter-spacing:-.055em}.section-heading{margin-bottom:52px}.eyebrow{font:9px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.heading-aside{max-width:355px;font-size:13px}.why-section{border-top:1px solid var(--line)}.benefit-grid{gap:24px}.benefit-card{border-radius:16px;padding:0 29px 28px;background:linear-gradient(155deg,var(--panel),var(--bg));overflow:hidden;transition:border-color .3s,transform .3s}.benefit-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-4px)}.benefit-visual{position:relative;display:grid;place-items:center;height:156px;margin:0 -29px 23px;background:radial-gradient(ellipse at center,var(--glow),transparent 75%)}.benefit-visual>svg{position:absolute;width:100%;height:110px;inset:23px 0;fill:none;stroke:var(--accent-ink);stroke-width:.8}.thread-track{opacity:.17}.thread-signal{stroke-dasharray:26 400;opacity:.65;animation:thread-travel 8s linear infinite}.benefit-card:nth-child(2) .thread-signal{animation-delay:-2.6s}.benefit-card:nth-child(3) .thread-signal{animation-delay:-5.3s}.feature-icon{position:relative;z-index:1;margin:0;width:56px;height:56px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 25px var(--glow)}.benefit-card h3{font-weight:500;font-size:25px;max-width:300px}.benefit-card>small,.role-card>small{font:8px/1.8 ui-monospace,monospace;letter-spacing:.06em}.benefit-card>p{font-size:12px}.workflow-section{background:linear-gradient(180deg,var(--panel),var(--bg));border-bottom:0}.delivery-steps{margin:55px 0 65px;gap:35px}.step-number{border-radius:50%;width:42px;height:42px;background:var(--panel);box-shadow:0 0 0 7px var(--bg)}.delivery-steps article:not(:last-child):before{border-top-style:solid;opacity:.8;left:64px}.delivery-steps h3{font-size:17px;font-weight:500}.comparison{border-radius:15px}.comparison-title{background:var(--panel);padding-block:25px}.reuse-card{border-radius:15px}.reuse-preview,.scope-preview{background:radial-gradient(ellipse at center,var(--glow),transparent 80%),var(--bg);height:270px;padding-top:34px}.reuse-preview{padding-top:43px}.shared-module{border-radius:12px;position:relative}.reuse-connectors{height:38px}.reuse-copy{padding:32px}.reuse-copy h3{font-weight:500}.storage-note{background:transparent;padding:30px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;margin-top:20px}.storage-note h3{font-weight:500}.roles-section{background:radial-gradient(ellipse at 30% 0,var(--glow),transparent 55%),var(--panel)}.role-card{border-radius:15px;padding:32px;background:color-mix(in srgb,var(--bg) 70%,transparent)}.role-card h3{font-weight:500;font-size:25px}.role-card>svg{width:27px;height:27px;margin-bottom:30px}.questions-section{padding-block:115px}.questions summary{font-weight:500}.development-cta{position:relative;padding-block:85px;overflow:hidden;background:radial-gradient(ellipse at 80% 70%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%),var(--panel)}.development-cta:before{content:"";pointer-events:none;position:absolute;border:1px solid var(--line);width:620px;height:620px;border-radius:50%;right:-140px;top:-110px;box-shadow:0 0 0 65px var(--bg),0 0 0 66px var(--line),0 0 0 135px var(--bg),0 0 0 136px var(--line);opacity:.45}.development-cta>.wrap{position:relative}.development-cta h2{font-weight:500;font-size:clamp(35px,3.8vw,55px)}.inner-page{background:radial-gradient(ellipse at 75% 0,var(--glow),transparent 45%),var(--bg)}.auth-panel,.content-card,.plan-card,.portal-panel{border-radius:16px}@keyframes thread-travel{to{stroke-dashoffset:-426}}@media(min-width:1600px){.hero-composition{min-height:720px}}@media(max-width:1100px){.product-preview-wrap,.wrap{width:calc(100% - 64px)}.hero-coordinate{padding-inline:32px}.hero-composition{min-height:620px}.hero-intro h1{font-size:51px}.hero-support{max-width:350px;font-size:13px}.hero-description{font-size:17px}.hero-actions{gap:15px}.hero-explore{font-size:11px}.hero-protocol{gap:14px;font-size:9px}.reuse-copy,.role-card{padding:25px}.role-card h3{font-size:22px}}@media(max-width:900px){.site-header{height:72px}.hero-coordinate>span:last-child{display:none}.hero-composition{grid-template-columns:1fr;gap:0}.living-code{margin-inline:auto}.hero-intro{text-align:center;padding:50px 0 0}.hero-intro h1{font-size:clamp(49px,7.8vw,68px);margin:22px 0}.hero-intro h1 br:nth-of-type(2){display:none}.hero-description,.hero-support{margin-inline:auto;max-width:490px}.hero-actions,.hero-footnote{justify-content:center}.hero-protocol .protocol-label{display:none}.hero-protocol{margin-top:0}.section-heading h2{font-size:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:64px}.hero-coordinate{padding:20px 20px 0;font-size:7px}.hero-intro{padding-top:36px}.hero-badge{font-size:8px}.hero-intro h1{font-size:clamp(39px,10.9vw,58px);line-height:1.06;margin:23px 0;letter-spacing:-.065em}.hero-intro h1 br:nth-of-type(2){display:initial}.hero-description{font-size:17px;margin-bottom:10px}.hero-support{font-size:12px;max-width:350px;line-height:1.85}.hero-actions{gap:17px;margin-top:24px}.btn,.hero-explore{font-size:11px}.btn{min-height:45px;padding:13px 18px}.hero-footnote{margin-top:24px;font-size:8px}.hero-protocol{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding-block:25px;font-size:10px}.hero-protocol>b{display:none}.hero-protocol>span{gap:8px}.experience-section{padding:72px 0 50px}.experience-heading{margin-bottom:35px}.experience-heading h2{font-size:36px;margin:18px 0}.experience-heading>p:last-child{font-size:12px}.product-preview-wrap{width:calc(100% - 20px);padding:5px;border-radius:13px}.preview-overline{padding:8px 6px 10px;font-size:7px}.preview-note{font-size:9px}.section-space{padding-block:70px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:35px}.heading-aside{font-size:12px}.benefit-grid{gap:18px}.benefit-card{padding:0 26px 26px;border-radius:13px}.benefit-visual{margin-inline:-26px;height:135px;margin-bottom:17px}.benefit-visual>svg{top:13px}.benefit-card h3{max-width:280px;font-size:25px}.benefit-card>p{font-size:13px}.delivery-steps{gap:35px 25px;margin:40px 0}.delivery-steps h3{font-size:15px}.reuse-copy,.role-card{padding:27px}.role-card h3{font-size:25px}.storage-note{padding:23px 0}.questions-section{padding-block:70px}.development-cta{padding-block:60px}.development-cta h2{font-size:34px}}@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero-actions{gap:12px}.hero-explore{font-size:10px;gap:6px}.hero-intro h1{font-size:37px}.hero-description{font-size:15px}.experience-heading h2{font-size:32px}.section-heading h2{font-size:31px}}@media(prefers-reduced-motion:reduce){.thread-signal{animation:none;stroke-dasharray:none;opacity:.25}.benefit-card:hover{transform:none}}.animation-paused .thread-signal{animation-play-state:paused}.git-handoff{display:flex;align-items:center;gap:23px;margin-top:27px;border:1px solid var(--line);border-radius:15px;padding:28px;background:var(--panel)}.git-handoff-symbol{width:52px;height:52px;display:grid;place-items:center;background:var(--panel-soft);border-radius:12px;color:var(--accent-ink);flex-shrink:0}.git-handoff h3{font-size:21px;font-weight:500;letter-spacing:-.035em;margin:8px 0 9px}.git-handoff p:not(.eyebrow){font-size:12px;line-height:1.85;color:var(--muted);max-width:700px}.git-handoff-path{display:flex;align-items:center;gap:8px;font:9px ui-monospace,monospace;white-space:nowrap;margin-left:auto;color:var(--accent-ink)}@media(max-width:1000px){.git-handoff{flex-wrap:wrap}.git-handoff-path{margin-left:75px}}@media(max-width:760px){.git-handoff{padding:23px;gap:15px}.git-handoff-symbol{width:42px;height:42px}.git-handoff h3{font-size:21px}.git-handoff-path{margin-left:0;font-size:9px}}.product-gallery{position:relative;isolation:isolate;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #32144b0d;color:var(--text)}.product-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:linear-gradient(115deg,var(--panel),var(--bg));border-bottom:1px solid var(--line)}.product-gallery-tabs{display:flex;gap:6px;min-width:0}.product-gallery-tabs button{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:12px 15px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:550;line-height:1.35;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.product-gallery-tabs button:hover,.product-gallery-tabs button[aria-selected=true]{color:var(--accent-ink);background:var(--panel-soft)}.product-gallery-tabs button[aria-selected=true]{border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff10}.product-gallery-evidence{font-size:9px;letter-spacing:.035em;color:var(--muted);white-space:nowrap}.product-gallery button:focus-visible,.product-gallery-panel:focus-visible,.product-gallery-viewport:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.product-gallery-panel:focus-visible{outline-offset:-3px}.product-gallery-panel[hidden]{display:none}.product-gallery-figure{margin:0}.product-gallery-image-frame{padding:16px 16px 0;background:linear-gradient(var(--bg),var(--panel))}.product-gallery-image-button{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:zoom-in;overflow:hidden;line-height:0}.product-gallery-image-button img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.product-gallery-image-button:hover{border-color:var(--accent-ink)}.product-gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:28px 34px 31px}.product-gallery-caption-copy{max-width:735px;min-width:0}.product-gallery-index{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;line-height:1.6;color:var(--accent-ink)}.product-gallery-caption h3{font-size:21px;line-height:1.35;letter-spacing:-.45px;font-weight:550;margin:9px 0}.product-gallery-caption p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:640px}.product-gallery-enlarge{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border:1px solid var(--line);border-radius:100px;background:var(--panel);color:var(--accent-ink);font:inherit;font-size:11px;font-weight:550;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background .18s,border-color .18s}.product-gallery-enlarge:hover{background:var(--panel-soft);border-color:var(--accent-ink)}.product-gallery-dialog{position:fixed;inset:0;width:calc(100vw - 40px);height:calc(100dvh - 40px);max-width:1800px;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 25px 110px #0006}.product-gallery-dialog::backdrop{background:#170924ce;backdrop-filter:blur(10px)}.product-gallery-dialog-layout{height:100%;display:flex;flex-direction:column;min-height:0}.product-gallery-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.product-gallery-dialog-header>div:first-child>span{display:block;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--muted);margin-bottom:5px}.product-gallery-dialog-header h2{font-size:19px;line-height:1.3;letter-spacing:-.35px;font-weight:550;margin:0}.product-gallery-dialog-actions{display:flex;align-items:center;gap:10px}.product-gallery-dialog-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:11px;line-height:1.3;cursor:pointer}.product-gallery-dialog-actions button:hover{background:var(--panel-soft);border-color:var(--accent-ink)}.product-gallery-dialog-actions .product-gallery-close{width:40px;padding:8px}.product-gallery-dialog-actions button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}.product-gallery-viewport{min-width:0;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:var(--bg);padding:20px;display:flex;align-items:center;justify-content:center}.product-gallery-viewport>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.product-gallery-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0;border-top:1px solid var(--line);padding:13px 24px;color:var(--muted);font-size:10px;line-height:1.65}.product-gallery-dialog-footer p{margin:0}.product-gallery-dialog-footer>span{white-space:nowrap;color:var(--accent-ink)}@media(max-width:1050px){.product-gallery-toolbar{padding:14px;gap:12px;flex-wrap:wrap}.product-gallery-tabs button{font-size:11px;padding:11px 13px}.product-gallery-evidence{padding-left:4px}.product-gallery-caption{padding:23px 26px;gap:22px}.product-gallery-caption h3{font-size:20px}.product-gallery-enlarge{font-size:10px;padding:12px 14px;gap:7px}}@media(max-width:650px){.product-gallery{border-radius:12px}.product-gallery-toolbar{padding:12px;gap:11px}.product-gallery-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px}.product-gallery-tabs button{justify-content:flex-start;padding:12px 10px;font-size:11px;gap:7px;min-height:42px}.product-gallery-evidence{font-size:8px;padding-left:2px}.product-gallery-image-frame{padding:8px 8px 0}.product-gallery-image-button{border-radius:5px}.product-gallery-caption{display:block;padding:20px 19px 22px}.product-gallery-caption h3{font-size:20px;line-height:1.35;margin:8px 0 10px}.product-gallery-caption p{font-size:12px;line-height:1.85}.product-gallery-index{font-size:8px}.product-gallery-enlarge{margin-top:18px;font-size:11px;min-height:42px;padding:12px 15px}.product-gallery-dialog{width:100vw;height:100dvh;border:0;border-radius:0;max-width:none}.product-gallery-dialog-header{padding:14px 12px;gap:8px}.product-gallery-dialog-header h2{font-size:15px;letter-spacing:-.2px}.product-gallery-dialog-header>div:first-child>span{font-size:6px;letter-spacing:.08em}.product-gallery-dialog-actions{gap:5px}.product-gallery-dialog-actions button{font-size:9px;padding:9px 8px;gap:5px;min-height:40px}.product-gallery-dialog-actions .product-gallery-close{width:36px}.product-gallery-viewport{padding:8px}.product-gallery-dialog-footer{padding:12px;display:block;font-size:10px}.product-gallery-dialog-footer>span{display:block;font-size:9px;margin-top:5px}}@media(prefers-reduced-motion:reduce){.product-gallery *{transition:none!important}}.workplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workplace-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--glow),transparent 65%),var(--panel)}.workplace-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--panel-soft);color:var(--accent-ink);border:1px solid var(--line);border-radius:14px;margin-bottom:28px}.workplace-card small{font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--accent-ink)}.workplace-card h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:14px 0}.workplace-card p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:25px}.workplace-detail{display:block;margin-top:auto;border-top:1px solid var(--line);padding-top:17px;font-size:11px;line-height:1.7;color:var(--accent-ink);width:100%}.workplace-grid+.section-note{max-width:850px;margin:25px auto 0}.portal-note{margin-top:30px;display:flex;align-items:flex-start;gap:15px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.portal-note p{font-size:13px;color:var(--muted);line-height:1.8}.portal-note strong{color:var(--text)}.example-steps{counter-reset:step;list-style:none!important;padding:0!important}.example-steps li{counter-increment:step;position:relative;padding-left:27px;margin-bottom:12px}.example-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font:10px ui-monospace,monospace;color:var(--accent-ink)}@media(max-width:1000px){.workplace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workplace-grid{grid-template-columns:1fr;gap:15px}.workplace-card{padding:24px}.workplace-icon{margin-bottom:20px}.workplace-card h3{font-size:24px}.workplace-card p{font-size:13px}.portal-note{padding:18px}}