:root{--bg:#06100d;--panel:#0b1915;--panel2:#10231d;--text:#f2f8f5;--muted:#91a69e;--green:#57f287;--mint:#38e7ba;--line:rgba(255,255,255,.09);--danger:#ff7272;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}button,input,textarea{font:inherit}.aurora{position:fixed;filter:blur(120px);opacity:.17;border-radius:50%;pointer-events:none;z-index:-1}.aurora-a{width:520px;height:520px;background:#00e2a6;top:-220px;left:-180px}.aurora-b{width:640px;height:640px;background:#4c8cff;right:-350px;top:380px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);font:700 18px 'Manrope',sans-serif;letter-spacing:.03em}.brand b{color:var(--green)}.brand-mark{width:36px;height:36px;border:1px solid rgba(87,242,135,.55);border-radius:11px;display:grid;place-items:center;transform:rotate(7deg);box-shadow:inset 0 0 18px rgba(87,242,135,.13)}.brand-mark i{width:12px;height:15px;border-left:3px solid var(--green);border-top:3px solid var(--green);transform:rotate(135deg);display:block}.pilot{font-size:11px;letter-spacing:.16em;color:var(--muted);display:flex;align-items:center;gap:9px}.pilot span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}main{max-width:1240px;margin:auto;padding:0 28px}.hero{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;padding:68px 0}.eyebrow{color:var(--mint);font:700 11px 'Manrope',sans-serif;letter-spacing:.19em;margin:0 0 18px}.hero h1{font:800 clamp(50px,7vw,88px)/.98 'Manrope',sans-serif;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--green),#42d9cf);background-clip:text}.lead{color:var(--muted);max-width:620px;font-size:18px;line-height:1.65;margin:30px 0 34px}.primary,.ghost{border:0;border-radius:15px;padding:15px 20px;font-weight:700;cursor:pointer;transition:.2s}.primary{background:linear-gradient(120deg,var(--green),#7af23e);color:#06100d;box-shadow:0 15px 35px rgba(87,242,135,.18)}.primary:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(87,242,135,.27)}.primary span{margin-left:18px}.ghost{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line)}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.orb{width:320px;height:320px;border-radius:50%;border:1px solid rgba(87,242,135,.18);display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,rgba(88,255,172,.25),rgba(5,16,13,.86) 60%);box-shadow:0 0 0 40px rgba(87,242,135,.025),0 0 0 90px rgba(87,242,135,.018),inset 0 0 90px rgba(87,242,135,.12);animation:float 6s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;border:1px dashed rgba(87,242,135,.18);border-radius:50%;width:400px;height:400px;animation:spin 22s linear infinite}.orb:after{width:470px;height:470px;animation-direction:reverse;animation-duration:34s}.orb-core{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--mint));color:#062019;font-size:28px;box-shadow:0 0 55px rgba(87,242,135,.42)}.signal{position:absolute;background:rgba(9,25,20,.8);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;padding:11px 15px;color:var(--muted);font-size:10px;letter-spacing:.12em}.signal-one{top:70px;right:0}.signal-two{bottom:70px;left:0}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;margin:0 0 110px;overflow:hidden}.trust-strip span{text-align:center;padding:18px 10px;color:var(--muted);font-size:10px;letter-spacing:.13em;border-right:1px solid var(--line)}.trust-strip span:last-child{border:0}.effects-section,.library-section{padding:0 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{font:700 clamp(34px,5vw,54px)/1.05 'Manrope';letter-spacing:-.04em;margin:0}.section-heading>p{color:var(--muted);line-height:1.55;max-width:440px;margin:0}.effects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.effect-card{min-height:310px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));cursor:pointer;transition:.25s;text-align:left;color:var(--text)}.effect-card:hover{transform:translateY(-5px);border-color:rgba(87,242,135,.35)}.effect-glow{position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-60px;filter:blur(20px);opacity:.27}.mint{background:#2fe2bd}.violet{background:#a66cff}.amber{background:#ffa940}.blue{background:#4d96ff}.coral{background:#ff6f61}.lime{background:#83f43f}.effect-badge{font-size:9px;letter-spacing:.13em;border:1px solid var(--line);padding:7px 9px;border-radius:999px;color:var(--muted);position:relative}.effect-symbol{height:145px;display:grid;place-items:center;font:700 70px 'Manrope';color:rgba(255,255,255,.88);position:relative;text-shadow:0 0 35px rgba(87,242,135,.15)}.effect-card h3{font:700 23px 'Manrope';margin:0 0 8px;position:relative}.effect-card p{color:var(--muted);line-height:1.45;margin:0;position:relative}.effect-meta{display:flex;justify-content:space-between;margin-top:18px;color:#c9d7d1;font-size:11px;position:relative}.loading-card,.empty-state{grid-column:1/-1;padding:70px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.library-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;overflow:hidden}.library-preview{aspect-ratio:16/10;background:linear-gradient(135deg,#102d24,#09130f);display:grid;place-items:center;font-size:40px}.library-info{padding:18px}.library-info h3{margin:0 0 5px;font:700 17px 'Manrope'}.library-info p{margin:0;color:var(--muted);font-size:12px}.library-progress{height:4px;background:rgba(255,255,255,.07);margin-top:14px;border-radius:9px}.library-progress i{height:100%;display:block;background:var(--green);border-radius:9px}.empty-state span{font-size:32px;color:var(--green)}.empty-state h3{color:var(--text);font:700 20px 'Manrope';margin:15px 0 7px}.empty-state p{margin:0}footer{border-top:1px solid var(--line);padding:34px max(28px,calc((100vw - 1184px)/2));display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.compact .brand-mark{width:30px;height:30px}dialog{color:var(--text);width:min(720px,calc(100vw - 28px));padding:0;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(8,22,17,.97);box-shadow:0 30px 120px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(1,7,5,.82);backdrop-filter:blur(10px)}#create-form,.job-panel{padding:36px;position:relative}dialog h2{font:700 32px 'Manrope';margin:0 0 8px;letter-spacing:-.03em}.dialog-description{color:var(--muted);margin:0 0 24px}.close{position:absolute;right:22px;top:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.05);font-size:25px;cursor:pointer}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-grid.single{grid-template-columns:1fr}.upload-zone{min-height:170px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;position:relative;overflow:hidden;background:rgba(255,255,255,.025)}.upload-zone:hover{border-color:var(--green)}.upload-zone input{position:absolute;opacity:0;inset:0;cursor:pointer}.upload-zone img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-zone.has-image img{display:block}.upload-zone.has-image strong,.upload-zone.has-image small,.upload-zone.has-image .upload-icon{display:none}.upload-icon{font-size:30px;color:var(--green)}.upload-zone small{color:var(--muted)}.prompt-field{display:block;margin:18px 0}.prompt-field span{display:block;font-weight:700;margin-bottom:8px}.prompt-field textarea{width:100%;resize:vertical;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;color:var(--text);padding:13px}.consent{display:flex;gap:12px;color:var(--muted);font-size:12px;line-height:1.45;margin:18px 0}.consent input{accent-color:var(--green);width:18px;height:18px;flex:0 0 auto}.estimate{display:grid;grid-template-columns:1fr auto;gap:7px;padding:15px 17px;border-radius:14px;background:rgba(255,255,255,.035);color:var(--muted);font-size:12px;margin-bottom:18px}.estimate strong{color:var(--text)}.full{width:100%}.form-error{color:var(--danger);font-size:12px;min-height:18px;margin-bottom:6px}.job-dialog{width:min(620px,calc(100vw - 28px));text-align:center}.job-panel{min-height:460px;display:grid;place-items:center}.loader-ring{width:150px;height:150px;margin:15px auto 28px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--p,5%),rgba(255,255,255,.07) 0);position:relative}.loader-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel)}.loader-ring span{position:relative;z-index:1;font:700 25px 'Manrope'}.progress-track{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin:24px auto;width:min(380px,90%)}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,var(--green),var(--mint));width:0}.job-note{color:var(--muted);font-size:12px}.job-result video,.job-result img{width:100%;max-height:390px;object-fit:contain;border-radius:18px;background:#020604;margin:16px 0}.job-result img{display:none}.result-actions{display:flex;justify-content:center;gap:10px}.hidden{display:none!important}.job-error>span{display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(255,114,114,.4);border-radius:50%;color:var(--danger);font-size:30px;margin:0 auto 20px}.job-error p{color:var(--muted);max-width:420px}.job-error .ghost{margin-top:15px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding:80px 0}.hero-visual{height:410px}.effects-grid,.library-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip span:nth-child(2){border-right:0}.trust-strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){.topbar{padding:0 18px;height:72px}.pilot{font-size:8px}main{padding:0 18px}.hero{padding-top:56px}.hero h1{font-size:48px}.lead{font-size:16px}.hero-visual{height:320px}.orb{width:210px;height:210px}.orb:before{width:270px;height:270px}.orb:after{width:315px;height:315px}.signal{display:none}.effects-grid,.library-grid{grid-template-columns:1fr}.effect-card{min-height:280px}.upload-grid{grid-template-columns:1fr}.trust-strip{margin-bottom:80px}#create-form,.job-panel{padding:28px 18px}.upload-zone{min-height:145px}footer{align-items:start;gap:20px;flex-direction:column}.section-heading h2{font-size:38px}}