/* Decent Technology LLC umbrella site.
   Rebuilt by the Dozer lane with Craft Anything, zenit.co.uk layout,
   navigation, and animation patterns only (imagery never copied).
   Palette: ONLY the canonical hexes banked in WO303 lane 03 from the
   approved oikos hub files (style.css, design-system.css, control.css). */
:root{
  --canvas:#16121f; --panel:#1d1830; --panel2:#241d3d; --rule:#3a3350;
  --ink:#f4f1fa; --muted:#a79fc0; --soft:#c9c2e2;
  --purple:#6d4aff; --purple-lt:#b48aff; --purple-xl:#b9a8ff;
  --mint:#7dffd4; --cyan:#4ac9ff; --amber:#e9c46a; --coral:#ff5d7a; --white:#fff;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:system-ui,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);color:var(--ink);line-height:1.65;background:var(--canvas);font-size:17px}
a{color:var(--purple-lt);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--mint)}
img{max-width:100%}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
header{position:sticky;top:0;background:var(--canvas);border-bottom:1px solid var(--rule);z-index:30}
.hd{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:28px;height:64px;padding:0 24px}
.logo{display:inline-flex;align-items:center;gap:11px;font-size:21px;letter-spacing:.02em;color:var(--ink);text-decoration:none}
.logo .wm{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
.logo .logo-mark{width:42px;height:42px;object-fit:contain}
.logo:hover{color:var(--mint)}
nav{display:flex;gap:22px;margin-left:auto}
nav a{font-size:14.5px;font-weight:600;color:var(--soft);position:relative;padding-bottom:2px}
nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--mint);transition:width .22s ease}
nav a:hover{color:var(--ink);text-decoration:none}
nav a:hover::after{width:100%}
main{max-width:1160px;margin:0 auto;padding:0 24px}
.hero{padding:88px 0 56px;animation:fadeUp .7s ease both}
.hero h1{font-size:clamp(2.6rem,6.5vw,4.6rem);line-height:1.04;letter-spacing:-.02em;font-weight:800;max-width:16ch;margin-bottom:18px;background:linear-gradient(100deg,var(--ink) 30%,var(--purple-xl) 75%,var(--mint) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--muted);font-size:19px;max-width:58ch;margin-bottom:26px}
.hero .aside{display:inline-block;border-left:3px solid var(--purple);background:var(--panel);padding:12px 20px;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--ink)}
.hero .aside b{display:block;font-style:normal;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;color:var(--cyan);margin-bottom:4px}
.btn{display:inline-block;background:var(--purple);color:var(--white);padding:12px 24px;font-size:15px;font-weight:700;border-radius:6px;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.btn:hover{background:var(--purple-lt);color:var(--canvas);text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 22px rgba(109,74,255,.35)}
.btn.ghost{background:transparent;border:1.5px solid var(--purple-lt);color:var(--purple-lt)}
.btn.ghost:hover{background:var(--panel2);color:var(--mint);border-color:var(--mint)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:56px 0 72px}
.card{border:1px solid var(--rule);border-radius:12px;padding:26px;background:var(--panel);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-3px);border-color:var(--purple);box-shadow:0 12px 30px rgba(22,18,31,.55)}
.card h3{font-size:21px;margin-bottom:10px;color:var(--ink)}
.card p{color:var(--muted);font-size:15px}
.section{padding:48px 0;border-top:1px solid var(--rule);animation:fadeUp .7s ease both}
.section h2{font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.12;margin-bottom:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.section p{color:var(--muted);max-width:62ch}
.section.dark{background:var(--panel);color:var(--ink);margin:0 -9999px;padding:56px 9999px;border-top:0}
.section.dark h2{color:var(--ink)}
.section.dark p{color:var(--muted)}
.section.dark .card{background:var(--panel2);border-color:var(--rule)}
.section.dark .card p{color:var(--muted)}
.strip{display:flex;flex-wrap:wrap;gap:14px 36px;padding:10px 0 4px}
.strip span{font-weight:600;display:flex;align-items:center;gap:10px;color:var(--soft)}
.strip .ic{width:34px;height:34px;border:1.5px solid var(--purple-lt);border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800;color:var(--mint)}
.streams{list-style:none;border-top:1px solid var(--rule)}
.streams li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.streams .n{font-family:var(--serif);font-style:italic;color:var(--mint)}
.streams h4{font-size:1.05rem;color:var(--ink)}
.streams p{font-size:.95rem}
footer{background:var(--panel);border-top:1px solid var(--rule);margin-top:64px}
.fd{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:30px 24px;font-size:13.5px;flex-wrap:wrap;color:var(--muted)}
.fd a{color:var(--muted)}
.fd a:hover{color:var(--mint)}
@media(max-width:820px){.grid{grid-template-columns:1fr}.hero h1{font-size:2.4rem}}