:root{--purple:#6a2c91;--orange:#ff8c00;--blue:#00aeef;--green:#28b463;--navy:#0d1b2a;--white:#fff;--paper:#f7f8fc;--line:#e3e5ec;--muted:#697081;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy);background:var(--paper)}a{color:inherit}img{max-width:100%;display:block}.chooser-nav,.concept-nav{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px}.chooser-nav img,.concept-nav img{width:235px;height:68px;object-fit:contain}.chooser-nav>a{font-size:13px;font-weight:800;text-decoration:none}.chooser{max-width:var(--max);margin:auto;padding:80px 24px}.micro{text-transform:uppercase;color:var(--purple);font-size:11px;letter-spacing:.2em;font-weight:900}.chooser h1{font-size:clamp(48px,7vw,82px);letter-spacing:-.06em;line-height:.98;margin:18px 0 25px;text-transform:uppercase;font-style:italic}.chooser h1 em{color:var(--purple)}.chooser-lead{font-size:18px;color:var(--muted);max-width:760px}.concept-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:55px}.concept-card{grid-column:span 2;min-height:320px;padding:26px;border:1px solid var(--line);border-radius:24px;text-decoration:none;background:#fff;position:relative;overflow:hidden;transition:.25s}.concept-card:nth-child(4),.concept-card:nth-child(5){grid-column:span 3}.concept-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(13,27,42,.12)}.concept-no{font-size:11px;font-weight:900;color:#969bab}.concept-card h2{font-size:30px;margin:25px 0 6px}.concept-card p{color:var(--muted);margin:0}.concept-card>b{display:block;margin-top:18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--purple)}.mini-ui{margin-top:26px;border:1px solid #dfe1e7;border-radius:10px;padding:12px;display:grid;gap:7px}.mini-ui i{height:8px;background:#eee;border-radius:3px}.mini-ui i:nth-child(2){width:70%}.mini-ui i:nth-child(3){width:45%;background:var(--navy)}.motion-card{background:var(--navy);color:#fff}.motion-card p{color:#afb6c3}.motion-card>b{color:#49d2ff}.mini-orbit{width:95px;height:95px;border:1px solid #4a586b;border-radius:50%;margin:15px auto 0;position:relative}.mini-orbit i{width:18px;height:18px;background:var(--orange);border-radius:50%;position:absolute;top:2px;left:12px;box-shadow:55px 55px 0 var(--blue)}.anime-card{background:#fff3e1}.mini-bot{font-size:74px;text-align:center;color:var(--purple)}.kokonut-card{background:linear-gradient(135deg,#140622,#3b1162);color:#fff}.kokonut-card p{color:#c9b8db}.kokonut-card>b{color:#f2a7ff}.mini-glow{height:95px;margin-top:15px;background:radial-gradient(circle at 35% 45%,#00aeef,transparent 35%),radial-gradient(circle at 70% 40%,#b34fff,transparent 40%);filter:blur(6px)}.bklit-card{background:#0b1220;color:#fff}.bklit-card p{color:#a8b0bf}.bklit-card>b{color:#63e6be}.mini-chart{height:105px;display:flex;align-items:flex-end;gap:9px;padding:10px 20px}.mini-chart i{flex:1;background:var(--purple);height:32%;border-radius:5px 5px 0 0}.mini-chart i:nth-child(2){height:58%;background:var(--blue)}.mini-chart i:nth-child(3){height:43%;background:var(--orange)}.mini-chart i:nth-child(4){height:82%;background:var(--green)}.recommendation{margin-top:70px;background:var(--purple);color:#fff;border-radius:28px;padding:40px}.recommendation span{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#d7b9ec;font-weight:900}.recommendation h2{font-size:34px;margin:12px 0}.recommendation p{color:#e7ddef;max-width:850px}.chooser-footer{text-align:center;padding:30px;color:#9095a2;font-size:12px}.preview-bar{height:50px;padding:0 20px;background:#070b12;color:#fff;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99;font-size:11px}.preview-bar a{text-decoration:none}.model-tabs{display:flex;height:100%}.model-tabs a{display:grid;place-items:center;padding:0 17px;color:#aeb5c2}.model-tabs a.active{background:#fff;color:#111}.concept-nav{height:82px;background:#fff}.concept-nav>div{display:flex;gap:26px}.concept-nav a{text-decoration:none;font-size:13px;font-weight:750}.nav-cta{padding:10px 16px;border-radius:10px;background:var(--navy);color:#fff!important}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.actions a{min-height:48px;padding:12px 19px;border-radius:10px;text-decoration:none;font-weight:850;display:inline-flex;align-items:center}.actions a:first-child{background:var(--orange);color:#211203;box-shadow:0 5px 0 #cf6900}.actions a:nth-child(2){border:1px solid #ccd0da;background:#fff}.shared-path{padding:100px 24px;max-width:var(--max);margin:auto}.shared-path header{text-align:center;max-width:690px;margin:0 auto 45px}.shared-path header>span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--purple)}.shared-path h2{font-size:clamp(38px,5vw,58px);letter-spacing:-.045em;margin:10px 0}.shared-path header p{color:var(--muted)}.shared-path>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shared-path article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.shared-path article>b{color:#c6a4df;font-size:28px}.shared-path article>span{display:block;color:var(--orange);font-size:10px;text-transform:uppercase;font-weight:900;margin-top:18px}.shared-path h3{font-size:20px;margin:7px 0}.shared-path article p{color:var(--muted);font-size:13px}.concept-footer{background:var(--navy);color:#fff;padding:48px max(24px,calc((100vw - 1132px)/2));display:grid;grid-template-columns:220px 1fr auto;gap:35px;align-items:center}.concept-footer img{width:210px;border-radius:10px}.concept-footer span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#9ba7b7}.concept-footer p{margin:5px 0;color:#dce2e9}.concept-footer>a{padding:13px 18px;background:var(--orange);border-radius:10px;text-decoration:none;font-weight:850;color:#251301}.rise-in{animation:rise .6s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}}
/* shadcn */[data-model=shadcn]{background:#fafafa}[data-model=shadcn] .concept-nav{border-bottom:1px solid var(--line)}.s-hero{max-width:var(--max);min-height:650px;margin:auto;padding:80px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.badge{display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:800;background:#fff}.badge::first-letter{color:var(--green)}.s-copy h1{font-size:clamp(52px,6vw,78px);line-height:1;letter-spacing:-.055em;margin:22px 0}.s-copy>p{font-size:18px;color:var(--muted);max-width:630px}.s-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:40px}.s-proof span{background:#fff;padding:15px;display:flex;flex-direction:column}.s-proof small{color:var(--muted);font-size:10px}.s-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 18px 50px rgba(13,27,42,.08)}.panel-head{display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--muted)}.panel-head b{color:var(--purple)}.s-panel h2{font-size:29px;margin:35px 0 10px}.s-panel p{color:var(--muted)}.progress{height:7px;background:#eceef2;border-radius:8px;margin:24px 0}.progress i{display:block;width:68%;height:100%;background:var(--purple);border-radius:8px}.s-panel ul{list-style:none;padding:0;display:grid;gap:10px}.s-panel li{display:flex;gap:10px}.s-panel li span{color:var(--green)}.s-panel>a{display:block;margin-top:25px;font-weight:800;text-decoration:none}.s-features{max-width:var(--max);margin:auto;padding:0 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.s-features article{border:1px solid var(--line);padding:27px;border-radius:14px;background:#fff}.s-features article>span{color:var(--purple);font-weight:900}.s-features h3{margin:15px 0 7px}.s-features p{color:var(--muted);font-size:14px}
/* Motion */[data-model=motion]{background:#07111f;color:#fff}[data-model=motion] .concept-nav{background:#07111f;color:#fff;border-bottom:1px solid #263344}[data-model=motion] .nav-cta{background:#fff;color:#07111f!important}.m-hero{min-height:700px;max-width:var(--max);margin:auto;padding:85px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.m-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.m-glow.one{width:330px;height:330px;background:var(--purple);left:-80px;top:80px}.m-glow.two{width:250px;height:250px;background:var(--blue);right:0;bottom:40px}.motion-pill{display:inline-block;border:1px solid #3c4b60;border-radius:999px;padding:8px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.m-copy{z-index:2}.m-copy h1{font-size:clamp(62px,8vw,105px);line-height:.85;letter-spacing:-.07em;margin:28px 0}.m-copy h1 em{color:var(--orange)}.m-copy p{color:#bac4d2;font-size:18px;max-width:590px}.m-copy .actions a:nth-child(2){background:transparent;border-color:#526174}.m-stage{height:480px;display:grid;place-items:center;position:relative}.m-stage img{width:350px;border-radius:50%;z-index:2}.orbit-ring{position:absolute;border:1px solid #41516a;border-radius:50%}.r1{width:430px;height:430px}.r2{width:520px;height:260px;transform:rotate(30deg)}.skill-chip{position:absolute;z-index:4;background:#fff;color:#111;padding:9px 13px;border-radius:999px;font-weight:900;font-size:10px}.chip-a{top:45px;left:40px}.chip-b{right:15px;top:190px;color:var(--blue)}.chip-c{bottom:40px;left:80px;color:var(--purple)}.scroll-cue{position:absolute;bottom:20px;left:24px;color:#768398;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.scroll-cue span{color:var(--orange)}.m-story{border-top:1px solid #243146;border-bottom:1px solid #243146;display:flex;align-items:center;justify-content:center;gap:30px;padding:45px 24px}.m-story>span{font-size:10px;letter-spacing:.15em;color:#6f7e93}.m-story div{display:flex;align-items:center;gap:12px}.m-story b{color:var(--orange)}.m-story h2{font-size:28px;margin:0}.m-story>i{color:#526174}[data-model=motion] .shared-path article{background:#111e30;border-color:#29374a}[data-model=motion] .shared-path header p,[data-model=motion] .shared-path article p{color:#aeb9c8}[data-model=motion] .concept-footer{border-top:1px solid #263344}
/* Anime */[data-model=anime]{background:#fff7e9}.a-hero{min-height:650px;max-width:var(--max);margin:auto;padding:75px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.a-kicker{font-weight:950;color:var(--purple);font-size:12px;letter-spacing:.12em}.a-copy h1{font-size:clamp(65px,8vw,105px);line-height:.82;letter-spacing:-.075em;font-style:italic;margin:28px 0;color:var(--navy)}.a-copy h1 em{color:var(--orange)}.a-copy p{font-size:18px;max-width:610px;color:#626879}.power-meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:35px;font-size:9px;font-weight:900;letter-spacing:.1em}.power-meter>div{height:10px;background:#eadfce;border-radius:10px;overflow:hidden}.power-meter i{display:block;width:92%;height:100%;background:linear-gradient(90deg,var(--purple),var(--orange))}.a-arena{height:460px;display:grid;place-items:center;position:relative}.arena-ring{position:absolute;width:430px;height:300px;border:20px solid rgba(106,44,145,.08);border-radius:50%;transform:rotate(-18deg)}.a-bot{width:340px;border-radius:50%;z-index:2;filter:drop-shadow(0 25px 30px rgba(13,27,42,.2))}.a-arena .spark,.gear{position:absolute;font-size:33px;color:var(--orange)}.sp1{left:35px;top:75px}.sp2{right:45px;bottom:65px}.gear{color:var(--purple)}.g1{right:20px;top:35px}.g2{left:50px;bottom:20px;font-size:55px}.challenge-row{max-width:var(--max);margin:auto;padding:0 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.challenge-row article{background:#fff;border:2px solid var(--navy);box-shadow:6px 6px 0 var(--navy);border-radius:14px;padding:25px;position:relative}.challenge-row b{color:var(--purple);font-size:10px}.challenge-row h2{margin:8px 0}.challenge-row span{font-size:38px;position:absolute;right:18px;top:22px}
/* Kokonut */[data-model=kokonut]{background:#0a0611;color:#fff}[data-model=kokonut] .concept-nav{background:#0a0611;color:#fff;border-bottom:1px solid #33223e}[data-model=kokonut] .nav-cta{background:#fff;color:#111!important}.k-hero{min-height:690px;max-width:var(--max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;isolation:isolate}.aurora{position:absolute;filter:blur(90px);opacity:.38;border-radius:50%;z-index:-1}.ar1{width:400px;height:400px;background:#8f38c4;left:-120px;top:30px}.ar2{width:320px;height:320px;background:#008dd0;right:20px;bottom:10px}.k-pill{display:inline-flex;gap:12px;border:1px solid #563568;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:999px;padding:9px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.k-pill i{color:var(--orange)}.k-copy h1{font-size:clamp(52px,6.6vw,86px);line-height:.95;letter-spacing:-.06em;margin:27px 0}.k-copy h1 em{background:linear-gradient(90deg,#d88fff,#4bd4ff);color:transparent;background-clip:text}.k-copy>p{color:#c5b9cc;font-size:18px;max-width:620px}.k-copy .actions a:nth-child(2){background:rgba(255,255,255,.05);border-color:#52385e}.glass-stack{height:490px;position:relative;display:grid;place-items:center}.glass-main{width:430px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px);padding:14px;border-radius:25px;box-shadow:0 35px 80px #000}.glass-main img{border-radius:16px}.glass-main div{padding:18px 12px 7px;display:flex;flex-direction:column}.glass-main span{font-size:9px;color:#b8a3c6;letter-spacing:.15em}.glass-main strong{margin-top:5px}.glass-small{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);backdrop-filter:blur(18px);border-radius:18px;padding:18px 25px;display:flex;flex-direction:column}.glass-small span{font-size:35px;font-weight:900}.glass-small small{color:#bdaec7}.gs1{left:-10px;top:45px}.gs2{right:-15px;bottom:55px}.k-values{border-top:1px solid #34223e;border-bottom:1px solid #34223e;padding:25px;display:flex;gap:30px;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.12em}.k-values i{color:var(--orange)}[data-model=kokonut] .shared-path article{background:rgba(255,255,255,.05);border-color:#382540}[data-model=kokonut] .shared-path header p,[data-model=kokonut] .shared-path article p{color:#baaec1}
/* Bklit */[data-model=bklit]{background:#08101c;color:#fff}[data-model=bklit] .concept-nav{background:#08101c;color:#fff;border-bottom:1px solid #263142}[data-model=bklit] .nav-cta{background:#fff;color:#08101c!important}.b-hero{min-height:650px;max-width:var(--max);margin:auto;padding:70px 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.b-label{font-size:10px;color:#65e6bd;letter-spacing:.16em;font-weight:900}.b-copy h1{font-size:clamp(52px,6vw,78px);line-height:.94;letter-spacing:-.055em;margin:23px 0}.b-copy h1 em{color:#65e6bd}.b-copy>p{color:#aab4c3;font-size:17px}.b-copy .actions a:nth-child(2){background:transparent;border-color:#3e4a5b}.dashboard{background:#0d1828;border:1px solid #28374c;border-radius:22px;padding:28px;box-shadow:0 30px 60px #03070d}.dash-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#8996a9}.dash-head b{color:#5d6b7e}.score{display:flex;align-items:baseline;margin-top:25px}.score strong{font-size:65px}.score>span{color:#5b6879}.score i{margin-left:auto;color:#65e6bd;font-size:11px}.bar-chart{height:185px;display:flex;gap:13px;align-items:flex-end;border-bottom:1px solid #344257;padding:20px 8px 0}.bar-chart span{height:var(--h);flex:1;background:linear-gradient(#7644a0,#3e1a5d);border-radius:6px 6px 0 0;position:relative}.bar-chart span:nth-child(5){background:linear-gradient(#00aeef,#075a7b)}.bar-chart b{position:absolute;bottom:-26px;width:100%;text-align:center;color:#6f7c8f;font-size:8px}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:40px}.dash-metrics span{background:#111f31;border-radius:10px;padding:12px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px}.dash-metrics i{width:7px;height:7px;border-radius:50%}.purple{background:var(--purple)}.blue{background:var(--blue)}.orange{background:var(--orange)}.dash-metrics b{font-size:8px;color:#7f8da1}.dash-metrics strong{font-size:12px}.b-grid{max-width:var(--max);margin:auto;padding:0 24px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.b-grid article{background:#0d1828;border:1px solid #28374c;border-radius:14px;padding:22px}.b-grid article>span{font-size:8px;color:#78869a;letter-spacing:.13em}.b-grid article>strong{display:block;font-size:26px;margin:15px 0}.b-grid small,.b-grid p{color:#8491a3}.mini-line{height:30px;border-bottom:2px solid #65e6bd;transform:skewY(-6deg);margin-bottom:15px}.rings{display:flex}.rings i{width:32px;height:32px;border:3px solid var(--purple);border-radius:50%;margin-right:-7px}.rings i:nth-child(2){border-color:var(--blue)}.rings i:nth-child(3){border-color:var(--orange)}[data-model=bklit] .shared-path article{background:#0d1828;border-color:#28374c}[data-model=bklit] .shared-path header p,[data-model=bklit] .shared-path article p{color:#8996a9}
@media(max-width:850px){.concept-grid{grid-template-columns:1fr 1fr}.concept-card,.concept-card:nth-child(4),.concept-card:nth-child(5){grid-column:span 1}.concept-nav>div{display:none}.s-hero,.m-hero,.a-hero,.k-hero,.b-hero{grid-template-columns:1fr}.s-copy,.m-copy,.a-copy,.k-copy,.b-copy{text-align:center}.actions{justify-content:center}.s-proof{max-width:620px;margin-left:auto;margin-right:auto}.s-features,.challenge-row,.b-grid{grid-template-columns:1fr}.shared-path>div{grid-template-columns:1fr 1fr}.m-stage,.a-arena,.glass-stack{height:430px}.concept-footer{grid-template-columns:1fr;text-align:center}.concept-footer img{margin:auto}.m-story{flex-wrap:wrap}.full-site{display:none}}
@media(max-width:560px){.chooser{padding-top:50px}.chooser h1{font-size:43px}.concept-grid{grid-template-columns:1fr}.preview-bar{padding:0 8px}.preview-bar>a:first-child{display:none}.model-tabs a{padding:0 9px;font-size:9px}.concept-nav{height:72px;padding:0 16px}.concept-nav img{width:185px}.nav-cta{font-size:10px!important}.s-hero,.m-hero,.a-hero,.k-hero,.b-hero{padding:55px 20px}.s-copy h1,.m-copy h1,.a-copy h1,.k-copy h1,.b-copy h1{font-size:47px}.s-proof{grid-template-columns:1fr}.s-proof span{align-items:center}.m-stage,.a-arena,.glass-stack{height:315px}.m-stage img,.a-bot{width:240px}.r1{width:290px;height:290px}.r2{width:330px;height:180px}.skill-chip{display:none}.glass-main{width:100%}.glass-small{display:none}.m-story{display:grid;grid-template-columns:1fr;text-align:center}.m-story div{justify-content:center}.m-story>i{transform:rotate(90deg)}.k-values{gap:12px;overflow:hidden;justify-content:flex-start}.shared-path{padding:70px 20px}.shared-path>div{grid-template-columns:1fr}.dashboard{padding:18px}.dash-metrics{grid-template-columns:1fr}.concept-footer{padding:40px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise-in{animation:none}}