@font-face{font-family:Sora;src:url('../fonts/sora-variable.ttf') format('truetype');font-weight:100 800;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/inter-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root:has(header.hero){--bg:#0B0B1A;--bg2:#151528;--white:#F8F9FF;--muted:#B8B9D0;--muted2:#9396AF;--action:#C4B5FD;--action-pressed:#A78BFA;--on-action:#0B0B1A;--line:#34344B;--line2:#34344B;--font:Sora,-apple-system,BlinkMacSystemFont,sans-serif;--font2:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--brand-link:#93C5FD;--control-border:#797E99}
body{font-family:var(--font2)}
h1,h2,h3,.nav-cta,.btn,.eyebrow{font-family:var(--font)}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--action);outline-offset:4px}
nav.topnav{padding:20px max(24px,calc((100vw - 1200px)/2));background:rgba(11,11,26,.94)}
.nav-logo{display:flex;align-items:center;min-height:44px}
.nav-logo img{display:block;width:170px;height:auto}
.nav-cta,.btn{border-radius:12px;min-height:48px}
.nav-cta,.btn-primary,.demo-play{background:var(--action);color:var(--on-action)}
.nav-cta:hover,.btn-primary:hover{background:var(--action-pressed);box-shadow:none}
.btn-secondary{border-color:var(--control-border);background:var(--bg2)}
header.hero{height:auto;min-height:720px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:100px max(24px,calc((100vw - 1200px)/2)) 120px;border-bottom:1px solid var(--line);box-shadow:none}
header.hero::before{background:radial-gradient(ellipse 40% 60% at 80% 50%,rgba(109,40,217,.11),transparent 75%)}
header.hero::after{display:none}
.hero-text{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:auto;max-width:700px;margin:0;text-align:left;order:0;z-index:6;padding:0}
.hero-text h1{font-size:clamp(38px,4.2vw,62px);line-height:1.13;letter-spacing:-2px;text-shadow:none;font-weight:600;max-width:700px}
.hero-text h1 em{font-style:normal;color:var(--action)}
.hero-text p{color:var(--muted);margin:0;max-width:540px;font-size:18px;font-weight:400;text-shadow:none;text-wrap:pretty}
.hero-tag{color:var(--action);margin-bottom:24px;letter-spacing:1.5px;font-size:12px}
.hero-cta{align-items:flex-start;margin-top:32px}
.hero-actions{justify-content:flex-start;gap:12px}
.hero-trust{color:var(--muted2);text-align:left;max-width:480px;font-size:12px}
.brand-hero-visual{order:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:440px;z-index:3;margin:0 32px}
.hero-ribbon{display:block;width:min(76%,265px);height:auto;max-height:390px;object-fit:contain}
.hero-note{position:absolute;background:var(--bg2);color:var(--muted);border:1px solid var(--line);border-radius:16px;padding:14px 20px;font-size:12px;white-space:nowrap}
.note-one{top:18px;left:-14px}.note-two{top:48%;right:-28px}.note-three{bottom:0;left:0}
.scroll-hint{bottom:28px;color:var(--muted2)}
section h2 em,.closer h2 em{font-style:normal}
.video-showcase{background:var(--bg2)}
.video-showcase-copy p,.lives-body,.tap-body,.privacy p{color:var(--muted);font-weight:400}
.demo-preview-label{color:var(--white)}
.setup-guide{padding:100px 24px;border-block:1px solid var(--line);background:var(--bg2)}
.setup-wrap{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 290px;gap:96px;align-items:center}
.setup-copy h2{font-size:clamp(30px,3.8vw,44px);line-height:1.2;letter-spacing:-1.2px;margin:16px 0 24px;font-weight:600}
.setup-copy p{color:var(--muted);line-height:1.7;max-width:520px}
.setup-copy ol{padding-left:24px;margin:24px 0;color:var(--white);font-size:15px;line-height:1.7}
.setup-copy li{padding-left:8px;margin:12px 0}
.setup-copy li::marker{color:var(--action);font-weight:600}
.setup-copy .setup-tip{font-size:13px;color:var(--muted2)}
.setup-guide video{width:100%;height:auto;display:block;border-radius:24px;background:var(--bg);border:1px solid var(--line)}
.setup-guide figcaption{color:var(--muted2);font-size:12px;text-align:center;margin-top:16px}
footer .flogo img{width:190px;height:auto;margin:0 auto 12px;display:block}
footer .flinks a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}
footer .flinks a:hover{color:var(--white)}
.privacy-detail a{color:var(--brand-link)}
.brand-info-logo{display:block;width:170px;height:auto}
.brand-info-logo.light{display:block}.brand-info-logo.dark{display:none}
@media(prefers-color-scheme:dark){.brand-info-logo.light{display:none}.brand-info-logo.dark{display:block}}
@media(max-width:900px){header.hero{gap:16px;padding-top:72px;padding-bottom:96px;grid-template-columns:1.4fr 1fr}.brand-hero-visual{margin:0;min-height:360px}.hero-note{font-size:10px;padding:10px 12px}.note-two{right:0}.hero-text h1{letter-spacing:-1.2px}.hero-text p{font-size:16px}.setup-wrap{gap:48px}}
@media(max-width:640px){nav.topnav{padding:12px 20px}.nav-logo img{width:160px}.nav-cta{font-size:11px;padding:8px 12px;min-height:44px}header.hero{grid-template-columns:1fr;min-height:0;padding:40px 24px 80px;gap:40px}.hero-text{order:1;text-align:center;max-width:100%}.hero-text h1{font-size:36px;line-height:1.16;letter-spacing:-1.3px}.hero-text p{font-size:15px;margin:auto}.hero-tag{margin-bottom:16px}.hero-cta{align-items:center;margin-top:24px}.hero-actions{justify-content:center}.hero-trust{text-align:center}.brand-hero-visual{order:0;min-height:230px;margin:0 auto;width:280px}.hero-ribbon{width:130px;max-height:200px}.hero-note{font-size:9px}.note-one{top:4px;left:-10px}.note-two{right:-10px;top:45%}.note-three{bottom:0;left:0}.setup-guide{padding:64px 24px}.setup-wrap{grid-template-columns:1fr;gap:40px}.setup-wrap figure{width:min(100%,290px);margin:auto}.setup-copy h2{font-size:32px}.hero-text .btn{padding:14px 16px;font-size:12px}.scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media(prefers-contrast:more){:root:has(header.hero){--muted:#F8F9FF;--muted2:#B8B9D0;--line:#797E99}.hero-note,.btn-secondary{border-width:2px}}
/* The previous collage used a full-height centered text overlay. */
.hero-text{display:block;min-height:0;inset:auto;pointer-events:auto;align-items:flex-start}
.hero-text::before{display:none}
.hero-note{display:none}
.hero-tag{text-align:left}
@media(max-width:640px){.hero-tag{text-align:center}.hero-text{padding:0}}

:root{--action:#6D28D9;--font:Sora,-apple-system,BlinkMacSystemFont,sans-serif;--font2:Inter,-apple-system,BlinkMacSystemFont,sans-serif}
:root:has(header.hero){--action:#C4B5FD}
@media(prefers-color-scheme:dark){:root{--action:#C4B5FD}}
@media(max-width:360px){.nav-logo img{display:none}.nav-logo::before{content:"";display:block;width:30px;height:42px;background:url('ribbon-20261006.png') center/contain no-repeat}.hero-text h1{font-size:31px}}

/* Supplied Concept 01 identity across the information pages. */
.brand-info-logo { width: 216px; height: auto; }