/* Deep-blue editorial landing with a clear electric-blue signal colour. */
.landing-body{--front-ink:#f4f8ff;--front-muted:#a7b5c9;--brand-strong:#4d9eff;--brand-cyan:#64c7ff;background:#07111f;color:#f4f8ff}
.frontpage{background:#07111f;color:#f4f8ff;isolation:isolate}
.frontpage::before{background:radial-gradient(ellipse 60% 42% at 50% 11%,#164b8b66,transparent 73%),linear-gradient(180deg,#0b1e36,#07111f 57%)}
.frontpage-noise{opacity:.11;mix-blend-mode:screen}
.front-ambient{display:none}
.front-hero{width:min(100%,1560px);padding:20px clamp(20px,4vw,64px) 0}
.front-utility{width:min(100%,1380px);min-height:68px;margin-inline:auto}
.front-brand .brand-lockup-mark{filter:grayscale(1) brightness(1.8)}
.front-brand .brand-wordmark{color:#f4f8ff}
.front-login,.front-utility-primary,.landing-body .language-picker summary{min-height:43px;border:1px solid #b8d8ff32;background:#b8d8ff0b;color:#f4f8ff;border-radius:9px;box-shadow:none}
.front-login:hover,.front-utility-primary:hover,.landing-body .language-picker summary:hover{border-color:#69b4ff88;background:#b8d8ff17}
.front-hero-grid{display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;padding:clamp(65px,6.4vw,95px) 0 0;text-align:center}
.front-hero-copy{width:min(100%,850px);max-width:none;display:flex;flex-direction:column;align-items:center}
.front-eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 17px;border:1px solid #6bb5ff52;border-radius:999px;background:#4d9eff18;color:#91ccff;font-size:.75rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase}
.front-eyebrow i{width:6px;height:6px;background:#64b6ff;box-shadow:0 0 0 5px #64b6ff24,0 0 18px #64b6ffa6}
.front-hero-copy h1{width:100%;margin:25px 0 0;font:750 clamp(4rem,7.2vw,7.2rem)/.99 "Sora",sans-serif;letter-spacing:-.092em;text-wrap:balance}
.front-hero-copy h1 span,.front-hero-copy h1 strong{display:block;max-width:none;margin:0;text-shadow:none}
.front-hero-copy h1 span{color:#f4f8ff}
.front-hero-copy h1 strong{width:max-content;max-width:100%;margin-inline:auto;color:#5eaaff;background:none;-webkit-text-fill-color:#5eaaff}
.front-hero-copy>p{max-width:42ch;margin:28px auto 0;color:#a9b9ce;font-size:1.125rem;line-height:1.7;text-wrap:pretty}
.front-claim{width:min(100%,650px);margin:34px auto 0;padding:12px;border:1px solid #b8d8ff38;border-radius:15px;background:#0f2036;box-shadow:0 23px 80px #0007,inset 0 1px #ffffff0d;text-align:left}
.front-claim-head{padding:3px 8px 10px}
.front-claim-head label{color:#eaf4ff;font-size:.8125rem}
.front-claim-head span{color:#b7d3a6;font-size:.75rem}
.front-claim-head span i{background:#93d984}
.front-claim-control{min-height:64px;border:1px solid #b8d8ff30;border-radius:10px;background:#09182b;padding:5px 5px 5px 16px}
.front-claim-control>span{color:#b9c8db;font-size:.9375rem}
.front-claim-control input{min-height:49px;color:#fff;font-size:1rem}
.front-claim-control input::placeholder{color:#7e91a8}
.front-claim-control button{min-height:51px;border:0;border-radius:8px;background:#5aaaff;color:#061629;box-shadow:0 5px 24px #4d9eff45;font-size:.875rem;font-weight:800}
.front-claim-control button:hover{background:#8cc6ff;box-shadow:0 7px 28px #4d9eff69}
.front-claim>p{padding:0 6px;color:#93a3ba}
.front-promises{display:flex;justify-content:center;gap:10px 23px;margin:25px 0 0;color:#a2b1c4;font-size:.8125rem}
.front-promises svg{color:#75baff}
.front-scroll{position:relative;display:inline-flex;justify-content:center;margin:42px auto 0;color:#99acc3;font-size:.75rem}
.front-scroll:hover{color:#9bd0ff}

/* A real, bounded set of published profiles streams through this strip. */
.front-people{width:min(100%,1260px);min-width:0;margin:92px auto 0;text-align:left}
.front-people-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 40px;align-items:end;padding-inline:4px}
.front-people-heading>span{grid-column:1/-1;color:#91ccff;font-size:.75rem;font-weight:800;letter-spacing:.15em}
.front-people-heading h2{margin:0;color:#f0f6ff;font:680 clamp(1.9rem,3.4vw,3.15rem)/1.12 "Sora",sans-serif;letter-spacing:-.05em;text-wrap:balance}
.front-people-heading p{max-width:37ch;margin:0 0 4px;justify-self:end;color:#a6b7cb;font-size:.9375rem;line-height:1.6}
.front-people-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-behavior:auto;margin-top:26px;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);outline:none}
.front-people-viewport::-webkit-scrollbar{display:none}
.front-people-viewport:focus-visible{outline:2px solid #91ccff;outline-offset:4px;border-radius:8px}
.front-people-track{display:flex;gap:12px;width:max-content;min-width:100%;padding:3px 14px 12px}
.front-person{--person-accent:#5aaaff;position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 16px;gap:13px;align-items:center;flex:0 0 280px;min-width:0;min-height:100px;padding:15px;border:1px solid #b8d8ff29;border-radius:12px;background:#102137;color:#f3f8ff;text-decoration:none;transition:background .22s,border-color .22s,transform .22s}
.front-person:hover{border-color:#6bb5ff80;background:#172d49;transform:translateY(-3px)}
.front-person:focus-visible{outline:2px solid #a0d4ff;outline-offset:2px}
.front-person-avatar{display:grid;width:56px;height:56px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--person-accent),transparent 50%);border-radius:14px;background:color-mix(in srgb,var(--person-accent),#09182b 75%);color:#fff;font:700 1.3rem/1 "Sora",sans-serif}
.front-person-avatar img{width:100%;height:100%;object-fit:cover}
.front-person-copy{display:grid;min-width:0;gap:3px}
.front-person-copy strong,.front-person-copy small,.front-person-copy em{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.front-person-copy strong{font-size:.875rem;font-weight:760}
.front-person-copy small{color:#a6b9ce;font-size:.75rem}
.front-person-copy em{color:#a6b9ce;font-size:.75rem;font-style:normal}
.front-person>svg{width:14px;height:14px;color:#9ab0c9}
.front-people-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:8px 4px 0}
.front-people-controls>span{margin-right:auto;color:#9aacc2;font-size:.75rem}
.front-people-controls button{display:grid;min-width:40px;min-height:40px;place-items:center;padding:0 11px;border:1px solid #b8d8ff30;border-radius:9px;background:#102137;color:#d6e7f9;font-size:.75rem;cursor:pointer}
.front-people-controls button:hover{border-color:#75baff88;color:#a8d8ff}
.front-people-controls button svg{width:15px;height:15px}
.front-people-controls [data-profile-pause]{padding-inline:14px}
.front-people:not(.is-ready) .front-people-controls button,.front-people.is-static .front-people-controls{display:none}
.front-people:not(.has-cards) .front-people-viewport,.front-people:not(.has-cards) .front-people-controls{display:none}

/* The demo remains interactive and distinct from the community cards. */
.front-stage{width:min(100%,420px);margin-top:95px;padding-top:38px}
.front-stage figcaption{color:#a3d4ff;border-color:#6bb5ff55;background:#102541;font-size:.75rem}
.front-stage::before{border-color:#6bb5ff40;background:#4d9eff10;transform:rotate(-4deg)}
.front-stage-halo{background:#3d95ff44;opacity:.45}
.front-stage-window{border-color:#b8d8ff45;box-shadow:0 35px 95px -23px #000d,0 0 80px -45px #4d9eff80}
.front-theme-switcher{background:#11233aea;border-color:#b8d8ff40}
.front-theme-switcher>span{color:#adbed2}
.front-stage-caption{color:#9aabc1}

/* A restrained feature inventory keeps the landing page easy to scan. */
.front-capabilities{width:min(1260px,calc(100% - 80px));margin:36px auto 0;padding:82px 0 84px;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22}
.front-capabilities-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px 60px;align-items:end}
.front-capabilities-heading>span{grid-column:1/-1;color:#91ccff;font-size:.75rem;font-weight:800;letter-spacing:.14em}
.front-capabilities-heading h2{margin:0;font:700 clamp(2.45rem,4.7vw,4.8rem)/1.07 "Sora",sans-serif;letter-spacing:-.065em}
.front-capabilities-heading p{margin:0 0 7px;color:#a7bad0;font-size:1rem;line-height:1.65}
.front-capability-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:58px}
.front-capability-group{min-width:0;border-left:1px solid #6bb5ff77;padding-left:22px}
.front-capability-group>strong{color:#f1f7ff;font:680 1.125rem/1.3 "Sora",sans-serif}
.front-capability-group ul{display:grid;gap:13px;margin:20px 0 0;padding:0;list-style:none}
.front-capability-group li{display:flex;gap:10px;color:#a8bad0;font-size:.875rem;line-height:1.45}
.front-capability-group li::before{content:"↗";color:#74baff;flex:0 0 auto}
.front-story{width:min(1260px,calc(100% - 80px));padding-top:112px}
.front-story-intro{margin-bottom:43px}
.front-story-intro>span,.front-steps-heading>span{color:#8bc8ff}
.front-story-intro h2{color:#f1f7ff;max-width:17ch;font-size:clamp(2.5rem,4.4vw,4.7rem)}
.front-story-intro p{color:#a6b8cd}
.front-feature-list{display:grid;grid-template-columns:1fr;gap:0}
.front-feature,.front-feature-design{display:grid;grid-column:auto;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:18px 50px;align-items:center;min-height:360px;padding:45px 2px;border:0;border-top:1px solid #ffffff24;border-radius:0;background:transparent;box-shadow:none}
.front-feature-index{grid-column:1;align-self:end}
.front-feature-index>b{border-color:#6bb5ff52;background:#4d9eff17;color:#a5d6ff}
.front-feature-index>span{color:#a6b8cd}
.front-feature-copy,.front-feature-design .front-feature-copy{grid-column:1;align-self:start;max-width:490px}
.front-feature-copy h3{color:#f1f7ff;font-size:clamp(1.8rem,2.9vw,3.2rem)}
.front-feature-copy p{color:#a7b9ce;font-size:.9375rem}
.front-feature-design .front-design-lab,.front-feature .front-module-river,.front-feature .front-identity-scene{grid-column:2;grid-row:1/3;min-width:0}
.front-design-lab{background:#0e223b;border-color:#b8d8ff2e}
.front-module-river>span{background:#11263f;border-color:#b8d8ff26}
.front-module-river>span i{background:#4d9eff24}
.front-reaction-demo{background:#11263f;border-color:#b8d8ff2a}
.front-reaction-meta>span i{background:#6bb5ff}
.front-reactions button{background:#1a3150;border-color:#b8d8ff29}
.front-reaction-cta{color:#a5d5ff}
.front-steps{width:min(1260px,calc(100% - 80px));padding:85px 0;border-top:1px solid #ffffff22}
.front-steps-heading h2{color:#f1f7ff;font-size:clamp(2.4rem,4vw,4rem)}
.front-steps ol{gap:0}
.front-steps li{background:transparent;border:0;border-top:1px solid #ffffff2a;border-radius:0;padding:27px 10px 20px 0}
.front-steps li>b{color:#87c6ff}
.front-steps li strong{color:#f1f7ff}
.front-steps li p{color:#a6b7cb}
.front-final{width:min(1260px,calc(100% - 80px));min-height:400px;margin:20px auto 60px;border:1px solid #6bb5ff63;border-radius:20px;background:radial-gradient(ellipse at 90% 10%,#358eff50,transparent 55%),#0c213b;box-shadow:0 30px 100px #0005}
.front-final-copy>span{color:#a4d7ff}
.front-final-copy h2{color:#f1f7ff;font-size:clamp(2.8rem,5vw,5rem)}
.front-final-copy p{color:#bfd2e7}
.front-final-claim{background:#07172a;border-color:#b8d8ff3b}
.front-final-claim button,.front-final-button{background:#5aaaff;color:#061629;border:0}
.front-final-claim button:hover,.front-final-button:hover{background:#8cc6ff}
.front-footer{width:min(1260px,calc(100% - 80px));border-color:#b8d8ff24;color:#9aadc3}
.front-footer .language-picker summary{background:transparent}
.frontpage :is(a,button,input):focus-visible{outline:3px solid #a0d4ff;outline-offset:3px}

@media (hover:hover) and (pointer:fine){.front-feature:hover{border-color:#6bb5ff63;box-shadow:none}}
@media (max-width:900px){
  .front-hero-grid{padding-top:90px}
  .front-hero-copy h1{font-size:clamp(4rem,10vw,6.8rem)}
  .front-people{margin-top:73px}
  .front-capabilities,.front-story,.front-steps,.front-final,.front-footer{width:calc(100% - 48px)}
  .front-feature,.front-feature-design{grid-template-columns:1fr;gap:20px;min-height:0;padding:37px 0}
  .front-feature .front-design-lab,.front-feature .front-module-river,.front-feature .front-identity-scene{grid-column:1;grid-row:auto}
  .front-feature-design .front-design-lab{grid-column:1;grid-row:auto}
  .front-capability-groups{gap:24px}
}
@media (max-width:650px){
  .front-hero{padding-inline:18px}
  .front-hero-grid{padding-top:72px}
  .front-hero-copy h1{font-size:clamp(3.2rem,12.5vw,5rem);letter-spacing:-.082em}
  .front-hero-copy>p{font-size:1rem}
  .front-claim{margin-top:28px}
  .front-promises{gap:11px 16px}
  .front-people{margin-top:66px}
  .front-people-heading,.front-capabilities-heading{grid-template-columns:1fr;gap:11px}
  .front-people-heading>span,.front-capabilities-heading>span{grid-column:1}
  .front-people-heading p{justify-self:start}
  .front-people-viewport{margin-inline:-18px}
  .front-person{flex-basis:264px}
  .front-people-controls>span{display:none}
  .front-people-controls{justify-content:flex-start}
  .front-stage{margin-top:65px}
  .front-capabilities,.front-story,.front-steps,.front-final,.front-footer{width:calc(100% - 36px)}
  .front-capabilities{padding:65px 0}
  .front-capability-groups{grid-template-columns:1fr;gap:29px;margin-top:37px}
  .front-story{padding-top:74px}
  .front-final{width:calc(100% - 24px)}
}
@media (max-width:380px){
  .front-hero-copy h1{font-size:clamp(2.85rem,12.5vw,3.4rem)}
  .front-claim-control{padding-left:10px}
  .front-claim-control>span{font-size:.8125rem}
  .front-people-controls [data-profile-pause]{font-size:.6875rem;padding-inline:10px}
}
@media (prefers-reduced-motion:reduce){
  .front-person,.front-claim-control button{transition:none}
  .front-person:hover{transform:none}
  .front-people-viewport{scroll-behavior:auto}
}