@charset "UTF-8";
:root{--bg:#050a19;--bg2:#08152b;--panel:#0c1730;--panel2:#101e39;--text:#f7faff;--muted:#abbad2;--cyan:#0bc9fb;--pink:#ee4bd3;--purple:#a654f7;--gold:#f1c37a;--line:rgba(153,184,235,.18);--focus:#fff2a7;--radius:20px;--shadow:0 22px 72px rgba(0,0,0,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font:16px/1.58 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}body::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:1000px;background:radial-gradient(ellipse at 85% 12%,rgba(171,67,230,.17),transparent 53%),radial-gradient(ellipse at 10% 15%,rgba(12,171,243,.12),transparent 50%);pointer-events:none}
img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}p{margin:0;color:var(--muted)}h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(42px,5.6vw,77px);font-weight:830}h2{font-size:clamp(31px,3.55vw,49px);font-weight:800}h3{font-size:clamp(20px,1.85vw,25px);font-weight:750}small{font-size:12px;color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{width:min(1200px,calc(100% - 56px));margin:0 auto}.skip{position:absolute;left:12px;top:-70px;background:#fff;color:#111;padding:9px 15px;z-index:500}.skip:focus{top:10px}.gradient-text{background:linear-gradient(95deg,#03c4ff,#a077ff 54%,#f24bd3);background-clip:text;-webkit-background-clip:text;color:transparent}.section{padding:92px 0}.section.light{background:linear-gradient(180deg,#0a1a34,#07152c)}.section.dark{background:linear-gradient(180deg,#050c1e,#080e23)}.section-heading{max-width:830px;margin:0 auto 42px;text-align:center}.section-heading p{font-size:17px;margin-top:15px}.eyebrow{font-size:11px;font-weight:830;letter-spacing:.23em;text-transform:uppercase;color:#9eb7ff;margin-bottom:15px}.eyebrow.bright{color:#7ee2ff}.prose{max-width:800px}.prose p{font-size:17px;margin-top:17px}.center{text-align:center}.muted{color:var(--muted)}.gold{color:var(--gold)}.kicker{font-size:12px;letter-spacing:.1em;color:#9dddf8;text-transform:uppercase;font-weight:800}.note{font-size:13px!important;color:#9caec7}.note-strong{padding:13px 16px;border:1px solid rgba(247,187,106,.28);border-radius:12px;background:rgba(241,195,122,.055);font-size:13px;color:#e5d2b5}.top-divider{border-top:1px solid var(--line)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(4,10,24,.89);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;gap:22px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;white-space:nowrap}.brand-icon{width:38px;height:40px;display:block;filter:drop-shadow(0 0 13px rgba(175,50,242,.52))}.brand-icon svg{width:100%;height:100%}.brand-copy strong{display:block;line-height:1.05;letter-spacing:-.06em;font-size:22px;font-weight:850}.brand-copy strong span{background:linear-gradient(120deg,#1dcaff,#d048ed,#f04ac9);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-copy small{display:block;font-size:7px;font-weight:750;letter-spacing:.12em;color:#c8d4e9;margin-top:4px}.main-nav{display:flex;align-items:center;gap:15px;margin-left:auto}.main-nav>a{font-size:12px;font-weight:680;color:#d3def0;position:relative;white-space:nowrap;padding:28px 0}.main-nav>a:hover,.main-nav>a[aria-current=page]{color:white}.main-nav>a[aria-current=page]:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#22cdfb,#eb50df)}.header-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.login-link{font-size:12px;color:#d9e5f6;font-weight:680}.menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;background:#0d1932;border:1px solid var(--line);color:white;border-radius:10px;font-size:21px}.nav-mobile-auth{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;min-height:50px;border-radius:12px;padding:14px 22px;font-size:14px;font-weight:750;line-height:1.2;white-space:nowrap;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{color:white;background:linear-gradient(105deg,#0bbdf4 0%,#9b49ee 48%,#ed36ca 100%);box-shadow:0 11px 33px rgba(178,59,238,.22)}.btn-outline{color:#f7faff;border-color:rgba(188,214,255,.59);background:rgba(7,17,37,.62)}.btn-gold{color:#211712;background:linear-gradient(125deg,#f8de92,#e6a53f)}.btn-small{padding:10px 14px;min-height:42px;font-size:12px}.button-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.button-row.center{justify-content:center}.button-row.justified{justify-content:space-between}
.hero{position:relative;overflow:hidden;min-height:670px;padding:90px 0 88px;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#050a19 4%,rgba(5,10,25,.96) 33%,rgba(5,10,25,.28) 68%,rgba(5,10,25,.12) 100%),linear-gradient(0deg,#050a19 0%,transparent 24%),url('hero-cinematic.webp');background-position:center center;background-size:cover}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:465px}.hero-copy{width:min(670px,64%)}.hero-copy h1{max-width:620px}.hero-copy>p{font-size:19px;line-height:1.62;color:#d7e2f4;max-width:620px;margin:24px 0 27px}.hero-tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.hero-tag{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;color:#d8e7ff;padding:9px 13px;border:1px solid rgba(171,211,255,.20);border-radius:999px;background:rgba(3,10,27,.6)}.hero-tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62d5fa}.hero-side-label{position:absolute;right:0;bottom:4px;background:rgba(5,10,25,.72);border:1px solid rgba(166,215,249,.31);backdrop-filter:blur(8px);padding:16px 19px;border-radius:16px;max-width:245px}.hero-side-label strong{display:block;font-size:15px}.hero-side-label small{font-size:12px}.hero-side-label .dash{display:block;width:47px;height:3px;background:linear-gradient(90deg,#08c8fa,#dc42ed);border-radius:3px;margin:9px 0}
.page-hero{position:relative;overflow:hidden;padding:100px 0 100px;background:radial-gradient(ellipse 55% 70% at 88% 50%,rgba(172,64,228,.17),transparent 75%),radial-gradient(ellipse 44% 50% at 4% 23%,rgba(5,171,255,.13),transparent 75%),linear-gradient(135deg,#061023,#071124);border-bottom:1px solid var(--line)}.page-hero .shell{position:relative;z-index:1}.page-hero h1{max-width:920px;font-size:clamp(40px,5.4vw,68px)}.page-hero p{font-size:19px;max-width:760px;margin:20px 0 27px;color:#d4dff0}.page-hero .eyebrow{margin-bottom:13px}.page-hero.split .split-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.mini-stat{display:flex;gap:14px;align-items:center;margin-top:19px;font-weight:720}.mini-stat i{height:11px;width:11px;border-radius:50%;display:block;background:#10d7f2}
.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(20,37,74,.86),rgba(8,22,43,.86));border-radius:var(--radius);padding:27px;box-shadow:var(--shadow)}.card h3{margin:13px 0 10px}.card p{font-size:15px}.card-idx{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#99a5ec;font-weight:800}.icon-circle{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(120deg,rgba(9,181,255,.28),rgba(152,62,236,.23));border:1px solid rgba(117,164,251,.25);color:#b5eaff;font-size:25px}.card-link{display:inline-flex;margin-top:19px;color:#8ee6ff;font-weight:730;font-size:13px}.card-link:hover{text-decoration:underline}.audience-card{min-height:306px;display:flex;flex-direction:column}.audience-card .card-link{margin-top:auto}.audience-card .pill{align-self:flex-start;margin-bottom:15px}.audience-card ul,.checklist{padding:0;margin:15px 0 0;list-style:none}.audience-card li{font-size:14px;line-height:1.4;color:#b9c9e4;padding:7px 0 7px 18px;position:relative}.audience-card li:before{content:'•';color:#46d4ff;position:absolute;left:2px}
.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(14,174,252,.1);border:1px solid rgba(58,177,252,.3);color:#96e4ff;font-weight:750;font-size:11px;letter-spacing:.035em}.pill.pink{color:#f6a8ec;border-color:rgba(226,91,205,.3);background:rgba(226,91,205,.10)}.pill.gold{color:#f3dba7;border-color:rgba(248,205,124,.30);background:rgba(248,205,124,.08)}
.statement{padding:34px 40px;border:1px solid rgba(154,192,249,.24);border-radius:22px;background:linear-gradient(115deg,#102654,#24153a);display:flex;justify-content:space-between;align-items:center;gap:28px}.statement h2{font-size:clamp(28px,3vw,39px);max-width:720px}.statement p{margin-top:12px}.flow-line{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:12px;align-items:stretch}.flow-arrow{display:grid;place-items:center;font-size:25px;color:#53d8fc}.flow-card{background:linear-gradient(135deg,#0f2344,#111a32);border:1px solid var(--line);border-radius:18px;padding:25px 23px}.flow-card strong{display:block;font-size:20px;margin-bottom:7px}.flow-card span{color:#90b5d7;font-size:12px;letter-spacing:.1em}.flow-card p{font-size:14px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comparison .card{padding:31px}.comparison h3{margin:12px 0 18px}.comparison ul{padding-left:19px;color:#c2d2e8;line-height:2}.comparison .spotlight{border-color:rgba(57,199,252,.53);background:linear-gradient(150deg,#0c2a4c,#1d1840)}.big-quote{font-size:clamp(27px,3.25vw,43px);line-height:1.18;letter-spacing:-.04em;font-weight:820}
.visual-story{display:grid;grid-template-columns:1.1fr .9fr;gap:37px;align-items:center}.visual-panel{background:radial-gradient(circle at 15% 10%,rgba(5,194,244,.23),transparent 53%),#101931;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;min-height:370px;position:relative}.visual-panel img{display:block;width:100%;height:370px;object-fit:cover}.visual-panel .visual-overlay{position:absolute;inset:auto 0 0;padding:25px 25px 23px;background:linear-gradient(0deg,rgba(0,5,16,.94),transparent);color:#fff}.visual-panel .visual-overlay strong{display:block;font-size:23px}.visual-panel .visual-overlay small{color:#e6eef8}.visual-story p{margin:20px 0 25px}.feature-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:28px}.feature-row .card{min-height:215px}.feature-row h3{font-size:20px}
.show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.show-card{border:1px solid var(--line);border-radius:18px;background:#0b162b;overflow:hidden;box-shadow:var(--shadow)}.show-card .image{height:220px;background:#112140 center/cover no-repeat;position:relative}.show-card .image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#081326,transparent)}.show-card .image .format{position:absolute;z-index:1;top:14px;left:14px}.show-card .image .media-status{position:absolute;z-index:1;right:12px;bottom:14px;font-size:10px;color:#d0deed;border:1px solid rgba(194,214,236,.4);background:rgba(3,14,28,.76);border-radius:20px;padding:5px 9px}.show-card .desc{padding:23px}.show-card h3{font-size:23px;margin-bottom:8px}.show-card p{font-size:14px}.show-card .link{font-size:13px;color:#8be5fb;margin-top:15px;display:block;font-weight:800}.show-card .link:hover{text-decoration:underline}.hero-showcase{position:relative;border:1px solid rgba(102,181,242,.42);border-radius:25px;overflow:hidden;min-height:395px;display:grid;grid-template-columns:1fr 1fr;background:#080f24}.hero-showcase .media{background:linear-gradient(0deg,rgba(5,10,24,.15),rgba(5,10,24,.18)),url('showcase-1.webp') center/cover no-repeat;min-height:395px;position:relative}.hero-showcase .tag{position:absolute;bottom:20px;left:20px;padding:8px 12px;border:1px solid rgba(255,255,255,.4);background:rgba(5,10,24,.76);border-radius:12px;color:#d7e9fb;font-size:12px}.hero-showcase .copy{padding:45px 43px;align-self:center}.hero-showcase .copy h2{font-size:40px;margin:12px 0 16px}.hero-showcase .copy p{font-size:16px;margin-bottom:24px}.hero-showcase .notice{font-size:12px;color:#f6d59d}
.destination-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.destination{padding:22px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#102748,#09172d);text-align:center;min-height:184px}.destination .symbol{display:grid;place-items:center;margin:0 auto 12px;width:46px;height:46px;border-radius:16px;border:1px solid rgba(113,183,252,.35);background:#15335b;color:#a7e9ff;font-size:23px}.destination strong{display:block;margin-bottom:6px;font-size:15px;word-break:break-word}.destination p{font-size:12px}.journey-line{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.journey-line .node{padding:22px;border-top:3px solid #257ed2;background:#0e1a34;border-radius:9px 9px 14px 14px}.journey-line b{color:#7fdfff;font-size:13px}.journey-line h3{font-size:18px;margin:8px 0}.journey-line p{font-size:13px}
.steps-list{display:grid;gap:13px;counter-reset:item}.step-row{display:grid;grid-template-columns:55px 1fr;gap:19px;align-items:start;padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(115deg,#101e3b,#0a162c)}.step-num{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(120deg,#00aef0,#ab56f5);font-weight:800;font-size:23px}.step-row h3{font-size:22px;margin:4px 0 6px}.step-row p{font-size:15px}.story-brief{padding:27px;border:1px solid rgba(83,204,252,.38);border-radius:22px;background:radial-gradient(ellipse at top right,rgba(157,72,225,.25),transparent 63%),#0c1934}.story-brief label{display:block;font-size:12px;color:#9cd4eb;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.story-brief .demo-select{width:100%;padding:14px 15px;border-radius:11px;border:1px solid #496080;background:#08162a;color:white;margin-bottom:18px;min-height:49px}.story-brief .brief-output{padding:18px;background:rgba(6,13,27,.63);border:1px solid rgba(133,177,237,.18);border-radius:12px;min-height:143px}.story-brief .brief-output strong{color:#fff;display:block;margin-bottom:7px}.story-brief .brief-output p{font-size:14px}.story-brief .note{margin-top:14px}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}.plan{background:linear-gradient(160deg,#102440,#0a172d);border:1px solid rgba(90,165,232,.32);border-radius:18px;padding:26px 20px 20px;min-height:500px;display:flex;flex-direction:column;position:relative}.plan.featured{background:linear-gradient(165deg,#251b43,#111b3a);border-color:rgba(198,81,237,.75);box-shadow:0 0 30px rgba(177,49,234,.13)}.plan .audience{min-height:44px;margin:7px 0 22px;font-size:13px}.plan h3{color:#bdeaff;text-transform:uppercase;letter-spacing:.045em;font-size:17px}.plan.featured h3{color:#f5baff}.plan .price{font-size:38px;font-weight:860;letter-spacing:-.06em;line-height:1}.plan .price small{font-size:12px;font-weight:600;letter-spacing:0}.plan .price .from{display:block;font-size:12px;font-weight:660;letter-spacing:0;color:#bbcee4}.plan .rule{border-top:1px solid rgba(168,200,242,.15);margin:22px 0 15px}.plan li{list-style:none;position:relative;padding:0 0 12px 18px;font-size:13px;line-height:1.42;color:#dae4f1}.plan li:before{content:'✓';position:absolute;left:0;color:#4cdaff;font-weight:900}.plan ul{padding:0;margin:22px 0 15px}.plan .plan-end{margin-top:auto}.plan .connections{font-size:13px;margin:0 0 16px;color:#bdcce2}.plan .connections strong{display:block;color:white;font-size:17px}.plan .btn{width:100%;font-size:12px;padding:12px 10px}.plan-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);color:white;border-radius:999px;background:linear-gradient(100deg,#af54f8,#df41c7);font-size:11px;white-space:nowrap;padding:8px 12px;font-weight:800}.pricing-grid+.note-strong{margin-top:24px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{border:1px solid var(--line);border-radius:13px;background:#0d1b34;padding:0 17px}.faq-grid summary{list-style:none;padding:19px 24px 19px 0;cursor:pointer;font-weight:710;font-size:14px;position:relative}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';position:absolute;right:0;color:#9fd9fe;font-size:23px;top:11px}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{padding:0 0 19px;font-size:13px;line-height:1.65}
.auth-shell{max-width:630px;margin:0 auto}.auth-card{border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,#112448,#0b1429);padding:40px;box-shadow:var(--shadow)}.auth-card h1{font-size:44px}.auth-card>p{margin:11px 0 24px;font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:7px;color:#d5e2f7;font-size:13px;font-weight:700}.field input,.field select{display:block;width:100%;height:49px;border:1px solid rgba(130,175,233,.46);border-radius:10px;background:#08162b;color:white;padding:10px 13px}.field input::placeholder{color:#8595aa}.field select{appearance:auto}.preview-alert{background:rgba(245,192,106,.075);border:1px solid rgba(244,183,104,.3);border-radius:11px;padding:14px 16px;font-size:13px;color:#e6ceaa;margin-bottom:20px}.auth-footer{margin-top:18px;font-size:14px}.auth-footer a{color:#7de3ff;font-weight:750}.status-msg{display:none;margin-top:18px;padding:14px;border-radius:10px;background:#193357;border:1px solid #3983b2;color:#d4edff;font-size:14px}.status-msg.show{display:block}
.cta-band{background:linear-gradient(120deg,rgba(6,74,133,.39),rgba(111,39,123,.4)),#0b1732;border:1px solid rgba(136,190,253,.2);border-radius:24px;padding:37px 40px;display:flex;align-items:center;justify-content:space-between;gap:26px}.cta-band h2{font-size:clamp(26px,2.85vw,39px)}.cta-band p{margin-top:9px;max-width:660px}.site-footer{border-top:1px solid var(--line);padding:39px 0 45px;background:#040a17}.footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr .95fr;gap:30px;align-items:start}.site-footer .brand-copy strong{font-size:20px}.footer-grid>div>p{margin-top:13px;font-size:13px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer-grid nav a{font-size:12px;color:#b9c8dc}.footer-grid nav a:hover{text-decoration:underline}.footer-note{text-align:right}.footer-note p{font-size:12px}.footer-note small{display:block;margin-top:12px;font-size:11px}
.book-proof{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(114,186,247,.35);border-radius:24px;background:radial-gradient(ellipse at 50% 45%,rgba(25,106,205,.38),transparent 48%),linear-gradient(160deg,#09152b,#13244a 52%,#070d22);box-shadow:var(--shadow)}.book-proof>.book-glow,.hero-showcase .media .book-glow{position:absolute;inset:-22%;background:radial-gradient(circle at 53% 53%,rgba(242,170,81,.22),transparent 31%),radial-gradient(circle at 50% 50%,rgba(42,130,247,.3),transparent 57%);filter:blur(6px)}.book-proof>img{position:relative;z-index:1;height:330px;width:auto;object-fit:contain;box-shadow:0 18px 42px rgba(0,0,0,.55);transform:perspective(800px) rotateY(-4deg)}.book-proof-caption{position:absolute;z-index:2;inset:auto 0 0;padding:40px 24px 18px;background:linear-gradient(0deg,rgba(0,5,20,.97),transparent)}.book-proof-caption small{display:block;color:#f8daa4}.book-proof-caption strong{font-size:19px;display:block}.hero-showcase .media{background:radial-gradient(ellipse at center,rgba(14,66,144,.45),transparent 68%),linear-gradient(160deg,#07172c,#151e3b);display:grid;place-items:center;position:relative;overflow:hidden}.hero-showcase .media .feature-book-cover{z-index:1;position:relative;height:330px;width:auto;object-fit:contain;box-shadow:0 16px 48px rgba(0,0,0,.56);transform:perspective(800px) rotateY(-4deg)}.hero-showcase .tag{z-index:2}.hero-showcase .media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 43%,rgba(13,159,251,.12) 45%,transparent 48%);pointer-events:none}
@media(max-width:1120px){.header-inner{gap:13px}.main-nav{gap:11px}.main-nav>a{font-size:11px}.brand-copy small{font-size:6px}.brand-copy strong{font-size:19px}.header-actions{gap:8px}.header-actions .btn{font-size:11px;padding:10px 11px}.hero-copy{width:67%}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan{min-height:440px}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.destination:nth-last-child(-n+2){grid-column:auto}}
@media(max-width:900px){.header-inner{height:70px}.menu-toggle{display:flex;margin-left:auto}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#081529;border-bottom:1px solid var(--line);padding:12px 24px 20px;flex-direction:column;gap:0;align-items:stretch;box-shadow:0 20px 35px rgba(0,0,0,.28)}.main-nav.open{display:flex}.main-nav>a{font-size:14px;padding:12px 5px}.main-nav>a[aria-current=page]:after{bottom:7px;right:auto;width:80px}.nav-mobile-auth{display:flex;gap:22px;margin-top:9px;padding:9px 5px 0;border-top:1px solid var(--line)}.nav-mobile-auth>a{color:#c3dff2;font-size:14px}.header-actions{display:none}.hero{min-height:660px}.hero-copy{width:77%}.hero-bg{background-position:60% center}.hero-side-label{display:none}.grid.three{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(2,1fr)}.show-grid{grid-template-columns:repeat(2,1fr)}.show-card:last-child{grid-column:span 2}.visual-story{grid-template-columns:1fr}.visual-story .visual-panel{order:-1}.hero-showcase .copy{padding:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-note{grid-column:span 2;text-align:left}.flow-line{grid-template-columns:1fr;gap:13px}.flow-arrow{transform:rotate(90deg);height:14px}.page-hero.split .split-hero{grid-template-columns:1fr}.journey-line{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shell{width:min(100% - 34px,1200px)}.section{padding:65px 0}.site-header{position:sticky}.brand-icon{width:33px;height:35px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:6px;letter-spacing:.06em}.hero{padding:77px 0 100px;min-height:715px}.hero-bg{background-image:linear-gradient(90deg,rgba(5,10,25,.96),rgba(5,10,25,.73)),linear-gradient(0deg,#050a19,transparent 40%),url('hero-cinematic.webp');background-position:61% center}.hero-inner{min-height:485px;align-items:center}.hero-copy{width:100%}.hero h1{font-size:clamp(46px,11.8vw,65px)}.hero-copy>p{font-size:16px;margin-top:17px}.hero-tag-row{gap:7px;margin-top:25px}.hero-tag{font-size:10px;padding:8px 9px}.button-row{gap:10px}.button-row .btn{width:100%;white-space:normal;text-align:center}.page-hero{padding:71px 0 78px}.page-hero h1{font-size:clamp(41px,10.8vw,56px)}.page-hero p{font-size:16px}.grid.three,.grid.two,.grid.four,.show-grid,.comparison,.feature-row,.faq-grid,.destination-grid,.pricing-grid,.journey-line,.form-grid{grid-template-columns:1fr}.show-card:last-child{grid-column:auto}.destination{min-height:auto;display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;text-align:left;gap:0 12px}.destination .symbol{grid-row:span 2;margin:0}.destination strong{margin-top:3px}.destination p{font-size:12px}.card{padding:23px}.audience-card{min-height:0}.statement,.cta-band{padding:28px 23px;display:block}.statement .btn,.cta-band .btn{margin-top:20px;width:100%}.hero-showcase{grid-template-columns:1fr}.hero-showcase .media{min-height:230px}.hero-showcase .copy h2{font-size:30px}.hero-showcase .copy{padding:30px 25px}.visual-panel img{height:265px}.flow-card{padding:21px}.footer-grid{grid-template-columns:1fr}.footer-note{grid-column:auto}.footer-grid nav{grid-template-columns:1fr 1fr}.auth-card{padding:27px 20px}.auth-card h1{font-size:35px}.section-heading{margin-bottom:30px}.step-row{grid-template-columns:47px 1fr;gap:13px;padding:21px 15px}.step-num{width:45px;height:45px}.step-row h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}


/* V3: StoryByte365's own 45-second mini-drama placeholder.
   All captions, status labels, and CTAs live OUTSIDE the artwork; no fake playback. */
.premiere-section{position:relative;padding:76px 0 84px;background:radial-gradient(ellipse 45% 70% at 0 35%,rgba(12,149,244,.12),transparent 74%),radial-gradient(ellipse 47% 65% at 96% 45%,rgba(190,66,223,.12),transparent 78%),linear-gradient(180deg,#060d20,#08152a);border-bottom:1px solid var(--line)}
.premiere-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}
.premiere-topline-label{font-size:11px;font-weight:820;letter-spacing:.19em;color:#74dcfa}
.premiere-topline-meta{font-size:11px;font-weight:730;letter-spacing:.08em;color:#f4c7ed}
.premiere-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:48px}
.premiere-visual{margin:0;min-width:0}
.premiere-poster{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:21px;background:#0f1a31;box-shadow:0 25px 76px rgba(0,0,0,.44),0 0 0 1px rgba(119,199,255,.34)}
.premiere-poster img{width:100%;height:100%;display:block;object-fit:cover}
.premiere-caption{display:flex;align-items:center;gap:10px;min-height:28px;margin-top:16px;color:#b6c8e1;font-size:12px;line-height:1.4}
.premiere-status-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#f1c37a;box-shadow:0 0 0 4px rgba(241,195,122,.10)}
.premiere-copy{min-width:0}
.premiere-copy .eyebrow{margin-bottom:13px}
.premiere-copy h2{max-width:525px;font-size:clamp(34px,3.6vw,52px);margin-bottom:18px}
.premiere-copy>p{font-size:15px;line-height:1.7;margin-bottom:15px;max-width:520px}
.premiere-copy .premiere-lede{font-size:18px;color:#ebf4ff;font-weight:530;line-height:1.53}
.premiere-audiences{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 19px}
.premiere-audiences>span{font-size:12px;font-weight:730;padding:7px 12px;border:1px solid rgba(136,205,248,.35);background:rgba(18,51,89,.45);border-radius:99px;color:#dceaff}
.premiere-copy .premiere-availability{font-size:12px;color:#b0c2db;line-height:1.5;margin-bottom:19px}
.premiere-buttons{gap:10px}
.premiere-buttons .btn{font-size:12px;min-height:46px;padding:12px 16px}
@media(max-width:950px){.premiere-layout{grid-template-columns:1fr;gap:30px}.premiere-copy h2{max-width:800px}.premiere-copy>p{max-width:810px}.premiere-section{padding:68px 0}.premiere-visual{max-width:800px}}
@media(max-width:620px){.premiere-section{padding:51px 0 60px}.premiere-topline{gap:5px;margin-bottom:16px}.premiere-topline-label{font-size:10px}.premiere-topline-meta{font-size:10px}.premiere-poster{border-radius:14px}.premiere-caption{font-size:11px}.premiere-layout{gap:21px}.premiere-copy h2{font-size:clamp(32px,9.1vw,44px);margin-bottom:13px}.premiere-copy .premiere-lede{font-size:16px}.premiere-copy>p{font-size:14px;margin-bottom:12px}.premiere-audiences{margin:17px 0 15px}.premiere-buttons .btn{width:100%;white-space:normal}}


/* V4: CINEMATIC EVERYWHERE. Six unique film-stage treatments; no flat light sections. */
:root{--cinema-glow:rgba(12,193,255,.24);--cinema-purple:rgba(175,74,245,.22)}
body{background:#040816}
body[data-page] main{position:relative;isolation:isolate}
.site-header{background:rgba(3,8,23,.81);border-bottom:1px solid rgba(107,178,245,.24);box-shadow:0 8px 40px rgba(0,0,0,.26)}
.main-nav{gap:19px}
.main-nav>a{font-size:13px;letter-spacing:-.012em}
.site-header::after{content:"";position:absolute;left:5%;right:5%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(5,200,255,.28),rgba(222,70,236,.18),transparent);pointer-events:none}
/* Each page hero has a different original cinema frame, with gradient exposure correction for text. */
.page-hero.cinema-page-hero{min-height:545px;display:flex;align-items:center;isolation:isolate;padding:109px 0 112px;background:#030816;border-bottom:1px solid rgba(144,189,255,.30)}
.page-hero.cinema-page-hero::before{content:"";position:absolute;inset:-12px;background-image:var(--cinema-photo);background-position:63% 47%;background-size:cover;filter:saturate(1.18) contrast(1.1);opacity:.9;z-index:-2;transform:scale(1.026);animation:cinema-pan 18s ease-in-out alternate infinite}
.page-hero.cinema-page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030817 0%,rgba(3,8,22,.99) 23%,rgba(3,8,22,.88) 42%,rgba(3,8,22,.20) 75%,rgba(3,8,22,.14) 100%),linear-gradient(180deg,rgba(4,8,19,.22) 0%,transparent 30%,rgba(3,8,22,.46) 88%,#061023 100%)}
.hero-why{--cinema-photo:url('cinema-scene-10.webp')}.hero-how{--cinema-photo:url('cinema-scene-06.webp')}.hero-showcase.cinema-page-hero{--cinema-photo:url('cinema-scene-09.webp')}.hero-pricing{--cinema-photo:url('cinema-scene-12.webp')}
.page-hero.cinema-page-hero .shell{width:min(1200px,calc(100% - 56px));padding-left:4px}
.page-hero.cinema-page-hero .shell::before{content:"";display:block;width:44px;height:2px;margin-bottom:19px;background:linear-gradient(90deg,#29cfff,#e45bea);box-shadow:0 0 15px rgba(49,194,254,.56)}
.page-hero.cinema-page-hero h1{font-size:clamp(48px,5.8vw,76px);max-width:750px;text-shadow:0 8px 34px rgba(0,0,0,.64)}
.page-hero.cinema-page-hero p{max-width:630px;font-size:18px;color:#d8e6f8;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.page-hero.cinema-page-hero .btn-outline{background:rgba(3,12,31,.73)}
/* Miniature film bars and lighting gradients across all sections. */
.section.light,.section.dark{position:relative;isolation:isolate;overflow:hidden}
.section.light{background:radial-gradient(ellipse 50% 48% at 100% 0%,rgba(18,110,223,.18),transparent 76%),radial-gradient(ellipse 35% 33% at 0% 100%,rgba(157,39,210,.10),transparent),linear-gradient(160deg,#071326,#0a1630 45%,#080e23)}
.section.dark{background:radial-gradient(ellipse 42% 48% at 0% 10%,rgba(12,121,219,.10),transparent 76%),radial-gradient(ellipse 56% 40% at 100% 88%,rgba(158,40,205,.13),transparent 85%),linear-gradient(160deg,#040a18,#091326)}
.section.light:before,.section.dark:before{content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(161,198,255,.24),transparent)}
.card{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(20,45,83,.78),rgba(5,17,37,.85)),#0a1731;box-shadow:0 16px 58px rgba(0,0,0,.32),inset 0 1px 0 rgba(195,227,255,.055);border-color:rgba(151,193,255,.21);backdrop-filter:blur(10px)}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,rgba(180,229,255,.085),transparent 32%)}
.card h3,.plan h3,.show-card h3{text-shadow:0 2px 15px rgba(0,0,0,.18)}
.audience-card{padding:0 26px 27px;transform-style:preserve-3d}
.audience-card>.pill{margin-top:22px}
.audience-scene{position:relative;margin:18px -26px 19px;height:168px;overflow:hidden;isolation:isolate}
.audience-scene:after,.cinema-card-image:after,.feature-scene:after,.plan-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,14,31,.67),transparent 62%);pointer-events:none}
.audience-scene img,.cinema-card-image img,.feature-scene img,.plan-scene img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .6s ease}
.audience-card:hover .audience-scene img,.cinema-feature-card:hover .feature-scene img,.plan:hover .plan-scene img{transform:scale(1.065)}
.cinema-wide-insert{width:100%;height:240px;overflow:hidden;border-radius:23px;margin:0 0 28px;position:relative;box-shadow:0 18px 50px rgba(0,0,0,.35);border:1px solid rgba(126,187,244,.28)}
.cinema-wide-insert img{width:100%;height:100%;object-fit:cover;object-position:center 43%}
.cinema-wide-insert:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,19,.3),transparent 55%)}
.cinema-why-card{padding:0 26px 28px}
.cinema-why-card h3{margin-top:17px}
.cinema-card-image{height:186px;margin:0 -26px 19px;overflow:hidden;position:relative}
.cinema-why-card .card-idx{display:block;margin-top:12px}
/* Feature content is truly merged into How It Works, not linked to a separate menu page. */
.cinematic-features{padding-top:88px;padding-bottom:86px}
.cinema-feature-card{padding:0 0 25px;min-height:355px}
.cinema-feature-card .feature-scene{height:180px;overflow:hidden;position:relative;border-bottom:1px solid rgba(142,197,246,.18)}
.cinema-feature-card h3{padding:0 23px;margin:22px 0 10px;line-height:1.18}
.cinema-feature-card p{padding:0 23px}
.cinema-principles .visual-panel{border:1px solid rgba(119,190,246,.37);box-shadow:0 25px 63px rgba(0,0,0,.34)}
.cinema-feature-disclaimer{padding:0 0 54px}
.story-brief{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(16,34,69,.94),rgba(16,14,40,.93));border-color:rgba(138,185,255,.30);box-shadow:0 18px 64px rgba(0,0,0,.35)}
.story-brief-poster{height:156px;position:relative;margin:-24px -24px 21px;overflow:hidden}
.story-brief-poster img{width:100%;height:100%;object-fit:cover}
.story-brief-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101e3b,transparent 72%)}
/* Premium cinematic video gallery; all typography remains outside film stills. */
.showcase-original{padding:80px 0 84px;background:radial-gradient(ellipse at 80% 60%,rgba(174,47,238,.16),transparent 58%),#050e1f!important}
.showcase-original-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:52px}
.showcase-original-poster{position:relative;margin:0;min-width:0}
.showcase-original-poster img{display:block;aspect-ratio:16/9;object-fit:cover;border-radius:22px;border:1px solid rgba(151,194,255,.3);width:100%;box-shadow:0 24px 65px rgba(0,0,0,.53),0 0 44px rgba(34,169,236,.07)}
.showcase-original-poster figcaption{font-size:11px;letter-spacing:.1em;font-weight:750;color:#a2b6d2;margin-top:16px}
.showcase-original-copy h2{font-size:clamp(36px,3.3vw,53px)}
.showcase-original-copy p{margin-top:16px;font-size:17px}
.showcase-original-copy .button-row{margin-top:27px}
.cinema-network{background:radial-gradient(ellipse at 52% 12%,rgba(54,149,246,.18),transparent 65%),linear-gradient(135deg,#07172d,#080c20)!important}
.cinema-network .destination{background:radial-gradient(ellipse at 50% 0%,rgba(90,172,248,.10),transparent 75%),linear-gradient(135deg,#102440,#0a1429);box-shadow:0 10px 28px rgba(0,0,0,.26)}
.show-card{box-shadow:0 22px 60px rgba(0,0,0,.30)}
.show-card .image{background-position:center;background-size:cover}
/* Pricing tiers become film posters, not flat four-column SaaS boxes. */
.pricing-grid{gap:18px}
.cinema-pricing-card{background:linear-gradient(160deg,rgba(17,34,63,.94),rgba(8,15,37,.95));overflow:hidden;padding:0 19px 22px;box-shadow:0 19px 57px rgba(0,0,0,.38),inset 0 1px rgba(187,222,255,.10);border-color:rgba(121,187,245,.31)}
.cinema-pricing-card.featured{background:linear-gradient(170deg,rgba(41,29,74,.96),rgba(13,19,49,.98));box-shadow:0 17px 53px rgba(136,49,204,.17)}
.cinema-pricing-card .plan-scene{height:158px;overflow:hidden;position:relative;margin:0 -19px 21px}
.cinema-pricing-card .plan-scene::after{background:linear-gradient(0deg,rgba(12,24,49,.82),transparent 72%)}
.cinema-pricing-card.featured .plan-scene{margin-top:0}
.cinema-pricing-card .plan-badge{z-index:4;top:12px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.cinema-pricing-card h3{letter-spacing:.09em}
.cinema-pricing-card .price{color:white;text-shadow:0 4px 22px rgba(0,0,0,.25)}
.cinema-pricing-card .connections{background:rgba(31,60,103,.26);padding:12px;border:1px solid rgba(148,190,238,.12);border-radius:12px}
.faq-grid details{background:linear-gradient(130deg,rgba(19,39,75,.8),rgba(7,18,42,.88));border:1px solid rgba(156,196,255,.22);box-shadow:0 10px 28px rgba(0,0,0,.18)}
/* Signup/login framed as an atmospheric studio set, not an unstyled form. */
.cinema-auth-section{min-height:760px;padding:75px 0 95px!important;display:flex;align-items:center;isolation:isolate;background:#061023!important}
.cinema-auth-section:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 40% 90% at 80% 45%,rgba(160,74,246,.10),transparent 75%),linear-gradient(90deg,#020713,rgba(4,11,27,.96) 40%,rgba(7,16,37,.9));pointer-events:none}
.cinema-auth-section>.shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:55px;align-items:center;width:min(1250px,calc(100% - 56px))}
.cinema-auth-art{position:relative;min-height:565px;overflow:hidden;border-radius:25px;border:1px solid rgba(115,187,245,.34);box-shadow:0 25px 69px rgba(0,0,0,.49),0 0 80px rgba(110,72,245,.10)}
.cinema-auth-art .cinema-auth-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(1.06)}
.cinema-auth-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050b1a 0%,rgba(3,8,18,.82) 18%,transparent 66%),linear-gradient(90deg,rgba(7,13,31,.18),transparent)}
.cinema-auth-art-copy{position:absolute;z-index:2;bottom:28px;left:30px;right:29px}
.cinema-auth-art-copy h2{font-size:clamp(27px,3.1vw,45px);line-height:1.02;margin-top:8px;color:white}
.cinema-auth-art-copy p{font-size:14px;margin-top:15px;color:#e5efff;max-width:410px}
.cinema-auth-section .auth-shell{max-width:none;margin:0;width:100%}
.cinema-auth-section .auth-card{background:linear-gradient(145deg,rgba(17,38,77,.9),rgba(8,16,38,.95));border-color:rgba(149,193,252,.36);backdrop-filter:blur(12px);box-shadow:0 22px 75px rgba(0,0,0,.45);border-radius:24px}
.cinema-auth-section .field input,.cinema-auth-section .field select{background:rgba(3,12,28,.76);border-color:rgba(136,184,246,.29)}
.cta-band{position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(4,15,40,.83),rgba(58,19,91,.80)),url('cinema-scene-12.webp') center 57%/cover;border-color:rgba(133,193,250,.35);box-shadow:0 20px 65px rgba(0,0,0,.28)}
.cta-band:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.site-footer{background:linear-gradient(180deg,#050b1b,#020711);border-top:1px solid rgba(114,175,247,.22)}
@keyframes cinema-pan{from{transform:scale(1.026)}to{transform:scale(1.08) translateX(-1.2%)}}
@media(max-width:1120px){.main-nav{gap:12px}.main-nav>a{font-size:12px}.cinema-auth-section>.shell{gap:30px}.page-hero.cinema-page-hero{min-height:510px}}
@media(max-width:950px){.showcase-original-layout{grid-template-columns:1fr;gap:28px}.cinema-auth-section>.shell{grid-template-columns:1fr}.cinema-auth-art{min-height:300px;max-height:370px}.cinema-auth-section .auth-shell{max-width:690px}.page-hero.cinema-page-hero::after{background:linear-gradient(90deg,rgba(3,8,22,.99) 1%,rgba(3,8,22,.88) 45%,rgba(3,8,22,.47)),linear-gradient(0deg,#061023,transparent 30%)}}
@media(max-width:900px){.main-nav{gap:0}.main-nav>a{font-size:14px}.cinema-auth-section>.shell{width:min(800px,calc(100% - 38px))}}
@media(max-width:620px){.page-hero.cinema-page-hero{min-height:530px;padding:79px 0 95px}.page-hero.cinema-page-hero::before{background-position:60% center;opacity:.72}.page-hero.cinema-page-hero::after{background:linear-gradient(90deg,rgba(2,7,20,.96),rgba(2,7,20,.69)),linear-gradient(0deg,#061023,transparent 39%)}.page-hero.cinema-page-hero h1{font-size:clamp(42px,10vw,61px)}.page-hero.cinema-page-hero p{font-size:16px}.page-hero.cinema-page-hero .shell{width:calc(100% - 34px)}.cinema-wide-insert{height:140px;border-radius:15px}.cinema-card-image{height:155px}.cinema-feature-card .feature-scene{height:193px}.cinematic-features{padding-top:63px}.showcase-original{padding:62px 0!important}.showcase-original-copy h2{font-size:clamp(32px,8.7vw,45px)}.showcase-original-copy p{font-size:15px}.cinema-auth-section{padding:45px 0 65px!important}.cinema-auth-art{min-height:190px;max-height:225px}.cinema-auth-art-copy{left:17px;right:17px;bottom:15px}.cinema-auth-art-copy h2{font-size:28px}.cinema-auth-art-copy p{font-size:12px;margin-top:6px}.cinema-pricing-card .plan-scene{height:175px}.audience-scene{height:181px}}
@media(prefers-reduced-motion:reduce){.page-hero.cinema-page-hero::before{animation:none}.audience-scene img,.cinema-card-image img,.feature-scene img,.plan-scene img{transition:none}}

.premiere-poster video{width:100%;height:100%;display:block;object-fit:cover}
.showcase-original-poster video{display:block;aspect-ratio:16/9;object-fit:cover;border-radius:22px;border:1px solid rgba(151,194,255,.3);width:100%;box-shadow:0 24px 65px rgba(0,0,0,.53),0 0 44px rgba(34,169,236,.07)}
.terms-check{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.terms-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#0bbdf4}.terms-check label{font-size:13px;line-height:1.5;color:#d5e2f7}.terms-check a{color:#7de3ff;font-weight:750}