:root{
  color-scheme:dark;
  --bg:#050b13;--bg2:#07111d;--panel:#0b1725;--panel2:#0f1d2d;--line:#1f3850;
  --text:#f3f8fc;--muted:#9ab1c2;--soft:#6f8799;--cyan:#56ddff;--blue:#5594ff;
  --violet:#856cff;--magenta:#e14bff;--green:#67e5b1;--gold:#ffca70;
  --grad:linear-gradient(100deg,#4c9cff 0%,#6f6cff 46%,#e14bff 100%);
  --shadow:0 30px 90px rgba(0,0,0,.42);--radius:24px;--max:1500px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(27,104,168,.13),transparent 28%),linear-gradient(180deg,#050a12 0%,#06101b 38%,#050a12 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;left:18px;top:12px;z-index:9999;padding:10px 14px;background:white;color:#07101b;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.ambient{position:fixed;pointer-events:none;z-index:-2;filter:blur(100px);opacity:.4}.ambient-a{width:520px;height:520px;background:#084f81;left:-240px;top:12vh}.ambient-b{width:580px;height:580px;background:#451472;right:-340px;top:48vh}
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;padding:14px 26px;transition:.3s ease}.site-header.is-scrolled{padding-top:9px}.header-inner{max-width:var(--max);margin:auto;min-height:62px;display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;padding:0 18px;border:1px solid transparent;border-radius:18px;transition:.3s ease}.is-scrolled .header-inner{background:rgba(5,12,21,.78);border-color:rgba(74,126,162,.28);box-shadow:0 16px 50px rgba(0,0,0,.22);backdrop-filter:blur(22px)}.brand{display:flex;gap:10px;align-items:center;font-weight:750;letter-spacing:-.02em}.brand img{filter:drop-shadow(0 0 16px rgba(86,221,255,.25))}.main-nav{justify-self:center;display:flex;align-items:center;gap:28px;color:#bbcad5;font-size:14px}.main-nav a{position:relative;transition:.2s}.main-nav a:hover,.main-nav a.is-active{color:#fff}.main-nav a::after{content:"";position:absolute;left:50%;bottom:-9px;width:0;height:1px;background:var(--cyan);transition:.25s}.main-nav a.is-active::after{left:15%;width:70%}.header-actions{display:flex;gap:14px;align-items:center}.text-link{font-size:13px;color:#b9cbd8}.text-link:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:11px;font-weight:700;letter-spacing:-.01em;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--grad);color:#fff;box-shadow:0 11px 34px rgba(107,83,255,.23),inset 0 1px rgba(255,255,255,.18)}.button-primary:hover{box-shadow:0 15px 42px rgba(112,73,255,.38),0 0 0 1px rgba(130,222,255,.25)}.button-secondary{background:rgba(11,25,40,.76);border-color:#2f5773;color:#e8f6ff}.button-secondary:hover{border-color:#59cdef;background:#10283b}.button-small{padding:10px 16px;font-size:13px}.button-large{padding:14px 20px}.button-xl{padding:16px 26px;font-size:16px}.menu-toggle,.mobile-menu{display:none}
.hero{min-height:100vh;padding:155px 44px 90px;position:relative;display:grid;align-items:center}.hero::after{content:"";position:absolute;left:50%;bottom:0;width:min(92%,1500px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#1d5474 25%,#6047a4 72%,transparent)}.hero-grid{width:100%;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(390px,.77fr) minmax(650px,1.35fr);gap:70px;align-items:center}.product-kicker,.eyebrow{color:#8de9ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.product-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px}.kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(54px,5.3vw,86px);line-height:.98;letter-spacing:-.055em;margin:0 0 26px;max-width:850px}.hero h1 span{background:linear-gradient(90deg,#55cfff,#7d8fff 47%,#e45bff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:18px;color:#bbcad6;max-width:660px;line-height:1.68}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.play-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #3b6078;font-size:9px}.hero-facts{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px 20px;color:#97adbd;font-size:12px}.hero-facts span{display:flex;align-items:center;gap:7px}.hero-facts b{color:var(--green)}.trust-strip{margin-top:18px;padding-top:17px;border-top:1px solid #14283a;display:flex;flex-wrap:wrap;gap:11px 18px;font-size:11px;color:#6f8797}.hero-product{position:relative;perspective:1600px;transform-style:preserve-3d}.hero-window{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease;box-shadow:0 50px 120px rgba(0,0,0,.55),0 0 0 1px rgba(82,197,255,.08)}.product-window{background:linear-gradient(180deg,rgba(13,27,43,.97),rgba(7,17,29,.98));border:1px solid #244866;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.window-bar{height:54px;padding:0 15px 0 18px;border-bottom:1px solid #19354a;display:flex;align-items:center;justify-content:space-between;background:rgba(4,13,23,.74)}.window-bar.compact{height:44px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#a8c7da}.window-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.window-context{display:flex;gap:7px}.context-pill{font-size:10px;padding:5px 9px;border:1px solid #294a62;border-radius:999px;color:#7894a7}.context-pill.is-active{color:#c8f6ff;border-color:#43bddd;background:#10354b}.hero-screen-wrap{position:relative;aspect-ratio:1.64/1;overflow:hidden;background:#08121f}.hero-screen{width:100%;height:100%;object-fit:cover;object-position:48% 43%}.real-screen{width:100%;height:auto}.screen-label{position:absolute;font-size:10px;font-weight:700;border-radius:999px;background:rgba(4,12,21,.84);border:1px solid rgba(84,194,230,.3);backdrop-filter:blur(10px);color:#d9f7ff;padding:7px 10px}.screen-label-a{left:14px;top:14px}.screen-label-a span{display:inline-block;width:6px;height:6px;background:var(--green);box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:6px}.screen-label-b{right:14px;bottom:14px}.hero-side-card{position:absolute;right:-18px;bottom:-66px;width:270px;padding:12px;border:1px solid #285172;border-radius:18px;background:rgba(5,16,28,.93);box-shadow:0 22px 70px rgba(0,0,0,.45);backdrop-filter:blur(16px)}.micro-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin:0 3px 9px;color:#7f9aac}.micro-heading strong{color:#67e5b1}.asset-crop{width:100%;height:145px;object-fit:cover;object-position:50% 22%;border-radius:11px;border:1px solid #1f4059}.asset-selection-row{display:flex;align-items:center;gap:5px;margin-top:9px}.asset-selection-row i{font-style:normal;width:20px;height:20px;border-radius:6px;background:#12354a;border:1px solid #347391;color:#9eeeff;display:grid;place-items:center;font-size:9px}.asset-selection-row span{margin-left:auto;color:#8ca7b9;font-size:9px}.scroll-cue{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#718c9e;font-size:11px}.scroll-cue i{width:25px;height:39px;border:1px solid #2a4b61;border-radius:15px;position:relative}.scroll-cue i::after{content:"";position:absolute;top:7px;left:50%;width:3px;height:7px;background:#70dfff;border-radius:3px;transform:translateX(-50%);animation:scrollcue 1.8s infinite}@keyframes scrollcue{50%{transform:translate(-50%,11px);opacity:.25}}
.section{max-width:var(--max);margin:0 auto;padding:120px 44px;position:relative}.section-heading{max-width:780px;margin-bottom:58px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.section-copy-block h2,.final-cta h2,.pricing-card h2{font-size:clamp(38px,4vw,62px);line-height:1.06;letter-spacing:-.045em;margin-bottom:18px}.section-heading p:last-child,.section-copy-block>p:last-of-type,.pricing-card p{color:#95adbe;font-size:16px;line-height:1.7}.eyebrow{margin-bottom:13px}.eyebrow.cyan{color:var(--cyan)}.eyebrow.magenta{color:#ff83ef}.eyebrow.violet{color:#b09cff}.chapter-number{display:block;font-size:12px;color:#5f7f96;font-weight:800;margin-bottom:15px;letter-spacing:.15em}.proof-section{padding-top:145px}.proof-stage{display:grid;grid-template-columns:.66fr 1.34fr;gap:58px;align-items:center;padding:42px;border:1px solid #193d57;border-radius:30px;background:linear-gradient(135deg,rgba(10,27,43,.86),rgba(7,14,26,.68));box-shadow:0 45px 130px rgba(0,0,0,.26)}.proof-copy h3{font-size:32px;line-height:1.12;letter-spacing:-.035em;margin-bottom:14px}.proof-copy p{color:#95adbe;line-height:1.65}.proof-mini-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:25px}.proof-mini-flow span{padding:7px 10px;border:1px solid #2c5269;background:#0b1b29;border-radius:8px;font-size:10px;color:#bae8fb}.proof-mini-flow i{font-style:normal;color:#4b748d}.video-proof-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:18px;min-height:440px}.source-stack{position:relative;border-radius:22px;overflow:hidden;border:1px solid #284d68;background:#081521}.source-stack img{width:100%;height:100%;object-fit:cover;object-position:44% 18%;filter:saturate(.82) brightness(.72)}.source-stack::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,10,17,.75))}.source-caption{position:absolute;z-index:1;left:15px;bottom:14px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.video-slot{position:relative;min-height:240px;border:1px dashed #35627e;border-radius:20px;background:repeating-linear-gradient(-45deg,rgba(16,43,62,.28),rgba(16,43,62,.28) 10px,rgba(8,23,36,.38) 10px,rgba(8,23,36,.38) 20px);display:grid;place-items:center;overflow:hidden}.video-slot-vertical{aspect-ratio:9/16;min-height:440px}.slot-ui{text-align:center;padding:26px;color:#7895a8;display:grid;justify-items:center;gap:8px}.slot-ui strong{font-size:11px;letter-spacing:.11em;color:#badbea}.slot-ui span{font-size:10px}.slot-ui code,.exact-ui-placeholder code{font-size:9px;color:#64cfea;background:#071521;border:1px solid #21475e;padding:5px 7px;border-radius:6px}.slot-icon{width:44px;height:44px;border:1px solid #3a6881;border-radius:50%;display:grid;place-items:center;color:#79e2ff;margin-bottom:4px}
.energy-story{max-width:none;padding-left:max(44px,calc((100vw - var(--max))/2 + 44px));padding-right:max(44px,calc((100vw - var(--max))/2 + 44px));background:linear-gradient(180deg,rgba(4,14,23,.2),rgba(8,35,53,.25) 45%,rgba(4,12,21,.12));border-top:1px solid rgba(45,118,154,.14);border-bottom:1px solid rgba(45,118,154,.14)}.section-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:center}.section-copy-block{max-width:570px}.step-list{margin-top:32px;display:grid;gap:9px}.step-row{width:100%;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid #1d3d52;background:rgba(8,24,36,.55);border-radius:13px;padding:12px;cursor:pointer;transition:.25s}.step-row:hover,.step-row.is-active{border-color:#3f9cc4;background:#0d3045}.step-row>span{width:30px;height:30px;border-radius:9px;border:1px solid #2f708f;color:#75e2ff;display:grid;place-items:center;font-size:11px;font-weight:800}.step-row strong{display:block;font-size:12px}.step-row small{color:#7895a8;font-size:10px}.story-product{position:relative;padding-bottom:46px}.story-window{max-height:680px}.story-screen-pan{--story-step:0;height:620px;overflow:hidden;background:#06111c;position:relative}.story-screen-pan img{height:auto;min-height:100%;width:100%;object-fit:cover;object-position:50% calc(16% + var(--story-step)*16%);transition:object-position .7s cubic-bezier(.2,.8,.2,1)}.real-badge,.placeholder-badge{font-size:9px;letter-spacing:.1em;padding:5px 8px;border-radius:999px;border:1px solid #2b6782;color:#89e7ff;background:#0b293a}.placeholder-badge{color:#8099aa;border-color:#31516a;background:#0a1824}.placeholder-badge.magenta{border-color:#703c72;color:#ef91ec;background:#241229}.floating-asset-card{position:absolute;width:250px;right:-24px;bottom:0;border:1px solid #2c6079;background:#081623;border-radius:17px;padding:10px;box-shadow:0 20px 55px rgba(0,0,0,.44)}.floating-asset-card>span{font-size:10px;font-weight:700;color:#bdeefd;display:block;margin:2px 4px 7px}.floating-asset-card img{height:155px;width:100%;object-fit:cover;object-position:50% 23%;border-radius:10px}
.director-section{padding-top:145px}.split-heading{max-width:none;display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.split-heading>p{margin:0 0 8px;color:#95adbe;line-height:1.7}.director-showcase{display:grid;grid-template-columns:1fr 180px 1fr;gap:20px;align-items:center}.comparison-card{border:1px solid #244963;border-radius:22px;background:#081522;overflow:hidden}.comparison-label{padding:13px 16px;display:flex;justify-content:space-between;font-size:10px;color:#7895a6;border-bottom:1px solid #1a364b}.comparison-label strong{color:#dff7ff}.comparison-visual{height:390px;overflow:hidden}.comparison-visual img{width:100%;height:100%;object-fit:cover;object-position:55% 20%;filter:saturate(.72) brightness(.75)}.director-arrow{text-align:center;color:#718fa2;display:grid;gap:8px;justify-items:center}.director-arrow span{font-size:10px;padding:6px 9px;border:1px solid #244e68;background:#0a1b29;border-radius:999px}.director-arrow i{font-style:normal;font-size:38px;color:#63dfff}.comparison-result .video-slot{border:0;border-radius:0;height:390px}.director-ui-slot{margin-top:30px}.screen-placeholder{min-height:340px;position:relative}.exact-ui-placeholder{display:grid;place-items:center;text-align:center;padding:40px;background:#07131f;overflow:hidden}.exact-ui-placeholder>div:not(.placeholder-grid-art):not(.beat-wave){position:relative;z-index:2;display:grid;justify-items:center;gap:8px}.exact-ui-placeholder strong{font-size:15px}.exact-ui-placeholder span{font-size:11px;color:#7893a5}.placeholder-grid-art{position:absolute;inset:0;opacity:.25;background:linear-gradient(90deg,transparent 28%,#163549 28%,#163549 28.1%,transparent 28.1%,transparent 73%,#163549 73%,#163549 73.1%,transparent 73.1%),linear-gradient(180deg,transparent 72%,#163549 72%,#163549 72.2%,transparent 72.2%)}
.energy-beat{max-width:none;padding-left:max(44px,calc((100vw - var(--max))/2 + 44px));padding-right:max(44px,calc((100vw - var(--max))/2 + 44px));background:radial-gradient(circle at 25% 50%,rgba(163,32,154,.19),transparent 32%),linear-gradient(180deg,#07101a 0%,#10091b 54%,#06101a 100%);border-top:1px solid rgba(202,73,217,.2);border-bottom:1px solid rgba(202,73,217,.17);overflow:hidden}.beat-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:#7d0f82;filter:blur(170px);opacity:.1;left:-300px;top:10%}.beat-grid{grid-template-columns:1.32fr .68fr}.beat-placeholder{min-height:440px;background:linear-gradient(180deg,#0b1020,#0b101b)}.beat-wave{position:absolute;left:8%;right:8%;top:47%;height:100px;display:flex;align-items:center;justify-content:center;gap:7px;opacity:.35}.beat-wave i{width:4px;height:20px;border-radius:4px;background:linear-gradient(#51deff,#ef55ef);animation:wave 1.25s ease-in-out infinite}.beat-wave i:nth-child(2n){animation-delay:-.2s;height:44px}.beat-wave i:nth-child(3n){animation-delay:-.45s;height:70px}.beat-wave i:nth-child(5n){animation-delay:-.7s;height:88px}@keyframes wave{50%{transform:scaleY(.35);opacity:.5}}.beat-video-slot{margin-top:13px;min-height:96px;border-color:#653766}.slot-ui.horizontal{grid-template-columns:auto 1fr;text-align:left;justify-items:start;align-items:center}.slot-ui.horizontal .slot-icon{grid-row:1/3;margin:0}.beat-principles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:31px}.beat-principles span{font-size:10px;font-weight:750;padding:7px 10px;border-radius:8px;border:1px solid #663964;color:#f3a2ee;background:#211125}.beat-principles i{width:14px;height:2px;background:#7d3a7c;box-shadow:0 0 8px #c340bd}
.connected-section{padding-top:140px}.connected-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;border:1px solid #1c4058;background:rgba(8,22,35,.65);border-radius:22px;padding:20px}.connected-flow>div{min-height:120px;border:1px solid #1b3549;border-radius:15px;background:#0a1826;padding:17px}.connected-flow>div span{font-size:9px;color:#5ddfff;font-weight:800}.connected-flow strong{display:block;font-size:13px;margin:17px 0 4px}.connected-flow small{color:#708b9e}.connected-flow>i{font-style:normal;color:#427d9b}.publish-section{padding-top:135px}.publish-grid{grid-template-columns:.58fr 1.42fr}.publish-product{position:relative;padding-bottom:40px}.publish-window .real-screen{max-height:650px;object-fit:cover;object-position:50% 8%}.publish-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.publish-points span{font-size:10px;padding:7px 9px;border:1px solid #413e6e;background:#15162b;color:#c3baff;border-radius:8px}.cover-peek{position:absolute;width:300px;right:-22px;bottom:0;background:#0a1422;border:1px solid #55448a;border-radius:16px;padding:9px;box-shadow:0 18px 60px rgba(0,0,0,.45)}.cover-peek img{height:155px;width:100%;object-fit:cover;object-position:40% 12%;border-radius:10px}.cover-peek span{display:block;margin:7px 3px 1px;font-size:9px;color:#b7a9f6}.product-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding-top:70px;padding-bottom:70px}.proof-tile{border:1px solid #1c3b50;border-radius:17px;background:linear-gradient(180deg,#0a1826,#07131f);padding:22px}.tile-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #27647f;border-radius:10px;color:#6de3ff;background:#0b2638}.proof-tile h3{font-size:15px;margin:20px 0 8px}.proof-tile p{font-size:12px;color:#7891a2;line-height:1.6;margin:0}.pricing-section{padding-top:95px}.pricing-card{border:1px solid #354d7f;border-radius:28px;padding:46px 52px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:70px;background:radial-gradient(circle at 80% 0%,rgba(146,46,189,.23),transparent 31%),linear-gradient(110deg,#081c2e,#11122b 70%,#251036);box-shadow:0 32px 100px rgba(0,0,0,.3)}.pricing-card h2{font-size:clamp(34px,3.5vw,54px);max-width:850px}.price-line{display:flex;align-items:baseline;gap:10px;margin-top:20px}.price-line strong{font-size:36px;letter-spacing:-.04em}.price-line span{font-size:12px;color:#839cac}.pricing-actions{min-width:260px;display:grid;gap:9px;text-align:center}.pricing-actions small{color:#6e8799;font-size:10px}.pricing-actions>a:last-child{font-size:11px;color:#9dcbe0}.faq-section{max-width:1050px}.faq-list{border-top:1px solid #1c394d}.faq-list details{border-bottom:1px solid #1c394d}.faq-list summary{cursor:pointer;list-style:none;padding:22px 3px;display:flex;align-items:center;justify-content:space-between;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:#6edfff}.faq-list details p{padding:0 40px 23px 3px;color:#8ca6b8;margin:0;font-size:14px}.final-cta{margin-bottom:80px;padding:58px;border:1px solid #23465e;border-radius:30px;background:radial-gradient(circle at 20% 80%,rgba(25,129,182,.18),transparent 40%),radial-gradient(circle at 86% 20%,rgba(183,48,201,.17),transparent 35%),#071421;display:flex;align-items:center;justify-content:space-between;gap:50px}.final-cta h2{font-size:clamp(38px,4vw,60px);margin-bottom:10px}.final-cta p:last-child{color:#90a9ba;margin-bottom:0}.footer{max-width:var(--max);margin:0 auto 30px;padding:36px 44px;border-top:1px solid #142f42;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;color:#7890a0}.footer-brand{display:flex;gap:12px}.footer strong{color:#dff4ff}.footer p{font-size:11px;margin:4px 0 0}.footer nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.footer nav a:hover,.footer-link-button:hover{color:#dff7ff}.footer-link-button{background:transparent;border:0;color:inherit;padding:0;cursor:pointer}.visitor-meter{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.privacy-consent{position:fixed;z-index:120;left:22px;right:22px;bottom:22px;max-width:1080px;margin:auto;padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;background:rgba(7,18,29,.97);border:1px solid #31556d;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.55);backdrop-filter:blur(20px)}.privacy-consent[hidden]{display:none}.privacy-consent h2{font-size:20px;margin:4px 0 8px}.privacy-consent p{font-size:12px;color:#94adbd;max-width:760px;margin-bottom:8px}.privacy-consent a{font-size:11px;color:#72dfff}.privacy-consent-actions{display:flex;gap:9px;align-items:center}.privacy-consent-actions .button{padding:11px 14px;font-size:11px}.privacy-consent .consent-allow{border-color:#4d9dbd}.privacy-choice-known:not(.privacy-settings-open) .privacy-consent{display:none}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.js .reveal.is-visible{opacity:1;transform:none}
@media (max-width:1200px){.main-nav{gap:18px}.hero{padding-left:30px;padding-right:30px}.hero-grid{grid-template-columns:.8fr 1.2fr;gap:38px}.hero h1{font-size:58px}.hero-side-card{right:8px}.section{padding-left:30px;padding-right:30px}.energy-story,.energy-beat{padding-left:30px;padding-right:30px}.section-grid{gap:42px}.story-screen-pan{height:520px}.product-proof-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.main-nav,.header-actions .text-link{display:none}.header-inner{grid-template-columns:auto 1fr auto}.header-actions{justify-self:end}.menu-toggle{display:grid;width:40px;height:40px;border:1px solid #27465a;border-radius:10px;background:#081724;place-content:center;gap:5px}.menu-toggle span{width:18px;height:1px;background:#caeefa}.mobile-menu{position:absolute;top:82px;left:24px;right:24px;padding:12px;background:rgba(6,16,27,.98);border:1px solid #284b61;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.45)}.mobile-menu:not([hidden]){display:grid}.mobile-menu a{padding:12px;border-bottom:1px solid #142c3e;color:#bad0dc}.hero{padding-top:130px}.hero-grid,.section-grid,.proof-stage,.split-heading,.pricing-card{grid-template-columns:1fr}.hero-grid{gap:55px}.hero-product{max-width:850px}.hero-side-card{width:230px;bottom:-45px}.proof-copy{max-width:650px}.story-product{max-width:900px}.director-showcase{grid-template-columns:1fr}.director-arrow{grid-template-columns:repeat(3,auto) 1fr;align-items:center}.director-arrow i{transform:rotate(90deg)}.beat-grid{display:flex;flex-direction:column-reverse}.connected-flow{grid-template-columns:1fr}.connected-flow>i{transform:rotate(90deg);justify-self:center}.publish-product{max-width:900px}.pricing-actions{min-width:0;text-align:left;justify-items:start}.final-cta{align-items:flex-start;flex-direction:column}.privacy-consent{grid-template-columns:1fr}.privacy-consent-actions{justify-content:flex-start}}
@media (max-width:680px){.site-header{padding:8px 10px}.header-inner{padding:0 10px;gap:10px}.brand span{font-size:14px}.header-actions .button{padding:9px 11px;font-size:11px}.hero{padding:115px 18px 78px;min-height:auto}.hero h1{font-size:clamp(45px,14vw,62px)}.hero-lead{font-size:15px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-side-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:10px}.section,.energy-story,.energy-beat{padding:90px 18px}.section-heading h2,.section-copy-block h2,.final-cta h2,.pricing-card h2{font-size:38px}.proof-stage{padding:18px;border-radius:20px}.video-proof-grid{grid-template-columns:1fr}.video-slot-vertical{min-height:480px;max-width:320px;width:100%;margin:auto}.story-screen-pan{height:460px}.floating-asset-card,.cover-peek{position:relative;right:auto;bottom:auto;width:100%;margin-top:12px}.story-product,.publish-product{padding-bottom:0}.director-showcase{gap:12px}.comparison-visual,.comparison-result .video-slot{height:300px}.beat-placeholder{min-height:360px}.product-proof-grid{grid-template-columns:1fr}.pricing-card{padding:28px 22px;gap:26px}.final-cta{margin:0 18px 55px;padding:32px 24px}.footer{margin:0 18px 20px;padding:28px 0;flex-direction:column}.footer nav{justify-content:flex-start}.privacy-consent{left:10px;right:10px;bottom:10px;padding:17px}.privacy-consent-actions{display:grid;grid-template-columns:1fr 1fr}.scroll-cue{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}}
.dropin-screen{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;background:#07131f}.dropin-video{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover;background:#02070c}.video-slot.has-local-media{border-style:solid;border-color:#28546e;background:#02070c}.video-slot-vertical.has-local-media .dropin-video{aspect-ratio:9/16}.video-slot-wide.has-local-media .dropin-video{aspect-ratio:16/9}

.story-compare {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.3fr);
  gap: 1.4rem;
  align-items: center;
}
.story-compare-copy {
  display: grid;
  gap: 0.8rem;
}
.story-compare-copy h3 {
  margin: 0;
  font-size: clamp(1.45rem, 1.8vw, 2rem);
}
.compare-file-hint {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.8rem;
  align-items: center;
  font-size: 0.84rem;
  color: rgba(230,239,255,.82);
}
.compare-file-hint code, .compare-placeholder code {
  padding: 0.28rem 0.52rem;
  border-radius: 999px;
  background: rgba(13,25,50,.9);
  border: 1px solid rgba(115,151,255,.22);
  color: #bfe4ff;
}
.video-compare {
  --compare-pos: 56%;
  position: relative;
  min-height: 340px;
  border-radius: 28px;
  border: 1px solid rgba(84, 129, 255, 0.26);
  background: linear-gradient(180deg, rgba(7,18,37,.92), rgba(5,12,26,.98));
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0,0,0,.34);
}
.compare-placeholder {
  min-height: 340px;
  display: grid;
  place-items: center;
  text-align: center;
  gap: 0.45rem;
  padding: 2rem;
  color: rgba(233,243,255,.88);
}
.compare-stage { position: relative; aspect-ratio: 16 / 9; min-height: 340px; }
.compare-pane {
  position: absolute; inset: 0;
}
.compare-pane video {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.compare-after { clip-path: inset(0 0 0 var(--compare-pos)); }
.compare-divider {
  position: absolute; top: 0; bottom: 0; left: var(--compare-pos); width: 2px;
  background: linear-gradient(180deg, rgba(255,255,255,.25), #7fd8ff, rgba(255,255,255,.22));
  box-shadow: 0 0 0 1px rgba(7,18,37,.55), 0 0 22px rgba(127,216,255,.45);
  transform: translateX(-1px);
}
.compare-divider::after {
  content: '⇄'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 42px; height: 42px; display: grid; place-items: center;
  border-radius: 999px; background: rgba(7,18,37,.95); border: 1px solid rgba(127,216,255,.45); color: #dff4ff;
}
.compare-slider {
  position: absolute; inset: auto 1rem 1rem 1rem; width: calc(100% - 2rem); z-index: 4;
  accent-color: #7fd8ff;
}
.compare-chip {
  position: absolute; top: 1rem; z-index: 3; font-size: .78rem; font-weight: 700; letter-spacing: .03em;
  padding: .45rem .7rem; border-radius: 999px; backdrop-filter: blur(12px);
  background: rgba(7,18,37,.72); border: 1px solid rgba(127,216,255,.28); color: #e8f6ff;
}
.compare-chip-before { left: 1rem; }
.compare-chip-after { right: 1rem; }
@media (max-width: 960px) {
  .story-compare { grid-template-columns: 1fr; }
  .video-compare, .compare-placeholder, .compare-stage { min-height: 280px; }
}

/* Robust media diagnostics + compare playback control */
.media-error-ui,
.compare-error {
  color: rgba(235, 244, 255, .92);
}
.media-error-ui > span,
.compare-error > span,
.compare-error > small {
  max-width: 680px;
}
.media-error-details {
  width: min(100%, 760px);
  margin-top: .55rem;
  text-align: left;
  color: rgba(214, 230, 255, .78);
}
.media-error-details summary {
  cursor: pointer;
  color: #9fdbff;
  font-weight: 700;
}
.media-error-details pre {
  margin: .65rem 0 0;
  padding: .75rem;
  max-height: 180px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  border: 1px solid rgba(120, 160, 255, .18);
  border-radius: 12px;
  background: rgba(4, 10, 24, .78);
  font: 500 .75rem/1.45 ui-monospace, SFMono-Regular, Consolas, monospace;
}
.compare-play {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 6;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(127, 216, 255, .42);
  background: rgba(6, 17, 34, .88);
  color: #eaf8ff;
  display: grid;
  place-items: center;
  cursor: pointer;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
.compare-play:hover,
.compare-play:focus-visible {
  border-color: rgba(127, 216, 255, .78);
  outline: none;
  box-shadow: 0 0 0 3px rgba(80, 200, 255, .12), 0 8px 24px rgba(0,0,0,.28);
}

/* Media robustness v5 */
.media-debug-only { display: none !important; }
.media-debug .media-debug-only { display: flex !important; }
.media-fallback-box {
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(8,20,39,.96), rgba(5,13,27,.98));
}
.media-fallback-box img { width: 100%; height: 100%; max-height: 420px; object-fit: cover; opacity: .88; }
.media-fallback-copy {
  display: flex; flex-direction: column; gap: .35rem;
  padding: 1rem 1.2rem;
  background: linear-gradient(180deg, rgba(7,18,37,.42), rgba(7,18,37,.9));
}
.media-fallback-copy strong { color: #eff8ff; }
.media-fallback-copy span { color: rgba(222,236,255,.72); font-size: .9rem; }
.compare-single { position: relative; min-height: 340px; background: #050d1b; border-radius: inherit; overflow: hidden; }
.compare-single .dropin-video { width: 100%; height: 100%; min-height: 340px; object-fit: contain; background: #050d1b; }
.media-error-details { margin: .8rem 1rem 1rem; font-size: .78rem; color: #badfff; }
.media-error-details pre { white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; }
.optional-media-missing[hidden] { display: none !important; }

/* Interactive story comparer v6 */
.story-compare .video-compare.is-ready {
  display: grid;
  place-items: center;
  min-height: 660px;
  padding: 16px;
}
.story-compare .compare-stage {
  width: min(100%, 430px);
  min-height: 0;
  aspect-ratio: 9 / 16;
  border-radius: 22px;
  overflow: hidden;
  cursor: ew-resize;
  touch-action: none;
  background: #050d1b;
  box-shadow: 0 22px 54px rgba(0,0,0,.32);
}
.compare-pane video,
.compare-pane .compare-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  user-select: none;
  pointer-events: none;
}
.compare-drag-hint {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 1.1rem;
  transform: translateX(-50%);
  padding: .42rem .72rem;
  border-radius: 999px;
  border: 1px solid rgba(127,216,255,.34);
  background: rgba(5,14,29,.76);
  color: rgba(231,247,255,.88);
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .04em;
  pointer-events: none;
  backdrop-filter: blur(10px);
  transition: opacity .25s ease;
}
.video-compare:hover .compare-drag-hint,
.video-compare:focus-within .compare-drag-hint { opacity: .35; }
.story-compare .compare-slider {
  opacity: 0;
  height: 32px;
  bottom: .45rem;
  cursor: ew-resize;
}
.story-compare .compare-play { bottom: 1rem; }
@media (max-width: 680px) {
  .story-compare .video-compare.is-ready { min-height: 520px; padding: 10px; }
  .story-compare .compare-stage { width: min(100%, 340px); }
}