/* PixelD OS + PixelD RTOS — public product page v10.16 */
.pixeld-os-body{background:#07090d;color:#f5f7fb}
.os-hero{position:relative;overflow:hidden;min-height:760px;padding:128px 0 96px;background:
radial-gradient(900px 620px at 82% 42%,rgba(73,107,255,.14),transparent 68%),
radial-gradient(720px 520px at 18% 65%,rgba(223,49,129,.11),transparent 72%),
linear-gradient(135deg,#08090f 0%,#0a0d18 54%,#07111d 100%)}
.os-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);pointer-events:none}
.os-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(620px,1.08fr);gap:74px;align-items:center}
.os-kicker{margin:0 0 22px;color:#9da9c0;font-size:11px;font-weight:800;letter-spacing:.22em}
.os-hero-copy h1{max-width:760px;margin:0;font-size:clamp(58px,5.8vw,92px);line-height:.94;letter-spacing:-.06em;text-wrap:balance}.os-hero-copy h1 span{display:block;background:linear-gradient(90deg,#8b68ff,#d74cff 48%,#ff557d);-webkit-background-clip:text;background-clip:text;color:transparent}
.os-lead{max-width:700px;margin:30px 0 0;color:#a8b1c3;font-size:18px;line-height:1.7}.os-lead strong{color:#f7f8fb}
.os-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.os-proof-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;color:#738098;font-size:10px;font-weight:800;letter-spacing:.08em}.os-proof-row i{width:4px;height:4px;border-radius:50%;background:#cf4be3}
.os-hero-visual{position:relative;min-height:590px;border:1px solid rgba(255,255,255,.07);border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(18,21,42,.88),rgba(6,9,18,.96));box-shadow:0 44px 100px rgba(0,0,0,.42),inset 0 0 90px rgba(82,67,207,.06)}
.os-grid-plane{position:absolute;left:-20%;right:-20%;bottom:-42%;height:100%;background-image:linear-gradient(rgba(119,110,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(119,110,255,.08) 1px,transparent 1px);background-size:42px 42px;transform:perspective(620px) rotateX(58deg);mask-image:linear-gradient(to top,#000,transparent 78%)}
.os-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(137,108,255,.18);border-radius:50%;transform:translate(-50%,-50%)}.os-orbit.orbit-a{width:46%;aspect-ratio:1}.os-orbit.orbit-b{width:72%;aspect-ratio:1;border-color:rgba(235,71,145,.11)}
.os-kernel-core{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(126,88,255,.24),rgba(12,15,31,.96) 70%);border:1px solid rgba(153,118,255,.24);box-shadow:0 0 70px rgba(112,76,236,.16)}.os-kernel-core small,.os-kernel-core span{color:#78849b;font-size:8px;font-weight:800;letter-spacing:.22em}.os-kernel-core b{margin-top:8px;font-size:34px;letter-spacing:.18em}.os-kernel-core strong{font-size:15px;letter-spacing:.28em;color:#c1c9d9}.os-kernel-core span{margin-top:14px}
.os-system-card{position:absolute;width:270px;padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(10,13,27,.82);backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.os-system-card small{display:block;color:#8490a8;font-size:8px;font-weight:800;letter-spacing:.18em}.os-system-card b{display:block;margin:8px 0 7px;font-size:24px;letter-spacing:-.035em}.os-system-card b em{font-style:normal;color:#b968ff}.os-system-card span{color:#8993a7;font-size:10px;line-height:1.45}.os-card-desktop{left:5%;top:10%}.os-card-rt{right:5%;bottom:9%}.os-card-rt b em{color:#ff4f92}
.os-flow{position:absolute;height:2px;width:28%;top:50%;background:linear-gradient(90deg,transparent,#8f6cff,#f44d97,transparent)}.os-flow.left{left:7%;transform:rotate(18deg)}.os-flow.right{right:7%;transform:rotate(198deg)}.os-flow i{position:absolute;width:8px;height:8px;right:35%;top:-3px;background:#c150e9;border-radius:2px;box-shadow:0 0 18px rgba(193,80,233,.7)}
.os-endpoint{position:absolute;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0a0d18;color:#7f8aa1;font-size:7px;font-weight:800;letter-spacing:.12em}.e1{left:7%;bottom:14%}.e2{left:37%;bottom:6%}.e3{right:8%;top:16%}.e4{right:35%;top:7%}
.os-manifesto,.os-applications,.os-together,.os-advantages{padding:104px 0}.os-manifesto{background:#090b12}.os-section-lead{max-width:900px;color:#939db0;font-size:18px;line-height:1.7}.os-manifesto h2,.os-section-head h2,.os-boundary h2,.os-final-cta h2{margin:0;max-width:900px;font-size:clamp(40px,4.5vw,66px);line-height:1;letter-spacing:-.055em;text-wrap:balance}
.os-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}.os-family-card{min-height:430px;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(145deg,rgba(16,19,34,.92),rgba(8,10,19,.9));position:relative;overflow:hidden}.os-family-card::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-190px;background:radial-gradient(circle,rgba(129,90,255,.18),transparent 70%)}.os-family-card.rtos::after{background:radial-gradient(circle,rgba(240,67,143,.18),transparent 70%)}.os-card-top{display:flex;align-items:center;justify-content:space-between;color:#77839a}.os-card-top span{font-size:38px;font-weight:800}.os-card-top small{font-weight:800;letter-spacing:.18em}.os-family-card h3{max-width:520px;margin:70px 0 18px;font-size:36px;line-height:1.03;letter-spacing:-.045em}.os-family-card p{max-width:560px;color:#909aad;line-height:1.65}.os-tag-grid{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.os-tag-grid span,.os-use-grid article>span{border:1px solid rgba(146,111,255,.19);border-radius:999px;padding:7px 10px;color:#aeb7ca;font-size:9px;font-weight:800;letter-spacing:.06em}
.os-applications{background:#07090d}.os-rtos-section{background:linear-gradient(180deg,#090b12,#07090d)}.os-section-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:70px;align-items:end}.os-section-head>p{color:#909aad;line-height:1.7}
.os-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.os-use-grid article{min-height:260px;padding:25px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(13,16,28,.72)}.os-use-grid article>span{display:inline-flex}.os-use-grid h3{margin:52px 0 12px;font-size:23px;line-height:1.05;letter-spacing:-.035em}.os-use-grid p{color:#8e98aa;font-size:13px;line-height:1.6}
.os-together{background:radial-gradient(850px 500px at 50% 15%,rgba(98,69,223,.09),transparent 70%),#090b12}.os-scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:48px}.os-scenario-grid article{min-height:330px;padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(10,13,24,.72)}.scenario-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,rgba(126,87,255,.22),rgba(237,64,145,.14));font-size:24px;color:#c58bff}.os-scenario-grid article>span{display:block;margin-top:34px;color:#8490a5;font-size:9px;font-weight:800;letter-spacing:.17em}.os-scenario-grid h3{margin:10px 0 12px;font-size:28px;line-height:1.05;letter-spacing:-.04em}.os-scenario-grid p{color:#909aac;line-height:1.65}
.os-advantages{background:#07090d}.os-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.os-adv-grid article{padding:25px;border-top:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.os-adv-grid b{color:#8b69ff;font-size:12px}.os-adv-grid h3{margin:36px 0 12px;font-size:22px;letter-spacing:-.03em}.os-adv-grid p{color:#8c96a8;font-size:13px;line-height:1.6}
.os-boundary{padding:70px 0;background:#0c0f18;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.os-boundary-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.os-boundary-inner p{color:#99a3b5;line-height:1.7}
.os-final-cta{padding:96px 0 120px;background:#07090d}.os-cta-card{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;padding:48px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(700px 300px at 80% 10%,rgba(107,75,235,.13),transparent 70%),linear-gradient(135deg,#101321,#090b12)}.os-cta-card p{max-width:760px;color:#929cad;line-height:1.65}
@media(max-width:1100px){.os-hero-grid{grid-template-columns:1fr;gap:48px}.os-hero-visual{min-height:560px}.os-section-head,.os-boundary-inner,.os-cta-card{grid-template-columns:1fr}.os-use-grid,.os-adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.os-hero{padding:94px 0 58px}.os-hero-copy h1{font-size:clamp(46px,13vw,58px)}.os-lead{font-size:16px}.os-hero-visual{min-height:520px;border-radius:22px}.os-kernel-core{width:170px;height:170px}.os-kernel-core b{font-size:26px}.os-system-card{width:210px;padding:14px}.os-system-card b{font-size:19px}.os-card-desktop{left:4%;top:7%}.os-card-rt{right:4%;bottom:7%}.os-endpoint{display:none}.os-manifesto,.os-applications,.os-together,.os-advantages{padding:72px 0}.os-dual-grid,.os-use-grid,.os-scenario-grid,.os-adv-grid{grid-template-columns:1fr}.os-family-card{min-height:360px;padding:25px}.os-family-card h3{margin-top:48px;font-size:31px}.os-section-head{gap:20px}.os-manifesto h2,.os-section-head h2,.os-boundary h2,.os-final-cta h2{font-size:clamp(36px,10vw,46px)}.os-cta-card{padding:28px}.os-proof-row{line-height:1.5}}


/* v10.17 PixelD OS + RTOS interface showcase */
.os-interface-showcase{padding:104px 0;background:linear-gradient(180deg,#080a11,#0a0d16);border-top:1px solid rgba(255,255,255,.055)}
.os-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}
.os-ui-frame{position:relative;min-height:590px;border:1px solid rgba(255,255,255,.085);border-radius:24px;overflow:hidden;background:#090c14;box-shadow:0 30px 70px rgba(0,0,0,.28)}
.os-ui-title{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07);background:#0d1018}.os-ui-title>div{display:flex;gap:13px;align-items:center}.os-ui-title strong{font-size:13px;letter-spacing:.16em}.os-ui-title span{color:#aab3c4;font-size:11px}.os-ui-title em{font-style:normal;padding:6px 9px;border-radius:7px;background:rgba(82,190,135,.12);color:#74d8a4;font-size:8px;font-weight:800;letter-spacing:.12em}.os-ui-title em.safe{background:rgba(81,194,141,.12)}
.os-desktop-canvas{display:grid;grid-template-columns:190px 1fr;min-height:480px}.os-desktop-canvas aside{padding:28px 22px;border-right:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,#0b0e16,#080b12)}.os-desktop-canvas small,.rtos-dashboard small{color:#758197;font-size:8px;font-weight:800;letter-spacing:.16em}.os-desktop-canvas aside h3{margin:14px 0 8px;font-size:24px;letter-spacing:-.035em}.os-desktop-canvas aside p{color:#818ca0;font-size:10px;line-height:1.55}.os-desktop-canvas nav{display:grid;grid-template-columns:24px 1fr;gap:15px 10px;margin-top:38px;align-items:center}.os-desktop-canvas nav b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#171c2a;color:#a77cff;font-size:10px}.os-desktop-canvas nav span{color:#9aa4b7;font-size:10px}
.os-desktop-main{padding:24px;background:radial-gradient(430px 240px at 65% 28%,rgba(93,68,213,.12),transparent 70%),#090c14}.os-ui-status{display:flex;align-items:center;gap:9px;color:#778298;font-size:8px;font-weight:800;letter-spacing:.12em}.os-ui-status i{width:6px;height:6px;border-radius:50%;background:#53d99d}.os-ui-status b{color:#72d9a3}.os-app-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.os-app-row>div{min-height:105px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#111521}.os-app-row i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#805ee9,#d44db4);font-style:normal;font-size:9px;font-weight:900}.os-app-row b,.os-app-row span{display:block}.os-app-row b{margin-top:14px;font-size:12px}.os-app-row span{margin-top:3px;color:#788397;font-size:9px}.os-work-panel{margin-top:12px;min-height:210px;padding:22px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:linear-gradient(145deg,rgba(19,23,39,.94),rgba(11,14,24,.95))}.os-work-panel h4{margin:28px 0 7px;font-size:25px;letter-spacing:-.04em}.os-work-panel p{color:#8c96a8;font-size:11px}.os-work-panel>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:27px}.os-work-panel>div span{padding:7px 9px;border:1px solid rgba(255,255,255,.065);border-radius:999px;color:#949eb0;font-size:8px}.os-ui-dock{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(11,14,22,.94)}.os-ui-dock span{display:grid;place-items:center;width:38px;height:32px;border-radius:8px;background:#171c29;color:#d7dbea;font-size:10px}
.rtos-dashboard{padding:24px}.rtos-head{display:flex;align-items:flex-start;justify-content:space-between}.rtos-head h3{margin:8px 0 0;font-size:27px;letter-spacing:-.04em}.rtos-state{text-align:right}.rtos-state span,.rtos-state b{display:block}.rtos-state span{color:#758197;font-size:8px;font-weight:800;letter-spacing:.13em}.rtos-state b{margin-top:5px;color:#fff;font-size:21px}.rtos-motors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:26px}.rtos-motors>div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#111520}.rtos-motors b,.rtos-motors span{display:block}.rtos-motors b{margin:20px 0 12px;font-size:24px}.rtos-motors span{color:#e0ac55;font-size:8px;font-weight:800;letter-spacing:.1em}.rtos-lower{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.rtos-panel{padding:16px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#0f131e}.rtos-panel p{display:flex;justify-content:space-between;gap:10px;margin:13px 0 0;color:#858fa2;font-size:9px}.rtos-panel p b{color:#65d39b}.rtos-controls{display:grid;grid-template-columns:.8fr .8fr .8fr 1.4fr;gap:7px;margin-top:12px}.rtos-controls button{height:42px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#171c29;color:#d7dce8;font:800 8px/1 system-ui;letter-spacing:.08em}.rtos-controls button.stop{border-color:rgba(235,71,115,.3);background:rgba(193,37,70,.14);color:#ff7a96}.os-ui-note{margin:18px 0 0;color:#6f7a8d;font-size:10px;text-align:center}
@media(max-width:1000px){.os-ui-grid{grid-template-columns:1fr}.os-ui-frame{min-height:570px}}
@media(max-width:600px){.os-interface-showcase{padding:72px 0}.os-ui-frame{min-height:540px;border-radius:19px}.os-desktop-canvas{grid-template-columns:118px 1fr}.os-desktop-canvas aside{padding:20px 13px}.os-desktop-canvas aside h3{font-size:18px}.os-desktop-canvas nav{grid-template-columns:20px 1fr;gap:12px 7px;margin-top:25px}.os-desktop-canvas nav b{width:20px;height:20px}.os-desktop-main{padding:16px}.os-app-row{grid-template-columns:1fr 1fr}.os-app-row>div:nth-child(3){display:none}.os-work-panel h4{font-size:20px}.rtos-dashboard{padding:16px}.rtos-motors{grid-template-columns:1fr 1fr}.rtos-lower{grid-template-columns:1fr}.rtos-controls{grid-template-columns:1fr 1fr}.rtos-controls .stop{grid-column:1/3}}