.guide-page{background:#101713}.guide-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff1c;position:relative;z-index:2}.return{font-size:8px;letter-spacing:.14em;color:#9eaaa2}.guide-hero{min-height:690px;padding:105px 6vw 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 77% 45%,#2f4637 0,transparent 27%),linear-gradient(155deg,#1c2821,#0d130f)}.guide-hero>p{font-size:9px;letter-spacing:.2em;color:#35d15f;margin:0 0 35px}.guide-hero h1{font:400 clamp(80px,12vw,180px)/.78 var(--display);margin:0;position:relative;z-index:2}.guide-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d7dccf}.guide-meta{display:flex;gap:34px;margin-top:65px;font-size:8px;letter-spacing:.12em;color:#91a097}.guide-radar{position:absolute;width:min(42vw,570px);aspect-ratio:1;border:1px solid #35d15f3d;border-radius:50%;right:0;top:50%;transform:translate(16%,-48%);background:repeating-radial-gradient(circle,#35d15f00 0 55px,#35d15f20 56px 57px),conic-gradient(from 70deg,#35d15f36,transparent 12%)}.guide-radar:before,.guide-radar:after{content:"";position:absolute;background:#35d15f25}.guide-radar:before{left:50%;top:0;bottom:0;width:1px}.guide-radar:after{top:50%;left:0;right:0;height:1px}.guide-radar i{position:absolute;width:40%;height:25%;border:28px solid #35d15f70;border-left-color:transparent;border-radius:50%;left:30%;top:31%;transform:rotate(32deg)}.guide-radar b{position:absolute;width:25%;height:17%;border:15px solid #f1b544a6;border-top-color:transparent;border-radius:50%;left:40%;top:46%;transform:rotate(35deg)}.guide-radar span{position:absolute;width:13%;height:10%;border:8px solid #ef572dcc;border-right-color:transparent;border-radius:50%;left:48%;top:53%}.manual{display:grid;grid-template-columns:230px 1fr;gap:8vw;padding:120px 6vw 150px;max-width:1500px;margin:auto}.manual>aside{position:sticky;top:40px;height:max-content;display:flex;flex-direction:column;gap:18px;border-top:1px solid #ffffff25;padding-top:24px}.manual>aside p{font-size:8px;letter-spacing:.17em;color:#35d15f;margin:0 0 15px}.manual>aside a{font-size:9px;color:#849188}.manual-copy>section{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:0 0 110px;margin-bottom:15px;border-bottom:1px solid #ffffff18;scroll-margin-top:35px}.manual-no{font:400 30px var(--display);color:#35d15f}.manual h2{font:400 clamp(55px,7vw,92px)/1 var(--display);margin:0 0 35px}.manual-copy p{font-size:11px;line-height:2.05;color:#abb6ae;margin:0 0 24px;max-width:780px}.manual code{color:#35d15f;font-family:var(--mono);font-size:.95em}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 0 34px}.swatches span{font-size:8px;line-height:1.65;color:#909d94}.swatches i{display:block;height:85px;background:var(--c);margin-bottom:10px;border:1px solid #ffffff20}.guide-page .site-footer{border-top:1px solid #ffffff20}
@media(max-width:700px){.guide-header{height:68px;padding:0 20px}.return{font-size:0}.return:after{content:'← BACK';font-size:8px}.guide-hero{min-height:580px;padding:80px 20px 60px}.guide-hero h1{font-size:69px}.guide-meta{flex-direction:column;gap:12px;margin-top:50px}.guide-radar{width:390px;right:-150px;top:63%;opacity:.55}.manual{display:block;padding:85px 20px}.manual>aside{display:none}.manual-copy>section{grid-template-columns:38px 1fr;gap:11px;padding-bottom:75px}.manual h2{font-size:46px}.manual-copy p{font-size:10px}.manual-no{font-size:22px}.swatches{grid-template-columns:1fr 1fr}.swatches i{height:62px}}

/* Pass 2 manual: explain the shared signal with the same visual authority as the field site. */
.guide-page{background-color:#0a110d;background-image:radial-gradient(circle at 14% 28%,#24372b70,transparent 30%),repeating-radial-gradient(ellipse at 86% 18%,transparent 0 120px,#35d15f08 121px 122px)}
.guide-header{background:#09100de8;backdrop-filter:blur(10px)}.return{min-height:44px;display:flex;align-items:center;color:#c2ccc4}
.guide-hero{min-height:720px;background:radial-gradient(circle at 78% 44%,#35584245 0,transparent 28%),linear-gradient(155deg,#19271f,#09100d);border-bottom:1px solid #35d15f38}
.guide-hero:after{content:"FIELD SYSTEM / 65";position:absolute;right:4vw;bottom:28px;font-size:7px;letter-spacing:.18em;color:#7e8e83}
.guide-radar{box-shadow:0 0 90px #35d15f0b,inset 0 0 80px #35d15f0b}.guide-radar u{position:absolute;inset:2%;border-radius:50%;background:conic-gradient(from 14deg,#35d15f35,transparent 10%);animation:guideSweep 5s linear infinite}.guide-radar u:after{content:"";position:absolute;left:50%;top:50%;width:48%;height:1px;background:#35d15f85;transform-origin:left}
@keyframes guideSweep{to{transform:rotate(1turn)}}
.guide-sequence{position:absolute;left:6vw;right:6vw;bottom:70px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:12px;font-size:7px;letter-spacing:.12em;color:#829087}.guide-sequence i{height:1px;background:linear-gradient(90deg,#35d15f,#35d15f25)}.guide-sequence b{padding:8px 10px;background:#ef572d;color:#120e0c;font-weight:700}
.manual{grid-template-columns:250px minmax(0,1fr);gap:6vw;padding-top:105px}.manual>aside{top:110px;padding-bottom:24px;border-bottom:1px solid #ffffff18}.manual>aside a{display:flex;align-items:center;min-height:32px;color:#a9b4ac}.manual>aside a:hover,.manual>aside a:focus-visible{color:var(--green)}
.manual-copy>section{grid-template-columns:74px minmax(0,1fr);padding-bottom:92px;margin-bottom:35px}.manual h2{letter-spacing:.01em}.manual-copy p{font-size:12px;line-height:1.95;color:#c0c9c2}.manual code{padding:2px 4px;background:#35d15f0b;border-bottom:1px solid #35d15f52}
.signal-diagram{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:34px 0 38px;padding:17px;border:1px solid #35d15f45;background:#09120de8;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.signal-diagram span{font-size:7px;line-height:1.6;color:#87968c;letter-spacing:.08em}.signal-diagram b{color:#e3e9e2;font-size:8px}.signal-diagram i{height:1px;background:var(--green);position:relative}.signal-diagram i:after{content:"";position:absolute;right:0;top:-2px;border-left:5px solid var(--green);border-top:2px solid transparent;border-bottom:2px solid transparent}
.swatches{gap:12px}.swatches span{color:#aeb9b1}.swatches i{position:relative;overflow:hidden}.swatches i:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,#fff2 50.5%,transparent 51%)}
@media(max-width:900px){.manual{grid-template-columns:210px 1fr;gap:5vw}.manual-copy>section{grid-template-columns:62px 1fr}.manual h2{font-size:clamp(54px,7vw,78px)}.guide-sequence{left:5vw;right:5vw}}
@media(max-width:700px){.guide-hero{min-height:650px;padding-top:90px}.guide-hero h1{font-size:68px;line-height:.79}.guide-meta{margin-top:42px}.guide-sequence{left:20px;right:20px;bottom:30px;grid-template-columns:1fr 1fr;gap:8px}.guide-sequence i{display:none}.guide-sequence span,.guide-sequence b{min-height:30px;display:flex;align-items:center}.guide-sequence b{padding:7px}.guide-radar{top:58%}.manual-copy>section{grid-template-columns:36px minmax(0,1fr)}.manual-copy p{font-size:11px;line-height:1.85}.signal-diagram{grid-template-columns:1fr;gap:7px}.signal-diagram i{width:1px;height:12px;margin-left:8px}.signal-diagram i:after{right:-2px;top:auto;bottom:0;border-top:5px solid var(--green);border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:0}.swatches span{font-size:8px}.guide-page .site-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.guide-radar u{animation:none;transform:rotate(45deg)}}

/* Pass 3 manual polish mirrors the field sequencer without turning into generic docs. */
.guide-hero h1{letter-spacing:-.023em;text-wrap:balance}.manual h2{letter-spacing:-.015em;text-wrap:balance}.manual-copy p{text-wrap:pretty}
.guide-sequence span,.guide-sequence b{font-variant-numeric:tabular-nums;transition:color .25s,background-color .25s,transform .35s cubic-bezier(.16,1,.3,1)}.guide-sequence b:hover{background:var(--amber);transform:translateY(-2px)}
.manual>aside a{border-left:1px solid transparent;padding-left:0;transition:color .2s,border-color .2s,padding-left .35s cubic-bezier(.16,1,.3,1)}.manual>aside a:hover,.manual>aside a:focus-visible{border-color:var(--green);padding-left:10px}
.signal-diagram{box-shadow:0 22px 70px #0004}.swatches i{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .3s}.swatches span:hover i{transform:translateY(-5px);box-shadow:0 18px 38px #0007}
@media(max-width:700px){.guide-hero h1{letter-spacing:-.018em}.swatches span:hover i{transform:none}}
