:root{color-scheme:dark;--orbit-black:#0b0d0e;--module:#121516;--module-2:#171b1d;--white:#f2f1ec;--gray:#a4aaac;--green:#76ff8a;--error:#ff6b6b;--warning:#f4c96b;--line:rgba(242,241,236,.22);--line-strong:rgba(242,241,236,.42);--radius:18px;--page-x:max(clamp(18px,2.8vw,48px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--bottom-cushion:calc(36px + env(safe-area-inset-bottom,0px));--content-max:1720px;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}html{background:var(--orbit-black);color:var(--white);min-width:0;scroll-behavior:smooth}body{margin:0;min-width:0;min-height:100svh;background:radial-gradient(circle at 78% 10%,rgba(118,255,138,.06),transparent 26rem),var(--orbit-black);font-family:Inter,'Avenir Next','Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit}a{color:inherit}[hidden]{display:none!important}button,a,summary,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}p{overflow-wrap:break-word}
.skip-link{position:fixed;left:12px;top:12px;z-index:999;transform:translateY(-180%);padding:12px 16px;background:var(--green);color:#071009;border-radius:999px;font-weight:800}.skip-link:focus{transform:translateY(0)}
.site-shell{min-height:100svh;display:flex;flex-direction:column;min-width:0}.site-header,.site-main,.site-footer{width:min(var(--content-max),calc(100% - var(--page-x)*2));margin-inline:auto;min-width:0}.site-header{padding-top:max(10px,env(safe-area-inset-top,0px));border-bottom:1px solid var(--line-strong)}.header-primary{min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}.wordmark{position:relative;display:inline-block;text-decoration:none;font:800 1.2rem var(--mono);letter-spacing:.12em;white-space:nowrap;padding-block:9px}.wordmark-orbit{position:absolute;left:37px;top:-2px;width:31px;height:13px;border:1px solid rgba(118,255,138,.28);border-radius:50%;transform:rotate(-17deg);pointer-events:none}.wordmark-planet{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);top:-3px;left:18px;box-shadow:0 0 7px rgba(118,255,138,.25);animation:none}.desktop-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 17px;min-width:0;font:.81rem var(--mono)}.desktop-nav a,.footer-nav a,.mobile-nav a{text-decoration:none;color:var(--gray);white-space:nowrap}.desktop-nav a{padding-block:12px}.desktop-nav a[aria-current=page],.desktop-nav a:hover,.footer-nav a:hover,.mobile-nav a:hover,.mobile-nav a[aria-current=page]{color:var(--white)}.header-status{justify-self:end;display:grid;justify-items:end;gap:3px;min-width:0;font-family:var(--mono);text-transform:uppercase}.status-human{color:var(--green);font-size:.8rem;letter-spacing:.06em;white-space:nowrap}.status-ip{max-width:39ch;overflow-wrap:anywhere;color:var(--gray);font-size:.67rem;text-align:right;font-variant-numeric:tabular-nums}.mobile-nav-wrap{display:none}.site-main{flex:1 0 auto;padding-block:22px 32px}.site-footer{border-top:1px solid var(--line-strong);padding-top:15px;padding-bottom:var(--bottom-cushion)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center}.footer-copy{font:.68rem/1.6 var(--mono);color:var(--gray)}.footer-nav{display:flex;gap:8px 16px;justify-content:end;flex-wrap:wrap;font:.68rem var(--mono)}
.eyebrow,.step-number,.terminal-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.eyebrow{margin:0 0 12px;color:var(--green);font-size:.77rem}.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);gap:40px;align-items:end;padding:8px 0 24px;border-bottom:1px solid var(--line)}.page-title{margin:0;font-size:clamp(2rem,3.7vw,3.65rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.page-intro{margin:0;color:var(--gray);font-size:1rem;line-height:1.55;text-wrap:pretty}.terminal,.content-panel,.info-card,.operator-card,.share-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(23,27,29,.92),rgba(18,21,22,.92));border-radius:var(--radius)}.terminal{margin-top:22px;padding:22px}.terminal-head{display:flex;gap:12px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}.terminal-label{font-size:.78rem}.beta-badge{color:var(--warning);font:.73rem var(--mono)}.beta-copy{margin:12px 0 0;color:var(--gray);font:.69rem/1.45 var(--mono)}.form-grid{display:grid;gap:12px;min-width:0}.field,.question-field,.reply-field{display:grid;gap:7px;min-width:0}.field-label{color:var(--gray);font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.05em}textarea,input[type=text],input[type=email]{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:11px;background:#0d1011;color:var(--white);padding:12px 14px;font-size:1rem;outline:none}textarea{min-height:86px;resize:vertical;line-height:1.45}input[type=text],input[type=email]{min-height:44px}textarea:focus,input:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px rgba(118,255,138,.1)}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--green);border-radius:999px;padding:10px 18px;background:var(--green);color:#071009;text-decoration:none;font:800 .77rem var(--mono);letter-spacing:.02em;cursor:pointer}.button.secondary{background:transparent;color:var(--green)}.button:hover{filter:brightness(1.05)}.form-note{color:var(--gray);font-size:.75rem;line-height:1.4}.form-grid.two-column{grid-template-columns:1fr 1fr}.field-wide,.form-grid.two-column .form-actions{grid-column:1/-1}.contact-page .terminal,.ask-page .terminal{max-width:1160px;margin-inline:auto}.contact-page textarea{height:116px}.ask-page textarea{height:140px}.content-stack{display:grid;gap:16px;margin-top:22px}.content-panel,.share-card{padding:24px}.content-panel h2,.info-card h2,.share-card h2{margin:0 0 10px;font-size:1.42rem;letter-spacing:-.015em;text-wrap:balance}.content-panel p,.info-card p,.share-card p{margin:0;color:var(--gray);line-height:1.6;font-size:1rem}.content-panel p+p{margin-top:12px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.info-card{padding:24px;min-width:0}.step-number{display:inline-block;margin-bottom:12px;color:var(--green);font-size:.72rem}
/* Preserve the approved About Cazonci main layout; Echo mirrors it. */
.about-page .page-hero{gap:clamp(26px,4vw,68px);padding-block:clamp(10px,2vh,24px) clamp(28px,4vh,48px)}.about-page .page-title{font-size:clamp(2.9rem,6vw,7rem);line-height:.95;letter-spacing:-.055em}.about-page .page-intro{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.6}.about-page .cards-grid{margin-top:clamp(28px,4vh,48px)}.about-page .info-card{padding:clamp(18px,2vw,26px)}.about-page .info-card h2{font-size:clamp(1.15rem,2vw,1.65rem)}.about-page .info-card p{line-height:1.65}
/* Home: a compact introduction, three equal squares, complete form, system links, footer. */
.home-grid{display:grid;gap:18px;min-width:0}.home-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:32px;align-items:center;min-width:0}.home-lead{min-width:0}.hero-title{margin:0;font-size:clamp(2rem,3.5vw,3.7rem);line-height:1.035;letter-spacing:-.045em;font-weight:800;text-wrap:balance}.hero-title .line{display:block}.hero-deck{margin:18px 0 0;color:var(--gray);font-size:1rem;line-height:1.55;max-width:58ch}.hero-categories{margin:13px 0 0;font:.76rem/1.65 var(--mono);max-width:65ch}.hero-joke{margin:13px 0 0;color:var(--green);font:.7rem/1.5 var(--mono)}.profile-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:min(100%,900px);justify-self:end;min-width:0;align-items:start}.operator-card{padding:10px;min-width:0;display:grid;align-content:start}.operator-media{position:relative;width:100%;aspect-ratio:1;min-width:0;background:#090b0c;border-radius:11px}.operator-media>video,.operator-media>.video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;border-radius:11px;filter:none;transform:none}.video-cover{z-index:1}.video-play-overlay{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:62px;height:62px;padding:17px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.76);border-radius:50%;color:#fff;background:rgba(8,18,14,.78);box-shadow:0 0 0 6px rgba(118,255,138,.09),0 7px 22px rgba(0,0,0,.22);cursor:pointer}.video-play-overlay>svg{width:26px;height:26px;margin-left:3px}.video-play-overlay:hover{background:rgba(17,50,29,.95)}.video-play-overlay[aria-busy=true]{border-color:var(--green)}.operator-meta{display:grid;gap:4px;padding:11px 2px 2px;min-width:0}.operator-name{margin:0;font:.77rem/1.4 var(--mono);letter-spacing:.015em;white-space:nowrap}.operator-name .dot{color:var(--green)}.operator-role{margin:0;color:var(--gray);font:.63rem/1.5 var(--mono);letter-spacing:.03em}.video-controls{display:grid;grid-template-columns:36px 36px minmax(20px,1fr) auto 30px;gap:2px;align-items:center;margin-top:8px;padding-top:5px;border-top:1px solid var(--line);min-width:0}.video-control{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid transparent;border-radius:50%;color:var(--white);background:transparent;cursor:pointer}.video-control:hover{color:var(--green);background:rgba(118,255,138,.07)}.video-control svg{width:20px;height:20px}.video-expand{width:30px;padding:6px}.video-seek{display:block;width:100%;min-width:0;height:36px;margin:0;padding:0;accent-color:var(--green);cursor:pointer}.video-time{font:.64rem var(--mono);color:var(--gray);min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}.video-feedback{margin:8px 0 0;font:.8rem/1.4 var(--mono);color:var(--warning);overflow-wrap:anywhere}.home-terminal{margin:0;padding:18px 22px}.home-terminal .form-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:10px 18px}.home-terminal .question-field{grid-row:1/3}.home-terminal .reply-field{grid-column:2;grid-row:1}.home-terminal .form-actions{grid-column:2;grid-row:2}.home-terminal textarea{height:100%;min-height:94px}.home-terminal .terminal-head{margin-bottom:11px}.operator-explain{margin:0;border-left:2px solid var(--line-strong);padding:9px 14px;color:var(--gray);font-size:.78rem;line-height:1.5}.system-mini-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.system-mini-nav a{display:grid;gap:5px;text-decoration:none;border:1px solid rgba(118,255,138,.24);border-radius:10px;padding:10px 11px;background:rgba(118,255,138,.025);font:.64rem/1.35 var(--mono);transition:background .15s ease,border-color .15s ease}.system-mini-nav span{color:var(--green)}.system-mini-nav strong{font-weight:600}.system-mini-nav a:hover{background:rgba(118,255,138,.065);border-color:var(--green)}
/* Native portrait view is optional; the default square never gets synthetic edge fill. */
.full-frame-dialog{border:1px solid var(--line-strong);border-radius:16px;background:#090b0c;color:var(--white);padding:14px;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.full-frame-dialog::backdrop{background:rgba(0,0,0,.85)}.full-frame-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;font:.78rem var(--mono)}.dialog-close{background:transparent;color:var(--green);border:1px solid var(--green);border-radius:999px;min-width:44px;min-height:36px;cursor:pointer}.full-frame-dialog video{height:min(76svh,850px);width:auto;max-width:100%;object-fit:contain;border-radius:6px}.full-frame-dialog p{margin:8px 0 0;color:var(--gray);font:.68rem/1.4 var(--mono)}
/* Five observations are one desktop row. Never invent VPN detection. */
.network-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}.network-cell{min-width:0;padding:16px;border:1px solid rgba(118,255,138,.22);border-radius:14px;background:rgba(118,255,138,.035)}.network-key{font:.69rem var(--mono);color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.network-value{display:block;margin-top:8px;color:var(--green);font:700 .86rem/1.4 var(--mono);overflow-wrap:anywhere}.network-note{margin:14px 0;color:var(--gray);font-size:.85rem;line-height:1.6;max-width:115ch}.network-tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.network-source{font:.69rem var(--mono);color:var(--gray)}.network-details{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* Eight compact cards and eight proper, linkable long-form pages. */
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.step-link{display:flex;flex-direction:column;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease;min-height:194px;padding:20px}.step-link h2{font-size:1.1rem;line-height:1.25;margin-bottom:8px}.step-link p{font-size:.89rem;line-height:1.55}.step-link .read-more{margin-top:auto;padding-top:14px;font:.67rem var(--mono);color:var(--green)}.step-link:hover,.step-link:focus-visible{border-color:var(--green);background:rgba(118,255,138,.065)}@media(hover:hover){.step-link:hover{transform:translateY(-2px)}}.chapter-page .page-hero{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}.chapter-page .page-title{font-size:clamp(2rem,3.3vw,3.25rem)}.chapter-panel{margin-top:20px;padding:24px 30px}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 44px}.chapter-section h2{font-size:1.05rem;margin:0 0 8px;color:var(--white)}.chapter-section p{font-size:.94rem;line-height:1.6;color:var(--gray);margin:0}.chapter-section p+p{margin-top:9px}.chapter-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px;font:.75rem var(--mono)}.chapter-nav a{color:var(--green);text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.chapter-callout{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font:.75rem/1.6 var(--mono);color:var(--green)}
.share-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:38px;align-items:center;margin-top:24px}.qr-frame{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:24px;background:var(--white);border-radius:18px}.qr-frame img{width:100%;height:auto}.copy-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.copy-field{flex:1 1 220px}.qr-page .share-grid{grid-template-columns:300px minmax(0,480px);justify-content:center;gap:44px;margin-top:28px}.qr-page .share-card{padding:26px}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px}.social-button{display:flex;align-items:center;gap:9px;justify-content:center;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--white);font:.76rem var(--mono);text-decoration:none;cursor:pointer}.social-button:hover{border-color:var(--green);color:var(--green)}.social-icon{display:grid;place-items:center;width:22px;height:22px;font:800 1rem/1 Arial,sans-serif}.social-icon svg{width:22px;height:22px}.share-status{margin-top:13px!important;min-height:1.5em;font-size:.76rem!important;line-height:1.5!important}.share-privacy{margin-top:10px!important;font-size:.76rem!important;color:var(--gray)}.qr-page .social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-page .share-chooser{margin-top:16px}.share-chooser summary{cursor:pointer;color:var(--green);font:.77rem var(--mono);padding:12px 0;min-height:44px}.error-page .content-stack,.thanks-page .content-stack{max-width:1000px}
@media(min-width:1101px) and (max-height:950px){.header-primary{min-height:60px}.site-main{padding-top:18px;padding-bottom:32px}.home-grid{gap:13px}.profile-rail{max-width:780px}.hero-title{font-size:clamp(2rem,3vw,3.05rem)}.hero-deck{margin-top:14px;font-size:.96rem}.hero-categories{margin-top:10px}.hero-joke{margin-top:10px}.home-terminal{padding:15px 20px}.home-terminal textarea{min-height:88px}.system-mini-nav a{padding:9px}.operator-explain{padding:7px 12px}.page-hero{padding-bottom:20px}.step-link{min-height:170px;padding:18px}.step-link h2{font-size:1.03rem}.chapter-panel{padding:22px 28px}.chapter-grid{gap:18px 38px}.chapter-section p{font-size:.91rem;line-height:1.55}.site-footer{padding-top:13px}}
@media(max-width:1260px){.desktop-nav{display:none}.header-primary{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.mobile-nav-wrap{display:block;grid-column:3}.header-status{grid-column:2}.mobile-nav-wrap summary{display:grid;place-items:center;min-height:44px;padding:8px;cursor:pointer;list-style:none;color:var(--gray);font:.76rem var(--mono)}.mobile-nav-wrap summary::-webkit-details-marker{display:none}.mobile-nav{display:flex;gap:5px 18px;flex-wrap:wrap;padding:12px 0}.mobile-nav a{min-height:40px;display:inline-flex;align-items:center;font:.8rem var(--mono)}.header-primary:has(details[open]){grid-template-columns:auto minmax(0,1fr)}.mobile-nav-wrap:has(details[open]){grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.footer-nav{justify-content:start}.home-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}.profile-rail{gap:12px}.operator-name{font-size:.64rem}.operator-role{font-size:.58rem}.video-controls{grid-template-columns:32px 32px minmax(10px,1fr) 28px}.video-control{width:32px;height:36px;padding:6px}.video-expand{grid-column:4;grid-row:1}.video-time{grid-column:3;grid-row:2}.video-seek{grid-column:3;grid-row:1}.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.home-hero-grid{grid-template-columns:minmax(0,1fr)}.home-lead{text-align:center}.hero-title{font-size:2.15rem}.hero-title .line{display:inline}.hero-title .line+.line::before{content:' '}.hero-deck,.hero-categories{margin-inline:auto}.profile-rail{justify-self:center;max-width:720px}.operator-name{font-size:.73rem}.operator-role{font-size:.62rem}.hero-deck{margin-top:12px}.hero-categories{margin-top:8px}.hero-joke{margin-top:8px}.page-hero,.chapter-page .page-hero{grid-template-columns:1fr;gap:14px}.page-title{font-size:2.6rem}.network-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.network-details{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-link{min-height:172px}.system-mini-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-grid{gap:22px 28px}.share-grid{gap:24px;grid-template-columns:minmax(0,1fr) 240px}.qr-page .share-grid{grid-template-columns:260px minmax(0,1fr);gap:24px}.about-page .page-title{font-size:clamp(2.7rem,6vw,4.5rem)}}
@media(max-width:650px){:root{--page-x:max(16px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.site-header{padding-top:max(9px,env(safe-area-inset-top,0px))}.header-primary{min-height:56px;gap:7px}.wordmark{font-size:.95rem;letter-spacing:.07em}.wordmark-orbit{left:28px;top:-3px;transform:rotate(-17deg) scale(.8)}.status-human{font-size:.62rem;letter-spacing:0}.status-ip{font-size:.57rem;max-width:24ch}.mobile-nav-wrap summary{font-size:.65rem;padding:6px}.site-main{padding-top:16px}.home-grid{gap:15px}.home-hero-grid{gap:16px}.hero-title{font-size:clamp(1.7rem,6.2vw,2.3rem);line-height:1.06}.hero-deck{font-size:.9rem;line-height:1.5}.hero-categories{font-size:.69rem;line-height:1.55}.hero-joke{font-size:.66rem}.eyebrow{font-size:.67rem;margin-bottom:8px}.profile-rail{grid-template-columns:1fr;width:100%;gap:12px}.operator-card{grid-template-columns:122px minmax(0,1fr);column-gap:14px;padding:9px;border-radius:14px}.operator-media{grid-column:1;grid-row:1/3;width:122px}.operator-meta{grid-column:2;grid-row:1;align-self:end;padding:0 0 6px}.operator-name{font-size:.76rem;white-space:normal}.operator-role{font-size:.62rem}.video-controls{grid-column:2;grid-row:2;align-self:start;grid-template-columns:32px 32px minmax(12px,1fr) 28px;gap:0;margin-top:4px}.video-time{grid-column:3;grid-row:2}.video-seek{height:40px}.video-control{height:40px}.video-play-overlay{width:48px;height:48px;padding:12px;box-shadow:0 0 0 4px rgba(118,255,138,.09)}.video-play-overlay>svg{width:22px;height:22px}.video-feedback{grid-column:1/-1}.home-terminal{padding:15px}.home-terminal .form-grid{grid-template-columns:1fr}.home-terminal .question-field,.home-terminal .reply-field,.home-terminal .form-actions{grid-column:1;grid-row:auto}.home-terminal textarea{height:72px;min-height:72px}.home-terminal .form-actions .button{width:100%}.form-actions{gap:8px}.form-note{font-size:.7rem}.home-terminal .form-note{width:100%;text-align:center}.beta-copy{font-size:.64rem}.system-mini-nav{gap:8px}.system-mini-nav a{font-size:.6rem;padding:9px 7px}.operator-explain{font-size:.74rem}.site-footer{padding-top:16px}.footer-nav{gap:6px 14px;font-size:.64rem}.footer-nav a{padding-block:6px}.footer-copy{font-size:.63rem}.page-hero{padding-top:4px;padding-bottom:18px;gap:14px}.page-title{font-size:2.2rem}.page-intro{font-size:.94rem}.terminal{padding:18px}.form-grid.two-column{grid-template-columns:1fr}.cards-grid,.network-details{grid-template-columns:1fr}.network-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.network-cell{padding:13px}.network-panel .network-cell:first-child{grid-column:1/-1}.network-value{font-size:.8rem}.steps-grid{gap:11px}.step-link{padding:15px;min-height:204px}.step-link h2{font-size:1rem}.step-link p{font-size:.84rem}.step-number{font-size:.65rem;margin-bottom:10px}.chapter-grid{grid-template-columns:1fr;gap:23px}.chapter-panel{padding:20px}.chapter-section p{font-size:1rem;line-height:1.65}.chapter-page .page-title{font-size:2.1rem}.chapter-nav{font-size:.68rem}.share-grid,.qr-page .share-grid{grid-template-columns:1fr;gap:22px}.share-card{padding:20px}.qr-frame{width:min(100%,280px);justify-self:center;padding:20px}.qr-page .share-card{padding:20px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-page .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .page-title{font-size:clamp(2.3rem,8vw,3.3rem)}.about-page .page-hero{padding-bottom:24px}.about-page .cards-grid{margin-top:22px}}
/* A short viewport is not a desktop. Keep the question accessible; let the document grow. */
@media(max-height:650px) and (max-width:1100px){.home-grid{display:flex;flex-direction:column}.home-hero-grid{display:contents}.home-lead{order:0}.home-terminal{order:1}.profile-rail{order:2;align-self:center}.system-mini-nav{order:3}.operator-explain{order:4}.hero-deck,.hero-categories,.hero-joke{margin-top:8px}.home-lead .hero-title{font-size:1.7rem}.home-lead .hero-deck{font-size:.85rem}.home-lead .hero-categories{font-size:.66rem}.home-terminal textarea{min-height:64px}.home-terminal .terminal-head{margin-bottom:9px}}
@media(orientation:landscape) and (max-height:600px) and (min-width:651px){.home-hero-grid{grid-template-columns:1fr}.profile-rail{width:min(100%,720px);max-width:720px}.home-lead .hero-title .line{display:inline}.hero-categories{max-width:none}.home-terminal .form-grid{grid-template-columns:1.4fr 1fr}.hero-deck{max-width:none}.home-lead{text-align:left}.home-terminal textarea{min-height:90px}.site-header{padding-top:max(4px,env(safe-area-inset-top,0px))}.header-primary{min-height:52px}.site-main{padding-top:14px}.home-grid{gap:13px}.home-lead .eyebrow{display:none}.network-panel{grid-template-columns:repeat(5,minmax(0,1fr))}.network-value{font-size:.74rem}.network-cell{padding:10px}}
@media(max-width:360px){.operator-card{grid-template-columns:105px minmax(0,1fr);gap:9px}.operator-media{width:105px}.operator-name{font-size:.68rem}.operator-role{font-size:.56rem}.video-controls{grid-template-columns:30px 30px minmax(10px,1fr) 25px}.video-control{width:30px}.video-expand{width:25px}.status-human{font-size:.56rem}.status-ip{font-size:.54rem;max-width:20ch}.wordmark{font-size:.88rem}.mobile-nav-wrap summary{font-size:.6rem}.steps-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}.site-header,.site-footer,.chapter-nav{display:none}.site-main{width:100%;padding:0}.chapter-panel{border:0;padding:0}.chapter-section p,.page-intro{color:#222}.chapter-grid{display:block}.chapter-section{break-inside:avoid;margin-top:20px}.page-title{font-size:28pt}}

.motion-toggle{font:.6rem var(--mono);color:var(--gray);border:0;background:none;padding:8px 0 0;cursor:pointer}.orbit-paused .wordmark-planet{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
.chapter-panel .chapter-callout{margin:18px 0 0;padding-top:14px;color:var(--green);font-family:var(--mono);font-size:.75rem;line-height:1.6}
/* Phone entry-point priority: the complete question form precedes supplementary media. */
@media(max-width:650px){
 .home-grid{display:flex;flex-direction:column}.home-hero-grid,.home-lead{display:contents}
 .home-page .hero-heading{order:0;text-align:center}.home-terminal{order:1}.home-page .profile-rail{order:2;align-self:center}.home-page .hero-context{order:3;text-align:center}.operator-explain{order:4}.system-mini-nav{order:5}
}
/* Landscape has an actual height budget: headline left, complete question form right. */
@media(orientation:landscape) and (max-height:650px) and (min-width:651px){
 .home-grid{display:grid;grid-template-columns:minmax(165px,.58fr) minmax(0,1.42fr);grid-template-areas:"heading terminal" "profiles profiles" "context context" "explain explain" "links links";gap:16px 22px}
 .home-hero-grid,.home-lead{display:contents}.home-page .hero-heading{grid-area:heading;align-self:start;text-align:left}.home-page .hero-heading .hero-title{font-size:clamp(1.6rem,3.2vw,2.2rem)}.home-page .hero-title .line{display:block}.home-terminal{grid-area:terminal;padding:14px}.home-page .profile-rail{grid-area:profiles}.home-page .hero-context{grid-area:context}.operator-explain{grid-area:explain}.system-mini-nav{grid-area:links}
 .home-terminal .form-grid{grid-template-columns:1fr;gap:8px}.home-terminal .question-field,.home-terminal .reply-field,.home-terminal .form-actions{grid-column:1;grid-row:auto}.home-terminal .reply-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px}.home-terminal .reply-field label{max-width:12ch;font-size:.63rem}.home-terminal textarea{height:60px;min-height:60px;padding:9px 11px}.home-terminal .beta-copy{font-size:.6rem;margin-top:8px}.home-terminal .terminal-head{margin-bottom:9px}.home-terminal .form-note{font-size:.65rem}
}

/* V36: link the existing About panels without changing their copy or base geometry. */
.about-card-link {
  position: relative;
  display: block;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.about-card-link::after {
  content: "↗";
  position: absolute;
  top: 20px;
  right: 24px;
  color: var(--green);
  font: 1.15rem/1 var(--mono);
  opacity: .75;
}
.about-card-link .step-number { padding-right: 32px; }
.about-card-link:hover, .about-card-link:focus-visible {
  border-color: var(--green);
  background: rgba(118,255,138,.065);
}
.about-card-link:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; }
@media (hover:hover) and (pointer:fine) {
  .about-card-link:hover { transform: translateY(-2px); }
}
/* Reuse the actual existing wordmark orbit: ring + green planet only. */
.hero-orbit {
  --hero-orbit-scale: 4.5;
  position: relative;
  width: 100%;
  height: 108px;
  min-width: 0;
  justify-self: center;
  align-self: center;
  pointer-events: none;
}
.hero-orbit .wordmark-orbit {
  left: 50%; top: 50%;
  width: 31px; height: 13px;
  transform: translate(-50%,-50%) rotate(-17deg) scale(var(--hero-orbit-scale));
  border-color: rgba(118,255,138,.62);
  border-width: .45px;
}
.hero-orbit .wordmark-planet { box-shadow: none; }
/* Preserve V36 grid tracks and video caps. V37 measures the actual comma glyph
   separately; a column boundary is not the visible end of the text. */
@media (min-width:1001px) {
  .home-hero-grid {
    --hero-rail-max: 900px;
    grid-template-columns: minmax(0,1fr) clamp(88px,9.375vw,180px) minmax(0,min(52.3255814%,var(--hero-rail-max)));
    column-gap: clamp(14px,1.25vw,24px);
  }
}
@media (min-width:1101px) and (max-height:950px) {
  .home-hero-grid { --hero-rail-max: 780px; }
}
@media (min-width:1001px) and (max-width:1500px) {
  .hero-orbit { --hero-orbit-scale: 3.1; height: 86px; }
}
@media (min-width:1001px) and (max-width:1150px) {
  .hero-orbit { --hero-orbit-scale: 2.4; }
}
@media (max-width:1000px) {
  .hero-orbit { --hero-orbit-scale: 2.4; width: 100px; height: 54px; }
}
/* On short/stacked screens keep the form priority; the mark sits before the videos. */
@media (max-width:650px), (max-height:650px) and (max-width:1100px) {
  .hero-orbit { order: 2; --hero-orbit-scale: 2.1; width: 90px; height: 50px; }
}
@media (orientation:landscape) and (max-height:650px) and (min-width:651px) {
  .home-grid {
    grid-template-areas: "heading terminal" "orbit orbit" "profiles profiles" "context context" "explain explain" "links links";
  }
  .hero-orbit { grid-area: orbit; --hero-orbit-scale: 2.1; width: 90px; height: 50px; }
}
@media (prefers-reduced-motion:reduce) {
  .about-card-link { transition: none; }
  .hero-orbit .wordmark-planet { animation: none; }
}
@media print { .hero-orbit { display: none; } }

/* V37 — slow, continuous motion on the actual ellipse, not four straight legs.
   Coordinate origin is the ring border box. Geometry values are refreshed from
   its computed stroke so the dot follows the centerline at every pixel density. */
.wordmark-planet {
  top: 0;
  left: 0;
  transform: none;
  offset-path: ellipse(var(--orbit-rx,15px) var(--orbit-ry,6px) at 15.5px 6.5px);
  offset-anchor: 50% 50%;
  offset-rotate: 0deg;
  offset-distance: 75%;
  animation: orbit-travel 24s linear -18s infinite;
}
@keyframes orbit-travel {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}
.hero-orbit .wordmark-orbit {
  left: calc(50% + var(--orbit-center-dx,0px));
  top: calc(50% + var(--orbit-center-dy,0px));
}
.orbit-paused .wordmark-planet { animation-play-state: paused; }
@media (prefers-reduced-motion:reduce) {
  .wordmark-planet { animation: none !important; offset-distance: 75%; }
}

/* V40 — short phone/tablet landscape: use the otherwise empty left hero panel
   for the same ring + moving planet. The form keeps the entire right column. */
@media (orientation:landscape) and (max-height:650px) and (min-width:651px) {
  .home-grid {
    grid-template-areas:
      "heading terminal"
      "profiles profiles"
      "context context"
      "explain explain"
      "links links";
  }
  .home-page .hero-heading {
    grid-area: heading;
    position: relative;
    z-index: 1;
    align-self: start;
  }
  .hero-orbit {
    grid-area: heading;
    --hero-orbit-scale: 2.75;
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    align-self: stretch;
    justify-self: stretch;
    z-index: 0;
  }
}
@media (orientation:landscape) and (max-height:480px) and (min-width:651px) {
  .hero-orbit { --hero-orbit-scale: 2.5; }
}