:root{--bg:#05132c;--bg2:#071c3c;--panel:#0a2146;--gold:#ffc43b;--gold2:#f0aa1d;--text:#f6f8ff;--muted:#b7c6dd;--line:rgba(180,206,246,.18);--max:1220px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:960px;background:radial-gradient(ellipse at 80% 19%,#1253a580,transparent 39%),radial-gradient(ellipse at 17% 22%,#0b376b88,transparent 51%),linear-gradient(180deg,#061a39 0%,#05132c 100%);pointer-events:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:3px}.site-shell{width:min(100% - 80px,var(--max));margin:auto}.skip{position:absolute;top:-80px;left:10px;background:var(--gold);color:#06142d;padding:12px;z-index:50}.skip:focus{top:10px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:14px;align-items:center}.brand-mark{width:54px;height:46px;flex:none}.brand-type{display:flex;flex-direction:column;gap:2px}.brand-type strong{font-size:22px;letter-spacing:-.02em;line-height:1}.brand-type span{font-size:10px;letter-spacing:.19em;font-weight:800;color:#d9e5f6}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:650;color:#d9e4f5}.site-header nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--gold)}.site-header nav .nav-outline{border:1px solid #56708f;border-radius:100px;padding:12px 18px}.site-header nav .nav-outline:hover{border-color:var(--gold)}.hero{min-height:665px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:54px;padding:76px 0 84px}.eyebrow,.kicker{font-size:12px;letter-spacing:.23em;font-weight:800;color:var(--gold)}.eyebrow{display:inline-flex;gap:12px;align-items:center}.signal-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #ffc43b19,0 0 17px #ffc43b80;flex:none}.hero h1{font-size:clamp(48px,5.65vw,82px);line-height:1.035;letter-spacing:-.065em;margin:28px 0}.hero h1 em,.future h2 em{font-style:normal;color:var(--gold)}.hero .lead{max-width:535px;color:var(--muted);font-size:18px;line-height:1.72;margin:0}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:99px;padding:18px 25px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 33px #ffbf3838}.button-gold{background:linear-gradient(135deg,#ffe18a,var(--gold));color:#091a37}.text-link{font-size:13px;font-weight:750;white-space:nowrap}.hero-status{display:flex;gap:15px;align-items:center;color:#93a9c6;font-size:12px;letter-spacing:.04em;margin-top:50px}.status-rule{height:1px;background:var(--gold);width:32px}.hero-visual{position:relative;isolation:isolate;min-width:0;padding:24px 0}.orb{position:absolute;border-radius:50%;filter:blur(55px);opacity:.5;z-index:-1}.orb-one{width:280px;height:280px;background:#0673e6;top:0;right:0}.orb-two{width:200px;height:220px;background:#315dcd;bottom:0;left:0}.logo-frame{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 40px 100px #0006,0 0 0 1px #8db2ec25;background:#001636;transform:rotate(1deg)}.logo-frame img{display:block;width:100%;height:auto}.corner-accent{position:absolute;right:-17px;bottom:0;width:102px;height:102px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);border-bottom-right-radius:25px;opacity:.7;z-index:-1}.section-divider{display:flex;align-items:center;gap:22px;color:var(--gold);font-style:normal;font-size:13px;letter-spacing:.2em}.section-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#2b4b73)}.section-divider span:last-child{background:linear-gradient(90deg,#2b4b73,transparent)}.section-space{padding:116px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.section-heading h2,.core h2,.future h2{font-size:clamp(36px,4.5vw,62px);line-height:1.14;letter-spacing:-.05em;margin:23px 0 0}.section-heading h2 span,.core h2 span{color:var(--gold)}.section-body{padding-top:35px;color:var(--muted);font-size:16px;line-height:1.85}.section-body p:first-child{margin-top:0}.section-body p:last-child{margin-bottom:0}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pillar{position:relative;min-height:268px;padding:35px 32px;border:1px solid #34609765;border-radius:20px;background:linear-gradient(140deg,#102c57c7,#061933c4);box-shadow:0 22px 60px #010c203b;overflow:hidden}.pillar:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--gold),transparent 80%);opacity:.75}.pillar-icon{width:53px;height:53px;color:var(--gold)}.pillar-icon svg{display:block;width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.pillar-number{position:absolute;right:27px;top:34px;color:#6b88aa;font-size:12px;font-weight:700;letter-spacing:.16em}.pillar h3{font-size:21px;letter-spacing:-.02em;margin:23px 0 10px}.pillar p{font-size:14px;line-height:1.75;color:var(--muted);max-width:290px;margin:0}.core{padding:110px 0}.core-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;min-height:550px;background:radial-gradient(circle at 77% 44%,#104b92,#0a2149 42%,#071a38 75%);border-radius:30px;border:1px solid #34609780;overflow:hidden;position:relative}.core-heading{padding:65px 0 65px 65px;position:relative;z-index:2}.in-development{display:inline-flex;align-items:center;gap:10px;border:1px solid #8cb5e25c;background:#091f43;border-radius:100px;padding:10px 15px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#e2eeff;margin-top:34px}.in-development .signal-dot{width:6px;height:6px}.core h2{font-size:clamp(44px,5.1vw,69px);margin:23px 0}.core-heading>p{max-width:520px;color:var(--muted);line-height:1.8;font-size:16px}.core-tagline{display:flex;flex-direction:column;gap:9px;border-left:2px solid var(--gold);padding-left:20px;margin-top:30px}.core-tagline span{font-size:20px;font-weight:800}.core-tagline small{color:#9eb2cf;font-size:12px}.core-diagram{position:relative;min-height:510px;overflow:hidden}.diagram-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #459dec6b;border-radius:50%}.ring-outer{width:450px;height:450px;border-style:dashed}.ring-mid{width:310px;height:310px;box-shadow:0 0 100px #0869c960}.diagram-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:248px;height:248px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ffffff,#e4f2ff 73%,#bdd8f0);border:1px solid #93bee8;display:grid;place-items:center;box-shadow:0 0 60px #008fff50,0 17px 35px #0005;overflow:hidden}.core-emblem{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #001b3810)}.diagram-label{position:absolute;font-size:10px;letter-spacing:.19em;font-weight:800;color:#f5d078;background:#081d3e;padding:9px 13px;border:1px solid #426892;border-radius:20px}.label-a{left:13%;top:20%}.label-b{right:8%;top:37%}.label-c{left:16%;bottom:18%}.future{text-align:center;max-width:900px;margin:auto;padding-top:20px;padding-bottom:130px}.future h2{margin:25px 0;font-size:clamp(40px,5vw,70px)}.future>p{max-width:620px;margin:0 auto;color:var(--muted);line-height:1.8;font-size:17px}.coming-soon{display:inline-flex;gap:13px;align-items:center;color:var(--gold);letter-spacing:.2em;font-size:11px;font-weight:800;margin-top:44px}.site-footer{border-top:1px solid var(--line);padding:36px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand strong{letter-spacing:.12em;font-size:15px}.footer-brand span{font-size:13px;color:var(--gold);letter-spacing:.05em}.footer-top>a{color:#c4d3e7;font-size:13px}.footer-bottom{border-top:1px solid #a0c4ed24;margin-top:34px;padding-top:20px;color:#8298b7;font-size:12px}.gold-dot{color:var(--gold)}@media(max-width:1020px){.site-shell{width:min(100% - 52px,var(--max))}.hero{gap:27px}.hero h1{font-size:clamp(42px,5.8vw,72px)}.hero .lead{font-size:16px}.intro{gap:45px}.core-heading{padding-left:40px}.diagram-ring.ring-outer{width:370px;height:370px}}@media(max-width:760px){.site-shell{width:min(100% - 36px,var(--max))}.site-header{height:78px}.brand-mark{width:43px;height:37px}.brand-type strong{font-size:18px}.brand-type span{font-size:8px}.site-header nav{gap:15px;font-size:12px}.site-header nav a:first-child{display:none}.site-header nav .nav-outline{padding:9px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:78px 0 74px;min-height:auto}.hero h1{font-size:clamp(43px,9vw,68px);margin:22px 0}.hero .lead{max-width:560px}.hero-actions{margin-top:30px}.hero-status{margin-top:29px}.hero-visual{width:min(100%,590px);margin:0 auto}.section-space{padding:77px 0}.intro{grid-template-columns:1fr;gap:10px}.section-body{padding-top:7px}.pillars{grid-template-columns:1fr;gap:14px}.pillar{min-height:185px;padding:26px}.pillar h3{margin-top:12px}.core{padding:78px 0}.core-inner{grid-template-columns:1fr}.core-heading{padding:38px 30px 0}.core-diagram{min-height:340px}.diagram-ring.ring-outer{width:340px;height:340px}.ring-mid{width:250px;height:250px}.diagram-center{width:170px;height:170px}.label-a{left:10%;top:14%}.label-b{right:10%;top:35%}.label-c{left:13%;bottom:13%}.future{padding-top:20px;padding-bottom:85px}}@media(max-width:440px){.site-shell{width:calc(100% - 30px)}.site-header nav a:nth-child(2){display:none}.hero{padding-top:58px}.hero h1{font-size:44px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.button{width:100%;padding:17px 17px}.corner-accent{right:-7px}.core-heading{padding:33px 22px 0}.core-diagram{min-height:320px}.label-a{left:3%}.label-b{right:3%}.label-c{left:8%}.footer-bottom,.footer-top{align-items:flex-start;flex-direction:column;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* v2.1: use proper W³ Core artwork instead of text-glyph bolt */
@media(max-width:760px){.diagram-center{width:214px;height:214px}}
@media(max-width:440px){.diagram-center{width:204px;height:204px}}

/* v2.2: blue-background W³ Core badge, not transparent version */
.diagram-center{background:#082d63;border-color:#63b8f0}


/* v2.3: desktop readability refinement. Leave the admired mobile layout unchanged. */
@media (min-width: 761px) {
  /* Inter is not bundled; prefer the native, well-hinted Windows UI font. */
  body { font-family: "Segoe UI", Arial, sans-serif; }
  .pillar h3 { font-size: 22px; font-weight: 750; letter-spacing: -.012em; }
  .pillar p { font-size: 16px; line-height: 1.7; color: #dce7f7; }
  .core-heading > p { font-size: 17px; line-height: 1.75; color: #dce7f7; }
  .section-body { font-size: 17px; color: #dce7f7; }
  .core-tagline span { font-size: 21px; }
  .core-tagline small { font-size: 13px; color: #c6d7eb; }
  .pillar-number { color: #b5cbed; }
  .diagram-label, .in-development { font-size: 11px; letter-spacing: .12em; }
  .kicker, .eyebrow { font-size: 13px; letter-spacing: .15em; }
  .site-header nav, .site-footer { -webkit-font-smoothing: auto; }
}

/* v2.4: Windows desktop clarity pass — no mobile changes.
   Remove forced grayscale antialiasing and avoid synthetic heavy weights. */
@media (min-width: 761px) {
  body {
    font-family: Arial, "Segoe UI", sans-serif;
    -webkit-font-smoothing: auto;
    text-rendering: auto;
  }
  .pillar h3 { font-size: 22px; font-weight: 700; letter-spacing: 0; }
  .core-tagline span { font-size: 22px; font-weight: 700; letter-spacing: 0; }
  .core-tagline small { font-size: 14px; line-height: 1.6; color: #e2ecfa; }
  .pillar p { font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.7; }
  .core-heading > p { font-size: 17px; font-weight: 400; letter-spacing: 0; }
  .in-development, .diagram-label { font-weight: 700; letter-spacing: .08em; }
}