:root {
  --navy: #071c58;
  --navy-deep: #020d2e;
  --blue: #0b5cff;
  --blue-bright: #1388ff;
  --gold: #ffb119;
  --violet: #775dff;
  --ink: #071844;
  --muted: #566582;
  --line: rgba(7, 28, 88, .12);
  --surface: #f5f8ff;
  --white: #fff;
  --radius: 30px;
  --shadow: 0 28px 80px rgba(10, 36, 91, .16);
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { width: 100%; max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
body { position: relative; width: 100%; max-width: 100%; margin: 0; color: var(--ink); background: #fff; font-family: var(--font); overflow-x: hidden; }
@supports (overflow: clip) {
  html, body { overflow-x: clip; }
  .hero, .motion-ribbon, .community-story, .passport, .final-cta, .site-footer { overflow-x: clip; }
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input { font: inherit; }
em { color: var(--blue); font-family: Georgia, serif; font-weight: 400; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 999; padding: 12px 18px; background: #fff; border-radius: 12px; box-shadow: var(--shadow); }
.skip-link:focus { top: 16px; }
:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }

.cursor-glow { position: fixed; width: 360px; height: 360px; border-radius: 50%; pointer-events: none; z-index: 0; opacity: 0; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(11,92,255,.09), transparent 67%); transition: opacity .3s; }

.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 86px; padding: 0 max(28px, calc((100vw - 1320px)/2)); display: grid; grid-template-columns: 220px 1fr 220px; align-items: center; color: #fff; transition: background .35s, color .35s, height .35s, box-shadow .35s; }
.site-header.is-scrolled { height: 72px; color: var(--ink); background: rgba(255,255,255,.86); backdrop-filter: blur(18px); box-shadow: 0 8px 34px rgba(6,24,70,.08); }
.brand { width: 165px; height: 58px; overflow: hidden; display: flex; align-items: center; }
.brand-art { width: 160px; height: auto; display: block; }

.desktop-nav { justify-self: center; display: flex; gap: 34px; font-size: 14px; font-weight: 700; }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; bottom: -8px; width: 0; height: 2px; background: var(--gold); transition: width .25s; }
.desktop-nav a:hover::after { width: 100%; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.header-cta { padding: 12px 18px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; font-weight: 800; font-size: 13px; white-space: nowrap; }
.is-scrolled .header-cta { background: var(--navy); color: #fff; border-color: var(--navy); }
.language-control { height: 42px; padding: 0 10px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: inherit; background: rgba(255,255,255,.06); }
.language-control > span[aria-hidden] { font-size: 16px; }
.language-control select { width: 45px; padding: 0 2px; border: 0; outline: 0; color: inherit; background: transparent; cursor: pointer; font-size: 11px; font-weight: 900; }
.language-control option { color: var(--ink); background: #fff; }
.is-scrolled .language-control { border-color: var(--line); background: #f5f8ff; }
.mobile-language { display: none; }
.menu-button, .mobile-menu { display: none; }

.hero { position: relative; min-height: 900px; height: max(900px, 100svh); padding: 148px max(40px, calc((100vw - 1320px)/2)) 85px; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 72px; overflow: hidden; color: #fff; background: radial-gradient(circle at 76% 28%, rgba(17,126,255,.46), transparent 27%), radial-gradient(circle at 18% 95%, rgba(119,93,255,.22), transparent 30%), linear-gradient(135deg, #020d2e 0%, #062368 56%, #041542 100%); }
.hero-noise { position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle, black, transparent 83%); }
.hero::before { content: ""; position: absolute; width: 440px; height: 440px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; left: -260px; top: 16%; }
.hero-copy { position: relative; z-index: 2; width: 100%; min-width: 0; max-width: 680px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; letter-spacing: .13em; text-transform: uppercase; font-size: 12px; font-weight: 800; color: #b9ccff; }
.eyebrow span { width: 30px; height: 2px; background: var(--gold); }
.hero h1 { margin: 0; font-size: clamp(62px, 7.25vw, 112px); line-height: .87; letter-spacing: -.07em; }
.hero h1 span { display: block; }
.hero h1 em { color: #fff; font-size: .91em; }
.hero h1 span:nth-child(2) { color: var(--gold); }
.hero-lede { max-width: 610px; margin: 34px 0; color: #d5e0ff; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.button { min-height: 55px; padding: 0 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; font-weight: 850; transition: transform .22s, box-shadow .22s, background .22s; }
.button:hover { transform: translateY(-3px); }
.button-gold { color: #281800; background: linear-gradient(135deg, #ffd266, var(--gold)); box-shadow: 0 14px 40px rgba(255,177,25,.3); }
.button-ghost { border: 1px solid rgba(255,255,255,.22); color: #fff; }
.play-dot { display: grid; place-items: center; width: 28px; height: 28px; color: var(--navy); background: #fff; border-radius: 50%; font-size: 9px; }
.hero-proof { list-style: none; padding: 0; display: flex; margin-top: 38px; color: #9eb5ef; font-size: 12px; font-weight: 700; }
.hero-proof li { padding: 0 17px; border-left: 1px solid rgba(255,255,255,.18); }
.hero-proof li:first-child { padding-left: 0; border: 0; }

.hero-visual { position: relative; width: 100%; min-width: 0; min-height: 680px; display: grid; place-items: center; perspective: 1200px; z-index: 2; }
.phone { position: relative; padding: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.55); border-radius: 44px; background: #091536; box-shadow: 0 38px 90px rgba(0,0,0,.3), inset 0 0 0 2px rgba(255,255,255,.12); transform-style: preserve-3d; }
.phone img { width: 100%; height: 100%; border-radius: 36px; object-fit: cover; object-position: top; }
.phone-speaker { position: absolute; z-index: 3; left: 50%; top: 13px; width: 50px; height: 5px; transform: translateX(-50%); border-radius: 10px; background: #14234b; }
.hero-phone { width: min(330px, 66%); aspect-ratio: 853/1843; transform: rotateY(-11deg) rotateX(3deg) rotateZ(3deg); animation: phoneFloat 6s ease-in-out infinite; }
.hero-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); }
.orbit-one { width: 590px; height: 590px; }
.orbit-two { width: 450px; height: 450px; border-style: dashed; animation: spin 30s linear infinite; }
.float-card { position: absolute; z-index: 4; min-width: 205px; padding: 15px 17px; display: flex; gap: 12px; align-items: center; color: var(--ink); background: rgba(255,255,255,.92); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.8); border-radius: 19px; box-shadow: 0 20px 50px rgba(0,0,0,.2); animation: cardFloat 5s ease-in-out infinite; }
.float-card strong, .float-card small { display: block; }
.float-card small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.float-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; }
.icon-blue { background: var(--blue); }.icon-violet { background: var(--violet); }.icon-gold { background: var(--gold); color: #4d3000; }
.float-learn { left: 1%; top: 20%; }.float-connect { right: -1%; top: 43%; animation-delay: -1.4s; }.float-grow { left: 4%; bottom: 17%; animation-delay: -2.6s; }
.hero-badge { position: absolute; right: 7%; bottom: 9%; width: 105px; height: 105px; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--navy); background: var(--gold); border-radius: 50%; transform: rotate(-9deg); box-shadow: 0 15px 38px rgba(255,177,25,.25); }
.hero-badge strong { font-size: 38px; }.hero-badge span { font-size: 10px; font-weight: 850; text-transform: uppercase; line-height: 1.2; }
.scroll-cue { position: absolute; bottom: 28px; left: 50%; display: flex; gap: 11px; align-items: center; transform: translateX(-50%); color: #91a7df; text-transform: uppercase; letter-spacing: .17em; font-size: 9px; font-weight: 800; }
.scroll-cue span { width: 20px; height: 32px; border: 1px solid rgba(255,255,255,.35); border-radius: 20px; }
.scroll-cue span::after { content:""; display:block; width: 3px; height: 7px; margin: 6px auto; background: var(--gold); border-radius: 5px; animation: scrollDot 1.6s infinite; }

.motion-ribbon { height: 72px; overflow: hidden; color: #fff; background: var(--blue); transform: rotate(-1.1deg) scale(1.02); margin: -8px 0 0; }
.motion-ribbon-track { width: max-content; height: 100%; display: flex; align-items: center; gap: 28px; animation: marquee 24s linear infinite; }
.motion-ribbon span { font-size: 20px; font-weight: 900; letter-spacing: .15em; }.motion-ribbon b { color: var(--gold); }

.manifesto { padding: 170px max(32px, calc((100vw - 1120px)/2)); background: #fff; }
.manifesto-kicker { margin-bottom: 55px; color: var(--blue); font-size: 13px; letter-spacing: .15em; text-transform: uppercase; font-weight: 850; }
.manifesto-line { margin: 0; color: #a1abc0; font-size: clamp(34px, 5.2vw, 76px); font-weight: 800; letter-spacing: -.045em; line-height: 1.14; }
.manifesto-line em { color: var(--ink); }
.manifesto-turn { margin-top: 75px; display: grid; grid-template-columns: auto 1fr auto; gap: 22px; align-items: center; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; }
.turn-line { height: 1px; background: var(--line); }.manifesto-turn strong { color: var(--blue); font-size: 15px; }

.story { padding: 130px max(32px, calc((100vw - 1240px)/2)); background: var(--surface); }
.section-number { margin: 0 0 20px; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: .18em; }
.section-number.light { color: #74a6ff; }
.story-heading h2, .section-head h2, .community-copy h2, .events-copy h2, .passport-copy h2, .trust h2, .faq h2, .final-copy h2 { margin: 0; font-size: clamp(43px, 5.3vw, 78px); line-height: .99; letter-spacing: -.055em; }
.story-grid { margin-top: 72px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; }
.story-visual { position: sticky; top: 110px; height: calc(100vh - 145px); min-height: 620px; display: grid; place-items: center; perspective: 1000px; }
.story-halo { position: absolute; width: min(500px, 90%); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #d9e8ff, #e9e5ff 52%, transparent 70%); filter: blur(2px); }
.story-phone { width: min(310px, 72%); aspect-ratio: 853/1843; transform: rotateY(9deg) rotateZ(-2deg); box-shadow: 32px 45px 80px rgba(7,28,88,.25); }
.story-screen { position: absolute; inset: 8px; width: calc(100% - 16px)!important; height: calc(100% - 16px)!important; opacity: 0; transform: scale(1.025); transition: opacity .6s, transform .6s; }
.story-screen.is-active { opacity: 1; transform: scale(1); }
.story-index { position: absolute; left: 6%; bottom: 14%; display: flex; align-items: baseline; gap: 5px; color: var(--navy); }
.story-index span { font-size: 56px; font-weight: 900; }.story-index small { color: var(--muted); font-weight: 800; }
.story-chapter { min-height: 78vh; padding: 18vh 0 80px; opacity: .28; transition: opacity .5s; }
.story-chapter.is-active { opacity: 1; }
.chapter-tag { color: var(--blue); font-size: 11px; letter-spacing: .17em; font-weight: 900; }
.story-chapter h3 { margin: 22px 0; font-size: clamp(40px, 4.3vw, 67px); line-height: 1; letter-spacing: -.05em; }
.story-chapter > p:not(.chapter-tag) { max-width: 620px; color: var(--muted); font-size: 20px; line-height: 1.75; }
.story-chapter ul { list-style: none; margin: 34px 0 0; padding: 0; display: grid; gap: 15px; font-weight: 750; }
.story-chapter li::before { content: "✓"; display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 12px; color: #fff; background: var(--blue); border-radius: 50%; font-size: 12px; }

.ecosystem { padding: 145px max(32px, calc((100vw - 1240px)/2)); }
.section-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; }
.section-head > p { margin: 0 0 4px; color: var(--muted); font-size: 18px; line-height: 1.75; }
.bento-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; perspective: 1200px; }
.bento-card { position: relative; min-height: 350px; padding: 34px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 14px 40px rgba(7,28,88,.06); transform-style: preserve-3d; }
.bento-learning, .bento-career { grid-column: span 7; }.bento-community, .bento-events { grid-column: span 5; }.bento-profile, .bento-ai { grid-column: span 6; }
.bento-card h3 { max-width: 500px; margin: 40px 0 13px; font-size: clamp(28px, 3vw, 42px); letter-spacing: -.04em; line-height: 1.07; }
.bento-card p { max-width: 540px; color: var(--muted); line-height: 1.65; }
.bento-top { display: flex; align-items: center; justify-content: space-between; }
.bento-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: #dfe9ff; color: var(--blue); font-size: 24px; }
.pill { padding: 7px 10px; color: var(--blue); background: #e6eeff; border-radius: 999px; font-size: 9px; font-weight: 900; letter-spacing: .12em; }.pill-gold { color: #7a4a00; background: #fff0cb; }
.mini-path { margin-top: 30px; display: flex; align-items: center; gap: 10px; color: #8490a9; font-size: 11px; font-weight: 800; }.mini-path i { width: 45px; height: 2px; background: #d8e0f1; }.mini-path .done { color: var(--blue); }
.avatar-stack { margin-top: 28px; display: flex; align-items: center; }.avatar-stack span { width: 42px; height: 42px; margin-left: -9px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--blue), var(--violet)); font-size: 10px; font-weight: 850; }.avatar-stack span:first-child{margin:0}.avatar-stack b{margin-left:13px;color:var(--blue);font-size:12px}
.event-ticket { margin-top: 23px; padding: 15px; display: flex; gap: 15px; align-items: center; background: #fff; border-radius: 17px; }.event-ticket time { width: 55px; padding: 8px; text-align:center; background:#eef3ff; color:var(--blue); border-radius:11px; font-size:9px;font-weight:850}.event-ticket time b,.event-ticket span *{display:block}.event-ticket time b{font-size:22px}.event-ticket small{color:var(--blue);font-size:9px}.event-ticket strong{margin-top:5px;font-size:13px}
.ready-switch { margin-top: 30px; padding: 16px 18px; display: flex; justify-content: space-between; border-radius: 17px; background: var(--navy); color: #fff; font-size: 12px; }.ready-switch i { display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#20d577;box-shadow:0 0 15px #20d577}.ready-switch b{color:#20d577}
.keyword-cloud { margin-top: 25px; display:flex; flex-wrap:wrap; gap:8px}.keyword-cloud span{padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:800}
.bento-ai { color:#fff; background: radial-gradient(circle at 78% 70%, #214eaf, transparent 32%), var(--navy); }.bento-ai p{color:#b9c9ec}.ai-orb{position:absolute;right:-25px;bottom:-50px;width:230px;height:230px;border-radius:50%;background:conic-gradient(from 80deg,var(--blue-bright),var(--violet),var(--gold),var(--blue-bright));filter:blur(2px);animation:spin 9s linear infinite}.ai-orb::after{content:"";position:absolute;inset:23px;border-radius:50%;background:var(--navy)}.ai-orb span{position:absolute;inset:-25px;border:1px solid rgba(255,255,255,.2);border-radius:50%}

.community-story { min-height: 900px; padding: 130px max(32px, calc((100vw - 1240px)/2)); display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 70% 45%,#0a3694,transparent 37%),var(--navy-deep)}
.community-copy p:not(.section-number){max-width:560px;color:#b6c5e8;font-size:18px;line-height:1.75}.community-copy em,.trust em,.final-copy em{color:var(--gold)}.community-actions{margin-top:35px;display:flex;flex-wrap:wrap;gap:9px}.community-actions span{padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:11px}
.community-stage{position:relative;min-height:650px;display:grid;place-items:center;perspective:1200px}.community-phone{z-index:2;width:310px;aspect-ratio:853/1843;transform:rotateY(-9deg) rotateZ(2deg)}.community-card{position:absolute;z-index:4;width:240px;padding:19px;color:var(--ink);background:#fff;border-radius:18px;box-shadow:var(--shadow)}.community-card *{display:block}.community-card small{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.1em}.community-card strong{margin:8px 0;font-size:14px}.community-card span{color:var(--muted);font-size:10px}.card-question{left:0;top:18%}.card-event{right:-2%;bottom:16%}.pulse-ring{position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:pulse 3s ease-out infinite}

.events-strip { min-height:760px;padding:120px max(32px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;background:#fff}.events-window{height:560px;overflow:hidden;border-radius:32px;background:#edf3ff;box-shadow:var(--shadow);transform:rotate(-2deg)}.events-window img{width:100%;height:auto}.events-copy p:not(.section-number){max-width:530px;color:var(--muted);font-size:18px;line-height:1.75}.text-link{display:inline-flex;gap:10px;margin-top:20px;color:var(--blue);font-weight:850;border-bottom:1px solid var(--blue);padding-bottom:6px}

.passport { padding:145px max(32px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center;background:linear-gradient(145deg,#f0f4ff,#faf7ff)}.passport-copy>p:not(.section-number){color:var(--muted);font-size:18px;line-height:1.75}.passport-list{margin-top:38px;border-top:1px solid var(--line)}.passport-list>div{padding:17px 0;display:grid;grid-template-columns:40px 100px 1fr;align-items:center;border-bottom:1px solid var(--line)}.passport-list span{color:var(--blue);font-size:10px;font-weight:900}.passport-list small{color:var(--muted)}
.passport-visual{position:relative;min-height:570px;display:grid;place-items:center;perspective:1200px}.passport-card{position:relative;z-index:3;width:min(520px,88%);aspect-ratio:1.58;padding:30px;overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:28px;background:radial-gradient(circle at 85% 15%,rgba(64,131,255,.9),transparent 32%),linear-gradient(145deg,#06174e,#0a3189 70%,#082062);box-shadow:0 40px 90px rgba(6,29,87,.3);transform:rotateY(-9deg) rotateX(4deg)}.passport-shine{position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.18) 50%,transparent 56%);animation:shine 5s infinite}.passport-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em}.passport-head svg{width:100px;height:40px;filter:brightness(0) invert(1)}.passport-person{margin-top:38px;display:flex;gap:14px;align-items:center}.passport-person>*{position:relative}.passport-avatar{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold),#ffe3a0);color:var(--navy);font-weight:900}.passport-person strong,.passport-person small{display:block}.passport-person small{margin-top:5px;color:#b9caef;font-size:10px}.passport-person b{margin-left:auto;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--blue-bright)}.passport-score{margin-top:38px;padding-top:22px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}.passport-score small,.passport-score strong{display:block}.passport-score small{color:#8fa8df;font-size:7px;letter-spacing:.14em}.passport-score strong{margin-top:6px;font-size:12px}.passport-code{position:absolute;right:28px;bottom:21px;display:flex;height:25px;gap:3px;align-items:flex-end}.passport-code span{width:3px;background:rgba(255,255,255,.5)}.passport-code span:nth-child(2n){height:100%}.passport-code span:nth-child(2n+1){height:60%}.profile-peek{position:absolute;right:-5%;bottom:-9%;z-index:1;width:220px;height:420px;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);transform:rotate(8deg)}.profile-peek img{height:auto;width:100%}

.for-everyone{padding:130px max(32px,calc((100vw - 1240px)/2));}.section-head.compact{grid-template-columns:1fr}.role-rail{list-style:none;padding:0;margin-top:65px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.role-rail li{min-height:260px;padding:30px;border-right:1px solid var(--line);transition:background .3s,transform .3s}.role-rail li:last-child{border:0}.role-rail li:hover{background:var(--surface);transform:translateY(-8px)}.role-rail span{color:var(--blue);font-size:10px;font-weight:900}.role-rail h3{margin:72px 0 10px;font-size:27px}.role-rail p{color:var(--muted);line-height:1.55}

.trust{padding:125px max(32px,calc((100vw - 1240px)/2));color:#fff;background:var(--navy)}.trust-intro{max-width:900px}.trust-grid{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-grid article{padding:35px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.045)}.trust-grid article>span{width:45px;height:45px;display:grid;place-items:center;color:var(--gold);background:rgba(255,177,25,.12);border-radius:13px;font-size:22px}.trust-grid h3{margin:50px 0 12px;font-size:23px}.trust-grid p{margin:0;color:#afc0e6;line-height:1.7}

.faq{padding:140px max(32px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq-title{position:sticky;top:130px;align-self:start}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:26px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-weight:800;font-size:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--blue);color:#fff}.faq-list p{margin:0;padding:0 50px 26px 0;color:var(--muted);line-height:1.75}

.final-cta{position:relative;min-height:820px;padding:120px max(32px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0a59f1,#081c5e)}.final-copy{position:relative;z-index:3}.final-copy>p:first-child{color:#b9ccff;font-size:10px;font-weight:900;letter-spacing:.17em}.final-lede{max-width:550px;color:#d2ddf8;font-size:18px;line-height:1.7}.store-row{margin:30px 0;display:flex;gap:10px;flex-wrap:wrap}.store-button{min-width:160px;padding:11px 16px;display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.08)}.store-button i{font-style:normal}.store-button small,.store-button b{display:block}.store-button small{font-size:7px;color:#a9bce8}.button-white{background:#fff;color:var(--blue)}.final-phones{position:relative;min-height:650px;perspective:1200px}.final-phone{position:absolute;width:260px;aspect-ratio:853/1843;bottom:-110px;padding:6px;border-radius:38px}.final-phone img{border-radius:32px}.final-phone.one{left:0;transform:rotate(-10deg) translateZ(-40px)}.final-phone.two{left:29%;z-index:3;bottom:-30px}.final-phone.three{right:0;transform:rotate(10deg) translateZ(-40px)}.cta-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:450px;height:450px;right:-130px;top:-130px;background:rgba(119,93,255,.25)}.orb-b{width:300px;height:300px;left:-100px;bottom:-80px;background:rgba(255,177,25,.16)}

.site-footer{padding:80px max(32px,calc((100vw - 1240px)/2)) 30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#020a22;color:#fff}.footer-brand .brand-art{width:210px;height:auto}.footer-brand p{color:#8498c8}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.footer-links strong,.footer-links a{display:block}.footer-links strong{margin-bottom:18px;color:#769df9;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.footer-links a{margin:11px 0;color:#c2cee9}.footer-bottom{grid-column:1/-1;padding-top:25px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);color:#7185b5;font-size:11px}

html[dir="rtl"] body { font-family: Tahoma, Arial, sans-serif; }
html[dir="rtl"] .brand, html[dir="rtl"] .brand-art, html[dir="rtl"] .phone, html[dir="rtl"] .passport-card, html[dir="rtl"] .profile-peek, html[dir="rtl"] .final-phones { direction: ltr; }
html[dir="rtl"] .hero-copy, html[dir="rtl"] .story-chapter, html[dir="rtl"] .section-head, html[dir="rtl"] .community-copy, html[dir="rtl"] .events-copy, html[dir="rtl"] .passport-copy, html[dir="rtl"] .trust, html[dir="rtl"] .faq, html[dir="rtl"] .final-copy { text-align: right; }
html[dir="rtl"] .eyebrow span { order: 2; }
html[dir="rtl"] .hero-proof li { border-left: 0; border-right: 1px solid rgba(255,255,255,.18); }
html[dir="rtl"] .hero-proof li:first-child { padding-left: 17px; padding-right: 0; border-right: 0; }
html[dir="rtl"] .story-chapter li::before { margin-right: 0; margin-left: 12px; }
html[dir="rtl"] .passport-list > div { grid-template-columns: 40px 100px 1fr; }
html[dir="rtl"] .faq-list p { padding-right: 0; padding-left: 50px; }
html[dir="rtl"] .mobile-menu { text-align: right; }
html[dir="rtl"] .mobile-language { direction: rtl; }

.reveal { opacity:1; transform:translateY(32px); transition:transform .8s cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{transform:none}
.hero .reveal { opacity: 1; transform: none; }
@keyframes phoneFloat{50%{transform:rotateY(-8deg) rotateX(1deg) rotateZ(1deg) translateY(-18px)}}
@keyframes cardFloat{50%{transform:translateY(-12px) rotate(1deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes scrollDot{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(12px);opacity:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes pulse{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.35);opacity:0}}
@keyframes shine{0%,60%{transform:translateX(-25%)}100%{transform:translateX(65%)}}

@media (max-width:1050px){
  .site-header{grid-template-columns:180px 1fr 180px}.desktop-nav{gap:18px}.hero{gap:20px}.float-card{min-width:180px}.story-grid{gap:35px}.community-story,.passport{gap:45px}.bento-card{padding:27px}.events-strip{gap:55px}
}
@media (max-width:820px){
  .site-header{height:70px;padding:0 20px;grid-template-columns:1fr auto}.site-header.is-scrolled{height:66px}.brand{width:145px}.brand-art{width:140px}.desktop-nav,.header-actions{display:none}.menu-button{width:44px;height:44px;padding:10px;display:grid;gap:5px;align-content:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent}.is-scrolled .menu-button{border-color:var(--line)}.menu-button>span:not(.sr-only){height:2px;background:currentColor;border-radius:2px;transition:transform .3s,opacity .3s}.menu-button[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:66px 12px auto;padding:25px;display:grid;gap:8px;color:var(--ink);background:rgba(255,255,255,.97);border-radius:22px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu a{padding:13px;border-bottom:1px solid var(--line);font-weight:800}.mobile-language{height:auto;margin-top:8px;padding:12px 14px;display:flex;justify-content:space-between;border-color:var(--line);background:var(--surface);border-radius:14px}.mobile-language select{width:auto;color:var(--ink)}
  .hero{height:auto;min-height:100svh;padding:120px 24px 100px;grid-template-columns:1fr;text-align:center}.hero-copy{margin:auto}.eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero h1{font-size:clamp(56px,16vw,88px)}.hero-visual{min-height:590px}.hero-phone{width:280px}.orbit-one{width:520px;height:520px}.orbit-two{width:390px;height:390px}.float-learn{left:2%}.float-connect{right:1%}.float-grow{left:3%}.hero-badge{right:8%;bottom:7%}.scroll-cue{display:none}html[dir="rtl"] .hero-copy,html[dir="rtl"] .community-copy,html[dir="rtl"] .final-copy{text-align:center}
  .manifesto{padding:110px 26px}.story,.ecosystem{padding:100px 24px}.story-grid{grid-template-columns:1fr}.story-visual{position:relative;top:auto;height:660px}.story-chapter{min-height:auto;padding:75px 0;opacity:1}.story-chapters{display:grid;gap:1px}.section-head{grid-template-columns:1fr;gap:28px}.bento-learning,.bento-community,.bento-events,.bento-career,.bento-profile,.bento-ai{grid-column:span 12}
  .community-story,.events-strip,.passport,.faq,.final-cta{padding:100px 24px;grid-template-columns:1fr;gap:65px}.community-copy{text-align:center}.community-copy p{margin-left:auto;margin-right:auto}.community-actions{justify-content:center}.events-window{height:500px}.events-copy{order:-1}.passport-visual{min-height:520px}.faq-title{position:relative;top:auto}.role-rail{grid-template-columns:repeat(2,1fr)}.role-rail li:nth-child(2){border-right:0}.trust{padding:100px 24px}.trust-grid{grid-template-columns:1fr}.final-phones{min-height:550px}.site-footer{padding:70px 24px 28px}
}
@media (max-width:560px){
  .hero{padding-left:18px;padding-right:18px}.eyebrow{justify-content:center;font-size:9px;letter-spacing:.1em}.hero h1{font-size:14.5vw}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:min(100%,330px)}.hero-proof{display:none}.hero-visual{min-height:520px}.hero-phone{width:245px}.orbit-one{width:420px;height:420px}.orbit-two{width:330px;height:330px}.float-card{min-width:0;width:145px;padding:11px}.float-card small{display:none}.float-connect{right:-7%}.float-learn{left:-8%}.float-grow{left:-7%;bottom:13%}.hero-badge{width:82px;height:82px;right:1%}.hero-badge strong{font-size:29px}
  .manifesto-turn{grid-template-columns:1fr;gap:12px}.turn-line{display:none}.story-heading h2,.section-head h2,.community-copy h2,.events-copy h2,.passport-copy h2,.trust h2,.faq h2,.final-copy h2{font-size:43px}.story-visual{height:590px;min-height:590px}.story-phone{width:260px}.story-index{left:0}.bento-card{min-height:320px;padding:24px}.bento-card h3{margin-top:28px}.community-stage{min-height:570px}.community-phone{width:255px}.community-card{width:190px;padding:14px}.card-question{left:-4%}.card-event{right:-5%}.pulse-ring{width:420px;height:420px}.events-window{height:390px}.passport-list>div{grid-template-columns:34px 90px 1fr}.passport-visual{min-height:420px}.passport-card{width:100%;padding:21px;border-radius:21px}.passport-person{margin-top:22px}.passport-score{margin-top:24px}.profile-peek{width:150px;height:300px;right:-8%;bottom:-22%}.role-rail{grid-template-columns:1fr}.role-rail li{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.role-rail h3{margin-top:45px}.trust-grid article{padding:27px}.faq-list summary{font-size:17px}.final-cta{text-align:center}.store-row{justify-content:center}.final-phones{min-height:430px;margin:0 -35px}.final-phone{width:190px}.final-phone.two{left:27%}.site-footer{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}.footer-links{gap:20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}