:root { color-scheme: dark; --bg:#060b13; --bg-soft:#0a1321; --surface:#0d1828; --surface-strong:#111f33; --line:rgba(155,177,208,.18); --line-strong:rgba(155,177,208,.32); --text:#f4f7fb; --muted:#9eacc0; --orange:#ff9f1c; --orange-bright:#ffc15c; --cyan:#5ce1e6; --violet:#9d7bff; --green:#49d6a4; --max:1180px; --header-h:76px; --radius-sm:10px; --radius:18px; --radius-lg:28px; --shadow:0 24px 80px rgba(0,0,0,.34); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 75% -15%,rgba(48,121,184,.18),transparent 34rem),linear-gradient(180deg,#07101c 0,var(--bg) 38rem); color:var(--text); font:400 1rem/1.65 "DM Sans",system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,black,transparent 80%); }
a { color:inherit; } button,select { font:inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; left:1rem; top:-4rem; z-index:100; padding:.8rem 1rem; background:var(--text); color:var(--bg); border-radius:8px; transition:top .2s; }
.skip-link:focus { top:1rem; }
.site-header { position:sticky; top:0; z-index:50; height:var(--header-h); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:2rem; padding:0 max(1.25rem,calc((100vw - var(--max))/2)); border-bottom:1px solid var(--line); background:rgba(6,11,19,.82); backdrop-filter:blur(18px); }
.wordmark { font:700 1.2rem/1 "Space Grotesk",sans-serif; text-decoration:none; letter-spacing:-.04em; white-space:nowrap; }
.wordmark span { color:var(--orange); }
.site-nav { display:flex; justify-content:center; align-items:center; gap:clamp(.8rem,2vw,1.8rem); }
.site-nav a { color:var(--muted); text-decoration:none; font-size:.9rem; font-weight:600; transition:color .2s; }
.site-nav a:hover,.site-nav a[aria-current="page"] { color:var(--text); }
.language-control { display:flex; align-items:center; gap:.45rem; padding:.45rem .65rem; border:1px solid var(--line); border-radius:999px; color:var(--muted); }
.language-control select { width:6rem; color:var(--text); background:transparent; border:0; outline:0; cursor:pointer; }
.language-control option { color:#111827; }
.menu-button { display:none; }
@media(min-width:961px) and (max-width:1200px){.site-header{gap:.85rem;padding-inline:1rem}.site-nav{gap:.62rem}.site-nav a{font-size:.78rem}.language-control{padding-inline:.5rem}.language-control select{width:5.25rem;font-size:.78rem}}
.section-shell { width:min(calc(100% - 2.5rem),var(--max)); margin-inline:auto; }
.hero { min-height:calc(100svh - var(--header-h)); display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.78fr); align-items:center; gap:clamp(3rem,8vw,7rem); padding-block:clamp(5rem,9vw,8rem); }
.eyebrow { margin:0 0 1.1rem; color:var(--orange-bright); font:600 .76rem/1.2 "Space Grotesk",sans-serif; letter-spacing:.17em; text-transform:uppercase; }
h1,h2,h3 { margin:0; font-family:"Space Grotesk",sans-serif; letter-spacing:-.045em; line-height:1.05; }
h1 { max-width:13ch; font-size:clamp(3rem,7vw,6.25rem); font-weight:600; }
h1 span { color:var(--orange); }
.hero-lead { max-width:690px; margin:1.7rem 0 0; color:var(--muted); font-size:clamp(1.08rem,1.65vw,1.3rem); }
.primary-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:.65rem; padding:.85rem 1.15rem; border:1px solid var(--line-strong); border-radius:var(--radius-sm); text-decoration:none; font-weight:700; line-height:1.2; transition:transform .2s,background .2s,border-color .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#111; border-color:var(--orange); background:var(--orange); box-shadow:0 10px 36px rgba(255,159,28,.18); }
.button-primary:hover { background:var(--orange-bright); border-color:var(--orange-bright); }
.button-secondary { background:rgba(255,255,255,.025); }
.button-secondary:hover { border-color:var(--orange); background:rgba(255,159,28,.08); }
.button-text { border-color:transparent; color:var(--muted); padding-inline:.4rem; }
.button-text:hover { color:var(--text); }
.trust-line { display:flex; align-items:center; gap:.55rem; margin:1.3rem 0 0; color:#8391a5; font-size:.82rem; }
.trust-line span { width:7px; height:7px; background:var(--green); border-radius:50%; box-shadow:0 0 14px var(--green); }
.network-card { position:relative; overflow:hidden; min-height:480px; padding:1.2rem; border:1px solid var(--line); border-radius:var(--radius-lg); background:linear-gradient(145deg,rgba(16,31,52,.9),rgba(7,15,26,.78)); box-shadow:var(--shadow); }
.network-card::after { content:""; position:absolute; inset:-10% -30%; background:radial-gradient(circle at 50% 30%,rgba(92,225,230,.1),transparent 30%),radial-gradient(circle at 60% 58%,rgba(157,123,255,.1),transparent 38%); pointer-events:none; }
.network-card-head { position:relative; z-index:2; display:flex; justify-content:space-between; gap:1rem; color:var(--muted); font-size:.8rem; }
.status { display:inline-flex; align-items:center; gap:.45rem; }.status i { width:6px; height:6px; border-radius:50%; background:var(--green); }
.network-orbit { position:relative; z-index:1; width:300px; height:300px; margin:1.25rem auto .4rem; }
.orbit { position:absolute; inset:15%; border:1px solid rgba(155,177,208,.18); border-radius:50%; transform:rotate(-18deg) scaleY(.6); }.orbit-two { inset:-2%; transform:rotate(28deg) scaleY(.55); border-color:rgba(255,159,28,.2); }
.network-core,.node { position:absolute; display:grid; place-items:center; border-radius:50%; font-family:"Space Grotesk",sans-serif; font-weight:700; }
.network-core { inset:50% auto auto 50%; width:86px; height:86px; transform:translate(-50%,-50%); background:radial-gradient(circle at 35% 30%,#ffcc71,var(--orange) 44%,#b85b00); color:#111; font-size:1.5rem; box-shadow:0 0 0 12px rgba(255,159,28,.08),0 0 60px rgba(255,159,28,.28); }
.node { width:48px; height:48px; border:1px solid var(--line-strong); background:#0a1525; box-shadow:0 10px 30px rgba(0,0,0,.3); }.node-btc { left:1rem; top:43%; color:var(--orange); }.node-sol { right:1.4rem; top:16%; color:var(--violet); }.node-code { right:1rem; bottom:13%; color:var(--cyan); font-size:.8rem; }
.network-stats { position:relative; z-index:2; display:grid; gap:.7rem; margin:0; }.network-stats div { display:flex; justify-content:space-between; gap:1rem; padding:.65rem .75rem; border-top:1px solid var(--line); }.network-stats dt { color:var(--muted); font-size:.82rem; }.network-stats dd { margin:0; text-align:right; font-size:.82rem; font-weight:600; }
.signal-strip { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); background:rgba(9,18,31,.72); }.signal-strip div { padding:1.5rem max(1.25rem,calc((100vw - var(--max))/6)); border-right:1px solid var(--line); }.signal-strip div:last-child { border-right:0; }.signal-strip strong,.signal-strip span { display:block; }.signal-strip strong { margin-bottom:.2rem; font:600 1rem "Space Grotesk",sans-serif; }.signal-strip span { color:var(--muted); font-size:.84rem; }
.section-block { padding-block:clamp(5rem,9vw,8rem); }.section-heading { margin-bottom:clamp(2.2rem,5vw,4rem); }.section-heading h2,.research-banner h2,.final-cta h2 { font-size:clamp(2.25rem,5vw,4.5rem); }.split-heading { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:3rem; }.split-heading>p { max-width:540px; margin:0; color:var(--muted); font-size:1.08rem; }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }.feature-panel { min-height:360px; display:grid; grid-template-columns:auto 1fr; align-items:end; gap:1.5rem; padding:clamp(1.5rem,3.5vw,2.5rem); border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(16,30,50,.72),rgba(8,15,26,.6)); }.feature-panel-large { grid-column:1/-1; min-height:390px; background:radial-gradient(circle at 85% 20%,rgba(255,159,28,.11),transparent 28%),linear-gradient(145deg,rgba(16,30,50,.78),rgba(8,15,26,.62)); }.feature-index { align-self:start; color:#65758b; font:500 .8rem "Space Grotesk",sans-serif; }.kicker { color:var(--cyan); text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; font-weight:700; }.feature-panel h3 { max-width:17ch; font-size:clamp(1.8rem,4vw,3.2rem); }.feature-panel p:not(.kicker) { max-width:630px; color:var(--muted); }.inline-link { display:inline-flex; gap:.6rem; color:var(--text); text-underline-offset:.32em; text-decoration-color:rgba(255,255,255,.28); font-weight:700; }.inline-link:hover { text-decoration-color:var(--orange); }.inline-link span { color:var(--orange); }
.research-banner { display:grid; grid-template-columns:1fr auto; align-items:end; gap:3rem; padding:clamp(2rem,5vw,4rem); border:1px solid rgba(157,123,255,.32); border-radius:var(--radius-lg); background:radial-gradient(circle at 80% 10%,rgba(157,123,255,.18),transparent 32%),var(--surface); }.research-banner h2 { max-width:17ch; }.research-banner p:not(.eyebrow) { max-width:700px; margin:1.25rem 0 0; color:var(--muted); }.research-actions { min-width:180px; display:grid; gap:1rem; justify-items:start; }
.compact-section { padding-bottom:clamp(5rem,10vw,9rem); }.link-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }.link-grid a { position:relative; display:grid; grid-template-columns:1fr auto; gap:.2rem 1rem; padding:1.5rem 1rem; border-bottom:1px solid var(--line); text-decoration:none; }.link-grid a:nth-child(odd) { border-right:1px solid var(--line); }.link-grid a:hover { background:rgba(255,255,255,.025); }.link-grid span { font:600 1.18rem "Space Grotesk",sans-serif; }.link-grid small { color:var(--muted); font-size:.85rem; }.link-grid b { grid-column:2; grid-row:1/span 2; align-self:center; color:var(--orange); }
.final-cta { margin-bottom:clamp(4rem,8vw,7rem); padding:clamp(3rem,8vw,6.5rem); border:1px solid var(--line); border-radius:var(--radius-lg); text-align:center; background:linear-gradient(145deg,rgba(255,159,28,.1),rgba(9,18,31,.88) 46%,rgba(92,225,230,.06)); }.final-cta h2 { margin-inline:auto; }.final-cta .primary-actions { justify-content:center; }
.site-footer { padding:3.5rem max(1.25rem,calc((100vw - var(--max))/2)) 1.5rem; border-top:1px solid var(--line); background:#050a11; }.footer-top { display:flex; justify-content:space-between; align-items:center; gap:2rem; padding-bottom:2.5rem; }.footer-top p { margin:0; color:var(--muted); }.footer-grid { display:grid; grid-template-columns:1.2fr repeat(3,1fr); gap:2rem; padding-block:2.4rem; border-block:1px solid var(--line); }.footer-grid div { display:grid; align-content:start; gap:.45rem; }.footer-grid strong { margin-bottom:.35rem; color:var(--text); font-size:.83rem; }.footer-grid a { color:var(--muted); font-size:.88rem; text-decoration:none; }.footer-grid a:hover { color:var(--text); }.footer-bottom { display:flex; justify-content:space-between; gap:2rem; padding-top:1.5rem; color:#6f7d90; font-size:.78rem; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
@media(max-width:960px){.site-header{grid-template-columns:auto auto 1fr}.menu-button{order:3;justify-self:end;width:42px;height:42px;display:grid;place-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:transparent}.menu-button span:not(.sr-only){width:18px;height:1px;display:block;background:var(--text)}.site-nav{position:absolute;inset:var(--header-h) 0 auto;display:none;align-items:stretch;padding:1rem 1.25rem 1.5rem;border-bottom:1px solid var(--line);background:rgba(6,11,19,.98)}.site-nav.is-open{display:grid}.site-nav a{padding:.7rem 0;font-size:1rem}.language-control{justify-self:start}.hero{grid-template-columns:1fr;min-height:auto}.network-card{min-height:440px}.split-heading,.research-banner{grid-template-columns:1fr;align-items:start}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){:root{--header-h:68px}.site-header{gap:.7rem;padding-inline:1rem}.language-control{margin-left:auto;padding-inline:.55rem}.language-control span{display:none}.language-control select{width:5.7rem}.hero{gap:3rem;padding-block:4rem}.primary-actions{align-items:stretch}.primary-actions .button{width:100%}.button-text{border-color:var(--line)}.network-card{min-height:410px}.network-orbit{width:260px;height:260px}.signal-strip{grid-template-columns:1fr}.signal-strip div{padding:1.15rem 1.25rem;border-right:0;border-bottom:1px solid var(--line)}.signal-strip div:last-child{border-bottom:0}.feature-grid{grid-template-columns:1fr}.feature-panel,.feature-panel-large{grid-column:auto;min-height:330px}.link-grid{grid-template-columns:1fr}.link-grid a:nth-child(odd){border-right:0}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Interior pages */
.page-hero { padding-block:clamp(4.5rem,9vw,8rem) clamp(3rem,6vw,5rem); border-bottom:1px solid var(--line); }
.page-hero .eyebrow { margin-bottom:1.25rem; }
.page-hero h1 { max-width:16ch; font-size:clamp(2.8rem,6vw,5.6rem); }
.page-hero .page-lead { max-width:760px; margin:1.5rem 0 0; color:var(--muted); font-size:clamp(1.08rem,1.8vw,1.3rem); }
.breadcrumb { display:flex; gap:.5rem; margin-bottom:2.25rem; color:#7e8ba0; font-size:.82rem; }
.breadcrumb a { text-decoration:none; }.breadcrumb a:hover { color:var(--text); }
.page-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.notice { margin-top:2.2rem; padding:1rem 1.15rem; border:1px solid rgba(255,159,28,.32); border-radius:var(--radius-sm); background:rgba(255,159,28,.07); color:#d8e0eb; }
.notice strong { color:var(--orange-bright); }
.notice.cool { border-color:rgba(92,225,230,.28); background:rgba(92,225,230,.06); }
.notice.cool strong { color:var(--cyan); }
.content-section { padding-block:clamp(4rem,8vw,7rem); }
.content-section + .content-section { border-top:1px solid var(--line); }
.content-intro { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(2rem,7vw,6rem); margin-bottom:3rem; }
.content-intro h2 { font-size:clamp(2.1rem,4vw,3.7rem); }
.content-intro p { max-width:680px; margin:0; color:var(--muted); font-size:1.05rem; }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.info-card { position:relative; display:flex; flex-direction:column; min-height:310px; padding:1.6rem; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(155deg,rgba(17,31,51,.78),rgba(8,16,28,.7)); }
.info-card .card-icon { width:46px; height:46px; display:grid; place-items:center; margin-bottom:auto; border:1px solid var(--line-strong); border-radius:13px; color:var(--orange-bright); font:700 1rem "Space Grotesk",sans-serif; background:rgba(255,255,255,.025); }
.info-card h3 { margin-top:2.3rem; font-size:1.55rem; }
.info-card p { margin:.8rem 0 1.2rem; color:var(--muted); }
.info-card .inline-link { margin-top:auto; }
.badge { align-self:flex-start; display:inline-flex; align-items:center; gap:.4rem; padding:.32rem .55rem; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.badge.live { color:var(--green); border-color:rgba(73,214,164,.28); background:rgba(73,214,164,.06); }
.badge.beta { color:var(--orange-bright); border-color:rgba(255,159,28,.28); background:rgba(255,159,28,.06); }
.badge.research { color:#c6b7ff; border-color:rgba(157,123,255,.3); background:rgba(157,123,255,.07); }
.comparison-table { width:100%; border-collapse:collapse; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.comparison-table th,.comparison-table td { padding:1rem 1.1rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.comparison-table th { color:#d9e1ec; background:rgba(255,255,255,.03); font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }
.comparison-table td { color:var(--muted); }.comparison-table td:first-child { color:var(--text); font-weight:700; }
.comparison-table tr:last-child td { border-bottom:0; }
.definition-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.definition-card { padding:1.7rem; border:1px solid var(--line); border-radius:var(--radius); background:rgba(13,24,40,.62); }
.definition-card h3 { margin-bottom:.7rem; font-size:1.35rem; }.definition-card p { margin:0; color:var(--muted); }
.definition-card code,.address-box code { overflow-wrap:anywhere; color:var(--cyan); }
.address-box { margin-top:1rem; padding:1rem; border:1px solid var(--line); border-radius:10px; background:#050a11; }
.steps { display:grid; gap:0; counter-reset:step; border-top:1px solid var(--line); }
.step { display:grid; grid-template-columns:70px 1fr; gap:1.5rem; padding:1.8rem .5rem; border-bottom:1px solid var(--line); }
.step::before { counter-increment:step; content:"0" counter(step); color:var(--orange); font:600 .9rem "Space Grotesk",sans-serif; }
.step h3 { font-size:1.35rem; }.step p { margin:.55rem 0 0; color:var(--muted); }
.callout { display:grid; grid-template-columns:1fr auto; align-items:center; gap:2rem; padding:2.2rem; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(135deg,rgba(92,225,230,.07),rgba(157,123,255,.07)); }
.callout h2 { font-size:clamp(1.8rem,4vw,3rem); }.callout p { margin:.6rem 0 0; color:var(--muted); }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.metric-grid div { padding:1.5rem; background:var(--surface); }.metric-grid strong { display:block; color:var(--orange-bright); font:600 clamp(1.6rem,3vw,2.4rem) "Space Grotesk",sans-serif; }.metric-grid span { color:var(--muted); font-size:.82rem; }
.prose { max-width:780px; }.prose h2 { margin:2.6rem 0 1rem; font-size:clamp(1.8rem,4vw,2.8rem); }.prose h2:first-child { margin-top:0; }.prose p,.prose li { color:var(--muted); }.prose a { text-underline-offset:.25em; }
.source-list { display:grid; gap:.7rem; margin-top:1.5rem; }.source-list a { display:flex; justify-content:space-between; gap:1rem; padding:1rem; border:1px solid var(--line); border-radius:10px; color:var(--muted); text-decoration:none; }.source-list a:hover { color:var(--text); border-color:var(--line-strong); }
[dir="rtl"] .site-nav,[dir="rtl"] .comparison-table th,[dir="rtl"] .comparison-table td { text-align:right; }
.impact-hero { padding-bottom:clamp(2.5rem,5vw,4rem); }
.impact-cover { width:min(calc(100% - 2.5rem),var(--max)); max-height:620px; aspect-ratio:16/8; display:block; margin:0 auto; object-fit:cover; object-position:center; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow); }
.impact-story { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(2rem,8vw,7rem); align-items:start; }
.impact-story h2 { font-size:clamp(2.1rem,4vw,3.8rem); }
.impact-story-copy { max-width:700px; }.impact-story-copy p { margin:0 0 1.15rem; color:var(--muted); font-size:1.05rem; }
.impact-gallery { display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:340px 340px; gap:1rem; }
.impact-gallery figure { position:relative; overflow:hidden; margin:0; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.impact-gallery figure:first-child { grid-row:1 / span 2; }.impact-gallery img { width:100%; height:100%; display:block; object-fit:cover; }.impact-gallery figure:first-child img { object-position:center; }
.impact-gallery figcaption { position:absolute; inset:auto 0 0; padding:2.6rem 1rem 1rem; color:#fff; font-size:.82rem; background:linear-gradient(transparent,rgba(0,0,0,.78)); }
.impact-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.impact-principles article { padding:1.5rem; border-top:2px solid var(--orange); background:rgba(13,24,40,.55); }.impact-principles h3 { font-size:1.2rem; }.impact-principles p { margin:.65rem 0 0; color:var(--muted); }
@media(max-width:880px){.content-intro{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.callout{grid-template-columns:1fr;align-items:start}}
@media(max-width:880px){.impact-story{grid-template-columns:1fr}.impact-principles{grid-template-columns:1fr}.impact-gallery{grid-template-columns:1fr 1fr;grid-template-rows:420px 280px}.impact-gallery figure:first-child{grid-column:1/-1;grid-row:auto}}
@media(max-width:620px){.card-grid,.definition-grid{grid-template-columns:1fr}.comparison-scroll{overflow-x:auto;margin-inline:-1.25rem;padding-inline:1.25rem}.comparison-table{min-width:700px}.step{grid-template-columns:42px 1fr;gap:.5rem}.metric-grid{grid-template-columns:1fr 1fr}.page-actions .button{width:100%}.impact-cover{width:calc(100% - 1.5rem);aspect-ratio:4/3}.impact-gallery{grid-template-columns:1fr;grid-template-rows:repeat(3,360px)}.impact-gallery figure:first-child{grid-column:auto}.impact-gallery figure{min-height:0}}

/* Product, partner and operations pages */
.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:clamp(2rem,7vw,6rem);align-items:end}
.product-panel{padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(16,31,52,.92),rgba(7,15,26,.82));box-shadow:var(--shadow)}
.product-panel h2{font-size:1.4rem}.product-panel p{color:var(--muted)}
.code-block{overflow:auto;margin:1rem 0 0;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#04080e;color:#b9d9f5;font:500 .82rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.product-form{display:grid;gap:.8rem}.product-form label{color:var(--muted);font-size:.88rem;font-weight:700}.product-form input{width:100%;min-height:48px;padding:.75rem;border:1px solid var(--line-strong);border-radius:10px;background:#07101c;color:var(--text);font:inherit}.product-form input:focus{outline:2px solid var(--orange);outline-offset:2px}.product-form button{cursor:pointer}.form-status{min-height:1.5rem;margin:0;color:var(--orange-bright)}
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.partner-card{display:flex;min-height:290px;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(16,31,52,.72),rgba(7,15,26,.62));text-decoration:none}.partner-card:hover{border-color:var(--line-strong);background:rgba(17,31,51,.88)}.partner-card .eyebrow{margin-bottom:auto}.partner-card h3{margin-top:2rem;font-size:1.5rem}.partner-card p{color:var(--muted)}.partner-card small{margin-top:auto;color:#7f8da1}.partner-card.external h3::after{content:' ↗';color:var(--orange)}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.service-card{display:flex;min-height:330px;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(17,31,51,.78),rgba(8,16,28,.7))}.service-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.service-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:12px;color:var(--orange-bright);font:700 .78rem 'Space Grotesk',sans-serif}.service-state{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.75rem;font-weight:700}.service-state i{width:7px;height:7px;border-radius:50%;background:currentColor}.service-state.ok{color:var(--green);border-color:rgba(73,214,164,.28)}.service-state.warn{color:var(--orange-bright)}.service-state.bad{color:#ff8d9b}.service-card h2{margin-top:2rem;font-size:1.35rem}.service-card p,.service-meta{color:var(--muted)}.service-meta{display:grid;gap:.35rem;padding:0;list-style:none;font-size:.84rem}.service-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto;padding-top:1rem}.service-actions a{padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:.8rem;font-weight:700}.service-actions a:hover{border-color:var(--orange)}
@media(max-width:960px){.product-hero-grid{grid-template-columns:1fr}.partner-grid,.status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.partner-grid,.status-grid{grid-template-columns:1fr}.product-panel{padding:1.2rem}.service-card{min-height:300px}}
@media(max-width:620px){.page-hero h1{max-width:100%;font-size:clamp(2.35rem,11.5vw,3.05rem);overflow-wrap:break-word}.page-hero{overflow:hidden}}