@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#030b12;--panel:#071722;--panel2:#092431;--ink:#f2fbff;--muted:#9cb6c2;--line:rgba(49,229,212,.24);--cyan:#18d9ff;--turq:#2de7cf;--emerald:#24df8a;--max:1480px;--pad:clamp(20px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;line-height:1.55;overflow-x:hidden;background-image:linear-gradient(rgba(25,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(25,217,255,.035) 1px,transparent 1px);background-size:72px 72px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-header{height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(2,8,13,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em}.brand b{color:var(--turq)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--turq);clip-path:polygon(14% 0,100% 0,100% 86%,86% 100%,0 100%,0 14%);background:linear-gradient(145deg,rgba(24,217,255,.25),rgba(36,223,138,.1));color:var(--cyan);font-family:"Barlow Condensed";font-size:22px}.main-nav{display:flex;align-items:center;gap:clamp(18px,2.2vw,38px);font-size:13px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.main-nav>a:not(.nav-cta){color:#bdd1da}.main-nav>a:hover{color:var(--turq)}.nav-cta{padding:18px 24px;background:linear-gradient(100deg,var(--cyan),var(--emerald));color:#001217;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.menu-toggle{display:none;background:none;border:0;color:#fff}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);max-width:1800px;margin:auto;border-inline:1px solid var(--line);position:relative;background:radial-gradient(circle at 24% 28%,rgba(24,217,255,.12),transparent 30%),linear-gradient(120deg,rgba(6,24,35,.98),rgba(3,11,18,.97) 52%,rgba(5,28,29,.96))}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 48%,rgba(45,231,207,.08) 52%,transparent 56%)}.hero-copy{padding:clamp(70px,9vw,150px) var(--pad);display:flex;flex-direction:column;justify-content:center;z-index:2}.eyebrow{font-size:12px;letter-spacing:.28em;font-weight:800;color:var(--turq);text-transform:uppercase}.eyebrow span{display:inline-block;width:28px;border-top:2px solid var(--turq);vertical-align:middle;margin-right:10px}.hero h1,.section h2,.final-cta h2{font-family:"Barlow Condensed",sans-serif;font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.025em;margin:.22em 0}.hero h1{font-size:clamp(64px,7.3vw,128px);max-width:850px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--cyan),var(--emerald));-webkit-background-clip:text;background-clip:text}.hero-lead{font-size:clamp(18px,1.3vw,22px);color:#d9e8ed;max-width:760px}.hero-copy>p:not(.eyebrow):not(.hero-lead){max-width:740px;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.btn{display:inline-flex;width:max-content;align-items:center;gap:24px;padding:18px 24px;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.08em;transition:.25s}.btn-primary{color:#001217;background:linear-gradient(100deg,var(--cyan),var(--emerald));box-shadow:0 0 32px rgba(24,217,255,.18);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 0 42px rgba(45,231,207,.36)}.btn-ghost{border:1px solid rgba(45,231,207,.5);color:var(--turq)}.hero-points{display:flex;gap:26px;flex-wrap:wrap;color:#b7cbd2;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.hero-points span::first-letter{color:var(--turq)}.hero-visual{position:relative;min-height:660px;overflow:hidden;border-left:1px solid var(--line);background:#031117}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0,transparent 18%),linear-gradient(0deg,rgba(3,11,18,.85),transparent 40%),linear-gradient(180deg,rgba(9,43,50,.2),transparent)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.85) hue-rotate(115deg) contrast(1.1)}.hud{position:absolute;z-index:3;padding:12px 16px;border:1px solid rgba(45,231,207,.55);background:rgba(3,15,21,.72);backdrop-filter:blur(10px);display:flex;flex-direction:column;min-width:145px;text-transform:uppercase}.hud b{color:var(--turq);font-size:10px;letter-spacing:.18em}.hud span{font-size:13px}.hud-a{left:8%;top:25%}.hud-b{right:8%;bottom:22%}.hero-badge{position:absolute;right:28px;top:28px;z-index:3;color:var(--turq);font-size:11px;letter-spacing:.18em}.marquee{border-block:1px solid var(--line);overflow:hidden;background:#06202a}.marquee-track{display:flex;width:max-content;gap:30px;padding:16px 0;animation:marquee 24s linear infinite;color:#c9ffff;font-size:12px;font-weight:800;letter-spacing:.24em}.marquee-track i{color:var(--emerald)}@keyframes marquee{to{transform:translateX(-50%)}}.section{max-width:var(--max);margin:0 auto;padding:clamp(70px,8vw,128px) var(--pad);border-inline:1px solid rgba(45,231,207,.1)}.section h2,.final-cta h2{font-size:clamp(48px,6vw,96px)}.section p{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:46px}.section-head>div{max-width:900px}.section-head>p{max-width:520px;font-size:18px}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;background:linear-gradient(135deg,rgba(24,217,255,.06),transparent 52%)}.intro-grid>div:first-child{grid-column:1}.intro-grid .prose{font-size:18px}.control-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.control-list span{padding:22px;border:1px solid rgba(45,231,207,.09);color:#c9e4e9;font-size:13px}.control-list span:before{content:"+";color:var(--turq);margin-right:10px}.carousel-section{max-width:none;padding-inline:0}.carousel-section .section-head{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}.carousel-controls{display:flex;gap:10px}.carousel-controls button{width:52px;height:52px;border:1px solid var(--line);background:#08202b;color:var(--turq);font-size:22px;cursor:pointer}.character-viewport{overflow:hidden}.character-track{display:flex;gap:16px;padding:0 max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}.character-card{position:relative;flex:0 0 clamp(280px,25vw,390px);height:590px;overflow:hidden;border:1px solid rgba(45,231,207,.35);background:#07151e}.character-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(1,8,12,.95) 88%)}.character-card img{width:100%;height:100%;object-fit:cover}.character-card:nth-child(even) img{filter:saturate(.78) hue-rotate(115deg)}.character-card div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px}.character-card small{color:var(--turq);font-weight:800;letter-spacing:.18em}.character-card h3{font-family:"Barlow Condensed";font-size:38px;margin:5px 0;text-transform:uppercase}.character-card p{font-size:14px;margin:0}.creator-panel{display:grid;grid-template-columns:.85fr 1.15fr;padding:0;max-width:var(--max);background:linear-gradient(135deg,#072431,#06131c)}.creator-image{min-height:760px;position:relative;overflow:hidden}.creator-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#07202b),linear-gradient(0deg,#07202b,transparent 35%)}.creator-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) hue-rotate(120deg)}.creator-copy{padding:clamp(48px,6vw,96px)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:32px 0}.mini-grid>div{padding:22px;border:1px solid rgba(45,231,207,.1)}.mini-grid b,.steps-grid b,.reason-grid b{color:var(--turq);font-size:13px}.mini-grid h3{margin:.4em 0}.steps-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.steps-grid li{padding:30px;min-height:250px;border:1px solid rgba(45,231,207,.12);background:linear-gradient(145deg,rgba(13,45,58,.72),rgba(4,15,22,.82))}.steps-grid h3{font-family:"Barlow Condensed";font-size:30px;text-transform:uppercase;margin:25px 0 8px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.format-card{border:1px solid var(--line);background:#07151e;overflow:hidden}.format-card img{width:100%;height:340px;object-fit:cover}.format-card>div{padding:28px}.format-card small{color:var(--turq);font-weight:800;letter-spacing:.15em}.format-card h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:36px;line-height:1;margin:12px 0}.roleplay-panel{display:grid;grid-template-columns:1fr 1fr;gap:56px;background:radial-gradient(circle at 90%,rgba(36,223,138,.13),transparent 35%),#06141d}.scenario-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.scenario-list span{display:flex;align-items:center;padding:22px;border:1px solid rgba(45,231,207,.1);font-weight:700}.scenario-list span:before{content:"◆";color:var(--turq);margin-right:12px}.capability-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.capability-section img{height:640px;width:100%;object-fit:cover;border:1px solid var(--line);filter:saturate(.85) hue-rotate(110deg)}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-grid article{border:1px solid var(--line);padding:34px;background:linear-gradient(145deg,rgba(11,46,58,.65),rgba(5,16,23,.95))}.dual-grid h3{font-family:"Barlow Condensed";font-size:36px;text-transform:uppercase;margin-top:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud span{padding:10px 12px;border:1px solid rgba(45,231,207,.25);font-size:13px;color:#c5dce2}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.reason-grid article{padding:28px;border:1px solid rgba(45,231,207,.12);min-height:210px}.reason-grid h3{font-family:"Barlow Condensed";font-size:30px;text-transform:uppercase;margin:20px 0 8px}.tips-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;background:linear-gradient(120deg,rgba(12,43,54,.74),rgba(3,11,18,.9))}.tips-list{border-top:1px solid var(--line)}.tips-list article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.tips-list b{color:var(--turq)}.tips-list h3{margin:0 0 5px}.tips-list p{margin:0}.faq-section{max-width:1200px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:22px 50px 22px 0;font-weight:700;position:relative}.faq-list summary:after{content:"+";position:absolute;right:10px;color:var(--turq);font-size:24px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:900px;padding-bottom:22px;margin:0}.final-cta{max-width:1800px;margin:auto;min-height:620px;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);background:#041018}.final-cta img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) hue-rotate(110deg)}.final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(4,16,24,.6) 49%,#041018 58%);pointer-events:none}.final-cta>div{grid-column:2;padding:70px var(--pad);display:flex;flex-direction:column;justify-content:center;z-index:2}.final-cta img{position:absolute;inset:0;width:58%}.final-cta p{color:var(--muted)}.final-cta small{display:block;color:#7896a2;margin-top:18px}footer{max-width:1800px;margin:auto;padding:30px var(--pad);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:1050px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#031019;padding:24px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}.menu-toggle span{display:block;width:28px;border-top:2px solid var(--turq);margin:7px}.hero{grid-template-columns:1fr}.hero-visual{min-height:72vw;border-left:0;border-top:1px solid var(--line)}.hero-visual:after{background:linear-gradient(0deg,var(--bg),transparent 30%),linear-gradient(90deg,var(--bg),transparent 22%)}.intro-grid,.creator-panel,.roleplay-panel,.capability-section,.tips-section{grid-template-columns:1fr}.creator-image{min-height:620px}.control-list{grid-template-columns:repeat(2,1fr)}.steps-grid,.reason-grid{grid-template-columns:repeat(2,1fr)}.format-grid{grid-template-columns:1fr}.format-card{display:grid;grid-template-columns:.8fr 1.2fr}.format-card img{height:100%}.section-head{align-items:start;flex-direction:column}.final-cta{grid-template-columns:1fr}.final-cta img{width:100%}.final-cta:after{background:linear-gradient(0deg,#041018 15%,rgba(4,16,24,.55) 68%,transparent)}.final-cta>div{grid-column:1;padding-top:380px}.dual-grid{grid-template-columns:1fr}}
@media(max-width:650px){:root{--pad:20px}.site-header{height:66px}.brand{font-size:13px}.brand-mark{width:38px;height:38px}.main-nav{top:66px}.hero{min-height:auto}.hero-copy{padding-top:58px}.hero h1{font-size:clamp(54px,17vw,78px)}.hero-visual{min-height:115vw}.hero-points{gap:10px;flex-direction:column}.btn{width:100%;justify-content:center}.section{padding-top:64px;padding-bottom:64px}.section h2,.final-cta h2{font-size:clamp(46px,15vw,68px)}.control-list,.steps-grid,.reason-grid,.mini-grid,.scenario-list{grid-template-columns:1fr}.character-card{height:520px;flex-basis:78vw}.creator-image{min-height:110vw}.format-card{display:block}.format-card img{height:115vw}.capability-section img{height:110vw}.tips-section{gap:20px}.final-cta>div{padding-top:110vw}footer{flex-direction:column;gap:18px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee-track{animation:none}.character-track{transition:none}}
/* Photo and spacing refinement */
.hero-visual img,.character-card img,.character-card:nth-child(even) img,.creator-image img,.capability-section img,.final-cta img,.format-card img{filter:none!important}
.hero{min-height:auto}.hero-copy{padding:clamp(34px,4.5vw,68px) var(--pad)}.hero-visual{min-height:560px;border-left:2px solid rgba(24,217,255,.6);box-shadow:inset 18px 0 44px rgba(24,217,255,.08),-12px 0 38px rgba(0,210,255,.08)}
.section{padding:clamp(42px,4.8vw,72px) var(--pad)}.section-head{margin-bottom:30px}
.character-card{border-color:rgba(24,217,255,.55);box-shadow:0 0 0 1px rgba(24,217,255,.12),0 16px 38px rgba(0,210,255,.08)}.character-card:nth-child(even){border-color:rgba(36,223,138,.48)}.character-card img{border-bottom:2px solid rgba(24,217,255,.7)}
.format-card{box-shadow:0 18px 48px rgba(0,210,255,.08)}.format-card img{border-bottom:2px solid var(--cyan)}.format-card:nth-child(2) img{border-bottom-color:var(--emerald)}.format-card:nth-child(3) img{border-bottom-color:#62a9ff}
.carousel-section-alt{background:linear-gradient(135deg,rgba(0,210,255,.07),transparent 45%,rgba(36,223,138,.06));border-block:1px solid rgba(24,217,255,.2)}.carousel-section-alt .character-card{background:linear-gradient(180deg,rgba(8,29,40,.98),rgba(3,17,24,.98))}
@media(max-width:1024px){.hero-copy{padding-top:38px;padding-bottom:38px}.hero-visual{min-height:58vw}.section{padding-top:46px;padding-bottom:46px}}
@media(max-width:680px){.hero-copy{padding-top:26px;padding-bottom:32px}.hero-visual{min-height:86vw}.section{padding-top:38px;padding-bottom:38px}.section-head{margin-bottom:22px}}

/* Compact layout and additional conversion points */
.hero-copy{padding:clamp(24px,3vw,46px) var(--pad);justify-content:flex-start}
.hero-visual{min-height:0}
.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-actions{margin:18px 0}
.section{padding-top:clamp(32px,3.8vw,56px);padding-bottom:clamp(32px,3.8vw,56px)}
.section-head{margin-bottom:24px}
.btn-primary:hover,.btn-primary:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{color:#001217}
.inline-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px 24px;border:1px solid var(--line);background:linear-gradient(100deg,rgba(24,217,255,.09),rgba(36,223,138,.08))}
.inline-cta p{margin:0;color:#d9e8ed;font-weight:700}
.roleplay-panel .btn{margin-top:14px}
.tips-cta{grid-column:2;margin-top:-44px;align-self:end;pointer-events:none}
.tips-cta .btn{pointer-events:auto}
@media(max-width:1024px){.hero-visual{min-height:52vw}.tips-cta{grid-column:1;margin-top:0}.section{padding-top:40px;padding-bottom:40px}}
@media(max-width:680px){.hero-copy{padding-top:22px;padding-bottom:26px}.hero-visual{min-height:78vw}.section{padding-top:32px;padding-bottom:32px}.inline-cta{align-items:stretch;flex-direction:column;margin-top:18px;padding:18px}.inline-cta .btn{width:100%}}