:root{--bg:#050609;--panel:#11141eb8;--panel-solid:#0d1018;--panel-raised:#171b28d1;--border:#8d98b629;--border-strong:#8d98b647;--text:#eef1f8;--text-soft:#d8def0;--muted:#98a1ba;--accent:#76d5ff;--accent-2:#a58bff;--accent-3:#ff8bd0;--success:#68d8a8;--warning:#ffd479;--danger:#ff7d8c;--shadow-sm:0 8px 24px #0000002e;--shadow:0 18px 50px #00000047;--shadow-lg:0 32px 90px #0000006b;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:26px;--grid-line:#ffffff09}*{box-sizing:border-box}html,body{background:var(--bg);max-width:100vw;color:var(--text);font-feature-settings:"cv02", "cv03", "cv04", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-family:Inter,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";z-index:-2;background:radial-gradient(circle at 10% 8%,#76d5ff21,#0000 34%),radial-gradient(circle at 82% 4%,#a58bff1f,#0000 36%),radial-gradient(circle at 50% 100%,#ff8bd012,#0000 52%),linear-gradient(#050609 0%,#070910 45%,#050609 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000c,#0000 72%);mask-image:radial-gradient(circle at 50% 20%,#000c,#0000 72%)}a{color:inherit;text-decoration:none}::selection{background:#76d5ff42}:focus-visible{outline-offset:2px;outline:2px solid #76d5ffa6}.container{width:min(1180px,100% - 48px);margin:0 auto}.topbar{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);border-bottom:1px solid var(--border);background:#050609bd;position:sticky;top:0;box-shadow:inset 0 1px #ffffff05}.topbar-inner{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#06101a;border-radius:12px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid;box-shadow:0 8px 24px #76d5ff3d,inset 0 1px #ffffff59}.nav{color:var(--muted);align-items:center;gap:24px;font-size:14px;font-weight:500;display:flex}.nav a:not(.btn){padding:8px 0;transition:color .18s;position:relative}.nav a:not(.btn):after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:0;border-radius:999px;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px)}.nav a:not(.btn):hover{color:var(--text)}.nav a:not(.btn):hover:after{opacity:1;transform:translateY(0)}.btn{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#051019;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:750;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #76d5ff33,inset 0 1px #ffffff59}.btn:before{content:"";background:linear-gradient(105deg,#0000 20%,#ffffff59 45%,#0000 70%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.btn:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 18px 44px #76d5ff40}.btn:hover:before{transform:translate(120%)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border-color:var(--border);color:var(--text);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff06}.btn-ghost:before{display:none}.btn-ghost:hover{background:#76d5ff12;border-color:#76d5ff6b}.hero{padding:118px 0 88px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#76d5ff1f,#0000 62%);width:min(1100px,100vw);height:460px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:60px;display:grid;position:relative}.eyebrow{height:34px;color:var(--accent);letter-spacing:.015em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#76d5ff1a,#a58bff12);border:1px solid #76d5ff47;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.pulse-dot{background:var(--success);border-radius:999px;width:8px;height:8px;animation:2.2s infinite pulse;box-shadow:0 0 0 4px #68d8a81f,0 0 12px #68d8a899}@keyframes pulse{0%,to{box-shadow:0 0 #68d8a840}50%{box-shadow:0 0 0 7px #68d8a80d}}h1{letter-spacing:-.055em;margin:26px 0 0;font-size:clamp(46px,6.5vw,76px);font-weight:820;line-height:.96}.gradient-text{background:linear-gradient(100deg, #fff 8%, var(--accent) 48%, var(--accent-2) 92%);color:#0000;text-shadow:0 24px 60px #76d5ff1a;-webkit-background-clip:text;background-clip:text}.hero-copy{max-width:590px;color:var(--muted);margin-top:24px;font-size:18px;line-height:1.68}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.hero-note{color:var(--muted);letter-spacing:.01em;margin-top:18px;font-size:13px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:42px;display:grid}.capability{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0b,#ffffff04);padding:18px;transition:border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden}.capability:before{content:"";opacity:0;background:linear-gradient(135deg,#76d5ff0f,#0000 55%);transition:opacity .18s;position:absolute;inset:0}.capability:hover{border-color:#76d5ff47;transform:translateY(-2px)}.capability:hover:before{opacity:1}.capability-title{letter-spacing:-.01em;margin-bottom:6px;font-size:14px;font-weight:720;position:relative}.capability-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.55;position:relative}.workbench-preview{border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#131722f5,#080a0ffa);position:relative;overflow:hidden}.workbench-preview:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#76d5ff2e,#0000 35% 65%,#a58bff29);position:absolute;inset:-1px}.preview-top{border-bottom:1px solid var(--border);background:#ffffff06;align-items:center;gap:10px;padding:15px 18px;display:flex}.dot{background:#ffffff29;border-radius:999px;width:10px;height:10px}.dot.accent{background:var(--accent);box-shadow:0 0 10px #76d5ffb3}.dot.purple{background:var(--accent-2);box-shadow:0 0 10px #a58bffb3}.preview-tabs{color:var(--muted);gap:10px;margin-left:14px;font-size:12px;font-weight:500;display:flex}.preview-body{grid-template-columns:170px 1fr;min-height:450px;display:grid}.preview-side{border-right:1px solid var(--border);background:#ffffff03;padding:18px}.preview-item{color:var(--muted);border:1px solid #0000;border-radius:10px;margin-bottom:8px;padding:11px 12px;font-size:12px;transition:background .18s,color .18s,border-color .18s}.preview-item.active{color:var(--text);background:linear-gradient(90deg,#76d5ff1a,#76d5ff05);border-color:#76d5ff3d}.preview-main{padding:22px}.message{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffff06;border-radius:16px;margin-bottom:18px;padding:16px}.message.assistant{background:linear-gradient(145deg,#76d5ff17,#a58bff0d);border-color:#76d5ff2e}.message-role{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:700}.message-text{color:var(--text-soft);font-size:13px;line-height:1.65}.preview-composer{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:16px;margin-top:20px;padding:16px;font-size:13px}.composer-meta{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.section{padding:88px 0}.section.tight{padding:60px 0}.section-head{max-width:760px;margin-bottom:48px}.section-eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:750;display:inline-flex}.section-eyebrow:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:18px;height:1px}.section-title{letter-spacing:-.045em;margin:14px 0 16px;font-size:clamp(32px,4.2vw,48px);font-weight:800;line-height:1.06}.section-copy{color:var(--muted);font-size:16px;line-height:1.75}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#ffffff0d,#ffffff03);border-radius:18px;height:100%;padding:26px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:#76d5ff47;transform:translateY(-4px);box-shadow:0 24px 50px #0000003d}.card-title{letter-spacing:-.025em;margin:18px 0 10px;font-size:19px;font-weight:760}.card-copy{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.card-kicker{color:var(--accent);letter-spacing:.04em;font-size:12px;font-weight:750}.icon-box{width:44px;height:44px;color:var(--accent);background:linear-gradient(145deg,#76d5ff24,#a58bff14);border:1px solid #76d5ff2e;border-radius:13px;place-items:center;font-size:15px;display:grid;box-shadow:inset 0 1px #ffffff14}.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px;display:grid}.countdown-panel{border-radius:var(--radius-xl);box-shadow:var(--shadow), inset 0 1px 0 #ffffff0d;background:linear-gradient(145deg,#a58bff1f,#76d5ff0d);border:1px solid #a58bff42;padding:38px;position:relative;overflow:hidden}.countdown-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#a58bff33,#0000 70%);border-radius:999px;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0;display:grid}.countdown-cell{border:1px solid var(--border);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060973;border-radius:16px;padding:18px 10px}.countdown-value{letter-spacing:-.04em;font-size:32px;font-weight:820}.countdown-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:5px;font-size:11px;font-weight:700}.comparison-table{border-collapse:collapse;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--border);text-align:left;padding:17px 20px;font-size:14px}.comparison-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;background:#ffffff08;font-size:11px;font-weight:750}.comparison-table tbody tr:hover{background:#ffffff05}.comparison-table tr:last-child td{border-bottom:none}.highlight-row{background:#76d5ff0d}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.price-card{border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff0d,#ffffff03);padding:30px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.price-card:hover{border-color:#76d5ff42;transform:translateY(-3px);box-shadow:0 24px 60px #0000003d}.price-card.featured{background:linear-gradient(160deg,#76d5ff1f,#080a0ff5);border-color:#76d5ff61;box-shadow:0 26px 70px #76d5ff1a,inset 0 1px #ffffff0d}.price{letter-spacing:-.05em;margin:22px 0 8px;font-size:44px;font-weight:820}.price span{color:var(--muted);font-size:15px;font-weight:500}.price-list{color:var(--muted);margin:24px 0 30px;padding-left:18px;font-size:14px;line-height:1.95}.price-list li::marker{color:var(--accent)}.faq{gap:12px;max-width:860px;display:grid}.faq-item{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:22px;transition:border-color .18s,transform .18s}.faq-item:hover{border-color:#76d5ff3d;transform:translateY(-1px)}.faq-q{margin-bottom:9px;font-size:16px;font-weight:740}.faq-a{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.footer{border-top:1px solid var(--border);background:#050609db;padding:48px 0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;display:grid}.footer-copy{color:var(--muted);max-width:310px;font-size:13px;line-height:1.75}.footer-title{margin-bottom:15px;font-size:13px;font-weight:760}.footer-links{color:var(--muted);gap:10px;font-size:13px;display:grid}.footer-links a,.footer-links span{transition:color .18s}.footer-links a:hover{color:var(--text)}.legal{border-top:1px solid var(--border);color:var(--muted);margin-top:32px;padding-top:22px;font-size:12px}.studio-shell{grid-template-columns:270px minmax(0,1fr) 330px;min-height:calc(100vh - 74px);display:grid}.studio-side{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0fc7;padding:22px}.studio-right{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0fb3;padding:22px}.studio-main{background:#0506099e;flex-direction:column;min-width:0;display:flex}.studio-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c12c2;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.model-badge{color:var(--accent);background:linear-gradient(90deg,#76d5ff1a,#a58bff0f);border:1px solid #76d5ff47;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:750;display:inline-flex}.credit-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.studio-messages{flex:1;align-content:start;gap:18px;padding:30px;display:grid;overflow-y:auto}.studio-messages::-webkit-scrollbar{width:8px}.file-card pre::-webkit-scrollbar{width:8px}.studio-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.file-card pre::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.chat-bubble{border:1px solid var(--border);max-width:820px;box-shadow:var(--shadow-sm);background:#ffffff06;border-radius:18px;padding:20px}.chat-bubble.user{background:linear-gradient(135deg,#a58bff1a,#ffffff05);border-color:#a58bff38;margin-left:auto}.chat-bubble.assistant{background:linear-gradient(145deg,#76d5ff13,#ffffff03);border-color:#76d5ff2e}.chat-role{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:700}.chat-content{white-space:pre-wrap;color:var(--text-soft);font-size:14px;line-height:1.75}.composer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0feb;padding:20px}.composer-box{border:1px solid var(--border);background:#0d1017d1;border-radius:18px;transition:border-color .18s,box-shadow .18s}.composer-box:focus-within{border-color:#76d5ff6b;box-shadow:0 0 0 4px #76d5ff12}.composer textarea{resize:vertical;width:100%;min-height:100px;max-height:220px;color:var(--text);background:0 0;border:none;outline:none;padding:17px;font-family:inherit;font-size:14px;line-height:1.65}.composer-actions{justify-content:space-between;align-items:center;gap:12px;padding:13px 15px 15px;display:flex}.composer-tools{gap:8px;display:flex}.tool-button{border:1px solid var(--border);height:36px;color:var(--muted);cursor:pointer;background:#ffffff05;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:600;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.tool-button:hover{color:var(--text);background:#76d5ff12;border-color:#76d5ff57}.panel-title{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 15px;font-size:12px;font-weight:750}.template-list{gap:10px;display:grid}.template{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:#ffffff06;border-radius:14px;padding:14px;transition:border-color .18s,background .18s,transform .18s}.template:hover{background:#76d5ff0e;border-color:#76d5ff4d;transform:translateY(-1px)}.template.active{background:#76d5ff14;border-color:#76d5ff52}.template-title{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.template-copy{color:var(--muted);font-size:12px;line-height:1.55}.upload-box{border:1px dashed var(--border-strong);text-align:center;color:var(--muted);background:#ffffff04;border-radius:16px;padding:20px;font-size:12px}.file-preview{gap:10px;margin-top:14px;display:grid}.file-card{border:1px solid var(--border);color:var(--muted);background:#ffffff06;border-radius:14px;gap:9px;padding:14px;font-size:12px;display:grid}.file-card img,.file-card video{border:1px solid var(--border);border-radius:10px;width:100%}.file-card pre{white-space:pre-wrap;color:var(--text-soft);max-height:220px;margin:0;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.6;overflow:auto}.login-card{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--panel-raised);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:min(430px,100%);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0d;margin:100px auto;padding:38px}.field{gap:8px;margin-bottom:18px;display:grid}.label{color:var(--muted);font-size:12px;font-weight:700}.input{border:1px solid var(--border);height:46px;color:var(--text);background:#05060994;border-radius:12px;outline:none;padding:0 15px;font-size:14px;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:#76d5ff70;box-shadow:0 0 0 4px #76d5ff12}.error{color:var(--danger);margin:0 0 18px;font-size:13px}.muted{color:var(--muted)}.small{font-size:12px}@media (max-width:1050px){.hero-grid,.split,.footer-grid,.card-grid,.pricing-grid,.studio-shell{grid-template-columns:1fr}.studio-side,.studio-right{display:none}.preview-body{grid-template-columns:1fr}.preview-side{display:none}}@media (max-width:640px){.container{width:calc(100% - 32px)}.topbar-inner{height:68px}.nav{gap:14px;font-size:13px}.hero{padding:82px 0 64px}.capability-grid{grid-template-columns:1fr}.countdown-grid{grid-template-columns:repeat(2,1fr)}.section{padding:64px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.theme-toggle{border:1px solid var(--border);height:38px;color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:650;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.theme-toggle:hover{color:var(--text);background:#76d5ff12;border-color:#76d5ff57}.theme-icon{place-items:center;width:20px;height:20px;font-size:13px;display:grid}html[data-theme=light]{--bg:#f5f7fb;--panel:#ffffffc2;--panel-solid:#fff;--panel-raised:#ffffffe0;--border:#1e2a441f;--border-strong:#1e2a4433;--text:#101828;--text-soft:#1f2937;--muted:#5d687d;--accent:#0f7fb8;--accent-2:#6d5bd0;--accent-3:#c7559a;--success:#12866a;--warning:#a97100;--danger:#c6394b;--shadow-sm:0 8px 24px #16213d14;--shadow:0 18px 50px #16213d1a;--shadow-lg:0 32px 80px #16213d21;--grid-line:#10182809;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] body{background:var(--bg);color:var(--text)}html[data-theme=light] body:before{background:radial-gradient(circle at 10% 8%,#0f7fb81f,#0000 34%),radial-gradient(circle at 82% 4%,#6d5bd01a,#0000 36%),radial-gradient(circle at 50% 100%,#c7559a0f,#0000 52%),linear-gradient(#f7f9fc 0%,#eef2f8 45%,#f7f9fc 100%)}html[data-theme=light] body:after{background-image:linear-gradient(90deg,#10182809 1px,#0000 1px),linear-gradient(#10182809 1px,#0000 1px);-webkit-mask-image:radial-gradient(circle at 50% 20%,#000000bf,#0000 72%);mask-image:radial-gradient(circle at 50% 20%,#000000bf,#0000 72%)}html[data-theme=light] .topbar{background:#f7f9fcc7}html[data-theme=light] .brand-mark{color:#fff;box-shadow:0 8px 22px #0f7fb833,inset 0 1px #ffffff59}html[data-theme=light] .btn{color:#fff;box-shadow:0 12px 30px #0f7fb833,inset 0 1px #fff3}html[data-theme=light] .btn-ghost{color:var(--text);background:#ffffffad}html[data-theme=light] .eyebrow{color:#0d6da2;border-color:#0f7fb833}html[data-theme=light] .workbench-preview{background:linear-gradient(#fffffff7,#f5f8fcfa)}html[data-theme=light] .preview-side{background:#10182804}html[data-theme=light] .message{background:#ffffffc7}html[data-theme=light] .message.assistant{background:linear-gradient(145deg,#0f7fb814,#6d5bd00a)}html[data-theme=light] .message-text{color:var(--text-soft)}html[data-theme=light] .preview-composer{background:#ffffffc2}html[data-theme=light] .capability{background:#ffffffb3}html[data-theme=light] .card{background:#ffffffb8}html[data-theme=light] .countdown-panel{background:linear-gradient(145deg,#6d5bd01a,#0f7fb80d)}html[data-theme=light] .countdown-cell{background:#ffffffad}html[data-theme=light] .comparison-table{background:#ffffffc2}html[data-theme=light] .price-card{background:#ffffffb8}html[data-theme=light] .price-card.featured{background:linear-gradient(160deg,#0f7fb81a,#fffffff7)}html[data-theme=light] .faq-item{background:#ffffffb8}html[data-theme=light] .studio-side,html[data-theme=light] .studio-right,html[data-theme=light] .composer,html[data-theme=light] .studio-header{background:#ffffffc7}html[data-theme=light] .studio-main{background:#f7f9fc9e}html[data-theme=light] .chat-bubble{background:#ffffffc2}html[data-theme=light] .chat-bubble.user{background:linear-gradient(135deg,#6d5bd014,#ffffffd1)}html[data-theme=light] .chat-bubble.assistant{background:linear-gradient(145deg,#0f7fb812,#ffffffd1)}html[data-theme=light] .composer-box{background:#ffffffd6}html[data-theme=light] .template{background:#ffffffb8}html[data-theme=light] .upload-box{background:#ffffff94}html[data-theme=light] .file-card{background:#ffffffb8}html[data-theme=light] .login-card{background:#ffffffe0}html[data-theme=light] .input{background:#ffffffd9}html[data-theme=light] .tool-button{background:#ffffff94}html[data-theme=light] .theme-toggle{background:#ffffffb3}.hero-brand-visual{filter:blur(48px);opacity:.9;pointer-events:none;background:conic-gradient(from 180deg,#76d5ff1f,#a58bff1a,#ff8bd014,#76d5ff1f);border-radius:50%;width:520px;height:520px;animation:14s ease-in-out infinite alternate brandFloat;position:absolute;top:10%;right:6%}.hero-brand-visual:before,.hero-brand-visual:after{content:"";border:1px solid #ffffff0f;border-radius:50%;position:absolute;inset:12%}.hero-brand-visual:after{border-color:#76d5ff1f;inset:28%}@keyframes brandFloat{0%{transform:translate(0,0)scale(.98)}to{transform:translate(-24px,24px)scale(1.04)}}html[data-theme=light] .hero-brand-visual{opacity:.65}.scenario-card{flex-direction:column;display:flex}.product-mockup{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(#0d1017f2,#07090ef5);border-radius:16px;margin-bottom:20px;transition:transform .2s,border-color .2s;overflow:hidden}.card:hover .product-mockup{border-color:#76d5ff3d;transform:translateY(-2px)}.mockup-chrome{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:6px;height:30px;padding:0 10px;display:flex}.mockup-dot{background:#ffffff2e;border-radius:999px;width:7px;height:7px}.mockup-url{color:var(--muted);letter-spacing:.02em;margin-left:8px;font-size:10px}.mockup-body{grid-template-columns:44px 1fr;min-height:132px;display:grid}.mockup-rail{border-right:1px solid var(--border);align-content:start;gap:7px;padding:10px 8px;display:grid}.mockup-rail-item{background:#ffffff1a;border-radius:999px;height:8px}.mockup-rail-item.active{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.mockup-content{padding:14px}.mockup-lines{align-content:start;gap:8px;display:grid}.mockup-lines span{background:#ffffff1a;border-radius:999px;height:8px}.mockup-lines .accent{background:linear-gradient(90deg,#76d5ff8c,#76d5ff1a)}.mockup-lines .purple{background:linear-gradient(90deg,#a58bff80,#a58bff14)}.mockup-review{align-content:start;gap:10px;display:grid}.mockup-row{grid-template-columns:1fr 46px;align-items:center;gap:10px;display:grid}.mockup-row span{background:#ffffff1a;border-radius:999px;height:9px}.mockup-row i{border-radius:999px;height:9px}.mockup-row.danger i{background:#ff7d8c8c}.mockup-row.warning i{background:#ffd4798c}.mockup-row.success i{background:#68d8a88c}.mockup-doc{grid-template-columns:72px 1fr;gap:12px;display:grid}.mockup-doc-page{border:1px solid var(--border);background:#ffffff0a;border-radius:9px;gap:5px;padding:8px;display:grid}.mockup-doc-page span{background:#ffffff24;border-radius:999px;height:5px}.mockup-doc-summary{align-content:center;gap:7px;display:grid}.mockup-doc-summary span{background:#ffffff1a;border-radius:999px;height:7px}.mockup-media{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mockup-thumb{border:1px solid var(--border);border-radius:12px;place-items:center;height:74px;display:grid}.mockup-thumb span{letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:800}.mockup-thumb.image{background:linear-gradient(135deg,#76d5ff1f,#ffffff08)}.mockup-thumb.video{background:linear-gradient(135deg,#a58bff1f,#ffffff08)}.mockup-agent{justify-items:center;gap:16px;display:grid}.mockup-node{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:7px 11px;font-size:10px;font-weight:700}.mockup-node.root{color:var(--accent);background:#76d5ff14;border-color:#76d5ff3d}.mockup-agent-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mockup-scene{place-items:center;height:100%;min-height:108px;display:grid;position:relative}.scene-grid{grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0;transform:perspective(420px)rotateX(54deg)scale(1.05)}.scene-grid span{background:#76d5ff06;border:1px solid #76d5ff1a}.scene-cube{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:7px;width:34px;height:34px;transform:rotate(45deg);box-shadow:0 12px 28px #76d5ff33}html[data-theme=light] .product-mockup{background:linear-gradient(#fffffff5,#f5f8fcfa)}html[data-theme=light] .mockup-rail-item,html[data-theme=light] .mockup-lines span{background:#1018281a}html[data-theme=light] .mockup-lines .accent{background:linear-gradient(90deg,#0f7fb861,#0f7fb814)}html[data-theme=light] .mockup-lines .purple{background:linear-gradient(90deg,#6d5bd059,#6d5bd012)}html[data-theme=light] .mockup-row span,html[data-theme=light] .mockup-doc-page span,html[data-theme=light] .mockup-doc-summary span{background:#1018281a}html[data-theme=light] .mockup-thumb{background:#ffffffb8}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030407b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-strong);background:var(--panel-raised);width:min(520px,100%);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0d;border-radius:24px;padding:34px}.modal-body{color:var(--muted);white-space:pre-line;margin:18px 0 28px;font-size:15px;line-height:1.75}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.onboarding-tip{color:var(--text-soft);background:#76d5ff12;border:1px solid #76d5ff38;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.onboarding-tip button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px}.composer-note{color:var(--muted);margin:10px 2px 0;font-size:12px}.message-attachments{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.attachment-chip{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.legal-page{max-width:860px}.legal-content{gap:20px;display:grid}.legal-content h2{letter-spacing:-.025em;margin:18px 0 0;font-size:20px}.legal-content p,.legal-content li{color:var(--muted);font-size:15px;line-height:1.8}.legal-content ul{gap:8px;margin:0;padding-left:20px;display:grid}.legal-content a{color:var(--accent)}.legal-content a:hover{text-decoration:underline}html[data-theme=light] .modal-card{background:#fffffff0}html[data-theme=light] .attachment-chip{background:#ffffffb8}html[data-theme=light] .onboarding-tip{color:#1f2937;background:#0f7fb812}.admin-login{border:1px solid var(--border);background:var(--panel);border-radius:18px;margin-bottom:26px;padding:22px}.admin-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.range-tabs{border:1px solid var(--border);background:#ffffff05;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.range-tab{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700}.range-tab.active{color:var(--accent);background:#76d5ff1f}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(150deg,#ffffff0d,#ffffff03);border-radius:18px;padding:22px}.metric-value{letter-spacing:-.04em;margin:12px 0 7px;font-size:34px;font-weight:820}.metric-sub{color:var(--muted);font-size:13px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.chart-card{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:20px}.chart-card.wide{grid-column:1/-1}.bar-chart{align-items:flex-end;gap:4px;height:180px;padding-top:10px;display:flex;overflow-x:auto}.bar-column{flex:1 0 24px;grid-template-rows:1fr auto;align-items:end;gap:7px;height:100%;display:grid;position:relative}.bar{background:#ffffff1f;border-radius:6px 6px 2px 2px;width:100%;min-height:2px;transition:height .18s}.bar.accent{background:linear-gradient(180deg, var(--accent), #76d5ff40)}.bar.purple{background:linear-gradient(180deg, var(--accent-2), #a58bff40)}.bar.success{background:linear-gradient(180deg, var(--success), #68d8a838)}.bar-column span{color:var(--muted);text-align:center;font-size:9px}.table-wrap{overflow-x:auto}@media (max-width:1050px){.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media (max-width:640px){.admin-summary{grid-template-columns:1fr}}.resources-index,.landing-page{max-width:880px;margin:0 auto;padding:56px 24px 88px}.resources-index>header,.landing-page>header{margin-bottom:34px}.landing-toc{border:1px solid var(--border);background:var(--panel);border-radius:16px;margin-bottom:28px;padding:20px 22px}.landing-toc h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:14px}.landing-toc ol{color:var(--muted);gap:7px;margin:0;padding-left:20px;font-size:14px;display:grid}.landing-section{margin-bottom:34px}.landing-section>h2,.landing-sources>h2,.landing-page section>h2{letter-spacing:-.025em;margin:0 0 14px;font-size:24px}.landing-section p,.landing-sources span,.summary{color:var(--muted);font-size:15px;line-height:1.8}.landing-section ul{color:var(--muted);gap:9px;margin:0;padding-left:20px;font-size:15px;line-height:1.7;display:grid}.landing-section figure{margin:20px 0 0;overflow-x:auto}.landing-section table,.resources-index table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.landing-section th,.landing-section td,.resources-index th,.resources-index td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px}.landing-section th[scope=row],.resources-index th[scope=row]{color:var(--text);background:#76d5ff0f}.landing-sources ol{gap:10px;margin:0;padding-left:20px;font-size:14px;display:grid}.landing-sources span{margin-top:2px;font-size:12px;display:block}@media (max-width:640px){.resources-index,.landing-page{padding:36px 16px 68px}.landing-section>h2{font-size:21px}.landing-section table,.resources-index table{min-width:560px}}.landing-page{max-width:960px;padding-top:48px;padding-bottom:96px}.landing-header{border:1px solid var(--border-strong);background:linear-gradient(135deg, #76d5ff1a, #a58bff14 46%, #ff8bd00d), var(--panel);box-shadow:var(--shadow);border-radius:24px;margin-bottom:26px;padding:34px 38px 38px;position:relative;overflow:hidden}.landing-header:after{content:"";pointer-events:none;background:radial-gradient(circle at 85% 0,#76d5ff24,#0000 38%);position:absolute;inset:0}.landing-header>*{z-index:1;position:relative}.landing-header h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(30px,4.5vw,44px);line-height:1.08}.landing-header .summary{max-width:680px;margin:0;font-size:16px;line-height:1.75}.landing-toc{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm);background:#0d1018b8;border-radius:18px;margin-bottom:28px;padding:22px 24px;position:sticky;top:92px}.landing-toc ol{gap:10px;padding-left:18px}.landing-toc a{color:var(--text-soft);transition:color .16s}.landing-toc a:hover,.landing-toc a:focus-visible{color:var(--accent)}.landing-section,.landing-sources,.landing-faq,.landing-related{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:22px;padding:28px 32px}.landing-section-primary{background:linear-gradient(140deg, #76d5ff1a, transparent 42%), var(--panel-raised);border-color:#76d5ff42}.landing-section>h2,.landing-sources>h2,.landing-faq>h2,.landing-related>h2{letter-spacing:-.025em;margin-bottom:16px;font-size:22px}.landing-section p,.landing-faq p,.landing-related p{max-width:760px;color:var(--text-soft);font-size:15px;line-height:1.8}.landing-section ul{color:var(--text-soft);padding-left:20px}.landing-section li::marker{color:var(--accent)}.landing-section figure{margin:22px 0 0}.landing-section figcaption{color:var(--muted);margin-bottom:12px;font-size:13px}.landing-table-wrap{border:1px solid var(--border);background:#0506097a;border-radius:14px;overflow-x:auto}.landing-section table{min-width:620px;margin:0}.landing-section th,.landing-section td{border:0;border-bottom:1px solid #8d98b61f;padding:14px 16px}.landing-section thead th{color:var(--text);letter-spacing:.06em;text-transform:uppercase;background:#76d5ff14;font-size:12px}.landing-section tbody tr:last-child th,.landing-section tbody tr:last-child td{border-bottom:0}.landing-section tbody tr:hover{background:#ffffff05}.landing-cta{background:linear-gradient(120deg, #76d5ff1f, #a58bff1a), var(--panel-raised);box-shadow:var(--shadow);border:1px solid #76d5ff42;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:26px;padding:30px 34px;display:grid}.landing-cta-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:750}.landing-cta h2{letter-spacing:-.025em;margin:0 0 8px;font-size:22px}.landing-cta p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.7}.landing-cta-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.landing-cta.footer{text-align:center;grid-template-columns:1fr}.landing-cta.footer .landing-cta-actions{justify-content:center}.landing-faq details{border:1px solid var(--border);background:#0506096b;border-radius:16px;padding:18px 22px}.landing-faq summary{cursor:pointer;list-style:none}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary h3{letter-spacing:-.015em;margin:0;font-size:16px}.landing-faq details[open]{border-color:#76d5ff38}.landing-related ul{color:var(--text-soft);gap:12px;margin:0;padding-left:20px;display:grid}.landing-related a{color:var(--accent);font-weight:650}@media (max-width:900px){.landing-cta{grid-template-columns:1fr}.landing-cta-actions{justify-content:flex-start}}@media (max-width:640px){.landing-page{padding:34px 16px 76px}.landing-header{padding:26px 22px 30px}.landing-toc{position:static}.landing-section,.landing-sources,.landing-faq,.landing-related{padding:22px 18px}.landing-section>h2{font-size:20px}.landing-cta{padding:24px 20px}.landing-cta-actions,.landing-cta-actions .btn{width:100%}}.topbar-inner{gap:16px}.nav{min-width:0;margin-left:auto}.nav-toggle{border:1px solid var(--border);cursor:pointer;background:#ffffff09;border-radius:12px;width:44px;height:44px;padding:11px 10px;display:none}.nav-toggle span{background:var(--text-soft);border-radius:999px;height:2px;margin:4px 0;transition:transform .18s,opacity .18s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.topbar-cta{flex:none;height:40px;padding:0 14px;font-size:13px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap .comparison-table{min-width:720px}.comparison-table th,.comparison-table td{white-space:nowrap}.studio-header{flex-wrap:wrap;gap:12px}.studio-header-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.studio-header-actions .btn{height:38px;padding:0 14px;font-size:13px}.composer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.btn.is-navigating{filter:saturate(.75);pointer-events:none}@media (max-width:900px){.topbar-inner{height:68px;position:relative}.nav-toggle{flex-direction:column;justify-content:center;margin-left:auto;display:inline-flex}.topbar-cta{order:2}.nav{z-index:60;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);background:#07090ef7;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:14px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}.nav.open{display:flex}.nav a:not(.btn){color:var(--text-soft);border-radius:10px;padding:12px 10px;font-size:15px}.nav a:not(.btn):hover,.nav a:not(.btn):focus-visible{color:var(--text);background:#76d5ff14}.nav-theme{border-top:1px solid var(--border);padding-top:8px;display:block}.nav-theme .theme-toggle{justify-content:center;width:100%}.table-wrap{margin:0 -4px;padding:0 4px}.table-wrap .comparison-table{min-width:680px}.studio-shell{min-height:calc(100dvh - 68px)}.studio-header{align-items:flex-start;padding:16px}.studio-header-actions{width:100%;margin-left:0}.studio-header-actions .btn{width:100%}.studio-messages{padding:20px 16px}.composer{padding:16px 16px calc(18px + env(safe-area-inset-bottom))}.composer-actions{flex-direction:column;align-items:stretch}.composer-tools{width:100%}.composer-tools .tool-button{flex:1;justify-content:center}.composer-actions .btn{width:100%}}.share-page,.benchmark-page{width:min(980px,100% - 32px);margin:0 auto;padding:56px 0 88px}.share-hero,.benchmark-hero{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(145deg,#171b28eb,#090b11e0);padding:36px}.share-hero h1,.benchmark-hero h1{letter-spacing:-.035em;max-width:780px;margin:12px 0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08}.share-summary,.benchmark-hero>p:not(.benchmark-status){max-width:720px;color:var(--text-soft);margin:0;font-size:17px;line-height:1.65}.share-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 22px;display:grid}.share-meta div{border:1px solid var(--border);border-radius:var(--radius);background:#0506095c;padding:14px}.share-meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:5px;font-size:11px}.share-meta dd{margin:0;font-size:14px;font-weight:650}.share-actions{flex-wrap:wrap;gap:10px;display:flex}.share-thread{gap:14px;margin:26px 0;display:grid}.share-message{max-width:100%}.share-thread .chat-content{white-space:pre-wrap}.share-note{border:1px solid var(--border);border-radius:var(--radius);background:#05060961;padding:22px}.share-note h2{margin:0 0 8px;font-size:18px}.share-note p{color:var(--text-soft);margin:0;line-height:1.65}.benchmark-status{border-left:3px solid var(--warning);color:var(--text-soft);background:#ffd47914;border-radius:8px;margin:24px 0 0;padding:12px 14px;font-size:14px;line-height:1.55}.benchmark-page>section{margin:44px auto}.benchmark-page>section>h2,.share-note h2{letter-spacing:-.025em}.benchmark-task-list{gap:14px;display:grid}.benchmark-task{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#171b28bd,#090b11b8);padding:24px}.benchmark-task-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.benchmark-task h3{letter-spacing:-.025em;margin:4px 0 10px;font-size:20px}.benchmark-copy{color:var(--muted);margin:0 12px 14px 0;font-size:14px}.benchmark-task details{max-width:100%;margin-top:10px}.benchmark-task summary{cursor:pointer;color:var(--accent);font-size:14px;font-weight:700}.benchmark-task pre{border:1px solid var(--border);border-radius:var(--radius);max-height:320px;color:var(--text-soft);white-space:pre-wrap;background:#0506099e;margin:10px 0 0;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.benchmark-task ul{color:var(--text-soft);margin:10px 0 0;padding-left:20px}.benchmark-list{color:var(--text-soft);margin:0;padding-left:20px;line-height:1.8}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-soft);background:#05060952;padding:24px}.result-artifact-panel{border:1px solid var(--border);border-radius:var(--radius);background:#0506095c;margin-bottom:24px;padding:16px}.result-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.result-actions .btn{flex:1;min-width:128px}.share-link-box{color:var(--muted);gap:6px;margin-top:12px;font-size:12px;display:grid}.share-link-box input{border:1px solid var(--border);width:100%;min-width:0;color:var(--text-soft);background:#050609ad;border-radius:9px;padding:10px;font-size:12px}.share-link-box a{color:var(--accent);font-weight:700}.artifact-note{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.artifact-actions{flex-wrap:wrap;gap:6px;display:flex}html[data-theme=light] .share-hero,html[data-theme=light] .benchmark-hero,html[data-theme=light] .benchmark-task{background:linear-gradient(145deg,#ffffffe6,#f6f8fce6)}html[data-theme=light] .share-meta div,html[data-theme=light] .share-note,html[data-theme=light] .result-artifact-panel,html[data-theme=light] .empty-state{background:#ffffffb8}@media (max-width:760px){.share-page,.benchmark-page{width:min(100% - 20px,980px);padding:24px 0 64px}.share-hero,.benchmark-hero{padding:22px 16px}.share-meta{grid-template-columns:1fr}.share-actions .btn,.benchmark-hero .hero-actions .btn,.result-actions .btn{width:100%}.benchmark-task-head{flex-direction:column;align-items:stretch}.benchmark-task-head .btn{width:100%}}