:root{color-scheme:dark}
html{scroll-behavior:smooth}
body.oi-genesis{margin:0;background:#07121b;color:#e8f6f4;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
.oi-genesis *{box-sizing:border-box}
.og-container{width:min(1160px,calc(100% - 44px));margin-inline:auto}
.og-eyebrow{font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.18em;color:#98d7c2;margin:0 0 13px}
.og-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 76% 38%,rgba(39,140,161,.18),transparent 40%),radial-gradient(ellipse at 11% 15%,rgba(39,75,123,.16),transparent 48%),#081720;border-bottom:1px solid rgba(146,215,216,.16)}
.og-hero::before{content:"";z-index:-1;position:absolute;inset:0;background-image:linear-gradient(rgba(157,209,207,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(157,209,207,.025) 1px,transparent 1px);background-size:67px 67px;mask-image:linear-gradient(to right,transparent,#000)}
.og-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;min-height:560px;padding-top:82px;padding-bottom:85px}
.og-hero h1{font-size:var(--bt-type-hero-title);font-weight:560;line-height:1.1;letter-spacing:-.04em;margin:0 0 23px;color:#f0faf7}
.og-hero h1 span{display:block;color:#9ee8d1}
.og-subtitle{font-size:var(--bt-type-hero-lead);font-weight:400;color:#cbe3e5;line-height:1.75;margin:0 0 25px}
.og-lead{font-size:15px;font-weight:400;color:#b6ccd2;line-height:1.95;max-width:630px;margin:0 0 17px}
.og-hint{font-size:12px;color:#99b8bf;line-height:1.8;margin:0 0 28px;border-left:2px solid rgba(163,239,214,.52);padding-left:13px}
.og-actions{display:flex;flex-wrap:wrap;gap:11px}
.og-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;color:#dceeea;text-decoration:none;font-size:12px;font-weight:500;border:1px solid rgba(173,233,222,.3);transition:background .2s,border-color .2s,transform .2s}
.og-button:hover{background:rgba(175,237,217,.08);border-color:rgba(173,233,222,.6);transform:translateY(-2px)}
.og-button--primary{background:linear-gradient(110deg,#a7efd5,#a5dbe5);color:#0b2a29;border:1px solid transparent}
.og-button--primary:hover{background:#bbf8e3}
.og-orbit{height:390px;width:min(100%,430px);margin:auto;display:grid;place-items:center;position:relative}
.og-orbit__circle{position:absolute;border-radius:50%;aspect-ratio:1;border:1px solid rgba(140,221,212,.26);box-shadow:inset 0 0 24px rgba(80,193,180,.04)}
.og-orbit__circle--outer{width:94%}
.og-orbit__circle--middle{width:72%;border-color:rgba(100,185,220,.36)}
.og-orbit__circle--inner{width:48%;border-color:rgba(158,238,208,.55)}
.og-orbit__core{position:relative;z-index:1;width:122px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 36% 25%,#87d9d7,#1e566a 51%,#091b2a);box-shadow:0 0 45px rgba(114,235,211,.2);color:#fff}
.og-orbit__core span{font-size:29px;letter-spacing:.08em;font-weight:600}
.og-orbit__core small{font-size:11px;color:#c9e8e3;letter-spacing:.14em}
.og-orbit__sat{width:8px;height:8px;background:#a1efd7;border-radius:50%;position:absolute;box-shadow:0 0 16px rgba(124,234,201,.75)}
.og-orbit__sat--one{top:14%;left:40%}.og-orbit__sat--two{right:11%;top:58%}.og-orbit__sat--three{bottom:12%;left:31%}
.og-orbit__caption{font-size:10px;letter-spacing:.15em;color:#8baeb6;position:absolute;bottom:-5px;text-align:center}
.og-bar{background:#0b1b24;border-bottom:1px solid rgba(145,215,208,.14)}
.og-bar__inner{min-height:71px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;color:#b5d9d5;font-size:11px;letter-spacing:.12em}
.og-section{padding:95px 0;background:#080f14}
.og-section--alt{background:#0b1b24}
.og-section__head{max-width:770px;margin-bottom:38px}
.og-section__head h2,.og-closing h2{font-size:var(--bt-type-section-title);font-weight:560;line-height:1.2;letter-spacing:-.03em;margin:14px 0 19px}
.og-section__head h2 span,.og-closing h2 span{color:#9ee6ce}
.og-section__head>p:last-child{font-size:14px;color:#a9c1ca;line-height:1.95}
.og-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.og-step{position:relative;min-width:0;min-height:265px;padding:25px 22px;border:1px solid rgba(159,220,215,.20);border-radius:17px;background:rgba(255,255,255,.015)}
.og-step::after{content:"→";position:absolute;right:-13px;top:47%;z-index:2;font-size:17px;color:#92daca}
.og-step:last-child::after{display:none}
.og-step--active{border-color:rgba(156,239,207,.52);background:rgba(102,199,164,.05)}
.og-step__no{display:block;font-size:10px;letter-spacing:.11em;color:#8ab9bd}
.og-step__count{display:block;font-size:clamp(31px,3.3vw,43px);letter-spacing:-.04em;line-height:1.25;color:#ddfaf0;margin:20px 0 13px;font-weight:500}
.og-step__count span{font-size:15px;margin-left:5px;color:#b5ddd3;letter-spacing:0}
.og-step h3{font-size:17px;font-weight:500;margin:0 0 13px;color:#f1f9f7}
.og-step p{font-size:13px;line-height:1.82;color:#bad0d4;margin:0}
.og-step small{display:block;font-size:11px;line-height:1.7;color:#8fb1b7;margin-top:19px}
.og-total{margin-top:19px;padding:20px 25px;border:1px solid rgba(158,229,202,.34);background:rgba(129,229,190,.045);border-radius:15px}
.og-total strong{font-size:17px;font-weight:500;color:#b2f5d9}
.og-total p{font-size:13px;line-height:1.85;margin:8px 0 0;color:#b7ced2}
.og-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.og-panel,.og-boundary{border:1px solid rgba(158,215,209,.2);border-radius:18px;padding:29px;background:rgba(255,255,255,.02)}
.og-panel__eyebrow,.og-boundary>span{font-size:10px;letter-spacing:.13em;color:#a7e8d3}
.og-panel h3,.og-boundary h3{font-size:20px;font-weight:500;margin:11px 0 15px}
.og-panel p,.og-boundary p{font-size:13px;line-height:1.9;color:#bacfd4;margin:0}
.og-mini-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:24px 0 16px}
.og-mini-flow span{border:1px solid rgba(165,231,215,.24);border-radius:7px;padding:8px 10px;font-size:11px;color:#d7f1e5}
.og-mini-flow i{font-style:normal;color:#96ceb9;font-size:11px}
.og-panel p.og-caveat{font-size:11px;color:#8fb0b7}
.og-member-spec{background:rgba(143,224,196,.045);border:1px solid rgba(151,223,203,.24);border-radius:17px;text-align:center;padding:24px 16px 0}
.og-pill{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid rgba(151,223,203,.37);color:#9edbc9;font-size:10px;letter-spacing:.15em}
.og-member-spec h3{font-size:20px;font-weight:500;margin:12px 0}
.og-member-spec p{font-size:13px;color:#bbd0d4;line-height:1.75;margin:0}
.og-down{display:block;width:34px;height:56px;margin:12px auto 0;overflow:visible}
.og-down path{fill:none;stroke:#9fdac5;stroke-width:2;stroke-linecap:round}
.og-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:17px}
.og-member{border:1px solid rgba(143,214,208,.23);border-radius:15px;background:#101f29;padding:23px 19px}
.og-member span{font-size:10px;color:#94b4bd;letter-spacing:.12em}
.og-member h3{font-size:20px;font-weight:500;color:#e2f6ef;margin:14px 0}
.og-member p{font-size:13px;color:#afcad0;line-height:1.95;margin:0}
.og-caption{font-size:12px;line-height:1.85;color:#9fbac1;margin:20px 0}
.og-compare{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}
.og-compare article{border-top:1px solid rgba(159,220,215,.27);padding:22px 4px 0}
.og-compare span{display:block;color:#97c9bd;font-size:10px;letter-spacing:.14em}
.og-compare strong{display:block;font-size:26px;font-weight:500;color:#e3fbf0;margin:12px 0}
.og-compare p{font-size:13px;color:#a9c3ca;line-height:1.8}
.og-scale-flow{display:flex;align-items:stretch;gap:15px}
.og-scale-flow>div{flex:1;min-width:0;border:1px solid rgba(157,220,208,.19);border-radius:15px;padding:25px;background:rgba(255,255,255,.015)}
.og-scale-flow>div>span{font-size:10px;letter-spacing:.12em;color:#92c5bc}
.og-scale-flow h3{font-size:18px;font-weight:500;margin:12px 0}
.og-scale-flow p{font-size:13px;color:#b5cbd1;line-height:1.9;margin:0}
.og-scale-flow>i{align-self:center;color:#93d2bd;font-size:17px;font-style:normal}
.og-boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.og-boundary--private{border-color:rgba(145,187,210,.25);background:rgba(48,94,119,.08)}
.og-boundary--private>span{color:#9fcce7}
.og-gates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:25px}
.og-gates>div{padding:22px;border-radius:15px;border:1px solid rgba(158,224,204,.21)}
.og-gates span{display:block;font-size:11px;letter-spacing:.12em;color:#98e3c9;margin-bottom:10px}
.og-gates strong{display:block;font-size:15px;font-weight:500;color:#e7f7f1}
.og-gates p{font-size:12px;line-height:1.9;color:#a6c1c7;margin:10px 0 0}
.og-notice{margin:28px 0 0;font-size:13px;line-height:1.9;padding:19px;border:1px solid rgba(216,184,127,.27);border-radius:12px;background:rgba(124,100,56,.06);color:#c9d0cf}
.og-closing{text-align:center;padding:90px 0 110px;background:radial-gradient(ellipse at 50% 95%,rgba(52,149,134,.14),transparent 60%),#07141c}
.og-closing p:not(.og-eyebrow){font-size:14px;line-height:1.9;color:#a8c3c9}
.og-closing .og-actions{justify-content:center;margin-top:26px}
.og-footer{border-top:1px solid rgba(154,209,204,.13);background:#07141c;padding:26px 0;font-size:12px;color:#a0bdc0}
.og-footer .og-container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.og-footer a{color:#b8e3d9;text-decoration:none}
@media(max-width:980px){.og-hero__grid{grid-template-columns:1fr;min-height:0;padding-top:74px}.og-orbit{height:320px}.og-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.og-step:nth-child(2)::after{display:none}.og-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.og-container{width:calc(100% - 34px)}.og-hero__grid{padding-top:61px;padding-bottom:46px;gap:26px}.og-hero h1{font-size:var(--bt-type-hero-title-mobile)}.og-orbit{height:245px;max-width:290px}.og-orbit__core{width:89px}.og-orbit__core span{font-size:24px}.og-orbit__caption{bottom:-9px}.og-bar__inner{justify-content:center;gap:9px;min-height:64px}.og-bar__inner span{font-size:9px;letter-spacing:.04em}.og-section{padding:66px 0}.og-section__head h2,.og-closing h2{font-size:var(--bt-type-section-title-mobile)}.og-steps,.og-columns,.og-member-grid,.og-compare,.og-boundary-grid,.og-gates{grid-template-columns:1fr}.og-step{min-height:0;padding:23px}.og-step::after{display:none}.og-step__count{font-size:35px}.og-scale-flow{display:grid;gap:9px}.og-scale-flow>i{justify-self:center;transform:rotate(90deg)}.og-closing{padding:72px 0 88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.og-button{transition:none}.og-button:hover{transform:none}}

/* OI Genesis: world research manifesto, evidence gates and long horizon */
.og-world{background:radial-gradient(ellipse at 82% 15%,rgba(30,132,151,.16),transparent 55%),#0b1b24}
.og-world__english{font-size:clamp(25px,3.9vw,51px);line-height:1.28;letter-spacing:-.045em;font-weight:510;color:#f1f9f7;margin:0 0 30px;max-width:1000px}
.og-world__english em{font-style:normal;color:#9ee8d1}
.og-world h2,.og-partnership__title{font-size:var(--bt-type-section-title);font-weight:560;line-height:1.23;letter-spacing:-.03em;margin:0 0 19px}
.og-world h2 span,.og-partnership__title span{color:#9ee6ce}
.og-world__lead{font-size:15px;line-height:2;color:#c4d9db;max-width:930px;margin:0 0 28px}
.og-duo,.og-gate-detail,.og-references,.og-horizon{display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.og-duo article,.og-gate-detail article,.og-references article,.og-horizon article{border:1px solid rgba(158,224,204,.22);border-radius:17px;background:rgba(255,255,255,.02);padding:27px;min-width:0}
.og-duo article>span,.og-references article>span,.og-horizon article>span,.og-gate-badge{font-size:10px;letter-spacing:.14em;line-height:1.6;color:#95dfc8;display:block}
.og-duo h3,.og-gate-detail h3,.og-references h3,.og-horizon h3{font-size:20px;font-weight:500;line-height:1.4;margin:13px 0}
.og-duo p,.og-gate-detail p,.og-references p,.og-horizon p{font-size:13px;line-height:1.95;color:#b9cfd2;margin:12px 0}
.og-duo b,.og-gate-detail b{display:block;color:#a9e6d3;font-size:12px;margin-top:20px}
.og-gate-detail small{display:block;border-top:1px solid rgba(155,221,213,.15);padding-top:13px;margin-top:18px;color:#9cb9c1;font-size:11px;line-height:1.8}
.og-truth{border-left:2px solid rgba(157,232,204,.7);padding:13px 16px;background:rgba(125,221,191,.045);font-size:12px;line-height:1.95;color:#acc6cb;margin:25px 0 0}
.og-emergence{padding:30px 25px;border:1px solid rgba(148,226,202,.32);border-radius:16px;background:linear-gradient(120deg,rgba(100,214,177,.09),rgba(33,115,173,.09));color:#e1f7ec;font-size:clamp(14px,1.65vw,19px);line-height:2;letter-spacing:.02em}
.og-emergence i{font-style:normal;padding:0 7px;color:#8ce6c9}
.og-note{border:1px solid rgba(169,203,223,.22);border-radius:16px;padding:25px 28px;margin-top:24px;background:rgba(29,67,94,.14)}
.og-note strong{font-size:15px;color:#c9eaf2}.og-note p{color:#a9c8d5;font-size:13px;line-height:2;margin:13px 0 0}
.og-horizon{grid-template-columns:repeat(3,minmax(0,1fr))}
.og-quote{margin:35px 0 10px;border-left:3px solid #9fe5ce;padding:16px 0 16px 28px}
.og-quote span,.og-quote strong{display:block}.og-quote span{font-size:13px;letter-spacing:.02em;color:#a6c5c8;margin-bottom:8px}.og-quote strong{font-size:clamp(18px,2.1vw,25px);font-weight:510;margin-bottom:23px;color:#e5f8ed}
.og-references{grid-template-columns:repeat(3,minmax(0,1fr))}.og-references a,.og-duo a{display:inline-block;margin-top:10px;color:#9fe7d3;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.og-references strong{font-size:11px;line-height:1.6;color:#c6e8d9;letter-spacing:.07em}.og-partnership__line{color:#9ee8d1;letter-spacing:.09em;font-size:12px;margin-top:23px}
@media(max-width:900px){.og-horizon,.og-references{grid-template-columns:1fr}.og-duo,.og-gate-detail{grid-template-columns:1fr}.og-world__english{font-size:clamp(26px,6.4vw,43px)}}
@media(max-width:600px){.og-duo article,.og-gate-detail article,.og-references article,.og-horizon article{padding:21px}.og-emergence{padding:21px 18px}.og-quote{padding-left:19px}.og-world__lead{font-size:14px}}

/* OI Genesis · NVIDIA GPU scaling roadmap */
.og-gpu-section{background:radial-gradient(ellipse at 86% 18%,rgba(106,65,145,.17),transparent 60%),linear-gradient(145deg,#17151f,#10141c 72%);border-top:1px solid rgba(206,175,231,.2);border-bottom:1px solid rgba(206,175,231,.2)}
.og-gpu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.og-gpu-header h2{font-size:var(--bt-type-section-title);font-weight:540;line-height:1.24;letter-spacing:-.035em;margin:9px 0 18px}.og-gpu-header h2 span{color:#d7bcf0}
.og-gpu-header p:last-child{font-size:14px;line-height:1.94;color:#bfb6ca;max-width:780px}
.og-gpu-chip{flex-shrink:0;font-size:10px;letter-spacing:.12em;border:1px solid rgba(208,182,237,.37);color:#e3c9f3;border-radius:999px;padding:9px 13px;white-space:nowrap}
.og-gpu-rail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:rgba(255,255,255,.024);border:1px solid rgba(193,170,212,.22);border-radius:15px;padding:18px 22px;margin:23px 0 30px}
.og-gpu-rail span{font-size:12px;color:#d6c7df}.og-gpu-rail i{font-style:normal;color:#bda2d5}
.og-gpu-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin:0 0 22px}.og-gpu-title strong{font-weight:510;letter-spacing:-.045em;color:#dbc0f5;font-size:clamp(28px,4vw,42px)}.og-gpu-title span{color:#a79aaa;font-size:13px}
.og-gpu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.og-gpu-card{min-width:0;border:1px solid rgba(204,180,218,.24);border-radius:18px;padding:24px;background:rgba(255,255,255,.018)}.og-gpu-card--deep{background:rgba(209,174,240,.07);border-color:rgba(210,179,242,.46)}
.og-gpu-tier{display:block;color:#c2adc9;letter-spacing:.14em;font-size:10px}.og-gpu-card h3{font-size:18px;font-weight:520;line-height:1.4;color:#f1e9f3;margin:17px 0 12px}
.og-gpu-card p{font-size:12px;line-height:1.85;margin:7px 0;color:#bcb2c2}
.og-gpu-disclaimer{color:#978b9b;font-size:11px;line-height:1.9;margin:20px 0 0}
@media(max-width:900px){.og-gpu-cards{grid-template-columns:1fr}.og-gpu-header{display:block}.og-gpu-chip{display:inline-block;margin-top:10px}.og-gpu-rail{justify-content:flex-start}}
@media(max-width:600px){.og-gpu-title{gap:6px}.og-gpu-card{padding:22px}.og-gpu-rail{gap:7px}.og-gpu-rail span{font-size:11px}}

/* World Entry: public, read-only gate observatory */
.og-world-entry{background:#070e0d}
.og-entry-frame{border:1px solid rgba(143,211,183,.23);border-radius:28px;padding:clamp(24px,4vw,49px);background:radial-gradient(ellipse at 80% 6%,rgba(27,107,79,.1),transparent 59%),#101512;box-shadow:0 15px 55px rgba(0,0,0,.13);position:relative;overflow:hidden}
.og-entry-frame:before{content:"";position:absolute;top:0;left:28px;right:28px;height:2px;background:linear-gradient(90deg,#8bf4cf,#3b8c89,transparent)}
.og-entry-top{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:42px}
.og-entry-pill{display:inline-block;border:1px solid rgba(71,211,138,.38);border-radius:50px;padding:9px 17px;background:#103121;color:#a8f7c7;font-size:12px;letter-spacing:.045em}
.og-entry-copy h2{font-weight:570;line-height:1.18;letter-spacing:-.035em;font-size:clamp(30px,4.2vw,55px);margin:25px 0 23px;color:#f2faf5}
.og-entry-copy h2 span{color:#a3e9cf}.og-entry-copy>p{font-size:15px;line-height:2;color:#aebfb9;max-width:780px;margin-bottom:20px}
.og-entry-now{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#b2c9bc;line-height:1.5;margin:18px 0 22px}
.og-entry-now strong{color:#b8f0d5;font-size:13px}.og-entry-now__dot{width:7px;height:7px;background:#75d8ab;border-radius:50%;box-shadow:0 0 12px #75d8ab}.og-entry-now #oe-stage-note{color:#97a7a0}
.og-entry-links{display:flex;flex-wrap:wrap;gap:10px}.og-entry-links a,.og-entry-target a{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;color:#aeefdd;border:1px solid rgba(117,213,180,.45);border-radius:14px;padding:12px 17px;font-size:12px}.og-entry-links a:hover,.og-entry-target a:hover{background:rgba(113,221,171,.09)}
.og-entry-target{border-left:1px solid rgba(144,177,159,.18);padding:3px 0 0 31px;display:flex;flex-direction:column;align-items:flex-start}
.og-entry-target>span{color:#96aca2;font-size:10px;letter-spacing:.1em;line-height:1.6}.og-entry-target>strong{font-size:clamp(77px,9vw,115px);line-height:1.15;color:#8ef4c2;letter-spacing:-.065em;font-weight:480;text-shadow:0 0 32px rgba(85,223,166,.16);margin:14px 0}
.og-entry-target p{font-size:15px;letter-spacing:.08em;color:#b3c4ba;line-height:1.5;margin:0 0 15px}.og-entry-target small{font-size:11px;color:#8b9e93;margin-bottom:20px}.og-entry-target a{margin-top:auto}
.og-entry-divider{border-top:1px solid rgba(149,203,178,.19);margin:30px 0 22px}
.og-entry-readout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.og-entry-readout>div{border:1px solid rgba(153,202,174,.17);border-radius:14px;padding:19px 15px;background:rgba(255,255,255,.015);min-width:0}
.og-entry-readout small,.og-entry-readout span{display:block;color:#a2b3a9;font-size:10px;line-height:1.6}.og-entry-readout small{letter-spacing:.06em}.og-entry-readout strong{display:block;font-size:clamp(22px,2.8vw,34px);font-weight:520;color:#c5fae0;overflow-wrap:anywhere;margin:10px 0}
.og-entry-fresh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 24px;font-size:11px;color:#8fa99d}
.og-entry-fresh button{border:1px solid rgba(144,211,183,.37);border-radius:12px;padding:9px 16px;background:transparent;color:#b7eacb;cursor:pointer;font:inherit}.og-entry-fresh button:hover{background:rgba(106,185,146,.13)}.og-entry-fresh button:disabled{opacity:.55;cursor:wait}
.og-entry-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.og-entry-tabs button{min-width:0;border:1px solid rgba(153,202,174,.19);background:transparent;color:#a7c7b7;border-radius:11px;padding:15px 9px;font:500 12px inherit;cursor:pointer}.og-entry-tabs button[aria-selected="true"]{border-color:#69be9b;background:rgba(92,191,144,.12);color:#c5f6da}.og-entry-tabs button:focus-visible{outline:2px solid #adefda;outline-offset:2px}
.og-entry-detail{margin-top:12px;border:1px solid rgba(153,202,174,.2);border-radius:15px;background:rgba(122,207,156,.045);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.og-entry-detail span{font-size:10px;letter-spacing:.1em;color:#b7ebd3}.og-entry-detail h3{font-size:19px;line-height:1.5;font-weight:510;margin:9px 0;color:#e7f7ee}.og-entry-detail p{font-size:12px;line-height:1.95;color:#a6c1b1;margin:0}.og-entry-boundary{font-size:11px;color:#8ca69a;line-height:1.9;margin:20px 0 0}
@media(max-width:1000px){.og-entry-readout{grid-template-columns:repeat(3,minmax(0,1fr))}.og-entry-top{grid-template-columns:minmax(0,1fr) 205px;gap:25px}}
@media(max-width:650px){.og-entry-top{grid-template-columns:1fr}.og-entry-target{border-left:0;border-top:1px solid rgba(144,177,159,.18);padding:18px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.og-entry-target>span{grid-column:1/-1}.og-entry-target>strong{font-size:68px;grid-row:2/4;margin:8px 0}.og-entry-target p{margin:0}.og-entry-target small{margin:0}.og-entry-target a{grid-column:1/-1;margin-top:14px}.og-entry-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.og-entry-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.og-entry-detail{grid-template-columns:1fr;gap:12px;padding:20px}.og-entry-copy>p{font-size:14px}.og-entry-frame{border-radius:20px}}

/* Bio2Twin design.md v2.8 · Gate B+A */
.oi-genesis .og-entry-copy h2{font-size:var(--bt-type-section-title);line-height:1.1;letter-spacing:-.03em;font-weight:560}
.og-gate-explorer{margin-top:31px;scroll-margin-top:95px;border-top:1px solid rgba(255,255,255,.12);padding-top:33px}
.og-gate-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:21px}
.og-gate-kicker{display:block;font-size:10px;letter-spacing:.13em;color:#99bea8;line-height:1.6}
.og-gate-intro h3{font-size:clamp(22px,2.5vw,30px);line-height:1.2;letter-spacing:-.025em;font-weight:560;color:#eff7f1;margin:8px 0 10px}
.og-gate-intro p{margin:0;font-size:13px;color:rgba(236,248,240,.63);line-height:1.7}
.og-gate-intro-note{font-size:10px;letter-spacing:.12em;color:rgba(187,218,196,.53);white-space:nowrap}
.og-gate-layout{display:grid;grid-template-columns:minmax(245px,.76fr) minmax(0,1.24fr);gap:18px;align-items:stretch}
.og-gate-rail{display:grid;grid-template-columns:1fr;gap:0;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.012);overflow:hidden}
.og-gate-rail button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:19px 24px 18px;border:0;border-left:2px solid transparent;border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;min-width:0;background:transparent;color:#d3e2da;cursor:pointer;font-family:inherit;transition:background .15s ease}
.og-gate-rail button:last-child{border-bottom:0}.og-gate-rail button:hover{background:rgba(185,255,203,.035)}
.og-gate-rail button[aria-selected="true"]{background:linear-gradient(90deg,rgba(185,255,203,.085),rgba(185,255,203,.016));border-left-color:#b9ffcb}
.og-gate-rail button:focus-visible{outline:2px solid #b9ffcb;outline-offset:-4px;z-index:1}
.og-gate-step{display:flex;align-items:center;gap:10px;color:rgba(232,247,237,.5);font-size:10px;letter-spacing:.13em;line-height:1.5}
.og-gate-step i{display:inline-block;width:16px;height:1px;background:rgba(185,255,203,.29)}
.og-gate-rail strong{font-size:15px;line-height:1.55;font-weight:500;margin:7px 0;color:#e7f4ea;letter-spacing:-.01em}
.og-gate-rail small{font-size:10px;line-height:1.4;color:rgba(190,219,200,.55);letter-spacing:.055em}
.og-gate-rail button[aria-selected="true"] strong{color:#d8ffe3}.og-gate-rail button[aria-selected="true"] small{color:#a8e8bb}
.og-gate-reading{min-width:0;display:flex;flex-direction:column;border:1px solid rgba(185,255,203,.18);border-radius:17px;padding:clamp(22px,3vw,34px);background:radial-gradient(circle at 96% 5%,rgba(185,255,203,.055),transparent 45%),#121916;outline-offset:4px}
.og-gate-reading-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.og-gate-status{display:inline-block;border:1px solid rgba(214,173,109,.3);color:#d6b98e;border-radius:50px;padding:5px 10px;font-size:10px;white-space:normal;text-align:right}
.og-gate-reading-head{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-top:22px}
.og-gate-reading-head h4{font-size:clamp(22px,2.5vw,29px);line-height:1.25;letter-spacing:-.025em;color:#f0f7f2;font-weight:560;margin:0 0 14px}
.og-gate-reading-head p{font-size:14px;line-height:1.7;color:rgba(235,246,239,.67);max-width:430px;margin:0}
.og-gate-reading-num{font-size:clamp(40px,5.7vw,75px);font-weight:430;line-height:1;color:rgba(185,255,203,.23);letter-spacing:-.065em}
.og-gate-metrics,.og-gate-caveat{margin-top:24px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1)}
.og-gate-metrics>span,.og-gate-caveat>span{font-size:10px;letter-spacing:.12em;color:#accfb7}
.og-gate-metrics p,.og-gate-caveat p{font-size:13px;line-height:1.85;color:rgba(235,246,239,.72);margin:10px 0 0}
.og-gate-caveat p{color:rgba(235,246,239,.55)}
.og-gate-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:29px;flex-wrap:wrap}
.og-gate-bottom span{font-size:10px;letter-spacing:.075em;color:#a4b6a9}
.og-gate-bottom a{border:1px solid rgba(185,255,203,.28);border-radius:999px;padding:10px 14px;color:#c7f4d3;font-size:12px;text-decoration:none;white-space:normal}
.og-gate-bottom a:hover{background:rgba(185,255,203,.07)}
.og-entry-next{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;line-height:1.5;color:rgba(235,246,239,.6);margin:-9px 0 20px}
.og-entry-next strong{color:#b9ffcb;font-weight:500}
@media(max-width:820px){.og-gate-layout{grid-template-columns:minmax(0,1fr)}.og-gate-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.og-gate-rail button{border-bottom:1px solid rgba(255,255,255,.09)}.og-gate-rail button:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:650px){.og-gate-intro-note{display:none}.og-gate-intro h3{font-size:24px}.og-gate-rail strong{font-size:13px}.og-gate-rail button{padding:17px 13px 16px}.og-gate-step{font-size:9px;letter-spacing:.035em;gap:6px}.og-gate-step i{width:9px}.og-gate-rail small{font-size:9px}.og-gate-reading{padding:22px}.og-gate-reading-head p{font-size:13px}.og-gate-reading-num{font-size:49px}}
@media(prefers-reduced-motion:reduce){.og-gate-rail button{transition:none}}
.og-earlybird{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(225px,.85fr);gap:24px;align-items:center;margin:19px 0 33px;padding:clamp(21px,3vw,31px);border-radius:17px;border:1px solid rgba(216,186,234,.28);background:linear-gradient(110deg,rgba(203,170,232,.085),rgba(255,255,255,.014))}
.og-earlybird h3{color:#eee8f3;font-size:clamp(19px,2.3vw,25px);line-height:1.3;letter-spacing:-.025em;font-weight:520;margin:12px 0}
.og-earlybird h3 span{font-size:12px;font-weight:400;color:#bfb0ca}
.og-earlybird p{max-width:690px;color:#bdb3c8;font-size:12px;line-height:1.83;margin:10px 0 0}
.og-earlybird-goal{border-left:1px solid rgba(212,179,232,.24);padding-left:27px}
.og-earlybird-goal>span{font-size:10px;letter-spacing:.09em;color:#c8b4d6}
.og-earlybird-goal strong{display:block;color:#ebcef9;font-weight:500;letter-spacing:-.065em;font-size:clamp(39px,5vw,65px);margin:6px 0 2px}
.og-earlybird-goal strong small{font-size:15px;letter-spacing:0;color:#c6afcf}
.og-earlybird-goal p{font-size:11px;color:#aca0b4}
@media(max-width:690px){.og-earlybird{grid-template-columns:1fr;gap:18px}.og-earlybird-goal{border-left:0;border-top:1px solid rgba(212,179,232,.24);padding-left:0;padding-top:15px}}


/* OI Genesis editorial focus · matches canonical /design.md heading hierarchy */
.og-page--birth .og-hero__grid{min-height:535px}
.og-hero-status{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
.og-hero-status span{display:inline-flex;border:1px solid rgba(160,218,202,.24);border-radius:99px;padding:7px 10px;background:rgba(136,211,189,.045);font-size:10px;font-weight:400;color:#b8d4d1;line-height:1.45}
.og-principle{padding:55px 0;border-bottom:1px solid rgba(160,215,203,.15);background:#0c1a20}
.og-principle h2{font-size:var(--bt-type-section-title);font-weight:560;line-height:1.25;letter-spacing:-.03em;margin:0 0 16px}
.og-principle h2 span{color:#a4e6d0}
.og-principle p:not(.og-eyebrow){max-width:930px;font-size:14px;color:#bbd0d0;line-height:1.95;margin:0}
.og-principle__chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.og-principle__chips span{padding:8px 13px;border:1px solid rgba(158,223,198,.21);border-radius:10px;background:rgba(255,255,255,.015);font-size:12px;color:#dbede5}
.og-current{background:#0b1a21}
.og-current__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.og-current__grid article{padding:24px 20px;border:1px solid rgba(160,220,202,.19);border-radius:15px;background:rgba(255,255,255,.014)}
.og-current__grid article>span{font-size:10px;color:#9bd6c3;letter-spacing:.1em}
.og-current__grid h3{font-size:16px;font-weight:500;margin:12px 0}
.og-current__grid p{font-size:12px;line-height:1.9;color:#abc5c9;margin:0}
.og-current__foot{font-size:12px;line-height:1.9;color:#a6c3c4;margin:22px 0 0}
.og-current__foot a{color:#b4f0dc}
.og-extensions{background:#0b1b22;padding:73px 0}
.og-extensions h2{font-size:var(--bt-type-section-title);font-weight:560;line-height:1.25;letter-spacing:-.03em;margin:14px 0 25px}
.og-extensions h2 span{color:#a4e6d0}
.og-extensions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.og-extensions__grid a{display:flex;flex-direction:column;gap:12px;text-decoration:none;padding:24px 21px;border:1px solid rgba(159,219,207,.25);border-radius:15px;background:rgba(255,255,255,.016)}
.og-extensions__grid a:hover,.og-extensions__grid a:focus-visible{border-color:rgba(170,245,213,.62);background:rgba(170,245,213,.042)}
.og-extensions__grid span{color:#98cbbc;font-size:10px;letter-spacing:.12em}
.og-extensions__grid strong{font-size:15px;font-weight:500;color:#ebf8ee;line-height:1.6}
.og-extensions__grid small{margin-top:auto;color:#a4e7ce;font-size:11px}
.og-hero--research .og-hero__grid{display:block;min-height:0;padding-top:94px;padding-bottom:88px}
.og-hero--research .og-hero__text{max-width:850px}
@media(max-width:980px){.og-current__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.og-extensions__grid{grid-template-columns:1fr}}
@media(max-width:620px){.og-principle{padding:42px 0}.og-principle h2,.og-extensions h2{font-size:var(--bt-type-section-title-mobile)}.og-current__grid{grid-template-columns:1fr}.og-hero--research .og-hero__grid{padding-top:66px;padding-bottom:66px}.og-hero-status{margin-bottom:16px}.og-hero-status span{font-size:9px}}