/* Fetchi, 25 September 2026. A clear silhouette, solid type, and product exhibits.
   Layout lives here; the shared demo clock and all product claims stay in their owners. */
:root{--bg-card:#101010;--border:rgba(255,255,255,.1);--border-light:rgba(255,255,255,.2)}
#main>.hero{border-bottom:1px solid var(--border)}
.hero-in,.notch-open .hero-in{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:112px;padding-bottom:84px;min-height:736px}
.hero-copy{grid-column:1;grid-row:1;position:relative;z-index:2;text-align:left;min-width:0;margin:0}
.hero-kicker{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 28px}
.hero h1{max-width:11ch;margin:0;font-size:clamp(3.4rem,6.2vw,5.5rem);font-weight:450;letter-spacing:-.055em;line-height:1.02;text-wrap:balance;filter:none}
.hero-sub{font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:400;line-height:1.45;color:var(--text);margin:28px 0 0;text-shadow:none}
.hero .hero-lead{max-width:38ch;font-size:16px;line-height:1.7;color:var(--text-secondary);margin:12px 0 0}
.hero-cta{align-items:flex-start;margin:28px 0 0;gap:16px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.hero-cta .btn{width:auto;min-width:182px;font-family:var(--sans);font-size:14px;text-transform:none;letter-spacing:0;font-weight:500;min-height:50px;padding:0 24px}
.hero-watch{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:14px;color:var(--text-secondary)}
.hero-watch:hover{color:var(--text)}
.hero-watch span{transition:transform .18s}
.hero-watch:hover span{transform:translate(2px,-2px)}
.hero-spec{font-size:10px;letter-spacing:.035em;line-height:1.6}
.email-capture{margin:24px 0 0;max-width:440px}
.hero-art{grid-column:2;grid-row:1;position:relative;width:100%;height:520px;min-width:0}
.hero-art-caption{position:absolute;bottom:22px;left:12%;right:12%;display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-light);font:10px var(--mono);letter-spacing:.025em;color:var(--text-muted)}
.hero .dots,.hero .dots-fallback{mask-image:radial-gradient(ellipse at 80% 40%,#000,transparent 70%)}
.capabilities{padding:88px 0}
.capabilities>.wrap{max-width:1180px}
.capabilities-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:64px;align-items:end;margin:0 0 40px;text-align:left;max-width:none}
.capabilities-head .eyebrow{margin-bottom:18px}
.capabilities-head .h2,.tl-head .h2,.memory-layout .h2,#faq .h2{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.08;font-weight:450;letter-spacing:-.04em}
.capabilities-head .h2{max-width:15ch}
.capabilities-head .h2 em{color:var(--text-muted)}
.capabilities-intro{max-width:45ch;margin:0;font-size:16px;line-height:1.75;color:var(--text-secondary)}
.task-theater{max-width:none;margin:0}
.task-window{background:#080808;border-color:var(--border-light)}
.task-app-window{background:#141414;border-color:var(--border-light);border-radius:12px;overflow:hidden}
.task-app-bar{min-height:40px;background:#181818}
.task-window-controls i{border-radius:50%;background:#484848;border:0;width:7px;height:7px}
.task-choices{border-radius:14px;background:#111;border-color:var(--border-light);padding-top:10px}
.task-app-icon{border-radius:9px;background:#1a1a1a;border-color:var(--border-light)}
.stage-notch{padding-top:16px;padding-bottom:20px}
.stage-notch-head{font:14px var(--sans)}
.task-window-status{font-size:11px}
.task-window-status::before{border-radius:50%;width:5px;height:5px}
.task-command{font-size:16px}
.task-command::before{font-size:10px;line-height:1.6}
.task-window-bar{border-color:var(--border)}
.task-instruction{font:11px var(--mono);color:var(--text-muted);margin-top:20px}
.task-caption{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:64px;row-gap:12px;text-align:left;max-width:none;margin:36px 0 0;min-height:150px}
.task-caption h3{font-size:27px;line-height:1.25;font-weight:450;letter-spacing:-.03em;grid-column:1;grid-row:1}
.task-caption p{font-size:15px;line-height:1.75;margin:0;grid-column:2;grid-row:1 / span 2}
.task-caption .task-result{grid-column:1;grid-row:2;align-self:start;font:11px/1.7 var(--mono);color:var(--text-secondary)}
.task-controls{border-color:var(--border-light);margin-top:20px}
.section-links{justify-content:flex-start;gap:28px;margin:24px 0 0}
.feature-summary{justify-content:space-between;text-align:left;margin:24px 0 0;padding-top:24px}
.capabilities-note{max-width:100ch;text-align:left;margin:16px 0 0;font-size:12px;line-height:1.7}
.tl{padding:80px 0 24px}
.tl>.wrap{display:block}
.tl-head{text-align:left;padding:0 0 48px}
.tl-head .eyebrow{margin-bottom:18px}
.step,.step.wide{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1.08fr);gap:36px;padding:40px 0 48px;background:none;border:0;border-top:1px solid var(--border-light);min-width:0}
.step .t{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px;color:var(--text-muted)}
.step .t small{margin:0;font-size:10px;line-height:1.6}
.step>.s-txt,.step.wide .s-lead{grid-column:2}
.step .s-h{font-size:clamp(1.5rem,2.1vw,1.9rem);line-height:1.18;font-weight:450;letter-spacing:-.03em}
.step .lead{font-size:15px;line-height:1.75}
.step .s-ex,.step.wide .s-side{grid-column:3;width:100%;margin:0;padding:0;min-width:0}
.step.wide .s-txt{display:contents}
.step .ex{background:#0b0b0b;border-color:var(--border-light)}
.step .ex-body{padding:20px}
.step .cap{font-size:10px;line-height:1.7}
.mode-rope,.mode-floor{font-size:13px;line-height:1.8}
.memory-section{padding:64px 0 96px}
.memory-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);padding:0;background:none;border:0;gap:64px;align-items:center}
.memory-layout .lead{font-size:16px;line-height:1.75}
.memory-layout .ex{background:#101010;min-width:0}
.memory-layout .brain{grid-template-columns:152px minmax(0,1fr)}
.memory-layout .bb-page{padding:24px 20px}
.memory-layout .bb-h{font-size:23px}
.memory-layout .bb-l{line-height:1.8}
#faq{padding:80px 0}
#faq>.wrap{max-width:1180px;display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:80px;align-items:start}
#faq .h2{text-align:left;max-width:12ch}
#faq .faq{width:100%;max-width:none}
#faq summary{padding:22px 0;font-size:16px;line-height:1.5}
#faq .fa-a{max-width:76ch;font-size:15px;line-height:1.8;color:var(--text-secondary)}
.final{padding:88px 0 72px}
.final-grid{max-width:850px;margin:auto}
.final-rows{max-width:1000px;margin:64px auto 0}
.final .rows .r{grid-template-columns:180px minmax(0,1fr);gap:32px}
.final .rows .v{font-size:14px;line-height:1.7}
@media(max-width:1000px){
 .hero-in,.notch-open .hero-in{gap:8px;min-height:690px;padding-top:96px;padding-bottom:64px}
 .hero h1{font-size:clamp(3.3rem,6.3vw,4.8rem)}
 .hero-art{height:460px}
 .hero-sculpture{width:100%;top:80px}
 .hero-art-caption{left:8%;right:8%;font-size:9px}
 .capabilities-head{gap:36px}
 .step,.step.wide{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:24px}
 .step .t small{display:none}
 .memory-layout{gap:36px;grid-template-columns:minmax(0,.75fr) minmax(0,1fr)}
 .memory-layout .brain{grid-template-columns:1fr}
 .memory-layout .bb-tree{display:none}
 #faq>.wrap{gap:48px}
}
@media(max-width:760px){
 .hero-in,.notch-open .hero-in{grid-template-columns:1fr;padding-top:80px;padding-bottom:40px;gap:0}
 .hero-copy{grid-column:1;grid-row:1;text-align:left;max-width:560px}
 .hero h1{font-size:clamp(2.8rem,8.9vw,4.6rem);max-width:13ch}
 .hero-kicker{margin-bottom:22px}
 .hero-sub{font-size:20px;margin-top:24px}
 .hero .hero-lead{font-size:15px;max-width:40ch}
 .hero-cta{margin-top:24px;gap:14px}
 .hero-art{grid-column:1;grid-row:2;height:280px;max-width:420px;justify-self:center}
 .hero-sculpture{top:0;width:calc(100% + 32px)}
 .hero-art-caption{bottom:0;left:8%;right:8%;font-size:9px;padding-top:12px}
 .hero .dots,.hero .dots-fallback{mask-image:radial-gradient(ellipse at 50% 90%,#000,transparent 65%)}
 .capabilities,.tl,.memory-section,#faq{padding:56px 0}
 .capabilities-head{display:block;margin-bottom:28px}
 .capabilities-head .h2{max-width:16ch}
 .capabilities-intro{font-size:15px;margin-top:20px;max-width:52ch}
 .task-caption{display:block;min-height:190px;margin-top:28px}
 .task-caption h3{font-size:24px}
 .task-caption p{font-size:15px;margin-top:12px}
 .task-caption .task-result{margin-top:16px}
 .task-controls{gap:8px}
 .task-controls>span{font-size:9px}
 .section-links{gap:8px 24px}
 .tl-head{padding-bottom:32px}
 .step,.step.wide{grid-template-columns:1fr;gap:24px;padding:32px 0}
 .step .t{grid-column:1;flex-direction:row;align-items:center;gap:12px}
 .step .t small{display:block}
 .step>.s-txt,.step.wide .s-lead,.step .s-ex,.step.wide .s-side{grid-column:1}
 .step .s-h{font-size:26px}
 .memory-layout{grid-template-columns:1fr;gap:32px}
 .memory-layout .h2{max-width:17ch}
 #faq>.wrap{grid-template-columns:1fr;gap:32px}
 #faq .h2{max-width:14ch}
 .final{padding:56px 0}
 .final .rows .r{grid-template-columns:1fr;gap:8px}
}
@media(max-width:370px){
 .hero-actions{gap:4px 18px}
 .hero-watch{gap:8px;font-size:13px}
 .hero-cta .btn{min-width:162px;padding:0 18px}
 .hero h1{font-size:42px}
 .hero-sculpture{width:calc(100% + 24px)}
 .hero-art{height:260px}
}