:root{--ff-bg:#eeeee9;--ff-ink:#111310;--ff-accent:#ff4f2f;--ff-line:rgba(17,19,16,.14)}
.flow-site{min-height:100vh;background:var(--ff-bg);color:var(--ff-ink);font-family:Arial,Helvetica,sans-serif;font-weight:600;overflow:hidden}.flow-site *{box-sizing:border-box}.flow-site button,.flow-site a{font:inherit}.flow-nav{height:72px;width:min(1480px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--ff-line);display:flex;align-items:center;justify-content:space-between}.flow-logo{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;letter-spacing:-.04em}.flow-logo svg{width:30px;height:30px;fill:currentColor}.flow-logo b{font-size:17px}.flow-nav nav{display:flex;align-items:center;gap:30px}.flow-nav nav button,.flow-nav nav a,.flow-login{border:0;background:none;color:#656760;text-decoration:none;font-size:12px;cursor:pointer;padding:8px 0}.flow-nav nav button:hover,.flow-nav nav a:hover,.flow-login:hover{color:#111}.flow-nav>div{display:flex;align-items:center;gap:15px}.flow-open{height:42px;padding:0 18px;border:1px solid #111;background:#111;color:#fff;border-radius:3px;font-size:12px;cursor:pointer;box-shadow:0 2px 0 #000,0 8px 18px #0002;transition:transform .2s,box-shadow .2s}.flow-open span{margin-left:15px}.flow-open:hover{transform:translateY(-2px);box-shadow:0 2px 0 #000,0 14px 24px #0003}.flow-login{padding-inline:8px}
.flow-hero{width:min(1480px,calc(100% - 48px));min-height:760px;margin:auto;position:relative;display:grid;grid-template-columns:.77fr 1.23fr;align-items:center;gap:30px}.flow-copy{position:relative;z-index:4;padding-bottom:40px}.flow-label{display:block;font-size:9px;letter-spacing:.2em;color:#74766f;margin-bottom:25px}.flow-copy h1{font:800 clamp(62px,6.7vw,108px)/.85 Arial,Helvetica,sans-serif;letter-spacing:-.085em;margin:0}.flow-copy h1 em{display:inline-block;color:var(--ff-accent);font-style:normal}.flow-copy p{max-width:510px;margin:32px 0;color:#666861;font-size:16px;line-height:1.55;font-weight:500}.flow-copy>div{display:flex;align-items:center;gap:22px}.flow-primary{background:var(--ff-accent);border-color:#c9351d;box-shadow:0 2px 0 #b72e18,0 12px 28px #ff4f2f2e}.flow-text{border:0;background:none;color:#343630;font-size:12px;cursor:pointer}.flow-text span{margin-left:14px}.flow-scene{height:680px;position:relative;perspective:1300px;transform-style:preserve-3d}.flow-line{position:absolute;width:78%;height:42%;left:10%;top:28%;border:2px solid #bfc0b9;border-left-color:transparent;border-radius:50%;transform:rotate(-12deg);animation:lineOrbit 14s linear infinite}.flow-line::before,.flow-line::after,.flow-line i{content:"";position:absolute;width:9px;height:9px;border:2px solid var(--ff-bg);background:var(--ff-accent);border-radius:50%;box-shadow:0 0 0 1px #d53c24}.flow-line::before{left:8%;top:13%}.flow-line::after{right:6%;bottom:18%}.flow-line i{left:48%;bottom:-6px}.flow-frame{position:absolute;margin:0;background:#171916;border:1px solid #fff6;border-radius:4px;overflow:hidden;box-shadow:0 2px 2px #0004,0 14px 28px #0003,0 42px 76px #0002;transition:transform .2s ease-out}.flow-frame img{width:100%;height:100%;object-fit:cover}.flow-frame figcaption{position:absolute;left:0;right:0;bottom:0;padding:45px 13px 12px;background:linear-gradient(transparent,#0a0c0be8);color:#fff;display:flex;justify-content:space-between;align-items:end}.flow-frame figcaption b{font-size:8px;letter-spacing:.14em}.flow-frame figcaption span{font-size:8px;color:#b9bdb7}.flow-frame-a{width:42%;height:50%;left:4%;top:17%;z-index:3;transform:rotateY(9deg) rotateZ(-4deg) translateZ(65px)}.flow-frame-b{width:31%;height:38%;left:39%;top:4%;z-index:2;transform:rotateY(-4deg) rotateZ(3deg) translateZ(5px)}.flow-frame-c{width:45%;height:53%;right:1%;bottom:8%;z-index:4;transform:rotateY(-9deg) rotateZ(4deg) translateZ(90px)}.flow-frame-c::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff3 50%,transparent 65%);transform:translateX(-120%);animation:frameLight 4.8s ease-in-out infinite}.flow-play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border:1px solid #fff8;border-radius:50%;background:#10120fbb;color:#fff;display:grid;place-items:center;padding-left:3px;box-shadow:0 10px 25px #0006;z-index:2}.flow-command{position:absolute;left:18%;bottom:4%;z-index:7;width:45%;height:48px;padding:0 14px;background:#fbfbf8;border:1px solid #bfc1ba;border-radius:3px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 1px #0002,0 16px 35px #0002;transform:translateZ(120px)}.flow-command span{color:#777a72;font-size:10px;font-weight:500}.flow-command b{font-size:9px;color:#555850}.flow-mode-switch{position:absolute;right:0;bottom:18px;display:flex;align-items:center;gap:16px}.flow-mode-switch button{border:0;background:none;color:#777a73;font-size:10px;cursor:pointer}.flow-mode-switch button span{margin-right:6px;font-size:8px}.flow-mode-switch button.active{color:#111}.flow-mode-switch i{width:44px;height:1px;background:#b7b9b2}
.flow-process{padding:140px max(24px,calc((100% - 1480px)/2));background:#111310;color:#f2f3ee}.flow-process>header{display:grid;grid-template-columns:.6fr 1.4fr;align-items:start}.flow-process header>span,.flow-pricing>div>span{font-size:9px;letter-spacing:.18em;color:#858980}.flow-process h2,.flow-pricing h2{font:800 clamp(48px,6vw,88px)/.9 Arial,sans-serif;letter-spacing:-.075em;margin:0}.flow-process>div{display:grid;grid-template-columns:repeat(3,1fr);margin:100px 0 0;border-top:1px solid #ffffff24}.flow-process article{min-height:260px;padding:24px;border-right:1px solid #ffffff24}.flow-process article:first-child{padding-left:0}.flow-process article:last-child{border:0}.flow-process article>b{font-size:9px;color:var(--ff-accent)}.flow-process h3{font-size:22px;letter-spacing:-.04em;margin:90px 0 10px}.flow-process p{max-width:280px;color:#8f938b;font-size:12px;line-height:1.55;font-weight:500}.flow-pricing{padding:130px max(24px,calc((100% - 1480px)/2));background:#dedfd8;color:#111}.flow-pricing>div:first-child{display:grid;grid-template-columns:.6fr 1.4fr}.flow-plans{display:grid!important;grid-template-columns:1.35fr repeat(3,1fr)!important;margin-top:75px;border-block:1px solid #1113}.flow-plans>*{min-height:190px;border:0;border-right:1px solid #1113;background:transparent;padding:22px;text-align:left;color:#111;display:flex;flex-direction:column;align-items:flex-start;cursor:default}.flow-plans button{background:var(--ff-accent);cursor:pointer;position:relative}.flow-plans button:hover{background:#ff654a}.flow-plans span{font-size:8px;letter-spacing:.15em}.flow-plans b{font-size:27px;letter-spacing:-.05em;margin-top:auto}.flow-plans small{font-size:9px;color:#62645e;margin-top:7px}.flow-plans button i{position:absolute;right:20px;top:20px;font-style:normal}.flow-footer{height:100px;padding:0 max(24px,calc((100% - 1480px)/2));display:flex;align-items:center;justify-content:space-between;background:#dedfd8;border-top:1px solid #1112}.flow-footer>span{font-size:10px;color:#73756e}.flow-footer>div{display:flex;gap:18px}.flow-footer>div a{font-size:9px;color:#555750;text-decoration:none}
@keyframes lineOrbit{50%{transform:rotate(-8deg) scale(1.03)}}@keyframes frameLight{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@media(max-width:1000px){.flow-hero{grid-template-columns:1fr;padding-top:70px}.flow-copy{text-align:center}.flow-copy p{margin-inline:auto}.flow-copy>div{justify-content:center}.flow-scene{max-width:760px;width:100%;margin:auto}.flow-mode-switch{display:none}.flow-process>header,.flow-pricing>div:first-child{grid-template-columns:1fr;gap:30px}.flow-plans{grid-template-columns:1fr 1fr!important}}@media(max-width:650px){.flow-nav{width:calc(100% - 28px)}.flow-nav nav,.flow-login{display:none}.flow-open{height:38px;padding-inline:12px}.flow-hero{width:calc(100% - 28px);min-height:auto;padding-top:55px}.flow-copy h1{font-size:56px}.flow-copy p{font-size:14px}.flow-copy>div{flex-direction:column}.flow-scene{height:470px}.flow-frame-a{width:55%;height:48%;left:0}.flow-frame-b{width:42%;height:34%;left:48%}.flow-frame-c{width:58%;height:48%;right:0}.flow-command{left:4%;width:70%}.flow-process{padding-block:90px}.flow-process>div{grid-template-columns:1fr;margin-top:60px}.flow-process article{min-height:170px;border-right:0;border-bottom:1px solid #ffffff24;padding-left:0}.flow-process h3{margin-top:48px}.flow-pricing{padding-block:90px}.flow-plans{grid-template-columns:1fr!important}.flow-plans>*{min-height:130px;border-right:0;border-bottom:1px solid #1113}.flow-footer>span{display:none}}@media(prefers-reduced-motion:reduce){.flow-line,.flow-frame-c::after{animation:none}}

/* Final premium system: black + ice blue */
.premium-site{min-height:100vh;background:#070b12;color:#f5f8ff;font-family:Arial,Helvetica,sans-serif;font-weight:600;overflow:hidden}.premium-site *{box-sizing:border-box}.premium-site button,.premium-site a{font:inherit}.premium-nav{height:68px;padding:0 26px;border-bottom:1px solid #9ac9ff1a;background:#070b12e8;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.premium-logo{display:flex;align-items:center;gap:10px;color:#f7faff;text-decoration:none;letter-spacing:-.04em}.premium-logo>span{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#c9e6ff,#73b8ff);color:#07101c;display:grid;place-items:center;font-size:13px;box-shadow:0 5px 18px #55aaff2b,0 1px #fff inset}.premium-logo b{font-size:16px}.premium-nav nav{display:flex;gap:6px}.premium-nav nav button,.premium-nav nav a{border:0;background:none;color:#8f9baa;padding:9px 13px;border-radius:7px;text-decoration:none;font-size:11px;cursor:pointer}.premium-nav nav button:hover,.premium-nav nav a:hover{background:#101a28;color:#fff}.premium-nav>div{display:flex;gap:9px}.premium-login{height:38px;padding:0 16px;border:1px solid #26364b;border-radius:8px;background:#0c131e;color:#dce9f7;font-size:11px;cursor:pointer}.premium-primary{height:40px;padding:0 17px;border:1px solid #a8d6ff;border-radius:8px;background:linear-gradient(180deg,#bfe1ff,#79bfff);color:#07111d;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 #3c8fd4,0 10px 25px #4da8ff26,0 1px #fff inset;transition:.2s}.premium-primary span{margin-left:15px}.premium-primary:hover{transform:translateY(-2px);box-shadow:0 2px 0 #3c8fd4,0 16px 34px #4da8ff38,0 1px #fff inset}
.premium-hero{min-height:700px;padding:105px 20px 65px;position:relative;text-align:center;isolation:isolate}.blue-field{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% 35%,#163763 0,#0a1527 38%,#070b12 73%)}.blue-field::before,.blue-field::after,.blue-field i{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.65}.blue-field::before{width:70vw;height:24vw;left:-15%;top:22%;background:linear-gradient(90deg,transparent,#4a9dff3b,#bce4ff20);transform:rotate(13deg);animation:blueDrift 12s ease-in-out infinite}.blue-field::after{width:65vw;height:18vw;right:-12%;top:36%;background:linear-gradient(90deg,#8bc9ff1f,#2a78da42,transparent);transform:rotate(-16deg);animation:blueDrift 15s ease-in-out infinite reverse}.blue-field i:nth-child(1){width:520px;height:520px;left:calc(50% - 260px);top:40px;border:1px solid #92caff1c;box-shadow:0 0 90px #4e9fff0f inset;animation:blueOrbit 18s linear infinite}.blue-field i:nth-child(2){width:340px;height:340px;left:calc(50% - 170px);top:130px;border:1px solid #b5dbff14;animation:blueOrbit 13s linear infinite reverse}.blue-field i:nth-child(3){width:900px;height:1px;left:calc(50% - 450px);top:455px;background:linear-gradient(90deg,transparent,#9bd0ff5c,transparent);box-shadow:0 0 24px #62adff}.premium-copy>span{font-size:9px;letter-spacing:.2em;color:#8abbe9}.premium-copy h1{font:800 clamp(60px,7vw,108px)/.86 Arial,Helvetica,sans-serif;letter-spacing:-.08em;margin:25px 0}.premium-copy h1 em{font-style:normal;color:#a9d6ff}.premium-copy p{max-width:620px;margin:0 auto;color:#99a9ba;font-size:16px;line-height:1.55;font-weight:500}.premium-composer{width:min(850px,calc(100% - 20px));margin:46px auto 0;padding:8px;border:1px solid #8fc8ff35;border-radius:14px;background:#09111de8;box-shadow:0 3px 4px #0008,0 22px 55px #0007,0 0 80px #439aff18,0 1px #fff1 inset;text-align:left}.premium-tabs{display:flex;gap:3px;padding:2px 3px 7px}.premium-tabs button{border:0;border-radius:6px;background:none;color:#738397;padding:7px 11px;font-size:9px;cursor:pointer}.premium-tabs button.active{background:#152236;color:#dcecff}.premium-input{height:72px;border:1px solid #253b55;border-radius:9px;background:#0d1725;display:flex;align-items:center;justify-content:space-between;padding:8px 9px 8px 17px;color:#708197;font-size:13px;font-weight:500}.premium-input button{height:50px;padding:0 19px;border:1px solid #a7d7ff;border-radius:7px;background:#9fd1ff;color:#07111d;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 2px #3c8fd4}.premium-input button b{margin-left:18px}.premium-settings{display:flex;gap:6px;padding-top:8px}.premium-settings span{padding:8px 10px;border:1px solid #1e3045;border-radius:6px;background:#0c1521;color:#8191a4;font-size:8px}.premium-trust{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:27px;color:#718194;font-size:9px}.premium-trust i{width:3px;height:3px;border-radius:50%;background:#4e759d}
.premium-modes{padding:100px max(24px,calc((100% - 1280px)/2));display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#080d15}.premium-modes article{min-height:330px;padding:28px;border:1px solid #233247;border-radius:12px;background:linear-gradient(145deg,#0d1623,#09111b);display:grid;grid-template-columns:35px 1fr auto;box-shadow:0 2px 2px #0008,0 18px 40px #0004,0 1px #fff08 inset;transition:.25s}.premium-modes article:hover{border-color:#42688f;transform:translateY(-4px);box-shadow:0 2px 2px #0008,0 26px 55px #0006,0 1px #fff0a inset}.premium-modes article>span{font-size:9px;color:#5f7690}.premium-modes article>div{align-self:end}.premium-modes small{font-size:8px;letter-spacing:.17em;color:#6eaddf}.premium-modes h2{font-size:34px;letter-spacing:-.055em;margin:12px 0}.premium-modes p{max-width:390px;color:#7f90a3;font-size:12px;line-height:1.5;font-weight:500}.premium-modes button{border:0;background:none;color:#acd7ff;padding:14px 0 0;font-size:10px;cursor:pointer}.premium-modes article>b{color:#8fc9ff;font-size:22px}.premium-models{padding:38px max(24px,calc((100% - 1280px)/2));border-block:1px solid #1c2b3e;background:#0a101a;display:flex;align-items:center;gap:60px}.premium-models>span{font-size:8px;letter-spacing:.17em;color:#53677e;white-space:nowrap}.premium-models>div{display:flex;gap:30px;overflow:hidden}.premium-models b{color:#8292a3;font-size:11px;white-space:nowrap}.premium-pricing{padding:110px max(24px,calc((100% - 1280px)/2));background:#eaf4ff;color:#09111c}.premium-pricing header{text-align:center}.premium-pricing header>span{font-size:8px;letter-spacing:.18em;color:#4c769d}.premium-pricing h2{font-size:48px;letter-spacing:-.06em;margin:18px auto 48px}.premium-pricing>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.premium-pricing article{min-height:210px;padding:24px;border:1px solid #b9d0e5;border-radius:10px;background:#f7fbff;box-shadow:0 2px 2px #173a5e1a,0 15px 35px #386c9f12}.premium-pricing article.featured{border-color:#64a7df;box-shadow:0 2px 2px #173a5e24,0 20px 45px #377dbb20}.premium-pricing article>span{font-size:9px;letter-spacing:.16em;color:#4f6c87}.premium-pricing article>b{display:block;font-size:42px;letter-spacing:-.06em;margin-top:55px}.premium-pricing article p{font-size:11px;color:#607890}.premium-pricing article small{float:right;margin-top:-22px;font-size:8px;color:#3178b5}.premium-pricing>.premium-primary{display:block;margin:28px auto 0}.premium-footer{height:90px;padding:0 max(24px,calc((100% - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#070b12;border-top:1px solid #1d2a3b}.premium-footer>div{display:flex;gap:20px}.premium-footer>div a{color:#68788b;text-decoration:none;font-size:9px}@keyframes blueDrift{50%{transform:translate(8%,7%) rotate(9deg) scale(1.08)}}@keyframes blueOrbit{to{transform:rotate(360deg)}}
@media(max-width:800px){.premium-nav nav{display:none}.premium-hero{padding-top:80px}.premium-copy h1{font-size:62px}.premium-modes{grid-template-columns:1fr}.premium-models{display:block}.premium-models>div{margin-top:20px}.premium-pricing h2{font-size:38px}}@media(max-width:540px){.premium-nav{padding-inline:14px}.premium-login{display:none}.premium-copy h1{font-size:50px}.premium-copy p{font-size:13px}.premium-composer{margin-top:35px}.premium-settings{overflow:auto}.premium-trust{gap:7px}.premium-modes{padding-block:70px}.premium-modes article{min-height:280px}.premium-pricing>div{grid-template-columns:1fr}.premium-pricing article{min-height:150px}.premium-pricing article>b{margin-top:28px}.premium-footer .premium-logo b{display:none}}@media(prefers-reduced-motion:reduce){.blue-field::before,.blue-field::after,.blue-field i{animation:none}}

/* Bespoke sculptural hero */
.premium-site{border-top:2px solid #8cc9ff}.premium-nav{top:16px;width:calc(100% - 40px);height:52px;margin:0 20px;padding:0 9px 0 14px;border:1px solid #2a3544;border-radius:27px;background:linear-gradient(180deg,#101722,#0b111a);box-shadow:0 2px 2px #0009,0 15px 35px #0006,0 1px #fff0c inset}.premium-nav .premium-logo>span{width:27px;height:27px;border-radius:50%;box-shadow:0 4px 12px #55aaff22,0 1px #fff inset}.premium-nav .premium-logo b{font-size:14px}.premium-nav nav button,.premium-nav nav a{font-size:9px;padding:7px 11px}.premium-nav .premium-login{height:34px;border:0;background:transparent}.premium-nav .premium-primary{height:35px;border-radius:18px;padding-inline:15px}.prime-hero{height:720px;position:relative;overflow:hidden;background:#090c11;color:#f5f7fa;border-bottom:1px solid #263140}.prime-grid{position:absolute;inset:46% 0 0;background-image:linear-gradient(#34425588 1px,transparent 1px),linear-gradient(90deg,#34425588 1px,transparent 1px),linear-gradient(25deg,transparent 49.8%,#34425555 50%,transparent 50.2%),linear-gradient(-25deg,transparent 49.8%,#34425555 50%,transparent 50.2%);background-size:100% 115px,180px 100%,100% 100%,100% 100%;mask-image:linear-gradient(transparent,#000 18%)}.prime-title{position:absolute;inset:56px 3.2% auto;z-index:3}.prime-title h1{font:500 clamp(75px,9.2vw,150px)/.72 Arial,Helvetica,sans-serif;letter-spacing:-.08em;margin:0;white-space:nowrap}.prime-title h1:nth-child(2){text-align:right;margin-top:22px}.prime-title h1 em{font-style:normal;color:#a8d5ff}.prime-intro{position:absolute;left:3.3%;top:255px;width:300px;z-index:5}.prime-intro p{color:#95a2b2;font-size:12px;line-height:1.5;font-weight:500}.prime-intro .premium-primary{margin-top:17px;height:43px}.prime-object{position:absolute;left:50%;top:100px;width:480px;height:660px;transform:translateX(-50%);z-index:4;filter:drop-shadow(0 30px 35px #0009);animation:objectHover 7s ease-in-out infinite}.prime-object img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.object-aura{position:absolute;inset:12% 3% 6%;background:radial-gradient(ellipse,#6bb7ff22,transparent 67%);filter:blur(20px)}.prime-modes{position:absolute;right:3.5%;top:270px;z-index:6;display:flex;align-items:center;gap:9px}.prime-modes button{border:1px solid #2a394c;border-radius:4px;background:#0c121b;color:#d9e5f2;padding:9px 12px;cursor:pointer;box-shadow:0 2px 2px #0008}.prime-modes button span{color:#6f8298;font-size:7px;margin-right:7px}.prime-modes button b{font-size:8px;letter-spacing:.12em}.prime-modes i{width:28px;height:1px;background:#344358}.prime-scroll{position:absolute;left:50%;bottom:15px;width:34px;height:34px;border:1px solid #7890aa;border-radius:50%;display:grid;place-items:center;color:#a9c4dd;font-size:11px;z-index:7;animation:scrollPulse 2.2s ease-in-out infinite}@keyframes objectHover{50%{transform:translateX(-50%) translateY(-12px) rotate(1deg)}}@keyframes scrollPulse{50%{transform:translateY(5px);border-color:#acd8ff}}
@media(max-width:900px){.prime-title h1{font-size:80px}.prime-intro{top:230px}.prime-object{width:420px;left:58%}.prime-modes{display:none}}@media(max-width:600px){.premium-nav{width:calc(100% - 20px);margin-inline:10px}.premium-nav nav,.premium-nav .premium-login{display:none}.prime-hero{height:680px}.prime-title{top:72px}.prime-title h1{font-size:55px;line-height:.85;white-space:normal}.prime-title h1:nth-child(2){margin-top:8px}.prime-intro{top:225px;width:260px}.prime-object{width:350px;height:480px;left:57%;top:260px;opacity:.88}.prime-grid{inset:55% 0 0}}

/* Typography and identity foundation */
body,.premium-site,.app-shell,.modal-backdrop,.toast{font-family:"Instrument Sans",Arial,sans-serif}
.premium-site{font-weight:520;font-feature-settings:"ss01" 1,"ss07" 1}
.premium-site button,.premium-site a{font-family:inherit}
.premium-logo{gap:11px;letter-spacing:-.045em}
.premium-logo>span,.premium-nav .premium-logo>span{position:relative;width:27px;height:27px;border:0;border-radius:0;background:none;box-shadow:none;transform:rotate(-8deg)}
.premium-logo>span::before,.premium-logo>span::after{content:"";position:absolute;border:2px solid #d9ecff;border-radius:5px}
.premium-logo>span::before{inset:3px 8px 3px 2px}
.premium-logo>span::after{inset:3px 2px 3px 8px;border-color:#78bfff;mix-blend-mode:screen}
.premium-logo b,.premium-nav .premium-logo b{font-size:15px;font-weight:650}
.premium-nav nav button,.premium-nav nav a{font-size:11px;font-weight:540;letter-spacing:-.012em}
.premium-login{font-size:11px;font-weight:580;letter-spacing:-.012em}
.premium-primary{font-size:11px;font-weight:680;letter-spacing:-.015em}
.prime-title h1{font-family:"Instrument Sans",Arial,sans-serif;font-weight:520;font-variation-settings:"wdth" 92;letter-spacing:-.072em}
.prime-title h1 em{font-weight:650}
.prime-intro p{font-weight:480;letter-spacing:-.008em}
.premium-modes h2,.premium-models h2,.premium-pricing h2,.hero-copy h1,.section-heading h2,.preview-info h2{font-family:"Instrument Sans",Arial,sans-serif;letter-spacing:-.045em}
@font-face{font-family:"Instrument Sans";src:url("/assets/fonts/instrument-sans.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}

/* Product-first landing */
.premium-nav nav button,.premium-nav nav a{font-size:12px;font-weight:610;color:#aab5c4;padding-inline:14px}
.premium-nav nav button:hover,.premium-nav nav a:hover{color:#fff;background:#ffffff0a}
.creation-hero{min-height:690px;padding:122px 24px 80px;position:relative;overflow:hidden;text-align:center;background:#080c12;border-bottom:1px solid #1b293a;isolation:isolate}
.creation-glow{position:absolute;z-index:-1;width:1050px;height:620px;left:50%;top:-210px;transform:translateX(-50%);background:radial-gradient(ellipse,#4199ef2e 0,#153f6c1e 36%,transparent 70%);filter:blur(3px)}
.creation-glow::after{content:"";position:absolute;inset:170px 100px 0;background:linear-gradient(110deg,transparent 20%,#74baff0e 45%,transparent 70%);transform:skewY(-8deg);animation:heroWash 10s ease-in-out infinite}
.creation-heading>span,.motion-showcase header>span{font-size:10px;font-weight:670;letter-spacing:.18em;color:#80bdf4}
.creation-heading h1{margin:18px 0 15px;font-size:clamp(54px,6.2vw,92px);line-height:.93;letter-spacing:-.068em;font-weight:580}
.creation-heading h1 em{font-style:normal;color:#a8d7ff;font-weight:610}
.creation-heading p{margin:0;color:#8d9aaa;font-size:15px;font-weight:490;letter-spacing:-.015em}
.landing-composer{width:min(820px,100%);margin:43px auto 0;padding:9px;border:1px solid #34455a;border-radius:18px;background:linear-gradient(180deg,#121a25f5,#0b111af5);box-shadow:0 2px 2px #000c,0 26px 60px #0009,0 0 0 1px #ffffff05 inset,0 -1px #000 inset;text-align:left}
.landing-composer-tabs{display:flex;gap:3px;padding:0 1px 8px}
.landing-composer-tabs button{border:0;border-radius:8px;background:transparent;color:#7f8b9b;padding:8px 15px;font-size:12px;font-weight:610;cursor:pointer}
.landing-composer-tabs button.active{background:#263446;color:#eef7ff;box-shadow:0 1px #ffffff0b inset,0 1px 2px #0008}
.landing-prompt{width:100%;height:78px;border:1px solid #29394c;border-radius:10px;background:#0c141f;color:#738397;padding:0 15px 0 19px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:text;font-size:14px;font-weight:490;box-shadow:0 1px 2px #0008 inset}
.landing-prompt b{display:flex;align-items:center;gap:9px;color:#a9b8c9;font-size:10px;font-weight:610}
.landing-prompt i{width:31px;height:31px;border:1px solid #3b4d61;border-radius:8px;display:grid;place-items:center;background:#151f2c;font-style:normal;font-size:15px}
.landing-tools{display:flex;align-items:center;justify-content:space-between;padding-top:8px}
.landing-tools>div{display:flex;gap:5px}
.landing-tools>div button{height:35px;padding:0 12px;border:1px solid #26374a;border-radius:8px;background:#101925;color:#9eacbc;font-size:10px;font-weight:590;cursor:pointer}
.landing-generate{height:43px;padding:0 17px 0 20px;border:1px solid #c9e7ff;border-radius:10px;background:linear-gradient(180deg,#cde9ff,#85c5fb);color:#06101b;font-size:12px;font-weight:690;letter-spacing:-.015em;box-shadow:0 2px 0 #468fc9,0 10px 24px #4ba7ed2b,0 1px #fff inset;cursor:pointer;transition:transform .2s,box-shadow .2s}
.landing-generate span{padding-left:28px;font-size:16px}.landing-generate:hover{transform:translateY(-2px);box-shadow:0 2px 0 #468fc9,0 16px 32px #4ba7ed40,0 1px #fff inset}
.hero-proof{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6f7d8e;font-size:10px;font-weight:560}.hero-proof i{width:4px;height:4px;border-radius:50%;background:#70b9f5;box-shadow:0 0 9px #70b9f5}
.motion-showcase{padding:110px max(24px,calc((100% - 1280px)/2));background:#090e16;color:#f5f8fc;text-align:center}
.motion-showcase header h2{max-width:720px;margin:16px auto 12px;font-size:clamp(38px,4.4vw,64px);line-height:1;letter-spacing:-.06em;font-weight:570}.motion-showcase header p{color:#7f8d9e;font-size:14px;font-weight:480}
.motion-reel{display:grid;grid-template-columns:1.05fr .9fr 1.05fr;gap:13px;margin-top:48px;perspective:1200px}
.motion-card{height:430px;position:relative;overflow:hidden;border:1px solid #2b394a;border-radius:16px;background:#111822;box-shadow:0 2px 2px #000b,0 22px 45px #0006,0 1px #ffffff0a inset;isolation:isolate}
.motion-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,#05080dd9);z-index:1}.motion-card img{width:100%;height:112%;object-fit:cover;transform:scale(1.04);animation:showcaseMove 10s ease-in-out infinite alternate;will-change:transform}.motion-card:nth-child(2) img{animation-delay:-3.5s;animation-direction:alternate-reverse}.motion-card:nth-child(3) img{animation-delay:-6s}
.motion-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:end;text-align:left}.motion-card span{font-size:9px;letter-spacing:.16em;color:#91caff}.motion-card b{max-width:160px;text-align:right;font-size:13px;font-weight:610;letter-spacing:-.02em}
.motion-editorial{transform:translateY(23px)}.motion-product{transform:rotateY(2deg)}.motion-cinematic{transform:rotateY(-2deg)}
.showcase-cta{margin-top:58px;height:46px;padding:0 20px;border:1px solid #35465b;border-radius:11px;background:#111a25;color:#eaf5ff;font-size:12px;font-weight:640;box-shadow:0 2px 2px #0009,0 13px 26px #0005,0 1px #ffffff0b inset;cursor:pointer}.showcase-cta span{margin-left:28px;color:#8ac9ff}
@keyframes showcaseMove{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.14) translate3d(-1.5%,-3.5%,0)}}
@keyframes heroWash{50%{transform:translateX(5%) skewY(-5deg);opacity:.55}}
@media(max-width:760px){.creation-hero{padding-top:105px}.creation-heading h1{font-size:52px}.landing-composer{margin-top:35px}.landing-tools>div button:nth-child(n+2){display:none}.hero-proof span:nth-of-type(3),.hero-proof i:nth-last-of-type(1){display:none}.motion-reel{grid-template-columns:1fr}.motion-card{height:390px}.motion-editorial,.motion-product,.motion-cinematic{transform:none}.motion-showcase{padding-block:80px}}
@media(prefers-reduced-motion:reduce){.creation-glow::after,.motion-card img{animation:none}}

/* Landing FAQ and complete footer */
.landing-faq{padding:105px max(24px,calc((100% - 1120px)/2));display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;background:#080d15;color:#f3f7fb;border-top:1px solid #1d2a3a}.landing-faq header>span{font-size:9px;font-weight:680;letter-spacing:.18em;color:#80c4f8}.landing-faq h2{margin:17px 0 0;font-size:clamp(39px,4vw,58px);line-height:.98;letter-spacing:-.06em;font-weight:570}.landing-faq details{border-top:1px solid #263547}.landing-faq details:last-child{border-bottom:1px solid #263547}.landing-faq summary{padding:20px 2px;color:#eaf2f9;font-size:14px;font-weight:620;letter-spacing:-.02em;cursor:pointer;list-style:none}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary::after{content:'+';float:right;color:#87caff;font-size:20px;font-weight:450}.landing-faq details[open] summary::after{content:'−'}.landing-faq details p{max-width:600px;margin:-4px 30px 21px 2px;color:#8796a7;font-size:12px;line-height:1.65;font-weight:480}.premium-footer{min-height:98px;height:auto;gap:28px}.premium-footer>div{flex-wrap:wrap;justify-content:flex-end}.premium-footer>div a{font-size:10px;font-weight:560}.premium-footer>div a:hover{color:#b9ddfb}@media(max-width:760px){.landing-faq{grid-template-columns:1fr;gap:45px;padding-block:80px}.premium-footer{padding-block:26px}.premium-footer>div{gap:13px}}

/* Honest, product-specific pricing */
.premium-pricing{background:#edf5fc;padding-top:105px}
.premium-pricing header p{margin:-34px auto 50px;max-width:560px;color:#607890;font-size:13px;font-weight:490}
.premium-pricing>div{gap:13px;align-items:stretch}
.premium-pricing article{min-height:350px;padding:25px;border-radius:15px;position:relative;background:linear-gradient(150deg,#fbfdff,#eef6fd);box-shadow:0 2px 2px #173a5e17,0 18px 45px #386c9f16,0 1px #fff inset}
.premium-pricing article.featured{transform:translateY(-8px);background:linear-gradient(150deg,#fff,#e9f5ff);box-shadow:0 2px 2px #173a5e24,0 25px 55px #377dbb26,0 1px #fff inset}
.premium-pricing article>span{font-weight:670}.premium-pricing article>b{margin-top:38px;font-size:46px;font-weight:610}
.premium-pricing article .pack-credit{font-size:13px;font-weight:620;color:#345b7d}
.premium-pricing article small{position:absolute;right:19px;top:18px;float:none;margin:0;padding:5px 8px;border-radius:10px;background:#d9edff;color:#23689e;font-size:8px;font-weight:680}
.premium-pricing ul{list-style:none;margin:35px 0 0;padding:20px 0 0;border-top:1px solid #bfd3e5;color:#405a71}
.premium-pricing li{margin:11px 0;font-size:11px;font-weight:540}.premium-pricing li::before{content:"✓";margin-right:9px;color:#277fbe;font-weight:700}
.premium-pricing .pricing-note{max-width:700px;margin:26px auto 0;text-align:center;color:#6b8296;font-size:9px;font-weight:500}
.premium-pricing>.premium-primary{margin-top:24px;height:43px;font-size:11px}
@media(max-width:540px){.premium-pricing header p{margin-top:-32px}.premium-pricing article{min-height:300px}.premium-pricing article.featured{transform:none}}

/* Editorial hierarchy: fewer labels, stronger product proof */
.creation-hero{min-height:640px;padding-top:118px}
.creation-heading h1{margin:0;font-size:clamp(62px,7vw,108px);line-height:.89;font-weight:560;letter-spacing:-.075em}
.landing-composer{margin-top:50px}
.motion-showcase{padding-top:100px}
.motion-showcase header h2{margin:0 auto 42px;font-size:clamp(44px,5vw,72px);font-weight:560}
.motion-reel{margin-top:0}
.duration-picker{width:310px;padding:17px 16px 14px;color:#dfeaf5}
.duration-picker header,.duration-picker footer{display:flex;align-items:center;justify-content:space-between}
.duration-picker header span{font-size:10px;color:#8393a5;font-weight:570}.duration-picker header b{font-size:12px;font-weight:660}
.duration-picker input{width:100%;margin:24px 0 8px;accent-color:#82c5ff;cursor:pointer}
.duration-scale{display:flex;justify-content:space-between;color:#68798c;font-size:8px}
.duration-picker footer{margin-top:17px;padding-top:12px;border-top:1px solid #243347}.duration-picker footer span{font-size:9px;color:#7790aa}
.duration-picker footer button{height:30px;padding:0 13px;border:1px solid #a9d8ff;border-radius:7px;background:#99cefb;color:#08121d;font-size:9px;font-weight:680;box-shadow:0 2px #3e88c3;cursor:pointer}
@media(max-width:760px){.creation-heading h1{font-size:55px}.creation-hero{min-height:610px}.motion-showcase header h2{margin-bottom:32px}}

/* Studio as a living library */
.app-shell{grid-template-columns:68px 1fr;background:#090b0f;color:#f2f5f8}
.app-shell .sidebar{width:68px;padding:14px 9px;background:#0b0e13;border-right:1px solid #202733;box-shadow:8px 0 30px #0002}
.app-shell .brand{padding:0 0 22px}.app-shell .brand-mark{font-size:0;width:38px;height:38px;border:1px solid #2f3c4c;border-radius:12px;background:#111720;position:relative}
.app-shell .brand-mark::before,.app-shell .brand-mark::after{content:"";position:absolute;top:9px;bottom:9px;width:14px;border:2px solid #dceeff;border-radius:5px;transform:rotate(-8deg)}
.app-shell .brand-mark::before{left:7px}.app-shell .brand-mark::after{right:7px;border-color:#72baff}
.app-shell .sidebar nav{display:flex!important;width:100%;gap:9px}.app-shell .sidebar .nav-item{display:flex!important;width:46px;height:46px;margin:auto;padding:0;justify-content:center;border:1px solid transparent;border-radius:12px;color:#738091;font-size:0;background:transparent}
.app-shell .sidebar .nav-item::before{font-size:17px}.app-shell .sidebar a.nav-item::before{content:"✦"}.app-shell .sidebar [data-mode="image"]::before{content:"▧"}.app-shell .sidebar [data-mode="video"]::before{content:"▶";font-size:14px}
.app-shell .sidebar .nav-item:hover,.app-shell .sidebar .nav-item.active{border-color:#303b48;background:#151b23;color:#91caff;box-shadow:0 5px 18px #0005,0 1px #ffffff08 inset}
.app-shell main{grid-column:2;min-width:0;background:#090b0f}.app-shell .topbar{height:56px;padding:0 18px;background:#0b0e13e8;border-color:#202733;backdrop-filter:blur(18px)}
.app-shell .studio-home{color:#8793a2}.app-shell .credits-pill{height:34px;background:#121720;border-color:#293442;color:#dbe6f1;box-shadow:0 3px 12px #0004}.app-shell .credits-pill span{color:#83c5ff}
.app-shell .workspace{max-width:none;margin:0;padding:18px 18px 220px;position:relative}.app-shell .hero-copy,.app-shell .trust-row{display:none}
.app-shell .mode-tabs{position:fixed;left:50%;bottom:190px;transform:translateX(-50%);z-index:13;margin:0;padding:3px;border-radius:12px;background:#0f1319e8;border:1px solid #29313c;box-shadow:0 12px 35px #0007;backdrop-filter:blur(18px)}
.app-shell .mode-tab{height:34px;padding:0 15px;border-radius:9px;color:#7d8997;font-size:10px;font-weight:610}.app-shell .mode-tab.active{background:#242c36;color:#f1f6fb;box-shadow:0 1px #ffffff0a inset,0 2px 6px #0006}
.app-shell .creator-card{position:fixed;z-index:12;left:calc(50% + 34px);bottom:18px;transform:translateX(-50%);width:min(960px,calc(100vw - 120px));margin:0;padding:7px;border:1px solid #343e4b;border-radius:18px;background:linear-gradient(180deg,#171c24f5,#0f1319f5);box-shadow:0 2px 2px #000c,0 28px 75px #000c,0 0 0 1px #ffffff06 inset;backdrop-filter:blur(22px)}
.app-shell .prompt-area{min-height:72px;padding:12px 15px 5px}.app-shell .prompt-area textarea{height:42px;color:#f0f4f8;font:520 13px/1.45 "Instrument Sans",Arial,sans-serif}.app-shell .prompt-area textarea::placeholder{color:#697584}.app-shell .prompt-footer{font-size:8px;color:#596472}.app-shell .prompt-footer kbd{background:#202730;border-color:#303a46;color:#8793a0}
.app-shell .composer-bar{margin:0;padding:6px;border:0;border-top:1px solid #262e38;border-radius:11px;background:#10141a;gap:5px;box-shadow:none}.app-shell .composer-bar .control,.app-shell .output-count{height:39px;border-color:#2d3641;border-radius:9px;background:#1a2028;color:#e1e9f1;font-size:10px}.app-shell .composer-bar .control:hover,.app-shell .output-count:hover{background:#222a34}.app-shell .composer-bar #modelControl{min-width:170px}.app-shell .asset-add{height:40px;min-width:43px;background:#1a2028;border-color:#303a46;border-radius:9px}.app-shell .asset-add small{display:none}
.app-shell .composer-bar .generate{height:42px;min-width:130px;border:1px solid #c1e3ff;border-radius:10px;background:linear-gradient(180deg,#bfe1ff,#76bdfa);color:#07111b;font-weight:690;box-shadow:0 2px 0 #3d88c5,0 10px 24px #459fe82b,0 1px #fff inset}.app-shell .composer-bar .generate:hover{background:linear-gradient(180deg,#d0ebff,#8dcbff);transform:translateY(-1px)}.app-shell .composer-bar .generate small{color:#355a76}
.app-shell .results-section{margin:0}.app-shell .section-heading{min-height:44px;margin:0 0 12px;align-items:center}.app-shell .section-heading>div>span,.app-shell .section-heading p{display:none}.app-shell .section-heading h2{margin:0;color:#eaf0f6;font-size:14px;font-weight:610;letter-spacing:-.02em}.app-shell .section-heading h2 small{height:18px;min-width:20px;background:#1d2530;color:#8290a0}.app-shell .result-tools{gap:8px}.app-shell .filter-tabs{padding:2px;background:#10141a;border-color:#252e39;border-radius:9px}.app-shell .filter-tabs button{padding:6px 9px;color:#697584}.app-shell .filter-tabs button.active{background:#222a34;color:#edf4fb}
.app-shell .gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:4px}.app-shell .creation-card{position:relative;border:0;border-radius:6px;background:#11151b;box-shadow:none;overflow:hidden}.app-shell .creation-card:hover{transform:none;box-shadow:0 0 0 1px #87c8ff,0 15px 35px #0008;z-index:2}.app-shell .creation-card:nth-child(7n+1){grid-row:span 2}.app-shell .art{height:100%;min-height:230px;aspect-ratio:4/3;background:#151a21}.app-shell .creation-card:nth-child(7n+1) .art{min-height:464px}.app-shell .art img,.app-shell .art video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.app-shell .creation-card:hover .art img,.app-shell .creation-card:hover .art video{transform:scale(1.025)}
.app-shell .card-info{position:absolute;z-index:2;inset:auto 0 0;padding:45px 12px 11px;background:linear-gradient(transparent,#080b0fdf);opacity:0;transform:translateY(8px);transition:.22s}.app-shell .creation-card:hover .card-info,.app-shell .creation-card:focus-within .card-info{opacity:1;transform:none}.app-shell .card-info strong{color:#f1f5f8;font-size:10px}.app-shell .card-info span{color:#8c98a5;font-size:8px}.app-shell .card-badge{top:8px;left:8px;background:#090c10b8;border:1px solid #ffffff12;color:#dce7f1;backdrop-filter:blur(9px)}
.app-shell .card-delete{background:#111820e6;color:#dce6ef;border:1px solid #ffffff18}.app-shell .card-actions button{background:#101720e8;border-color:#ffffff20}.app-shell .card-actions button:hover{background:#91ccff;color:#091019}
.app-shell .empty-state{min-height:65vh;display:grid;place-content:center;background:#0d1015;border-color:#262e38;color:#768290}.app-shell .empty-state h3{color:#e4ebf1}.app-shell .empty-state button{background:#9bd1ff;color:#09121c}
.app-shell .site-footer{display:none}
.app-shell .creator-card>.dropdown{left:8px;bottom:67px;transform:none;background:#151a21;border-color:#313b47;box-shadow:0 -18px 55px #000b}
.app-shell .creator-card>.dropdown.compact{width:190px}.app-shell .creator-card>#durationDropdown{width:342px}
.app-shell .creation-card:nth-child(7n+1){grid-row:auto}.app-shell .creation-card:nth-child(7n+1) .art{min-height:230px}
@media(max-width:1100px){.app-shell .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell .creator-card{width:calc(100vw - 100px)}}
@media(max-width:850px){.app-shell .workspace{padding:12px 10px 215px}.app-shell .creator-card{left:50%;width:calc(100vw - 20px);bottom:10px}.app-shell .mode-tabs{bottom:183px}.app-shell .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .creation-card:nth-child(7n+1){grid-row:auto}.app-shell .creation-card:nth-child(7n+1) .art,.app-shell .art{min-height:210px}.app-shell .composer-bar{flex-wrap:wrap}.app-shell .composer-bar .generate{flex:1}.app-shell .prompt-footer span:first-child{display:none}}
@media(max-width:560px){.app-shell .mode-tabs{bottom:230px}.app-shell .creator-card{width:calc(100vw - 12px);bottom:6px}.app-shell .workspace{padding-inline:5px;padding-bottom:260px}.app-shell .gallery{gap:3px}.app-shell .art{min-height:170px}.app-shell .composer-bar #modelControl{min-width:150px}.app-shell .composer-bar .generate{flex-basis:100%}}

/* Unambiguous studio navigation */
.app-shell .sidebar nav{display:none!important}
.app-shell .mode-tabs{top:10px;bottom:auto;background:#111720;border-color:#2b3542;padding:3px;border-radius:11px;box-shadow:0 5px 20px #0006}
.app-shell .mode-tab{min-width:82px;height:31px;font-size:11px;font-weight:630;letter-spacing:-.01em}
.app-shell .mode-tab.active{background:#293441;color:#f5f9fd;box-shadow:0 1px #ffffff0b inset,0 2px 6px #0007}
.app-shell .topbar{position:sticky}.app-shell .studio-home{font-size:10px;font-weight:600;border:0;background:transparent}
.preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.preview-actions .animate-cta,.preview-actions .secondary-cta{margin:0;height:43px}
.preview-actions .secondary-cta{border:1px solid #d8e1e9;background:#eef3f7;color:#243441;font-size:10px}.preview-actions .animate-cta{background:#182430;color:#fff;font-size:10px}
@media(max-width:850px){.app-shell .mode-tabs{top:10px;bottom:auto}.app-shell .sidebar nav{display:none!important}}

/* Video controls need a wider composition rail */
.app-shell .creator-card{width:min(1100px,calc(100vw - 104px));max-width:none}
.app-shell .composer-bar .generate{min-width:114px;padding-inline:12px;flex-shrink:0}
.app-shell .composer-bar .generate small{font-size:8px}
@media(max-width:1100px){.app-shell .creator-card{width:calc(100vw - 92px)}}
@media(max-width:850px){.app-shell .creator-card{width:calc(100vw - 20px)}}

/* Readable studio type scale */
.premium-nav nav button,.premium-nav nav a{font-size:13px}
.premium-nav .premium-login,.premium-nav .premium-primary{font-size:12px}
.app-shell .mode-tab{font-size:13px;min-width:88px}
.app-shell .studio-home{font-size:12px}
.app-shell .credits-pill{font-size:12px;padding-inline:14px}
.app-shell .section-heading h2{font-size:17px}
.app-shell .section-heading h2 small{font-size:10px}
.app-shell .filter-tabs button{font-size:11px;padding:7px 11px}
.app-shell .section-heading>button,.app-shell #clearHistory{font-size:10px}
.app-shell .prompt-area textarea{font-size:14px}
.app-shell .prompt-footer{font-size:9px}
.app-shell .composer-bar .control,.app-shell .output-count{font-size:11px}
.app-shell .composer-bar .generate{font-size:13px}
.app-shell .composer-bar .generate small{font-size:9px}
.app-shell .frame-slot>span{font-size:9px}.app-shell .frame-slot small{font-size:7px}
.app-shell .card-info strong{font-size:11px}.app-shell .card-info span{font-size:9px}

/* Compact account control center */
.account-panel{width:min(460px,calc(100vw - 24px));padding:34px}.account-panel>h2{margin:10px 0 22px;font-size:27px}.account-identity{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #2d3845;border-radius:12px;background:#11171f}.account-identity .avatar{width:38px;height:38px;background:linear-gradient(145deg,#c9e7ff,#72b8f2);color:#08121c}.account-identity b,.account-identity small{display:block}.account-identity b{max-width:310px;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#eaf3fa}.account-identity small{margin-top:3px;font-size:9px;color:#718192}
.account-balance{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:17px 15px;border:1px solid #304052;border-radius:12px;background:linear-gradient(145deg,#172331,#101820);box-shadow:0 10px 30px #0004,0 1px #ffffff07 inset}.account-balance small,.account-balance b{display:block}.account-balance small{font-size:7px;letter-spacing:.13em;color:#71879b}.account-balance b{margin-top:6px;font-size:14px;color:#e6f2fb}.account-balance i{color:#83c8ff;font-style:normal}.account-balance button{height:34px;padding:0 11px;border:1px solid #9fd4ff;border-radius:8px;background:#8bc9fb;color:#08131d;font-size:9px;font-weight:670;box-shadow:0 2px #3c84bc;cursor:pointer}
.account-links{margin:17px 0 10px;border-block:1px solid #293440}.account-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;color:#aebdca!important;text-decoration:none;font-size:10px}.account-links a+a{border-top:1px solid #202a35}.account-links a b{color:#69b4ef}.account-signout{width:100%;height:40px;border:1px solid #303b48;border-radius:9px;background:#171e27;color:#e5edf4;font-size:10px;font-weight:620;cursor:pointer}.account-signout:hover{border-color:#52677c;background:#1d2731}.account-panel .danger-cta{font-size:9px;color:#d17e86}

/* One blue interaction language across studio, auth and billing */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #8dcbff;outline-offset:2px;box-shadow:0 0 0 5px #68b8ff24}
.app-shell .prompt-area textarea:focus-visible{outline:0;box-shadow:none}
.app-shell .frame-slot{width:92px;height:44px;flex:0 0 92px;padding:0 8px;border:1px dashed #425062;border-radius:9px;background:#181e26;color:#9eacbb;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}
.app-shell .frame-slot:hover{border-color:#81c4fb;background:#1d2630;color:#edf6fd}.app-shell .frame-slot>b{font-size:15px;font-weight:450;color:#82c5fb}.app-shell .frame-slot>span{font-size:8px;font-weight:630;line-height:1.15}.app-shell .frame-slot small{display:block;margin-top:2px;color:#657587;font-size:6px;font-weight:520}
.app-shell .composer-bar .asset-thumb span{background:#0c131bdc;color:#cce8ff;font-size:6px;letter-spacing:.08em}
.modal-backdrop{background:#05080dcf;backdrop-filter:blur(14px)}
.auth-modal,.billing-modal{background:linear-gradient(155deg,#171e27,#0e131a);color:#f1f6fb;border:1px solid #34404e;border-radius:18px;box-shadow:0 2px 2px #000c,0 35px 100px #000d,0 1px #ffffff08 inset}
.auth-modal{padding:38px}.auth-modal .brand-mark{background:linear-gradient(145deg,#c9e7ff,#78bfff);color:#07111b;box-shadow:0 2px #3e8bc8,0 12px 28px #4aa8f12b}
.auth-modal h2,.billing-modal h2{font-family:"Instrument Sans",Arial,sans-serif;font-weight:620;letter-spacing:-.045em}.auth-modal>p,.billing-modal>p,.billing-modal>small{color:#8391a1}
.auth-modal label{color:#b9c5d1;font-size:10px;font-weight:600}.auth-modal input{background:#0c1117!important;border:1px solid #303b48!important;color:#eef5fb!important;border-radius:10px}.auth-modal input:focus{border-color:#79bff7!important;box-shadow:0 0 0 4px #64b4f31d}
.auth-modal .animate-cta{border:1px solid #c4e5ff;background:linear-gradient(180deg,#bfe2ff,#7ac0fa);color:#07111b;font-weight:690;box-shadow:0 2px #408bc7,0 12px 26px #49a5ed27}.auth-switch{color:#8fcaff;font-weight:580}.modal-close{background:#202832;color:#dce8f2;border:1px solid #34404c}
.billing-modal{padding:38px}.credit-pack{border:1px solid #303b48;background:linear-gradient(150deg,#1b232d,#121820);color:#edf5fb;border-radius:13px;box-shadow:0 12px 25px #0003,0 1px #ffffff07 inset}.credit-pack:hover{border-color:#72baf3;transform:translateY(-3px);box-shadow:0 18px 36px #0006,0 0 25px #5bb0f31a}.credit-pack span{color:#7f91a3}
.premium-pricing{background:#090e15;color:#eef5fb;border-top:1px solid #263343}.premium-pricing header>span{color:#81c4f6}.premium-pricing header p{color:#8291a1}.premium-pricing article,.premium-pricing article.featured{border-color:#2b3949;background:linear-gradient(150deg,#151d27,#0d131b);box-shadow:0 2px 2px #000b,0 20px 48px #0007,0 1px #ffffff08 inset}.premium-pricing article.featured{border-color:#5689b3;box-shadow:0 2px 2px #000b,0 28px 60px #0009,0 0 35px #4aa6ed14,0 1px #ffffff0a inset}.premium-pricing article>span{color:#8dc8f5}.premium-pricing article .pack-credit,.premium-pricing article p{color:#88a2ba}.premium-pricing ul{border-color:#293747;color:#a5b3c0}.premium-pricing li::before{color:#7fc5f8}.premium-pricing article small{background:#173551;color:#a9d9ff}.premium-pricing .pricing-note{color:#647587}

/* Launch readability pass */
.landing-faq summary{padding-block:22px;font-size:18px}.landing-faq summary::after{font-size:22px}.landing-faq details p{max-width:640px;margin:-3px 38px 24px 2px;color:#a7b5c4;font-size:16px;line-height:1.65}
.premium-pricing article>small{position:absolute;right:19px;top:18px;float:none;margin:0;padding:6px 10px;border-radius:10px;background:#173551;color:#a9d9ff;font-size:12px;font-weight:680}
.premium-pricing article>b>small{position:static;float:none;margin-left:7px;padding:0;border-radius:0;background:transparent;color:#a9bbca;font-size:18px;font-weight:560;letter-spacing:-.02em}
@media(max-width:760px){.landing-faq summary{font-size:17px}.landing-faq details p{font-size:15px}}