:root{--ink:#171522;--muted:#716b7d;--paper:#fbfaf7;--white:#fff;--lav:#8e80f5;--mint:#63dcc1;--pink:#f39ac9;--sun:#ffd95b;--line:#e8e4ed;--shadow:0 24px 70px rgba(39,30,68,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.nav{position:sticky;top:0;z-index:50;height:76px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:28px;background:rgba(251,250,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,228,237,.8)}.brand{display:flex;align-items:center;gap:10px;font-size:22px}.brand b{letter-spacing:-.04em}.logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--lav),var(--mint));color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(142,128,245,.28)}.nav nav{display:flex;gap:26px;margin:auto}.nav nav a{font-size:14px;color:var(--muted);font-weight:700}.nav-actions{display:flex;align-items:center;gap:10px}.lang,.menu{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;font-weight:800;cursor:pointer}.menu{display:none}.login{font-weight:800;font-size:14px}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;padding:15px 21px;font-weight:900;border:0}.cta{background:var(--ink);color:#fff;box-shadow:0 13px 30px rgba(23,21,34,.18)}.cta.small{padding:11px 15px;font-size:13px}.ghost{border:1px solid var(--line);background:#fff}.hero{max-width:1360px;margin:auto;min-height:720px;padding:72px 36px 58px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px}.hero h1{font-size:clamp(52px,6.3vw,92px);line-height:.95;letter-spacing:-.065em;margin:14px 0 24px}.hero h1 em,.studio h2 em{font-style:normal;background:linear-gradient(110deg,#5e4fe5,#b54b96,#e3a300);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:950;color:#665bd3}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.trust{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:13px;font-weight:700}.hero-stage{position:relative;min-height:570px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:430px;height:430px;background:radial-gradient(circle at 35% 30%,#fff 0,#e5ddff 35%,#bdf3e5 75%);animation:float 7s ease-in-out infinite}.orb-b{width:240px;height:240px;right:0;bottom:20px;background:linear-gradient(135deg,#ffd970,#f4a7ce);opacity:.6;animation:float 9s ease-in-out infinite reverse}.composer{position:relative;z-index:3;width:min(510px,92%);padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,255,255,.82);backdrop-filter:blur(22px);box-shadow:var(--shadow);transform:rotate(-2deg)}.composer-top{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px}.composer-top span{width:8px;height:8px;border-radius:50%;background:#d7d2df}.composer-top b{margin-left:8px}.prompt-chip{display:inline-flex;margin:27px 0 10px;padding:7px 10px;border-radius:999px;background:#f0ecff;color:#665bd3;font-size:12px;font-weight:900}.composer h3{font-size:28px;margin:0 0 8px}.composer p{font-size:16px;line-height:1.55;color:var(--muted);margin:0}.composer-actions{display:flex;align-items:center;gap:8px;margin-top:24px}.composer-actions span{padding:7px 9px;background:#f5f2f7;border-radius:9px;font-size:12px;font-weight:800}.composer-actions button{margin-left:auto;border:0;border-radius:12px;background:var(--ink);color:#fff;padding:11px 14px;font-weight:900}.output-card{margin-top:18px;border-radius:20px;padding:17px;background:linear-gradient(135deg,#171522,#302858);color:#fff;display:flex;align-items:center;justify-content:space-between}.output-card small{display:block;color:#bdb7d3}.output-card strong{font-size:30px}.spark{display:flex;align-items:end;gap:5px;height:44px}.spark i{width:7px;border-radius:6px;background:linear-gradient(#70e1c4,#a18ef7);animation:spark 1.8s ease-in-out infinite}.spark i:nth-child(1){height:22%}.spark i:nth-child(2){height:45%;animation-delay:.1s}.spark i:nth-child(3){height:70%;animation-delay:.2s}.spark i:nth-child(4){height:95%;animation-delay:.3s}.spark i:nth-child(5){height:62%;animation-delay:.4s}.spark i:nth-child(6){height:82%;animation-delay:.5s}.float-card{position:absolute;z-index:5;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 17px;box-shadow:0 16px 45px rgba(39,30,68,.13)}.float-card small,.float-card span{display:block;color:var(--muted);font-size:11px}.float-card b{font-size:24px}.fc1{left:0;top:100px}.fc2{right:0;bottom:55px}.proof{max-width:1180px;margin:0 auto 40px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.proof article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.proof b{display:block;font-size:24px}.proof span{color:var(--muted);font-size:13px}.section-center{text-align:center;max-width:760px;margin:0 auto 36px}.section-center h2,.section-copy h2{font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:12px 0}.section-center p,.section-copy p{color:var(--muted);font-size:17px}.pricing,.studio,.how,.feature-wall{max-width:1280px;margin:auto;padding:86px 28px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plans article{position:relative;padding:30px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 16px 45px rgba(39,30,68,.06);transition:.25s}.plans article:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.plans .popular{background:linear-gradient(180deg,#211b39,#171522);color:#fff;transform:translateY(-10px);border-color:#2f2750}.plans .popular>i{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--sun);color:#171522;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:950;font-style:normal}.plan-head{display:flex;justify-content:space-between;align-items:center}.plan-head>span{font-weight:950;letter-spacing:.09em;font-size:12px}.plan-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f1edff;color:#665bd3}.plans h3{font-size:46px;margin:24px 0 10px}.plans h3 small{font-size:14px;color:var(--muted)}.plans p,.plans li{color:var(--muted);line-height:1.55}.plans .popular p,.plans .popular li,.plans .popular h3 small{color:#c9c3d7}.plans ul{list-style:none;padding:0;margin:24px 0}.plans li{padding:10px 0;border-bottom:1px solid var(--line)}.plans .popular li{border-color:#393151}.plans li:before{content:'✓';margin-right:10px;color:#49c9a8;font-weight:900}.plans a{display:flex;justify-content:center;padding:14px;border-radius:14px;background:#f1edff;color:#5145c8;font-weight:950}.plans .popular a{background:#fff;color:#171522}.studio{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.feature-pills span{padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:850}.dashboard-shell{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.dash-nav{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}.dash-nav small{margin-left:auto;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:#63dcc1;box-shadow:0 0 0 6px #e5faf5}.dash-main{padding:24px}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head small{color:var(--muted)}.dash-head h3{font-size:27px;margin:3px 0}.dash-head button{border:0;background:var(--ink);color:#fff;border-radius:11px;padding:11px 13px;font-weight:850}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stats article{background:#f7f5f9;border-radius:17px;padding:17px}.stats small,.stats em{display:block;color:var(--muted);font-size:11px}.stats strong{font-size:27px}.pipeline-card{padding:20px;border:1px solid var(--line);border-radius:20px}.pipeline-title{display:flex;justify-content:space-between}.pipeline-title span{font-size:12px;color:#258d77;font-weight:900}.track{position:relative;display:flex;justify-content:space-between;margin-top:30px}.track:before,.progress{content:'';position:absolute;top:15px;left:3%;right:3%;height:4px;border-radius:5px}.track:before{background:#e8e4ed}.progress{background:linear-gradient(90deg,var(--lav),var(--mint));transform-origin:left;animation:complete 2.4s ease-out both}.node{position:relative;z-index:2;text-align:center}.node i{display:grid;place-items:center;width:32px;height:32px;margin:auto;border-radius:50%;background:#65d7bd;color:#fff;font-style:normal;font-weight:900}.node b{display:block;font-size:11px;margin-top:7px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:22px}.steps i{font-style:normal;color:#665bd3;font-weight:950}.steps p{color:var(--muted);line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{min-height:220px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:24px}.feature-grid .big{grid-row:span 2;background:linear-gradient(150deg,#e8e2ff,#d7f8ef)}.feature-grid .wide{grid-column:span 2;background:linear-gradient(135deg,#fff2bd,#ffe4f2)}.feature-grid span{font-size:12px;color:#665bd3;font-weight:950}.feature-grid h3{font-size:25px;margin:22px 0 8px}.feature-grid p{color:var(--muted);line-height:1.6}.final{max-width:1220px;margin:60px auto 70px;padding:70px 28px}.final>div{position:relative;overflow:hidden;border-radius:34px;padding:70px;background:linear-gradient(125deg,#171522,#3a2c65);color:#fff;text-align:center}.final>div:before,.final>div:after{content:'';position:absolute;border-radius:50%;filter:blur(5px)}.final>div:before{width:250px;height:250px;background:#8e80f5;left:-100px;top:-100px}.final>div:after{width:260px;height:260px;background:#63dcc1;right:-120px;bottom:-130px}.final h2{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.05em;margin:15px 0}.final p{color:#d1ccdf}.final .cta{background:#fff;color:#171522;position:relative;z-index:2}footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:45px 28px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}footer div{display:flex;flex-direction:column;gap:10px}footer b{font-size:13px}footer a,footer p{color:var(--muted);font-size:13px}.footer-brand p{max-width:260px}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.docs-page,.legal{max-width:1180px;margin:auto;padding:110px 24px 80px}.docs-page>.section-center,.legal>.legal-hero{text-align:left;margin:0 0 30px;max-width:820px}.docs-page h1,.legal h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.055em;line-height:.98;margin:14px 0}.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.docs-card,.legal article,.contact-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:27px;box-shadow:0 14px 40px rgba(39,30,68,.06)}.docs-card p,.legal article p{color:var(--muted);line-height:1.7}.legal-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px}.legal-side{position:sticky;top:100px;height:max-content;padding:22px;border-radius:22px;background:linear-gradient(145deg,#e8e2ff,#d8f7ee)}.legal-side h3{font-size:24px}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink)}.form-note{padding:12px;border-radius:12px;background:#f1edff;color:#574bc4;font-size:13px}.contact-form button{cursor:pointer}@keyframes float{50%{transform:translateY(-18px) scale(1.02)}}@keyframes spark{50%{transform:scaleY(.6)}}@keyframes complete{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:980px){.menu{display:block}.nav nav{position:absolute;left:16px;right:16px;top:82px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:none;flex-direction:column;box-shadow:var(--shadow)}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:52px}.hero-stage{min-height:520px}.studio{grid-template-columns:1fr}.proof{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr}.plans .popular{transform:none}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid .big{grid-row:auto}.legal-layout{grid-template-columns:1fr}.legal-side{position:static}footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.nav{height:68px;padding:0 14px;gap:9px}.nav-actions{gap:6px}.login{display:none}.cta.small{padding:10px 11px;font-size:11px}.hero{padding:42px 18px 38px;min-height:auto}.hero h1{font-size:49px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stage{min-height:470px}.composer{width:100%;padding:17px;transform:none}.composer h3{font-size:23px}.composer-actions{flex-wrap:wrap}.composer-actions button{width:100%;margin-left:0}.fc1{left:-8px;top:35px}.fc2{right:-8px;bottom:20px}.proof{padding:0 18px 28px;grid-template-columns:1fr 1fr}.pricing,.studio,.how,.feature-wall{padding:62px 18px}.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.track{min-width:520px}.pipeline-card{overflow-x:auto}.steps{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-grid .wide{grid-column:auto}.final{padding:30px 18px;margin:20px auto 35px}.final>div{padding:50px 22px}.final h2{font-size:43px}footer{grid-template-columns:1fr 1fr;padding:35px 18px}.footer-brand{grid-column:1/-1}.docs-page,.legal{padding:95px 18px 55px}.docs-grid{grid-template-columns:1fr}.docs-card,.legal article,.contact-panel{padding:22px}.trust{display:grid;grid-template-columns:1fr}.float-card{transform:scale(.88)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V5 premium control center and journey */
.control-center{max-width:1280px;margin:auto;padding:72px 28px 86px}.control-stage{position:relative;min-height:560px;border:1px solid var(--line);border-radius:38px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(142,128,245,.18),transparent 25%),linear-gradient(145deg,#fff 0%,#f8f4ff 48%,#eefcf8 100%);box-shadow:0 30px 80px rgba(39,30,68,.09)}.control-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(142,128,245,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(142,128,245,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}.control-core{position:absolute;z-index:4;left:50%;top:50%;width:270px;min-height:230px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:34px;border-radius:50%;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(60,44,111,.18)}.control-core small{color:#665bd3;font-weight:950;letter-spacing:.13em}.control-core h3{font-size:31px;margin:10px 0 7px}.control-core p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.core-pulse{position:absolute;inset:-12px;border:1px solid rgba(142,128,245,.45);border-radius:50%;animation:corePulse 2.8s ease-out infinite}.core-meter{width:120px;height:6px;border-radius:99px;background:#ece8f4;margin-top:18px;overflow:hidden}.core-meter span{display:block;width:88%;height:100%;background:linear-gradient(90deg,var(--lav),var(--mint));border-radius:inherit;animation:meterFlow 3s ease-in-out infinite}.control-orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(102,91,211,.25);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:560px;height:390px;animation:orbitBreath 5s ease-in-out infinite}.orbit-two{width:840px;height:500px;animation:orbitBreath 7s ease-in-out infinite reverse}.control-card{position:absolute;z-index:5;display:flex;align-items:center;gap:13px;min-width:245px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid rgba(226,220,238,.9);box-shadow:0 18px 45px rgba(39,30,68,.11);animation:cardFloat 5s ease-in-out infinite}.control-card div{min-width:0}.control-card small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;font-weight:900}.control-card b{display:block;font-size:13px;margin-top:3px;white-space:nowrap}.control-card em{margin-left:auto;font-style:normal;font-weight:950;color:#5a4fd3}.cc-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#eee9ff,#dcfaf2);font-size:20px}.cc-idea{left:7%;top:15%}.cc-twin{right:7%;top:17%;animation-delay:.5s}.cc-human{left:9%;bottom:14%;animation-delay:1s}.cc-publish{right:8%;bottom:13%;animation-delay:1.5s}.signal{position:absolute;z-index:3;width:9px;height:9px;border-radius:50%;background:var(--lav);box-shadow:0 0 0 8px rgba(142,128,245,.1);animation:signalTravel 3.4s ease-in-out infinite}.s1{left:32%;top:30%}.s2{right:31%;top:31%;animation-delay:.7s}.s3{left:33%;bottom:28%;animation-delay:1.4s}.s4{right:32%;bottom:27%;animation-delay:2.1s}
.pricing{padding-top:72px}.studio{padding-top:74px;padding-bottom:74px}.how{padding-top:72px;padding-bottom:90px}.flow-journey{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.journey-line{position:absolute;left:12%;right:12%;top:58px;height:3px;background:#e7e2ee;border-radius:99px;overflow:hidden}.journey-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lav),var(--mint),var(--sun),var(--pink));transform-origin:left;animation:journeyProgress 4.4s cubic-bezier(.22,.8,.2,1) infinite}.journey-step{position:relative;z-index:2;padding:0 8px;text-align:center}.step-visual{position:relative;width:116px;height:116px;margin:0 auto 24px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px rgba(39,30,68,.1)}.step-visual b{position:absolute;left:-4px;top:2px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:12px}.step-visual i{font-style:normal;font-size:32px;animation:iconLift 2.8s ease-in-out infinite}.step-ring{position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(102,91,211,.32);animation:spinRing 11s linear infinite}.journey-step small{font-size:10px;letter-spacing:.12em;color:#665bd3;font-weight:950}.journey-step h3{font-size:22px;margin:9px 0}.journey-step p{color:var(--muted);line-height:1.6;margin:0;font-size:14px}.js2 .step-visual i{animation-delay:.4s}.js3 .step-visual i{animation-delay:.8s}.js4 .step-visual i{animation-delay:1.2s}
@keyframes corePulse{0%{transform:scale(.96);opacity:.7}75%,100%{transform:scale(1.12);opacity:0}}@keyframes meterFlow{0%,100%{transform:scaleX(.65)}50%{transform:scaleX(1)}}@keyframes orbitBreath{50%{transform:translate(-50%,-50%) scale(1.035)}}@keyframes cardFloat{50%{transform:translateY(-8px)}}@keyframes signalTravel{0%,100%{transform:scale(.7);opacity:.35}50%{transform:scale(1.25);opacity:1}}@keyframes journeyProgress{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}@keyframes iconLift{50%{transform:translateY(-6px) scale(1.08)}}@keyframes spinRing{to{transform:rotate(360deg)}}
@media(max-width:980px){.control-stage{min-height:720px}.orbit-one{width:470px;height:500px}.orbit-two{width:670px;height:650px}.cc-idea{left:4%;top:11%}.cc-twin{right:4%;top:12%}.cc-human{left:5%;bottom:11%}.cc-publish{right:4%;bottom:10%}.flow-journey{grid-template-columns:repeat(2,1fr);gap:44px 18px}.journey-line{display:none}}
@media(max-width:640px){.control-center{padding:54px 18px 64px}.control-stage{min-height:830px;border-radius:28px}.control-core{width:220px;min-height:220px;padding:28px}.control-card{min-width:0;width:calc(100% - 36px);left:18px!important;right:auto!important;animation:none}.cc-idea{top:30px}.cc-twin{top:130px}.cc-human{bottom:130px}.cc-publish{bottom:30px}.orbit-one{width:310px;height:510px}.orbit-two{width:450px;height:690px}.signal{display:none}.flow-journey{grid-template-columns:1fr;gap:34px}.journey-step{display:grid;grid-template-columns:92px 1fr;gap:18px;text-align:left;align-items:center}.step-visual{width:86px;height:86px;margin:0}.journey-step h3{font-size:20px}.pricing,.studio,.how{padding-top:58px;padding-bottom:62px}}
.signal-captcha{display:grid;grid-template-columns:1fr 110px 42px;gap:12px;align-items:center;padding:16px;border:1px solid #ddd6f5;border-radius:18px;background:linear-gradient(135deg,#f4f0ff,#edfbf7)}.signal-captcha small,.signal-captcha span{display:block}.signal-captcha small{font-size:10px;letter-spacing:.1em;color:#665bd3;font-weight:950}.signal-captcha b{display:block;margin:5px 0;font-size:17px}.signal-captcha span{font-size:11px;color:var(--muted)}.signal-captcha input{background:#fff!important;text-align:center;font-weight:900}.captcha-refresh{height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-size:20px}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:640px){.signal-captcha{grid-template-columns:1fr 80px 42px}.signal-captcha span{display:none}}

/* V6 creator control ribbon */
.control-center{max-width:1380px;padding-top:70px}
.control-ribbon{position:relative;margin-top:38px;padding:28px;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#171522 0%,#242039 48%,#171522 100%);box-shadow:0 34px 90px rgba(23,21,34,.22)}
.control-ribbon:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(155,145,243,.32),transparent 28%),linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);background-size:auto,220px 100%;animation:ribbonSweep 7s linear infinite}
.ribbon-glow{position:absolute;inset:auto 8% -90px;height:180px;background:linear-gradient(90deg,rgba(155,145,243,.36),rgba(88,214,189,.28));filter:blur(48px);border-radius:50%}
.ribbon-track{position:relative;z-index:2;display:grid;grid-template-columns:1fr 22px 1fr 22px 1.3fr 22px 1fr 22px 1fr;gap:14px;align-items:center}
.ribbon-track article{min-height:170px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;transition:.3s ease}
.ribbon-track article:hover{transform:translateY(-6px);background:rgba(255,255,255,.085);border-color:rgba(155,145,243,.45)}
.ribbon-track small{font-size:10px;letter-spacing:.13em;color:#bdb6f7;font-weight:950}.ribbon-track b{margin-top:9px;color:#fff;font-size:14px;line-height:1.45}.ribbon-track em{margin-top:18px;font-size:25px;font-style:normal;font-weight:950;color:#7fe0ca}.signal-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;color:#fff;background:linear-gradient(135deg,#776be2,#45bfa6);box-shadow:0 12px 28px rgba(119,107,226,.28)}
.ribbon-core{text-align:center;align-items:center;background:linear-gradient(145deg,rgba(119,107,226,.26),rgba(88,214,189,.12))!important;position:relative;overflow:hidden}.ribbon-core h3{font-size:27px;color:#fff;margin:8px 0}.ribbon-core p{margin:0;color:#d7d3e4;font-size:12px;line-height:1.55}.core-halo{position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid rgba(155,145,243,.45);animation:haloPulse 3s ease-out infinite}.flow-dot{width:8px;height:8px;border-radius:50%;background:#7fe0ca;box-shadow:0 0 0 8px rgba(127,224,202,.08);animation:flowDot 1.7s ease-in-out infinite}.flow-dot:nth-of-type(2){animation-delay:.3s}.flow-dot:nth-of-type(3){animation-delay:.6s}.flow-dot:nth-of-type(4){animation-delay:.9s}
@keyframes ribbonSweep{to{background-position:0 0,440px 0}}@keyframes haloPulse{0%{transform:scale(.72);opacity:.8}100%{transform:scale(1.65);opacity:0}}@keyframes flowDot{50%{transform:scale(1.7);box-shadow:0 0 0 13px rgba(127,224,202,0)}}
@media(max-width:1050px){.ribbon-track{grid-template-columns:1fr 1fr}.ribbon-track .flow-dot{display:none}.ribbon-core{grid-column:1/-1;grid-row:1}.ribbon-track article{min-height:145px}}
@media(max-width:640px){.control-ribbon{padding:16px;border-radius:26px}.ribbon-track{grid-template-columns:1fr}.ribbon-core{grid-column:auto}.ribbon-track article{min-height:132px}}

/* V8 — immersive public subpages */
.subpage{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fbfaf7 0%,#f6f2fb 52%,#fbfaf7 100%)}
.subpage:before,.subpage:after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(4px);pointer-events:none;opacity:.6}
.subpage:before{width:520px;height:520px;left:-220px;top:120px;background:radial-gradient(circle,#d9cffd,transparent 68%);animation:subFloat 10s ease-in-out infinite}
.subpage:after{width:480px;height:480px;right:-190px;bottom:-80px;background:radial-gradient(circle,#c8f4e8,transparent 68%);animation:subFloat 12s ease-in-out infinite reverse}
.sub-hero{max-width:1240px;margin:auto;padding:96px 28px 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.sub-hero h1{font-size:clamp(48px,6vw,82px);line-height:.96;letter-spacing:-.06em;margin:14px 0 22px}
.sub-hero p{max-width:690px;color:var(--muted);font-size:18px;line-height:1.7}
.sub-visual{position:relative;min-height:360px;border-radius:36px;overflow:hidden;background:#171522;box-shadow:0 34px 90px rgba(35,28,62,.22)}
.sub-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.8) contrast(1.1)}
.sub-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,25,49,.2),rgba(33,25,61,.86))}
.visual-ui{position:absolute;z-index:2;inset:28px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.visual-ui .signal{width:12px;height:12px;border-radius:50%;background:#63dcc1;box-shadow:0 0 0 9px rgba(99,220,193,.12),0 0 28px #63dcc1;animation:pulseSignal 1.8s ease-in-out infinite}
.visual-stack{display:grid;gap:11px}
.visual-stack span{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);font-size:13px;animation:stackDrift 4s ease-in-out infinite}
.visual-stack span:nth-child(2){animation-delay:.5s}.visual-stack span:nth-child(3){animation-delay:1s}
.visual-stack b{color:#a9f1df}
.journey{max-width:1240px;margin:0 auto;padding:34px 28px 92px;position:relative}
.journey-line{position:absolute;left:50%;top:55px;bottom:110px;width:4px;transform:translateX(-50%);border-radius:99px;background:linear-gradient(#8e80f5,#63dcc1,#f39ac9);box-shadow:0 0 30px rgba(142,128,245,.35)}
.journey-grid{display:grid;gap:22px;position:relative}
.journey-card{width:calc(50% - 34px);position:relative;padding:28px;border:1px solid rgba(126,110,174,.16);border-radius:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(49,38,82,.08);transition:.3s ease}
.journey-card:nth-child(even){margin-left:auto}.journey-card:hover{transform:translateY(-6px);box-shadow:0 26px 65px rgba(49,38,82,.14)}
.journey-card:after{content:"";position:absolute;top:34px;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid #8e80f5;box-shadow:0 0 0 8px rgba(142,128,245,.11)}
.journey-card:nth-child(odd):after{right:-44px}.journey-card:nth-child(even):after{left:-44px;border-color:#63dcc1}
.journey-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#eee9ff,#dff9f2);font-size:22px;margin-bottom:18px}
.journey-card h2{font-size:26px;margin:0 0 10px}.journey-card p{color:var(--muted);line-height:1.7;margin:0}
.sub-content{max-width:1160px;margin:0 auto;padding:30px 28px 94px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
.sub-panel{border:1px solid rgba(126,110,174,.16);border-radius:30px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 22px 65px rgba(49,38,82,.1);padding:32px}
.sub-aside{position:sticky;top:102px;height:max-content;padding:30px;border-radius:30px;background:linear-gradient(145deg,#211b39,#171522);color:#fff;box-shadow:0 24px 70px rgba(28,22,48,.22);overflow:hidden}
.sub-aside:after{content:"";position:absolute;width:220px;height:220px;right:-90px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,#63dcc1,transparent 70%);opacity:.55}
.sub-aside p{color:#cfc9dc;line-height:1.7}.sub-aside h3{font-size:30px;margin:14px 0}
.policy-grid{display:grid;gap:14px}.policy-card{padding:22px;border-radius:20px;background:#f8f6fb;border:1px solid #e6e0ec}.policy-card h2{font-size:21px;margin:0 0 8px}.policy-card p{margin:0;color:var(--muted);line-height:1.7}
.contact-panel.v8{padding:32px}.contact-form.v8 input,.contact-form.v8 textarea,.contact-form.v8 select{background:#f4f1f7!important;border:1px solid #c8bfd5!important;color:#171522!important;box-shadow:inset 0 1px 0 #fff}.contact-form.v8 input::placeholder,.contact-form.v8 textarea::placeholder{color:#71697d!important;opacity:1}.contact-form.v8 input:focus,.contact-form.v8 textarea:focus,.contact-form.v8 select:focus{outline:none;border-color:#786be8!important;box-shadow:0 0 0 4px rgba(120,107,232,.14)!important;background:#fff!important}.contact-form.v8 .cta{min-height:54px;background:linear-gradient(110deg,#5e50dc,#a653b3);transition:.2s}.contact-form.v8 .cta:hover{transform:translateY(-2px)}
@keyframes subFloat{50%{transform:translateY(-28px) scale(1.04)}}@keyframes pulseSignal{50%{transform:scale(1.25);opacity:.75}}@keyframes stackDrift{50%{transform:translateX(8px)}}
@media(max-width:900px){.sub-hero,.sub-content{grid-template-columns:1fr}.sub-visual{min-height:300px}.sub-aside{position:static}.journey-line{left:44px}.journey-card,.journey-card:nth-child(even){width:calc(100% - 72px);margin-left:72px}.journey-card:nth-child(odd):after,.journey-card:nth-child(even):after{left:-45px;right:auto}}
@media(max-width:640px){.sub-hero{padding:78px 18px 30px}.sub-hero h1{font-size:48px}.sub-visual{min-height:270px;border-radius:26px}.visual-ui{inset:20px}.journey,.sub-content{padding-left:18px;padding-right:18px}.journey-card{padding:22px}.sub-panel,.sub-aside,.contact-panel.v8{padding:23px;border-radius:24px}}

.nav{position:sticky!important;top:0!important;z-index:1000!important;backdrop-filter:blur(22px);background:rgba(255,255,255,.82)!important}.hero-copy .hero-note,.hero-copy .trust-line{margin-left:auto;text-align:right;max-width:520px}@media(max-width:760px){.hero-copy .hero-note,.hero-copy .trust-line{text-align:left;margin-left:0}}

/* V12 SEO/GEO platform content */
.platforms,.faq{max-width:1280px;margin:auto;padding:86px 28px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform-grid article{position:relative;overflow:hidden;min-height:330px;padding:30px;border-radius:30px;color:#fff;box-shadow:0 24px 64px rgba(32,25,55,.16);transition:.3s}.platform-grid article:hover{transform:translateY(-8px)}.platform-grid article:after{content:"";position:absolute;width:230px;height:230px;right:-90px;bottom:-110px;border-radius:50%;background:rgba(255,255,255,.12)}.tiktok-card{background:linear-gradient(145deg,#121212,#263238)}.instagram-card{background:linear-gradient(145deg,#7228a8,#db4b73 58%,#f2a23a)}.youtube-card{background:linear-gradient(145deg,#9a1010,#ef2929)}.platform-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.15);font-size:25px;margin-bottom:36px}.platform-grid small{letter-spacing:.13em;font-size:10px;font-weight:950;opacity:.72}.platform-grid h3{font-size:27px;line-height:1.13;margin:10px 0 13px}.platform-grid p{line-height:1.65;color:rgba(255,255,255,.82)}.platform-grid a{position:absolute;left:30px;bottom:28px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.4)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px}.faq-grid summary{cursor:pointer;font-weight:900}.faq-grid p{color:var(--muted);line-height:1.65;margin:14px 0 0}@media(max-width:850px){.platform-grid{grid-template-columns:1fr}.platform-grid article{min-height:290px}.faq-grid{grid-template-columns:1fr}}

/* V18 playable Sigbot output gallery */
.video-showcase{max-width:1280px;margin:auto;padding:88px 28px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-grid article{padding:16px 16px 24px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 60px rgba(38,29,67,.1);transition:transform .3s,box-shadow .3s}.video-grid article:hover{transform:translateY(-8px);box-shadow:0 30px 75px rgba(38,29,67,.17)}.video-frame{position:relative;aspect-ratio:9/16;max-height:620px;overflow:hidden;border-radius:20px;background:#101018}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.video-frame span{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(16,16,24,.72);backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:950;letter-spacing:.11em;pointer-events:none}.video-grid h3{font-size:22px;margin:18px 4px 7px}.video-grid p{color:var(--muted);line-height:1.55;margin:0 4px}@media(max-width:900px){.video-grid{grid-template-columns:1fr}.video-frame{max-height:720px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* Supported AI Models Section CSS */
.models-showcase {
  max-width: 1280px;
  margin: auto;
  padding: 88px 28px;
}
.models-container {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 48px;
}
.category-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.category-title {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(126, 110, 174, 0.1);
}
.category-icon-wrapper {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg,#776be2,#45bfa6);
  box-shadow: 0 12px 28px rgba(119,107,226,.28);
  font-size: 20px;
}
.category-icon {
  display: grid;
  place-items: center;
  line-height: 1;
}
.category-icon {
  font-size: 26px;
}
.category-title h3 {
  font-size: 22px;
  margin: 0;
  color: #171522;
  font-weight: 850;
}
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 20px;
}
.model-card {
  padding: 24px;
  border: 1px solid rgba(126, 110, 174, 0.16);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 36px rgba(49, 38, 82, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.model-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 48px rgba(49, 38, 82, 0.1);
  border-color: rgba(120, 107, 232, 0.3);
}
.model-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.model-header strong {
  font-size: 17px;
  color: #171522;
  font-weight: 800;
}
.model-card p {
  font-size: 13px;
  color: #71697d;
  line-height: 1.5;
  margin: 0;
}
.badge {
  font-size: 9px;
  font-weight: 850;
  padding: 4px 8px;
  border-radius: 99px;
  background: rgba(120, 107, 232, 0.1);
  color: #786be8;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.badge.premium {
  background: rgba(243, 154, 201, 0.15);
  color: #db4b73;
}
.badge.gemini {
  background: rgba(99, 220, 193, 0.15);
  color: #1c9e82;
}
.badge.voice {
  background: rgba(242, 162, 58, 0.15);
  color: #b86b00;
}

@media(max-width: 900px) {
  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width: 600px) {
  .cards-grid {
    grid-template-columns: 1fr;
  }
}

/* Hero Showcase Video Style */
.hero-showcase {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
  text-align: center;
}
.hero-showcase .video-container {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 20px 50px rgba(118, 87, 255, 0.15), inset 0 0 40px rgba(255, 255, 255, 0.05);
  background: #0d0d18;
}
.hero-showcase video {
  width: 100%;
  height: auto;
  display: block;
}

/* Live showcase loop section */
.live-showcase {
  max-width: 1280px;
  margin: 0 auto;
  padding: 90px 28px 40px;
  text-align: center;
}
.live-showcase-center {
  max-width: 720px;
  margin: 0 auto 44px;
}
.live-showcase-center .eyebrow {
  color: #665bd3;
  font-weight: 850;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.live-showcase-center h2 {
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #171522;
  margin: 14px 0 12px;
}
.live-showcase-center p {
  color: #555266;
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
}
.live-showcase-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 34px;
}
.phone-frame {
  position: relative;
  width: min(320px, 78vw);
  aspect-ratio: 9/16;
  border-radius: 44px;
  padding: 14px;
  background: linear-gradient(145deg, #171522 0%, #2a2440 100%);
  box-shadow:
    0 40px 100px rgba(23, 21, 34, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 0 2px 2px rgba(255, 255, 255, 0.06);
  animation: phoneFloat 6s ease-in-out infinite;
  overflow: visible;
}
.phone-frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 34px;
  display: block;
  background: #0d0d18;
}
.phone-notch {
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  height: 24px;
  border-radius: 99px;
  background: #171522;
  z-index: 3;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);
}
.video-glow {
  position: absolute;
  inset: -22px;
  border-radius: 54px;
  background: radial-gradient(circle at 50% 50%, rgba(142, 128, 245, 0.45), transparent 65%);
  filter: blur(28px);
  z-index: -1;
  animation: glowPulse 4s ease-in-out infinite;
  pointer-events: none;
}
.live-pulse {
  position: absolute;
  right: -12px;
  top: 34px;
  z-index: 4;
  width: 18px;
  height: 18px;
}
.live-pulse span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #63dcc1;
  box-shadow: 0 0 0 0 rgba(99, 220, 193, 0.6);
  animation: livePulse 2s infinite;
}
.live-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.live-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 99px;
  background: #fff;
  border: 1px solid rgba(23, 21, 34, 0.08);
  box-shadow: 0 10px 28px rgba(39, 30, 68, 0.06);
  font-size: 13px;
  font-weight: 800;
  color: #171522;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.live-badge:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(39, 30, 68, 0.12);
}
.live-badge i {
  font-style: normal;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #776be2, #45bfa6);
  color: #fff;
  font-size: 11px;
}
@keyframes phoneFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
@keyframes glowPulse {
  0%, 100% { opacity: 0.7; transform: scale(0.96); }
  50% { opacity: 1; transform: scale(1.04); }
}
@keyframes livePulse {
  0% { box-shadow: 0 0 0 0 rgba(99, 220, 193, 0.6); }
  70% { box-shadow: 0 0 0 12px rgba(99, 220, 193, 0); }
  100% { box-shadow: 0 0 0 0 rgba(99, 220, 193, 0); }
}
@media(max-width: 640px) {
  .live-showcase { padding: 64px 18px 28px; }
  .phone-frame { width: min(280px, 72vw); border-radius: 36px; }
  .phone-frame video { border-radius: 28px; }
  .phone-notch { width: 72px; height: 20px; top: 18px; }
}

