/* IYABOKO C3 High-Tech Experience RC106.0
   Accessible high-contrast sovereign engineering cockpit layered over native C3. */
body.iyb-c3-high-tech-page{--c3x-bg:#05070a;--c3x-panel:#0a0f15;--c3x-panel2:#0d141c;--c3x-line:#25313d;--c3x-text:#f5f7fa;--c3x-muted:#9aa9b8;--c3x-blue:#4aa8ff;--c3x-cyan:#64e8e3;--c3x-green:#9ef0b5;--c3x-amber:#ffd179;background:#fff}
.iyb-c3x-shell{width:min(100%,1680px);margin:0 auto;font-family:"IBM Plex Sans","Segoe UI",Inter,system-ui,-apple-system,sans-serif;color:var(--c3x-text)}
.iyb-c3x-command{position:relative;overflow:hidden;background:
radial-gradient(circle at 72% -20%,rgba(74,168,255,.22),transparent 35%),
radial-gradient(circle at 15% 0%,rgba(100,232,227,.12),transparent 30%),
linear-gradient(180deg,#070b10 0%,#05070a 100%);border:1px solid #1f2a35;border-radius:24px 24px 0 0;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.iyb-c3x-command:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.iyb-c3x-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:48px;align-items:center;padding:48px clamp(24px,5vw,70px) 38px;border-bottom:1px solid var(--c3x-line)}
.iyb-c3x-kicker{display:flex;align-items:center;gap:10px;color:var(--c3x-cyan);font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.iyb-c3x-pulse{width:8px;height:8px;border-radius:50%;background:var(--c3x-green);box-shadow:0 0 0 5px rgba(158,240,181,.09),0 0 18px rgba(158,240,181,.7)}
.iyb-c3x-hero h1{margin:14px 0 14px;color:#fff;font-size:clamp(38px,6vw,76px);line-height:.94;letter-spacing:-.055em;font-weight:720;max-width:980px}
.iyb-c3x-hero p{margin:0;max-width:900px;color:#b8c4cf;font-size:clamp(15px,1.4vw,19px);line-height:1.7}
.iyb-c3x-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.iyb-c3x-badges span{border:1px solid #2b3a48;background:rgba(9,16,23,.82);padding:8px 10px;border-radius:7px;color:#c9d5df;font:650 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}
.iyb-c3x-orbit{position:relative;width:min(100%,330px);aspect-ratio:1;margin:auto}.iyb-c3x-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:98px;height:98px;display:grid;place-items:center;border-radius:22px;border:1px solid #3e6584;background:linear-gradient(145deg,#0d1c29,#0b1118);box-shadow:inset 0 0 30px rgba(74,168,255,.13),0 0 50px rgba(74,168,255,.12);font:800 30px ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}
.iyb-c3x-orbit-ring{position:absolute;border:1px solid rgba(100,232,227,.28);border-radius:50%;inset:16%}.iyb-c3x-orbit-ring.r2{inset:2%;border-color:rgba(74,168,255,.18);border-style:dashed}
.iyb-c3x-orbit .n{position:absolute;padding:5px 8px;border-radius:6px;background:#0b1219;border:1px solid #284052;color:#bde8ff;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.iyb-c3x-orbit .n1{left:1%;top:46%}.iyb-c3x-orbit .n2{right:0;top:46%}.iyb-c3x-orbit .n3{left:42%;top:0}.iyb-c3x-orbit .n4{left:41%;bottom:0}
.iyb-c3x-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--c3x-line);background:#070b10}.iyb-c3x-metrics article{min-height:116px;padding:21px clamp(16px,2.5vw,32px);border-right:1px solid var(--c3x-line);display:flex;flex-direction:column;justify-content:center}.iyb-c3x-metrics article:last-child{border-right:0}.iyb-c3x-metrics small,.iyb-c3x-panel small,.iyb-c3x-strip small{color:#7f93a6;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.iyb-c3x-metrics strong{margin:6px 0 4px;color:#fff;font-size:clamp(18px,2.1vw,27px);letter-spacing:-.03em}.iyb-c3x-metrics span{font-size:12px;color:var(--c3x-muted)}
.iyb-c3x-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:1px;background:var(--c3x-line)}.iyb-c3x-panel{background:var(--c3x-panel);padding:30px}.iyb-c3x-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.iyb-c3x-panel-head h2{color:#fff;margin:5px 0 0;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.035em}.iyb-c3x-panel-head>span{color:var(--c3x-cyan);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.iyb-c3x-plane-grid{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:10px}.iyb-c3x-plane{position:relative;min-height:125px;border:1px solid #233342;border-radius:13px;background:linear-gradient(180deg,#0c141c,#091017);padding:15px;overflow:hidden}.iyb-c3x-plane:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#314354}.iyb-c3x-plane.is-loaded:after{background:linear-gradient(var(--c3x-blue),var(--c3x-cyan))}.iyb-c3x-plane em{font-style:normal;color:#7f93a6;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.iyb-c3x-plane strong{display:block;margin:10px 0 7px;color:#fff;font-size:14px;line-height:1.2}.iyb-c3x-plane p{margin:0;color:#8fa1b0;font-size:11px;line-height:1.45}.iyb-c3x-state{display:inline-flex;margin-top:11px;padding:4px 6px;border:1px solid #394957;border-radius:5px;color:#9eabb8;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.iyb-c3x-plane.is-loaded .iyb-c3x-state{color:var(--c3x-green);border-color:#315b43}
.iyb-c3x-fabric-list{display:grid;gap:7px}.iyb-c3x-fabric-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #22313e;border-radius:9px;background:#091017}.iyb-c3x-fabric-row strong{color:#fff;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace}.iyb-c3x-fabric-row span{color:#9aabb9;font-size:11px}.iyb-c3x-fabric-row i{width:8px;height:8px;border-radius:50%;background:var(--c3x-amber);box-shadow:0 0 12px rgba(255,209,121,.45)}
.iyb-c3x-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--c3x-line);background:#070b10}.iyb-c3x-strip>div{padding:20px;border-right:1px solid var(--c3x-line)}.iyb-c3x-strip>div:last-child{border-right:0}.iyb-c3x-strip strong{display:block;color:#dce6ee;margin-top:7px;font-size:12px}
.iyb-c3x-loading{color:#8797a7;padding:18px;border:1px dashed #2b3945;border-radius:12px}

/* Native C3 workspace uplift — no removal of native functionality. */
.iyb-c3x-native .iybc3-app{border-radius:0 0 24px 24px!important;border-top:0!important;box-shadow:0 30px 100px rgba(0,0,0,.22)!important;--bg:#06090d!important;--panel:#0b1016!important;--line:#25313d!important;--text:#f4f7fa!important;--muted:#95a5b3!important;--accent:#64e8e3!important}
.iyb-c3x-native .iybc3-hero{background:linear-gradient(135deg,#0a1118,#0b1822)!important;border-bottom:1px solid #27333e}.iyb-c3x-native .iybc3-hero h1{letter-spacing:-.045em;font-weight:720}.iyb-c3x-native .iybc3-side{background:#070c11!important}.iyb-c3x-native .iybc3-side button{border-radius:7px!important;font-weight:600}.iyb-c3x-native .iybc3-side button.is-active{box-shadow:inset 2px 0 var(--c3x-blue);background:#101b25!important}.iyb-c3x-native .iybc3-panel,.iyb-c3x-native .iybc3-form,.iyb-c3x-native .iybc3-card{border-color:#25313d!important}.iyb-c3x-native button,.iyb-c3x-native .iybc3-link{transition:transform .15s ease,border-color .15s ease,background .15s ease}.iyb-c3x-native button:hover{transform:translateY(-1px)}

@media(max-width:1100px){.iyb-c3x-hero{grid-template-columns:1fr}.iyb-c3x-orbit{display:none}.iyb-c3x-grid{grid-template-columns:1fr}.iyb-c3x-plane-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.iyb-c3x-command{border-radius:14px 14px 0 0}.iyb-c3x-hero{padding:30px 20px}.iyb-c3x-hero h1{font-size:42px}.iyb-c3x-metrics{grid-template-columns:repeat(2,1fr)}.iyb-c3x-metrics article:nth-child(2){border-right:0}.iyb-c3x-plane-grid{grid-template-columns:repeat(2,1fr)}.iyb-c3x-strip{grid-template-columns:1fr 1fr}.iyb-c3x-strip>div{border-bottom:1px solid var(--c3x-line)}.iyb-c3x-panel{padding:22px 18px}}
@media(max-width:480px){.iyb-c3x-plane-grid,.iyb-c3x-metrics,.iyb-c3x-strip{grid-template-columns:1fr}.iyb-c3x-metrics article{border-right:0;border-bottom:1px solid var(--c3x-line)}}
@media(prefers-reduced-motion:reduce){.iyb-c3x-pulse{box-shadow:none}.iyb-c3x-native button{transition:none}}