:root{--page:#07101f;--page-2:#0a1527;--panel:#0e1b2f;--panel-2:#111f35;--ink:#f5f7fb;--muted:#a6b4c8;--stroke:#273952;--brand:#2485f5;--brand-2:#8367f4;--field:#0a1729;--green:#49d39e;--shadow:0 24px 64px rgba(0,0,0,.26)}
html[data-theme="light"]{--page:#f5f7f8;--page-2:#eceff1;--panel:#fff;--panel-2:#f4f6f7;--ink:#121a22;--muted:#60707c;--stroke:#cbd3d6;--brand:#075ee5;--brand-2:#6557db;--field:#edf1f3;--green:#16866d;--shadow:0 22px 55px rgba(32,45,54,.12)}
body{background:var(--page);color:var(--ink)}
.site-header.existing-nav{position:sticky;top:0;left:auto;transform:none;width:100%;height:auto;z-index:50;border-bottom:1px solid var(--stroke);background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:blur(18px)}
.nav-inner{width:min(1240px,calc(100% - 40px));height:70px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:180px;height:auto}.brand .logo-light-theme{display:none}.brand .logo-dark-theme{display:block}html[data-theme="light"] .brand .logo-dark-theme{display:none}html[data-theme="light"] .brand .logo-light-theme{display:block;mix-blend-mode:multiply}.existing-nav nav{display:flex;gap:28px;color:var(--muted);font-size:13px}.nav-actions{display:flex;align-items:center;gap:9px}.theme-toggle,.nav-button{min-height:42px;padding:0 16px;border:1px solid var(--stroke);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.theme-toggle{width:42px;padding:0}.nav-button.primary,.form-button.primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}
.hero{background:var(--page);color:var(--ink)}.hero h1,.framework-heading h2,.principle-heading h2,.beta-intro h2,.orientation-quote h2,.community-panel h2,.account-panel h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:850;letter-spacing:-.06em}.hero h1 em{color:inherit}.hero h1 em>span{background:linear-gradient(90deg,#a8d1ff 0%,#2485f5 48%,#8367f4 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero-media:after{background:linear-gradient(90deg,var(--page) 0%,var(--page) 3%,color-mix(in srgb,var(--page) 82%,transparent) 11%,color-mix(in srgb,var(--page) 38%,transparent) 21%,transparent 32%),linear-gradient(180deg,var(--page) 0%,color-mix(in srgb,var(--page) 58%,transparent) 3%,transparent 8%,transparent 91%,color-mix(in srgb,var(--page) 55%,transparent) 96%,var(--page) 100%),linear-gradient(270deg,var(--page) 0%,color-mix(in srgb,var(--page) 70%,transparent) 3%,transparent 11%)}.positioning{color:var(--ink)}.description{color:var(--muted)}
html[data-theme="light"] .image-caption{color:#17202a;text-shadow:0 1px 3px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.75)}
.framework-section{background:var(--page);color:var(--ink)}.framework-heading>p,.framework-copy>p:not(:first-child){color:var(--muted)}.framework-instrument{border-color:var(--stroke);background:var(--panel);box-shadow:var(--shadow)}.framework-rail{border-color:var(--stroke)}.framework-progress{background:var(--stroke)}.framework-rail button{color:var(--muted)}.framework-rail button b{border-color:var(--stroke);background:var(--panel);color:var(--muted)}.framework-rail button small{color:var(--muted)}.framework-rail button.active{color:var(--brand)}.framework-rail button.active b{border-color:var(--brand);background:var(--brand);color:#fff}.framework-progress i{background:var(--brand)}.framework-copy>p:first-child{color:var(--brand)}.framework-tags span{border-color:var(--stroke);color:var(--muted)}.framework-evidence{background:var(--field);color:var(--ink)}.framework-evidence header,.evidence-chart{border-color:var(--stroke)}.framework-evidence header small,.framework-evidence dl div{color:var(--muted)}.framework-evidence dd{color:var(--ink)}
.principle-section{padding:108px 32px 120px;background:var(--page-2);color:var(--ink)}.principle-heading{width:min(1240px,100%);margin:0 auto 48px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:end}.principle-heading h2{margin:0;font-size:clamp(48px,5.5vw,76px);line-height:.96}.principle-heading>p{max-width:620px;margin:0 0 8px;color:var(--muted);font-size:18px;line-height:1.65}.orientation-instrument{width:min(1240px,100%);min-height:390px;margin:auto;display:grid;grid-template-columns:1fr 220px 1fr;border:1px solid var(--stroke);border-radius:22px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.signal-field{position:relative;min-height:390px;background:var(--field);overflow:hidden}.signal-field:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--stroke) 1px,transparent 1px),linear-gradient(90deg,var(--stroke) 1px,transparent 1px);background-size:20% 20%;opacity:.55}.signal-field span{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;border-radius:50%;background:var(--muted);opacity:.52;box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 12%,transparent)}.signal-field span:nth-of-type(3n){width:15px;height:15px}.signal-field p{position:absolute;left:24px;bottom:18px;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.orientation-lens{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-inline:1px solid var(--stroke);background:linear-gradient(160deg,color-mix(in srgb,var(--brand) 13%,var(--panel)),var(--panel));text-align:center}.orientation-lens i{width:92px;height:92px;border:1px solid var(--brand);border-radius:50%;box-shadow:0 0 0 18px color-mix(in srgb,var(--brand) 8%,transparent),0 0 0 38px color-mix(in srgb,var(--brand) 4%,transparent)}.orientation-lens i:before{content:"";display:block;width:12px;height:12px;margin:39px;border-radius:50%;background:var(--brand);box-shadow:0 0 20px var(--brand)}.orientation-lens strong{margin-top:22px;font-size:11px;letter-spacing:.18em}.orientation-lens small{max-width:150px;color:var(--muted);line-height:1.4}.oriented-output{display:flex;justify-content:center;flex-direction:column;padding:42px}.oriented-output>p{margin:0;color:var(--brand);font-size:10px;font-weight:850;letter-spacing:.15em}.oriented-output h3{margin:13px 0 22px;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em}.oriented-output>small{margin-top:22px;color:var(--muted);line-height:1.6}.output-bars{display:grid;gap:11px}.output-bars i{display:block;width:var(--v);height:10px;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--green));animation:principleBar .4s ease}.principle-controls{width:min(1240px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.principle-controls button{padding:15px;border:1px solid var(--stroke);border-radius:12px;background:var(--panel);color:var(--muted);font-weight:750;cursor:pointer}.principle-controls button.active{border-color:var(--brand);color:var(--ink);box-shadow:inset 0 -3px var(--brand)}@keyframes principleBar{from{width:0}}
.beta-section{padding:108px max(24px,calc((100vw - 1240px)/2)) 118px;background:var(--page);color:var(--ink)}.beta-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end}.beta-intro h2{margin:0;font-size:clamp(42px,4.5vw,66px);line-height:.98}.beta-intro>p{margin:0 0 8px;color:var(--muted);font-size:17px;line-height:1.65}.beta-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:var(--panel)}.beta-grid>div{padding:21px;border-right:1px solid var(--stroke)}.beta-grid>div:last-child{border:0}.beta-grid span{display:block;margin-bottom:8px;color:var(--muted);font-size:10px}.beta-grid strong{font-size:13px}.healthy{color:var(--green)}.healthy i,.live-badge i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green)}.beta-note{color:var(--muted);font-size:11px}.orientation-quote{margin-top:100px;padding:68px 30px;border:1px solid var(--stroke);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 13%,var(--panel)),color-mix(in srgb,var(--brand-2) 8%,var(--panel)));text-align:center}.orientation-quote h2{margin:0;font-size:clamp(40px,5vw,66px)}.orientation-quote p{margin:18px 0 0;color:var(--muted);font-size:20px}
.access-section{padding:90px 24px 110px;background:var(--page-2);color:var(--ink)}.access-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.community-panel,.account-panel{padding:34px;border:1px solid var(--stroke);border-radius:22px;background:var(--panel)}.community-panel{display:flex;justify-content:space-between;flex-direction:column;gap:34px;background:linear-gradient(145deg,color-mix(in srgb,var(--green) 7%,var(--panel)),color-mix(in srgb,var(--brand) 8%,var(--panel)))}.community-panel h2,.account-panel h2{margin:7px 0 0;font-size:clamp(32px,4vw,48px);line-height:1}.community-panel p,.account-panel>p{color:var(--muted);line-height:1.65}.member-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-block:1px solid var(--stroke)}.member-row strong,.member-row small{display:block}.member-row small{margin-top:4px;color:var(--muted)}.member-stack{display:flex;padding-left:8px}.member-stack i{display:grid;place-items:center;width:38px;height:38px;margin-left:-8px;border:2px solid var(--panel);border-radius:50%;background:var(--field);color:var(--brand);font-size:9px;font-style:normal}.form-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--stroke);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer}.account-head{display:flex;justify-content:space-between;gap:20px}.live-badge{color:var(--green);font-size:10px;font-weight:800;white-space:nowrap}.account-form{display:grid;gap:12px;margin-top:23px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-form label>span{display:block;margin:0 0 7px 2px;color:var(--muted);font-size:11px}.account-form input,.account-form select{width:100%;padding:13px 14px;border:1px solid var(--stroke);border-radius:10px;background:var(--field);color:var(--ink);font:inherit}.consent{display:flex;align-items:center;gap:8px}.consent input{width:16px}.consent span{margin:0!important}.form-note{color:var(--muted);font-size:11px}.site-footer{padding:30px 24px;border-top:1px solid var(--stroke);background:var(--page);color:var(--muted)}.footer-inner{width:min(1180px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner nav{display:flex;gap:18px;font-size:12px}.footer-inner>span{font-size:12px}
@media(max-width:980px){.existing-nav nav{display:none}.nav-actions .nav-button:not(.primary){display:none}.principle-heading,.beta-intro{grid-template-columns:1fr;gap:24px}.orientation-instrument{grid-template-columns:1fr}.signal-field{min-height:260px}.orientation-lens{min-height:240px;border-inline:0;border-block:1px solid var(--stroke)}.access-grid{grid-template-columns:1fr}}
@media(max-width:640px){.nav-inner{width:calc(100% - 24px)}.nav-actions .nav-button.primary{display:none}.hero h1,.framework-heading h2,.principle-heading h2,.beta-intro h2{letter-spacing:-.055em}.framework-section,.principle-section{padding-inline:16px}.principle-controls{grid-template-columns:1fr}.beta-grid{grid-template-columns:1fr}.beta-grid>div{border-right:0;border-bottom:1px solid var(--stroke)}.orientation-quote{margin-top:65px;padding:48px 18px}.field-row{grid-template-columns:1fr}.account-head,.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner nav{order:2}}

/* Keep both acquisition actions on the same desktop baseline. */
.access-grid{align-items:stretch}
.community-panel,.account-panel{display:flex;flex-direction:column}
.community-panel{gap:0}
.community-panel .member-row{margin-top:auto}
.community-panel>.form-button{margin-top:22px}
.account-panel .account-form{display:flex;flex:1;flex-direction:column}
.account-panel .account-form>.form-button{margin-top:auto}
.community-panel>.form-button,.account-panel .account-form>.form-button{width:100%;min-height:46px;border:0;background:linear-gradient(100deg,#237ff0,#765cff);color:#fff;font-weight:750;box-shadow:0 10px 28px rgba(38,112,235,.18)}
.community-panel>.form-note,.account-panel>.form-note{min-height:18px;margin:12px 0 0;text-align:left}
@media(max-width:980px){.community-panel .member-row,.account-panel .account-form>.form-button{margin-top:24px}}

/* Hero alignment, headline crossover, and navigation action polish. */
.hero-copy{padding-top:0}
.hero-media{align-self:start}
.hero h1{position:relative;width:max-content;max-width:none}
.confidence-line{position:relative;z-index:2;display:flex;align-items:baseline;width:max-content;white-space:nowrap}
.hero h1 em{position:relative;z-index:1;display:inline-block;margin-left:.14em;margin-right:-240px;padding:0 250px 8px 0;font-size:1.1em;white-space:nowrap;filter:drop-shadow(0 2px 10px color-mix(in srgb,var(--page) 42%,transparent))}
.hero h1 em::before{display:none}
.theme-toggle,.nav-button{display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center}
.primary-button{min-height:46px;padding-inline:24px;border-radius:999px;line-height:1;text-align:center}

/* Lift the four framework stages slightly above their connecting rail. */
.framework-rail button{transform:translateY(-5px)}

@media(max-width:980px){
  .hero h1{width:auto;max-width:720px}
  .confidence-line{display:block;width:auto;white-space:normal}
  .hero h1 em{margin-left:0;margin-right:0;padding:0;font-size:1.06em;white-space:normal;filter:none}
  .hero h1 em::before{display:none}
}

/* Keep the gradient lettering above the seamless photograph fade. */
.hero h1 em>span{position:relative;z-index:1}

/* Fade the photograph to transparency so it always inherits its real surroundings. */
.hero-media:after{background:none}
.hero-media img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 43%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 43%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  mask-composite:intersect;
}
@media(max-width:620px){
  .hero-media img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 95%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 4%,#000 95%,transparent 100%);
  }
}