/* SKI wordmark: Saira Expanded ExtraBold (overrides the design system's Archivo) */
.logo .wordmark{font-family:'Saira',var(--disp);font-weight:800;font-stretch:125%;font-variation-settings:'wdth' 125;letter-spacing:.01em}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent-text)}
[data-theme="dark"] .silk-wrap{display:none}
[data-theme="light"] .bgfx{display:none}
[data-theme="light"] #top .lead{color:var(--text)}
[data-theme="light"] #top .label{color:var(--text-3)}
[data-theme="light"] #top .lt{color:var(--text-2)}
[id]{scroll-margin-top:100px}
#site-root .section{padding:clamp(72px,8.5vw,116px) 0}
#site-root .section-sm{padding:clamp(44px,5vw,64px) 0}
input::placeholder{color:var(--text-faint)}
summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
#hero-stage .btn-glass{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:500;color:#EDEDED;background:rgba(14,18,26,.72);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap;transition:background .2s,border-color .2s}
#hero-stage .btn-glass:hover{background:rgba(24,30,42,.82);border-color:rgba(156,200,245,.4);color:#fff}
#hero-stage .btn-snow{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:600;color:#03070D;background:linear-gradient(180deg,#FFFFFF,#E6EDF5);box-shadow:inset 0 -1px 0 rgba(0,0,0,.08),0 10px 30px rgba(0,0,0,.35),0 0 40px rgba(156,200,245,.18);white-space:nowrap;transition:transform .2s}
#hero-stage .btn-snow:hover{transform:translateY(-1px);color:#03070D}
#site-root>.nav{position:fixed;left:0;right:0;top:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s,background .35s}
#site-root>.nav[data-hidden]{transform:translateY(-100%);opacity:0;pointer-events:none}
@media (min-width:700px){#hero-stage .hero-eyebrow{display:none!important}#hero-stage h1.hero{margin-top:0!important}}
#hero-stage .hero-logo .logo{--x:clamp(44px,4.4vw,72px)!important;color:#fff;filter:drop-shadow(0 2px 24px rgba(3,7,13,.55))}
#hero-stage .hero-logo .logo .wordmark{color:#fff}
@media (max-width:699px){#hero-stage .hero-eyebrow{margin-top:4px}}
.mbn{position:absolute;top:0;left:50%;transform:translateX(-50%);box-sizing:border-box;background:#000;border-radius:0 0 22px 22px;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Geist",sans-serif;color:#EDEDED;box-shadow:0 10px 30px rgba(0,0,0,.55);width:296px}
.mbn-top{display:flex;align-items:center;gap:7px;height:36px}
.mbn-mark{width:26px;height:26px;color:var(--nc);transition:color .4s;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--nc) 55%,transparent))}
.mbn-mark svg{width:100%;height:100%;display:block;fill:currentColor;overflow:visible}
.mbn-wm{font-family:'Saira',var(--disp);font-weight:800;font-style:normal;font-stretch:125%;font-variation-settings:'wdth' 125;letter-spacing:.01em;display:inline-block;transform:skewX(-10deg);font-size:17px;color:#fff}
.mbn-ctx{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:12.5px;color:#8F8F8F;white-space:nowrap}
.mbn-ctx b{font-weight:400;color:#555}.mbn-ctx em{font-style:normal;color:#EDEDED}

.mbn-mark svg rect,.mbn-mark svg path{transform-box:fill-box;transform-origin:center}
.mbn[data-phase="1"] .mbn-mark svg :is(rect,path){animation:ski-stt .8s ease-in-out infinite}
.mbn[data-phase="2"] .mbn-mark svg :is(rect,path){animation:ski-think 1.4s ease-in-out infinite}
.mbn[data-phase="3"] .mbn-mark svg :is(rect,path){animation:ski-stt .55s ease-in-out infinite}
.mbn-mark svg g g>:nth-child(1){animation-delay:0s!important}.mbn-mark svg g g>:nth-child(2){animation-delay:.12s!important}.mbn-mark svg g g>:nth-child(3){animation-delay:.24s!important}.mbn-mark svg g g>:nth-child(4){animation-delay:.36s!important}.mbn-mark svg g g>:nth-child(5){animation-delay:.48s!important}.mbn-mark svg g g>:nth-child(6){animation-delay:.6s!important}
@keyframes ski-think{0%,100%{transform:scaleY(.7);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.mbn-mark svg *{animation:none!important}}
.hero-pill{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:50;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(10,14,22,.66);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px rgba(0,0,0,.45);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);transition:opacity .35s,transform .35s;font-size:14px}
.hero-pill a{padding:9px 18px;border-radius:999px;color:rgba(237,237,237,.78);white-space:nowrap}
.hero-pill{align-items:center}
#hero-stage .hero-pill a.pill-cta{padding:9px 18px;margin-left:6px;gap:8px;color:#03070D;background:linear-gradient(180deg,#FFFFFF,#E6EDF5)}
#hero-stage .hero-pill a.pill-cta:hover{color:#03070D;background:#fff}
.hero-pill a:hover{color:#fff;background:rgba(255,255,255,.08)}
.hero-pill[data-off]{opacity:0;transform:translate(-50%,16px);pointer-events:none}
@media (max-width:940px){#site-root a.link{display:none}}
@media (max-width:560px){.hero-pill{font-size:12.5px}.hero-pill a{padding:8px 10px}#hero-stage .hero-pill a.pill-cta{padding:8px 13px;margin-left:2px}.hero-pill a[href="#pricing"]{display:none}}
@keyframes hero-fade{from{opacity:0}to{opacity:1}}
@keyframes hero-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-dusk-bg{display:none;position:absolute;inset:0;background:url(/assets/hero/hero-scene-dusk-2k.jpg?v=95348679) center/100% 100% no-repeat}
@media (min-width:700px){.hero-dusk-bg{background-image:url(/assets/hero/hero-scene-dusk.jpg?v=146030f2)}}
#hero-stage[data-scene="dusk"] .hero-dusk-bg{display:block}
#hero-stage[data-scene="dusk"] #hero-sticky{background:#120D0A!important}
#hero-stage[data-scene="dusk"] #hero-scrim{background:linear-gradient(180deg,rgba(18,12,9,.8) 0%,rgba(18,12,9,.46) 26%,rgba(18,12,9,.1) 48%,rgba(18,12,9,0) 62%,rgba(18,12,9,.32) 88%,rgba(18,12,9,.9) 100%),radial-gradient(130% 90% at 50% 55%,transparent 55%,rgba(12,8,6,.55) 100%)!important}
#hero-stage[data-scene="dusk"] #hero-dim{background:#0D0907!important}
#hero-stage[data-scene="dusk"] #hero-scene>div[style*="mix-blend-mode:screen"]{display:none}
.pill-ph{display:inline-flex;align-items:center;gap:8px;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;color:#EDEDED;font-weight:500;transition:max-width .7s cubic-bezier(.2,.7,.2,1),opacity .5s ease .15s,padding .7s cubic-bezier(.2,.7,.2,1);padding:0}
.pill-ph .ph-logo{width:20px;height:20px;flex:none}
.pill-ph i{display:block;width:1px;height:16px;margin-left:6px;background:rgba(255,255,255,.14)}
.hero-pill[data-ph] .pill-ph{max-width:250px;opacity:1;padding:0 4px 0 10px}
@media (max-width:560px){.pill-ph{display:none}}
.foot-ph{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border:1px solid var(--line);border-radius:14px;color:var(--accent-text)}
.foot-ph .ph-logo{width:28px;height:28px;flex:none}
.foot-ph span{display:flex;flex-direction:column;gap:3px;line-height:1.15}
.foot-ph small{font-size:10px;letter-spacing:.14em;color:var(--accent-text)}
.foot-ph b{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}
@media (max-width:560px){.foot-ph{display:flex;align-self:stretch;justify-content:center;gap:12px;padding:12px 16px;margin-top:4px}.foot-ph .ph-logo{width:34px;height:34px}.foot-ph small{font-size:10.5px}.foot-ph b{font-size:17px}}
@media (max-width:360px){.foot-ph{gap:10px;padding:10px 12px}.foot-ph .ph-logo{width:30px;height:30px}.foot-ph small{font-size:9.5px}.foot-ph b{font-size:15px}}
#hero-scene{animation:hero-fade 1.6s cubic-bezier(.2,.7,.2,1) both}
#hero-copy>*{animation:hero-rise 1s cubic-bezier(.16,.84,.24,1) both}
#hero-copy>*:nth-child(1){animation-delay:.25s}#hero-copy>*:nth-child(2){animation-delay:.38s}#hero-copy>*:nth-child(3){animation-delay:.52s}#hero-copy>*:nth-child(4){animation-delay:.64s}
@media (prefers-reduced-motion:reduce){#hero-scene,#hero-copy>*{animation:none}}
@keyframes mac-rise{from{opacity:0;transform:translateY(90px)}to{opacity:1;transform:none}}
.mac-in{animation:mac-rise 1.4s cubic-bezier(.16,.84,.24,1) .15s both}
@media (prefers-reduced-motion:reduce){.mac-in{animation:none}}
#site-root .section>.wrap{transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
#site-root[data-rv] .section>.wrap:not([data-in]){opacity:0;transform:translateY(24px)}

.ill{fill:none;stroke:var(--accent-text);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.mb .ph-interp,.mb .ph-readback,.mb .ph-confirm,.mb .ph-l4,.mb .ph-l5,.mb .ph-termline{opacity:0;transform:translateY(8px);transition:opacity .55s cubic-bezier(.34,.85,.25,1),transform .55s cubic-bezier(.34,.85,.25,1)}
.mb[data-phase="2"] .ph-interp,.mb[data-phase="3"] .ph-interp,.mb[data-phase="4"] .ph-interp{opacity:1;transform:none}
.mb[data-phase="3"] .ph-l4,.mb[data-phase="4"] .ph-l4{opacity:1;transform:none}
.mb[data-phase="3"] .ph-l5,.mb[data-phase="4"] .ph-l5{opacity:1;transform:none;transition-delay:.18s}
.mb[data-phase="4"] .ph-readback,.mb[data-phase="4"] .ph-confirm,.mb[data-phase="4"] .ph-termline{opacity:1;transform:none}
.mb .notchbar{width:310px;transition:width .6s cubic-bezier(.34,.85,.25,1)}
.mb[data-phase="1"] .notchbar,.mb[data-phase="2"] .notchbar,.mb[data-phase="3"] .notchbar,.mb[data-phase="4"] .notchbar{width:480px}
.mb .ph-row2{display:flex;align-items:center;gap:12px;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .5s cubic-bezier(.34,.85,.25,1),opacity .5s,margin-top .5s}
.mb[data-phase="1"] .ph-row2,.mb[data-phase="2"] .ph-row2,.mb[data-phase="3"] .ph-row2,.mb[data-phase="4"] .ph-row2{max-height:34px;opacity:1;margin-top:8px}
.mb .ag-auth{border:1px solid #1F1F1F;transition:border-color .5s,box-shadow .5s,background .5s}
.mb[data-phase="4"] .ag-auth{border-color:#0070F3;background:rgba(0,112,243,.08);box-shadow:0 0 18px rgba(0,112,243,.22)}
.mb .ag-auth .dotb{width:6px;height:6px;border-radius:50%;background:#F5A623;flex:none;transition:background .4s}
.mb[data-phase="4"] .ag-auth .dotb{background:#00CA51;box-shadow:0 0 8px rgba(0,202,81,.8)}
.mb .ag-auth .st-n{display:none;color:#52A8FF;font-weight:500}
.mb[data-phase="4"] .ag-auth .st-w{display:none}
.mb[data-phase="4"] .ag-auth .st-n{display:inline}
.mb .caret{display:inline-block;width:7px;height:12px;background:#52A8FF;margin-left:2px;vertical-align:-1px;animation:mbcaret 1s steps(2) infinite}
@keyframes mbcaret{50%{opacity:0}}
@keyframes ski-stt{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.25)}}
.mb[data-phase="1"] .notchbar .mark svg rect,.mb[data-phase="1"] .notchbar .mark svg path{transform-box:fill-box;transform-origin:center;animation:ski-stt .8s ease-in-out infinite}
.mb[data-phase="1"] .notchbar .mark svg rect:nth-of-type(1){animation-delay:0s}
.mb[data-phase="1"] .notchbar .mark svg rect:nth-of-type(2){animation-delay:.12s}
.mb[data-phase="1"] .notchbar .mark svg path:nth-of-type(1){animation-delay:.24s}
.mb[data-phase="1"] .notchbar .mark svg path:nth-of-type(2){animation-delay:.36s}
.mb[data-phase="1"] .notchbar .mark svg rect:nth-of-type(3){animation-delay:.48s}
.mb[data-phase="1"] .notchbar .mark svg rect:nth-of-type(4){animation-delay:.6s}
.mb[data-phase="0"] .caret,.mb[data-phase="2"] .caret,.mb[data-phase="3"] .caret,.mb[data-phase="4"] .caret{display:none}
@media (prefers-reduced-motion:reduce){#site-root .section>.wrap{transition:none}#site-root[data-rv] .section>.wrap:not([data-in]){opacity:1;transform:none}}
.fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);margin-top:var(--s-8)}
.fx-card{display:flex;flex-direction:column;gap:var(--s-5);min-width:0;padding:clamp(22px,2.4vw,32px);border:1px solid var(--line);background:var(--surface);border-radius:18px;transition:border-color .3s,background .3s}
.fx-card:hover{border-color:var(--line-strong);background:var(--surface-hi)}
.fx-card.wide{grid-column:span 2}
.fx-card .h3{margin:var(--s-3) 0 0}
.fx-card .body{margin:var(--s-3) 0 0;max-width:520px}
.fx-split .fx-scr,.fx-split .fx-photo{margin-top:0}
.fx-tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}
.fx-card.wide .fx-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-6);align-items:center;flex:1}
.fx-scr{position:relative;margin-top:auto;border-radius:14px;overflow:hidden;background:#0A0B0D;border:1px solid #1F2329;color:#EDEDED;font-size:12.5px;line-height:1.35;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.fx-scr .mono{font-family:var(--mono)}
.fx-bar{display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-bottom:1px solid #1A1D22;color:#8F8F8F;font-size:11.5px}
.fx-bar i{width:8px;height:8px;border-radius:50%;background:#2A2D31;flex:none}
.fx-bar span{margin-left:auto}
.fx-st{width:7px;height:7px;border-radius:50%;flex:none;background:#7C8DA1}
.fx-st.run{background:#F5A623;box-shadow:0 0 8px rgba(245,166,35,.7)}
.fx-st.ok{background:#00CA51;box-shadow:0 0 8px rgba(0,202,81,.7)}
.fx-st.ask{background:#52A8FF;box-shadow:0 0 8px rgba(82,168,255,.8)}
.fx-mark{width:22px;height:22px;flex:none;color:#fff}
/* 1 · hands-free */
.fx-photo{position:relative;margin-top:auto;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#120D0A}
.fx-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block}
.fx-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,.55) 0%,rgba(10,8,6,0) 34%,rgba(10,8,6,0) 62%,rgba(10,8,6,.7) 100%);pointer-events:none}
.fx-notch{position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:min(80%,360px);box-sizing:border-box;padding:8px 14px 11px;border-radius:0 0 18px 18px;background:#000;color:#EDEDED;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.fx-notch-top{display:flex;align-items:center;gap:8px;height:24px;font-size:11.5px;color:#8F8F8F}
.fx-notch-top b{font-family:'Saira',var(--disp);font-weight:800;font-style:normal;font-stretch:125%;font-variation-settings:'wdth' 125;letter-spacing:.01em;display:inline-block;transform:skewX(-10deg);font-size:14px;color:#fff}
.fx-notch-top span{margin-left:auto;display:flex;align-items:center;gap:6px}

.fx-wave{display:inline-flex;align-items:center;gap:2px;height:14px}
.fx-wave i{display:block;width:2.5px;height:100%;border-radius:2px;background:#A678FF;transform-origin:center;animation:ski-stt .7s ease-in-out infinite}
.fx-wave i:nth-child(2){animation-delay:.1s}.fx-wave i:nth-child(3){animation-delay:.2s}.fx-wave i:nth-child(4){animation-delay:.3s}.fx-wave i:nth-child(5){animation-delay:.4s}
.fx-say{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px}
.fx-say span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(8,10,14,.66);border:1px solid rgba(255,255,255,.14);color:#EDEDED;font-size:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* 2 · multilingual */
.fx-lang{display:flex;flex-direction:column}
.fx-lang>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:baseline;padding:10px 14px;border-bottom:1px solid #16191E}
.fx-lang>div:last-child{border-bottom:0}
.fx-lang small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8CC6FF}
.fx-lang q{quotes:none;color:#EDEDED;font-size:13px}
.fx-lang .out{background:rgba(0,112,243,.08)}
.fx-lang .out q{font-family:var(--mono);font-size:12px;color:#9CC8F5}
/* 3 · orchestration */
.fx-ask{display:flex;justify-content:flex-end;padding:14px 14px 0}
.fx-ask span{max-width:82%;padding:9px 13px;border-radius:14px 14px 4px 14px;background:#2A2D31;color:#EDEDED;font-size:12.5px}
.fx-reply{margin:10px 14px 14px;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#14171C;border:1px solid #22262D}
.fx-reply-h{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#8F8F8F}
.fx-reply-h b{color:#EDEDED;font-weight:600}
.fx-proj{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;margin-top:10px}
.fx-proj b{font-weight:500;color:#EDEDED;font-family:var(--mono);font-size:12px}
.fx-proj span{color:#A1A1A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-proj em{font-style:normal;font-size:11px;color:#8F8F8F;white-space:nowrap}
.fx-proj em.ask{color:#52A8FF}
/* 4 · multi-agent */
.fx-agents{display:flex;flex-direction:column;gap:2px;padding:8px}
.fx-agent{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 8px;border-radius:10px}
.fx-agent:nth-child(odd){background:#101216}
.fx-ico{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#1A1D22;border:1px solid #262A31;font-family:var(--mono);font-size:11px;color:#EDEDED}
.fx-agent b{display:block;font-weight:500;font-size:12.5px}
.fx-agent small{display:block;font-size:11px;color:#8F8F8F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-prog{grid-column:2 / 4;height:3px;border-radius:3px;background:#1E2228;overflow:hidden}
.fx-prog i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#2E6396,#8CC6FF)}
.fx-agent .tag{font-size:11px;color:#8F8F8F;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
/* 5 · neutral */
.fx-hub{position:relative;aspect-ratio:1/0.72;min-height:220px}
.fx-hub svg.lines{position:absolute;inset:0;width:100%;height:100%}
.fx-hub svg.lines path{stroke:rgba(140,198,255,.38);stroke-width:1;stroke-dasharray:3 4;fill:none}
.fx-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 20%,#2E6396,#0C2440 70%);border:1px solid rgba(140,198,255,.45);box-shadow:0 0 40px rgba(82,168,255,.35)}
.fx-core .fx-mark{width:40px;height:40px}
.fx-node{position:absolute;transform:translate(-50%,-50%);padding:6px 11px;border-radius:999px;background:#14171C;border:1px solid #2A2F37;font-size:11.5px;color:#D4D4D4;white-space:nowrap}
/* 6 · git */
.fx-git-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #1A1D22}
.fx-git-h b{font-weight:600;font-size:13px}
.fx-branch{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#22262D;color:#D4D4D4;font-family:var(--mono);font-size:11.5px}
.fx-pr{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid #3A3F47;color:#EDEDED;font-size:11.5px}
.fx-files{padding:6px 14px 4px}
.fx-files div{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;font-family:var(--mono);font-size:11.5px}
.fx-files span{color:#D4D4D4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-files .m{color:#F5A623}.fx-files .a{color:#00CA51}
.fx-files em{font-style:normal;white-space:nowrap}.fx-files em .p{color:#3FCF78}.fx-files em .d{color:#FF6B6B;margin-left:6px}
.fx-git-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;border-top:1px solid #1A1D22;font-size:11.5px;color:#8F8F8F}
.fx-git-f q{quotes:none;color:#EDEDED}
.fx-git-f .done{margin-left:auto;color:#3FCF78}
@media (max-width:980px){.fx-grid{grid-template-columns:1fr}.fx-card.wide{grid-column:span 1}.fx-card:not(.wide) .fx-scr,.fx-card:not(.wide) .fx-hub{width:100%;max-width:560px}}
@media (max-width:720px){.fx-card.wide .fx-split{grid-template-columns:1fr}}
@media (max-width:640px){.fx-grid{gap:var(--s-4)}.fx-say span{font-size:11px;padding:5px 9px}.fx-photo{aspect-ratio:4/5}.fx-photo img{object-position:76% 50%}.fx-notch{width:88%}.fx-notch p{font-size:12px}}
@media (prefers-reduced-motion:reduce){.fx-wave i{animation:none}}
/* cohesion: one frame language for cards, panels and screenshots */
#site-root .card{border-radius:18px}
.shot{position:relative;padding:clamp(12px,1.8vw,22px);border-radius:18px;border:1px solid var(--line);background:radial-gradient(90% 80% at 85% 0%,rgba(82,168,255,.14),transparent 62%),var(--surface);transition:border-color .3s,background .3s}
.shot:hover{border-color:var(--line-strong)}
.shot>img{display:block;width:100%;height:auto;border-radius:11px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.hw-feed{display:flex;flex-direction:column;gap:10px;padding:78px clamp(14px,3vw,28px) clamp(16px,2.4vw,24px)}
.hw-msg{padding:12px 14px;border-radius:12px;background:rgba(8,10,14,.72);border:1px solid rgba(255,255,255,.1);color:#EDEDED;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hw-msg.dim{opacity:.62}
.hw-who{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#8F8F8F}
.hw-who b{font-family:var(--mono);font-weight:500;color:#EDEDED}
.hw-who em{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-style:normal;color:#A678FF}
.hw-msg.dim .hw-who em{color:#8F8F8F}
.hw-msg p{margin:7px 0 0;font-size:13px;line-height:1.45;color:#D4D4D4}
/* section 01 · parallel vs one-at-a-time */
.pl .fx-bar .pl-title{font-weight:500;color:#D4D4D4;margin-left:6px}
.pl-key{display:inline-flex;align-items:center;gap:6px}
.pl-key em{display:inline-block;width:14px;height:6px;border-radius:3px;margin-left:8px}
.pl-key em.run{background:linear-gradient(90deg,#2E6396,#8CC6FF)}
.pl-key em.wait{background:repeating-linear-gradient(135deg,#F5A623 0 2px,rgba(245,166,35,.25) 2px 4px)}
.pl-body{padding:clamp(16px,2.4vw,28px) clamp(14px,2.4vw,28px) 14px;display:flex;flex-direction:column;gap:clamp(18px,2.4vw,26px)}
.pl-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center}
.pl-lab small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8CC6FF}
.pl-lab b{display:block;margin-top:4px;font-weight:500;font-size:13px;color:#EDEDED}
.pl-track{position:relative;display:flex;flex-direction:column;gap:5px;padding-right:44px}
.pl-lane{position:relative;height:20px;border-radius:5px;background:#101318}
.pl-seq .pl-lane{height:26px}
.pl-bar{position:absolute;top:0;bottom:0;display:flex;border-radius:5px;overflow:hidden}
.pl-bar b{flex:1;min-width:0;display:flex;align-items:center;padding:0 7px;font-family:var(--mono);font-weight:400;font-size:10.5px;color:#EAF4FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,#2E6396,#5B9FE3)}
.pl-bar i{flex:0 0 22%;background:repeating-linear-gradient(135deg,#F5A623 0 2px,rgba(245,166,35,.25) 2px 4px)}
.pl-track .pl-lane:not(:first-child) .pl-bar i{flex-basis:12%}
.pl-end{position:absolute;top:-6px;bottom:-6px;width:0;border-left:1px dashed rgba(140,198,255,.7)}
.pl-end em{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11px;color:#8CC6FF;white-space:nowrap}
.pl-seq .pl-end{left:calc(100% - 44px)!important}
.pl-axis{display:flex;align-items:center;gap:8px;margin-left:126px;margin-right:44px;font-size:10.5px;color:#8F8F8F;letter-spacing:.08em;text-transform:uppercase}
.pl-axis i{flex:1;height:0;border-top:1px solid #2A2F37;position:relative}
.pl-axis i::after{content:"";position:absolute;right:-1px;top:-4px;border:4px solid transparent;border-left:6px solid #2A2F37;border-right:0}
@media (max-width:640px){.pl-row{grid-template-columns:1fr;gap:8px}.pl-axis{margin-left:0}.pl .fx-bar .pl-title{display:none}.pl-key{font-size:10.5px;gap:4px}.pl-key em{width:10px;margin-left:6px}.pl-bar b{font-size:0;padding:0}}
.pl-par{padding-left:34px}
.pl-par .pl-lane{height:24px}
.pl-ag{position:absolute;left:-34px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:#1A1D22;border:1px solid #2A2F37;color:#EDEDED}
.pl-ag svg{width:14px;height:14px;display:block}
.pl-end-par{left:calc(34px + (100% - 78px) * .26)}
.pl-ags{display:block;margin-top:6px;font-size:10.5px;line-height:1.45;color:#8F8F8F}
@media (max-width:640px){.pl-ags{display:none}.pl-par{padding-left:30px}.pl-ag{left:-30px;width:22px;height:22px}.pl-end-par{left:calc(30px + (100% - 74px) * .26)}}

/* static site (2026-10-27): the theme button's hover; the waiting list's honeypot, message and error */
.theme-btn:hover{border-color:var(--text)!important;color:var(--text)!important}
.wl-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.wl-done:not([hidden]){display:flex}
.wl-err{flex-basis:100%;margin:0;color:#E5484D}
.wl-ts:empty{display:none}
.wl-ts{flex-basis:100%}
/* the waiting list's systems: the card's chips as toggles — grey dot until picked, then green (2026-10-27) */
/* …above the field, shown once the visitor starts typing an email (user, 2026-10-27): the row is kept, the chips fade
   in — the field never moves under the cursor; they stay once shown */
.wl-sys{flex-basis:100%;order:0;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}
.wl-sys.open{visibility:visible;opacity:1;transition:opacity .3s ease,visibility 0s}
.wl-sys-in{display:flex;flex-wrap:wrap;gap:8px}
@media (prefers-reduced-motion:reduce){.wl-sys,.wl-sys.open{transition:none}}
.wl-form input[name=email]{order:1}.wl-form button[type=submit]{order:2}.wl-ts{order:4}.wl-err{order:5}
.wl-sys .chip{cursor:pointer;background:transparent;font-family:inherit;padding:8px 14px;border-radius:10px;transition:border-color .2s,color .2s,background .2s}
.wl-sys .chip:hover{border-color:var(--line-strong);color:var(--text-2)}
.wl-sys .chip[aria-pressed="true"]{border-color:var(--text-3);color:var(--text);background:var(--surface-hi)}
.wl-sys .chip[aria-pressed="true"] .dot{background:var(--state-listening);box-shadow:0 0 12px var(--state-listening)}
.wl-sys .chip:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}

/* The notch as SKI draws it today (2026-10-27): one bar that never changes width, the mark white at rest (green
   listening, amber thinking, violet speaking), "project · workspace", no dot and no buttons; what you said (grey) and
   SKI's whole reply (white) in the bubble 4 px under the notch — as wide as its text, never narrower than the bar,
   at most 440 px (the app's NotchBar + NotchBubble; the wordmark stays Saira). */
.mbn-bub{position:absolute;left:50%;top:40px;box-sizing:border-box;width:max-content;min-width:296px;max-width:440px;padding:9px 14px;border-radius:12px;background:#050505;border:1px solid rgba(255,255,255,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Geist",sans-serif;font-size:12.5px;line-height:1.45;text-align:center;opacity:0;transform:translate(-50%,-5px);transition:opacity .25s ease,transform .25s ease}
.mbn-bub.on{opacity:1;transform:translate(-50%,0)}
.mbn-bub .you{color:#9C9C9C}.mbn-bub .ski{color:#F7F7F7}.mbn-bub .you:not(:empty)+.ski:not(:empty){margin-top:4px}
.fx-notch-top span{color:#9C9C9C;font-size:11px}.fx-notch-top span i{font-style:normal;color:#555}.fx-notch-top span em{font-style:normal;color:#EDEDED}
.fx-notch .fx-mark{color:#BF7AF0;filter:drop-shadow(0 0 6px rgba(191,122,240,.55))}
.fx-notch .fx-mark :is(rect,path){transform-box:fill-box;transform-origin:center;animation:ski-stt .55s ease-in-out infinite}
.fx-notch .fx-mark g g>:nth-child(2){animation-delay:.12s}.fx-notch .fx-mark g g>:nth-child(3){animation-delay:.24s}.fx-notch .fx-mark g g>:nth-child(4){animation-delay:.36s}.fx-notch .fx-mark g g>:nth-child(5){animation-delay:.48s}.fx-notch .fx-mark g g>:nth-child(6){animation-delay:.6s}
.fx-bub{position:absolute;z-index:2;top:47px;left:50%;transform:translateX(-50%);box-sizing:border-box;width:max-content;min-width:min(80%,360px);max-width:min(92%,440px);padding:9px 14px;border-radius:12px;background:#050505;border:1px solid rgba(255,255,255,.08);color:#F7F7F7;font-size:12.5px;line-height:1.45;text-align:center}
.nbub{position:absolute;z-index:1;top:44px;left:50%;box-sizing:border-box;width:max-content;min-width:258px;max-width:min(92%,440px);padding:8px 14px;border-radius:12px;background:#050505;border:1px solid rgba(255,255,255,.08);color:#9C9C9C;font-size:12px;line-height:1.45;text-align:center;animation:nbub 7s ease infinite}
@keyframes nbub{0%,30%{opacity:0;transform:translate(-50%,-5px)}36%,86%{opacity:1;transform:translate(-50%,0)}92%,100%{opacity:0;transform:translate(-50%,-5px)}}
@media (prefers-reduced-motion:reduce){.fx-notch .fx-mark *{animation:none}.nbub{animation:none;opacity:1;transform:translate(-50%,0)}}
@media (max-width:640px){.fx-bub{font-size:12px}}