:root{--brand:#64748b;--brand-bg:rgba(100,116,139,.18);--panel:rgba(10,12,16,.76);--border:rgba(255,255,255,.16);--text:#f8fafc;--muted:#cbd5e1}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:32px;background:radial-gradient(circle at top left,var(--brand-bg),transparent 34%),linear-gradient(135deg,#071019,#111827 48%,#05070b);background-size:cover;background-position:center;background-attachment:fixed;font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(4,8,12,.83),rgba(4,8,12,.56))}.portal-shell{max-width:1160px;margin:0 auto;padding-right:250px}.hero{padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--panel);box-shadow:0 18px 48px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.eyebrow{margin:0 0 9px;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}h1{margin:0;font-size:clamp(38px,6vw,66px);line-height:.98;font-weight:650;letter-spacing:-.035em}.hero-copy{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 12px}.section-title h2{margin:0;font-size:26px;font-weight:650}.section-title p{margin:0;color:var(--muted);font-size:14px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.portal-tile{--accent:var(--brand);--accent-bg:var(--brand-bg);min-height:132px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--accent);border-radius:18px;background:linear-gradient(140deg,var(--accent-bg),rgba(255,255,255,.055) 60%,rgba(0,0,0,.12));color:var(--text);text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,background .16s ease}.portal-tile:hover{transform:translateY(-2px);border-color:var(--accent);background:linear-gradient(140deg,var(--accent-bg),rgba(255,255,255,.1))}.tile-kicker{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.tile-name{margin-top:11px;font-size:22px;font-weight:650;line-height:1.15}.tile-detail{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.4}.tile-fluids{--accent:#2dd4bf;--accent-bg:rgba(45,212,191,.16)}.tile-accessories{--accent:#a855f7;--accent-bg:rgba(168,85,247,.16)}.tile-parts{--accent:#38bdf8;--accent-bg:rgba(56,189,248,.17)}.back-link{display:inline-block;margin-top:24px;color:#d8fcff;text-decoration:none;border:1px solid var(--border);border-radius:14px;padding:10px 14px;background:rgba(255,255,255,.07);font-size:13px;font-weight:800}@media(max-width:940px){body{padding:18px}.portal-shell{padding-right:0}.section-title{display:block}}