/* OFICIO CERO / OC007 — StreamLinux. Own layout/identity within main design system. */
.sl{--sl-ink:#142018;--sl-cream:#eaeae0;--sl-ice:#d6f6e6;--sl-lime:#dbfa75;--sl-violet:#8e83f4;--sl-orange:#f17a4c;overflow:hidden;color:var(--sl-ink)}
.sl *,.sl *::before,.sl *::after{box-sizing:border-box}.sl a:focus-visible,.sl button:focus-visible{outline:3px solid var(--sl-orange);outline-offset:4px}
.sl h1,.sl h2,.sl h3{font-family:var(--display),sans-serif;letter-spacing:-.075em;margin:0;font-weight:700}.sl h1{font-size:clamp(54px,6.75vw,112px);line-height:.95}.sl h2{font-size:clamp(46px,6.6vw,110px);line-height:.96}.sl h3{letter-spacing:-.055em}.sl em{font-style:normal}.sl p{margin:0}.sl-hero{background:#15231c;color:#f1f2e7;padding:30px var(--gutter) 0;position:relative;isolation:isolate}.sl-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 66% 42%,#504f835b,transparent 47%),repeating-linear-gradient(90deg,transparent 0 86px,#ffffff0a 87px 88px);pointer-events:none;z-index:-1}.sl-hero-top,.sl-section-index{display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:.11em}.sl-hero-top{border-bottom:1px solid #899c873e;padding:0 0 24px}.sl-alpha{color:#f9cf9f}.sl-alpha i{display:inline-block;width:7px;height:7px;background:var(--sl-orange);border-radius:50%;margin-right:8px;box-shadow:0 0 13px var(--sl-orange)}.sl-hero-grid{display:grid;grid-template-columns:1fr 1.13fr;align-items:center;min-height:660px;gap:12px}.sl-hero-text{padding:60px 0 80px;position:relative;z-index:2}.sl-eyebrow{display:block;font:11px var(--mono);letter-spacing:.07em;color:var(--sl-lime);margin-bottom:28px}.sl-hero h1 em{color:var(--sl-lime)}.sl-hero h1>span{font-size:.68em;white-space:nowrap}.sl-hero-text>p{font-size:clamp(15px,1.35vw,18px);line-height:1.55;max-width:450px;color:#bfcebe;margin:32px 0}.sl-hero-text>p strong{color:#f1f2e7}.sl-actions{display:flex;gap:9px;flex-wrap:wrap}.sl-actions a,.sl-download-links a{font:11px var(--mono);padding:16px 18px;border:1px solid #b8e8ab;text-decoration:none;transition:.2s;white-space:normal}.sl-primary{color:#172219!important;background:var(--sl-lime)!important;border-color:var(--sl-lime)!important}.sl-actions a:hover,.sl-download-links a:hover{transform:translateY(-3px)}.sl-outline{color:#e5eae3}.sl-hero-foot{display:flex;flex-wrap:wrap;gap:12px 25px;font:9px var(--mono);color:#94ae9b;margin-top:65px;letter-spacing:.05em}.sl-hero-visual{height:550px;min-width:0;position:relative;display:grid;place-items:center}.sl-scene-grid{position:absolute;inset:10% 0;background:radial-gradient(circle at 50% 50%,#8e83f422,transparent 53%),repeating-linear-gradient(0deg,transparent 0 42px,#ffffff0a 43px 44px);mask-image:radial-gradient(ellipse,#000 30%,transparent 70%)}.sl-orbit{position:absolute;border-radius:50%;border:1px solid #8e83f445;left:50%;top:50%;transform:translate(-50%,-50%)}.sl-orbit-a{width:520px;height:360px;border-style:dashed}.sl-orbit-b{width:630px;height:440px;border-color:#d6f6e621}.sl-desktop{width:73%;height:57%;position:absolute;left:4%;top:21%;border:2px solid #b5bff8b5;border-radius:14px;box-shadow:0 35px 55px #080f13bb,0 0 0 10px #252b384f;transform:perspective(900px) rotateY(-8deg) rotateX(2deg);background:#181a2f;overflow:hidden}.sl-device-bar{height:30px;background:#363a55;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:8px var(--mono);color:#dee2fa}.sl-device-bar>span:first-child{display:flex;gap:4px}.sl-device-bar i{width:7px;height:7px;border-radius:50%;background:#e7a87a}.sl-device-bar i:nth-child(2){background:#b7d6a4}.sl-device-bar i:nth-child(3){background:#a48de9}.sl-wallpaper{height:calc(100% - 30px);position:relative;display:grid;place-items:center;background:radial-gradient(circle at 70% 40%,#655edb,transparent 40%),linear-gradient(135deg,#252044,#2c3c4f 60%,#13232e)}.sl-wallpaper:before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(circle at 74% 44%,transparent 0 19px,#dedbff0e 20px 21px)}.sl-wallpaper-emblem{font:clamp(80px,12vw,180px)/1 var(--display);font-weight:800;letter-spacing:-.1em;color:#ecf4f19e}.sl-wallpaper-emblem span{color:#dbfa75}.sl-wallpaper small{position:absolute;bottom:45px;color:#d2dfdb99;font:9px var(--mono)}.sl-desktop-dock{position:absolute;bottom:9px;left:38%;display:flex;gap:7px;background:#151825ad;padding:7px;border-radius:10px}.sl-desktop-dock i{width:19px;height:19px;border-radius:5px;background:#dbfa75}.sl-desktop-dock i:nth-child(2){background:#8e83f4}.sl-desktop-dock i:nth-child(3){background:#ef9f62}.sl-desktop-dock i:nth-child(4){background:#dededf}.sl-phone{width:28%;height:57%;position:absolute;right:0%;top:24%;background:#090e1b;border:4px solid #a9bdd0;border-radius:26px;padding:9px 6px;box-shadow:0 24px 45px #000c,0 0 35px #8678f47d;transform:rotate(5deg);z-index:3}.sl-phone-camera{width:36px;height:5px;background:#3b4253;border-radius:10px;margin:-3px auto 5px}.sl-phone-screen{height:calc(100% - 5px);background:#1c1d35;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.sl-phone-heading{font:clamp(6px,.6vw,9px) var(--mono);color:#f6f9ef;padding:13px 7px;display:flex;justify-content:space-between}.sl-phone-heading b{color:#dbfa75}.sl-phone-picture{flex:1;background:radial-gradient(circle at 55% 50%,#685de8 5%,transparent 63%),linear-gradient(145deg,#22213a,#253849);display:flex;flex-direction:column;justify-content:center;align-items:center}.sl-phone-emblem{font:clamp(40px,6vw,95px) var(--display);color:#e5edec}.sl-phone-picture small{font:6px var(--mono);color:#d6e7e5}.sl-phone-bottom{display:flex;justify-content:space-around;color:#b3aafc;font:7px var(--mono);padding:10px 3px}.sl-packet-path{position:absolute;left:67%;right:17%;top:50%;height:1px;border-top:2px dotted #dbfa75;z-index:4;transform:rotate(5deg)}.sl-packet-path i{position:absolute;width:6px;height:6px;background:var(--sl-lime);border-radius:50%;top:-4px;animation:sl-packet 2s linear infinite}.sl-packet-path i:nth-child(2){animation-delay:-.5s}.sl-packet-path i:nth-child(3){animation-delay:-1s}.sl-packet-path i:nth-child(4){animation-delay:-1.5s}@keyframes sl-packet{from{left:0;opacity:0}25%{opacity:1}to{left:100%;opacity:0}}.sl-figure-tags{position:absolute;bottom:18px;left:2%;right:0;display:flex;justify-content:space-between;color:#99b29b;font:9px var(--mono)}.sl-spec-strip{border-top:1px solid #6b847259;display:grid;grid-template-columns:repeat(4,1fr)}.sl-spec-strip>div{padding:26px 16px 28px 0;border-right:1px solid #6b847259;display:flex;flex-direction:column;gap:10px}.sl-spec-strip>div:not(:first-child){padding-left:20px}.sl-spec-strip>div:last-child{border-right:0}.sl-spec-strip span{font:9px var(--mono);color:#a6bca9}.sl-spec-strip strong{font:clamp(15px,1.5vw,23px) var(--display);letter-spacing:-.05em;color:#edf2e6}.sl-nav{display:flex;background:#c7dec1;flex-wrap:wrap;border-bottom:1px solid #17271b}.sl-nav a{font:9px var(--mono);color:#233328;padding:17px 22px;border-right:1px solid #91ad90;text-decoration:none}.sl-nav a:hover{background:#1a2b20;color:#dbfa75}.sl-story,.sl-lab,.sl-architecture,.sl-features,.sl-download,.sl-state{padding:80px var(--gutter) 94px}.sl-section-index{border-top:1px solid currentColor;padding-top:13px;opacity:.8}.sl-story{background:#e7e8db}.sl-story-body{display:grid;grid-template-columns:1fr .75fr;gap:8%;margin-top:67px}.sl-story h2 em{color:#806ed7}.sl-story-body>div{padding-top:4px}.sl-story-body p{font-size:17px;line-height:1.68;margin-bottom:16px}.sl-remark{margin-top:46px;padding:21px 0;border-top:1px solid #657865;font:11px var(--mono);letter-spacing:.08em}.sl-lab{background:#d0e6cb}.sl-lab h2 em{color:#475b4f}.sl-lab-title,.sl-split-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:54px 0 41px}.sl-lab-title p,.sl-split-head p{max-width:350px;font-size:15px;line-height:1.6}.sl-lab-layout{display:grid;grid-template-columns:1.45fr .78fr;border:1px solid #253529}.sl-lab-canvas{background:#17271d;color:#e9f1e5;min-height:450px;padding:27px 26px;position:relative;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}.sl-lab-panel-head,.sl-lab-status,.sl-control-header{display:flex;justify-content:space-between;gap:14px;font:10px var(--mono);letter-spacing:.04em}.sl-lab-panel-head{color:#a8c4ad}.sl-lab-state{color:#dbfa75}.sl-lab-flow{display:flex;align-items:center;justify-content:center;width:100%;margin:24px 0;gap:0}.sl-lab-node{border:1px solid #719475;width:32%;min-width:0;aspect-ratio:1.13;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#dafa7510;text-align:center;padding:8px}.sl-lab-node-icon{color:#dbfa75;font-size:clamp(35px,5vw,65px);line-height:1}.sl-lab-node strong{font:clamp(16px,2vw,26px) var(--display);letter-spacing:-.05em}.sl-lab-node small{font:8px var(--mono);color:#a9b9a9}.sl-lab-channel{flex:1;min-width:8%;border-top:2px dashed #dafa75;position:relative;height:5px}.sl-lab-channel>i{position:absolute;background:#dafa75;width:6px;height:6px;top:-4px;border-radius:50%;animation:sl-packet 1.9s linear infinite}.sl-lab-channel>i:nth-of-type(2){animation-delay:-.47s}.sl-lab-channel>i:nth-of-type(3){animation-delay:-.95s}.sl-lab-channel>i:nth-of-type(4){animation-delay:-1.42s}.sl-lab-channel>i:nth-of-type(5){animation-delay:-1.67s}.sl-lab-channel small{position:absolute;top:15px;left:0;right:0;text-align:center;font:8px var(--mono);white-space:nowrap;color:#dbfa75}.sl-lab-canvas[data-mode=usb] .sl-lab-channel{border-style:solid;border-color:#bdabff}.sl-lab-canvas[data-mode=usb] .sl-lab-channel i{background:#bdabff}.sl-lab-canvas[data-mode=usb] .sl-lab-channel small{color:#bdabff}.sl-audio-signal{margin-top:13px;border-top:1px solid #59745d;border-bottom:1px solid #59745d;padding:13px 0;display:grid;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:14px;color:#b5c9b6;font:10px var(--mono)}.sl-audio-signal b{color:#dbfa75}.sl-wavebars{height:39px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.sl-wavebars i{width:3px;height:14px;background:#dafa75;animation:sl-wave 1s ease-in-out infinite alternate;animation-delay:calc(var(--i, 1)*-60ms)}.sl-wavebars i:nth-child(3n){height:27px;animation-delay:-.4s}.sl-wavebars i:nth-child(4n){height:19px;animation-delay:-.75s}.sl-wavebars i:nth-child(5n){height:7px;animation-delay:-.2s}@keyframes sl-wave{to{height:35px}}.sl-lab-status{font-size:9px;color:#97b1a0;flex-wrap:wrap;margin-top:28px}.sl-lab-controls{padding:30px;background:#e7ebdf;display:flex;flex-direction:column}.sl-control-header{padding-bottom:19px;border-bottom:1px solid #8da68d}.sl-lab-controls h3{font-size:clamp(34px,3.5vw,52px);margin:31px 0 28px}.sl-lab-controls fieldset{margin:0 0 23px;padding:0;border:0}.sl-lab-controls legend{font:10px var(--mono);margin-bottom:10px}.sl-options{display:grid;gap:6px}.sl-options button{background:transparent;border:1px solid #8a9c89;display:flex;align-items:center;gap:12px;text-align:left;min-height:45px;padding:10px 13px;font:10px var(--mono);cursor:pointer;color:#233326}.sl-options button[aria-pressed=true],.sl-options button:hover{background:#1b2b20;border-color:#1b2b20;color:#dbfa75}.sl-opt-num{width:22px;opacity:.7}.sl-select-mark{margin-left:auto}.sl-lab-description{font-size:14px;line-height:1.6;margin-top:10px!important}.sl-lab-controls-note{font:8px var(--mono);margin-top:auto;padding-top:25px;color:#657865}.sl-architecture{background:#17261e;color:#e6ece3}.sl-architecture h2 em{color:#dbfa75}.sl-arch-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #718074;border-top:1px solid #718074}.sl-arch-grid article{border-right:1px solid #718074;border-bottom:1px solid #718074;padding:26px;min-height:350px;display:flex;flex-direction:column}.sl-arch-grid article>span{font:9px var(--mono);color:#a9bba7}.sl-arch-symbol{font:60px var(--display);color:#dbfa75;margin:35px 0 17px;line-height:1}.sl-arch-grid h3{font-size:29px}.sl-arch-grid p{font-size:13px;line-height:1.6;color:#bdccba;margin:15px 0 30px}.sl-arch-grid small{font:9px var(--mono);color:#dbfa75;margin-top:auto}.sl-architecture-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font:9px var(--mono);padding-top:21px;color:#abc4a7}.sl-features{background:#ebece5}.sl-features h2 em{color:#ee714e}.sl-feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid #879986;border-top:1px solid #879986}.sl-feat-grid article{min-height:320px;padding:28px;border-right:1px solid #879986;border-bottom:1px solid #879986;display:flex;flex-direction:column}.sl-feat-grid article>span{font:10px var(--mono)}.sl-feat-glyph{font:clamp(45px,5vw,77px)/1 var(--display);margin:45px 0 22px;color:#7566b8;white-space:nowrap}.sl-feat-grid h3{font-size:28px}.sl-feat-grid p{font-size:14px;line-height:1.6;margin-top:15px;max-width:360px;color:#415348}.sl-feature-foot{font:9px/1.65 var(--mono);padding:20px 0 0;max-width:900px}.sl-download{background:#dbfa75}.sl-download h2 em{color:#48654b}.sl-download-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:7%;margin-top:65px}.sl-download-grid>div>p{font-size:15px;line-height:1.7;margin:25px 0 32px;max-width:540px}.sl-download-links{display:flex;gap:8px;flex-wrap:wrap}.sl-download-links a{border-color:#1d2d22;color:#182e1b}.sl-download-license{display:flex;gap:14px;align-items:center;margin-top:53px}.sl-download-license>div{display:grid;gap:4px}.sl-download-license strong{font:15px var(--display)}.sl-download-license span{font:9px var(--mono)}.sl-terminal{background:#1b2821;color:#dbe7d7;align-self:start;box-shadow:10px 12px 0 #1c2b2040}.sl-terminal-head{display:flex;justify-content:space-between;gap:10px;background:#304034;padding:16px;font:10px var(--mono);color:#dbfa75}.sl-terminal pre{white-space:pre-wrap;overflow:auto;padding:25px 20px 10px;font:11px/2 var(--mono);margin:0}.sl-terminal button{padding:14px 18px;background:#334836;color:#e0f6d6;border:0;border-top:1px solid #5b705d;width:100%;cursor:pointer;text-align:left;display:flex;justify-content:space-between;font:11px var(--mono)}.sl-terminal button:hover{background:#465e48}.sl-copy-status{font:9px var(--mono);color:#c6f6ba;min-height:20px;padding:5px 18px;margin:0!important}.sl-terminal-note{font:9px/1.6 var(--mono);color:#afc3ac;padding:18px;border-top:1px solid #627262}.sl-state{background:#d2e0d1}.sl-state h2 em{color:#6872a9}.sl-state-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:67px 0}.sl-state-marker{display:inline-block;background:#1b3423;color:#dbfa75;font:10px var(--mono);padding:10px 13px;margin-bottom:30px}.sl-state-grid>div>p{font-size:16px;line-height:1.65;max-width:500px;margin-top:26px}.sl-state-list>div{display:grid;grid-template-columns:1fr 1.15fr;gap:15px;border-bottom:1px solid #8aa58b;padding:21px 0;align-items:baseline}.sl-state-list span{font:10px var(--mono)}.sl-state-list strong{font:15px var(--display);letter-spacing:-.035em}.sl-bottom-cta{display:flex;align-items:center;flex-wrap:wrap;gap:18px;justify-content:space-between;border-top:1px solid #8aa58b;padding-top:26px}.sl-bottom-cta span,.sl-bottom-cta a{font:11px var(--mono)}.sl-bottom-cta a{border-bottom:1px solid currentColor;text-decoration:none}
/* Project / archive visual integration */
.project--streamlinux{grid-column:span 12;min-height:400px;background:#232c47;color:#eff2f4}.project--streamlinux .sl-index-art{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,#786ce677,transparent 40%),repeating-linear-gradient(90deg,transparent 0 74px,#ffffff12 75px 76px);pointer-events:none}.project--streamlinux .sl-index-art svg{position:absolute;right:3%;top:6%;width:min(70%,750px);height:90%}.project--streamlinux .project-info{max-width:530px}.project--streamlinux .project-category{color:#c9c5ff}.archive-card.streamlinux{background:#212b47;color:#f0f0f2}.archive-card.streamlinux .archive-card-graphic{right:0;top:0;width:68%;opacity:.85}.archive-card.streamlinux .archive-card-arrow{color:#cbc6ff}.archive-card.streamlinux h3{max-width:760px}
@media(max-width:1000px){.sl-hero-grid,.sl-story-body,.sl-lab-layout,.sl-download-grid,.sl-state-grid{grid-template-columns:1fr}.sl-hero-text{padding:55px 0 35px}.sl-hero-visual{height:500px}.sl-hero-foot{margin-top:35px}.sl-story-body{gap:30px}.sl-arch-grid{grid-template-columns:repeat(2,1fr)}.sl-lab-title,.sl-split-head{display:block}.sl-lab-title p,.sl-split-head p{margin-top:25px}.sl-lab-controls{gap:8px}.sl-lab-controls h3{margin:18px 0}.sl-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-download-grid{gap:40px}.sl-state-grid{gap:35px}}
@media(max-width:640px){.sl-hero{padding-top:23px}.sl-hero h1{font-size:clamp(43px,12.3vw,78px)}.sl-hero h1>span{font-size:.58em}.sl-hero-top{font-size:8px}.sl-hero-grid{min-height:0}.sl-hero-visual{height:330px}.sl-desktop{width:79%;height:60%;left:0;top:17%}.sl-phone{width:32%;height:63%;right:0;top:23%;border-radius:18px;padding:6px 4px}.sl-phone-screen{border-radius:9px}.sl-phone-heading{font-size:5px}.sl-phone-emblem{font-size:42px}.sl-device-bar{font-size:6px}.sl-wallpaper-emblem{font-size:78px}.sl-figure-tags{font-size:7px}.sl-spec-strip{grid-template-columns:repeat(2,1fr)}.sl-spec-strip>div{padding:17px 0!important;border-right:0;border-bottom:1px solid #6b847259}.sl-spec-strip>div:nth-child(even){padding-left:17px!important}.sl-spec-strip strong{font-size:17px}.sl-nav a{flex:1 1 33%;padding:15px 11px;font-size:8px}.sl-story,.sl-lab,.sl-architecture,.sl-features,.sl-download,.sl-state{padding-top:55px;padding-bottom:66px}.sl h2{font-size:clamp(38px,11vw,68px)}.sl-section-index{font-size:8px}.sl-story-body{margin-top:45px}.sl-story-body p{font-size:15px}.sl-lab-title,.sl-split-head{margin:35px 0}.sl-lab-canvas{min-height:320px;padding:15px 12px}.sl-lab-panel-head,.sl-lab-status{font-size:8px}.sl-lab-node{width:36%;aspect-ratio:.9}.sl-lab-node strong{font-size:14px}.sl-lab-node small{font-size:6px}.sl-lab-channel small{font-size:6px;top:12px}.sl-audio-signal{grid-template-columns:1fr auto;gap:4px;font-size:8px}.sl-wavebars{grid-column:1/-1;grid-row:2}.sl-lab-controls{padding:22px 19px}.sl-arch-grid,.sl-feat-grid{grid-template-columns:1fr}.sl-arch-grid article{min-height:270px}.sl-feat-grid article{min-height:250px}.sl-arch-symbol{margin:17px 0}.sl-architecture-foot,.sl-feature-foot{font-size:8px}.sl-download-grid{margin-top:40px}.sl-terminal pre{font-size:9px}.sl-state-grid{margin:42px 0}.sl-state-list>div{grid-template-columns:1fr;gap:6px}.project--streamlinux .sl-index-art svg{width:100%;opacity:.36}.archive-card.streamlinux .archive-card-graphic{width:95%;opacity:.35}}
@media(prefers-reduced-motion:reduce){.sl-packet-path i,.sl-lab-channel i,.sl-wavebars i{animation:none!important}}