:root { --gsc-navy-980:#020917; --gsc-navy-960:#041126; --gsc-navy-930:#071c3c; --gsc-navy-880:#0b2c59; --gsc-blue-520:#1f66b3; --gsc-sky-260:#8bd1ff; --gsc-panel:rgba(255,255,255,.96); --gsc-panel-soft:rgba(244,249,255,.94); --gsc-line:#d7e3f1; --gsc-text:#102038; --gsc-muted:#5d6b7a; --gsc-star-start:#ffd66b; --gsc-star-mid:#ffb547; --gsc-star-end:#f28b38; --gsc-shadow:0 24px 80px rgba(0,9,28,.34); color-scheme:dark; font-family:Inter,"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif; }
*{box-sizing:border-box} html,body{min-height:100%;margin:0} body{color:#edf7ff;background:radial-gradient(circle at 14% 18%,rgba(255,214,107,.42) 0 1px,transparent 2px),radial-gradient(circle at 72% 10%,rgba(139,209,255,.34) 0 1px,transparent 2px),radial-gradient(circle at 84% 46%,rgba(255,181,71,.28) 0 1px,transparent 2px),radial-gradient(circle at 24% 78%,rgba(255,255,255,.22) 0 1px,transparent 2px),linear-gradient(150deg,var(--gsc-navy-980) 0%,var(--gsc-navy-960) 36%,var(--gsc-navy-930) 68%,#031027 100%);background-size:260px 260px,340px 340px,300px 300px,380px 380px,auto} body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0} body:before{background:radial-gradient(ellipse at 52% -12%,rgba(139,209,255,.28),transparent 50%),radial-gradient(ellipse at 72% 105%,rgba(255,181,71,.22),transparent 48%),repeating-radial-gradient(circle at 50% 22%,transparent 0 78px,rgba(139,209,255,.06) 79px 80px)} body:after{background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.10) 42.4%,transparent 43% 100%),radial-gradient(circle at 50% 24%,rgba(255,214,107,.15),transparent 18%);mix-blend-mode:screen} a{color:inherit;text-decoration:none}.shell{position:relative;z-index:1;min-height:100vh;overflow:hidden}.header{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:14px;min-width:260px}.brand-emblem{width:42px;height:42px;border-radius:14px;position:relative;flex:0 0 auto;background:linear-gradient(135deg,var(--gsc-star-start),var(--gsc-star-end));box-shadow:0 0 0 1px rgba(255,255,255,.24),0 18px 48px rgba(242,139,56,.32)}.brand-emblem:before,.brand-emblem:after{content:"";position:absolute;border-radius:999px}.brand-emblem:before{width:18px;height:4px;left:12px;top:19px;background:#06162f;box-shadow:0 -8px 0 rgba(6,22,47,.65),0 8px 0 rgba(6,22,47,.65)}.brand-emblem:after{width:5px;height:5px;right:9px;top:18px;background:#fff7d6;box-shadow:0 0 14px #fff2b0}.brand-copy{display:flex;align-items:center;gap:10px;line-height:1.05}.brand-name{font-size:18px;font-weight:900;letter-spacing:.08em}.brand-subtitle{color:#bad2ec;font-size:12px;font-weight:700;letter-spacing:.02em}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;color:#eaf6ff;font-size:14px}.nav a{position:relative;padding:9px 0;opacity:.9}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gsc-star-start),var(--gsc-star-end));transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.hero{width:min(1180px,calc(100% - 32px));margin:26px auto 0;min-height:560px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:stretch}.hero-copy,.hero-console{border-radius:26px;border:1px solid rgba(139,209,255,.22);box-shadow:var(--gsc-shadow);position:relative;overflow:hidden}.hero-copy{padding:clamp(30px,5vw,58px);background:linear-gradient(135deg,rgba(4,17,38,.86),rgba(7,28,60,.58))}.hero-copy:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 25% 22%,rgba(255,214,107,.22),transparent 20%),radial-gradient(circle at 74% 8%,rgba(139,209,255,.18),transparent 28%);pointer-events:none}.eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,214,107,.38);color:#ffdd8e;background:rgba(2,9,23,.62);font-size:13px;font-weight:800}.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--gsc-star-mid);box-shadow:0 0 18px var(--gsc-star-start)}h1{position:relative;z-index:1;margin:24px 0 18px;font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:0}.lead{position:relative;z-index:1;max-width:760px;color:#c9dbed;font-size:18px;line-height:1.74}.hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}.button-primary{display:inline-flex;align-items:center;min-height:46px;border-radius:999px;padding:0 20px;color:#08172e;background:linear-gradient(135deg,var(--gsc-star-start),var(--gsc-star-end));font-weight:900;box-shadow:0 16px 38px rgba(242,139,56,.24)}.status-pill{display:inline-flex;align-items:center;min-height:40px;border-radius:999px;padding:0 14px;border:1px solid rgba(139,209,255,.28);background:rgba(255,255,255,.08);color:#d5e7f8;font-size:13px;font-weight:800}.hero-console{padding:24px;background:rgba(255,255,255,.96);color:var(--gsc-text);display:grid;align-content:center;gap:14px}.console-title{color:#102038;font-size:16px;font-weight:900}.console-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--gsc-line);color:var(--gsc-muted)}.console-row strong{color:#145AA1}.section{width:min(1180px,calc(100% - 32px));margin:30px auto}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#f7fbff;font-size:25px}.section-title:before{content:"";width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--gsc-star-start),var(--gsc-star-end));box-shadow:0 0 18px rgba(255,181,71,.44)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border-radius:18px;border:1px solid var(--gsc-line);background:var(--gsc-panel);color:var(--gsc-text);padding:24px;box-shadow:var(--gsc-shadow);min-height:100%}.panel.soft{background:var(--gsc-panel-soft)}.panel.notice{border-left:5px solid var(--gsc-star-mid)}.panel h2,.panel h3{margin:0 0 10px;color:#102038;line-height:1.2}.panel p,.panel li{color:var(--gsc-muted);line-height:1.64}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;border:1px solid #e9d19a;background:#fff6d8;color:#6b4b08;font-size:12px;font-weight:900}.badge.cool{border-color:#cbe1f8;background:#edf7ff;color:#145AA1}.page-heading{width:min(1180px,calc(100% - 32px));margin:48px auto 20px;border-radius:26px;padding:clamp(28px,5vw,50px);background:linear-gradient(135deg,rgba(4,17,38,.88),rgba(7,28,60,.58));border:1px solid rgba(139,209,255,.22);box-shadow:var(--gsc-shadow)}.page-heading h1{margin-bottom:14px}.footer{width:min(1180px,calc(100% - 32px));margin:36px auto 0;padding:28px 0 44px;color:#b9cfe8;font-size:14px}@media(max-width:900px){.header{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.brand{min-width:0}.hero{grid-template-columns:1fr;min-height:0}.grid,.grid.two{grid-template-columns:1fr}h1{font-size:clamp(38px,12vw,56px)}}@media(max-width:520px){.brand-emblem{width:36px;height:36px}.hero-copy,.hero-console,.page-heading{border-radius:18px;padding:22px}.hero-actions{align-items:stretch;flex-direction:column}.button-primary,.status-pill{justify-content:center;width:100%}}

/* 91P-2R-R2 HTML/CSS binding repair */
.gsc-theme{background-color:var(--gsc-navy-980)}
.starfield-shell{background:linear-gradient(180deg,rgba(2,9,23,.12),rgba(2,9,23,.88));}
.brand-wordmark{font-size:18px;font-weight:900;letter-spacing:.08em;color:#fff;display:inline-flex;align-items:center;margin-right:2px;}
.brand-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,rgba(255,214,107,.78),transparent);display:inline-flex;flex:0 0 auto;margin:0 2px;}
.brand .brand-subtitle{display:inline-flex;align-items:center;color:#bad2ec;font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap;}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;padding:0 20px;font-weight:900;text-decoration:none;white-space:nowrap;}
.btn-primary{color:#08172e;background:linear-gradient(135deg,var(--gsc-star-start),var(--gsc-star-end));box-shadow:0 16px 38px rgba(242,139,56,.24);}
.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;padding:0 14px;border:1px solid rgba(139,209,255,.28);background:rgba(255,255,255,.08);color:#d5e7f8;font-size:13px;font-weight:800;white-space:nowrap;}
.status-badge.muted{background:rgba(255,255,255,.045);color:#b8cfe8;}
.status-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px;}
.status-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 14px;border:1px solid var(--gsc-line);border-radius:14px;background:linear-gradient(180deg,#fff,#f4f9ff);}
.status-label{color:var(--gsc-muted);font-size:13px;font-weight:800;letter-spacing:.01em;}
.status-value{color:#145AA1;font-size:13px;font-weight:950;text-align:right;white-space:nowrap;}
.info-card,.console-card,.surface-card{border-radius:18px;border:1px solid var(--gsc-line);background:var(--gsc-panel);box-shadow:var(--gsc-shadow);}
.card-grid{display:grid;gap:18px;}
.section-accent{height:3px;width:42px;border-radius:999px;background:linear-gradient(90deg,var(--gsc-star-start),var(--gsc-star-end));}
@media(max-width:520px){.brand{align-items:flex-start}.brand-divider{height:20px}.brand .brand-subtitle{white-space:normal}.status-item{grid-template-columns:1fr;gap:4px}.status-value{text-align:left}.status-badge,.btn{width:100%;}}

/* Region / governance / payment cards share the dark starfield console surface. */
.panel{position:relative;overflow:hidden;border:1px solid rgba(139,209,255,.22);background:radial-gradient(circle at 18% 10%,rgba(255,214,107,.18),transparent 24%),radial-gradient(circle at 86% 4%,rgba(139,209,255,.16),transparent 30%),linear-gradient(135deg,rgba(4,17,38,.86),rgba(7,28,60,.58));color:#edf7ff}.panel:before{content:"";position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(circle at 24% 22%,rgba(255,214,107,.18),transparent 18%),radial-gradient(circle at 76% 8%,rgba(139,209,255,.16),transparent 26%),linear-gradient(112deg,transparent 0 46%,rgba(255,255,255,.08) 46.4%,transparent 47% 100%);opacity:.9}.panel:after{content:"";position:absolute;left:18px;top:18px;width:8px;height:8px;border-radius:999px;background:var(--gsc-star-mid);box-shadow:0 0 18px var(--gsc-star-start)}.panel>*{position:relative;z-index:1}.panel.soft{background:radial-gradient(circle at 18% 10%,rgba(255,214,107,.18),transparent 24%),radial-gradient(circle at 86% 4%,rgba(139,209,255,.16),transparent 30%),linear-gradient(135deg,rgba(4,17,38,.86),rgba(7,28,60,.58))}.panel.notice{border-left:1px solid rgba(139,209,255,.22)}.panel h2,.panel h3{color:#f7fbff;padding-left:18px}.panel p,.panel li{color:#c9dbed}.panel .badge{border-color:rgba(255,214,107,.38);background:rgba(2,9,23,.62);color:#ffdd8e}.panel .badge.cool{border-color:rgba(139,209,255,.34);background:rgba(255,255,255,.08);color:#d8efff}

/* 2026-06-30 homepage-only galaxy visual repair */
body{background:#020917;color:#edf7ff}body:before{background:radial-gradient(ellipse at 50% 238px,rgba(255,255,255,.92) 0%,rgba(108,207,255,.72) 8%,rgba(35,133,239,.38) 19%,transparent 36%),radial-gradient(ellipse at 50% 214px,rgba(37,136,255,.64),transparent 28%),radial-gradient(ellipse at 34% 162px,rgba(37,151,255,.52),transparent 20%),radial-gradient(ellipse at 66% 155px,rgba(24,107,231,.44),transparent 22%),radial-gradient(circle at 21% 18%,rgba(95,191,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 42% 15%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 74% 13%,rgba(136,207,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 86% 23%,rgba(255,255,255,.58) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#073d83 27%,#052f68 38%,#031736 62%,#020917 100%);background-size:auto,auto,auto,auto,220px 220px,310px 310px,260px 260px,360px 360px,auto;opacity:1}body:after{background:linear-gradient(104deg,transparent 0 48%,rgba(255,255,255,.17) 48.2%,rgba(255,255,255,.06) 49.2%,transparent 51%),linear-gradient(164deg,transparent 0 38%,rgba(70,178,255,.18) 38.2%,transparent 47%),radial-gradient(ellipse at 50% 251px,rgba(255,255,255,.48),transparent 18%),radial-gradient(ellipse at 50% 283px,rgba(37,164,255,.28),transparent 30%);mix-blend-mode:screen}.starfield-shell{background:linear-gradient(180deg,rgba(1,9,24,.08) 0%,rgba(2,9,23,.28) 45%,rgba(2,9,23,.94) 100%)}.hero{margin-top:86px;min-height:300px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.hero-copy,.hero-console{border-radius:22px}.hero-copy{padding:clamp(22px,2.8vw,34px);background:linear-gradient(135deg,rgba(4,17,38,.75),rgba(7,28,60,.46))}.hero-copy h1{font-size:clamp(30px,3.7vw,46px);line-height:1.02;margin:16px 0 12px}.hero-copy .lead{font-size:15px;line-height:1.56;max-width:660px}.hero-actions{margin-top:18px}.hero-console{padding:20px 24px;align-content:center}.status-grid{gap:7px}.status-item{padding:9px 14px;min-height:40px}@media(max-width:900px){.hero{margin-top:42px;grid-template-columns:1fr}.hero-copy,.hero-console{min-height:auto}}

/* 2026-06-30 stronger horizon arc crossing the hero cards */
body{background:#020917;color:#edf7ff}
body:before{background:radial-gradient(ellipse 78% 58px at 50% 174px,rgba(255,255,255,.98) 0%,rgba(166,229,255,.94) 8%,rgba(64,174,255,.72) 20%,rgba(15,94,199,.4) 34%,transparent 63%),radial-gradient(ellipse 118% 126px at 50% 202px,rgba(95,205,255,.58) 0%,rgba(27,122,238,.36) 24%,rgba(7,56,128,.22) 44%,transparent 70%),radial-gradient(ellipse 55% 36px at 50% 170px,rgba(255,255,255,.92) 0%,rgba(168,233,255,.64) 19%,transparent 72%),radial-gradient(ellipse 36% 95px at 22% 84px,rgba(64,170,255,.34),transparent 70%),radial-gradient(ellipse 42% 100px at 80% 84px,rgba(44,149,255,.34),transparent 72%),radial-gradient(circle at 12% 12%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 22% 8%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 31% 20%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 73% 12%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 86% 19%,rgba(118,207,255,.72) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#07356f 24%,#052858 40%,#02132e 70%,#020917 100%);background-size:auto,auto,auto,auto,auto,180px 180px,260px 260px,230px 230px,300px 300px,340px 340px,auto}
body:after{background:linear-gradient(105deg,transparent 0 50%,rgba(255,255,255,.16) 50.2%,rgba(133,219,255,.07) 51.2%,transparent 53%),linear-gradient(160deg,transparent 0 38%,rgba(64,174,255,.2) 38.2%,transparent 49%),radial-gradient(ellipse 68% 22px at 50% 169px,rgba(255,255,255,.86),transparent 58%),radial-gradient(ellipse 74% 20px at 50% 179px,rgba(88,202,255,.7),transparent 68%),radial-gradient(ellipse 88% 70px at 50% 195px,rgba(32,144,255,.32),transparent 76%);mix-blend-mode:screen}
.starfield-shell{background:linear-gradient(180deg,rgba(1,9,24,.02) 0%,rgba(2,9,23,.12) 34%,rgba(2,9,23,.88) 100%)}
.hero{position:relative;margin-top:92px;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:0;left:50%;top:-48px;width:132vw;height:150px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse 47% 13px at 50% 42%,rgba(255,255,255,.95) 0%,rgba(154,230,255,.8) 27%,transparent 72%),radial-gradient(ellipse 67% 30px at 50% 48%,rgba(72,190,255,.5) 0%,rgba(29,116,229,.24) 40%,transparent 75%);filter:blur(.2px);mix-blend-mode:screen}
.hero-copy,.hero-console{z-index:1}
.hero-copy{background:linear-gradient(135deg,rgba(4,17,38,.68),rgba(7,28,60,.42))}

/* 2026-06-30 curved planet horizon refinement */
body:before{background:radial-gradient(ellipse 92% 118px at 50% 184px,rgba(255,255,255,.86) 0%,rgba(169,232,255,.8) 8%,rgba(64,174,255,.62) 18%,rgba(15,94,199,.34) 34%,transparent 65%),radial-gradient(ellipse 118% 180px at 50% 236px,rgba(76,194,255,.5) 0%,rgba(27,122,238,.28) 28%,rgba(7,56,128,.18) 50%,transparent 76%),radial-gradient(ellipse 34% 50px at 50% 172px,rgba(255,255,255,.88),transparent 72%),radial-gradient(ellipse 48% 132px at 24% 82px,rgba(64,170,255,.34),transparent 72%),radial-gradient(ellipse 52% 134px at 78% 82px,rgba(44,149,255,.34),transparent 72%),radial-gradient(circle at 12% 12%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 22% 8%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 31% 20%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 73% 12%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 86% 19%,rgba(118,207,255,.72) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#07356f 24%,#052858 40%,#02132e 70%,#020917 100%);background-size:auto,auto,auto,auto,auto,180px 180px,260px 260px,230px 230px,300px 300px,340px 340px,auto}
body:after{background:linear-gradient(105deg,transparent 0 50%,rgba(255,255,255,.15) 50.2%,rgba(133,219,255,.07) 51.2%,transparent 53%),linear-gradient(160deg,transparent 0 38%,rgba(64,174,255,.18) 38.2%,transparent 49%),radial-gradient(ellipse 46% 18px at 50% 174px,rgba(255,255,255,.78),transparent 62%),radial-gradient(ellipse 74% 46px at 50% 196px,rgba(88,202,255,.48),transparent 74%);mix-blend-mode:screen}
.hero:before{content:"";position:absolute;z-index:0;left:50%;top:-78px;width:142vw;height:205px;transform:translateX(-50%);pointer-events:none;border-top:4px solid rgba(218,249,255,.94);border-radius:50% 50% 0 0 / 100% 100% 0 0;box-shadow:0 -1px 12px rgba(255,255,255,.82),0 -8px 30px rgba(123,219,255,.6),0 12px 52px rgba(39,150,255,.48),inset 0 28px 34px rgba(106,210,255,.26);background:radial-gradient(ellipse 26% 13px at 50% 0%,rgba(255,255,255,.92),transparent 72%),radial-gradient(ellipse 68% 38px at 50% 5%,rgba(91,205,255,.42),transparent 78%);mix-blend-mode:screen;filter:drop-shadow(0 2px 14px rgba(135,224,255,.58))}

/* 2026-06-30 arc lift: keep the planet horizon on the hero card rim, not through the title. */
body:before{background:radial-gradient(ellipse 92% 96px at 50% 150px,rgba(255,255,255,.78) 0%,rgba(169,232,255,.72) 8%,rgba(64,174,255,.56) 18%,rgba(15,94,199,.32) 34%,transparent 66%),radial-gradient(ellipse 118% 152px at 50% 190px,rgba(76,194,255,.46) 0%,rgba(27,122,238,.26) 28%,rgba(7,56,128,.16) 50%,transparent 76%),radial-gradient(ellipse 34% 42px at 50% 144px,rgba(255,255,255,.82),transparent 72%),radial-gradient(ellipse 48% 132px at 24% 82px,rgba(64,170,255,.34),transparent 72%),radial-gradient(ellipse 52% 134px at 78% 82px,rgba(44,149,255,.34),transparent 72%),radial-gradient(circle at 12% 12%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 22% 8%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 31% 20%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 73% 12%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 86% 19%,rgba(118,207,255,.72) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#07356f 24%,#052858 40%,#02132e 70%,#020917 100%);background-size:auto,auto,auto,auto,auto,180px 180px,260px 260px,230px 230px,300px 300px,340px 340px,auto}
body:after{background:linear-gradient(105deg,transparent 0 50%,rgba(255,255,255,.12) 50.2%,rgba(133,219,255,.06) 51.2%,transparent 53%),linear-gradient(160deg,transparent 0 38%,rgba(64,174,255,.16) 38.2%,transparent 49%),radial-gradient(ellipse 46% 14px at 50% 146px,rgba(255,255,255,.66),transparent 62%),radial-gradient(ellipse 74% 32px at 50% 163px,rgba(88,202,255,.38),transparent 74%);mix-blend-mode:screen}
.hero:before{top:-116px;height:205px;border-top:4px solid rgba(218,249,255,.94);box-shadow:0 -1px 12px rgba(255,255,255,.8),0 -8px 30px rgba(123,219,255,.54),0 12px 48px rgba(39,150,255,.38),inset 0 28px 34px rgba(106,210,255,.22)}

/* 2026-06-30 lower-glow removal: no horizon line may cross the headline. */
body:before{background:radial-gradient(ellipse 92% 78px at 50% 147px,rgba(255,255,255,.78) 0%,rgba(169,232,255,.72) 9%,rgba(64,174,255,.54) 22%,rgba(15,94,199,.26) 42%,transparent 70%),radial-gradient(ellipse 86% 92px at 50% 160px,rgba(76,194,255,.24) 0%,rgba(27,122,238,.16) 34%,transparent 76%),radial-gradient(ellipse 34% 36px at 50% 140px,rgba(255,255,255,.74),transparent 74%),radial-gradient(ellipse 48% 132px at 24% 82px,rgba(64,170,255,.34),transparent 72%),radial-gradient(ellipse 52% 134px at 78% 82px,rgba(44,149,255,.34),transparent 72%),radial-gradient(circle at 12% 12%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 22% 8%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 31% 20%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 73% 12%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 86% 19%,rgba(118,207,255,.72) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#07356f 24%,#052858 40%,#02132e 70%,#020917 100%);background-size:auto,auto,auto,auto,auto,180px 180px,260px 260px,230px 230px,300px 300px,340px 340px,auto}
body:after{background:linear-gradient(105deg,transparent 0 50%,rgba(255,255,255,.12) 50.2%,rgba(133,219,255,.06) 51.2%,transparent 53%),linear-gradient(160deg,transparent 0 38%,rgba(64,174,255,.16) 38.2%,transparent 49%),radial-gradient(ellipse 44% 12px at 50% 143px,rgba(255,255,255,.58),transparent 68%);mix-blend-mode:screen}

/* 2026-06-30 strict headline-safe horizon: no glow below the card rim. */
body:before{background:radial-gradient(ellipse 92% 70px at 50% 145px,rgba(255,255,255,.74) 0%,rgba(169,232,255,.68) 10%,rgba(64,174,255,.5) 24%,rgba(15,94,199,.22) 45%,transparent 73%),radial-gradient(ellipse 34% 30px at 50% 140px,rgba(255,255,255,.66),transparent 72%),radial-gradient(ellipse 48% 132px at 24% 82px,rgba(64,170,255,.34),transparent 72%),radial-gradient(ellipse 52% 134px at 78% 82px,rgba(44,149,255,.34),transparent 72%),radial-gradient(circle at 12% 12%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 22% 8%,rgba(255,255,255,.7) 0 1px,transparent 2px),radial-gradient(circle at 31% 20%,rgba(118,207,255,.72) 0 1px,transparent 2px),radial-gradient(circle at 73% 12%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 86% 19%,rgba(118,207,255,.72) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#07356f 24%,#052858 40%,#02132e 70%,#020917 100%);background-size:auto,auto,auto,auto,180px 180px,260px 260px,230px 230px,300px 300px,340px 340px,auto}
body:after{background:linear-gradient(105deg,transparent 0 50%,rgba(255,255,255,.1) 50.2%,rgba(133,219,255,.05) 51.2%,transparent 53%),linear-gradient(160deg,transparent 0 38%,rgba(64,174,255,.14) 38.2%,transparent 49%),radial-gradient(ellipse 44% 10px at 50% 140px,rgba(255,255,255,.48),transparent 72%);mix-blend-mode:screen}
.hero:before{top:-116px;height:112px;border-top:4px solid rgba(218,249,255,.94);background:radial-gradient(ellipse 26% 10px at 50% 0%,rgba(255,255,255,.86),transparent 74%),radial-gradient(ellipse 68% 24px at 50% 5%,rgba(91,205,255,.34),transparent 82%);box-shadow:0 -1px 12px rgba(255,255,255,.8),0 -8px 30px rgba(123,219,255,.52),0 9px 28px rgba(39,150,255,.24)}

/* 2026-06-30 exact reference horizon image background */
body{background:#020917;color:#edf7ff}
body:before{background:linear-gradient(180deg,rgba(2,9,23,.08) 0%,rgba(2,9,23,.04) 48%,rgba(2,9,23,.68) 86%,#020917 100%),url("/assets/gsc-cosmic-horizon-reference-20260630.png"),linear-gradient(180deg,#03112b 0%,#06316c 26%,#031937 66%,#020917 100%);background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 168px,100% 168px,100% 100%;background-position:center 58px,center 58px,center top;opacity:1}
body:after{background:linear-gradient(180deg,transparent 0 228px,rgba(2,9,23,.18) 300px,rgba(2,9,23,.92) 620px),radial-gradient(ellipse at 50% 226px,rgba(51,153,255,.18),transparent 34%);mix-blend-mode:normal}
.starfield-shell{background:linear-gradient(180deg,rgba(1,9,24,.02) 0%,rgba(2,9,23,.1) 30%,rgba(2,9,23,.9) 100%)}
.hero{margin-top:92px}
.hero:before{display:none}
.hero-copy{background:linear-gradient(135deg,rgba(4,17,38,.72),rgba(7,28,60,.46))}

/* 2026-06-30 full-page reference-background treatment */
body{background:#020917;color:#edf7ff}
body:before{background:url("/assets/gsc-cosmic-horizon-reference-20260630.png"),radial-gradient(ellipse at 18% 38%,rgba(26,121,231,.34),transparent 26%),radial-gradient(ellipse at 78% 34%,rgba(23,101,211,.26),transparent 28%),radial-gradient(circle at 14% 48%,rgba(118,207,255,.56) 0 1px,transparent 2px),radial-gradient(circle at 36% 56%,rgba(255,255,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 66% 46%,rgba(118,207,255,.42) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#06336f 16%,#052758 30%,#031634 55%,#020917 100%);background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,no-repeat;background-size:100% auto,110% 560px,110% 520px,240px 240px,320px 320px,280px 280px,100% 100%;background-position:center 60px,center 190px,center 260px,0 250px,80px 310px,140px 390px,center top;opacity:1}
body:after{background:linear-gradient(180deg,rgba(2,9,23,0) 0 205px,rgba(2,9,23,.12) 270px,rgba(2,9,23,.78) 600px,#020917 100%),radial-gradient(ellipse 72% 230px at 50% 250px,rgba(42,158,255,.22),transparent 72%),linear-gradient(105deg,transparent 0 50%,rgba(255,255,255,.08) 50.2%,rgba(133,219,255,.035) 51.2%,transparent 53%);mix-blend-mode:normal}
.starfield-shell{background:linear-gradient(180deg,rgba(1,9,24,.04) 0%,rgba(2,9,23,.1) 35%,rgba(2,9,23,.72) 74%,rgba(2,9,23,.96) 100%)}
.hero{margin-top:112px}
.hero-copy{background:linear-gradient(135deg,rgba(4,17,38,.74),rgba(7,28,60,.5))}
.panel{background:radial-gradient(circle at 18% 10%,rgba(255,214,107,.12),transparent 24%),radial-gradient(circle at 86% 4%,rgba(139,209,255,.2),transparent 30%),linear-gradient(135deg,rgba(4,17,38,.82),rgba(7,28,60,.58))}

/* 2026-06-30 pin reference image to the top so its text is not initially covered. */
body:before{background:url("/assets/gsc-cosmic-horizon-reference-20260630.png"),radial-gradient(ellipse at 18% 38%,rgba(26,121,231,.34),transparent 26%),radial-gradient(ellipse at 78% 34%,rgba(23,101,211,.26),transparent 28%),radial-gradient(circle at 14% 48%,rgba(118,207,255,.56) 0 1px,transparent 2px),radial-gradient(circle at 36% 56%,rgba(255,255,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 66% 46%,rgba(118,207,255,.42) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#06336f 16%,#052758 30%,#031634 55%,#020917 100%);background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,no-repeat;background-size:100% auto,110% 560px,110% 520px,240px 240px,320px 320px,280px 280px,100% 100%;background-position:center top,center 190px,center 260px,0 250px,80px 310px,140px 390px,center top;opacity:1}
.hero{margin-top:144px}

/* 2026-06-30 soften the reference image lower edge into the page background. */
body:before{background:url("/assets/gsc-cosmic-horizon-reference-20260630.png"),radial-gradient(ellipse 100% 260px at 50% 150px,rgba(51,153,255,.34),transparent 72%),radial-gradient(ellipse 120% 360px at 50% 230px,rgba(17,86,181,.32),transparent 76%),radial-gradient(ellipse at 18% 38%,rgba(26,121,231,.32),transparent 28%),radial-gradient(ellipse at 78% 34%,rgba(23,101,211,.24),transparent 30%),radial-gradient(circle at 14% 48%,rgba(118,207,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 36% 56%,rgba(255,255,255,.38) 0 1px,transparent 2px),radial-gradient(circle at 66% 46%,rgba(118,207,255,.38) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#06336f 14%,#063066 30%,#052450 44%,#031634 66%,#020917 100%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,no-repeat;background-size:100% auto,110% 360px,120% 520px,110% 560px,110% 520px,240px 240px,320px 320px,280px 280px,100% 100%;background-position:center top,center 112px,center 150px,center 190px,center 260px,0 250px,80px 310px,140px 390px,center top;opacity:1}
body:after{background:linear-gradient(180deg,rgba(2,9,23,0) 0 150px,rgba(2,24,54,.04) 185px,rgba(2,33,75,.18) 250px,rgba(2,22,50,.42) 410px,rgba(2,9,23,.86) 760px,#020917 100%),radial-gradient(ellipse 82% 320px at 50% 235px,rgba(58,165,255,.26),transparent 78%),linear-gradient(105deg,transparent 0 50%,rgba(255,255,255,.08) 50.2%,rgba(133,219,255,.035) 51.2%,transparent 53%);mix-blend-mode:normal}
.starfield-shell{background:linear-gradient(180deg,rgba(1,9,24,.02) 0%,rgba(2,18,42,.08) 28%,rgba(2,20,47,.42) 55%,rgba(2,9,23,.96) 100%)}

/* 2026-06-30 star join: fade the source image into a matching starfield, no hard lower edge. */
body{background:radial-gradient(circle at 8% 28%,rgba(112,203,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 21% 34%,rgba(255,255,255,.48) 0 1px,transparent 2px),radial-gradient(circle at 49% 31%,rgba(112,203,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 76% 30%,rgba(255,255,255,.4) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#06336f 14%,#052758 30%,#031634 55%,#020917 100%);background-size:240px 240px,320px 320px,280px 280px,360px 360px,100% 100%}
body:before{background:url("/assets/gsc-cosmic-horizon-reference-20260630.png");background-repeat:no-repeat;background-size:100% auto;background-position:center top;opacity:1;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 76%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.28) 94%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 76%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.28) 94%,transparent 100%)}
body:after{background:radial-gradient(ellipse 94% 210px at 50% 150px,rgba(80,188,255,.34),transparent 74%),radial-gradient(ellipse 112% 320px at 50% 224px,rgba(18,86,181,.3),transparent 80%),radial-gradient(circle at 18% 175px,rgba(118,207,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 29% 210px,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(circle at 54% 188px,rgba(118,207,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 78% 205px,rgba(255,255,255,.38) 0 1px,transparent 2px),linear-gradient(180deg,rgba(2,9,23,0) 0 128px,rgba(4,39,90,.08) 168px,rgba(3,36,82,.18) 230px,rgba(2,22,50,.48) 430px,rgba(2,9,23,.9) 760px,#020917 100%);background-size:auto,auto,260px 260px,330px 330px,300px 300px,380px 380px,100% 100%;mix-blend-mode:normal}
.starfield-shell{background:linear-gradient(180deg,rgba(1,9,24,0) 0%,rgba(2,18,42,.04) 24%,rgba(2,20,47,.32) 52%,rgba(2,9,23,.96) 100%)}

/* 2026-06-30 image-level star join: use a pre-blended extended background asset. */
body{background:radial-gradient(circle at 8% 28%,rgba(112,203,255,.5) 0 1px,transparent 2px),radial-gradient(circle at 21% 34%,rgba(255,255,255,.48) 0 1px,transparent 2px),radial-gradient(circle at 49% 31%,rgba(112,203,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 76% 30%,rgba(255,255,255,.4) 0 1px,transparent 2px),linear-gradient(180deg,#03112b 0%,#06336f 14%,#052758 30%,#031634 55%,#020917 100%);background-size:240px 240px,320px 320px,280px 280px,360px 360px,100% 100%}
body:before{background:url("/assets/gsc-cosmic-horizon-starjoined-20260630.png");background-repeat:no-repeat;background-size:100% auto;background-position:center top;opacity:1;-webkit-mask-image:none;mask-image:none}
body:after{background:linear-gradient(180deg,rgba(2,9,23,0) 0 250px,rgba(2,18,42,.04) 330px,rgba(2,18,42,.28) 520px,rgba(2,9,23,.82) 860px,#020917 100%),radial-gradient(ellipse 86% 420px at 50% 300px,rgba(58,165,255,.18),transparent 78%);mix-blend-mode:normal}
.starfield-shell{background:linear-gradient(180deg,rgba(1,9,24,0) 0%,rgba(2,18,42,.03) 36%,rgba(2,20,47,.24) 62%,rgba(2,9,23,.96) 100%)}

/* 2026-06-30 highlight cover over the image join line. */
body:after{background:radial-gradient(ellipse 78% 28px at 50% 185px,rgba(255,255,255,.72),rgba(157,229,255,.56) 22%,rgba(69,184,255,.26) 54%,transparent 78%),radial-gradient(ellipse 100% 62px at 50% 194px,rgba(82,196,255,.34),rgba(19,104,216,.18) 48%,transparent 82%),radial-gradient(circle at 18% 175px,rgba(118,207,255,.58) 0 1px,transparent 2px),radial-gradient(circle at 29% 210px,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(circle at 54% 188px,rgba(118,207,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 78% 205px,rgba(255,255,255,.38) 0 1px,transparent 2px),linear-gradient(180deg,rgba(2,9,23,0) 0 150px,rgba(4,39,90,.04) 180px,rgba(3,36,82,.16) 250px,rgba(2,22,50,.48) 430px,rgba(2,9,23,.9) 760px,#020917 100%);background-size:auto,auto,260px 260px,330px 330px,300px 300px,380px 380px,100% 100%;mix-blend-mode:screen}

/* 2026-06-30 baked highlight image: the seam cover is part of the PNG itself. */
body:before{background:url("/assets/gsc-cosmic-horizon-starjoined-softglow-20260630.png");background-repeat:no-repeat;background-size:100% auto;background-position:center top;opacity:1;-webkit-mask-image:none;mask-image:none}
body:after{background:linear-gradient(180deg,rgba(2,9,23,0) 0 240px,rgba(2,18,42,.03) 330px,rgba(2,18,42,.26) 520px,rgba(2,9,23,.82) 860px,#020917 100%),radial-gradient(ellipse 86% 420px at 50% 300px,rgba(58,165,255,.16),transparent 78%);mix-blend-mode:normal}

/* 2026-06-30 approved AI-regenerated horizon background.
   Keep the accepted 013 image intact and reduce first-viewport card mass. */
body{background:#020917;color:#edf7ff}
body:before{
  background:url("/assets/gsc-cosmic-horizon-ai-regenerated-20260630.png");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center top;
  opacity:1;
  -webkit-mask-image:none;
  mask-image:none;
}
body:after{
  background:linear-gradient(180deg,rgba(2,9,23,0) 0 50%,rgba(2,9,23,.26) 72%,rgba(2,9,23,.9) 100%);
  mix-blend-mode:normal;
}
.starfield-shell{
  background:linear-gradient(180deg,rgba(1,9,24,0) 0%,rgba(2,9,23,.06) 45%,rgba(2,9,23,.78) 100%);
}
.hero{
  margin-top:146px;
  min-height:0;
  grid-template-columns:minmax(0,1.04fr) minmax(300px,.86fr);
  gap:28px;
  align-items:start;
}
.hero-copy,.hero-console{border-radius:20px}
.hero-copy{padding:clamp(18px,2.05vw,26px)}
.hero-copy h1{font-size:clamp(26px,3vw,38px);line-height:1.04;margin:12px 0 8px}
.hero-copy .lead{font-size:13.5px;line-height:1.5;max-width:610px}
.hero-actions{margin-top:14px}
.hero-console{padding:16px 20px}
.btn{min-height:40px;padding:0 17px}
.status-badge{min-height:36px;padding:0 12px}
.status-grid{gap:7px}
.status-item{min-height:36px;padding:7px 12px}
@media(max-width:900px){
  body:before{
    background-size:auto 390px;
    background-position:center top;
  }
  .hero{margin-top:72px;grid-template-columns:1fr}
}

/* 2026-06-30 compact all homepage information panels and remove panel light dots. */
.section{
  margin:24px auto;
}
.grid{
  gap:16px;
}
.panel{
  min-height:calc(100% - 19px);
  padding:18px 22px;
}
.panel:after{
  display:none;
}
.panel h2,
.panel h3{
  padding-left:0;
  margin-bottom:8px;
}
.panel p,
.panel li{
  line-height:1.52;
  margin-top:0;
  margin-bottom:0;
}
.badges{
  margin-top:10px;
}
.badge{
  padding:6px 10px;
}
.hero{
  margin-top:166px;
}
.hero-copy{
  padding:18px 24px;
}
.hero-copy h1{
  font-size:clamp(24px,2.72vw,35px);
  margin:10px 0 7px;
}
.hero-copy .lead{
  font-size:13px;
  line-height:1.44;
}
.hero-actions{
  margin-top:12px;
}
.hero-console{
  padding:14px 18px;
}
.status-item{
  min-height:32px;
  padding:6px 11px;
}
@media(max-width:900px){
  .hero{
    margin-top:92px;
  }
  .panel{
    padding:17px 20px;
  }
}

/* Remove the small glowing dot inside the hero label as well. */
.eyebrow:before{
  display:none;
}

/* 2026-06-30 tighten vertical rhythm to free space for the hero to move below the background text. */
.hero{
  margin-top:185px;
}
.section{
  margin:12px auto 16px;
}
.section-title{
  margin:0 0 8px;
}
.grid{
  gap:12px 16px;
}
.footer{
  margin-top:22px;
}
@media(max-width:900px){
  .hero{
    margin-top:108px;
  }
  .section{
    margin:10px auto 14px;
  }
  .section-title{
    margin-bottom:7px;
  }
  .grid{
    gap:10px;
  }
}