/* FILE: public/site.css | deterministiccontrolpanel.com ecosystem hub. Light theme, no external dependencies. */
:root{--fg:#0f172a;--mut:#475569;--line:#e2e8f0;--line2:#cbd5e1;--soft:#f8fafc;--blue:#1d4ed8;--blue2:#2563eb;--green:#047857;--green2:#059669;--amber:#b45309;--violet:#6d28d9;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#fff linear-gradient(180deg,#eff6ff 0,#fff 520px) no-repeat}
body::before{content:"";display:block;height:6px;background:linear-gradient(90deg,#2563eb,#059669 55%,#f59e0b)}
.w{max-width:1060px;margin:0 auto;padding:0 1.2rem}
header.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.1rem 0}
.logo{display:flex;align-items:center;gap:.6rem;font:800 .95rem ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--fg);text-decoration:none}
.logo::before{content:"";width:14px;height:14px;border-radius:4px;background:var(--green2);box-shadow:0 0 0 4px #d1fae5}
.nav{display:flex;gap:1.3rem;align-items:center;font-size:.92rem;flex-wrap:wrap}
.nav a{color:var(--mut);text-decoration:none;font-weight:600}.nav a:hover{color:var(--blue)}
.nav a.navcta{background:var(--green);color:#fff;padding:.5rem 1rem;border-radius:8px}.nav a.navcta:hover{background:#065f46;color:#fff}
.hero{padding:3rem 0 2rem;max-width:46rem}
.eyebrow{display:inline-block;font:700 .74rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:#dbeafe;border-radius:999px;padding:.28rem .8rem}
h1{font:800 clamp(2.1rem,5vw,3.4rem)/1.08 Georgia,"Iowan Old Style",serif;margin:.9rem 0 1rem;letter-spacing:-.02em}
h2{font:700 clamp(1.5rem,3vw,2.1rem)/1.15 Georgia,serif;margin:.6rem 0 .8rem}
h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--blue2),var(--green2));margin-top:.5rem}
.lead{font-size:1.15rem;color:var(--mut);max-width:40rem}.sub{color:var(--mut);max-width:42rem}
.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:8px;font-weight:700;text-decoration:none;background:var(--green);color:#fff;box-shadow:0 2px 6px rgba(4,120,87,.3)}
.btn:hover{background:#065f46;color:#fff}
.btn.alt{background:#fff;color:var(--fg);border:1px solid var(--line2);box-shadow:none}.btn.alt:hover{border-color:var(--blue2);color:var(--blue)}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
section{padding:2.4rem 0}
a{color:var(--blue)}a:hover{color:#1e3a8a}
.sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-top:1.6rem}
.site{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c,var(--blue2));border-radius:14px;padding:1.5rem;box-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 28px rgba(15,23,42,.07)}
.site.a{--c:#059669}.site.b{--c:#2563eb}.site.c{--c:#f59e0b}.site.d{--c:#7c3aed}
.tag{align-self:flex-start;font:700 .72rem ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--c);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:.2rem .7rem}
.site h3{margin:.8rem 0 .2rem;font-size:1.3rem}
.host{font:.85rem ui-monospace,Menlo,monospace;color:var(--mut)}
.site p{color:var(--mut);margin:.7rem 0}
.site ul{margin:.2rem 0 1.2rem;padding:0;list-style:none;font-size:.93rem}
.site li{padding-left:1.4rem;position:relative;margin:.35rem 0}
.site li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--c)}
.site .go{margin-top:auto;font-weight:700;color:var(--c);text-decoration:none;border-top:1px solid var(--line);padding-top:.9rem}
.site .go:hover{text-decoration:underline}
.alt-band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.path{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.4rem;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.3rem;counter-increment:s}
.step::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue2);color:#fff;font-weight:800;margin-bottom:.6rem}
.step:nth-child(2)::before{background:var(--green2)}.step:nth-child(3)::before{background:#f59e0b;color:#1f1300}
.step h3{margin:0 0 .3rem;font-size:1.05rem}.step p{margin:0;color:var(--mut);font-size:.93rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.4rem}
.fact{border-left:4px solid var(--blue2);padding:.2rem 0 .2rem 1rem}.fact:nth-child(2){border-color:var(--green2)}.fact:nth-child(3){border-color:#f59e0b}.fact:nth-child(4){border-color:#7c3aed}
.fact b{display:block;font:800 1.2rem Georgia,serif}.fact span{font-size:.9rem;color:var(--mut)}
.contact{background:#0b1730;color:#e2e8f0;border-radius:16px;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}
.contact h2{color:#fff;margin:0 0 .3rem}.contact h2::after{display:none}.contact p{margin:0;color:#cbd5e1}
.contact .btn{background:#22c55e;color:#052e16;box-shadow:none}.contact .btn:hover{background:#4ade80;color:#052e16}
footer.legal{border-top:1px solid var(--line);background:#f1f5f9;margin-top:2rem;padding:1.6rem 0 3rem;color:var(--mut);font-size:.82rem}
footer.legal p{margin:.3rem 0}footer.legal a{color:var(--mut)}footer.legal a:hover{color:var(--blue)}
a:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
@media(max-width:700px){.nav a:not(.navcta){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}