.cloud-page{--cyan:#64e9ff;--violet:#9c7cff;--pink:#ff67d4;--ink:#07101f;max-width:1280px;margin:0 auto;padding:112px 24px 72px;color:var(--text-color);overflow:hidden}.cloud-page *{box-sizing:border-box}.cloud-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:center;min-height:570px;padding:64px;border:1px solid rgba(156,124,255,.28);border-radius:36px;background:radial-gradient(circle at 80% 20%,rgba(100,233,255,.22),transparent 25%),radial-gradient(circle at 15% 85%,rgba(255,103,212,.14),transparent 31%),linear-gradient(145deg,rgba(12,19,39,.96),rgba(22,12,52,.86));box-shadow:0 36px 100px rgba(0,0,0,.32);isolation:isolate}.cloud-hero:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,#000,transparent 72%);z-index:-1}.cloud-kicker{display:block;color:var(--cyan);font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase;margin-bottom:11px}.cloud-hero h1,.studio-intro h2,.section-heading h2,.dialog-shell h2{margin:0;letter-spacing:-.045em}.cloud-hero h1{max-width:830px;font-size:clamp(2.7rem,6vw,5.65rem);line-height:.94}.cloud-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--cyan),#bba8ff 48%,var(--pink));background-clip:text;-webkit-background-clip:text}.cloud-hero .hero-copy>p{max-width:720px;margin:25px 0;color:#b7c2d7;font-size:1.12rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:30px 0}.cloud-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:14px 20px;color:#fff;font-weight:850;text-decoration:none;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s opacity}.cloud-btn:hover{transform:translateY(-2px)}.cloud-btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.cloud-btn-primary{color:#07101f;background:linear-gradient(120deg,var(--cyan),#bba8ff 54%,#ffa1e7);box-shadow:0 10px 28px rgba(100,233,255,.16)}.cloud-btn-secondary{background:rgba(124,58,237,.86);border:1px solid rgba(190,168,255,.45)}.cloud-btn-glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18)}.cloud-btn-wide{width:100%}.trust-line{display:flex;flex-wrap:wrap;gap:18px;color:#aab6ca;font-size:.78rem}.trust-line i{margin-right:6px;color:var(--cyan)}
.wallet-card{position:relative;display:grid;gap:10px;min-height:280px;align-content:center;padding:34px;border:1px solid rgba(100,233,255,.34);border-radius:28px;background:linear-gradient(145deg,rgba(7,16,31,.78),rgba(25,15,57,.7));box-shadow:inset 0 1px rgba(255,255,255,.1),0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px);overflow:hidden}.wallet-orbit{position:absolute;width:180px;height:180px;right:-70px;top:-70px;border:25px solid rgba(100,233,255,.08);border-radius:50%;box-shadow:0 0 0 20px rgba(156,124,255,.05)}.wallet-card>span{color:#aebbd0;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.wallet-card strong{font-size:2.35rem}.wallet-card strong small{font-size:.9rem;color:#b7c2d7}.wallet-card p{margin:0;color:#aebbd0}.wallet-card .wallet-rule{display:inline-block;width:max-content;margin-top:15px;padding:7px 10px;border-radius:999px;color:#bff7ff;background:rgba(100,233,255,.08);letter-spacing:0;text-transform:none}
.route-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center;margin:22px 0 72px;padding:18px 24px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(15,23,42,.52)}.route-strip>div{display:flex;gap:13px;align-items:center}.route-strip p{display:grid;gap:3px;margin:0}.route-strip small{color:#94a3b8}.route-icon{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:12px}.route-icon.native{color:#d8ccff;background:rgba(156,124,255,.13)}.route-icon.cloud{color:#a8f5ff;background:rgba(100,233,255,.12)}.route-icon.clear{color:#ffc1ea;background:rgba(255,103,212,.12)}.route-plus{color:#526078}
.credit-studio{position:relative;margin-bottom:36px;padding:44px;border:1px solid rgba(100,233,255,.2);border-radius:30px;background:linear-gradient(160deg,rgba(9,21,40,.96),rgba(18,12,41,.9));box-shadow:0 24px 70px rgba(0,0,0,.2)}.studio-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);gap:12px 48px;align-items:end}.studio-intro .cloud-kicker,.studio-intro h2{grid-column:1}.studio-intro h2{font-size:clamp(2rem,4vw,3.5rem)}.studio-intro>p{grid-column:2;grid-row:1/3;margin:0;color:#aebbd0;line-height:1.65}.price-freshness{grid-column:1/-1;display:flex;gap:8px;margin-top:12px;color:#8391a8;font-size:.75rem}.price-freshness i{color:var(--cyan)}.planner-shell{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(400px,1.18fr);gap:22px;margin-top:30px}.planner-controls,.planner-receipt{padding:26px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:rgba(2,8,23,.55)}.planner-controls>label{font-size:.8rem;color:#aebbd0}.amount-line{display:flex;align-items:center;margin:12px 0 18px;font-size:3rem;font-weight:850}.amount-line input{width:220px;border:0;border-bottom:2px solid var(--cyan);background:transparent;color:#fff;font:inherit;outline:0}.planner-controls input[type=range]{width:100%;height:6px;accent-color:var(--violet)}.range-labels{display:flex;justify-content:space-between;margin-top:8px;color:#7f8ba0;font-size:.72rem}.gateway-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 15px;padding:0;border:0}.gateway-choice legend{margin-bottom:9px;color:#9aa8bc;font-size:.76rem}.gateway-choice label{position:relative}.gateway-choice input{position:absolute;opacity:0}.gateway-choice label>span{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:13px;border:1px solid rgba(148,163,184,.2);border-radius:12px;cursor:pointer}.gateway-choice input:checked+span{border-color:var(--cyan);background:rgba(100,233,255,.08)}.gateway-choice small{grid-column:2;color:#7f8ba0}.receipt-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid rgba(148,163,184,.15)}.receipt-head span{color:#aebbd0}.receipt-head b{color:#d5fbff}.economics{display:grid;gap:9px;padding:18px 0}.economics-row{display:flex;justify-content:space-between;gap:18px;align-items:start;color:#cad3e2}.economics-row span:first-child{display:grid;gap:2px}.economics-row small{color:#77869e;font-size:.7rem}.economics-row.primary{font-size:1.05rem}.economics-row.total{padding-top:10px;border-top:1px solid rgba(148,163,184,.18)}.economics-row.contribution b{color:#87f1cb}.economics-divider{margin-top:5px;padding-top:12px;border-top:1px dashed rgba(148,163,184,.18);color:#718199;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.receipt-notes{padding-top:12px;border-top:1px solid rgba(148,163,184,.15);color:#8e9bb0;font-size:.76rem;line-height:1.55}.receipt-notes summary{color:#c5d0df;cursor:pointer}.yield-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:38px 0 16px}.yield-head h3{margin:0;font-size:1.55rem}.yield-head>p{max-width:430px;margin:0;color:#8e9bb0;font-size:.82rem}.yield-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.yield-card{padding:19px;border:1px solid rgba(148,163,184,.17);border-radius:17px;background:linear-gradient(145deg,rgba(30,41,59,.58),rgba(7,16,31,.64))}.yield-card>div>span{color:var(--cyan);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.yield-card h4{margin:5px 0 2px;font-size:1.1rem}.yield-card p{margin:0;color:#8796aa;font-size:.76rem}.yield-card>strong{display:block;margin:19px 0;font-size:1.8rem}.yield-card>strong small{font-size:.72rem;color:#9aa8bc}.yield-card dl{display:grid;gap:7px;margin:0}.yield-card dl>div{display:flex;justify-content:space-between;gap:8px;font-size:.72rem}.yield-card dt{color:#8796aa}.yield-card dd{margin:0;color:#d7e0ec;font-weight:700}
.cloud-disclosure{display:flex;gap:14px;margin:24px 0 72px;padding:18px 20px;border:1px solid rgba(16,185,129,.25);border-radius:16px;background:rgba(16,185,129,.07);color:#b9c7d9;line-height:1.55}.cloud-disclosure i{color:#34d399;margin-top:4px}.cloud-controls,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.provider-tabs{display:flex;gap:8px;flex-wrap:wrap}.provider-tabs button{border:1px solid rgba(148,163,184,.25);background:transparent;color:#aab6ca;border-radius:999px;padding:10px 15px;font-weight:750;cursor:pointer}.provider-tabs button.active{background:#fff;color:#111827;border-color:#fff}.cloud-search{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(148,163,184,.25);border-radius:999px}.cloud-search input{border:0;outline:0;background:transparent;color:inherit;min-width:220px}.section-heading{align-items:end}.section-heading h2{font-size:clamp(1.65rem,3vw,2.65rem)}.section-heading p{max-width:520px;color:#93a1b6;line-height:1.6}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.model-card{--card-accent:var(--violet);position:relative;display:flex;flex-direction:column;min-height:300px;padding:22px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:linear-gradient(145deg,rgba(30,41,59,.68),rgba(8,15,30,.62));overflow:hidden;transition:.2s transform,.2s border-color}.model-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 50%,transparent)}.model-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent)}.model-card[data-provider=higgsfield]{--card-accent:var(--cyan)}.model-top{display:flex;justify-content:space-between;gap:8px}.provider-badge,.status-badge{border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:7px 10px;font-size:.69rem;font-weight:750}.model-card h3{font-size:1.35rem;margin:18px 0 7px}.model-card>strong{font-size:.85rem}.model-card p{color:#96a4b8;line-height:1.55;font-size:.87rem}.model-meta{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 20px}.model-meta span{font-size:.7rem;background:rgba(148,163,184,.09);padding:6px 8px;border-radius:7px}.model-actions{display:flex;gap:9px;margin-top:auto}.model-actions a,.model-actions button{flex:1}.status-badge{font-size:.61rem;padding:5px 8px}.status-live{color:#6ee7b7}.status-review{color:#fcd34d}.cloud-loading{grid-column:1/-1;color:#8e9bb0;padding:36px;text-align:center}.cloud-queue-section{margin:72px 0}.cloud-queue-list{display:grid;gap:9px}.cloud-queue-row{display:grid;grid-template-columns:110px 1fr auto 90px;gap:16px;align-items:center;padding:15px 18px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(15,23,42,.48)}.cloud-queue-row>div{display:grid;gap:3px}.cloud-queue-row small{color:#8391a8}.queue-state{width:max-content;padding:6px 9px;border-radius:999px;background:rgba(100,233,255,.09);color:#9cf3ff;font-size:.68rem;font-weight:800;text-transform:uppercase}.state-processing,.state-delivery_pending{background:rgba(167,139,250,.13);color:#cbbcff}.state-waiting{background:rgba(251,191,36,.1);color:#fcd34d}.queue-privacy{color:#718199;font-size:.74rem}.queue-privacy i{margin-right:5px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:72px 0}.promise-grid article{padding:26px;border:1px solid rgba(148,163,184,.17);border-radius:18px;background:rgba(15,23,42,.48)}.promise-grid i{color:var(--cyan);font-size:1.25rem}.promise-grid h3{margin:15px 0 8px}.promise-grid p{margin:0;color:#92a0b4;line-height:1.55}.cloud-history{margin-top:64px}.ledger-list{display:grid;gap:9px}.ledger-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:14px 16px;border:1px solid rgba(148,163,184,.16);border-radius:12px}.ledger-row small{color:#94a3b8}.positive{color:#6ee7b7}.negative{color:#fca5a5}.independence-note{max-width:780px;margin:70px auto 0;color:#64748b;font-size:.72rem;text-align:center;line-height:1.5}
.cloud-dialog{width:min(650px,calc(100% - 24px));max-height:90vh;padding:0;border:1px solid rgba(148,163,184,.28);border-radius:22px;color:#f8fafc;background:#0f172a;box-shadow:0 40px 120px rgba(0,0,0,.6)}.cloud-dialog::backdrop{background:rgba(2,6,23,.76);backdrop-filter:blur(5px)}.dialog-shell{position:relative;padding:30px;overflow:auto}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#94a3b8;font-size:2rem;cursor:pointer}.cloud-message{min-height:1.2em;color:#94a3b8;font-size:.8rem;line-height:1.5}.cloud-message.error{color:#fca5a5}.cloud-message.ok{color:#6ee7b7}.field{display:grid;gap:7px;margin:16px 0}.field span{font-size:.82rem;font-weight:750;color:#cbd5e1}.field textarea,.field select{width:100%;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#111827;color:#fff;padding:12px}.field textarea{min-height:130px;resize:vertical}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.check-field{display:flex;align-items:center;gap:9px;padding-top:22px}.generation-quote{margin:14px 0;padding:17px;border:1px solid rgba(103,232,249,.28);border-radius:14px;background:rgba(6,182,212,.07)}.quote-price{font-size:1.7rem;font-weight:850}.cloud-result video{width:100%;border-radius:14px;margin-top:16px}
@media(max-width:980px){.cloud-hero{grid-template-columns:1fr;min-height:0}.wallet-card{max-width:520px}.route-strip{grid-template-columns:1fr}.route-plus{display:none}.studio-intro{display:block}.studio-intro>p{margin-top:15px}.price-freshness{margin-top:15px}.planner-shell{grid-template-columns:1fr}.yield-grid,.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cloud-page{padding:92px 13px 48px}.cloud-hero{padding:30px 22px;border-radius:24px}.cloud-hero h1{font-size:clamp(2.6rem,14vw,4rem)}.route-strip,.credit-studio{padding:20px}.credit-studio{border-radius:22px}.planner-controls,.planner-receipt{padding:18px}.yield-grid,.model-grid,.promise-grid{grid-template-columns:1fr}.yield-head,.section-heading,.cloud-controls{align-items:stretch;flex-direction:column}.cloud-search input{min-width:0;width:100%}.gateway-choice{grid-template-columns:1fr}.config-grid{grid-template-columns:1fr}.dialog-shell{padding:25px 18px}.ledger-row{grid-template-columns:1fr auto}.ledger-row small{grid-column:1/-1}.cloud-queue-row{grid-template-columns:1fr auto}.cloud-queue-row .queue-state{grid-column:1}.cloud-queue-row>small{grid-column:1/-1}}
