@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');
:root{--bg:#090c10;--panel:#11151b;--line:#242a32;--text:#f1f4f6;--muted:#8e98a5;--acid:#c8ff41;--blue:#5aa7ff;--max:1320px;--pad:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:82px;padding:0 var(--pad);display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,12,16,.9);backdrop-filter:blur(18px);z-index:20}.brand{font:700 22px Unbounded,sans-serif;letter-spacing:-1px;display:inline-flex;align-items:center}.brand b{color:var(--acid)}.brand i{width:7px;height:7px;border-radius:50%;background:var(--acid);margin-left:7px;box-shadow:0 0 16px var(--acid)}.main-nav{display:flex;gap:36px;margin:auto;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.main-nav a:hover{color:var(--acid)}.search-toggle,.menu-toggle{border:0;background:none;color:var(--text);font-size:25px;cursor:pointer}.menu-toggle{display:none}.search-panel{max-height:0;overflow:hidden;transition:.25s;background:var(--panel);position:sticky;top:82px;z-index:19}.search-panel.open{max-height:120px;border-bottom:1px solid var(--line)}.search-panel form{max-width:var(--max);margin:auto;display:flex;padding:20px var(--pad)}.search-panel input{flex:1;background:transparent;color:white;border:0;border-bottom:1px solid #47505c;font-size:20px;outline:none}.search-panel button{background:var(--acid);border:0;padding:14px 28px;font-weight:800}.hero{min-height:calc(100vh - 82px);max-width:var(--max);margin:auto;padding:72px var(--pad);display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.status,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.status i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--acid)}.hero h1{font:600 clamp(58px,8vw,118px)/.86 Unbounded,sans-serif;letter-spacing:-.075em;margin:36px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--acid)}.hero-copy>p{max-width:540px;color:#adb5c0;font-size:18px;line-height:1.65}.button{display:inline-flex;align-items:center;gap:35px;background:var(--acid);color:#0a0d12;padding:16px 22px;font-weight:800;border:0;cursor:pointer;margin-top:24px}.button.secondary{background:#252b33;color:white}.hero-machine{position:relative;min-height:580px;display:grid;place-items:center;perspective:700px}.core{width:190px;height:250px;border-radius:46% 46% 42% 42%;background:radial-gradient(circle at 35% 25%,#effaff,#758494 20%,#1b2128 52%,#080b0f 72%);box-shadow:0 0 80px #5aa7ff33,inset -15px -30px 50px #000;position:relative;z-index:2}.core:before{content:"";position:absolute;inset:70px 28px 65px;border:1px solid #657383;border-radius:12px;background:linear-gradient(145deg,#12171d,#27303a);box-shadow:inset 0 0 20px #000}.core span{position:absolute;left:50%;top:50%;width:22px;height:22px;border-radius:50%;background:var(--acid);transform:translate(-50%,-50%);box-shadow:0 0 30px var(--acid);z-index:2}.ring{position:absolute;border:1px solid #5aa7ff66;border-radius:50%;transform:rotateX(68deg);box-shadow:0 0 40px #5aa7ff22}.r1{width:430px;height:430px;animation:spin 12s linear infinite}.r2{width:560px;height:560px;border-style:dashed;animation:spin 20s linear reverse infinite}@keyframes spin{to{transform:rotateX(68deg) rotateZ(360deg)}}.grid-floor{position:absolute;width:900px;height:450px;background:linear-gradient(#0000 96%,#34404d55 97%),linear-gradient(90deg,#0000 96%,#34404d55 97%);background-size:42px 42px;transform:rotateX(70deg) translateY(210px);mask-image:linear-gradient(#000,transparent 80%)}.machine-label{position:absolute;bottom:30px;right:0;font:10px/1.7 monospace;color:#74808d}.machine-label b{color:var(--acid)}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:13px 0;background:var(--acid);color:#0a0d12;font:700 11px Unbounded;letter-spacing:.14em;white-space:nowrap}.ticker div{animation:ticker 25s linear infinite;width:max-content}@keyframes ticker{to{transform:translateX(-50%)}}.featured,.materials{max-width:var(--max);margin:auto;padding:100px var(--pad)}.section-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:34px}.section-title span{font:600 clamp(26px,4vw,48px) Unbounded}.section-title small{color:var(--muted);letter-spacing:.14em}.post-card{display:grid;gap:24px}.featured-card{grid-template-columns:1.2fr 1fr;align-items:center}.card-visual{min-height:270px;position:relative;overflow:hidden;background:#111821 center/cover no-repeat;border:1px solid var(--line)}.featured-card .card-visual{min-height:490px}.orb{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#8c9aaa 13%,#1d252e 55%,#050709 72%);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #5aa7ff22}.scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff05 6px)}.archive-label{position:absolute;left:14px;top:14px;background:var(--acid);color:#080a0d;padding:7px 10px;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.card-copy h3{font:600 clamp(24px,3vw,48px)/1.12 Unbounded;margin:18px 0}.card-copy p{color:#98a2ae;line-height:1.7}.read-link{display:inline-flex;gap:14px;margin-top:15px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.read-link:hover{color:var(--acid)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 24px}.card-grid .card-copy h3{font-size:22px}.time-bridge{max-width:var(--max);margin:20px auto 120px;padding:60px var(--pad);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px;background:var(--panel);border:1px solid var(--line)}.time-bridge div{display:grid}.time-bridge b{font:600 44px Unbounded;color:var(--acid)}.time-bridge span{color:var(--muted);font-size:13px}.time-bridge i{height:1px;background:linear-gradient(90deg,var(--acid),#5aa7ff)}.site-footer{max-width:var(--max);margin:auto;padding:70px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:50px;color:var(--muted);font-size:13px}.site-footer .small{font-size:16px;color:white}.site-footer>div:last-child{display:grid;gap:10px}.footer-note strong{color:var(--acid)}.listing-head,.about-hero{max-width:var(--max);margin:auto;padding:100px var(--pad) 40px}.listing-head h1,.about-hero h1{font:600 clamp(44px,7vw,94px)/1 Unbounded;letter-spacing:-.05em}.listing{padding-top:40px}.article-page{max-width:900px;margin:auto;padding:100px var(--pad)}.article-head h1{font:600 clamp(42px,7vw,82px)/1.05 Unbounded;letter-spacing:-.045em;margin:25px 0}.lead{font-size:21px;line-height:1.55;color:#aab4bf}.article-cover{width:100%;max-height:600px;object-fit:cover;margin:40px 0}.archive-note{display:grid;gap:6px;border-left:3px solid var(--acid);background:var(--panel);padding:20px 24px;margin:40px 0;color:var(--muted)}.archive-note b{color:var(--acid)}.article-body{font-size:18px;line-height:1.85;color:#d8dde2}.article-body h2{font:600 30px Unbounded;margin-top:55px;color:white}.article-body img{max-width:100%;height:auto}.article-body a,.source-link a{color:var(--acid);text-decoration:underline}.article-body blockquote{border-left:2px solid var(--acid);margin:40px 0;padding:5px 30px;font-size:23px;color:white}.article-sign{margin-top:70px;border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;color:var(--muted)}.article-sign span{font:700 18px Unbounded;color:white}.article-sign b{color:var(--acid)}.about-hero{min-height:65vh;display:flex;flex-direction:column;justify-content:center}.year-mark{font:600 clamp(22px,4vw,52px) Unbounded;color:var(--acid);display:flex;gap:25px}.year-mark span{color:var(--muted)}.about-grid{max-width:var(--max);margin:auto;padding:80px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-grid h2{font:600 38px/1.2 Unbounded}.prose{font-size:18px;line-height:1.8;color:#b4bdc7}.manifest{max-width:var(--max);margin:0 auto 100px;padding:70px var(--pad);display:grid;grid-template-columns:auto 1fr;gap:22px 35px;background:var(--acid);color:#0a0d12}.manifest span{font:700 12px Unbounded}.manifest h3{font:600 clamp(24px,4vw,50px) Unbounded;margin:0}.empty{text-align:center;padding:100px 20px}.install-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#1d2935,#090c10 55%)}.install-card{width:min(760px,calc(100% - 30px));background:var(--panel);border:1px solid var(--line);padding:clamp(25px,5vw,60px)}.install-card h1{font:600 40px Unbounded}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:12px}.form-grid input{background:#080b0f;border:1px solid #343c46;color:white;padding:13px}.notice{padding:15px;margin:20px 0;background:#202731}.notice.error{border-left:3px solid #ff5c70}.notice.success{border-left:3px solid var(--acid)}
@media(max-width:850px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;padding:25px;flex-direction:column;background:var(--panel)}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero-machine{min-height:390px;order:-1}.core{transform:scale(.7)}.r1{width:300px;height:300px}.r2{width:390px;height:390px}.hero h1{font-size:56px}.featured-card,.about-grid{grid-template-columns:1fr}.featured-card .card-visual{min-height:330px}.card-grid{grid-template-columns:1fr 1fr}.time-bridge{grid-template-columns:1fr}.time-bridge i{display:none}.site-footer{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.site-header{height:68px}.search-panel{top:68px}.hero{min-height:auto;padding-bottom:70px}.hero-machine{min-height:320px}.hero h1{font-size:46px}.card-grid{grid-template-columns:1fr}.featured,.materials{padding-top:70px;padding-bottom:70px}.article-page{padding-top:60px}.article-head h1{font-size:40px}.time-bridge{margin:0 15px 80px}.article-sign{display:block}.form-grid{grid-template-columns:1fr}}

/* Original RobotON evolution concept: transparent figures, no poster frame. */
.roboton-hero{max-width:1600px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,70px);overflow:visible}
.roboton-hero .hero-copy{min-width:0}
.roboton-hero .hero-copy h1{font-size:clamp(58px,6.2vw,104px)}
.roboton-hero .hero-evolution{min-width:0;margin:0;align-self:center}
.roboton-hero .hero-evolution img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 38px #0009)}
@media(max-width:980px){.roboton-hero{grid-template-columns:1fr;gap:22px;padding-top:34px;overflow:hidden}.roboton-hero .hero-evolution{order:-1;width:100%;margin:0}.roboton-hero .hero-copy{max-width:760px}.roboton-hero .hero-copy h1{font-size:clamp(52px,10vw,86px)}}
@media(max-width:560px){.roboton-hero{padding-top:22px;gap:20px}.roboton-hero .hero-evolution{width:calc(100% + 24px);margin-inline:-12px}.roboton-hero .hero-evolution img{filter:drop-shadow(0 14px 24px #0008)}.roboton-hero .hero-copy h1{font-size:46px}}