@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f8f7fb;background:#070609;font-synthesis:none;--purple:#8d5cff;--lime:#b9ff4a;--aqua:#55ebcf;--pink:#ff4f9d;--panel:#111015;--panel2:#17151d;--line:rgba(255,255,255,.1);--muted:#918b9d;--text:#f8f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#070609}button,textarea{font:inherit}button,a{color:inherit}.cliptastic-app{min-height:100vh;background:radial-gradient(circle at 65% 0,rgba(95,53,160,.18),transparent 32%),#08070a;color:var(--text)}.creator-rail{position:fixed;z-index:40;inset:0 auto 0 0;width:276px;display:flex;flex-direction:column;background:#070609fa;border-right:1px solid var(--line)}.rail-brand{height:72px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--line)}.clip-logo{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#100b17;background:linear-gradient(135deg,var(--purple),var(--lime));box-shadow:0 0 34px #8d5cff38}.clip-logo svg{width:18px}.rail-brand>div:nth-child(2){display:flex;flex-direction:column}.rail-brand strong{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:.075em}.rail-brand span{font-size:7px;letter-spacing:.2em;color:#918b9d;margin-top:3px}.rail-brand>button{display:none;margin-left:auto;border:0;background:transparent}.create-new{height:54px;margin:17px 16px 10px;border:1px solid rgba(141,92,255,.5);border-radius:14px;background:linear-gradient(90deg,#8d5cff26,#b9ff4a09);font-weight:700;display:flex;align-items:center;gap:10px;padding:0 18px;cursor:pointer}.create-new svg{color:var(--purple)}.rail-scroll{overflow:auto;padding:2px 14px 22px;scrollbar-width:thin}.tool-group{margin-top:19px}.tool-group>span{display:block;margin:0 10px 8px;color:#665f70;font-size:9px;font-weight:700;letter-spacing:.18em}.tool-group>button{width:100%;height:40px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 11px;color:#9d97a6;cursor:pointer;text-align:left}.tool-group>button svg{width:18px}.tool-group>button b{font-size:13px;font-weight:500;flex:1}.tool-group>button em{font-size:7px;font-style:normal;font-weight:800;color:#0b0a0d;background:var(--aqua);padding:3px 5px;border-radius:5px}.tool-group>button.active{color:#fff;background:linear-gradient(90deg,#8d5cff38,#8d5cff0d);box-shadow:inset 3px 0 var(--purple)}.tool-group>button:hover{color:#fff;background:#ffffff0a}.rail-utility{padding-top:12px;border-top:1px solid var(--line)}.upgrade{margin:10px 16px 18px;height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,#8d5cff,#b254e7);font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.upgrade svg{width:17px}.topbar{position:fixed;z-index:30;left:276px;right:0;top:0;height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08070adb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar nav{display:flex;align-items:center;gap:34px}.topbar nav a{text-decoration:none;color:#aaa4b0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.topbar nav a:hover{color:#fff}.topbar nav svg{width:17px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions button{height:38px;border:1px solid var(--line);background:#131117;border-radius:19px;display:flex;align-items:center;gap:7px;padding:0 13px;cursor:pointer}.top-actions svg{width:16px}.language-trigger{font-size:12px}.theme-button{width:38px!important;padding:0!important;justify-content:center;color:#ffd469}.credits b{font-size:12px}.credits svg:first-child{color:var(--lime)}.credits svg:last-child{width:12px;color:#736c79}.profile{width:38px!important;padding:0!important;justify-content:center;font-size:11px;font-weight:800;background:#29242f!important}.mobile-menu{display:none;border:0;background:transparent}main{margin-left:276px;padding-top:72px}.hero{max-width:1500px;margin:0 auto;padding:66px 46px 36px}.hero>span,.language-eyebrow{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.17em}.hero>span svg{width:14px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,5.2vw,76px);letter-spacing:-.055em;line-height:.99;max-width:920px;margin:16px 0 18px}.hero p{font-size:16px;line-height:1.65;color:#a39da9;max-width:700px}.hero-pills{display:flex;gap:8px;margin-top:24px}.hero-pills i{font-style:normal;font-size:10px;letter-spacing:.05em;color:#bdb7c4;background:#ffffff0b;border:1px solid var(--line);border-radius:20px;padding:7px 11px}.generator{max-width:1500px;margin:0 auto;padding:0 46px 70px;display:grid;grid-template-columns:minmax(520px,1.03fr) minmax(430px,.97fr);gap:18px}.composer,.preview-panel{border:1px solid var(--line);border-radius:22px;background:#100e14e0}.composer{padding:20px}.mode-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:13px;background:#0b0a0d}.mode-tabs button{flex:1;height:42px;border:0;border-radius:9px;background:transparent;color:#8f8996;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer}.mode-tabs button.active{color:#fff;background:#211c2a;box-shadow:0 5px 18px #00000040}.mode-tabs svg{width:15px}.source-drop{width:100%;height:105px;border:1px dashed rgba(255,255,255,.17);border-radius:13px;background:#0e0c11;margin-top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.source-drop svg{width:21px;color:var(--purple)}.source-drop strong{font-size:12px}.source-drop span{font-size:9px;color:#746e7b}.source-drop.ready{border-style:solid;border-color:#55ebcf73}.source-drop.ready svg{color:var(--aqua)}.prompt-label{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 8px;font-size:11px;font-weight:700}.prompt-label em{font-size:7px;letter-spacing:.12em;font-style:normal;color:var(--pink);background:#ff4f9d1a;border-radius:4px;padding:4px 6px}.prompt-field{position:relative}.prompt-field textarea{width:100%;height:108px;resize:none;border:1px solid var(--line);border-radius:13px;background:#0b0a0d;color:#f5f2f7;outline:none;padding:15px 48px 15px 15px;font-size:12px;line-height:1.55}.prompt-field textarea:focus{border-color:#8d5cffb3}.prompt-field button{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border:0;border-radius:9px;color:var(--pink);background:#ff4f9d21;display:grid;place-items:center;cursor:pointer}.prompt-field svg{width:16px}.style-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 9px}.style-heading span{font-size:11px;font-weight:700}.style-heading small{font-size:8px;color:#6f6976}.style-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-strip>button{position:relative;height:76px;display:flex;align-items:center;gap:10px;text-align:left;padding:7px;border:1px solid var(--line);border-radius:12px;background:#0d0b10;overflow:hidden;cursor:pointer}.style-strip>button.active{border-color:var(--tone,#8d5cff);box-shadow:0 0 0 1px color-mix(in srgb,var(--tone,#8d5cff) 30%,transparent)}.style-strip>button>div{width:67px;height:60px;border-radius:8px;flex:none;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1)),var(--style-image) center/cover}.style-strip>button>span{display:flex;flex-direction:column;min-width:0}.style-strip b{font-size:11px}.style-strip small{font-size:8px;line-height:1.35;color:#827b88;margin-top:4px}.style-strip>button>svg{position:absolute;right:7px;top:7px;width:14px;color:var(--tone)}.lime{--tone:#b9ff4a}.aqua{--tone:#55ebcf}.purple{--tone:#a887ff}.amber{--tone:#ffba45}.pink{--tone:#ff4f9d}.blue{--tone:#57a8ff}.orange{--tone:#ff814a}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.controls label{border:1px solid var(--line);border-radius:12px;padding:10px;background:#0c0a0e}.controls label>span{display:flex;gap:6px;align-items:center;color:#8e8895;font-size:9px;margin-bottom:8px}.controls svg{width:13px}.controls label>div{display:flex;gap:4px}.controls button{flex:1;height:30px;border:0;border-radius:7px;background:transparent;color:#817a88;font-size:10px;cursor:pointer}.controls button.active{background:#2a2434;color:#fff}.quality-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#0b0a0d}.quality-row button{height:44px;border:0;border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.quality-row b{font-size:10px}.quality-row small{font-size:7px;color:#6f6875;margin-top:3px}.quality-row button.active{background:#241f2c}.quality-row button.active b{color:var(--lime)}.generate-row{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.generate-row>div{display:flex;flex-direction:column}.generate-row>div>span{font-size:7px;letter-spacing:.14em;color:#696270}.generate-row strong{font-size:15px;margin-top:4px}.generate-row strong small{font-weight:400;color:#77707e}.generate-row>button{height:47px;border:0;border-radius:12px;padding:0 18px;background:linear-gradient(90deg,var(--lime),#82f6a8);color:#11140a;font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 30px #b9ff4a1f}.generate-row>button:disabled{opacity:.45}.generate-row svg{width:15px}.plan-notice{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:10px;border-radius:9px;background:#55ebcf14;color:#9ddfce;font-size:9px;line-height:1.4}.plan-notice svg{width:13px;flex:none}.preview-panel{padding:14px;display:flex;flex-direction:column;gap:12px}.preview-art{position:relative;min-height:460px;border-radius:16px;overflow:hidden;background:linear-gradient(0deg,rgba(5,3,8,.82),transparent 65%),var(--preview-image) center/cover}.preview-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(141,92,255,.05),transparent 45%,rgba(185,255,74,.04))}.preview-top{position:absolute;z-index:2;top:14px;left:14px;right:14px;display:flex;justify-content:space-between}.preview-top span,.preview-top em{font-size:8px;font-style:normal;font-weight:800;letter-spacing:.12em;background:#0000008f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:7px 9px}.preview-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.preview-caption>span{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.13em}.preview-caption h2{font-family:Manrope,sans-serif;font-size:31px;line-height:1.05;max-width:420px;margin:7px 0}.preview-caption p{font-size:9px;color:#c4bdc9;max-width:390px}.route-card{border:1px solid var(--line);border-radius:14px;background:#0d0b10;padding:13px}.route-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--line)}.route-title>div{display:flex;gap:9px;align-items:center}.route-title svg{width:18px;color:var(--lime)}.route-title span{display:flex;flex-direction:column}.route-title b{font-size:10px}.route-title small{color:#766f7c;font-size:7px;margin-top:3px}.route-title>em{font-size:7px;font-style:normal;color:var(--lime);background:#b9ff4a14;padding:5px 7px;border-radius:5px}.route-item{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055)}.route-item:last-child{border-bottom:0}.route-item>i{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;font-size:7px;font-style:normal;color:var(--aqua);background:#55ebcf1a}.route-item>span{display:flex;flex:1;flex-direction:column}.route-item b{font-size:9px}.route-item small{color:#6c6672;font-size:7px}.route-item>em{font-size:6px;font-style:normal;color:#8fe7d3}.provider-note{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#8d5cff12;color:#9c95a5}.provider-note svg{width:18px;flex:none;color:#a887ff}.provider-note span{display:flex;flex-direction:column;font-size:8px;line-height:1.4}.provider-note b{font-size:10px;color:#ded9e3;margin-bottom:2px}.signature,.network{max-width:1500px;margin:0 auto;padding:68px 46px}.signature{border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-head>div>span{font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--purple)}.section-head h2{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-.03em;margin:7px 0 0}.section-head>p{max-width:370px;color:#89828f;font-size:12px;line-height:1.55}.signature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.signature-grid button{position:relative;height:325px;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0;background:#111015;text-align:left;cursor:pointer}.signature-grid button>div{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(5,4,7,.96),transparent 70%),var(--signature-image) center/cover;transition:transform .35s}.signature-grid button:hover>div{transform:scale(1.035)}.signature-grid button>span{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;display:flex;flex-direction:column}.signature-grid small{font-size:8px;color:var(--lime);font-weight:800;letter-spacing:.1em}.signature-grid b{font-size:15px;line-height:1.18;margin:7px 0 11px}.signature-grid em{display:flex;align-items:center;gap:5px;font-size:7px;font-style:normal;letter-spacing:.1em;color:#a9a2af}.signature-grid em svg{width:12px}.network{padding-top:45px}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.network-grid a{height:92px;border:1px solid var(--line);border-radius:14px;background:#111015;display:flex;align-items:center;gap:13px;padding:15px;text-decoration:none;transition:.2s}.network-grid a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--network-color) 55%,transparent)}.network-grid a>i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--network-color) 13%,transparent);color:var(--network-color)}.network-grid a>i svg{width:18px}.network-grid a>span{display:flex;flex:1;flex-direction:column}.network-grid small{font-size:7px;letter-spacing:.12em;color:var(--network-color);font-weight:800}.network-grid b{font-size:13px;margin-top:5px}.network-grid a>svg{width:15px;color:#625b68}footer{max-width:1500px;margin:0 auto 30px;padding:28px 46px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr auto;gap:40px;align-items:center;color:#6f6875}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand .clip-logo{width:33px;height:33px;border-radius:9px}.footer-brand span{display:flex;flex-direction:column}.footer-brand b{color:#fff;font-size:11px;letter-spacing:.1em}.footer-brand small{font-size:8px;margin-top:3px}footer p{font-size:8px;line-height:1.5}footer>span{font-size:8px}.language-overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#040306d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.language-overlay>section{position:relative;width:min(850px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(141,92,255,.35);border-radius:22px;background:#121016;padding:30px}.close-language{position:absolute;right:20px;top:20px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#1b1820;display:grid;place-items:center}.close-language svg{width:15px}.language-overlay h2{font-family:Manrope,sans-serif;font-size:37px;line-height:1.02;margin:13px 0}.language-overlay h2 em{font-style:normal;color:#918a9d}.language-overlay>section>p{color:#938d9a;font-size:12px;max-width:600px;line-height:1.55}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}.language-grid button{height:57px;border:1px solid var(--line);border-radius:10px;background:#0d0b10;display:flex;align-items:center;gap:10px;padding:8px;text-align:left}.language-grid button>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#1a1720;color:#817a89;font-style:normal;font-size:9px}.language-grid button>span{display:flex;flex:1;flex-direction:column}.language-grid b{font-size:10px}.language-grid small{font-size:8px;color:#746d7a;margin-top:2px}.language-grid button>svg{width:14px;color:var(--lime)}.language-grid button.active{border-color:#b9ff4a73}.translator-seam{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:#0c0a0f;padding:13px;display:flex;align-items:center;gap:10px}.translator-seam>svg{color:var(--purple)}.translator-seam span{display:flex;flex:1;flex-direction:column}.translator-seam b{font-size:11px}.translator-seam small{font-size:8px;color:#756e7c;margin-top:2px}.translator-seam button{height:34px;border:1px solid rgba(141,92,255,.35);border-radius:9px;background:#8d5cff1f;font-size:9px;font-weight:700}.cliptastic-app.light{--text:#18141d;--panel:#fff;--panel2:#f7f4fa;--line:rgba(28,20,35,.12);--muted:#6e6573;background:radial-gradient(circle at 64% 0,rgba(142,91,255,.11),transparent 36%),#f6f3f8}.light .creator-rail,.light .topbar{background:#ffffffed}.light .creator-rail{color:#1a161f}.light .topbar nav a{color:#625968}.light .top-actions button,.light .composer,.light .preview-panel,.light .signature-grid button,.light .network-grid a{background:#fff}.light .mode-tabs,.light .source-drop,.light .prompt-field textarea,.light .style-strip>button,.light .controls label,.light .quality-row,.light .route-card,.light .language-overlay>section,.light .language-grid button,.light .translator-seam{background:#f7f4f9;color:#1c1721}.light .prompt-field textarea{color:#211b25}.light .preview-art{color:#fff}.light .footer-brand b{color:#1a161f}.light .language-overlay{background:#f0ecf4db}@media(max-width:1180px){.generator{grid-template-columns:1fr}.preview-art{min-height:520px}.signature-grid{grid-template-columns:repeat(3,1fr)}.signature-grid button{height:290px}.topbar nav{gap:18px}.network-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.creator-rail{transform:translate(-100%);transition:transform .25s}.creator-rail.open{transform:translate(0);box-shadow:30px 0 90px #00000080}.rail-brand>button{display:block}.topbar{left:0;padding:0 16px}.mobile-menu{display:grid;place-items:center}.topbar nav{display:none}main{margin-left:0}.hero,.generator,.signature,.network{padding-left:18px;padding-right:18px}.generator{grid-template-columns:1fr}.top-actions .language-trigger{font-size:0}.top-actions .language-trigger svg{margin:0}.hero h1{font-size:44px}.style-strip{grid-template-columns:1fr}.signature-grid{grid-template-columns:repeat(2,1fr)}.network-grid{grid-template-columns:1fr}footer{margin:0 18px 20px;padding:24px 0;grid-template-columns:1fr}.language-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.top-actions .credits,.top-actions .profile{display:none}.hero{padding-top:44px}.hero h1{font-size:37px}.hero-pills{flex-wrap:wrap}.generator{padding-bottom:44px}.composer{padding:13px}.mode-tabs button{font-size:0}.mode-tabs button svg{width:18px}.controls{grid-template-columns:1fr}.generate-row{align-items:stretch;flex-direction:column}.generate-row>button{justify-content:center}.preview-art{min-height:410px}.preview-caption h2{font-size:25px}.signature-grid{grid-template-columns:1fr}.signature-grid button{height:330px}.section-head{align-items:flex-start;flex-direction:column}.language-grid{grid-template-columns:1fr}.translator-seam{align-items:flex-start;flex-wrap:wrap}}.generator{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}.composer,.preview-panel{min-width:0}@media(max-width:1180px){.generator{grid-template-columns:1fr}}@media(max-width:850px){.generator{grid-template-columns:1fr}}.network-grid a{position:relative;height:270px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;isolation:isolate;overflow:hidden;background:#111015}.network-art{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:var(--network-image) center / cover no-repeat;transition:transform .45s ease}.network-grid a:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07060914 8%,#0706098c 48%,#070609fa 86%)}.network-grid a:hover .network-art{transform:scale(1.045)}.share-preview-label{position:absolute;top:14px;right:14px;padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#07060994;color:#ffffffe6;font-size:6px;font-weight:800;letter-spacing:.14em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.network-brand{display:flex;align-items:center;gap:11px;margin:auto 17px 0}.network-brand>i{width:44px;height:44px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#fffffff0;box-shadow:0 8px 30px #00000047}.network-brand img{width:100%;height:100%;object-fit:cover}.network-brand>span{display:flex;flex:1;flex-direction:column}.network-brand small{color:var(--network-color)}.network-brand b{margin-top:4px;color:#fff;font-size:16px}.network-brand>svg{width:17px;color:#fff}.network-grid a>p{min-height:37px;margin:11px 17px 0;color:#ffffffb8;font-size:10px;line-height:1.45}.network-grid a>em{display:flex;align-items:center;gap:5px;margin:10px 17px 16px;color:#fff;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.13em}.network-grid a>em svg{width:12px;color:var(--network-color)}.light .network-grid a{background:#111015}@media(max-width:1180px){.network-grid a{height:285px}}.share-card-canvas{position:relative;width:1200px;height:630px;min-height:630px;margin:0;overflow:hidden;color:#fff;background:linear-gradient(90deg,#08070b,#0b0811 46%,#08070b2e 76%),var(--share-hero) right center / 62% auto no-repeat,#08070b;font-family:DM Sans,sans-serif}.share-card-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,rgba(5,4,7,.78));pointer-events:none}.share-card-glow{position:absolute;width:560px;height:560px;left:180px;top:-330px;border-radius:50%;background:#8d5cff45;filter:blur(100px)}.share-card-canvas>header{position:absolute;z-index:2;left:64px;top:48px;display:flex;align-items:center;gap:14px}.share-card-canvas>header .clip-logo{width:54px;height:54px;border-radius:15px}.share-card-canvas>header span{display:flex;flex-direction:column}.share-card-canvas>header b{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:.1em}.share-card-canvas>header small{margin-top:4px;color:#9d96a6;font-size:8px;letter-spacing:.22em}.share-card-canvas>section{position:absolute;z-index:2;left:64px;top:170px;width:700px}.share-kicker{display:flex;align-items:center;gap:9px;color:#b9ff4a;font-size:11px;font-weight:800;letter-spacing:.14em}.share-kicker svg{width:16px}.share-card-canvas h1{margin:16px 0 15px;max-width:700px;font-family:Manrope,sans-serif;font-size:63px;line-height:.98;letter-spacing:-.055em}.share-card-canvas section>p{max-width:600px;color:#b7b0bd;font-size:17px;line-height:1.45}.share-card-canvas section>div{display:flex;gap:8px;margin-top:22px}.share-card-canvas section i{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#0b090ea8;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-card-canvas>aside{position:absolute;z-index:2;right:43px;top:52px;width:270px;padding:17px;border:1px solid rgba(185,255,74,.25);border-radius:14px;background:#08070b9e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.share-card-canvas>aside span{display:block;color:#b9ff4a;font-size:8px;font-weight:800;letter-spacing:.13em}.share-card-canvas>aside b{display:block;margin-top:7px;font-family:Manrope,sans-serif;font-size:16px;line-height:1.15}.share-card-canvas>aside small{display:block;margin-top:8px;color:#a9a2af;font-size:8px}.share-card-canvas>footer{position:absolute;z-index:3;left:64px;right:64px;bottom:31px;display:flex;align-items:center;gap:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14)}.share-card-canvas>footer b{color:#b9ff4a;font-size:10px;letter-spacing:.13em}.share-card-canvas>footer span{color:#a9a2af;font-size:10px}.share-card-canvas>footer em{margin-left:auto;color:#fff;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.12em}.top-share{border:0;background:transparent;color:#aaa4b0;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.top-share:hover{color:#fff}.top-share svg{width:17px}.share-overlay{position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#040306d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.share-studio{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;padding:28px;border:1px solid rgba(141,92,255,.38);border-radius:22px;background:#121016;box-shadow:0 30px 100px #00000080}.close-share{position:absolute;right:18px;top:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#1b1820}.close-share svg{width:15px}.share-studio-kicker{display:flex;align-items:center;gap:7px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.15em}.share-studio-kicker svg{width:14px}.share-studio h2{margin:12px 0 8px;font-family:Manrope,sans-serif;font-size:38px;line-height:1;letter-spacing:-.04em}.share-studio h2 em{color:#918a9d;font-style:normal}.share-studio>p{margin:0 0 17px;color:#918a9d;font-size:11px}.share-studio-preview{display:block;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px}.native-share{width:100%;min-height:48px;margin-top:13px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--lime),#82f6a8);color:#11140a;font-size:11px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.native-share svg{width:16px}.share-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.share-destinations button,.share-destinations a{min-height:58px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#0d0b10;color:#e8e4eb;display:flex;align-items:center;gap:9px;text-align:left;text-decoration:none;cursor:pointer}.share-destinations svg{width:17px;color:#a887ff}.share-destinations span{display:flex;flex-direction:column}.share-destinations b{font-size:10px}.share-destinations small{margin-top:2px;color:#716a78;font-size:7px}.share-footer{display:flex;justify-content:space-between;gap:20px;margin-top:13px;color:#746d7a;font-size:8px}.share-footer a{color:var(--aqua)}.light .share-studio{background:#fff;color:#1b1720}.light .share-destinations button,.light .share-destinations a{background:#f7f4f9;color:#211b25}@media(max-width:620px){.share-studio{padding:20px}.share-destinations{grid-template-columns:repeat(2,1fr)}.share-footer{flex-direction:column}.native-share{padding:10px}.share-studio h2{font-size:32px}}.growth-footer{max-width:1500px;margin:0 auto;padding:46px 46px 28px;border-top:1px solid var(--line)}.growth-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}.growth-heading>div>span{font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--lime)}.growth-heading h2{margin:7px 0 0;font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-.035em}.growth-heading>p{max-width:390px;color:#89828f;font-size:11px;line-height:1.55}.growth-ribbon{scrollbar-color:rgba(141,92,255,.5) rgba(255,255,255,.05)}.growth-ribbon::-webkit-scrollbar{height:5px}.growth-ribbon::-webkit-scrollbar-track{border-radius:8px;background:#ffffff0d}.growth-ribbon::-webkit-scrollbar-thumb{border-radius:8px;background:linear-gradient(90deg,var(--purple),var(--aqua))}.growth-ribbon{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 13px;scroll-snap-type:x proximity;scrollbar-width:thin}.growth-ribbon>a{position:relative;min-width:245px;height:132px;display:grid;grid-template-columns:78px 1fr 18px;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--ribbon-color) 10%,#111015),#0c0b0e);text-decoration:none;scroll-snap-align:start;transition:.22s}.growth-ribbon>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ribbon-color) 55%,transparent);box-shadow:0 15px 42px #00000038}.ribbon-thumb{width:78px;height:108px;border-radius:10px;background:linear-gradient(180deg,transparent,rgba(6,5,8,.3)),var(--ribbon-image) center/cover;box-shadow:inset 0 0 0 1px #ffffff1c}.growth-ribbon>a>span{min-width:0;display:flex;flex-direction:column}.growth-ribbon small{color:var(--ribbon-color);font-size:6px;font-weight:900;letter-spacing:.12em}.growth-ribbon b{margin-top:6px;color:#fff;font-size:12px;line-height:1.15}.growth-ribbon em{margin-top:7px;color:#8d8793;font-size:7px;font-style:normal;line-height:1.4}.growth-ribbon>a>svg{width:14px;color:var(--ribbon-color)}.ribbon-powered{display:flex;align-items:center;gap:9px;margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}.ribbon-powered>svg{width:17px;color:var(--purple)}.ribbon-powered>span{display:flex;flex:1;flex-direction:column}.ribbon-powered b{font-size:8px;letter-spacing:.13em}.ribbon-powered small{margin-top:3px;color:#746e7b;font-size:7px}.ribbon-powered>a{display:flex;align-items:center;gap:5px;color:var(--aqua);font-size:8px;text-decoration:none}.ribbon-powered>a svg{width:12px}.light .growth-ribbon>a{background:#17141b}.light .ribbon-powered{background:#fff}.light .ribbon-powered b{color:#1d1821}@media(max-width:850px){.growth-footer{padding:42px 18px 25px}.growth-heading{align-items:flex-start;flex-direction:column}.growth-ribbon>a{min-width:225px}.ribbon-powered{align-items:flex-start;flex-wrap:wrap}.ribbon-powered>a{width:100%;margin-top:4px}}.viral-blueprint{max-width:1500px;margin:0 auto;padding:32px 46px 70px;display:grid;grid-template-columns:.75fr 1.15fr .9fr;gap:12px}.blueprint-intro,.blueprint-builder,.blueprint-output{border:1px solid var(--line);border-radius:18px;background:var(--panel)}.blueprint-intro{padding:27px;background:radial-gradient(circle at 0 0,rgba(141,92,255,.2),transparent 45%),var(--panel)}.blueprint-intro>span{display:flex;align-items:center;gap:8px;color:var(--lime);font-size:9px;font-weight:900;letter-spacing:.14em}.blueprint-intro>span svg{width:15px}.blueprint-intro h2{margin:18px 0 13px;font-family:Manrope,sans-serif;font-size:32px;line-height:1.02;letter-spacing:-.045em}.blueprint-intro>p{color:var(--muted);font-size:11px;line-height:1.6}.blueprint-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:23px}.blueprint-principles i{padding:10px;border:1px solid var(--line);border-radius:10px;color:#a39ca8;font-size:8px;font-style:normal}.blueprint-principles b{display:block;margin-bottom:3px;color:var(--aqua);font-family:Manrope,sans-serif;font-size:17px}.blueprint-builder{padding:20px}.builder-step{display:flex;align-items:center;gap:9px;margin:4px 0 12px}.builder-step>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#8d5cff26;color:var(--purple);font-size:8px;font-weight:900}.builder-step>div{display:flex;flex:1;flex-direction:column}.builder-step b{font-size:11px}.builder-step small{margin-top:2px;color:#736c78;font-size:7px}.builder-step>svg{width:16px;color:#625b68}.blueprint-builder>label{display:flex;flex-direction:column;gap:6px;margin-bottom:11px}.blueprint-builder>label>span{font-size:8px;font-weight:800;color:#aaa3af}.blueprint-builder input,.blueprint-builder textarea{width:100%;border:1px solid var(--line);border-radius:9px;outline:0;background:#0c0b0e;color:#f5f2f7;padding:10px;font-size:10px}.blueprint-builder textarea{min-height:64px;resize:vertical}.blueprint-builder input:focus,.blueprint-builder textarea:focus{border-color:#8d5cff9e}.research-rule{display:flex;gap:9px;margin:0 0 19px;padding:10px;border:1px solid rgba(85,235,207,.2);border-radius:10px;background:#55ebcf0b}.research-rule>svg{width:16px;color:var(--aqua)}.research-rule>span{display:flex;flex-direction:column}.research-rule b{font-size:9px}.research-rule small{margin-top:3px;color:#7f7884;font-size:7px;line-height:1.45}.hook-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.hook-stack label{min-height:108px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#0d0c10}.hook-stack small{display:block;color:var(--pink);font-size:6px;font-weight:900;letter-spacing:.1em}.hook-stack b{display:block;margin-top:8px;font-size:9px}.hook-stack em{display:block;margin-top:5px;color:#726b77;font-size:7px;font-style:normal;line-height:1.4}.hook-stack textarea{min-height:76px;margin-top:6px;padding:7px;font-size:8px}.keyword-field{max-width:180px}.build-blueprint{width:100%;min-height:45px;border:0;border-radius:10px;background:linear-gradient(90deg,var(--lime),#75efaa);color:#0b1008;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;cursor:pointer}.build-blueprint:disabled{opacity:.45}.build-blueprint svg{width:15px}.blueprint-output{position:relative;overflow:hidden;padding:22px}.blueprint-output:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--purple),var(--pink),var(--aqua));transform:scaleX(0);transform-origin:left;transition:.35s}.blueprint-output.ready:before{transform:scaleX(1)}.blueprint-output>span{color:var(--aqua);font-size:7px;font-weight:900;letter-spacing:.14em}.blueprint-output h3{margin:8px 0 16px;font-family:Manrope,sans-serif;font-size:21px}.output-block{margin-top:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#0d0c10}.output-block small{color:#716a76;font-size:6px;font-weight:900;letter-spacing:.1em}.output-block p{margin:6px 0 0;font-size:9px;line-height:1.45}.output-block.cta{border-color:#b9ff4a38;background:#b9ff4a0b}.output-block.cta b{color:var(--lime)}.content-mix{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px}.content-mix>span{padding:10px;border:1px solid var(--line);border-radius:9px}.content-mix b{display:block;color:var(--purple);font-size:18px}.content-mix small{color:#766f7b;font-size:7px}.blueprint-output ol{padding-left:18px;color:#918a96;font-size:8px;line-height:1.7}.originality-check{display:flex;gap:8px;margin-top:10px;padding:10px;border:1px solid rgba(255,79,157,.2);border-radius:10px;background:#ff4f9d0a}.originality-check>svg{width:15px;color:var(--pink)}.originality-check>span{display:flex;flex-direction:column}.originality-check b{font-size:8px}.originality-check small{margin-top:3px;color:#756e7a;font-size:7px;line-height:1.4}.light .blueprint-builder input,.light .blueprint-builder textarea,.light .hook-stack label,.light .output-block{background:#f7f4f9;color:#211b25}@media(max-width:1180px){.viral-blueprint{grid-template-columns:1fr 1.5fr}.blueprint-output{grid-column:1/-1}.hook-stack{grid-template-columns:1fr}}@media(max-width:850px){.viral-blueprint{padding:20px 18px 50px;grid-template-columns:1fr}.blueprint-output{grid-column:auto}.blueprint-intro h2{font-size:29px}}.retention-lab{max-width:1500px;margin:0 auto;padding:0 46px 70px;display:grid;grid-template-columns:.76fr 1.12fr .92fr;gap:12px}.retention-heading,.retention-controls,.retention-output{border:1px solid var(--line);border-radius:18px;background:var(--panel)}.retention-heading{padding:27px;background:radial-gradient(circle at 0 0,rgba(85,235,207,.17),transparent 47%),var(--panel)}.retention-heading>span{display:flex;align-items:center;gap:8px;color:var(--aqua);font-size:9px;font-weight:900;letter-spacing:.14em}.retention-heading>span svg{width:15px}.retention-heading h2{margin:18px 0 13px;font-family:Manrope,sans-serif;font-size:32px;line-height:1.02;letter-spacing:-.045em}.retention-heading>p{color:var(--muted);font-size:11px;line-height:1.6}.quality-levers{display:grid;gap:7px;margin-top:22px}.quality-levers i{display:grid;grid-template-columns:25px 1fr;column-gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;font-style:normal}.quality-levers svg{grid-row:1/3;width:16px;color:var(--lime)}.quality-levers b{font-size:9px}.quality-levers small{margin-top:2px;color:#746e79;font-size:7px;line-height:1.35}.retention-controls{padding:20px}.retention-step{display:flex;align-items:center;gap:9px;margin:4px 0 12px}.retention-step>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#55ebcf1f;color:var(--aqua);font-size:8px;font-weight:900}.retention-step>div{display:flex;flex-direction:column}.retention-step b{font-size:11px}.retention-step small{margin-top:2px;color:#736c78;font-size:7px}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:21px}.signal-grid label{padding:10px;border:1px solid var(--line);border-radius:10px;background:#0d0c10}.signal-grid span{display:block;color:#817a86;font-size:7px;font-weight:800}.signal-grid strong{display:block;margin:5px 0;color:var(--lime);font-family:Manrope,sans-serif;font-size:19px}.signal-grid input{width:100%;accent-color:var(--aqua)}.payoff-field{display:flex;flex-direction:column;gap:6px}.payoff-field>span{font-size:8px;font-weight:800;color:#aaa3af}.payoff-field textarea{min-height:66px;padding:10px;border:1px solid var(--line);border-radius:9px;outline:0;resize:vertical;background:#0c0b0e;color:#f5f2f7;font-size:10px}.payoff-field textarea:focus{border-color:#55ebcf99}.loop-toggle{width:100%;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0d0c10;color:inherit;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.loop-toggle>svg{width:17px;color:#716a76}.loop-toggle>span{display:flex;flex:1;flex-direction:column}.loop-toggle b{font-size:9px}.loop-toggle small{margin-top:2px;color:#706a75;font-size:7px}.loop-toggle em{padding:4px 7px;border-radius:6px;background:#252127;color:#7b747f;font-size:7px;font-style:normal;font-weight:900}.loop-toggle.active{border-color:#55ebcf45;background:#55ebcf0a}.loop-toggle.active>svg,.loop-toggle.active em{color:var(--aqua)}.build-retention{width:100%;min-height:45px;border:0;border-radius:10px;background:linear-gradient(90deg,var(--aqua),#7ceca7);color:#07110d;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;cursor:pointer}.build-retention:disabled{opacity:.45}.build-retention svg{width:15px}.retention-output{position:relative;overflow:hidden;padding:22px}.retention-output:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--aqua),var(--lime),var(--purple));transform:scaleX(0);transform-origin:left;transition:.35s}.retention-output.ready:before{transform:scaleX(1)}.retention-output>span{color:var(--lime);font-size:7px;font-weight:900;letter-spacing:.14em}.retention-score{margin:9px 0 12px;display:flex;flex-direction:column}.retention-score b{font-family:Manrope,sans-serif;font-size:19px}.retention-score small{margin-top:3px;color:#77707c;font-size:7px}.script-arc{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.script-arc i{min-height:61px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#0d0c10;font-style:normal}.script-arc b{display:block;color:var(--aqua);font-size:8px}.script-arc small{display:block;margin-top:4px;color:#756f7a;font-size:6px;line-height:1.35}.script-arc .rehook{border-color:#ff4f9d42;background:#ff4f9d0a}.script-arc .rehook b{color:var(--pink)}.retention-output ol{padding-left:18px;color:#918a96;font-size:8px;line-height:1.65}.retention-output li+li{margin-top:5px}.retention-guardrail{display:flex;gap:8px;margin-top:11px;padding:10px;border:1px solid rgba(185,255,74,.2);border-radius:10px;background:#b9ff4a09}.retention-guardrail>svg{width:15px;color:var(--lime)}.retention-guardrail>span{display:flex;flex-direction:column}.retention-guardrail b{font-size:8px}.retention-guardrail small{margin-top:3px;color:#756e7a;font-size:7px;line-height:1.4}.light .signal-grid label,.light .payoff-field textarea,.light .loop-toggle,.light .script-arc i{background:#f7f4f9;color:#211b25}@media(max-width:1180px){.retention-lab{grid-template-columns:1fr 1.5fr}.retention-output{grid-column:1/-1}}@media(max-width:850px){.retention-lab{padding:0 18px 50px;grid-template-columns:1fr}.retention-output{grid-column:auto}.retention-heading h2{font-size:29px}.signal-grid,.script-arc{grid-template-columns:1fr 1fr}}