@import "tailwindcss";@import "tw-animate-css";@import "../vendor/shadcn-tailwind-4.13.0.css";
:root{--ink:#111014;--paper:#f4f0e8;--pink:#ff3cab;--lime:#c9ff33;--violet:#6728ff;--cyan:#42f5e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#f4f0e8ed;backdrop-filter:blur(14px);border-bottom:1px solid}.logo{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:900}.logo>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime)}.logo b{color:var(--pink)}.logo small{font-size:8px;letter-spacing:2px}.nav>button{display:none}.nav nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.navcta{background:var(--ink);color:white;padding:15px 20px;display:flex;gap:10px}.navcta svg{width:16px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:.93fr 1.07fr;position:relative;overflow:hidden}.heroCopy{padding:5vw 2vw 8vw 4vw;display:flex;flex-direction:column;justify-content:center}.tag,.index{font-size:11px;font-weight:900;letter-spacing:2.3px;color:var(--violet)}.tag{display:flex;align-items:center;gap:10px}.tag i{width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 7px #ff3cab22}.hero h1,.platform h2,.applications h2,.difference h2,.roadmap h2,.company h2,.contact h2{font-family:Impact,Arial Black,sans-serif;font-size:clamp(72px,7.6vw,136px);line-height:.78;letter-spacing:-4px;margin:38px 0 32px}.hero h1 em,.platform h2 em,.applications h2 em,.roadmap h2 em,.company h2 em,.contact h2 em{font-style:normal;color:var(--pink)}.heroCopy>p,.platform>div>p,.appHead>p,.difference>div>p{font-size:19px;line-height:1.6;color:#55505a}.actions{display:flex;gap:12px;margin-top:28px}.actions a{padding:17px 20px;border:1px solid;display:flex;gap:10px;font-size:13px;font-weight:800}.actions a:first-child{background:var(--ink);color:white}.heroVisual{background:#08080b;min-height:720px;position:relative;overflow:hidden;color:white}.heroVisual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.meta{position:absolute;z-index:5;top:26px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.chip{position:absolute;z-index:5;background:var(--paper);color:var(--ink);padding:12px 15px;display:flex;align-items:center;gap:9px;box-shadow:7px 7px 0 var(--lime);font-size:11px}.chip svg{width:24px;color:var(--violet)}.chip.a{left:5%;top:20%}.chip.b{right:5%;top:36%}.chip.c{left:8%;bottom:18%}.heroVisual>small{position:absolute;z-index:5;right:22px;bottom:20px;color:#ffffff99}.ticker{position:absolute;bottom:0;left:0;right:0;height:62px;background:var(--lime);border-block:1px solid;display:flex;align-items:center;overflow:hidden;z-index:10}.ticker>div{display:flex;white-space:nowrap;animation:marquee 18s linear infinite}.ticker span{font-weight:900;font-size:18px;padding-right:38px}.ticker i{color:var(--pink);padding-left:38px}@keyframes marquee{to{transform:translateX(-50%)}}.manifesto{padding:150px 8vw;background:var(--violet);color:white}.manifesto>p{font-size:20px;margin-top:60px;color:#d4caff}.manifesto h2{font:900 clamp(50px,6vw,105px)/.93 Impact,Arial Black,sans-serif;letter-spacing:-2px;max-width:1500px}.manifesto>div{display:flex;justify-content:space-between;border-top:1px solid #ffffff55;padding-top:20px;font-size:10px;letter-spacing:2px;color:var(--lime)}.platform,.difference,.roadmap,.company,.contact{padding:145px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.platform h2,.applications h2,.difference h2,.roadmap h2,.company h2,.contact h2{font-size:clamp(64px,6vw,112px)}.layers{border-top:1px solid}.layers article{display:grid;grid-template-columns:55px 140px 1fr 25px;align-items:center;gap:16px;padding:26px 8px;border-bottom:1px solid;transition:.2s}.layers article:hover{background:var(--lime);padding-inline:18px}.layers span{color:var(--pink);font-size:11px}.layers h3{font-size:23px}.layers p{font-size:13px;color:#59545c}.applications{background:var(--ink);color:white;padding:140px 4vw}.appHead{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:end}.appHead .index,.appHead h2{grid-column:1}.appHead p{grid-column:2;grid-row:2;color:#aaa}.appGrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #ffffff44;border-left:1px solid #ffffff44}.appGrid article{min-height:370px;padding:34px;border-right:1px solid #ffffff44;border-bottom:1px solid #ffffff44;position:relative}.appGrid article:hover{background:var(--violet)}.appGrid article>div{display:flex;justify-content:space-between}.appGrid svg{color:var(--lime);width:33px}.appGrid h3{font-size:34px;margin-top:80px}.appGrid p{color:#bcb7c0;line-height:1.6}.appGrid a{position:absolute;bottom:28px;display:flex;gap:9px;font-size:12px;font-weight:900}.appGrid a svg{width:16px}.compare{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.fragment,.unified{padding:42px;display:flex;flex-direction:column}.fragment{background:#ded9d0}.fragment small,.unified small{font-size:10px;letter-spacing:2px;font-weight:900;margin-bottom:42px}.fragment span{padding:20px 0;border-bottom:1px solid #aaa;display:flex;justify-content:space-between}.fragment b{color:var(--pink)}.unified{background:var(--lime)}.unified>svg{align-self:flex-end;color:var(--violet);width:44px;height:44px}.unified strong{font:900 54px/.86 Impact;margin-top:auto}.unified p{font-size:14px}.roadmap{background:var(--cyan)}.roadmap ol{list-style:none;padding:0;border-top:2px solid}.roadmap li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid}.roadmap li>span{color:var(--violet);font-weight:900}.roadmap li small{font-size:10px;letter-spacing:2px;font-weight:900}.roadmap li h3{font-size:25px;margin:7px 0}.roadmap li p{margin:0;line-height:1.5}.company{background:var(--pink)}.company h2 em,.contact h2 em{color:var(--lime)}.companyCard{background:var(--paper);padding:52px;box-shadow:20px 20px 0 var(--ink);align-self:center}.companyCard>b{color:var(--violet);letter-spacing:3px}.companyCard>p{font-size:21px;line-height:1.55;margin:38px 0}.companyCard ul{list-style:none;padding:0;border-top:1px solid}.companyCard li{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid;font-size:13px}.companyCard li strong{line-height:1.5}.companyCard>small{display:block;margin-top:24px;color:#777}.contact{background:var(--violet);color:white}.contact>div>p{font-size:18px;color:#d4caff;line-height:1.5}.contact>div>a{display:block;color:var(--lime);font-weight:800;margin-top:14px}.contact form{background:var(--paper);color:var(--ink);padding:48px;display:flex;flex-direction:column;gap:24px;box-shadow:18px 18px 0 var(--lime)}.contact form>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact label{font-size:10px;letter-spacing:1.5px;font-weight:900;text-transform:uppercase}.contact input,.contact textarea{width:100%;display:block;background:transparent;border:0;border-bottom:2px solid;padding:14px 0;font-size:15px}.contact button{border:0;background:var(--ink);color:white;padding:18px;font-weight:900;display:flex;justify-content:center;gap:10px}footer{padding:70px 4vw 28px;background:var(--ink);color:white;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}footer>p{font-size:22px;color:var(--lime)}footer>div:not(.logo):not(.social){display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}.social{display:flex;gap:8px}.social span{width:40px;height:40px;border:1px solid #ffffff55;display:grid;place-items:center;font-size:11px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff33;padding-top:22px;color:#777}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.platform,.difference,.roadmap,.company,.contact{grid-template-columns:1fr}.appHead{grid-template-columns:1fr}.appHead p{grid-column:1;grid-row:auto}.appGrid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nav{height:74px}.nav>button{display:block;border:0;background:none}.nav nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:25px 22px;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.heroCopy{padding:75px 22px 100px}.hero h1{font-size:58px;letter-spacing:-2px}.actions{flex-direction:column}.heroVisual{min-height:510px}.manifesto,.platform,.applications,.difference,.roadmap,.company,.contact{padding:95px 22px}.manifesto>div{flex-direction:column;gap:14px}.layers article{grid-template-columns:38px 1fr 20px}.layers p{grid-column:2}.appGrid,.compare{grid-template-columns:1fr}.companyCard,.contact form{padding:28px;box-shadow:10px 10px 0 var(--ink)}.contact form>div{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:55px 22px 25px}footer>small{grid-column:1}.chip{padding:9px}.chip.b{top:50%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* StudioX brand refinement */
:root{--ink:#07182f;--paper:#f7f8fa;--pink:#1769e0;--lime:#7ee8fa;--violet:#0a2b59;--cyan:#dcecff}body{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.01em}.nav{height:92px;background:#ffffffee;border-bottom:1px solid #dbe3ec;padding-inline:5vw}.logo{display:block}.logo img{display:block;width:126px;height:70px;object-fit:contain;object-position:left center}.nav nav{gap:32px;font-size:14px;color:#263d5a}.navcta{background:#0a2b59;border-radius:8px;padding:14px 19px}.hero{min-height:calc(100vh - 92px);grid-template-columns:1fr 1fr}.heroCopy{padding:7vw 4vw 8vw 5vw}.tag,.index{font-size:11px;letter-spacing:2.1px;color:#1769e0}.tag i{background:#1769e0;box-shadow:0 0 0 6px #1769e01b}.hero h1,.platform h2,.applications h2,.difference h2,.roadmap h2,.company h2,.contact h2{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-weight:780;letter-spacing:-.065em;line-height:.91}.hero h1{font-size:clamp(54px,6vw,98px);margin:34px 0 28px}.hero h1 em,.platform h2 em,.applications h2 em,.roadmap h2 em,.company h2 em,.contact h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:#1769e0;letter-spacing:-.05em}.heroCopy>p{font-size:19px;line-height:1.65;max-width:600px;color:#526174}.actions a{border-color:#adc0d6;border-radius:8px;padding:15px 18px}.actions a:first-child{background:#0a2b59}.heroVisual{background:#041124}.chip{background:#ffffffed;border:1px solid #cbd8e6;border-radius:9px;box-shadow:0 8px 24px #0017342b}.chip svg{color:#1769e0}.ticker{background:#1769e0;color:white;border:0;height:58px}.ticker i{color:#7ee8fa}.manifesto{background:#07182f;padding-block:130px}.manifesto .index{color:#7ee8fa}.manifesto h2{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:clamp(42px,5vw,82px);line-height:1.05;letter-spacing:-.055em;font-weight:700;max-width:1300px}.manifesto>p{font-size:18px;color:#9eb6d1}.platform,.difference,.roadmap,.company,.contact{padding-block:125px}.platform h2,.applications h2,.difference h2,.roadmap h2,.company h2,.contact h2{font-size:clamp(48px,5vw,82px);line-height:.95;margin:30px 0}.layers article{grid-template-columns:50px 145px 1fr 24px;padding:24px 10px;border-color:#becbd9}.layers article:hover{background:#e3f4ff}.layers span{color:#1769e0}.applications{background:#06162c;padding-block:125px}.appGrid article{min-height:350px}.appGrid article:hover{background:#123f78}.appGrid svg{color:#7ee8fa}.appGrid h3{font-size:30px;margin-top:70px}.compare{min-height:560px}.fragment{background:#e9edf2}.unified{background:#1769e0;color:white}.unified>svg{color:#7ee8fa}.unified strong{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:48px;line-height:.92;letter-spacing:-.055em}.roadmap{background:#e5f3ff}.company{background:#0b58b6;color:white}.company .index{color:#b9e9ff}.companyCard{color:#07182f;box-shadow:18px 18px 0 #031126}.companyCard>b{color:#1769e0}.contact{background:#07182f}.contact .index{color:#7ee8fa}.contact form{box-shadow:16px 16px 0 #1769e0;border-radius:8px}.contact button{background:#1769e0;border-radius:6px}footer{background:#041124}.footer .logo img,footer .logo img{width:145px;height:90px;background:white;border-radius:6px;padding:5px}footer>p{color:#7ee8fa}
@media(max-width:700px){.nav{height:76px}.logo img{width:105px;height:60px}.nav nav{top:76px}.hero h1{font-size:clamp(48px,15vw,68px);line-height:.92}.heroCopy{padding-top:72px}.manifesto,.platform,.applications,.difference,.roadmap,.company,.contact{padding-block:84px}.manifesto h2,.platform h2,.applications h2,.difference h2,.roadmap h2,.company h2,.contact h2{font-size:clamp(42px,12vw,60px);line-height:1}.chip{font-size:10px}.companyCard{color:#07182f}}

/* Final art direction: warm optical editorial */
:root{--ink:#21152b;--paper:#f5efe5;--pink:#e94e35;--lime:#d8f04a;--violet:#46204f;--cyan:#f1c675}body{background:var(--paper);color:var(--ink)}.nav{background:#f5efe5ee;border-bottom-color:#cfc3b5}.nav nav{color:#44384a}.navcta{background:#46204f}.tag,.index{color:#b93225}.tag i{background:#e94e35;box-shadow:0 0 0 6px #e94e351d}.hero h1 em,.platform h2 em,.applications h2 em,.roadmap h2 em,.company h2 em,.contact h2 em{color:#e94e35}.actions a{border-color:#bcae9f}.actions a:first-child{background:#46204f}.heroVisual{background:#17101e}.ticker{background:#d8f04a;color:#21152b}.ticker i{color:#e94e35}.manifesto{background:#46204f}.manifesto .index{color:#d8f04a}.manifesto>p{color:#d9c9dd}.layers article:hover{background:#f1d8a9}.layers span{color:#e94e35}.applications{background:#21152b}.applications .index{color:#d8f04a}.appGrid article:hover{background:#5a2a60}.appGrid svg{color:#d8f04a}.unified{background:#e94e35}.unified>svg{color:#d8f04a}.roadmap{background:#f1c675}.company{background:#e94e35}.company .index{color:#21152b}.companyCard{color:#21152b;box-shadow:18px 18px 0 #46204f}.contact{background:#46204f}.contact .index{color:#d8f04a}.contact form{box-shadow:16px 16px 0 #d8f04a}.contact button{background:#21152b}.chip svg{color:#b93225}.sceneStories{background:#f5efe5;padding:0 4vw 140px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.sceneStories article{position:relative;overflow:hidden;background:#21152b;color:white;min-height:690px}.sceneStories article:nth-child(2){margin-top:120px}.sceneStories img{width:100%;height:430px;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03)}.sceneStories article:nth-child(2) img{height:370px}.sceneStories article>div{padding:38px}.sceneStories span{font-size:10px;letter-spacing:2px;color:#d8f04a;font-weight:900}.sceneStories h3{font:650 clamp(30px,3vw,50px)/1.02 "Segoe UI Variable Display","Segoe UI",sans-serif;letter-spacing:-.045em;margin:20px 0}.sceneStories p{font-size:15px;line-height:1.65;color:#cfc5d2;max-width:640px}footer{background:#18101e;padding:82px 5vw 30px;grid-template-columns:1.1fr .55fr 1.35fr 1.1fr;gap:55px;align-items:start}footer .logo img{width:150px;height:105px;background:white;border-radius:8px;padding:7px}.footerBrand>p{font:400 25px/1.25 Georgia,serif;color:#f1c675;margin:25px 0}.footerExplore,.footerContact{display:flex!important;grid-template-columns:none!important;flex-direction:column;gap:15px!important}.footerExplore>b,.footerContact>b{font-size:10px;letter-spacing:2px;color:#d8f04a;margin-bottom:10px}.footerExplore a{font-size:14px;color:#d6cdd8}.footerContact a,.footerContact span{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#d6cdd8}.footerContact svg{width:16px;min-width:16px;color:#e94e35}.footerNote{background:#e94e35;padding:30px!important;display:flex!important;flex-direction:column;gap:28px!important;min-height:220px;justify-content:space-between}.footerNote strong{font-size:23px;line-height:1.15}.footerNote a{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:900}.footerNote svg{width:17px}.social{display:flex!important;gap:9px!important}.social a{width:42px;height:42px;border:1px solid #ffffff55;display:grid;place-items:center;color:white;cursor:pointer}.social svg{width:19px;height:19px}.social b{font-size:18px}footer>small{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff2e;padding-top:25px;color:#887d8c}footer>small span{color:#d8f04a}
@media(max-width:1000px){.sceneStories{grid-template-columns:1fr}.sceneStories article:nth-child(2){margin-top:0}.sceneStories article{min-height:0}footer{grid-template-columns:1fr 1fr}.footerNote{grid-column:1/-1}}
@media(max-width:700px){.sceneStories{padding:0 22px 84px}.sceneStories img,.sceneStories article:nth-child(2) img{height:280px}.sceneStories article>div{padding:28px}.sceneStories h3{font-size:35px}footer{grid-template-columns:1fr;padding:65px 22px 25px}.footerNote{grid-column:1}.footerBrand>p{font-size:22px}footer>small{flex-direction:column;gap:10px}}
.social img{width:19px!important;height:19px!important;object-fit:contain!important;background:transparent!important;padding:0!important;border-radius:0!important}