:root{color-scheme:dark;--bg:#08090d;--card:#11141b;--card2:#0d1016;--text:#f6f5fb;--muted:#a5adbd;--line:rgba(184,195,224,.15);--violet:#9b6cff;--blue:#6794ff;--cyan:#4ed7dc;--green:#42d6a4;--header:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(900px 650px at 82% 8%,rgba(40,151,181,.1),transparent 65%),radial-gradient(700px 650px at 12% 18%,rgba(118,65,220,.1),transparent 68%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit}button{font:inherit}.ambient-grid{position:fixed;inset:0;z-index:-2;opacity:.19;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.ambient-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,transparent 0 15%,#08090d 72%)}.cursor-glow{position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;background:rgba(99,80,220,.08);filter:blur(90px);pointer-events:none;transform:translate(-50%,-50%)}
.section-shell{width:min(1440px,calc(100% - 64px));margin-inline:auto}.site-header{position:fixed;z-index:80;inset:0 0 auto;height:var(--header);display:flex;align-items:center;gap:34px;padding:0 max(32px,calc((100vw - 1440px)/2));border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(8,9,13,.84),rgba(8,9,13,.5));backdrop-filter:blur(20px);transition:.2s}.site-header.scrolled{height:64px;border-bottom-color:var(--line);background:rgba(8,9,13,.9);box-shadow:0 15px 50px rgba(0,0,0,.2)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}.logo-mark{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(155,108,255,.5);border-radius:15px;background:linear-gradient(145deg,#7541d8,#4b50ca);box-shadow:0 0 30px rgba(120,75,230,.25)}.logo-mark:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(155,108,255,.13);border-radius:19px}.logo-mark img{width:24px;filter:brightness(0) invert(1)}.logo>span:last-child{display:grid;line-height:1.15}.logo strong{font-size:18px;letter-spacing:.14em}.logo small{margin-top:4px;color:#8f98aa;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a,.login-link{color:#afb6c5;text-decoration:none;font-size:13px;transition:.16s}.site-header nav a:hover,.login-link:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:18px}.primary,.ghost{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:0 19px;text-decoration:none;font-size:14px;font-weight:850;transition:.18s}.primary{position:relative;background:linear-gradient(135deg,#864ee4,#6f75f1);color:#fff;box-shadow:0 13px 32px rgba(114,70,220,.28);overflow:hidden}.primary:after{content:"";position:absolute;width:70px;height:70px;left:-40px;border-radius:50%;background:rgba(255,255,255,.34);filter:blur(20px);animation:buttonSweep 4s ease-in-out infinite}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(114,70,220,.38)}.primary img{width:18px;filter:brightness(0) invert(1)}.primary.compact{min-height:43px;border-radius:12px;padding:0 16px;font-size:13px}.ghost{border:1px solid var(--line);background:rgba(18,21,29,.65);color:#e3e6ee}.ghost:hover{border-color:rgba(155,108,255,.45);background:rgba(139,92,246,.09)}.ghost span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(139,92,246,.22);font-size:9px}.menu-button{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#11141b}.menu-button span{display:block;width:18px;height:1px;margin:5px auto;background:white}
@keyframes buttonSweep{50%{left:105%;opacity:.15}}

.hero{min-height:780px;padding-top:calc(var(--header) + 44px);display:grid;grid-template-columns:minmax(0,.93fr) minmax(560px,1.07fr);align-items:center;gap:55px}.hero-copy{padding-bottom:25px}.signal{width:max-content;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(155,108,255,.35);border-radius:999px;background:rgba(113,74,187,.11);color:#c2a9ff;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.signal i,.stage-head i{width:7px;height:7px;border-radius:50%;background:#4be0ae;box-shadow:0 0 16px #4be0ae}.hero h1{max-width:720px;margin:22px 0 18px;font-size:clamp(55px,6vw,90px);line-height:.94;letter-spacing:-.06em}.hero h1 em{display:block;font-style:normal;background:linear-gradient(90deg,#a16cff 0,#778afc 48%,#49d4dc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:660px;margin:0;color:#b3bac8;font-size:18px;line-height:1.62}.hero-actions{display:flex;gap:10px;margin-top:29px}.hero-proof{display:flex;gap:22px;margin-top:25px;color:#8e97aa;font-size:12px}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof span:before{content:"";width:5px;height:5px;border-radius:50%;background:#5eddb3}.hero-proof b{color:#eef0f8}
.hero-stage{position:relative;min-height:625px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(117,79,226,.2),transparent 35%),linear-gradient(145deg,rgba(20,25,36,.98),rgba(8,11,16,.98));box-shadow:inset 0 1px rgba(255,255,255,.035),0 35px 100px rgba(0,0,0,.38);overflow:hidden;isolation:isolate}.hero-stage:before,.hero-stage:after{content:"";position:absolute;width:470px;height:470px;left:50%;top:50%;border:1px solid rgba(111,112,236,.14);border-radius:50%;transform:translate(-50%,-47%)}.hero-stage:after{width:350px;height:350px;border-color:rgba(79,216,221,.12)}.stage-head{position:absolute;z-index:4;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;color:#aab3c4;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.stage-head span{display:flex;align-items:center;gap:8px}.stage-head b{color:#dfe3ed}.hero-phone{position:absolute;z-index:3;left:50%;top:75px;height:480px;aspect-ratio:9/16;padding:8px;border:1px solid #69738a;border-radius:39px;background:#06080b;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 55px rgba(93,75,197,.2);transform:translateX(-50%)}.hero-phone video{width:100%;height:100%;object-fit:cover;border-radius:31px;background:#050609}.hero-phone .notch{position:absolute;z-index:2;top:14px;left:50%;width:76px;height:17px;border-radius:99px;background:#06080b;transform:translateX(-50%)}.phone-overlay{position:absolute;left:19px;right:19px;bottom:18px;padding:40px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));border-radius:0 0 25px 25px}.phone-overlay small{display:block;color:#baa0ff;font-size:8px;font-weight:850;letter-spacing:.13em}.phone-overlay strong{display:block;margin-top:4px;font-size:15px;line-height:1.25}.hud{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;min-width:155px;padding:11px 13px;border:1px solid rgba(182,191,216,.2);border-radius:13px;background:rgba(13,17,25,.82);box-shadow:0 18px 45px rgba(0,0,0,.35);backdrop-filter:blur(14px);animation:hudFloat 4.5s ease-in-out infinite}.hud img{width:20px;filter:brightness(0) invert(1);opacity:.8}.hud span{display:grid}.hud small{color:#7f899e;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.hud b{font-size:11px}.hud-format{left:24px;top:180px}.hud-audio{right:22px;top:270px;animation-delay:-1.4s}.progress-widget{position:absolute;z-index:4;right:20px;bottom:61px;width:150px;padding:12px;border:1px solid rgba(182,191,216,.17);border-radius:13px;background:rgba(12,15,22,.86);font-size:9px;color:#8d97aa}.progress-widget b{float:right;color:#fff}.progress-widget i{display:block;height:5px;margin-top:8px;border-radius:99px;background:#242b3a;overflow:hidden}.progress-widget em{display:block;width:92%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c5bf1,#4ed7dc)}.wave{position:absolute;z-index:4;left:50%;bottom:23px;height:25px;display:flex;align-items:center;gap:4px;transform:translateX(-50%)}.wave i{width:2px;height:var(--h,10px);border-radius:9px;background:linear-gradient(#55dbe0,#9f6cff);animation:wave 1s ease-in-out infinite alternate}.wave i:nth-child(2n){--h:20px;animation-delay:-.3s}.wave i:nth-child(3n){--h:14px;animation-delay:-.6s}.wave i:nth-child(5n){--h:25px;animation-delay:-.8s}@keyframes hudFloat{50%{transform:translateY(-7px)}}@keyframes wave{to{height:5px}}

.platform-strip{min-height:72px;display:grid;grid-template-columns:1.1fr repeat(4,1fr);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#d9dce5}.platform-strip span{color:#788397;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.platform-strip b{font-size:13px;text-align:center}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:24px}.section-heading>div>span,.editor-copy>span,.final-cta>span{color:#a778ff;font-size:11px;font-weight:900;letter-spacing:.14em}.section-heading h2{max-width:880px;margin:5px 0 0;font-size:clamp(37px,4.8vw,64px);line-height:1.02;letter-spacing:-.05em}.section-heading>p{max-width:470px;margin:0 0 7px;color:#9ca5b6;font-size:14px}.section-heading.centered{text-align:center;justify-content:center}.section-heading.centered h2{max-width:none}

.showcase,.formats,.control-section{padding-top:86px}.video-bento{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:13px;min-height:500px}.video-card{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#11141b;box-shadow:0 20px 60px rgba(0,0,0,.2)}.video-card video{width:100%;height:100%;display:block;object-fit:cover;background:#07090d;transition:transform .5s ease,filter .4s}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,4,7,.93) 100%);pointer-events:none}.video-card:hover video{transform:scale(1.025)}.video-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.video-card span{color:#ad8aff;font-size:9px;font-weight:900;letter-spacing:.13em}.video-card h3{margin:4px 0 0;font-size:21px}.video-card p{margin:4px 0 0;color:#a4adbd;font-size:12px}.video-toggle{position:absolute;z-index:3;right:16px;top:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(8,10,15,.55);color:#fff;cursor:pointer;backdrop-filter:blur(10px)}.video-toggle.playing{background:#8b5cf6}.review-card{border-color:rgba(155,108,255,.38)}
.format-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.format-card{min-height:142px;display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 100% 0,var(--glow),transparent 45%),linear-gradient(145deg,#12151d,#0c0f15);transition:.18s}.format-card:hover{transform:translateY(-3px);border-color:rgba(155,108,255,.34)}.format-card>img{width:47px;height:47px;padding:12px;border-radius:14px;background:var(--accent);filter:brightness(0) invert(1);box-shadow:0 12px 28px var(--glow)}.format-card span{color:#ad87ff;font-size:9px;font-weight:900;letter-spacing:.13em}.format-card h3{margin:3px 0 3px;font-size:18px}.format-card p{margin:0;color:#98a2b4;font-size:12px}.format-card.violet{--accent:#7b54e6;--glow:rgba(123,84,230,.22)}.format-card.green{--accent:#24b88d;--glow:rgba(36,184,141,.2)}.format-card.pink{--accent:#cf5db3;--glow:rgba(207,93,179,.19)}.format-card.amber{--accent:#df7c56;--glow:rgba(223,124,86,.18)}.format-card.blue{--accent:#5f72e9;--glow:rgba(95,114,233,.2)}.format-card.cyan{--accent:#31a8b6;--glow:rgba(49,168,182,.2)}

.editor-section{padding-top:92px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:40px}.editor-copy h2{margin:7px 0 15px;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.05em}.editor-copy>p{max-width:570px;color:#a4adbd;font-size:15px}.editor-copy ul{list-style:none;margin:24px 0;padding:0;border-top:1px solid var(--line)}.editor-copy li{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}.editor-copy li i{color:#8e7af1;font-size:10px;font-style:normal}.editor-copy .ghost{margin-top:3px}.editor-mock{min-width:0;padding:13px;border:1px solid rgba(155,108,255,.25);border-radius:23px;background:radial-gradient(circle at 65% 35%,rgba(88,65,177,.16),transparent 45%),#10131a;box-shadow:0 35px 100px rgba(0,0,0,.33)}.mock-top{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 5px 8px 9px}.mock-top>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.mock-top i{width:7px;height:7px;border-radius:50%;background:#4adbae;box-shadow:0 0 14px #4adbae}.mock-top button{height:36px;border:0;border-radius:10px;padding:0 13px;background:linear-gradient(135deg,#8150df,#7174ef);color:#fff;font-size:10px;font-weight:800}.mock-workspace{height:390px;display:grid;grid-template-columns:170px 1fr 145px;gap:8px}.mock-workspace>aside,.mock-preview{border:1px solid var(--line);border-radius:14px;background:#0b0e14}.mock-workspace>aside{padding:10px}.mock-workspace>aside>b{font-size:10px}.asset{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:7px;margin-top:8px;padding:6px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#11151d}.asset video{width:38px;height:48px;object-fit:cover;border-radius:6px}.asset span{display:grid;font-size:9px;font-weight:750}.asset small{color:#788397;font-size:8px}.asset i{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:rgba(139,92,246,.2);font-style:normal;font-size:11px}.mock-preview{display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle at 50% 45%,rgba(106,70,199,.2),transparent 38%),#090c12}.mock-preview>div{height:310px;aspect-ratio:9/16;padding:5px;border:1px solid #586177;border-radius:22px;background:#05070a}.mock-preview video{width:100%;height:100%;object-fit:cover;border-radius:17px}.mock-preview button{border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:#151925;color:#e4e6ed;font-size:9px}.mock-settings{display:flex;flex-direction:column;gap:7px!important}.mock-settings span{display:flex;justify-content:space-between;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#778296;font-size:8px}.mock-settings strong{color:#eef0f6}.mock-timeline{min-height:112px;display:flex;align-items:center;gap:7px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#0a0d12;overflow:hidden}.mock-timeline>span{align-self:flex-start;margin-right:4px;color:#8f7df0;font-size:7px;font-weight:900;letter-spacing:.12em}.mock-timeline>div{position:relative;width:90px;height:82px;border:1px solid rgba(155,108,255,.24);border-radius:9px;overflow:hidden;background:#0e1219}.mock-timeline video{width:100%;height:100%;object-fit:cover}.mock-timeline b{position:absolute;left:5px;bottom:5px;width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#8b5cf6;font-size:7px}.mock-timeline>i{color:#606a7d;font-style:normal}

.control-section{padding-bottom:88px}.control-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:11px}.control-feature{min-height:160px;display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#12151c,#0d1016)}.control-feature>img,.control-feature>div:first-child>img{width:43px;height:43px;padding:11px;border:1px solid rgba(155,108,255,.24);border-radius:13px;background:rgba(139,92,246,.1);filter:brightness(0) invert(1)}.control-feature>span,.control-feature>div:first-child>span{display:grid;gap:5px}.control-feature b{font-size:16px}.control-feature small{color:#98a2b4;font-size:12px;line-height:1.5}.control-feature.crop{grid-row:span 2;display:grid;grid-template-rows:auto 1fr}.control-feature.crop>div:first-child{display:flex;gap:14px}.crop-visual{display:flex;align-items:center;justify-content:center;gap:25px}.crop-visual>i{width:130px;height:130px;border-radius:24px;background:linear-gradient(145deg,#d0b18c,#9e7959);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.crop-visual>b{color:#9f79f3}.crop-visual>span{width:105px;height:185px;display:grid;place-items:center;border:2px solid #677188;border-radius:21px;background:#1a1e28}.crop-visual em{width:73px;height:85px;border-radius:14px;background:linear-gradient(145deg,#d0b18c,#9e7959)}.final-cta{position:relative;min-height:420px;display:grid;place-content:center;justify-items:center;text-align:center;padding:60px 24px;border:1px solid rgba(155,108,255,.3);border-radius:27px;background:radial-gradient(circle at 50% 0,rgba(116,67,215,.25),transparent 46%),linear-gradient(135deg,#11141d,#0d1017);overflow:hidden}.final-cta h2{max-width:980px;margin:8px 0 10px;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.055em}.final-cta p{margin:0 0 23px;color:#a3adbe}.cta-rings{position:absolute;left:50%;top:-350px;width:700px;height:700px;border:1px solid rgba(155,108,255,.16);border-radius:50%;transform:translateX(-50%)}.cta-rings:after{content:"";position:absolute;inset:80px;border:1px solid rgba(83,198,215,.1);border-radius:50%}.final-cta>*:not(.cta-rings){position:relative}
.scroll-cta{position:fixed;z-index:60;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:9px 15px 9px 9px;border:1px solid rgba(155,108,255,.42);border-radius:15px;background:rgba(15,17,24,.9);box-shadow:0 18px 60px rgba(0,0,0,.44),0 0 35px rgba(111,70,209,.16);backdrop-filter:blur(18px);text-decoration:none;transition:.2s}.scroll-cta:hover{transform:translateY(-3px)}.scroll-cta.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.scroll-cta-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8b5cf6,#5d70eb)}.scroll-cta-icon img{width:20px;filter:brightness(0) invert(1)}.scroll-cta>span:last-child{display:grid}.scroll-cta small{color:#8f99aa;font-size:9px}.scroll-cta strong{font-size:12px}footer{min-height:150px;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:70px}footer p{margin-right:auto;color:#798397;font-size:12px}footer>div{display:flex;gap:20px}footer>div a{color:#a7afbe;text-decoration:none;font-size:12px}
.reveal{opacity:0;transform:translateY(16px);transition:.65s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}

@media(max-width:1180px){.site-header nav{gap:16px}.hero{grid-template-columns:1fr 520px;gap:32px}.hero h1{font-size:60px}.hud-format{left:14px}.hud-audio{right:12px}.video-bento{grid-template-columns:repeat(4,1fr)}.editor-section{grid-template-columns:1fr}.editor-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.editor-copy>span,.editor-copy h2{grid-column:1/2}.editor-copy>p,.editor-copy ul,.editor-copy>a{grid-column:2/3}.editor-copy>p{grid-row:2}.editor-copy ul{grid-row:3/5}.mock-workspace{height:420px}.control-grid{grid-template-columns:1.4fr 1fr}.control-feature.crop{grid-row:span 3}}
@media(max-width:900px){:root{--header:64px}.section-shell{width:min(100% - 32px,760px)}.site-header{padding:0 16px}.site-header nav{position:absolute;left:14px;right:14px;top:68px;display:none;flex-direction:column;gap:0;padding:9px;border:1px solid var(--line);border-radius:15px;background:rgba(12,14,20,.97);box-shadow:0 25px 70px rgba(0,0,0,.5)}.site-header.menu-open nav{display:flex}.site-header nav a{padding:11px;border-radius:9px}.header-actions .login-link{display:none}.menu-button{display:block}.hero{min-height:auto;padding-top:105px;padding-bottom:45px;grid-template-columns:1fr}.hero-copy{text-align:center;display:grid;justify-items:center}.hero h1{max-width:720px;font-size:clamp(48px,10vw,70px)}.hero-copy>p{font-size:16px}.hero-proof{justify-content:center}.hero-stage{min-height:600px}.platform-strip{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:17px 0}.platform-strip span{grid-column:1/-1;text-align:center}.section-heading{align-items:start;flex-direction:column;gap:11px}.section-heading h2{font-size:45px}.section-heading>p{max-width:700px}.video-bento{grid-template-columns:repeat(2,1fr)}.video-card{min-height:520px}.format-rail{grid-template-columns:repeat(2,1fr)}.editor-copy{display:block}.mock-workspace{grid-template-columns:150px 1fr}.mock-settings{display:none!important}.control-grid{grid-template-columns:1fr 1fr}.control-feature.crop{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.final-cta{min-height:360px}.scroll-cta{bottom:12px;right:12px}}
@media(max-width:620px){.section-shell{width:calc(100% - 22px)}.logo-mark{width:40px;height:40px}.logo>span:last-child{display:none}.header-actions{margin-left:auto}.primary.compact{min-height:40px;padding:0 12px}.hero{padding-top:92px}.hero h1{font-size:47px}.hero-copy>p{font-size:15px}.hero-actions{width:100%;flex-direction:column}.hero-actions a{width:100%}.hero-proof{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;text-align:left}.hero-stage{min-height:540px}.hero-phone{height:410px;top:72px}.hud{min-width:0;padding:9px}.hud span{display:none}.hud-format{left:10px;top:130px}.hud-audio{right:9px;top:200px}.progress-widget{width:115px;right:8px;bottom:44px}.wave{bottom:18px}.platform-strip{grid-template-columns:1fr 1fr}.platform-strip span{grid-column:1/-1}.section-heading h2{font-size:37px}.showcase,.formats,.control-section{padding-top:64px}.video-bento{grid-template-columns:1fr 1fr;gap:8px}.video-card{min-height:390px;border-radius:17px}.video-card>div{left:13px;right:13px;bottom:13px}.video-card h3{font-size:16px}.video-card p{display:none}.video-toggle{width:36px;height:36px;right:10px;top:10px}.format-rail{display:flex;overflow:auto;gap:8px;padding-bottom:5px;scroll-snap-type:x mandatory}.format-card{flex:0 0 260px;scroll-snap-align:start}.editor-section{padding-top:68px;gap:24px}.editor-copy h2{font-size:43px}.editor-mock{padding:8px}.mock-workspace{height:365px;grid-template-columns:108px 1fr}.mock-workspace>aside{padding:7px}.asset{grid-template-columns:30px 1fr;margin-top:6px;padding:4px}.asset video{width:30px;height:42px}.asset i{display:none}.mock-preview>div{height:275px}.mock-timeline{min-height:100px;padding:7px}.mock-timeline>span{display:none}.mock-timeline>div{min-width:75px;height:72px}.control-grid{grid-template-columns:1fr}.control-feature.crop{grid-column:auto;display:grid;grid-template-columns:1fr}.crop-visual>i{width:95px;height:95px}.crop-visual>span{width:80px;height:140px}.crop-visual em{width:55px;height:65px}.final-cta{min-height:330px}.final-cta h2{font-size:42px}.scroll-cta small{display:none}.scroll-cta-icon{width:36px;height:36px}footer{margin-top:45px;min-height:120px;gap:15px}footer p{display:none}}
@media(max-width:420px){.video-bento{grid-template-columns:1fr 1fr}.video-card{min-height:360px}.video-card h3{font-size:14px}.hero h1{font-size:42px}.hero-stage{min-height:505px}.hero-phone{height:375px}.section-heading h2{font-size:34px}.mock-workspace{grid-template-columns:1fr}.mock-workspace>aside{display:none}.mock-preview>div{height:275px}.mock-timeline>div:nth-of-type(3){display:none}.mock-timeline>i:nth-of-type(2){display:none}.scroll-cta{padding-right:11px}.scroll-cta strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary:after,.hud,.wave i{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.cursor-glow{display:none}}

.narration-section{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding-top:70px}.narration-visual{min-height:410px;position:relative;display:grid;place-items:center;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(120,78,229,.2),transparent 42%),linear-gradient(145deg,rgba(20,24,35,.94),rgba(9,11,17,.96))}.narration-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.voice-orb{position:absolute;left:10%;top:13%;width:70px;height:70px;display:grid;place-items:center;border-radius:22px;font-size:26px;background:linear-gradient(145deg,#8b5cf6,#4e7df2);box-shadow:0 0 55px rgba(120,80,240,.38)}.voice-wave{position:relative;display:flex;align-items:center;gap:8px;height:130px}.voice-wave i{display:block;width:7px;border-radius:99px;background:linear-gradient(#a874ff,#48dbe5);animation:voicePulse 1.5s ease-in-out infinite}.voice-wave i:nth-child(3n+1){height:45px}.voice-wave i:nth-child(3n+2){height:100px;animation-delay:.15s}.voice-wave i:nth-child(3n){height:70px;animation-delay:.3s}@keyframes voicePulse{50%{transform:scaleY(.55);opacity:.7}}.voice-card-demo{position:absolute;left:7%;bottom:9%;display:grid;min-width:190px;padding:14px 17px;border:1px solid rgba(155,108,255,.32);border-radius:16px;background:rgba(14,17,25,.88);backdrop-filter:blur(15px)}.voice-card-demo span{font-size:9px;letter-spacing:.16em;color:#aa86ff}.voice-card-demo strong{font-size:15px;margin-top:3px}.voice-card-demo small{color:#8d97a8}.language-chips{position:absolute;right:7%;bottom:10%;display:flex;gap:6px}.language-chips b{padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#111522;font-size:10px}.narration-copy>span{color:#a879ff;font-size:11px;letter-spacing:.2em;font-weight:900}.narration-copy h2{font-size:56px;line-height:1.02;letter-spacing:-.045em;margin:14px 0 20px}.narration-copy p{font-size:17px;line-height:1.72;color:#a8b0bf}.narration-points{display:grid;gap:8px;margin:24px 0}.narration-points b{padding:11px 14px;border-left:2px solid #8b5cf6;background:linear-gradient(90deg,rgba(139,92,246,.1),transparent);font-size:13px}.narration-copy .ghost{display:inline-flex}
@media(max-width:900px){.narration-section{grid-template-columns:1fr;gap:32px}.narration-copy{order:-1}.narration-copy h2{font-size:46px}}
@media(max-width:620px){.narration-section{padding-top:65px;min-height:auto}.narration-visual{min-height:330px;border-radius:20px}.narration-copy h2{font-size:42px}.narration-copy p{font-size:15px}.voice-card-demo{left:5%;bottom:5%}.language-chips{right:5%;bottom:5%}}
@media(prefers-reduced-motion:reduce){.voice-wave i{animation:none!important}}

/* Cambio de voz · reemplaza la antigua presentación del editor */
.voice-transform-section{padding-top:86px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:54px}.voice-transform-copy>span{color:#a879ff;font-size:11px;letter-spacing:.18em;font-weight:900}.voice-transform-copy h2{margin:10px 0 17px;font-size:clamp(43px,5vw,68px);line-height:.98;letter-spacing:-.052em}.voice-transform-copy>p{max-width:610px;color:#a4adbd;font-size:16px;line-height:1.7}.voice-transform-copy ul{list-style:none;margin:23px 0;padding:0;border-top:1px solid var(--line)}.voice-transform-copy li{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}.voice-transform-copy li i{color:#8e7af1;font-size:10px;font-style:normal}.voice-transform-copy .ghost{margin-top:4px}
.voice-transform-visual{position:relative;min-height:520px;padding:25px;border:1px solid rgba(155,108,255,.28);border-radius:28px;background:radial-gradient(circle at 50% 42%,rgba(115,75,220,.18),transparent 38%),radial-gradient(circle at 90% 84%,rgba(60,201,209,.09),transparent 30%),linear-gradient(145deg,#121620,#090c12);box-shadow:inset 0 1px rgba(255,255,255,.035),0 35px 100px rgba(0,0,0,.32);overflow:hidden}.voice-transform-visual:before{content:"";position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}.transform-status{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#828da1;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.transform-status span{display:flex;align-items:center;gap:8px}.transform-status i{width:7px;height:7px;border-radius:50%;background:#45dbae;box-shadow:0 0 14px #45dbae}.transform-status b{color:#cfd4df;font-size:10px}
.transform-source,.transform-reference,.transform-result{position:absolute;z-index:2;display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(184,195,224,.16);border-radius:17px;background:rgba(15,19,28,.88);box-shadow:0 18px 48px rgba(0,0,0,.27);backdrop-filter:blur(14px)}.transform-source{left:6%;top:23%;width:43%}.transform-reference{left:6%;bottom:17%;width:43%}.transform-result{right:5%;top:40%;width:37%;border-color:rgba(93,220,208,.28);background:linear-gradient(125deg,rgba(41,109,108,.2),rgba(34,25,68,.9))}.transform-number{position:absolute;top:-10px;left:13px;padding:4px 7px;border:1px solid rgba(140,98,234,.35);border-radius:7px;background:#171326;color:#b899ff;font-size:8px;font-weight:900}.transform-source>div:last-child,.transform-reference>div:last-child,.transform-result>div{display:grid;min-width:0}.transform-source small,.transform-reference small,.transform-result small{color:#8e78e9;font-size:8px;letter-spacing:.13em}.transform-source strong,.transform-reference strong,.transform-result strong{margin-top:2px;font-size:13px}.transform-source em,.transform-reference em,.transform-result em{color:#7e899d;font-size:10px;font-style:normal}.transform-disc{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;border:1px solid #546078;background:repeating-radial-gradient(circle,#232a38 0 2px,#111722 3px 5px)}.transform-disc i{width:12px;height:12px;border-radius:50%;background:linear-gradient(145deg,#aa75ff,#4fd6dc);box-shadow:0 0 17px #825eed}.reference-orb{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:linear-gradient(145deg,#8356e7,#4c84e9);box-shadow:0 12px 28px rgba(95,80,220,.26)}.reference-orb img{width:23px;filter:brightness(0) invert(1)}.transform-result button{margin-left:auto;width:38px;height:38px;border:1px solid rgba(75,224,183,.3);border-radius:50%;background:rgba(54,198,158,.12);color:#67e7bb;font-size:17px}.transform-wave{position:absolute;z-index:2;left:13%;right:52%;top:48%;height:47px;display:flex;align-items:center;gap:4px}.transform-wave:before{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(127,107,220,.25)}.transform-wave i{z-index:1;width:3px;height:var(--h,18px);border-radius:9px;background:linear-gradient(#55dbe0,#9f6cff);animation:transformWave 1.2s ease-in-out infinite alternate}.transform-wave i:nth-child(3n+1){--h:35px;animation-delay:-.3s}.transform-wave i:nth-child(4n){--h:25px;animation-delay:-.6s}.transform-wave i:nth-child(5n){--h:42px;animation-delay:-.9s}@keyframes transformWave{to{height:7px;opacity:.55}}.transform-arrow{position:absolute;z-index:2;left:51%;top:43%;display:grid;place-items:center;gap:7px}.transform-arrow span{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(149,112,243,.4);border-radius:50%;background:#171328;color:#aa89ff}.transform-arrow small{color:#778297;font-size:8px;text-align:center}.transform-safety{position:absolute;z-index:2;right:5%;bottom:8%;display:flex;align-items:center;gap:10px;width:38%;padding:11px 13px;border:1px solid rgba(65,210,168,.2);border-radius:13px;background:rgba(16,59,51,.12)}.transform-safety img{width:24px;filter:brightness(0) invert(1);opacity:.78}.transform-safety span{display:grid}.transform-safety b{font-size:10px}.transform-safety small{color:#7f8b9e;font-size:8px}
@media(max-width:1100px){.voice-transform-section{grid-template-columns:1fr;gap:30px}.voice-transform-visual{min-height:500px}}
@media(max-width:620px){.voice-transform-section{padding-top:64px;gap:24px}.voice-transform-copy h2{font-size:43px}.voice-transform-copy>p{font-size:15px}.voice-transform-visual{min-height:560px;padding:18px;border-radius:21px}.transform-source,.transform-reference,.transform-result,.transform-safety{left:7%;right:7%;width:auto}.transform-source{top:16%}.transform-reference{bottom:auto;top:39%}.transform-result{top:68%}.transform-wave{left:14%;right:14%;top:32%;height:30px}.transform-arrow{left:50%;top:57%;transform:translateX(-50%)}.transform-arrow small{display:none}.transform-safety{bottom:3%}.transform-result button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.transform-wave i{animation:none!important}}

/* Base de lectura cómoda: los rótulos decorativos conservan jerarquía sin
   convertirse en microtexto. */
.site-header nav a,.login-link{font-size:14px}.logo small,.stage-head,.signal,.section-heading>div>span,.editor-copy>span,.final-cta>span,.narration-copy>span{font-size:11px}.hud small,.progress-widget,.phone-overlay small,.video-card span,.mock-timeline>span,.mock-settings span{font-size:10px}.hud b,.video-card p,.asset span,.mock-workspace>aside>b,.mock-top button,.mock-preview button,.scroll-cta small{font-size:12px}.asset small,.mock-timeline b{font-size:10px}.platform-strip span{font-size:12px}.site-footer a,.site-footer p,footer>div a,footer p{font-size:13px}

/* V0.23 — iconos legibles, portada más compacta y visuales con información real. */
.hero{min-height:720px;padding-top:calc(var(--header) + 30px)}
.hero h1{font-size:clamp(54px,5.7vw,84px)}
.showcase,.formats,.control-section{padding-top:72px}
.format-card>.format-icon{flex:0 0 47px;width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:var(--accent);box-shadow:0 12px 28px var(--glow)}
.format-card>.format-icon img{width:23px;height:23px;display:block;filter:brightness(0) invert(1)}
.crop-visual{gap:18px}
.crop-visual figure{position:relative;width:150px;height:132px;margin:0;overflow:hidden;border:1px solid rgba(182,191,216,.25);border-radius:19px;background:#0a0c11;box-shadow:0 18px 45px rgba(0,0,0,.24)}
.crop-visual figure>img{width:100%;height:100%;display:block;object-fit:cover}
.crop-visual .crop-phone{width:92px;height:164px;padding:7px;border:2px solid #677188;border-radius:22px;background:#171b25}
.crop-visual .crop-phone>span{width:100%;height:100%;display:block;overflow:hidden;border-radius:14px;background:#080a0f}
.crop-visual .crop-phone img{width:100%;height:100%;display:block;object-fit:cover}
.crop-visual figcaption{position:absolute;left:8px;bottom:7px;padding:4px 7px;border-radius:7px;background:rgba(4,6,10,.78);color:#eef0f6;font-size:9px;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(8px)}
.final-cta{min-height:370px}
.footer-bottom a{color:#9aa3b5;text-decoration:none}
.footer-bottom a:hover{color:#fff}
@media(max-width:900px){.hero{padding-top:98px}.showcase,.formats,.control-section{padding-top:60px}}
@media(max-width:620px){.hero h1{font-size:44px}.hero-proof{grid-template-columns:1fr}.crop-visual{gap:10px}.crop-visual figure{width:108px;height:100px}.crop-visual .crop-phone{width:72px;height:128px}.final-cta{min-height:310px}}

/* V0.23.1 — contención real para pantallas estrechas. Los elementos con
   video o grids no deben ampliar el lienzo más allá del viewport. */
html,body{max-width:100%;overflow-x:clip}
.hero>*,.section-heading>*,.video-bento>*,.format-rail>*,.voice-transform-section>*,.narration-section>*,.control-grid>*{min-width:0}
.video-card,.video-card video,.hero-stage,.hero-copy{max-width:100%;min-width:0}
@media(max-width:620px){
  .section-shell{width:auto;max-width:calc(100vw - 22px);margin-inline:11px}
  .hero{width:auto;max-width:calc(100vw - 22px);gap:30px}
  .hero-copy{width:100%;overflow:hidden}
  .signal{width:auto;max-width:100%;justify-content:center;padding-inline:10px;font-size:9px;white-space:normal;text-align:center}
  .hero h1{width:100%;max-width:100%;font-size:clamp(36px,10.25vw,42px);line-height:1;letter-spacing:-.045em;overflow-wrap:anywhere}
  .hero h1 em{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .hero-copy>p{max-width:100%;font-size:15px}
  .hero-stage{width:100%;min-height:500px}
  .stage-head{left:14px;right:14px;gap:10px;font-size:9px}
  .stage-head b{max-width:48%;text-align:right;line-height:1.3}
  .hero-phone{top:72px;height:370px;max-width:72vw}
  .platform-strip{width:auto;grid-template-columns:1fr 1fr;gap:9px 12px;padding:16px 8px}
  .platform-strip b{font-size:12px}
  .section-heading{width:100%;max-width:100%}
  .section-heading h2{max-width:100%;font-size:32px;line-height:1.04;letter-spacing:-.04em;overflow-wrap:anywhere}
  .section-heading>p{max-width:100%}
  .video-bento{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .video-card{width:100%;min-height:350px}
  .video-card video{min-width:0}
  .video-card h3{overflow-wrap:anywhere}
  .format-rail{width:100%;max-width:100%;overscroll-behavior-x:contain}
  .voice-transform-visual,.narration-visual,.control-feature,.final-cta{width:100%;max-width:100%;min-width:0}
  .scroll-cta{max-width:calc(100vw - 24px)}
}
@media(max-width:370px){
  .video-bento{grid-template-columns:1fr}
  .video-card{min-height:420px}
}