@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap");
:root{--bg:#02070d;--panel:rgba(4,12,22,.72);--text:#f4f8ff;--muted:#9fb1c4;--line:rgba(64,188,236,.24);--cyan:#00e7ff;--blue:#4aa8ff;--violet:#8b5cff;--magenta:#ff2bd6;--orange:#ff7a18;--red:#ff3158;--green:#54ffac;color-scheme:dark}
html[data-ui-theme="light"]{--bg:#edf7fd;--panel:rgba(247,252,255,.74);--text:#071b30;--muted:#456178;--line:rgba(28,126,184,.25);color-scheme:light}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:transparent;color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit}
.v7-skip{position:fixed;left:-999px;top:8px;z-index:10000;background:#fff;color:#000;padding:10px 14px}.v7-skip:focus{left:10px}
.v7-world{position:fixed;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,7,13,.82),rgba(2,7,13,.28) 45%,rgba(2,7,13,.46)),url("/assets/v7/iko-archive-world-dark.webp") center/cover no-repeat}
html[data-ui-theme="light"] .v7-world{background:linear-gradient(90deg,rgba(246,251,255,.78),rgba(245,251,255,.26) 45%,rgba(247,251,255,.40)),url("/assets/v7/iko-archive-world-light.webp") center/cover no-repeat}
#v7-canvas{position:fixed;inset:0;z-index:2;width:100%;height:100%;display:block;pointer-events:none}
.v7-story{position:relative;z-index:10}
.v7-scanlines{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.15;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(0,0,0,.10) 4px);mix-blend-mode:soft-light}.v7-noise{position:fixed;inset:0;z-index:89;pointer-events:none;opacity:.035;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 1.5px);background-size:97px 101px,131px 113px}
.v7-header{position:fixed;z-index:100;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),1500px);height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,7,13,.92),rgba(2,7,13,.42));backdrop-filter:blur(15px)}
html[data-ui-theme="light"] .v7-header{background:linear-gradient(180deg,rgba(249,253,255,.94),rgba(249,253,255,.56))}
.v7-brand{display:flex;align-items:center;gap:12px;min-width:0}.v7-brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,231,255,.14))}.v7-brand span{display:grid;gap:2px}.v7-brand strong{font:900 15px Space Mono,monospace;letter-spacing:.08em}.v7-brand small{font:700 8px Space Mono,monospace;color:var(--cyan);letter-spacing:.12em}
.v7-header nav{display:flex;align-items:center;gap:10px;font:700 9px Space Mono,monospace}.v7-header nav>a,.v7-header button{border:1px solid var(--line);background:rgba(4,12,22,.58);color:var(--text);padding:10px 12px;cursor:pointer}html[data-ui-theme="light"] .v7-header nav>a,html[data-ui-theme="light"] .v7-header button{background:rgba(255,255,255,.72)}
.v7-status{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.v7-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.v7-engine{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(0,231,255,.24);background:rgba(0,231,255,.055);color:var(--muted);font:700 8px Space Mono,monospace;letter-spacing:.05em}.v7-engine:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(255,122,24,.6)}.v7-engine[data-state="online"]{color:var(--green);border-color:rgba(84,255,172,.28);background:rgba(84,255,172,.055)}.v7-engine[data-state="online"]:before{background:var(--green);box-shadow:0 0 12px var(--green)}.v7-engine[data-state="error"]{color:var(--red);border-color:rgba(255,49,88,.32)}.v7-engine[data-state="error"]:before{background:var(--red);box-shadow:0 0 12px var(--red)}
.v7-rail{position:fixed;z-index:30;top:50%;transform:translateY(-50%);display:grid;gap:12px;font:700 8px Space Mono,monospace;color:var(--muted)}.v7-rail-left{left:25px}.v7-rail-left span{padding-left:13px;border-left:2px solid rgba(0,231,255,.18)}.v7-rail-left span.is-active{color:var(--cyan);border-color:var(--cyan)}.v7-rail-right{right:26px;text-align:left;border-left:1px solid var(--line);padding-left:16px}.v7-rail-right b{color:var(--text);font-size:9px;margin-bottom:5px}
.v7-scene{min-height:100svh;position:relative;display:flex;align-items:center;width:min(calc(100% - 120px),1500px);margin:0 auto;padding:110px 0 86px}.v7-copy{position:relative;z-index:20;width:min(650px,46vw)}.v7-copy-left{margin-right:auto}.v7-copy-right{margin-left:auto}
.v7-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font:700 10px Space Mono,monospace;letter-spacing:.09em}.v7-kicker:before{content:"";width:42px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--magenta))}
.v7-copy h1,.v7-copy h2,.v7-final h2{margin:18px 0 20px;font-weight:900;line-height:.86;letter-spacing:-.066em;text-transform:uppercase;text-wrap:balance}.v7-copy h1{font-size:clamp(64px,7vw,112px)}.v7-copy h2,.v7-final h2{font-size:clamp(54px,6.2vw,96px)}
.v7-copy h1 em,.v7-copy h2 em,.v7-final h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.10)}
.v7-copy p,.v7-final p{max-width:590px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.v7-scroll-hint{margin-top:34px;display:flex;align-items:center;gap:12px;color:var(--muted);font:700 9px Space Mono,monospace}.v7-scroll-hint i{width:90px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.v7-corner-note{position:absolute;right:7%;top:23%;z-index:15;display:grid;gap:5px;font-family:Space Mono,monospace}.v7-corner-note small{color:var(--muted);font-size:8px}.v7-corner-note strong{color:var(--cyan);font-size:10px}
.v7-human-source{position:absolute;left:4%;bottom:10%;z-index:12;width:170px;border:1px solid var(--line);padding:7px;background:var(--panel);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.v7-human-source img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.v7-human-source span{display:block;margin-top:7px;color:var(--green);font:700 7px Space Mono,monospace;letter-spacing:.07em}
.v7-human-facts{display:grid;gap:8px;margin-top:28px}.v7-human-facts span{border-left:2px solid var(--line);padding:8px 12px;color:var(--muted);font:600 12px Space Mono,monospace}.v7-human-facts b{color:var(--cyan);margin-right:8px}
.v7-project-deck{position:absolute;z-index:25;right:2%;bottom:12%;display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px;width:min(760px,58vw)}.v7-project-deck a{display:flex;align-items:center;gap:12px;min-height:92px;padding:13px;border:1px solid var(--line);background:rgba(3,10,18,.78);backdrop-filter:blur(10px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:.22s}.v7-project-deck a:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 0 30px rgba(0,231,255,.07)}html[data-ui-theme="light"] .v7-project-deck a{background:rgba(250,253,255,.82)}.v7-project-deck img{width:45px;height:45px;object-fit:contain;border-radius:9px}.v7-project-deck span{display:grid;gap:3px}.v7-project-deck small{color:var(--muted);font:700 7px Space Mono,monospace}.v7-project-deck strong{font:800 12px Space Mono,monospace}.v7-project-deck b{color:var(--cyan);font:700 7px Space Mono,monospace}
.v7-process-stack{position:absolute;left:8%;bottom:15%;display:flex;gap:8px;z-index:15}.v7-process-stack span{min-width:140px;padding:12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font:700 8px Space Mono,monospace}
.v7-cta,.v7-ghost{margin-top:28px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:260px;padding:17px 18px;border:1px solid rgba(0,231,255,.45);background:linear-gradient(120deg,rgba(0,231,255,.12),rgba(5,12,22,.84),rgba(139,92,255,.09));color:var(--text);font:800 11px Space Mono,monospace;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px))}.v7-ghost{border-color:var(--line);background:var(--panel);min-width:auto}.v7-cta span{color:var(--cyan);font-size:18px}
.v7-final{position:relative;z-index:20;width:min(900px,80vw);text-align:center;margin:auto}.v7-final p{margin-inline:auto}.v7-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.v7-bottom-rail{position:fixed;left:0;right:0;bottom:0;z-index:80;height:34px;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 24px;border-top:1px solid var(--line);background:rgba(2,7,13,.84);backdrop-filter:blur(10px);font:700 7px Space Mono,monospace;color:var(--muted)}html[data-ui-theme="light"] .v7-bottom-rail{background:rgba(249,253,255,.84)}.v7-bottom-rail i{width:38px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--magenta))}.v7-bottom-rail strong{color:var(--cyan)}
.v7-fallback{position:fixed;left:20px;bottom:54px;z-index:200;width:min(340px,calc(100vw - 40px));padding:16px;border:1px solid var(--line);background:var(--panel)}
@media(max-width:980px){.v7-header{width:calc(100% - 24px)}.v7-status,.v7-rail{display:none}.v7-scene{width:calc(100% - 32px)}.v7-copy{width:min(680px,70vw)}.v7-project-deck{width:calc(100% - 32px);right:16px;bottom:7%;grid-template-columns:repeat(3,1fr)}.v7-process-stack{left:16px;right:16px;display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.v7-header{height:66px}.v7-brand img{width:42px;height:42px}.v7-brand small{display:none}.v7-header nav>a{display:none}.v7-scene{width:calc(100% - 24px);padding:86px 0 70px;align-items:flex-start}.v7-copy,.v7-final{width:100%;max-width:100%;margin:0;padding-top:12vh}.v7-copy h1{font-size:clamp(46px,14.2vw,64px)}.v7-copy h2,.v7-final h2{font-size:clamp(42px,12.5vw,58px)}.v7-copy p,.v7-final p{font-size:15px}.v7-human-source{width:118px;left:auto;right:12px;bottom:9%}.v7-project-deck{left:0;right:0;bottom:5%;width:100%;grid-template-columns:1fr}.v7-project-deck a{min-height:68px}.v7-process-stack{grid-template-columns:1fr 1fr;bottom:6%;gap:5px}.v7-process-stack span{min-width:0;padding:9px;font-size:7px}.v7-bottom-rail span:nth-of-type(2),.v7-bottom-rail i:first-of-type{display:none}.v7-final-actions{display:grid}.v7-cta,.v7-ghost{min-width:0;width:100%;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V7.1 CINEMATIC CORE */
@media (hover:hover) and (pointer:fine){.v7-project-deck{perspective:1000px}.v7-project-deck a{transform-style:preserve-3d;will-change:transform}.v7-project-deck a:hover{transform:translateY(-5px) rotateX(2deg) rotateY(-2deg);box-shadow:0 16px 46px rgba(0,231,255,.08)}}
.v7-human-source{box-shadow:0 18px 55px rgba(0,0,0,.22),0 0 34px rgba(0,231,255,.05)}
.v7-corner-note,.v7-process-stack,.v7-project-deck{will-change:transform,opacity}
@media(max-width:680px){.v7-engine{padding:7px 8px;font-size:7px}.v7-header nav{gap:6px}.v7-header button{padding:8px 9px}}


/* V7.1.1 RESILIENCE + REDUCED MOTION */
html[data-v7-render="fallback"] #v7-canvas{display:none!important}
html[data-v7-render="fallback"] .v7-world{filter:saturate(.85) brightness(.82)}
html[data-v7-render="fallback"] .v7-scanlines{opacity:.08}
html[data-v7-render="fallback"] .v7-noise{opacity:.02}
html[data-v7-render="fallback"] .v7-fallback{display:block}
html[data-v7-motion="reduced"] .v7-scroll-hint i{width:42px}
html[data-v7-motion="reduced"] .v7-scanlines{opacity:.07}
html[data-v7-motion="reduced"] .v7-noise{opacity:.02}
html[data-v7-motion="reduced"] .v7-engine[data-state="online"]{color:var(--cyan);border-color:rgba(0,231,255,.28);background:rgba(0,231,255,.05)}
@media(prefers-reduced-motion:reduce){
  .v7-project-deck a:hover{transform:none!important}
  .v7-world{background-attachment:initial}
}

.v7-header a:focus-visible,.v7-header button:focus-visible,.v7-cta:focus-visible,.v7-ghost:focus-visible,.v7-project-deck a:focus-visible,.v7-fallback a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

html[data-v7-render="fallback"] body{padding-bottom:0}
html[data-v7-render="fallback"] .v7-fallback{position:relative;left:auto;bottom:auto;transform:none;width:min(760px,calc(100% - 24px));margin:0 auto 70px;padding:14px 16px;z-index:25}
html[data-v7-render="fallback"] .v7-fallback p{margin:8px 0 12px;max-width:620px}
html[data-v7-render="fallback"] .v7-fallback a{display:inline-flex;padding:9px 11px;border:1px solid var(--line);font:700 8px Space Mono,monospace;color:var(--cyan)}


/* V7.2 FIVE-WORLD ARCHIVE */
.v7-dev-bays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px;max-width:590px}
.v7-dev-bays span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:3px;align-items:center;padding:10px 12px;border:1px solid rgba(139,92,255,.24);background:linear-gradient(120deg,rgba(139,92,255,.08),rgba(3,10,18,.62));clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
html[data-ui-theme="light"] .v7-dev-bays span{background:linear-gradient(120deg,rgba(139,92,255,.07),rgba(250,253,255,.76))}
.v7-dev-bays i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(255,122,24,.55)}
.v7-dev-bays b{font:800 10px Space Mono,monospace;letter-spacing:.035em}
.v7-dev-bays small{color:var(--muted);font:700 7px Space Mono,monospace;letter-spacing:.025em;line-height:1.35}
@media(max-width:680px){.v7-dev-bays{grid-template-columns:1fr;gap:5px;margin-top:14px;max-width:100%}.v7-dev-bays span{padding:8px 10px}.v7-dev-bays small{font-size:6.5px}}


/* V7.3 FORGE + CONVERSION */
.v7-forge-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:22px;max-width:650px}
.v7-forge-flow span{display:grid;gap:5px;min-height:58px;padding:9px 8px;border:1px solid rgba(0,231,255,.18);background:linear-gradient(145deg,rgba(0,231,255,.055),rgba(139,92,255,.045));color:var(--muted);font:700 7px Space Mono,monospace;letter-spacing:.02em;align-content:center}
.v7-forge-flow b{color:var(--cyan);font-size:8px}
.v7-forge-note{margin-top:12px!important;max-width:610px!important;color:var(--muted)!important;font:600 10px/1.5 Space Mono,monospace!important}
@media(max-width:980px){.v7-forge-flow{grid-template-columns:repeat(3,1fr);max-width:560px}}
@media(max-width:680px){.v7-forge-flow{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:14px}.v7-forge-flow span{min-height:46px;padding:7px;font-size:6.5px}.v7-forge-note{font-size:8px!important;line-height:1.45!important}}

.v7-header button:disabled{opacity:.58;cursor:not-allowed}