:root{color-scheme:dark;--bg:#080811;--surface:#111322;--surface2:#171527;--line:#343048;--text:#f9f8ff;--muted:#a7a5bb;--accent:#a047ff;--accent-rgb:160,71,255;--glow:rgba(160,71,255,.42);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;min-width:320px}body[data-brand=cloud]{--accent:#33baff;--accent-rgb:51,186,255;--glow:rgba(51,186,255,.34)}body[data-brand=creator]{--accent:#df50ff;--accent-rgb:223,80,255;--glow:rgba(223,80,255,.35)}body[data-brand=studio]{--accent:#ff9651;--accent-rgb:255,150,81;--glow:rgba(255,150,81,.30)}body[data-brand=ai]{--accent:#2fe4df;--accent-rgb:47,228,223;--glow:rgba(47,228,223,.30)}body[data-brand=play]{--accent:#a1fe37;--accent-rgb:161,254,55;--glow:rgba(161,254,55,.31)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{display:block}::selection{background:var(--accent);color:#06060d}.noise{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
.topbar{position:sticky;top:0;z-index:40;border-bottom:1px solid #342846b0;background:rgba(8,8,17,.89);backdrop-filter:blur(20px)}.navshell{height:78px;max-width:1460px;margin:auto;display:flex;align-items:center;gap:32px;padding:0 34px}.navbrand{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbrand img{width:48px;height:54px;object-fit:contain;filter:drop-shadow(0 0 10px #894aff7d)}.navbrand span,.footerbrand{font-family:'Arial Narrow',Impact,sans-serif;font-weight:900;letter-spacing:.09em;font-size:29px;white-space:nowrap}.navbrand b,.footerbrand b{color:#c55bff;text-shadow:0 0 16px #8f34ff99}.desktop-nav{display:flex;gap:26px;align-items:center;margin-left:auto}.desktop-nav a{font-size:13px;color:#d6d1e1;font-weight:600;white-space:nowrap;transition:color .2s}.desktop-nav a:hover{color:#c490ff}.nav-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.searchform{border:1px solid #454157;border-radius:12px;padding:8px 12px;display:flex;gap:8px;align-items:center;background:#141523;min-width:192px}.searchform:focus-within{border-color:var(--accent)}.searchform svg,.carticon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#ddd}.searchform input{width:100%;min-width:90px;color:white;background:transparent;border:0;outline:none;font-size:12px}.searchform input:focus-visible{outline:none}.carticon{position:relative;display:grid;place-items:center;padding:5px}.cart-count{position:absolute;top:-9px;right:-9px;background:#8f29f7;color:white;border-radius:15px;font-weight:800;font-size:10px;min-width:19px;text-align:center;padding:3px}.button{border:1px solid #4e445c;background:#141321;color:white;border-radius:11px;padding:14px 20px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .18s,box-shadow .18s,border-color .18s}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button-primary{border-color:#aa4eff;background:linear-gradient(140deg,#aa3cfa,#6d17d7);box-shadow:0 0 26px #9a36ff53;color:#fff}.button-primary:hover{box-shadow:0 0 36px #ac48ff9e}.button-ghost{background:#12111ccc;border-color:#726485}.button-small{padding:11px 14px;font-size:12px}.hamburger{display:none;width:36px;padding:6px;background:transparent;border:0}.hamburger span{display:block;height:2px;width:23px;margin:5px 0;background:white}.mobile-nav{display:none;background:#0f0e19;border-top:1px solid #292239;padding:10px 22px 22px}.mobile-nav a{padding:13px 0;display:block;border-bottom:1px solid #252135;color:#eee;font-size:14px}
#app{min-height:65vh}.shell{max-width:1460px;margin:auto;padding:0 34px}.hero{position:relative;min-height:500px;overflow:hidden;background:radial-gradient(ellipse at 78% 30%,rgba(var(--accent-rgb),.27),transparent 40%),radial-gradient(ellipse at 35% 100%,#2e14488a,transparent 65%),linear-gradient(140deg,#0b0b15,#07070d 60%,#0d0b18);border-bottom:1px solid #443354}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070810 1%,transparent 40%),repeating-linear-gradient(90deg,transparent,transparent 139px,#8c7fa008 140px);pointer-events:none}.hero .shell{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:500px;z-index:1}.eyebrow{color:#be76ff;font-size:11px;font-weight:900;letter-spacing:.3em;text-transform:uppercase}.hero-copy{position:relative;z-index:3;padding:45px 0 55px}.mega{font-family:'Arial Narrow',Impact,sans-serif;font-weight:900;font-size:clamp(49px,5.4vw,88px);line-height:.89;letter-spacing:.018em;margin:22px 0 18px;text-transform:uppercase;filter:drop-shadow(0 2px 2px #0006)}.mega .accent{color:var(--accent);text-shadow:0 0 24px var(--glow)}.lead{color:#cecbdd;font-size:clamp(16px,1.6vw,23px);line-height:1.4;max-width:570px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions .button{min-width:190px}.hero-art{position:relative;min-height:450px;align-self:stretch;display:grid;place-items:center}.hero-art::before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(var(--accent-rgb),.7);border-radius:50%;box-shadow:0 0 35px var(--glow),inset 0 0 35px var(--glow);top:22px;right:7%;animation:breathe 6s ease-in-out infinite}.hero-art::after{content:"";position:absolute;bottom:16px;right:11%;width:78%;height:33px;background:radial-gradient(ellipse,var(--glow),transparent 70%);filter:blur(11px)}.hero-art img{width:100%;max-height:480px;object-fit:contain;z-index:1;position:relative;filter:drop-shadow(0 24px 35px #0009);animation:float 7s ease-in-out infinite;mask-image:radial-gradient(ellipse at 57% 48%,#000 42%,transparent 76%)}.hero.one .hero-art img{width:106%;transform-origin:center}.hero.specific .hero-art img{width:126%;max-height:430px;mask-image:linear-gradient(90deg,transparent 1%,#000 20%,#000 90%,transparent 100%)}.hero.specific .hero-art::before{opacity:.25}.value-strip{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px;color:#c5c1d4;font-size:12px}.value-strip span{display:flex;gap:8px;align-items:center}.value-strip span b{color:var(--accent);font-size:17px}.section{padding-top:56px;padding-bottom:56px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:22px}.section-head h2,.banner h2,.sub-heading{font-family:'Arial Narrow',Impact,sans-serif;font-size:clamp(33px,3.4vw,51px);line-height:.98;letter-spacing:.03em;margin:9px 0 0;text-transform:uppercase}.section-head p{font-size:13px;color:#aaa6bc;max-width:280px;line-height:1.6}.section-head h2 em{color:#bc65ff;font-style:normal}.brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.brand-card{grid-column:span 2;position:relative;min-height:230px;border:1px solid #4f3768;border-radius:15px;overflow:hidden;background:#121523;isolation:isolate;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .22s,border-color .22s,box-shadow .22s}.brand-card.wide{grid-column:span 3}.brand-card:hover{transform:translateY(-5px);border-color:var(--brand-color);box-shadow:0 0 27px var(--card-glow)}.brand-card img.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.59;z-index:-2;filter:saturate(1.18)}.brand-card::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090c18 3%,#070917bf 43%,#08091521 100%);z-index:-1}.brand-card .symbol{display:flex;align-items:center;gap:7px}.brand-card .symbol img{width:45px;height:47px;object-fit:contain}.brand-card .symbol span{font-family:'Arial Narrow',Impact,sans-serif;font-weight:900;font-size:26px;letter-spacing:.05em}.brand-card .symbol b{color:var(--brand-color)}.brand-card p{font-size:12px;color:#d7d4df;margin:5px 0 0}.brand-card .arrow{position:absolute;bottom:22px;right:22px;border-radius:100%;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--brand-color);color:var(--brand-color);font-size:18px}.banner{margin:8px 0 58px;padding:35px 40px;min-height:142px;background:radial-gradient(ellipse at 60% 90%,rgba(142,50,255,.26),transparent 68%),linear-gradient(130deg,#171222,#090b1b);border:1px solid #4e376b;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.banner::after{content:"";position:absolute;width:250px;height:250px;border:1px solid #4d318b;border-radius:50%;right:22%;top:-160px;box-shadow:0 0 70px #9234f87b;pointer-events:none}.banner h2{font-size:35px;text-transform:none}.banner h2 span{color:#bc72ff}.banner p{color:#b3acc8;margin:10px 0 0;font-size:13px}.banner .button{position:relative;z-index:1;flex-shrink:0}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:linear-gradient(155deg,#151425,#0b0c17);border:1px solid #413b55;border-radius:14px;overflow:hidden;min-height:365px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 10px 40px #0007}.product-image{width:100%;height:192px;object-fit:cover;background:radial-gradient(circle,#251341,#080d19)}.product-content{padding:20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.kicker{font-weight:900;font-size:10px;letter-spacing:.16em;color:var(--card-accent);text-transform:uppercase}.product-content h3{font-size:18px;margin:10px 0 8px}.product-content p{font-size:12px;line-height:1.6;color:#aaa8b9;margin:0 0 19px;flex:1}.product-card-actions{display:flex;gap:8px;width:100%}.small-link{border:1px solid #655279;background:#151220;padding:10px 12px;border-radius:9px;color:white;font-weight:700;font-size:12px;flex:1}.small-link:hover{border-color:var(--card-accent)}.add-button{background:rgba(var(--accent-rgb),.11);border:1px solid var(--card-accent);color:var(--card-accent);border-radius:9px;padding:10px 13px;font-size:14px;font-weight:800}.add-button:hover{background:rgba(var(--accent-rgb),.25)}.subhead{font-weight:800;font-size:12px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase}.products-intro{padding:38px 0 12px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#aaa8b9;font-size:12px;margin:22px 0 0}.breadcrumbs a:hover{color:white}.filterbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:26px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#171624;border:1px solid #423c50;color:#d0cbdc;border-radius:28px;padding:10px 14px;font-weight:700;font-size:12px}.pill.active,.pill:hover{border-color:#a55aff;color:#fff;background:#322047}.catalog-search{background:#121321;border:1px solid #484055;border-radius:10px;color:white;padding:11px 13px;min-width:240px}.catalog-count{color:#9995ad;font-size:12px;margin-bottom:20px}.empty{padding:44px 20px;border:1px dashed #504263;border-radius:16px;text-align:center;color:#aaa6b8}.empty h3{color:white}.brand-switcher{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:28px 0 0;padding:16px 20px;border:1px solid #3d3351;background:#11121d;border-radius:14px;color:#afadc1;font-size:12px}.brand-switcher a{color:#d5b4ff;font-weight:700}
.cart-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:22px;padding-bottom:80px}.cart-item{display:flex;align-items:center;gap:16px;border:1px solid #38334b;background:#12121f;border-radius:12px;padding:12px;margin-bottom:12px}.cart-item img{width:104px;height:82px;object-fit:cover;border-radius:9px}.cart-item .info{flex:1}.cart-item strong{display:block;margin:5px 0;font-size:15px}.cart-item .info span{font-size:11px;color:#aaa}.qty{display:flex;gap:8px;align-items:center}.qty button,.remove{width:32px;height:32px;border:1px solid #544864;background:#171624;color:#eee;border-radius:8px}.remove{color:#ffc0c0}.cart-side{border:1px solid #514063;border-radius:15px;padding:25px;background:#15121f;height:max-content;position:sticky;top:101px}.cart-side h2{font-size:21px;margin-top:0}.cart-side p{font-size:13px;line-height:1.7;color:#b6b0c4}.cart-side .button{width:100%;margin:12px 0}
.modal{padding:0;border:1px solid #6a4d88;background:#131220;color:#fff;border-radius:20px;box-shadow:0 30px 90px #000b;max-height:min(88vh,900px);max-width:min(600px,calc(100vw - 25px));width:100%;overflow-y:auto}.modal::backdrop{background:#05040ccc;backdrop-filter:blur(9px)}.modal-content{padding:27px}.modal-close{float:right;border:1px solid #4e405b;background:#211c2d;color:#fff;width:36px;height:36px;border-radius:10px}.modal h2{font-family:'Arial Narrow',Impact,sans-serif;font-size:38px;margin:8px 0 12px}.modal p{font-size:13px;line-height:1.7;color:#b9b2c8}.modal img{max-height:230px;width:100%;object-fit:cover;border-radius:12px;margin:14px 0}.modal .actions{margin-top:22px}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.field label{font-size:12px;font-weight:700;color:#ddd}.field input,.field textarea{background:#0b0d18;color:#fff;border:1px solid #4e415d;border-radius:9px;padding:12px;min-width:0}.field textarea{min-height:130px;resize:vertical}.notice{border:1px solid #4f3b64;background:#241930;border-radius:10px;padding:12px;color:#d5c5e6;font-size:12px;line-height:1.6;margin:14px 0}.toast{position:fixed;z-index:100;bottom:22px;right:22px;border-radius:11px;padding:14px 22px;background:#221634;border:1px solid #9456ca;color:white;box-shadow:0 10px 30px #000a;opacity:0;pointer-events:none;transform:translateY(15px);transition:.22s;max-width:340px;font-size:13px}.toast.visible{opacity:1;transform:translateY(0)}.sitefooter{background:#080910;border-top:1px solid #302942;margin-top:38px}.foot-inner{max-width:1460px;margin:auto;padding:34px}.footer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-head span{font-size:13px;color:#aca8b9}.sitefooter nav{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0}.sitefooter nav a,.sitefooter nav button{font-size:12px;color:#c6c2d3;background:transparent;border:0;padding:0}.sitefooter nav a:hover,.sitefooter nav button:hover{color:white}.footnote{border-top:1px solid #282335;padding-top:18px;font-size:11px;color:#888396;line-height:1.8}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes breathe{0%,100%{opacity:.6;scale:1}50%{opacity:.9;scale:1.035}}@media(min-width:1400px){.hero .shell{min-height:530px}.hero{min-height:530px}.brand-card{min-height:250px}}
@media(max-width:1180px){.navshell{gap:18px}.desktop-nav{gap:15px}.searchform{min-width:150px}.nav-cta{display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card{min-height:210px}}
@media(max-width:850px){.navshell{height:68px;padding:0 20px}.desktop-nav,.searchform{display:none}.hamburger{display:block}.mobile-nav:not([hidden]){display:block}.hero .shell{grid-template-columns:1fr 1fr;min-height:430px}.hero{min-height:430px}.hero-art{min-height:350px}.hero-art::before{width:290px;height:290px;top:32px}.mega{font-size:clamp(44px,6.5vw,65px)}.lead{font-size:16px}.shell{padding:0 20px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card,.brand-card.wide{grid-column:span 1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.cart-side{position:static}.section{padding-top:42px;padding-bottom:42px}}
@media(max-width:570px){.navbrand span{font-size:25px}.navbrand img{width:36px;height:45px}.nav-actions{gap:14px}.hero,.hero .shell{min-height:0}.hero .shell{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:35px 0 18px}.mega{font-size:clamp(49px,11vw,68px);margin:16px 0 13px}.lead{font-size:15px;margin:0 0 19px}.hero-art{min-height:250px;height:250px}.hero-art::before{width:235px;height:235px;right:calc(50% - 118px);top:8px}.hero-art img{max-height:245px;width:100%}.hero.specific .hero-art img{width:100%}.value-strip{margin-top:23px;gap:14px;font-size:10px}.actions .button{min-width:0;flex:1;padding:13px 9px}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.section-head h2{font-size:37px}.section-head p{margin:0}.brand-grid{grid-template-columns:1fr}.brand-card,.brand-card.wide{grid-column:1;min-height:215px}.brand-card .symbol span{font-size:27px}.catalog-grid{grid-template-columns:1fr}.product-card{min-height:0}.product-image{height:220px}.banner{padding:26px 24px;flex-direction:column;align-items:flex-start}.banner h2{font-size:30px}.banner .button{width:100%}.cart-item{flex-wrap:wrap}.cart-item img{width:88px;height:76px}.cart-item .qty{margin-left:auto}.field input,.field textarea{font-size:16px}.foot-inner{padding:30px 20px}.sitefooter nav{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.price-line{margin-top:5px!important;color:#e4b8ff!important;font-weight:800;font-size:14px!important;min-height:auto!important}.detail-price{font-size:17px;color:#c996ff;font-weight:800;margin:12px 0}

/* DRACO ONE beta customer portal */
.account-link{border:1px solid #564367;background:#1a1427;color:#f5eafe;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.account-link:hover{border-color:#af6aff}
.customer-wrap{max-width:1140px;margin:0 auto}.customer-header{margin-bottom:28px}.customer-header h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(40px,5vw,68px);line-height:1;margin:14px 0;text-transform:uppercase}.customer-header h1 em{color:#b96aff;font-style:normal}.customer-header p{color:#c9c4d6;line-height:1.6}
.customer-auth-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.customer-panel,.customer-aside{border:1px solid #4e3a64;border-radius:20px;padding:clamp(22px,3vw,34px);background:linear-gradient(150deg,#171424,#0d0e1a);box-shadow:0 12px 50px #0004}.customer-panel h2,.customer-aside h2{font-size:27px;margin:10px 0 14px}.customer-aside{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 80% 20%,#65299d44,transparent 55%),#13111f}.customer-aside img{width:min(260px,100%);height:205px;object-fit:contain}.customer-aside p,.customer-form p,.customer-panel p{color:#c6c0d3;line-height:1.6}.customer-tabs{display:flex;gap:8px;margin:0 0 22px}.customer-tabs button{border:1px solid #554466;color:#bdb6d0;border-radius:9px;background:#100f1e;padding:11px 17px;font-weight:700}.customer-tabs button.active{color:white;border-color:#9b4aff;background:#482178}.customer-form{display:grid;gap:17px}.customer-label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#e3dceb}.customer-label input{background:#0b0b16;color:white;border:1px solid #51435e;border-radius:11px;padding:14px;width:100%;min-width:0}.customer-hint{font-size:12px;color:#aaa0b5!important}.customer-error{padding:12px;background:#5f1f36;border:1px solid #ad425c;border-radius:10px;margin-top:16px;color:#fff}.customer-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.customer-summary h2{word-break:break-word}.customer-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.customer-inquiry{display:flex;gap:22px;justify-content:space-between;padding:18px 0;border-top:1px solid #493b59}.customer-inquiry h3{font-size:18px;margin:8px 0}.customer-inquiry p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.customer-ref{color:#c793ff;font-size:13px;font-weight:800}.customer-status{display:inline-block;align-self:flex-start;white-space:nowrap;border:1px solid #5d4675;background:#261938;border-radius:18px;padding:7px 11px;font-size:12px;color:#e2c8ff}.customer-empty{border:1px dashed #584569;border-radius:12px;padding:24px;color:#bcb3ca;margin-top:12px}
@media (max-width:1100px){.account-link{display:none}}@media (max-width:780px){.customer-auth-layout,.customer-summary{grid-template-columns:1fr}.customer-inquiry{flex-direction:column;gap:8px}.customer-panel,.customer-aside{padding:21px}.customer-aside img{height:140px}.customer-tabs button{font-size:12px}.customer-header h1{font-size:42px}}