:root{--bg:#090710;--surface:#110b1b;--text:#fff5ff;--muted:#bbaac7;--line:#bb8bd324;--serif:'Barlow Condensed',Impact,sans-serif;--pink:#ff32bd;--bright:#ff32bd;--accent:#ff32bd;--accent-rgb:255,50,189;--electric:#31e6ff}body{--pink:var(--accent);background:radial-gradient(ellipse at 100% 35%,#54129412,transparent 40%),var(--bg)}body[data-palette=blue]{--accent:#31e6ff;--accent-rgb:49,230,255;--electric:#ff32bd}body[data-palette=violet]{--accent:#b36aff;--accent-rgb:179,106,255;--electric:#31e6ff}em{font-weight:800;font-style:italic}.topbar{height:80px;background:#090710ed;border-bottom:1px solid rgba(var(--accent-rgb),.22);padding:0 5.4%}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:25px;font-weight:800;letter-spacing:.4px}.brand img{object-fit:cover;border:1px solid var(--accent);border-radius:50%}.brand .brand-dot{color:var(--accent);font-family:Arial,sans-serif;font-size:11px;margin:0 0 12px -5px}.brand>span:first-child{margin-right:0}.topbar nav a{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.topbar .nav-cta{border-color:var(--accent);background:rgba(var(--accent-rgb),.09);color:var(--accent);font-size:10px;box-shadow:inset 0 0 16px rgba(var(--accent-rgb),.05)}.btn{border-radius:0;font-weight:800;letter-spacing:.6px}.btn.primary{color:#100818;background:var(--accent);border-color:var(--accent);box-shadow:5px 5px 0 rgba(var(--accent-rgb),.2)}.btn.primary:hover{background:var(--accent);box-shadow:7px 7px 0 rgba(var(--accent-rgb),.3);transform:translate(-2px,-2px)}.cyber-hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;gap:30px;text-align:left;align-items:center;padding:75px 6% 80px;height:calc(100svh - 80px);min-height:720px;max-height:950px;overflow:hidden;background:#090710;isolation:isolate}.hero-backdrop{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#090710 5%,#090710e8 43%,#09071087 100%),url('assets/illyasaka-banner.jpg') center/cover;opacity:.48}.hero-backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,rgba(var(--accent-rgb),.26),transparent 60%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#d187ee07 1px,transparent 1px),linear-gradient(90deg,#d187ee07 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000);z-index:-2;pointer-events:none}.hero-topline,.hero-bottomline{position:absolute;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#baa5c9;font-family:monospace;font-size:8px;letter-spacing:1.1px}.hero-topline{top:25px;padding-bottom:15px;border-bottom:1px solid var(--line)}.hero-topline>span:first-child{display:flex;gap:9px;align-items:center}.hero-topline i{display:inline-block;width:5px;height:5px;background:var(--electric);box-shadow:0 0 12px var(--electric);border-radius:50%}.hero-bottomline{bottom:20px}.hero-copy{position:relative;z-index:3;padding-right:15px}.cyber-hero .kicker{font-size:8px;letter-spacing:2px;border:0;border-left:2px solid var(--accent);border-radius:0;padding:1px 0 1px 12px;background:none;color:var(--accent)}.cyber-hero .kicker .dot{display:none}.cyber-hero .hero-pretitle{font-family:var(--sans);font-size:18px;line-height:1.35;font-weight:600;color:#f5dffc;margin:20px 0 13px;letter-spacing:-.5px}.cyber-hero .hero-pretitle br{display:none}.cyber-hero .hero-pretitle em{font-family:var(--sans);font-size:18px;font-weight:600;font-style:normal;color:var(--accent)}.cyber-hero h1{font-family:var(--serif);font-size:clamp(106px,13.4vw,190px);font-weight:900;line-height:.76;letter-spacing:-4px;margin:15px 0 28px;text-shadow:4px 4px 0 #291039;position:relative}.cyber-hero h1>span{display:block;color:#fff6ff}.cyber-hero h1>span.title-second{color:var(--accent);font-style:italic;margin-left:-3px;text-shadow:4px 4px 0 #63104250}.title-star{display:inline-block;vertical-align:top;font-style:normal;font-size:.38em;line-height:1.1;margin:13px 0 0 15px;color:var(--electric)}.cyber-hero .hero-description{font-size:11px;line-height:1.8;color:#c3afcf;margin:0}.cyber-hero .hero-actions{justify-content:flex-start;gap:25px;margin-top:23px}.hero-actions .btn{font-size:10px;padding:15px 19px;gap:25px}.hero-actions .text-link{font-size:10px}.palette-picker{display:flex;align-items:center;gap:9px;margin-top:30px;font-family:monospace;font-size:8px;letter-spacing:.5px;color:#aa92b7}.palette-picker>span:first-child{margin-right:7px}.palette-swatch{border:2px solid transparent;outline:1px solid transparent;outline-offset:3px;width:15px;height:15px;padding:0;transform:rotate(45deg);transition:transform .2s,outline .2s}.palette-swatch.pink{background:#ff32bd}.palette-swatch.blue{background:#31e6ff}.palette-swatch.violet{background:#b36aff}.palette-swatch[aria-pressed=true]{outline-color:var(--accent);transform:rotate(45deg) scale(.9)}.palette-name{font-size:7px;color:var(--accent);margin-left:12px;min-width:80px}.character-scene{position:relative;isolation:isolate;min-width:0;perspective:1000px;align-self:center;padding:30px 10px 50px 0;z-index:2}.character-aura{position:absolute;width:130%;height:120%;top:-10%;left:-25%;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.23),#641da526 40%,transparent 67%);z-index:-2;filter:blur(20px)}.scene-word{position:absolute;right:-50px;top:-30px;writing-mode:vertical-rl;font-family:var(--serif);font-size:100px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(var(--accent-rgb),.23);letter-spacing:3px;z-index:-1}.character-frame{position:relative;aspect-ratio:1;max-width:490px;margin:auto;transform:rotate(-5deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s;box-shadow:10px 10px 0 #090710,11px 11px 0 var(--accent),-9px -9px 0 #090710,-10px -10px 0 #8641ad;isolation:isolate;background:#1e0c29}.character-frame:before{content:'';position:absolute;inset:-25px 17px 20px -20px;border:1px solid #31e6ff55;transform:rotate(8deg);z-index:-1}.hero-art{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.18) contrast(1.04)}.character-frame[data-view=banner] .hero-art{object-position:53% center}.image-scan{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0907100c 3px 4px);pointer-events:none;box-shadow:inset 0 0 55px #34113b44}.frame-corner{position:absolute;width:20px;height:20px;border:2px solid var(--electric)}.frame-corner.tl{left:-3px;top:-3px;border-right:0;border-bottom:0}.frame-corner.tr{right:-3px;top:-3px;border-left:0;border-bottom:0}.frame-corner.bl{left:-3px;bottom:-3px;border-right:0;border-top:0}.frame-corner.br{right:-3px;bottom:-3px;border-left:0;border-top:0}.art-label{position:absolute;bottom:0;left:0;right:0;padding:30px 13px 12px;background:linear-gradient(transparent,#090710e8);display:flex;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:1px;color:#fff}.art-label span:last-child{color:var(--electric)}.scene-caption{position:absolute;left:-45px;bottom:77px;display:flex;align-items:center;gap:11px;transform:rotate(-5deg);background:var(--electric);color:#100b18;padding:11px 17px;box-shadow:5px 5px 0 #090710;font:10px/1.25 monospace;letter-spacing:.5px;pointer-events:none}.caption-cross{font-size:28px;line-height:1}.image-selector{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:35px;position:relative;z-index:4}.image-selector button{background:#161020;border:1px solid #a865c75c;width:44px;height:44px;padding:3px}.image-selector button img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);opacity:.65}.image-selector button[aria-pressed=true]{border:1px solid var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.2)}.image-selector button[aria-pressed=true] img{filter:none;opacity:1}.image-selector>span{font:7px monospace;color:#c6acd5;letter-spacing:.5px}.image-selector b{color:var(--accent);font-size:15px;margin-left:4px}.cyber-hero .scroll-cue{display:none}.ticker{display:block;padding:0;background:var(--accent);color:#0a0710;border:0;transform:rotate(-1.2deg);margin:-8px 0 0;position:relative;z-index:4;box-shadow:0 6px 0 #10091b;overflow:hidden}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:33px;width:max-content;padding:17px 0;animation:tickerMove 35s linear infinite}.ticker span{font-family:var(--serif);font-size:21px;font-weight:800;letter-spacing:1px;color:#100818}.ticker b{color:#100818;font-size:23px}.wrap{max-width:1230px}.eyebrow{color:var(--accent);font-family:monospace;font-size:9px;letter-spacing:2px}.section-heading h2,h2{font-size:clamp(48px,6vw,76px);font-weight:800;letter-spacing:-1px;line-height:.95;text-transform:uppercase}.section-heading>p{max-width:350px;line-height:1.8;color:#c3b1d0}.sectionSub{color:#bfa9ce}.about-section,.experience-section,#editions,#install,#links,#roadmap{padding-top:105px}.image-features{gap:18px}.feature{border:1px solid rgba(var(--accent-rgb),.3);border-radius:0;position:relative;background:#170b22;overflow:hidden}.feature summary{padding:28px;min-height:260px;position:relative;z-index:1;background:linear-gradient(0deg,#10091bf5 12%,#10091b85 85%),url('assets/illyasaka-portrait.jpg') center 20%/cover}.feature:nth-child(2) summary{background-image:linear-gradient(0deg,#10091bf5 12%,#10091b85 85%),url('assets/illyasaka-banner.jpg');background-position:65% center}.feature:nth-child(3) summary{background-position:right 40%}.feature summary:hover{background-size:auto,110%}.feature-icon{font-size:32px;color:var(--electric)}.feature-number{color:var(--accent);font-size:25px;font-family:var(--serif);font-weight:700}.feature h3{font-size:32px;font-weight:700;text-transform:uppercase;line-height:1;margin:43px 0 12px;letter-spacing:0}.feature p{color:#d0bcd9;margin-bottom:27px;font-size:11px}.feature .reveal-label{color:var(--electric);font-family:monospace}.feature-answer{color:#d0bcd9;margin:0;padding:25px 28px;background:#150b20}.demoCard{border-color:rgba(var(--accent-rgb),.5);border-radius:0;box-shadow:10px 10px 0 rgba(var(--accent-rgb),.06)}.demoHead{background:#150d20;border-color:rgba(var(--accent-rgb),.2)}.demoStage{background:linear-gradient(90deg,#11091ce8,#11091cce),url('assets/illyasaka-banner.jpg') center/cover;isolation:isolate}.demoStage:before,.demoStage:after{display:none}.demoIdle{font-size:32px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff1ff}.demoIdle small{font-weight:400;text-transform:none;color:#c3aed0;letter-spacing:0}.demo-portrait{object-fit:cover;width:90px;height:90px;border-radius:50%;border:2px solid var(--accent);box-shadow:0 0 50px rgba(var(--accent-rgb),.22);margin-bottom:15px}.demoControls .btn.start{background:var(--accent);border-color:var(--accent)}.demoTimer{color:var(--electric);background:#10091b8c;padding:5px 9px;border:1px solid #31e6ff30}.stageWatermark{color:#e2c7ec}.signature-wall{position:relative;min-height:330px;margin:90px -28px 0;overflow:hidden;border-block:1px solid rgba(var(--accent-rgb),.5);background:#160b20}.signature-wall>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:65% center;filter:saturate(1.3);opacity:.75}.signature-wall:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090710f5,transparent 85%);pointer-events:none}.signature-label{position:relative;padding:45px 45px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.signature-label>span{font:9px monospace;letter-spacing:3px;color:var(--electric)}.signature-label>b{font-family:var(--serif);font-size:66px;line-height:.9;font-weight:800;letter-spacing:-1px}.signature-label a{font:10px monospace;color:var(--electric);border-bottom:1px solid #31e6ff55;padding:7px 0}.promoBanner{border-radius:0;border-color:rgba(var(--accent-rgb),.3);background:linear-gradient(90deg,rgba(var(--accent-rgb),.13),#30104422)}.promoInner h3{font-weight:700;text-transform:uppercase;font-size:34px}.promo-symbol{font-size:50px;color:var(--electric)}.plan{border-radius:0;border-color:#71448366;background:#120b1c}.plan.premium{border-color:var(--accent);background:linear-gradient(180deg,rgba(var(--accent-rgb),.16),transparent 60%),#140c21;box-shadow:0 0 45px rgba(var(--accent-rgb),.06)}.plan.ultra{border-color:#af76ed66;background:linear-gradient(180deg,#8f41ff17,transparent 60%),#120b1c}.planHeader{border-bottom:1px solid #8550a132}.planName{font-size:30px;font-weight:700;text-transform:uppercase}.chip{border-radius:0;letter-spacing:1px}.premium .chip{background:var(--accent);color:#0c0812;border-color:var(--accent);font-weight:800}.planPrice{font-size:61px;font-weight:700}.planPrice small{color:#c0a7cc}.list{color:#d1bcdc}.planCTA .buy{border-radius:0;text-transform:uppercase}.premium .buy{background:var(--accent);border-color:var(--accent);color:#100818}.tick{color:var(--accent)}.ultra-details summary{font-family:monospace;font-size:10px}.faq details{border-color:#8450a333}.faq summary{font-weight:700;color:#f6eaff}.answer{color:#c3acd0}.linksGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.linkCard{border-radius:0;background:linear-gradient(120deg,#29103755,transparent),#110b1a;padding:23px;position:relative;border-color:#8450a333;transition:transform .2s,background .2s,border .2s}.linkCard:before{content:'↗';position:absolute;right:22px;top:18px;font-size:24px;color:var(--accent);opacity:.55;pointer-events:none}.linkCard:hover{background:rgba(var(--accent-rgb),.09);border-color:var(--accent);transform:translateX(4px)}.linkTitle{font-size:17px;font-family:var(--serif);font-weight:700;text-transform:uppercase;letter-spacing:1px}.linkIcon{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);border-radius:0}.linkMeta{color:var(--electric);font-family:monospace}.linkBody{color:#c9b2d6}.linkActions .btn{border-color:rgba(var(--accent-rgb),.28)}.roadItem{border-color:#8450a333;position:relative;padding-left:17px}.roadItem:before{content:'';position:absolute;left:0;top:25px;width:4px;height:4px;background:var(--accent)}.roadItem strong{color:#e8d4f4}.roadItem span{color:#a88bb9}.closing{position:relative;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.12),transparent 70%);overflow:hidden}.closing:before{content:'ILLYASAKA';font-family:var(--serif);font-size:200px;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(var(--accent-rgb),.12);position:absolute;top:40px;left:50%;transform:translateX(-50%);z-index:-1}.closing h2{font-size:clamp(55px,7vw,85px)}.closing-star{color:var(--electric)}footer{border-top:1px solid rgba(var(--accent-rgb),.22)}.guide>h1{font-weight:800;text-transform:uppercase}.guide h2{font-size:46px}.guide a:not(.btn){color:var(--accent)}@keyframes tickerMove{to{transform:translateX(-50%)}}
@media(min-width:1650px){.cyber-hero{padding-inline:max(6%,calc((100vw - 1400px)/2));grid-template-columns:1fr 1fr;gap:80px}.hero-topline,.hero-bottomline{left:max(6%,calc((100vw - 1400px)/2));right:max(6%,calc((100vw - 1400px)/2))}}
@media(max-width:1050px) and (min-width:721px){.cyber-hero{padding-left:5%;padding-right:5%;gap:12px;min-height:680px}.cyber-hero h1{font-size:clamp(112px,14vw,150px)}.hero-actions .btn{padding:13px 12px;font-size:8px;gap:13px}.cyber-hero .hero-actions{gap:15px}.hero-actions .text-link{font-size:9px}.scene-caption{left:-15px;bottom:90px;font-size:8px}.character-frame{margin-top:30px}.scene-word{font-size:75px;right:-24px}.palette-name{display:none}}
@media(max-width:720px){.topbar{height:72px;padding:0 17px;gap:10px}.brand{font-size:20px;gap:7px;letter-spacing:0}.brand img{width:29px;height:29px}.topbar>.nav-cta{font-size:8px;padding:8px 9px;letter-spacing:0;min-height:32px;gap:8px}.menu-toggle{width:25px;font-size:21px;color:var(--accent);padding:0}nav{background:#130b20;border-color:rgba(var(--accent-rgb),.4)}.cyber-hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;gap:8px;padding:75px 24px 51px}.hero-topline{left:24px;right:24px;top:22px;font-size:7px;padding-bottom:12px}.hero-topline>span:last-child{display:none}.hero-copy{padding:0;text-align:left;z-index:3}.cyber-hero .kicker{font-size:7px;letter-spacing:1.7px}.cyber-hero .hero-pretitle{font-size:14px;margin:15px 0 9px}.cyber-hero .hero-pretitle em{font-size:14px}.cyber-hero h1{font-size:clamp(105px,30vw,162px);line-height:.76;letter-spacing:-2px;margin:17px 0 22px;max-width:95%}.title-star{margin-top:8px;margin-left:12px}.cyber-hero .hero-description{font-size:10px;line-height:1.7;max-width:250px}.cyber-hero .hero-actions{flex-direction:row;justify-content:flex-start;gap:18px;flex-wrap:wrap;margin-top:20px}.hero-actions .btn{font-size:8px;padding:13px 12px;gap:20px;min-height:43px}.hero-actions .text-link{font-size:9px}.palette-picker{margin-top:24px;font-size:7px;gap:10px}.palette-name{font-size:6px;min-width:0;margin-left:4px}.palette-swatch{width:13px;height:13px}.character-scene{width:100%;max-width:440px;align-self:center;padding:28px 17px 32px 8px;margin-top:13px}.character-frame{max-width:340px}.character-frame:before{inset:-15px 10px 20px -15px}.scene-word{top:0;right:-6px;font-size:66px}.scene-caption{left:-3px;bottom:88px;font-size:8px;padding:10px 12px;gap:8px}.caption-cross{font-size:25px}.image-selector{margin-top:28px;gap:8px}.image-selector button{width:37px;height:37px}.image-selector>span{font-size:6px}.hero-bottomline{bottom:15px;left:24px;right:24px;font-size:6px}.hero-backdrop{background:linear-gradient(#090710a1,#090710 75%),url('assets/illyasaka-banner.jpg') 50% top/auto 600px no-repeat;opacity:.65}.ticker{margin-top:0;transform:rotate(-1deg)}.ticker-track{padding:12px 0;gap:25px}.ticker span{font-size:17px}.ticker b{font-size:20px}.wrap{padding:0 23px}.about-section,.experience-section,#editions,#install,#links,#roadmap{padding-top:75px}.section-heading h2,h2{font-size:55px;line-height:.92;letter-spacing:-.5px}.section-heading>p{font-size:11px;margin-top:22px}.feature-grid{gap:15px}.feature summary{padding:25px;min-height:250px;background-position:center 33%}.feature h3{font-size:34px;margin-top:42px}.feature p{font-size:11px}.feature-answer{padding:23px}.demoHead{padding:13px;gap:12px}.demoStage{height:310px}.demoIdle{font-size:25px;gap:9px}.demoIdle small{font-size:9px}.demo-portrait{width:75px;height:75px}.demo-note{font-size:7px}.signature-wall{min-height:370px;margin:65px -23px 0}.signature-wall>img{object-position:58% center;opacity:.7}.signature-wall:after{background:linear-gradient(90deg,#090710d9,#0907102b)}.signature-label{padding:40px 23px}.signature-label>b{font-size:57px}.signature-label>span{font-size:8px}.promoInner h3{font-size:31px}.planName{font-size:30px}.planPrice{font-size:60px}.linksGrid{grid-template-columns:1fr}.linkTitle{font-size:19px}.linkCard{padding:22px}.closing h2{font-size:57px}.closing:before{font-size:130px}.closing .btn{font-size:10px}.guide>h1{font-size:73px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.character-frame{transform:rotate(-5deg)!important}}
.cyber-hero .hero-pretitle em{margin-left:4px}body{overflow-x:clip}