.pine-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center}.pine-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.08}.pine-blueprint{border:1px solid var(--line);border-radius:24px;padding:28px;background:radial-gradient(ellipse at center,rgba(61,133,95,.25),transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 29px,#ffffff05 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#ffffff05 30px),#0c1a15;text-align:center}.pine-blueprint>span{font-size:.7rem;letter-spacing:2px;color:var(--accent-2)}.pine-spec-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.pine-spec-strip strong,.pine-spec-strip span{display:block}.pine-spec-strip span{font-size:.7rem;color:var(--muted)}.pine-demo-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center}.pine-dashboard{border:1px solid #537095;border-radius:24px;overflow:hidden;background:#050b19;box-shadow:0 24px 80px #0007;color:#f4f2db}.pine-dashboard-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:14px}.pine-dashboard-head strong{font-size:clamp(1rem,2vw,1.4rem);display:block}.pine-dashboard-head div>span{display:block;font-size:.6rem;letter-spacing:1.5px;color:#a5b2cb;margin-top:4px}.pine-level{font-size:.65rem;letter-spacing:1px;white-space:nowrap;border:1px solid #70f35f70;background:#173d22;color:#a4ffaa;border-radius:30px;padding:7px 12px}.pine-level.warning{color:#ffdc78;background:#533c14;border-color:#a87f34}.pine-level.danger{color:#ffaaaa;background:#54212a;border-color:#a54e56}.pine-level.sleeping{color:#c1cadd;background:#252e42;border-color:#61708c}.pine-chase{position:relative;aspect-ratio:1.65;background:url('../images/pinewood-city.svg') center/cover;overflow:hidden;perspective:850px}.pine-active{position:absolute;top:12px;left:20px;border:1px solid #ffffff30;border-radius:20px;padding:4px 10px;background:#050b19b0;font-size:.65rem;color:#8bffa6;z-index:3}.pine-car-stage{position:absolute;inset:16% 3% 12%;display:flex;align-items:center;justify-content:center;perspective:850px}.pine-car-pitch{width:100%;transform:rotateZ(var(--pitch,0deg));transition:transform .2s}.pine-car-roll{position:relative;transform:rotateX(var(--roll,0deg));transition:transform .2s}.pine-car-roll img{width:100%;filter:drop-shadow(0 24px 12px #0009)}.pine-beacon{position:absolute;left:50.5%;top:17%;width:4%;height:9%;border-radius:50%;filter:blur(7px);background:#ff2949;box-shadow:0 0 28px 8px #ff2949;animation:pine-flash 1.5s steps(1) infinite}.pine-beacon.blue{top:21%;background:#308bff;box-shadow:0 0 28px 8px #308bff;animation-delay:.75s}.pine-reflection{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 60%,#ff294925,transparent 60%),radial-gradient(ellipse at 20% 65%,#308bff40,transparent 55%)}.pine-unit{position:absolute;bottom:10px;width:100%;text-align:center;color:#d0d8ef;font-size:.6rem;letter-spacing:2px}.pine-readouts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.pine-readouts>div{background:#0a1428;border:1px solid #354461;border-radius:13px;padding:12px 6px;text-align:center;min-width:0}.pine-readouts span{display:block;font-size:.58rem;color:#a7b5d0;text-transform:uppercase;letter-spacing:.6px}.pine-readouts strong{font-size:clamp(.85rem,1.8vw,1.25rem);display:block;white-space:nowrap}.pine-dashboard.is-sleeping .pine-chase{filter:brightness(.55)}.pine-dashboard.is-sleeping .pine-beacon{animation:none;opacity:0}.pine-controls label{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-weight:600}.pine-controls output{color:var(--accent-2)}.pine-controls input{width:100%;margin:14px 0;accent-color:var(--accent)}.pine-controls .button{cursor:pointer}.pine-board-art{height:132px;max-width:205px;background:#135748;border:3px solid #317c67;border-radius:12px;position:relative;display:grid;place-items:center;margin:0 auto 28px;box-shadow:inset 0 0 0 10px #0c4539}.pine-board-art:before,.pine-board-art:after{content:'';position:absolute;top:12px;bottom:12px;width:8px;background:repeating-linear-gradient(#e4bb58 0 9px,transparent 9px 16px)}.pine-board-art:before{left:4px}.pine-board-art:after{right:4px}.pine-chip{background:#171e23;border:3px solid #aaa69a;border-radius:5px;padding:12px 20px;font:700 .9rem/1.2 monospace;color:#e0dfd4;text-align:center;letter-spacing:2px}.pine-board-art>span{position:absolute;bottom:9px;font-size:.6rem;letter-spacing:2px;color:#e9d6a4}.sensor-board{background:#173f72;border-color:#4c74a1;box-shadow:inset 0 0 0 10px #15335d}.output-board{background:#41432c;border-color:#7a8252;box-shadow:inset 0 0 0 10px #353820}.pine-detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.pine-table-wrap{overflow:auto}.pine-pin-table{width:100%;border-collapse:collapse;text-align:left}.pine-pin-table td,.pine-pin-table th{padding:13px 10px;border-bottom:1px solid var(--line)}.pine-pin-table th{color:var(--accent-2)}.pine-steps{padding-left:22px}.pine-steps li{padding:8px 0 8px 6px}.pine-reference-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;align-items:start}.pine-reference-grid figure{margin:0}.pine-reference-grid img{border-radius:12px;width:100%}.pine-original-dashboard img{max-width:330px;margin:auto}.pine-reference-grid figcaption{font-size:.85rem;color:var(--muted);margin-top:18px}.pine-design-image img{background:#e2ccb0}.pine-card-thumbnail{width:100%;height:145px;object-fit:contain;background:url('../images/pinewood-city.svg') center/cover;border-radius:14px;margin-bottom:20px}code{overflow-wrap:anywhere}.pine-chip{pointer-events:none}@keyframes pine-flash{0%,49%{opacity:.85}50%,100%{opacity:.08}}@media(prefers-reduced-motion:reduce){.pine-beacon{animation:none;opacity:.6}.pine-car-pitch,.pine-car-roll{transition:none}}@media(max-width:850px){.pine-hero,.pine-demo-layout,.pine-detail-layout{grid-template-columns:1fr;gap:28px}.pine-reference-grid{grid-template-columns:1.3fr 1fr}.pine-blueprint{max-width:600px}.pine-hero h1{font-size:3rem}}@media(max-width:560px){.pine-reference-grid{grid-template-columns:1fr}.pine-dashboard-head{padding:16px 12px}.pine-dashboard-head div>span{font-size:.48rem;letter-spacing:.7px}.pine-level{padding:6px 8px;font-size:.55rem}.pine-readouts{gap:5px;padding:8px}.pine-readouts>div{padding:10px 2px}.pine-readouts span{font-size:.48rem;letter-spacing:0}.pine-spec-strip{gap:6px}.pine-board-art{margin-bottom:18px}}

.current-three-status{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.current-three-status{grid-template-columns:1fr}}
section[id]{scroll-margin-top:90px}