:root {
  --bg: #0c1018;
  --panel: #141b26;
  --text: #f5f6f3;
  --muted: #a9b1be;
  --accent: #b8ee72;
  --accent-two: #72d6ee;
  --border: #293342;
}
html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  background:
    radial-gradient(circle at 10% 8%, rgba(114,214,238,.1), transparent 28rem),
    radial-gradient(circle at 88% 24%, rgba(184,238,114,.08), transparent 27rem),
    var(--bg);
}
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; border-radius: 5px; }
.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 100; padding: .8rem 1rem; background: #fff; color: #111; transform: translateY(-180%); }
.skip-link:focus { transform: none; }
.verification-link { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-frame { width: min(1180px, calc(100% - 48px)); margin: auto; }
.site-header { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-bottom: 1px solid var(--border); }
.brand { display: inline-flex; align-items: center; gap: .8rem; font-weight: 650; text-decoration: none; letter-spacing: -.02em; }
.brand strong { color: var(--accent); }
.brand-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: linear-gradient(135deg,var(--accent-two),var(--accent)); color: #0c1018; font-size: .74rem; font-weight: 900; letter-spacing: .08em; }
.primary-nav { display: flex; align-items: center; gap: 1.4rem; }
.primary-nav a { color: var(--muted); font-size: .88rem; text-decoration: none; }
.primary-nav a:hover { color: var(--text); }
.primary-nav .nav-cta { padding: .65rem 1rem; border: 1px solid var(--border); border-radius: 999px; color: var(--text); }
.eyebrow { margin: 0 0 1rem; color: var(--accent); font-size: .73rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.hero { display: grid; grid-template-columns: minmax(0,.95fr) minmax(460px,1.05fr); gap: 2rem; align-items: center; min-height: 720px; padding: 6rem 0; }
.hero h1 { margin: 0; font-size: clamp(4rem,8.8vw,8rem); line-height: .83; letter-spacing: -.075em; }
.hero h1 span { color: transparent; -webkit-text-stroke: 1px rgba(184,238,114,.7); }
.hero-copy > p:not(.eyebrow) { max-width: 700px; margin: 2.3rem 0 0; color: var(--muted); font-size: clamp(1.05rem,2vw,1.24rem); }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.4rem; margin-top: 2.3rem; }
.primary-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: .8rem 1.3rem; border-radius: 12px; background: linear-gradient(135deg,var(--accent),var(--accent-two)); color: #0c1018; font-weight: 850; text-decoration: none; }
.text-link { font-weight: 750; text-decoration: none; }
.orbit { --orbit-turn: 0deg; --orbit-label-turn: 0deg; position: relative; width: min(560px,100%); aspect-ratio: 1; margin: auto; }
.orbit-wheel,.orbit-track { position: absolute; inset: 0; }
.orbit-track { transform: rotate(var(--orbit-turn)); transform-origin: 50% 50%; will-change: transform; }
.orbit-ring { position: absolute; border: 1px solid currentColor; border-radius: 50%; opacity: .3; }
.track-outer { color: var(--accent); }
.track-outer .orbit-ring { inset: 3%; }
.track-middle { color: var(--accent-two); }
.track-middle .orbit-ring { inset: 17%; }
.track-inner { color: #c89cff; }
.track-inner .orbit-ring { inset: 26%; }
.orbit-core { position: absolute; z-index: 2; inset: 38%; display: grid; place-items: center; border-radius: 28%; background: linear-gradient(135deg,var(--accent-two),var(--accent)); color: #0c1018; font-size: 1.5rem; font-weight: 950; text-decoration: none; box-shadow: 0 0 65px rgba(184,238,114,.18); transition: box-shadow .2s ease, filter .2s ease; }
.orbit-core:hover,.orbit-core:focus-visible { filter: brightness(1.08); box-shadow: 0 0 80px rgba(184,238,114,.3); }
.orbit-label { --domain-color: var(--accent); position: absolute; z-index: 3; padding: .5rem .72rem; border: 1px solid var(--domain-color); border-radius: 999px; background: rgba(20,27,38,.96); color: var(--domain-color); font-size: .7rem; font-weight: 800; line-height: 1; white-space: nowrap; text-decoration: none; box-shadow: 0 0 18px color-mix(in srgb,var(--domain-color) 22%,transparent),0 8px 24px rgba(0,0,0,.2); transform: translate(-50%,-50%) rotate(var(--orbit-label-turn)); transform-origin: center; will-change: transform; transition: color .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.orbit-label span { display: block; }
.orbit-label:hover,.orbit-label:focus-visible { background: var(--panel); color: var(--text); box-shadow: 0 0 25px color-mix(in srgb,var(--domain-color) 42%,transparent),0 8px 24px rgba(0,0,0,.24); }
.track-outer .position-a { top: 3%; left: 50%; }
.track-outer .position-b { top: 73.5%; left: 90.7%; }
.track-outer .position-c { top: 73.5%; left: 9.3%; }
.track-middle .position-a { top: 33.5%; left: 78.5%; }
.track-middle .position-b { top: 83%; left: 50%; }
.track-middle .position-c { top: 33.5%; left: 21.5%; }
.track-inner .position-a { top: 26%; left: 50%; }
.track-inner .position-b { top: 62%; left: 70.8%; }
.track-inner .position-c { top: 62%; left: 29.2%; }
.domain-tools { --domain-color: #65def1; }
.domain-games { --domain-color: #c89cff; }
.domain-extra { --domain-color: #ff8d76; }
.domain-education { --domain-color: #a8df82; }
.domain-creative { --domain-color: #ff8fc7; }
.domain-generators { --domain-color: #b6a0ff; }
.domain-developer { --domain-color: #59e0c1; }
.domain-services { --domain-color: #ffbd69; }
.domain-official { --domain-color: #78adff; }
.network-section,.about-section,.featured-section { padding: 7rem 0; border-top: 1px solid var(--border); }
.section-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 4rem; align-items: end; margin-bottom: 3rem; }
.section-heading h2,.about-copy h2,.featured-section h2,.contact-section h2 { margin: 0; font-size: clamp(2.6rem,5.5vw,5rem); line-height: .96; letter-spacing: -.06em; }
.section-heading > p { max-width: 500px; margin: 0; color: var(--muted); }
.network-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 1rem; }
.network-card { --card-accent: var(--accent); position: relative; min-height: 360px; display: flex; flex-direction: column; grid-column: span 2; padding: 1.5rem; border: 1px solid var(--border); border-radius: 22px; background: linear-gradient(145deg,rgba(25,33,47,.94),rgba(14,19,29,.9)); text-decoration: none; overflow: hidden; box-shadow: 0 16px 42px rgba(0,0,0,.18); }
.network-card:nth-child(4),.network-card:nth-child(5) { grid-column: span 3; min-height: 310px; }
.network-card:hover { border-color: var(--card-accent); transform: translateY(-3px); }
.network-card::after { content:""; position:absolute; width:180px; height:180px; right:-80px; top:-90px; border-radius:50%; background:var(--card-accent); filter:blur(70px); opacity:.15; }
.network-card.education{--card-accent:#a8df82}.network-card.games{--card-accent:#c89cff}.network-card.tools{--card-accent:#65def1}.network-card.services{--card-accent:#ffbd69}.network-card.creative{--card-accent:#ff8fc7}.network-card.generators{--card-accent:#b6a0ff}.network-card.developer{--card-accent:#59e0c1}
.card-index { color: var(--muted); font: 700 .7rem ui-monospace,monospace; }
.card-icon { display:grid; width:50px; height:50px; place-items:center; margin-top:2rem; border-radius:14px; background:color-mix(in srgb,var(--card-accent) 16%,transparent); color:var(--card-accent); font-size:.72rem; font-weight:900; }
.network-card h3 { margin: 1.4rem 0 .5rem; font-size: 1.55rem; letter-spacing: -.035em; }
.network-card p { margin: 0; color: var(--muted); }
.card-link { display:flex; justify-content:space-between; gap:1rem; margin-top:auto; padding-top:1.5rem; color:var(--card-accent); font-weight:800; }
.about-section { display:grid; grid-template-columns:1fr 1fr; gap:5rem; }
.principles article { padding: 1.5rem 0; border-top: 1px solid var(--border); }
.principles span { color:var(--accent); font:700 .7rem ui-monospace,monospace; }
.principles h3 { margin:.5rem 0 .4rem; font-size:1.25rem; }
.principles p { margin:0; color:var(--muted); }
.featured-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:5rem; }
.featured-links { border-top:1px solid var(--border); }
.featured-links a { display:grid; grid-template-columns:1fr 1fr auto; gap:1rem; align-items:center; padding:1.4rem 0; border-bottom:1px solid var(--border); text-decoration:none; }
.featured-links a:hover span,.featured-links a:hover b { color:var(--accent); }
.featured-links span { font-weight:800; }
.featured-links small { color:var(--muted); }
.contact-section { display:grid; grid-template-columns:1.2fr .8fr; gap:3rem; align-items:end; margin:5rem 0; padding:clamp(2rem,5vw,4.5rem); border-radius:30px; background:linear-gradient(135deg,#b8ee72,#72d6ee); color:#0c1018; }
.contact-section .eyebrow { color:#25481c; }
.contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:1rem; }
.primary-button.light { background:#0c1018; color:#fff; }
.contact-actions > a:last-child { font-weight:800; }
.site-footer { display:grid; grid-template-columns:1fr auto; gap:1.2rem 3rem; padding:2.5rem 0 4rem; border-top:1px solid var(--border); color:var(--muted); font-size:.85rem; }
.site-footer strong { color:var(--text); }.site-footer div p { margin:.25rem 0 0; }
.site-footer nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:1rem; }
.site-footer > p { grid-column:1/-1; margin:0; }
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.orbit{max-width:480px}.network-card{grid-column:span 3}.network-card:nth-child(5){grid-column:span 6}.about-section,.featured-section{grid-template-columns:1fr}.contact-section{grid-template-columns:1fr}}
@media(max-width:680px){.site-frame{width:min(100% - 28px,1180px)}.site-header{min-height:74px}.primary-nav a:not(.nav-cta){display:none}.brand>span:last-child{font-size:.88rem}.hero{padding:5rem 0;gap:3rem}.hero h1{font-size:clamp(3.8rem,20vw,6rem)}.orbit{max-width:420px}.orbit-label{padding:.42rem .58rem;font-size:.62rem}.section-heading{grid-template-columns:1fr;gap:1rem}.network-grid{grid-template-columns:1fr}.network-card,.network-card:nth-child(4),.network-card:nth-child(5){grid-column:auto;min-height:300px}.featured-links a{grid-template-columns:1fr auto}.featured-links small{grid-column:1/-1;grid-row:2}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.contact-section{border-radius:22px}}
@media(max-width:480px){.orbit{width:min(100% - 12px,390px)}.orbit-label{padding:.36rem .46rem;font-size:.54rem}.track-outer .orbit-ring{inset:7%}.track-middle .orbit-ring{inset:20%}.track-inner .orbit-ring{inset:30%}.track-outer .position-a{top:7%;left:50%}.track-outer .position-b{top:71.5%;left:87.2%}.track-outer .position-c{top:71.5%;left:12.8%}.track-middle .position-a{top:35%;left:76%}.track-middle .position-b{top:80%;left:50%}.track-middle .position-c{top:35%;left:24%}.track-inner .position-a{top:30%;left:50%}.track-inner .position-b{top:60%;left:67.3%}.track-inner .position-c{top:60%;left:32.7%}.orbit-core{inset:39%;font-size:.82rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.hero{min-height:auto;padding-top:clamp(3rem,7vw,6.5rem);padding-bottom:clamp(3rem,7vw,6rem)}
.network-section,.about-section,.featured-section{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}
.network-card{min-height:0}
body.do-hub-polish[data-do-site="main"] .do-domain-orbit-host{overflow:visible!important}
@media(min-width:1181px){body.do-hub-polish[data-do-site="main"] .do-domain-orbit-host>.do-domain-orbit{right:clamp(64px,5vw,92px);width:clamp(420px,38vw,500px)}}