@import "tailwindcss";

:root { --bg:#070a0f; --surface:#0d1117; --surface-2:#121922; --line:rgba(168,194,218,.15); --line-strong:rgba(168,194,218,.28); --text:#f4f7fa; --muted:#96a2b4; --blue:#42c2ff; --green:#42e38b; --orange:#f5b942; --violet:#c778ff; --font-sans:"Arial Nova","Inter","Segoe UI",Arial,sans-serif; --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font-sans); -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 76%); }
a { color:inherit; text-decoration:none; } button,input { font:inherit; } button { color:inherit; } ::selection { color:#00131d; background:var(--blue); }
.site-wrap { overflow:hidden; } .section-shell { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.skip-link { position:fixed; z-index:100; top:8px; left:8px; transform:translateY(-150%); background:var(--blue); color:#001018; padding:10px 14px; font-weight:800; }
.skip-link:focus { transform:none; }

.site-header { position:relative; z-index:30; border-bottom:1px solid var(--line); background:rgba(7,10,15,.82); backdrop-filter:blur(18px); }
.header-inner { width:min(1380px,calc(100% - 48px)); height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand { display:inline-flex; align-items:center; gap:12px; flex:0 0 auto; }
.brand-logo { width:44px; height:44px; flex:0 0 auto; object-fit:cover; border:1px solid rgba(66,194,255,.3); border-radius:11px; background:#fff; box-shadow:0 8px 24px rgba(0,126,174,.16); }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(66,194,255,.48); color:var(--blue); background:rgba(66,194,255,.07); font:800 13px/1 var(--font-mono); letter-spacing:-.08em; transform:skew(-6deg); box-shadow:inset 0 0 18px rgba(66,194,255,.06); }
.brand-copy { display:grid; gap:3px; } .brand-copy strong { font-size:15px; letter-spacing:.14em; } .brand-copy small { color:var(--muted); font:600 8px/1 var(--font-mono); letter-spacing:.17em; }
.site-header .brand-copy { display:flex; align-items:center; gap:18px; }
.site-header .brand-copy small { padding-left:18px; border-left:1px solid var(--line); white-space:nowrap; }
.desktop-nav { display:flex; align-items:center; gap:clamp(15px,1.8vw,28px); margin-left:auto; margin-right:clamp(18px,3vw,48px); }
.desktop-nav a { position:relative; display:grid; justify-items:center; gap:4px; color:#aeb8c7; font-size:12px; font-weight:700; }
.desktop-nav a small { color:#718093; font:650 7px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.desktop-nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-10px; height:1px; background:var(--blue); transition:right .2s ease; }
.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav a.active { color:#fff; }
.desktop-nav a:hover small,.desktop-nav a:focus-visible small,.desktop-nav a.active small { color:var(--blue); }
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after,.desktop-nav a.active::after { right:0; }
.header-actions { display:flex; align-items:center; gap:12px; }
.search-trigger { height:38px; display:flex; align-items:center; gap:11px; padding:0 10px; border:1px solid var(--line); color:var(--muted); }
.search-trigger>span { font-size:22px; line-height:1; } .search-trigger kbd { font:10px/1 var(--font-mono); color:#788698; }
.menu-button { display:none; background:transparent; border:0; height:42px; cursor:pointer; } .menu-button span { font:700 10px/1 var(--font-mono); letter-spacing:.12em; }
.menu-button i { width:22px; height:8px; display:inline-block; margin-left:10px; border-top:1px solid currentColor; border-bottom:1px solid currentColor; transition:transform .2s; } .menu-button i.open { transform:rotate(90deg); }
.mobile-nav { display:none; }

.inner-brand-strip { border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(66,194,255,.08),rgba(255,255,255,.015) 48%,rgba(245,185,66,.04)); }
.inner-brand-strip-content { min-height:218px; display:grid; grid-template-columns:150px 1fr; align-items:center; gap:28px; }
.inner-brand-logo-link { width:150px; height:150px; display:block; }
.inner-brand-logo-link img { width:100%; height:100%; display:block; object-fit:cover; border:1px solid rgba(66,194,255,.25); border-radius:22px; box-shadow:0 22px 55px rgba(11,55,78,.18); }
.inner-brand-copy { display:grid; gap:15px; }
.inner-brand-copy>strong { color:#587080; font:700 8px/1.5 var(--font-mono); letter-spacing:.12em; }

.hero { min-height:730px; padding-top:clamp(92px,10vw,142px); padding-bottom:94px; display:grid; grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); gap:clamp(40px,7vw,110px); align-items:center; }
.hero-copy { position:relative; z-index:2; } .eyebrow,.section-kicker { color:var(--blue); font:700 10px/1.4 var(--font-mono); letter-spacing:.2em; }
.hero-identity { display:flex; align-items:center; gap:22px; margin-bottom:30px; }
.hero-brand-logo { width:150px; height:150px; flex:0 0 auto; display:block; object-fit:cover; border:1px solid rgba(66,194,255,.25); border-radius:22px; box-shadow:0 22px 55px rgba(11,55,78,.18); }
.hero-identity>div { display:grid; gap:15px; }
.hero-identity>div>strong { color:#587080; font:700 8px/1.5 var(--font-mono); letter-spacing:.12em; }
.eyebrow { display:flex; align-items:center; gap:10px; } .pulse-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.hero h1 { max-width:680px; margin:28px 0; font-size:clamp(58px,6vw,88px); line-height:.94; letter-spacing:-.065em; font-weight:720; }
.hero h1 span { color:transparent; -webkit-text-stroke:1px rgba(244,247,250,.52); }
.hero-lead { max-width:580px; margin:0; color:#aeb9c9; font-size:clamp(17px,1.5vw,20px); line-height:1.72; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:0 22px; border:1px solid var(--line-strong); font-size:13px; font-weight:750; transition:transform .2s,background .2s,border-color .2s; }
.button:hover { transform:translateY(-2px); } .button.primary { background:var(--blue); color:#061018; border-color:var(--blue); box-shadow:0 12px 40px rgba(66,194,255,.13); } .button.primary:hover { background:#74d2ff; } .button.ghost:hover { border-color:var(--blue); background:rgba(66,194,255,.06); }
.proof-line { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:48px; color:#5f6d7e; font:650 9px/1 var(--font-mono); letter-spacing:.12em; } .proof-line i { width:3px; height:3px; border-radius:50%; background:#3a4654; }

.hero-stage { position:relative; min-height:545px; perspective:1100px; display:grid; align-items:center; }
.stage-glow { position:absolute; inset:8% 2%; background:radial-gradient(circle at 50% 45%,rgba(66,194,255,.2),rgba(66,194,255,.03) 38%,transparent 70%); filter:blur(28px); }
.real-hero-project { position:relative; z-index:1; width:min(100%,680px); margin:0 0 0 auto; padding:12px; border:1px solid rgba(0,126,174,.18); border-radius:28px; background:#fff; box-shadow:0 38px 90px rgba(13,66,92,.21); transform:rotateY(-4deg) rotateX(1deg); overflow:hidden; }
.real-hero-project>img { display:block; width:100%; height:328px; object-fit:cover; object-position:center; border-radius:19px; background:#07101e; }
.real-hero-top { position:absolute; z-index:2; top:26px; left:26px; right:26px; min-height:40px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:1px solid rgba(255,255,255,.2); border-radius:11px; color:#f4fbff; background:rgba(4,20,32,.78); backdrop-filter:blur(10px); font:700 8px/1 var(--font-mono); letter-spacing:.12em; }
.real-hero-top span { display:flex; align-items:center; gap:8px; } .real-hero-top i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }
.real-hero-project figcaption { padding:19px 10px 9px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#173b4d; }
.real-hero-project figcaption div { display:grid; gap:5px; } .real-hero-project figcaption strong { font-size:16px; } .real-hero-project figcaption span { color:#5a7584; font-size:11px; }
.real-hero-project figcaption>a { padding:9px 11px; border:1px solid rgba(0,126,174,.22); border-radius:9px; color:#007eae; font:800 8px/1 var(--font-mono); letter-spacing:.08em; }
.hero-real-chip { position:absolute; z-index:3; display:grid; border:1px solid rgba(14,82,110,.13); border-radius:16px; background:rgba(255,255,255,.96); box-shadow:0 18px 42px rgba(14,66,91,.16); }
.backup-real-chip { left:-18px; top:82px; min-width:176px; padding:15px 17px; }
.backup-real-chip span,.backup-real-chip small,.esp32-real-chip small { color:#627d8b; font:700 7px/1.35 var(--font-mono); letter-spacing:.1em; }
.backup-real-chip strong { margin:7px 0 5px; color:#159460; font-size:19px; }
.esp32-real-chip { right:-20px; bottom:18px; grid-template-columns:62px 1fr; align-items:center; gap:12px; padding:8px; }
.esp32-chip-icon { width:62px; height:62px; display:grid; place-items:center; border:1px solid rgba(122,79,212,.28); border-radius:12px; color:#6f42bd; background:linear-gradient(145deg,#f3edff,#e2f7ff); font:850 18px/1 var(--font-mono); box-shadow:inset 0 0 0 6px rgba(255,255,255,.7); }
.esp32-real-chip>span:last-child { display:grid; gap:6px; padding-right:8px; } .esp32-real-chip b { color:#4a2f77; font:800 9px/1 var(--font-mono); letter-spacing:.06em; }
.dashboard-frame { position:relative; width:min(100%,660px); min-height:440px; margin-left:auto; padding:22px; border:1px solid rgba(115,209,255,.27); background:linear-gradient(145deg,rgba(17,25,35,.96),rgba(8,12,18,.98)); box-shadow:0 44px 100px rgba(0,0,0,.5),0 0 0 8px rgba(255,255,255,.018),inset 0 0 80px rgba(66,194,255,.025); transform:rotateY(-7deg) rotateX(2deg); }
.dashboard-frame::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.035),transparent 59%); pointer-events:none; }
.dashboard-topbar { display:flex; justify-content:space-between; align-items:center; padding-bottom:18px; border-bottom:1px solid var(--line); font:650 9px/1 var(--font-mono); letter-spacing:.11em; }
.mini-brand { display:flex; align-items:center; gap:8px; color:#c4ceda; } .mini-brand span { width:23px; height:23px; display:grid; place-items:center; border:1px solid var(--blue); color:var(--blue); font-size:7px; }
.status-pill { display:flex; gap:7px; color:var(--green); } .status-pill i,.online-dot { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }
.dashboard-greeting { margin:38px 0 25px; } .dashboard-greeting p { margin:0 0 7px; color:#728093; font:650 8px/1 var(--font-mono); letter-spacing:.14em; } .dashboard-greeting h2 { margin:0; font-size:clamp(21px,2.2vw,30px); letter-spacing:-.035em; }
.dashboard-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:12px; } .ui-card { border:1px solid var(--line); background:rgba(255,255,255,.025); padding:18px; min-height:128px; }
.ui-label { display:block; color:#6f7e90; font:650 8px/1 var(--font-mono); letter-spacing:.12em; } .ui-card strong { display:block; margin-top:14px; font-size:28px; } .ui-card strong small { color:var(--muted); font-size:11px; } .ui-muted { color:var(--green); font:600 9px/1 var(--font-mono); }
.sparkline { height:32px; display:flex; align-items:end; gap:5px; margin-top:10px; } .sparkline i { flex:1; height:40%; border-top:1px solid var(--blue); background:linear-gradient(to top,rgba(66,194,255,.02),rgba(66,194,255,.18)); }
.sparkline i:nth-child(2){height:58%}.sparkline i:nth-child(3){height:38%}.sparkline i:nth-child(4){height:78%}.sparkline i:nth-child(5){height:63%}.sparkline i:nth-child(6){height:92%}.sparkline i:nth-child(7){height:70%}
.backup-card { grid-column:1/-1; min-height:102px; display:flex; align-items:center; justify-content:space-between; } .backup-card strong { font-size:20px; color:var(--green); }
.orbit { width:60px; height:60px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(66,227,139,.25); position:relative; } .orbit::before { content:""; position:absolute; inset:6px; border-radius:inherit; border:1px dashed var(--green); } .orbit span { color:var(--green); font:700 9px/1 var(--font-mono); }
.dashboard-nav { margin-top:18px; display:flex; justify-content:space-between; gap:14px; color:#546173; font:650 7px/1 var(--font-mono); } .dashboard-nav .active { color:var(--blue); }
.floating-chip { position:absolute; padding:13px 15px; border:1px solid var(--line-strong); background:rgba(10,15,22,.9); box-shadow:0 18px 35px rgba(0,0,0,.35); color:#7f8b9b; font:650 8px/1 var(--font-mono); letter-spacing:.1em; } .floating-chip b { display:block; margin-top:7px; color:var(--green); } .chip-one { left:-20px; top:62px; } .chip-two { right:-26px; bottom:65px; }

.marquee-band { overflow:hidden; border-block:1px solid var(--line); background:#090e14; } .marquee-band div { min-width:max-content; padding:18px 0; display:flex; align-items:center; justify-content:center; gap:38px; color:#344354; font:700 13px/1 var(--font-mono); letter-spacing:.22em; }
.marquee-band span:nth-of-type(2),.marquee-band span:nth-of-type(5){color:#48687a}.marquee-band i{color:var(--blue);font-style:normal}
.section-block { padding-block:126px; } .section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:46px; }
.section-heading h2 { margin:13px 0 0; font-size:clamp(36px,4.4vw,60px); line-height:1.05; letter-spacing:-.052em; } .section-heading.compact h2 { font-size:clamp(34px,3.8vw,52px); max-width:750px; }
.projects-proof-copy { max-width:680px; margin:17px 0 0; color:var(--muted); font-size:14px; line-height:1.7; }
.text-link { flex:0 0 auto; color:#b7c2d0; border-bottom:1px solid var(--line-strong); padding:0 0 8px; font-size:12px; font-weight:700; } .text-link span { margin-left:14px; color:var(--blue); } .text-link:hover { color:#fff; border-color:var(--blue); }
.project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } .project-card { border:1px solid var(--line); background:rgba(13,17,23,.82); transition:transform .25s ease,border-color .25s ease; } .project-card:hover { transform:translateY(-5px); border-color:var(--line-strong); }
.project-visual { height:308px; position:relative; display:grid; place-items:center; overflow:hidden; border-bottom:1px solid var(--line); background:radial-gradient(circle at 50% 45%,rgba(66,194,255,.12),transparent 55%),#090d13; }
.project-number { position:absolute; top:18px; left:20px; color:rgba(255,255,255,.25); font:700 10px/1 var(--font-mono); letter-spacing:.14em; }
.project-real-image { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; } .project-card:hover .project-real-image { transform:scale(1.025); }
.accent-blue .project-real-image { object-position:center; } .accent-green .project-real-image { object-position:center 42%; } .accent-violet .project-real-image { object-position:center; }
.real-media-label { position:absolute; left:18px; bottom:18px; display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid rgba(255,255,255,.18); border-radius:9px; color:#eef9ff; background:rgba(3,18,29,.82); backdrop-filter:blur(10px); font:750 7px/1 var(--font-mono); letter-spacing:.09em; }
.real-media-label i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }
.project-number { z-index:2; padding:7px 8px; border-radius:8px; color:#eef8ff; background:rgba(3,18,29,.72); backdrop-filter:blur(8px); }
.portone-proof { width:88%; display:grid; gap:28px; padding:32px; border:1px solid rgba(245,185,66,.26); border-radius:20px; background:linear-gradient(145deg,#101c25,#151421); box-shadow:0 24px 50px rgba(0,0,0,.3); }
.portone-proof>span,.portone-proof>small { color:#c99c45; font:700 8px/1.4 var(--font-mono); letter-spacing:.12em; }
.portone-proof>small { color:#748493; letter-spacing:.06em; }
.portone-proof>div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:10px; }
.portone-proof b { min-height:64px; padding:12px 8px; display:grid; place-items:center; border:1px solid rgba(245,185,66,.2); border-radius:10px; color:#f3e1bb; background:rgba(245,185,66,.06); text-align:center; font:750 8px/1.35 var(--font-mono); }
.portone-proof i { color:var(--orange); font-style:normal; }
.esp32-status-proof { width:82%; min-height:220px; display:grid; grid-template-columns:1fr 1.1fr; gap:24px; align-items:center; padding:32px; border:1px solid rgba(199,120,255,.28); border-radius:20px; background:linear-gradient(145deg,#171126,#101c2a); box-shadow:0 24px 52px rgba(0,0,0,.3); }
.esp32-status-proof>span { grid-column:1/-1; color:#c894ec; font:750 8px/1 var(--font-mono); letter-spacing:.12em; }
.esp32-board-mark { position:relative; height:100px; display:grid; place-items:center; border:1px solid rgba(199,120,255,.42); border-radius:12px; color:#e4c6f7; background:rgba(199,120,255,.07); box-shadow:inset 0 0 35px rgba(199,120,255,.08); }
.esp32-board-mark b { font:850 17px/1 var(--font-mono); letter-spacing:.08em; }
.esp32-board-mark i { position:absolute; width:18px; height:4px; background:var(--violet); opacity:.55; } .esp32-board-mark i:nth-of-type(1){left:-18px;top:25px}.esp32-board-mark i:nth-of-type(2){left:-18px;bottom:25px}.esp32-board-mark i:nth-of-type(3){right:-18px;top:25px}.esp32-board-mark i:nth-of-type(4){right:-18px;bottom:25px}
.esp32-status-proof>div:last-child { display:grid; gap:5px; } .esp32-status-proof strong { color:#f1e8f8; font:750 9px/1.3 var(--font-mono); letter-spacing:.06em; } .esp32-status-proof small { margin-bottom:8px; color:#8a9baa; font:650 8px/1 var(--font-mono); }
.project-ui-proof { width:min(84%,430px); padding:22px; display:grid; gap:12px; border:1px solid rgba(255,255,255,.15); border-radius:20px; background:linear-gradient(145deg,rgba(247,252,255,.98),rgba(224,242,250,.97)); color:#0b1b26; box-shadow:0 25px 55px rgba(0,0,0,.34); }
.project-ui-proof>span,.project-process-proof>span,.server-stack-proof>span { color:#597381; font:800 7px/1 var(--font-mono); letter-spacing:.13em; }
.proof-ui-head { display:flex; align-items:end; justify-content:space-between; gap:10px; }.proof-ui-head b { color:#14814b; font-size:18px; }.sentinel-ui-proof .proof-ui-head b { color:#1684ba; }.proof-ui-head small { color:#617987; font:700 8px/1 var(--font-mono); }
.proof-ui-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.proof-ui-grid i { padding:11px; border-radius:11px; background:#fff; border-left:4px solid #24ad69; font:900 14px/1.15 var(--font-mono); box-shadow:0 8px 22px rgba(22,75,96,.08); }.sentinel-ui-proof .proof-ui-grid i { border-left-color:#2c9dd5; }.proof-ui-grid small { margin-top:5px; display:block; color:#67808d; font:700 7px/1 var(--font-mono); }
.proof-ui-row { padding:10px 11px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:11px; background:#fff; color:#314d5c; font-size:10px; }.proof-ui-row em { color:#16814d; font:850 7px/1 var(--font-mono); }.sentinel-ui-proof .proof-ui-row em { color:#1684ba; }
.proof-ui-status,.bill-total { padding:11px 12px; display:grid; gap:4px; border-radius:12px; background:linear-gradient(135deg,#28aeea,#1376b6); color:#031c2a; font:850 7px/1 var(--font-mono); letter-spacing:.08em; }.proof-ui-status b { font-size:12px; letter-spacing:0; }.bill-total { background:linear-gradient(135deg,#35db83,#159d57); }.bill-total small { font-size:7px; }.bill-total strong { font-size:21px; }
.project-process-proof { width:min(88%,470px); padding:30px 26px; display:grid; gap:27px; border:1px solid rgba(199,120,255,.28); border-radius:20px; background:linear-gradient(145deg,#171126,#101c2a); box-shadow:0 24px 52px rgba(0,0,0,.3); }.project-process-proof>span { color:#d29cf2; }.project-process-proof>div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:8px; }.project-process-proof b { min-height:66px; padding:10px 6px; display:grid; place-items:center; border:1px solid rgba(199,120,255,.24); border-radius:12px; color:#efe4f7; text-align:center; font:850 13px/1 var(--font-mono); }.project-process-proof b small { display:block; color:#a990b8; font:700 7px/1.2 var(--font-mono); }.project-process-proof i { color:#c778ff; font-style:normal; }.project-process-proof>strong { color:#a794b4; font:750 7px/1.4 var(--font-mono); letter-spacing:.08em; }
.tailscale-process-proof { border-color:rgba(66,194,255,.28); background:linear-gradient(145deg,#0d2231,#111827); }.tailscale-process-proof>span,.tailscale-process-proof i { color:#55c9ff; }.tailscale-process-proof>div { grid-template-columns:1fr auto 1fr auto 1fr; }.tailscale-process-proof b { border-color:rgba(66,194,255,.24); }.tailscale-process-proof b small { color:#82aabd; }
.server-stack-proof { width:min(84%,440px); padding:28px; display:grid; gap:22px; border:1px solid rgba(66,227,139,.26); border-radius:20px; background:linear-gradient(145deg,#0e211c,#111b25); box-shadow:0 24px 52px rgba(0,0,0,.3); }.server-stack-proof>span { color:#5fe19a; }.server-stack-proof>div { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.server-stack-proof b { min-height:72px; padding:14px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(66,227,139,.18); border-radius:12px; background:rgba(66,227,139,.05); color:#e3f8ec; font:800 10px/1.25 var(--font-mono); }.server-stack-proof small { color:#72a98b; font:700 7px/1 var(--font-mono); }
.accent-green .project-visual{background:radial-gradient(circle at 50% 45%,rgba(66,227,139,.13),transparent 55%),#090d13}.accent-orange .project-visual{background:radial-gradient(circle at 50% 45%,rgba(245,185,66,.12),transparent 55%),#090d13}.accent-violet .project-visual{background:radial-gradient(circle at 50% 45%,rgba(199,120,255,.13),transparent 55%),#090d13}
.visual-dashboard { width:66%; height:76%; padding:14px; border:1px solid rgba(66,194,255,.25); background:#0e151e; transform:perspective(700px) rotateY(-8deg); box-shadow:20px 24px 60px rgba(0,0,0,.45); }
.vd-head { height:18px; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); } .vd-head span:first-child { width:32px; border-top:3px solid var(--blue); } .vd-head span:last-child { width:9px; height:9px; border-radius:50%; background:var(--green); }
.vd-greeting { width:50%; height:12px; margin:24px 0 16px; background:#d4dce5; box-shadow:0 0 18px rgba(255,255,255,.12); } .vd-grid { height:105px; display:grid; grid-template-columns:1fr 1fr; gap:8px; } .vd-grid i { border:1px solid var(--line); background:rgba(66,194,255,.04); } .vd-grid i:last-child { grid-column:1/-1; } .vd-nav { height:10px; margin-top:15px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.visual-backup { width:70%; display:flex; align-items:center; justify-content:center; gap:36px; padding:32px; border:1px solid rgba(66,227,139,.18); background:rgba(12,24,20,.45); }
.backup-ring { position:relative; width:100px; aspect-ratio:1; border-radius:50%; border:1px solid var(--green); display:grid; place-items:center; box-shadow:0 0 45px rgba(66,227,139,.1),inset 0 0 34px rgba(66,227,139,.06); } .backup-ring::before { content:""; position:absolute; width:78px; aspect-ratio:1; border-radius:50%; border:1px dashed rgba(66,227,139,.55); } .backup-ring span { color:var(--green); font:800 14px/1 var(--font-mono); }
.visual-backup>div:last-child{width:48%}.visual-backup b{color:#cad7d1;font:650 9px/1 var(--font-mono)}.visual-backup i{display:block;height:7px;margin-top:14px;background:rgba(66,227,139,.12);border-left:1px solid var(--green)}.visual-backup i:nth-child(3){width:78%}.visual-backup i:nth-child(4){width:56%}
.visual-access { display:flex; align-items:center; gap:24px; } .phone { width:150px; height:230px; padding:25px 15px; border:4px solid #1a2330; border-radius:22px; background:#0d141d; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:20px 26px 50px rgba(0,0,0,.45); } .phone span,.phone small { color:#758396; font:650 7px/1.4 var(--font-mono); letter-spacing:.1em; text-align:center; } .phone b { width:64px; height:64px; display:grid; place-items:center; margin:18px 0; border-radius:50%; border:1px solid var(--orange); color:var(--orange); font-size:25px; box-shadow:0 0 28px rgba(245,185,66,.13); }
.signal i { display:block; width:28px; height:1px; margin:17px 0; background:var(--orange); box-shadow:0 0 12px var(--orange); } .signal i:first-child,.signal i:last-child { width:18px; opacity:.4; }
.visual-chip { position:relative; width:220px; height:180px; } .chip-body { position:absolute; inset:24px 32px; display:grid; place-items:center; border:1px solid var(--violet); background:#171022; box-shadow:0 0 55px rgba(199,120,255,.12); } .chip-body span { color:var(--violet); font:800 17px/1 var(--font-mono); letter-spacing:.08em; } .chip-body i { position:absolute; background:repeating-linear-gradient(90deg,var(--violet) 0 6px,transparent 6px 12px); }
.chip-body i:nth-of-type(1),.chip-body i:nth-of-type(2){left:-26px;right:-26px;height:5px}.chip-body i:nth-of-type(1){top:22px}.chip-body i:nth-of-type(2){bottom:22px}.chip-body i:nth-of-type(3),.chip-body i:nth-of-type(4){top:-26px;bottom:-26px;width:5px;background:repeating-linear-gradient(0deg,var(--violet) 0 6px,transparent 6px 12px)}.chip-body i:nth-of-type(3){left:22px}.chip-body i:nth-of-type(4){right:22px}
.trace { position:absolute; height:1px; background:var(--violet); opacity:.35; } .trace-a { width:46px; right:-31px; top:52px; } .trace-b { width:55px; left:-39px; bottom:48px; } .trace-c { width:40px; right:-22px; bottom:30px; }
.project-body { padding:28px; } .project-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; color:#697789; font:650 9px/1 var(--font-mono); letter-spacing:.13em; } .project-meta span:last-child { display:inline-flex; align-items:center; gap:6px; letter-spacing:.05em; text-transform:uppercase; } .project-meta i { width:5px; height:5px; border-radius:50%; background:currentColor; box-shadow:0 0 8px currentColor; }
.status-stable{color:var(--green)!important}.status-beta{color:var(--orange)!important}.status-development{color:var(--violet)!important}.project-body h3{margin:20px 0 13px;font-size:25px;letter-spacing:-.03em}.project-body h3 a:hover{color:var(--blue)}.project-body>p{min-height:52px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.project-evidence { margin-top:20px; padding:12px 13px; display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; border:1px solid rgba(0,126,174,.11); border-radius:10px; background:#f3f9fb; }
.project-evidence span { color:#007eae; font:800 7px/1 var(--font-mono); letter-spacing:.12em; } .project-evidence strong { color:#365666; font-size:11px; }
.tech-list { min-height:50px; display:flex; flex-wrap:wrap; gap:7px; margin:24px 0 20px; } .tech-list span { padding:7px 9px; border:1px solid var(--line); color:#7f8c9c; font:600 8px/1 var(--font-mono); } .card-link { padding-top:18px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:#c3cbd6; font-size:12px; font-weight:700; } .card-link span { color:var(--blue); } .card-link:hover { color:#fff; }

.build-section { border-top:1px solid var(--line); } .section-intro { max-width:430px; margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
.discipline-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); } .discipline-card { min-height:250px; padding:28px; border-right:1px solid var(--line); transition:background .2s; } .discipline-card:last-child { border-right:0; } .discipline-card:hover { background:rgba(66,194,255,.035); } .discipline-card>span { color:#506073; font:700 10px/1 var(--font-mono); } .discipline-card h3 { margin:76px 0 14px; font-size:19px; } .discipline-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.updates-section { padding-top:20px; } .update-list { border-top:1px solid var(--line); } .update-row { min-height:112px; padding:24px 8px; display:grid; grid-template-columns:150px 100px 1fr 30px; gap:24px; align-items:center; border-bottom:1px solid var(--line); transition:background .2s; } .update-row:hover { background:rgba(255,255,255,.018); } .update-row time { color:#657386; font:650 9px/1 var(--font-mono); letter-spacing:.08em; } .update-tag { justify-self:start; padding:6px 8px; border:1px solid var(--line); color:var(--blue); font:650 8px/1 var(--font-mono); } .update-row h3 { margin:0 0 6px; font-size:17px; } .update-row p { margin:0; color:var(--muted); font-size:13px; } .row-arrow { color:var(--blue); }
.manifesto-section { margin-top:50px; margin-bottom:128px; min-height:390px; padding:62px; display:grid; grid-template-columns:.4fr 1.6fr; align-items:center; gap:60px; border:1px solid rgba(66,194,255,.22); background:radial-gradient(circle at 15% 50%,rgba(66,194,255,.11),transparent 25%),linear-gradient(135deg,#0c121a,#090d13); } .manifesto-mark { width:140px; height:140px; display:grid; place-items:center; border:1px solid rgba(66,194,255,.34); color:var(--blue); font:800 35px/1 var(--font-mono); letter-spacing:-.12em; transform:rotate(-4deg); box-shadow:0 0 60px rgba(66,194,255,.08),inset 0 0 45px rgba(66,194,255,.05); } .manifesto-section blockquote { max-width:850px; margin:18px 0; font-size:clamp(30px,3.4vw,50px); line-height:1.14; letter-spacing:-.045em; } .manifesto-copy { max-width:700px; color:var(--muted); line-height:1.7; }

.archive-page { padding-bottom:130px; } .archive-hero { padding-top:118px; padding-bottom:72px; border-bottom:1px solid var(--line); } .archive-hero h1 { max-width:970px; margin:24px 0 50px; font-size:clamp(56px,7vw,96px); line-height:.96; letter-spacing:-.065em; } .archive-hero h1 span { color:transparent; -webkit-text-stroke:1px rgba(244,247,250,.4); }
.archive-intro { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; } .archive-intro>p { max-width:640px; margin:0; color:var(--muted); font-size:18px; line-height:1.7; } .archive-count { display:flex; align-items:center; gap:16px; } .archive-count strong { color:var(--blue); font:300 62px/1 var(--font-mono); } .archive-count span { color:#6d7b8d; font:650 9px/1.5 var(--font-mono); letter-spacing:.12em; }
.project-archive { padding-top:42px; } .filter-row { margin-bottom:14px; display:flex; flex-wrap:wrap; gap:8px; } .filter-row button { cursor:pointer; padding:10px 14px; border:1px solid var(--line); background:transparent; color:#718094; font:650 9px/1 var(--font-mono); transition:background .2s ease,border-color .2s ease,color .2s ease; } .filter-row button:hover { border-color:var(--blue); color:var(--blue); }.filter-row button.active { background:var(--blue); border-color:var(--blue); color:#061018; }.filter-result { margin:0 0 30px; color:#6c8290; font:700 8px/1 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.archive-note { margin-top:92px; padding:30px; display:grid; grid-template-columns:220px 1fr; gap:40px; border:1px solid var(--line); } .archive-note span { color:var(--green); font:650 9px/1.5 var(--font-mono); letter-spacing:.12em; } .archive-note p { max-width:760px; margin:0; color:var(--muted); line-height:1.7; }

.site-footer { border-top:1px solid var(--line); background:#080b10; } .footer-grid { padding-block:76px; display:grid; grid-template-columns:1.7fr repeat(3,.6fr); gap:60px; } .footer-brand>p { max-width:430px; margin:25px 0 0; color:#748194; font-size:13px; line-height:1.7; } .footer-brand>p span { display:block; } .footer-brand>p span+span { margin-top:10px; color:#90a5b1; } .footer-links { display:flex; flex-direction:column; align-items:flex-start; gap:13px; } .footer-links strong { margin-bottom:6px; color:#657386; font:700 9px/1.35 var(--font-mono); letter-spacing:.1em; } .footer-links a { color:#a4afbd; font-size:13px; } .footer-links a:hover { color:var(--blue); } .footer-bottom { min-height:72px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:#5f6c7d; font:650 8px/1 var(--font-mono); letter-spacing:.1em; } .footer-bottom span:nth-child(2) { display:flex; align-items:center; gap:8px; }
.reveal { animation:rise .65s ease both; } .delay-1 { animation-delay:.12s; } @keyframes rise { from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none} }

@media (max-width:1100px) {
  .desktop-nav{display:none}.menu-button{display:inline-flex;align-items:center}.mobile-nav{position:absolute;left:0;right:0;top:82px;padding:24px;grid-template-columns:repeat(2,1fr);gap:1px;border-bottom:1px solid var(--line);background:rgba(7,10,15,.98)}.mobile-nav.open{display:grid}.mobile-nav a{min-height:68px;display:flex;align-items:center;gap:15px;padding:0 18px;border:1px solid var(--line);font-weight:650}.mobile-nav .nav-index{color:var(--blue);font:650 8px/1 var(--font-mono)}.mobile-nav .nav-label{display:grid;gap:4px}.mobile-nav .nav-label b{font-size:13px}.mobile-nav .nav-label small{color:#718093;font:650 8px/1 var(--font-mono);text-transform:uppercase}
  .hero{grid-template-columns:1fr;padding-top:90px}.hero-stage{width:min(760px,100%);margin:auto}.dashboard-frame{margin:auto}.discipline-grid{grid-template-columns:repeat(2,1fr)}.discipline-card:nth-child(2){border-right:0}.discipline-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1.5fr repeat(2,.7fr)}.footer-links:last-child{grid-column:2}
}
@media (max-width:720px) {
  .section-shell{width:min(100% - 32px,1280px)}.header-inner{width:calc(100% - 28px);height:70px}.brand-logo{width:40px;height:40px}.site-header .brand-copy{display:block}.site-header .brand-copy strong{font-size:12px;letter-spacing:.1em}.site-header .brand-copy small{display:none}.search-trigger kbd{display:none}.search-trigger{border:0}.mobile-nav{top:70px;grid-template-columns:1fr;max-height:calc(100vh - 70px);overflow:auto}
  .inner-brand-strip-content{min-height:170px;grid-template-columns:116px 1fr;gap:16px}.inner-brand-logo-link{width:116px;height:116px}.inner-brand-logo-link img{border-radius:17px}.inner-brand-copy{gap:12px}.inner-brand-copy>.eyebrow{font-size:8px;letter-spacing:.12em}.inner-brand-copy>strong{font-size:7px}
  .hero-identity{align-items:flex-start;gap:16px;margin-bottom:24px}.hero-brand-logo{width:116px;height:116px;border-radius:17px}.hero-identity>div{padding-top:8px}.hero-identity>div>strong{font-size:7px}
  .hero{min-height:auto;padding-top:70px;padding-bottom:64px;gap:55px}.hero h1{font-size:clamp(48px,15vw,70px)}.hero-lead{font-size:16px}.button-row{display:grid}.button{width:100%}.proof-line{gap:9px}.hero-stage{min-height:440px}.real-hero-project{transform:none;padding:8px;border-radius:20px}.real-hero-project>img{height:260px;border-radius:14px}.real-hero-top{top:18px;left:18px;right:18px}.real-hero-project figcaption{padding:16px 8px 8px}.backup-real-chip{left:8px;top:auto;bottom:-28px;min-width:158px}.esp32-real-chip{display:none}.marquee-band div{justify-content:flex-start;gap:24px;transform:translateX(-160px)}
  .section-block{padding-block:86px}.section-heading,.section-heading.compact{display:block}.section-heading .text-link{display:inline-block;margin-top:25px}.section-intro{margin-top:22px}.project-grid{grid-template-columns:1fr}.project-visual{height:265px}.project-body>p{min-height:0}.portone-proof{width:92%;padding:24px 18px;gap:20px}.portone-proof>div{gap:5px}.portone-proof b{min-height:56px;font-size:7px}.portone-proof i{font-size:10px}.esp32-status-proof{width:92%;min-height:210px;padding:24px 22px;gap:20px}.project-ui-proof{width:90%;padding:18px}.project-process-proof{width:92%;padding:23px 16px;gap:20px}.project-process-proof>div{gap:4px}.project-process-proof b{min-height:58px;font-size:10px}.server-stack-proof{width:90%;padding:22px}.server-stack-proof b{min-height:64px}.discipline-grid{grid-template-columns:1fr}.discipline-card{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.discipline-card:last-child{border-bottom:0}.discipline-card h3{margin-top:42px}.update-row{grid-template-columns:1fr auto;gap:10px 18px;padding-block:22px}.update-row time{grid-column:1}.update-tag{grid-column:2;grid-row:1}.update-row>div{grid-column:1/-1}.row-arrow{display:none}
  .manifesto-section{margin-bottom:86px;padding:32px 24px;grid-template-columns:1fr;gap:38px}.manifesto-mark{width:82px;height:82px;font-size:22px}.manifesto-section blockquote{font-size:31px}.archive-hero{padding-top:78px}.archive-hero h1{font-size:clamp(50px,14vw,72px)}.archive-intro{grid-template-columns:1fr}.archive-count{justify-self:start}.archive-note{grid-template-columns:1fr;gap:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:48px 30px}.footer-brand{grid-column:1/-1}.footer-links:last-child{grid-column:auto}.footer-bottom{padding-block:25px;flex-wrap:wrap;gap:16px}.footer-bottom span:nth-child(2){order:3;width:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }

/* Shared inner pages */
.inner-page { padding-bottom:130px; }
.inner-hero { padding-top:118px; padding-bottom:76px; border-bottom:1px solid var(--line); }
.inner-hero h1 { max-width:1080px; margin:24px 0 52px; font-size:clamp(58px,7.4vw,102px); line-height:.92; letter-spacing:-.068em; }
.inner-hero h1 span { color:transparent; -webkit-text-stroke:1px rgba(244,247,250,.42); }
.inner-hero-bottom { display:grid; grid-template-columns:1fr auto; gap:60px; align-items:end; }
.inner-hero-bottom>p { max-width:720px; margin:0; color:var(--muted); font-size:18px; line-height:1.72; }
.hero-badge { min-width:155px; padding:18px; border:1px solid var(--line); display:grid; gap:12px; }
.hero-badge span { color:#6b798b; font:650 8px/1 var(--font-mono); letter-spacing:.13em; }
.hero-badge strong { color:var(--blue); font:500 25px/1 var(--font-mono); }

/* Project detail */
.detail-page { padding-bottom:130px; --detail-accent:var(--blue); }
.detail-green { --detail-accent:var(--green); }.detail-orange { --detail-accent:var(--orange); }.detail-violet { --detail-accent:var(--violet); }
.project-detail-hero { padding-top:54px; }
.detail-breadcrumb { display:flex; align-items:center; gap:10px; color:#607085; font:650 9px/1 var(--font-mono); letter-spacing:.1em; }.detail-breadcrumb a { color:var(--detail-accent,var(--blue)); }.detail-breadcrumb a:hover { color:#fff; }
.detail-title-row { min-height:450px; padding-block:65px 52px; display:grid; grid-template-columns:1fr auto; gap:80px; align-items:center; }.detail-title-row>div:first-child { max-width:930px; }
.detail-status { display:flex; flex-wrap:wrap; gap:10px; }.detail-status>span { min-height:28px; display:inline-flex; align-items:center; gap:7px; padding:0 10px; border:1px solid var(--line); color:#798698; font:650 8px/1 var(--font-mono); text-transform:uppercase; }.detail-status i { width:5px; height:5px; border-radius:50%; background:currentColor; box-shadow:0 0 8px currentColor; }
.detail-title-row h1 { max-width:950px; margin:26px 0 25px; font-size:clamp(55px,6.8vw,92px); line-height:.94; letter-spacing:-.067em; }.detail-title-row p { max-width:780px; margin:0; color:var(--muted); font-size:18px; line-height:1.7; }
.detail-number { color:transparent; -webkit-text-stroke:1px color-mix(in srgb,var(--detail-accent) 45%,transparent); font:300 clamp(100px,14vw,190px)/1 var(--font-mono); }
.fact-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }.fact-grid div { min-height:105px; padding:24px; display:grid; gap:17px; border-right:1px solid var(--line); }.fact-grid div:last-child { border-right:0; }.fact-grid span { color:#667487; font:650 8px/1 var(--font-mono); letter-spacing:.13em; }.fact-grid strong { font-size:18px; }
.project-showcase { padding-block:105px; }.showcase-screen { position:relative; min-height:510px; overflow:hidden; border:1px solid color-mix(in srgb,var(--detail-accent) 28%,transparent); background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--detail-accent) 16%,transparent),transparent 48%),#090d13; box-shadow:0 35px 80px rgba(0,0,0,.32); }.showcase-screen::before { content:""; position:absolute; inset:0; opacity:.26; background-image:linear-gradient(color-mix(in srgb,var(--detail-accent) 20%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--detail-accent) 20%,transparent) 1px,transparent 1px); background-size:50px 50px; mask-image:radial-gradient(circle,black,transparent 72%); }
.showcase-top { height:54px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); color:#6d7a8b; font:650 8px/1 var(--font-mono); letter-spacing:.12em; }.showcase-top i { width:7px; height:7px; border-radius:50%; background:var(--detail-accent); box-shadow:0 0 12px var(--detail-accent); }
.showcase-center { position:absolute; inset:54px 0 0; display:grid; place-content:center; justify-items:center; z-index:2; }.showcase-center>span { color:var(--detail-accent); font:700 9px/1 var(--font-mono); }.showcase-center strong { margin:22px 0; font-size:clamp(45px,6vw,82px); letter-spacing:-.06em; }.showcase-center small { min-width:120px; padding:9px 14px; text-align:center; border:1px solid color-mix(in srgb,var(--detail-accent) 35%,transparent); color:var(--detail-accent); font:650 9px/1 var(--font-mono); text-transform:uppercase; }
.showcase-lines { position:absolute; z-index:1; inset:0; }.showcase-lines i { position:absolute; height:1px; background:linear-gradient(90deg,transparent,var(--detail-accent),transparent); opacity:.22; }.showcase-lines i:first-child { width:40%; left:-5%; top:35%; }.showcase-lines i:nth-child(2) { width:35%; right:-4%; top:62%; }.showcase-lines i:last-child { width:27%; left:8%; bottom:16%; }
.detail-content-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; padding-block:30px 118px; }.detail-content-grid h2,.architecture-section h2,.tech-section h2,.limitations-section h2 { margin:14px 0 24px; font-size:clamp(35px,4vw,54px); letter-spacing:-.05em; }.detail-content-grid article>p:last-child { max-width:720px; color:var(--muted); line-height:1.82; }
.feature-panel { padding:30px; border:1px solid var(--line); background:rgba(255,255,255,.018); }.feature-panel>span { color:var(--detail-accent); font:650 8px/1 var(--font-mono); letter-spacing:.13em; }.feature-panel ul { margin:25px 0 0; padding:0; list-style:none; }.feature-panel li { min-height:52px; display:flex; align-items:center; gap:12px; border-top:1px solid var(--line); color:#b4bfcc; font-size:13px; }.feature-panel i { width:5px; height:5px; border-radius:50%; background:var(--detail-accent); }
.architecture-section { padding-block:110px; border-top:1px solid var(--line); }.architecture-flow { display:grid; grid-template-columns:repeat(4,1fr); margin-top:50px; border:1px solid var(--line); }.architecture-flow>div { position:relative; min-height:150px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); }.architecture-flow>div:last-child { border-right:0; }.architecture-flow span { color:var(--detail-accent); font:650 9px/1 var(--font-mono); }.architecture-flow strong { font-size:16px; }.architecture-flow i { position:absolute; z-index:2; right:-12px; top:64px; width:24px; height:24px; display:grid; place-items:center; border:1px solid var(--line); background:var(--bg); color:var(--detail-accent); font-style:normal; font-size:10px; }
.tech-section { padding:80px 0; display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; border-top:1px solid var(--line); }.big-tech-list { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); }.big-tech-list div { min-height:90px; padding:22px; display:flex; align-items:center; gap:18px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); font-size:15px; }.big-tech-list div:nth-child(2n){border-right:0}.big-tech-list div:nth-last-child(-n+2){border-bottom:0}.big-tech-list span{color:var(--detail-accent);font:650 8px/1 var(--font-mono)}
.limitations-section { padding-block:110px; display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; border-top:1px solid var(--line); }.limitations-section ol { margin:0; padding:0; list-style:none; }.limitations-section li { min-height:86px; padding:20px 0; display:grid; grid-template-columns:45px 1fr; gap:15px; align-items:start; border-bottom:1px solid var(--line); }.limitations-section li:first-child { border-top:1px solid var(--line); }.limitations-section li span { color:var(--detail-accent); font:650 9px/1 var(--font-mono); }.limitations-section li p { margin:0; color:var(--muted); line-height:1.7; }
.project-cta { padding:56px; display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:end; border:1px solid color-mix(in srgb,var(--detail-accent) 30%,transparent); background:linear-gradient(135deg,color-mix(in srgb,var(--detail-accent) 7%,transparent),#090d13); }.project-cta h2 { max-width:720px; margin:14px 0 0; font-size:clamp(35px,4vw,56px); line-height:1.07; letter-spacing:-.05em; }.project-cta>div:last-child>p { margin:0 0 22px; color:var(--muted); line-height:1.7; }

/* Dashboard */
.dashboard-feature { padding-block:110px; display:grid; grid-template-columns:.85fr 1.15fr; gap:110px; align-items:center; }.phone-stage { min-height:720px; display:grid; place-items:center; border:1px solid var(--line); background:radial-gradient(circle,rgba(66,194,255,.14),transparent 46%),#090d13; }
.dashboard-modules { padding-bottom:100px; }.dashboard-module-grid { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.dashboard-module-grid>a { min-height:250px; padding:26px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 18px 50px rgba(21,67,90,.065); transition:transform .22s ease,border-color .22s ease; }.dashboard-module-grid>a:hover { transform:translateY(-4px); border-color:rgba(0,126,174,.34); }.dashboard-module-grid span { color:var(--blue); font:800 8px/1 var(--font-mono); letter-spacing:.1em; }.dashboard-module-grid strong { margin-top:55px; font-size:24px; }.dashboard-module-grid p { color:#536d7c; line-height:1.6; }.dashboard-module-grid b { margin-top:auto; color:#247b9d; font:800 8px/1 var(--font-mono); letter-spacing:.1em; }
.dashboard-phone { position:relative; width:285px; height:580px; padding:40px 19px 20px; border:7px solid #1d2733; border-radius:38px; background:linear-gradient(160deg,#121b26,#080d13); box-shadow:30px 42px 80px rgba(0,0,0,.48),0 0 80px rgba(66,194,255,.08); }.notch { position:absolute; top:10px; left:50%; width:84px; height:18px; margin-left:-42px; border-radius:20px; background:#05070a; }.phone-overline { color:var(--blue); font:700 7px/1 var(--font-mono); letter-spacing:.16em; }.dashboard-phone h3 { margin:16px 0 10px; font-size:25px; }.phone-status { display:flex; align-items:center; gap:7px; color:var(--green); font:650 7px/1 var(--font-mono); }.phone-status i { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }.phone-tiles { margin-top:25px; display:grid; grid-template-columns:1fr 1fr; gap:9px; }.phone-tiles b { min-height:110px; padding:14px 11px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid var(--line); background:rgba(255,255,255,.025); font-size:11px; }.phone-tiles b:first-child { background:linear-gradient(150deg,rgba(66,194,255,.16),rgba(255,255,255,.02)); }.phone-tiles small { display:block; margin-top:7px; color:#718095; font:600 7px/1 var(--font-mono); }.phone-nav { position:absolute; left:18px; right:18px; bottom:17px; height:45px; display:flex; align-items:center; justify-content:space-around; border-top:1px solid var(--line); }.phone-nav i { width:10px; height:10px; border:1px solid #536174; border-radius:3px; }.phone-nav i:first-child { border-color:var(--blue); box-shadow:0 0 8px rgba(66,194,255,.4); }
.dashboard-copy h2 { margin:16px 0 25px; font-size:clamp(42px,5vw,70px); line-height:1.02; letter-spacing:-.06em; }.dashboard-copy>p { max-width:650px; color:var(--muted); line-height:1.75; }.spec-list { margin:40px 0; border-top:1px solid var(--line); }.spec-list>div { min-height:100px; padding:20px 0; display:grid; grid-template-columns:50px 190px 1fr; gap:18px; align-items:start; border-bottom:1px solid var(--line); }.spec-list span { color:var(--blue); font:650 9px/1 var(--font-mono); }.spec-list strong { font-size:14px; }.spec-list p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }.requirements-strip { padding:30px; display:flex; align-items:center; gap:50px; border:1px solid var(--line); }.requirements-strip>span { flex:0 0 auto; color:var(--blue); font:650 8px/1 var(--font-mono); letter-spacing:.12em; }.requirements-strip>div { display:flex; flex-wrap:wrap; gap:8px; }.requirements-strip b { padding:9px 12px; border:1px solid var(--line); color:#8693a4; font:600 9px/1 var(--font-mono); }

/* Downloads */
.download-list { padding-block:80px; }.download-row { min-height:230px; display:grid; grid-template-columns:70px 1fr 230px 190px; gap:30px; align-items:center; padding:34px 20px; border-top:1px solid var(--line); }.download-row:last-child { border-bottom:1px solid var(--line); }.download-index { color:#4e5e72; font:650 10px/1 var(--font-mono); }.download-row>div:nth-child(2)>span { color:var(--blue); font:650 8px/1 var(--font-mono); letter-spacing:.13em; }.tone-orange>div:nth-child(2)>span{color:var(--orange)}.tone-green>div:nth-child(2)>span{color:var(--green)}.download-row h2{margin:12px 0 10px;font-size:27px}.download-row p{max-width:630px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.release-meta{display:grid;grid-template-columns:80px 1fr;gap:10px}.release-meta span{color:#59687a;font:650 7px/1 var(--font-mono);letter-spacing:.1em}.release-meta strong{color:#aab5c2;font:650 9px/1 var(--font-mono)}.download-row button{min-height:43px;border:1px solid var(--line);background:transparent;color:#5f6d7e;font:650 8px/1 var(--font-mono);letter-spacing:.08em}.download-standard{padding:75px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}.download-standard h2{max-width:440px;margin:14px 0;font-size:clamp(35px,4vw,54px);letter-spacing:-.05em}.standard-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.standard-grid>div{min-height:220px;padding:24px;border-right:1px solid var(--line)}.standard-grid>div:last-child{border-right:0}.standard-grid span{color:var(--blue);font:650 9px/1 var(--font-mono)}.standard-grid strong{display:block;margin:74px 0 12px;font-size:16px}.standard-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}

/* Lab, blog, roadmap, changelog */
.lab-board { padding-block:80px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.lab-board article { min-height:430px; padding:26px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--line); background:linear-gradient(150deg,rgba(199,120,255,.035),transparent 50%); }.lab-number { color:#57667a; font:650 9px/1 var(--font-mono); }.lab-signal { width:64px; height:64px; margin:55px 0 35px; display:grid; place-items:center; border:1px solid rgba(199,120,255,.23); border-radius:50%; }.lab-signal i { width:9px; height:9px; border-radius:50%; background:var(--violet); box-shadow:0 0 16px var(--violet); }.lab-phase { color:var(--violet); font:650 8px/1 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }.lab-board h2 { margin:15px 0 12px; font-size:23px; }.lab-board p { flex:1; margin:0 0 28px; color:var(--muted); font-size:13px; line-height:1.7; }.lab-board a { width:100%; padding-top:18px; display:flex; justify-content:space-between; border-top:1px solid var(--line); font-size:12px; }.lab-board a span { color:var(--violet); }.lab-rule,.roadmap-note { padding:30px; display:grid; grid-template-columns:230px 1fr; gap:45px; border:1px solid var(--line); }.lab-rule strong,.roadmap-note strong { color:var(--violet); font:650 9px/1.4 var(--font-mono); letter-spacing:.11em; }.lab-rule p,.roadmap-note p { max-width:780px; margin:0; color:var(--muted); line-height:1.7; }
.article-grid { padding-top:80px; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.article-grid article { min-height:350px; padding:28px; display:flex; flex-direction:column; border:1px solid var(--line); }.article-meta { display:flex; justify-content:space-between; gap:18px; color:#657386; font:650 8px/1 var(--font-mono); }.article-meta span { color:var(--blue); }.article-number { margin:58px 0 20px; color:#3e4c5d; font:650 10px/1 var(--font-mono); }.article-grid h2 { margin:0 0 14px; font-size:25px; line-height:1.2; }.article-grid h2 a:hover { color:var(--blue); }.article-grid article>p { flex:1; margin:0 0 28px; color:var(--muted); font-size:13px; line-height:1.7; }
.roadmap-board { padding-block:80px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.roadmap-column { border:1px solid var(--line); }.roadmap-column header { min-height:85px; padding:22px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.roadmap-column header>span { color:var(--blue); font:600 27px/1 var(--font-mono); }.roadmap-column header small { color:#657386; font:650 7px/1 var(--font-mono); letter-spacing:.1em; }.roadmap-column article { min-height:210px; padding:23px; border-bottom:1px solid var(--line); }.roadmap-column article:last-child { border-bottom:0; }.roadmap-column article>span { color:#5b6a7d; font:650 8px/1 var(--font-mono); }.roadmap-column h2 { margin:42px 0 10px; font-size:18px; }.roadmap-column p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }.roadmap-column.tone-green header>span,.roadmap-column.tone-green article>span{color:var(--green)}.roadmap-column.tone-violet header>span,.roadmap-column.tone-violet article>span{color:var(--violet)}.roadmap-note strong{color:var(--orange)}
.changelog-list { padding-top:65px; }.changelog-list article { min-height:220px; display:grid; grid-template-columns:50px 170px 1fr; gap:25px; padding-top:34px; }.change-rail { display:flex; flex-direction:column; align-items:center; }.change-rail span { color:var(--blue); font:650 8px/1 var(--font-mono); }.change-rail i { flex:1; width:1px; margin-top:16px; background:linear-gradient(var(--blue),var(--line)); }.changelog-list time { color:#6a788a; font:650 9px/1 var(--font-mono); text-transform:uppercase; }.change-body { padding-bottom:34px; display:grid; grid-template-columns:.6fr 1.4fr; gap:40px; border-bottom:1px solid var(--line); }.change-body>div { display:grid; align-content:start; gap:12px; }.change-body>div span { color:var(--blue); font:650 8px/1 var(--font-mono); letter-spacing:.1em; }.change-body>div strong { font-size:22px; }.change-body ul { margin:0; padding:0; list-style:none; }.change-body li { position:relative; padding:0 0 14px 18px; color:var(--muted); font-size:13px; line-height:1.6; }.change-body li::before { content:""; position:absolute; left:0; top:8px; width:4px; height:4px; background:var(--green); }

/* Article */
.article-page { padding-bottom:140px; }.article-hero { padding-block:60px 90px; }.article-labels { margin-top:85px; display:flex; flex-wrap:wrap; gap:8px; }.article-labels span { padding:8px 10px; border:1px solid var(--line); color:#748296; font:650 8px/1 var(--font-mono); }.article-labels span:first-child { color:var(--orange); }.article-hero h1 { max-width:1050px; margin:28px 0; font-size:clamp(58px,7vw,95px); line-height:.94; letter-spacing:-.065em; }.article-hero>p { max-width:780px; margin:0; color:var(--muted); font-size:18px; line-height:1.75; }
.article-layout { display:grid; grid-template-columns:250px 1fr; gap:100px; padding-top:70px; border-top:1px solid var(--line); }.article-toc { position:sticky; top:30px; height:max-content; display:flex; flex-direction:column; align-items:flex-start; gap:15px; }.article-toc strong { margin-bottom:8px; color:#5f6d7e; font:650 8px/1 var(--font-mono); letter-spacing:.12em; }.article-toc a { color:#8290a1; font-size:12px; }.article-toc a:hover { color:var(--blue); }.article-content { max-width:780px; }.article-content section { padding-bottom:85px; scroll-margin-top:40px; }.article-content h2 { margin:15px 0 24px; font-size:clamp(35px,4vw,52px); line-height:1.08; letter-spacing:-.05em; }.article-content section>p { color:var(--muted); line-height:1.85; }.article-callout { margin-top:35px; padding:24px; border-left:2px solid var(--blue); background:rgba(66,194,255,.035); }.article-callout strong { color:var(--blue); font:650 8px/1 var(--font-mono); letter-spacing:.1em; }.article-callout p { margin:12px 0 0; color:#abb6c3; line-height:1.7; }.article-steps { margin:30px 0 0; padding:0; list-style:none; }.article-steps li { min-height:105px; padding:22px 0; display:grid; grid-template-columns:55px 1fr; border-top:1px solid var(--line); }.article-steps li:last-child { border-bottom:1px solid var(--line); }.article-steps span { color:var(--blue); font:650 9px/1 var(--font-mono); }.article-steps strong { font-size:16px; }.article-steps p { margin:8px 0 0; color:var(--muted); line-height:1.65; }.article-content section>ul { padding-left:18px; color:var(--muted); line-height:2; }

/* About and contact */
.about-grid { padding-block:80px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.about-grid article { min-height:390px; padding:30px; border:1px solid var(--line); }.about-grid span { color:var(--blue); font:650 8px/1 var(--font-mono); letter-spacing:.11em; }.about-grid h2 { margin:125px 0 18px; font-size:25px; line-height:1.15; }.about-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.75; }.values-strip { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }.values-strip>div { padding:32px; border-right:1px solid var(--line); }.values-strip>div:last-child { border-right:0; }.values-strip strong { color:var(--blue); font:600 22px/1 var(--font-mono); }.values-strip p { margin:14px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
.contact-grid { padding-block:80px; display:grid; grid-template-columns:1.2fr .8fr; gap:80px; }.contact-primary { padding:45px; border:1px solid rgba(66,194,255,.24); background:radial-gradient(circle at 0 0,rgba(66,194,255,.1),transparent 42%); }.contact-primary>span { color:var(--blue); font:650 8px/1 var(--font-mono); letter-spacing:.12em; }.contact-primary>a { margin:90px 0 25px; padding-bottom:18px; display:flex; justify-content:space-between; gap:25px; border-bottom:1px solid var(--line); font-size:clamp(25px,3vw,42px); letter-spacing:-.04em; }.contact-primary>a b { color:var(--blue); }.contact-primary p { max-width:580px; color:var(--muted); line-height:1.7; }.contact-grid aside { padding:30px; border:1px solid var(--line); }.contact-grid aside>strong { color:#6e7c8e; font:650 8px/1 var(--font-mono); letter-spacing:.12em; }.contact-grid ol { margin:30px 0 0; padding:0; list-style:none; }.contact-grid li { min-height:62px; display:flex; align-items:center; gap:20px; border-top:1px solid var(--line); color:#a9b4c1; font-size:13px; }.contact-grid li span { color:var(--blue); font:650 8px/1 var(--font-mono); }.safety-note { padding:30px; display:grid; grid-template-columns:180px 1fr auto; gap:40px; align-items:center; border:1px solid var(--line); }.safety-note strong { color:var(--orange); font:650 8px/1 var(--font-mono); letter-spacing:.1em; }.safety-note p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }.safety-note a { color:var(--blue); font-size:12px; font-weight:700; }

.contact-primary>a.contact-email-button { width:max-content; min-height:50px; margin:24px 0 0; padding:0 22px; border:1px solid var(--blue); color:#061018; font-size:12px; letter-spacing:0; }
.contact-form-section { padding-bottom:72px; }
.contact-form { display:grid; grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr); gap:70px; padding:46px; border:1px solid rgba(17,55,76,.11); border-radius:28px; background:#fff; box-shadow:0 24px 68px rgba(20,68,90,.1); }
.contact-form-heading>span,.contact-form-status>span { color:var(--blue); font:750 8px/1.4 var(--font-mono); letter-spacing:.13em; }
.contact-form-heading h2,.contact-form-status h2 { margin:18px 0 15px; color:#16303e; font-size:clamp(31px,3.5vw,48px); line-height:1.06; letter-spacing:-.045em; }
.contact-form-heading p,.contact-form-status p { max-width:430px; margin:0; color:#536d7c; font-size:13px; line-height:1.7; }
.contact-form-fields { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.contact-form-fields label { min-width:0; display:grid; gap:9px; }
.contact-form-fields label>span { color:#385363; font-size:12px; font-weight:750; }
.contact-form-fields input:not([type="checkbox"]),.contact-form-fields select,.contact-form-fields textarea { width:100%; min-width:0; border:1px solid rgba(17,55,76,.2); border-radius:11px; outline:0; color:#16303e; background:#f7fbfd; transition:border-color .2s,box-shadow .2s,background .2s; }
.contact-form-fields input:not([type="checkbox"]),.contact-form-fields select { min-height:52px; padding:0 14px; }
.contact-form-fields textarea { min-height:180px; padding:14px; resize:vertical; line-height:1.6; }
.contact-form-fields input:focus,.contact-form-fields select:focus,.contact-form-fields textarea:focus { border-color:var(--blue); background:#fff; box-shadow:0 0 0 4px rgba(66,194,255,.1); }
.contact-field-wide { grid-column:1/-1; }
.contact-form-fields label>small { justify-self:end; color:#78909d; font:650 8px/1 var(--font-mono); }
.contact-privacy { grid-template-columns:22px 1fr; align-items:start; gap:12px!important; padding:18px; border:1px solid rgba(17,55,76,.12); border-radius:13px; background:#f5fafc; }
.contact-privacy input { width:18px; height:18px; margin:1px 0 0; accent-color:#1684ba; }
.contact-privacy span { font-weight:600!important; line-height:1.55; }
.contact-privacy a { color:#087fad; text-decoration:underline; text-underline-offset:3px; }
.contact-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.contact-submit { width:100%; min-height:56px; border-radius:11px; cursor:pointer; }
.contact-submit:disabled { cursor:wait; opacity:.65; transform:none; }
.contact-form-error { margin:0; padding:15px 17px; border-left:3px solid #c94242; color:#8b2f2f; background:#fff2f2; font-size:12px; line-height:1.6; }
.contact-form-error a { font-weight:800; text-decoration:underline; }
.contact-form-status { min-height:340px; padding:55px; display:grid; align-content:center; border:1px solid rgba(66,227,139,.28); border-radius:28px; background:linear-gradient(145deg,#e4f8ed,#fff 64%); box-shadow:0 24px 68px rgba(20,68,90,.1); }
.contact-form-status>span { color:#16814d; }

/* Search, legal, not found */
.search-page { padding-bottom:130px; }.search-hero { padding-top:115px; }.search-hero h1 { margin:22px 0 58px; font-size:clamp(58px,8vw,110px); line-height:.92; letter-spacing:-.07em; }.search-interface { max-width:1000px; padding-bottom:100px; }.search-interface>label { display:block; margin-bottom:12px; color:#748295; font:650 8px/1 var(--font-mono); letter-spacing:.1em; }.search-box { min-height:76px; padding:0 20px; display:flex; align-items:center; gap:18px; border:1px solid rgba(66,194,255,.35); background:#0b1017; box-shadow:0 18px 60px rgba(0,0,0,.25); }.search-box>span { color:var(--blue); font-size:30px; }.search-box input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:#fff; font-size:18px; }.search-box input::placeholder { color:#586779; }.search-box kbd { color:#5e6b7d; font:650 9px/1 var(--font-mono); }.search-summary { min-height:65px; display:flex; align-items:center; justify-content:space-between; color:#667487; font:650 8px/1 var(--font-mono); letter-spacing:.1em; }.search-summary button { border:0; background:transparent; color:var(--blue); cursor:pointer; font:inherit; }.search-results { border-top:1px solid var(--line); }.search-results>a { min-height:120px; padding:22px 10px; display:grid; grid-template-columns:55px 1fr 30px; gap:15px; align-items:center; border-bottom:1px solid var(--line); }.search-results>a:hover { background:rgba(66,194,255,.025); }.result-index { color:#536275; font:650 8px/1 var(--font-mono); }.search-results small { color:var(--blue); font:650 8px/1 var(--font-mono); }.search-results strong { display:block; margin:9px 0 6px; font-size:18px; }.search-results p { margin:0; color:#6f7d8f; font:600 9px/1 var(--font-mono); }.search-results b { color:var(--blue); }.empty-search { padding:55px 10px; }.empty-search strong { font-size:23px; }.empty-search p { color:var(--muted); }.empty-search a { color:var(--blue); font-size:13px; }
.legal-content { max-width:1000px; padding-top:65px; }.legal-content section { min-height:180px; padding:30px 0; display:grid; grid-template-columns:70px 1fr; border-top:1px solid var(--line); }.legal-content section:last-child { border-bottom:1px solid var(--line); }.legal-content>section>span { color:var(--blue); font:650 9px/1 var(--font-mono); }.legal-content h2 { margin:0 0 14px; font-size:25px; }.legal-content p { max-width:750px; margin:0; color:var(--muted); line-height:1.8; }
.not-found-page { min-height:780px; display:grid; place-items:center; text-align:center; }.not-found-page>div { display:grid; justify-items:center; }.not-found-page>div>span { color:var(--blue); font:650 9px/1 var(--font-mono); letter-spacing:.12em; }.not-found-page>div>strong { color:transparent; -webkit-text-stroke:1px rgba(66,194,255,.24); font:300 clamp(140px,25vw,320px)/.8 var(--font-mono); }.not-found-page h1 { margin:35px 0 12px; font-size:clamp(35px,4vw,55px); }.not-found-page p { max-width:570px; margin:0 0 30px; color:var(--muted); line-height:1.7; }

/* Controlled downloads */
.download-access-flow { margin-top:58px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:20px; overflow:hidden; background:rgba(255,255,255,.72); box-shadow:0 18px 48px rgba(21,67,90,.06); }
.download-access-flow>div { min-height:128px; padding:22px; display:grid; align-content:space-between; border-right:1px solid var(--line); }
.download-access-flow>div:last-child { border-right:0; }
.download-access-flow span { color:var(--blue); font:700 9px/1 var(--font-mono); }
.download-access-flow strong { margin-top:25px; font-size:15px; }
.download-access-flow small { margin-top:7px; color:var(--muted); font-size:11px; }
.download-action { min-height:48px; padding:10px 14px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line-strong); border-radius:10px; text-align:center; font:750 8px/1.35 var(--font-mono); letter-spacing:.07em; transition:transform .2s,border-color .2s,background .2s; }
.download-action:hover { transform:translateY(-2px); }
.download-action.free { color:#fff; border-color:var(--green); background:var(--green); }
.download-action.approval { color:var(--blue); border-color:rgba(0,126,174,.32); background:rgba(66,194,255,.08); }
.download-action.approval:hover { border-color:var(--blue); background:rgba(66,194,255,.15); }
.download-actions { display:grid; gap:9px; }
.download-actions .download-action.free,.download-actions .download-action.approval { color:#fff; border-color:var(--green); background:var(--green); }
.download-actions .download-action:hover { color:#fff; border-color:#08764d; background:#08764d; }
.download-action.read { color:#365d70; border-color:rgba(37,99,126,.2); background:#f4f8fa; }
.download-action.read:hover { color:var(--blue); border-color:var(--blue); background:#edf8fc; }
.download-standard-intro { max-width:480px; color:var(--muted); line-height:1.7; }
.download-standard-intro a { color:var(--blue); border-bottom:1px solid rgba(0,126,174,.3); }
.request-modal-backdrop { position:fixed; z-index:200; inset:0; padding:24px; display:grid; place-items:center; overflow-y:auto; background:rgba(5,20,30,.68); backdrop-filter:blur(12px); }
.request-modal-backdrop[hidden] { display:none!important; }
.request-modal { width:min(100%,720px); max-height:calc(100vh - 48px); overflow-y:auto; padding:34px; border:1px solid rgba(0,126,174,.28); border-radius:24px; background:linear-gradient(145deg,#fff,#edf8fc); box-shadow:0 35px 100px rgba(4,34,49,.35); }
.request-modal-head { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:start; padding-bottom:24px; border-bottom:1px solid var(--line); }
.request-modal-head span { color:var(--blue); font:750 8px/1 var(--font-mono); letter-spacing:.11em; }
.request-modal-head h2 { margin:12px 0 0; font-size:clamp(27px,4vw,42px); line-height:1.06; letter-spacing:-.045em; }
.request-modal-close { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:#fff; color:#385363; cursor:pointer; font-size:28px; line-height:1; }
.request-modal-close:hover { border-color:var(--blue); color:var(--blue); }
.request-modal-intro { margin:22px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }
.download-request-form { margin-top:24px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.download-request-form label { display:grid; gap:9px; }
.download-request-form label:nth-child(3),.request-consent,.request-modal-actions { grid-column:1/-1; }
.download-request-form label>span { color:#385363; font-size:12px; font-weight:750; }
.download-request-form input:not([type="checkbox"]),.download-request-form textarea { width:100%; min-height:50px; padding:13px 14px; border:1px solid var(--line-strong); border-radius:10px; outline:0; color:var(--text); background:#f8fcfe; resize:vertical; }
.download-request-form input:focus,.download-request-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(0,126,174,.09); }
.download-request-form textarea { min-height:105px; line-height:1.55; }
.request-consent { grid-template-columns:20px 1fr; align-items:start; padding:15px; border:1px solid var(--line); border-radius:10px; background:rgba(66,194,255,.05); }
.request-consent input { width:17px; height:17px; margin:1px 0 0; accent-color:var(--blue); }
.request-consent span { color:var(--muted)!important; font-size:11px!important; line-height:1.55; }
.request-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.request-privacy { grid-column:1/-1; margin:0; color:var(--muted); font-size:10px; line-height:1.55; }
.request-submit-error { grid-column:1/-1; margin:0; padding:13px 15px; border:1px solid rgba(168,66,32,.22); border-radius:10px; color:#a84220; background:#fff5f1; font-size:11px; line-height:1.55; }
.request-modal-actions { display:grid; grid-template-columns:.7fr 1.3fr; gap:10px; margin-top:5px; }
.request-modal-actions .button { width:100%; border-radius:10px; cursor:pointer; }
.request-sent-page { min-height:760px; padding:120px 24px; display:grid; place-items:center; }
.request-sent-card { width:min(100%,760px); padding:70px 50px; display:grid; justify-items:center; text-align:center; border:1px solid rgba(9,139,90,.24); border-radius:28px; background:linear-gradient(145deg,#fff,#edfbf6); box-shadow:0 30px 90px rgba(21,67,90,.12); }
.request-sent-icon { width:78px; height:78px; margin-bottom:34px; display:grid; place-items:center; border-radius:50%; background:#e0f7ed; color:var(--green); font-size:32px; box-shadow:0 0 0 12px rgba(9,139,90,.06); }
.request-sent-card h1 { margin:16px 0; font-size:clamp(48px,7vw,78px); letter-spacing:-.06em; }
.request-sent-card>p:not(.section-kicker) { max-width:620px; margin:0 0 32px; color:var(--muted); line-height:1.75; }
.request-sent-card .button { border-radius:10px; }

/* Owner download approvals */
.access-admin-grid { padding-block:80px 130px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:30px; }
.access-admin-form,.access-admin-result { min-height:590px; padding:34px; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:0 22px 60px rgba(21,67,90,.08); }
.admin-form-head { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-bottom:26px; border-bottom:1px solid var(--line); }
.admin-form-head span,.access-admin-result>span { color:var(--blue); font:750 8px/1 var(--font-mono); letter-spacing:.11em; }
.admin-form-head strong { color:var(--muted); font-size:12px; }
.access-admin-form label { margin-top:28px; display:grid; gap:10px; }
.access-admin-form label>span { color:#385363; font-size:12px; font-weight:750; }
.access-admin-form input,.access-admin-form select,.admin-result-content textarea { width:100%; min-height:52px; padding:0 14px; border:1px solid var(--line-strong); border-radius:10px; outline:0; color:var(--text); background:#f7fbfd; }
.access-admin-form input:focus,.access-admin-form select:focus,.admin-result-content textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(0,126,174,.09); }
.access-admin-form label small { color:var(--muted); font-size:10px; line-height:1.5; }
.admin-generate { width:100%; margin-top:34px; border-radius:10px; cursor:pointer; }
.admin-generate:disabled { cursor:wait; opacity:.62; }
.admin-error { color:#a84220; font-size:12px; line-height:1.6; }
.access-admin-result { background:linear-gradient(145deg,#f8fdff,#eef8fc); }
.admin-empty,.admin-result-content { height:calc(100% - 42px); display:grid; align-content:center; }
.admin-empty strong { font-size:30px; letter-spacing:-.035em; }
.admin-empty p { max-width:480px; color:var(--muted); line-height:1.7; }
.admin-result-content>strong { font-size:25px; letter-spacing:-.03em; }
.admin-result-content>p { color:var(--muted); font-size:12px; line-height:1.6; }
.admin-result-content textarea { min-height:112px; margin:18px 0 12px; padding:14px; resize:vertical; color:#264a5c; font:650 10px/1.55 var(--font-mono); }
.admin-result-content .button { width:100%; border-radius:10px; cursor:pointer; }
.admin-result-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.admin-result-content dl { margin:24px 0 0; border-top:1px solid var(--line); }
.admin-result-content dl>div { padding:14px 0; display:grid; grid-template-columns:110px 1fr; gap:18px; border-bottom:1px solid var(--line); }
.admin-result-content dt { color:var(--muted); font:700 8px/1.4 var(--font-mono); }
.admin-result-content dd { margin:0; overflow-wrap:anywhere; color:#31566a; font:650 9px/1.45 var(--font-mono); }
.admin-result-note { padding-left:14px; border-left:2px solid var(--orange); }
.owner-test-panel { margin-top:58px; padding:34px; display:grid; grid-template-columns:.72fr 1.28fr; gap:40px; border:1px solid rgba(203,109,9,.24); border-radius:24px; background:linear-gradient(135deg,#fffaf2,#f5fbff); box-shadow:0 20px 55px rgba(21,67,90,.07); }
.owner-test-panel>div>span,.owner-testing-cta span { color:var(--orange); font:750 8px/1 var(--font-mono); letter-spacing:.11em; }
.owner-test-panel h2 { margin:18px 0 12px; font-size:clamp(28px,3vw,42px); line-height:1.05; letter-spacing:-.045em; }
.owner-test-panel>div>p { color:var(--muted); font-size:13px; line-height:1.7; }
.owner-test-panel ol { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.owner-test-panel li { min-height:86px; padding:15px 0; display:grid; grid-template-columns:42px 1fr; border-bottom:1px solid var(--line); }
.owner-test-panel li>span { color:var(--blue); font:750 8px/1.5 var(--font-mono); }
.owner-test-panel li strong { font-size:14px; }
.owner-test-panel li p { margin:7px 0 0; color:var(--muted); font-size:11px; line-height:1.55; }
.owner-test-link { grid-column:1/-1; justify-self:start; border-radius:10px; }
.owner-testing-cta { margin-bottom:110px; padding:28px 32px; display:grid; grid-template-columns:1fr auto; gap:35px; align-items:center; border:1px dashed rgba(203,109,9,.35); border-radius:20px; background:rgba(255,255,255,.62); }
.owner-testing-cta>div { display:grid; gap:9px; }
.owner-testing-cta strong { font-size:20px; }
.owner-testing-cta p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.owner-testing-cta .button { border-radius:10px; }
.approval-card { margin:58px auto 120px; padding:34px; border:1px solid rgba(0,126,174,.24); border-radius:26px; background:linear-gradient(145deg,#fff,#eef9fd); box-shadow:0 24px 70px rgba(21,67,90,.1); }
.approval-card-head { padding-bottom:26px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.approval-card-head>div { display:grid; gap:9px; }
.approval-card-head>div>span { color:var(--blue); font:750 8px/1 var(--font-mono); letter-spacing:.11em; }
.approval-card-head>div>strong { color:var(--muted); font-size:12px; }
.approval-status { padding:9px 12px; border:1px solid rgba(203,109,9,.28); border-radius:999px; color:var(--orange); background:#fff9ed; font:750 8px/1 var(--font-mono); letter-spacing:.08em; }
.approval-status.approved { color:var(--green); border-color:rgba(9,139,90,.25); background:#edfbf5; }
.approval-loading { min-height:340px; display:grid; place-items:center; color:var(--muted); }
.approval-content { padding-top:30px; display:grid; grid-template-columns:1.15fr .85fr; gap:34px; }
.approval-details { margin:0; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#fff; }
.approval-details>div { min-height:76px; padding:18px 20px; display:grid; grid-template-columns:135px 1fr; gap:20px; align-items:start; border-bottom:1px solid var(--line); }
.approval-details>div:last-child { border-bottom:0; }
.approval-details dt { color:var(--muted); font:750 8px/1.4 var(--font-mono); text-transform:uppercase; }
.approval-details dd { margin:0; overflow-wrap:anywhere; color:#254b5e; font-size:13px; line-height:1.6; }
.approval-action-panel { padding:26px; display:grid; align-content:start; gap:18px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.approval-action-panel label { display:grid; gap:10px; }
.approval-action-panel label>span { color:#385363; font-size:12px; font-weight:750; }
.approval-action-panel select { width:100%; min-height:52px; padding:0 14px; border:1px solid var(--line-strong); border-radius:10px; outline:0; color:var(--text); background:#f7fbfd; }
.approval-action-panel p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.approval-action-panel .button { width:100%; min-height:54px; border-radius:10px; cursor:pointer; }
.approval-action-panel .button:disabled { cursor:wait; opacity:.62; }
.approval-action-panel small { color:var(--green); font-size:10px; line-height:1.55; }

@media(max-width:980px){
  .detail-title-row{gap:30px}.detail-number{font-size:100px}.detail-content-grid,.tech-section,.limitations-section,.project-cta,.dashboard-feature,.download-standard,.contact-grid,.access-admin-grid,.owner-test-panel,.approval-content{grid-template-columns:1fr;gap:50px}.architecture-flow{grid-template-columns:repeat(2,1fr)}.architecture-flow>div:nth-child(2){border-right:0}.architecture-flow>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.phone-stage{min-height:680px}.dashboard-module-grid{grid-template-columns:1fr}.dashboard-module-grid>a{min-height:210px}.download-row{grid-template-columns:55px 1fr 180px}.download-row button,.download-action{grid-column:2/-1}.download-access-flow{grid-template-columns:repeat(2,1fr)}.download-access-flow>div:nth-child(2){border-right:0}.download-access-flow>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.lab-board,.roadmap-board,.about-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.lab-board article,.about-grid article{min-height:330px}.about-grid h2{margin-top:85px}.values-strip{grid-template-columns:1fr}.values-strip>div{border-right:0;border-bottom:1px solid var(--line)}.values-strip>div:last-child{border-bottom:0}.article-layout{grid-template-columns:1fr;gap:55px}.article-toc{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.changelog-list article{grid-template-columns:45px 130px 1fr}.change-body{grid-template-columns:1fr}.safety-note{grid-template-columns:1fr;gap:18px}.owner-testing-cta{grid-template-columns:1fr}
}
@media(max-width:720px){
  .inner-page,.detail-page{padding-bottom:85px}.inner-hero{padding-top:76px;padding-bottom:55px}.inner-hero h1{font-size:clamp(48px,14vw,72px);margin-bottom:35px}.inner-hero-bottom{grid-template-columns:1fr;gap:28px}.inner-hero-bottom>p{font-size:16px}.hero-badge{justify-self:start}.detail-title-row{min-height:auto;padding-block:50px;grid-template-columns:1fr}.detail-title-row h1{font-size:clamp(46px,14vw,70px)}.detail-title-row p{font-size:16px}.detail-number{display:none}.fact-grid{grid-template-columns:1fr}.fact-grid div{min-height:80px;border-right:0;border-bottom:1px solid var(--line)}.fact-grid div:last-child{border-bottom:0}.project-showcase{padding-block:70px}.showcase-screen{min-height:330px}.showcase-center strong{font-size:38px;text-align:center}.detail-content-grid{padding-bottom:80px}.architecture-section{padding-block:80px}.architecture-flow{grid-template-columns:1fr}.architecture-flow>div{min-height:110px;border-right:0;border-bottom:1px solid var(--line)!important}.architecture-flow>div:last-child{border-bottom:0!important}.architecture-flow i{display:none}.tech-section,.limitations-section{padding-block:75px}.big-tech-list{grid-template-columns:1fr}.big-tech-list div{border-right:0;border-bottom:1px solid var(--line)!important}.big-tech-list div:last-child{border-bottom:0!important}.project-cta{padding:30px 24px}.dashboard-feature{padding-block:80px}.phone-stage{min-height:560px}.dashboard-phone{width:250px;height:510px}.phone-tiles b{min-height:90px}.spec-list>div{grid-template-columns:38px 1fr}.spec-list p{grid-column:2}.requirements-strip{align-items:flex-start;flex-direction:column;gap:22px}.download-access-flow{grid-template-columns:1fr}.download-access-flow>div{border-right:0;border-bottom:1px solid var(--line)}.download-access-flow>div:last-child{border-bottom:0}.download-list{padding-block:55px}.download-row{grid-template-columns:35px 1fr;gap:20px;padding-inline:0}.release-meta{grid-column:2}.download-row button,.download-action{grid-column:2}.standard-grid{grid-template-columns:1fr}.standard-grid>div{min-height:160px;border-right:0;border-bottom:1px solid var(--line)}.standard-grid>div:last-child{border-bottom:0}.standard-grid strong{margin-top:45px}.owner-test-panel{padding:25px 20px;gap:28px}.owner-test-panel li{grid-template-columns:35px 1fr}.access-admin-grid{padding-block:55px 85px;gap:22px}.access-admin-form,.access-admin-result{min-height:auto;padding:25px 20px}.admin-empty,.admin-result-content{min-height:360px;height:auto}.admin-result-actions{grid-template-columns:1fr}.admin-result-content dl>div{grid-template-columns:1fr;gap:7px}.owner-testing-cta{margin-bottom:70px;padding:24px 20px}.lab-rule,.roadmap-note{grid-template-columns:1fr;gap:18px}.roadmap-column article{min-height:180px}.change-rail{display:none}.changelog-list article{grid-template-columns:1fr;padding-top:28px}.change-body{gap:22px}.article-hero{padding-block:45px 65px}.article-labels{margin-top:55px}.article-hero h1{font-size:clamp(48px,14vw,70px)}.article-hero>p{font-size:16px}.article-layout{padding-top:50px}.article-toc{grid-template-columns:1fr}.article-content section{padding-bottom:65px}.article-steps li{grid-template-columns:42px 1fr}.about-grid{padding-block:55px}.contact-grid{padding-block:55px}.contact-primary{padding:28px 22px}.contact-primary>a{margin-top:65px;font-size:22px;word-break:break-word}.search-hero{padding-top:75px}.search-hero h1{font-size:clamp(50px,15vw,74px)}.search-box{min-height:64px;padding-inline:14px}.search-box input{font-size:15px}.search-box kbd{display:none}.search-results>a{grid-template-columns:36px 1fr 20px}.search-results p{line-height:1.5}.legal-content section{grid-template-columns:42px 1fr}.not-found-page{min-height:650px}.not-found-page>div>strong{font-size:140px}
}

@media(max-width:720px){
  .request-modal-backdrop{padding:10px;align-items:end}.request-modal{width:100%;max-height:calc(100vh - 20px);padding:24px 18px;border-radius:22px 22px 14px 14px}.download-request-form{grid-template-columns:1fr}.download-request-form label,.request-modal-actions{grid-column:1}.request-modal-actions{grid-template-columns:1fr}.request-modal-actions .button{min-height:50px}.request-modal-head{gap:15px}.request-modal-close{width:38px;height:38px}.request-sent-page{min-height:650px;padding:75px 15px}.request-sent-card{padding:55px 22px}.request-sent-card h1{font-size:48px}.approval-card{margin-top:42px;padding:24px 18px}.approval-card-head{align-items:flex-start}.approval-details>div{grid-template-columns:1fr;gap:8px}.approval-action-panel{padding:21px 17px}
}

/* Luminous theme — bright, vivid and still technical */
:root {
  --bg:#f3f8fb;
  --surface:#ffffff;
  --surface-2:#e8f3f8;
  --line:rgba(17,55,76,.14);
  --line-strong:rgba(17,55,76,.26);
  --text:#0b1b27;
  --muted:#506979;
  --blue:#007eae;
  --green:#098b5a;
  --orange:#cb6d09;
  --violet:#7a4fd4;
}
html,body { background:var(--bg); color:var(--text); }
body {
  background:
    radial-gradient(circle at 8% 5%,rgba(66,194,255,.18),transparent 25%),
    radial-gradient(circle at 96% 22%,rgba(199,120,255,.12),transparent 24%),
    linear-gradient(180deg,#f9fcfe 0,#f3f8fb 42%,#edf5f8 100%);
}
body::before {
  background-image:linear-gradient(rgba(9,70,99,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,70,99,.035) 1px,transparent 1px);
  mask-image:linear-gradient(to bottom,black,transparent 88%);
}
.site-header { background:rgba(255,255,255,.88); box-shadow:0 7px 35px rgba(16,54,74,.06); }
.brand-mark { background:linear-gradient(145deg,#def5ff,#fff); box-shadow:0 8px 24px rgba(0,126,174,.12),inset 0 0 18px rgba(66,194,255,.08); }
.brand-copy small,.search-trigger,.search-trigger kbd { color:#587080; }
.desktop-nav a { color:#385363; }
.search-trigger { background:rgba(255,255,255,.72); }
.mobile-nav { background:rgba(255,255,255,.98); box-shadow:0 24px 45px rgba(16,54,74,.13); }
.mobile-nav a { background:#fff; }

.hero { position:relative; }
.hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:28px -42px 36px;
  border:1px solid rgba(0,126,174,.09);
  border-radius:44px;
  background:
    radial-gradient(circle at 74% 45%,rgba(66,194,255,.26),transparent 34%),
    radial-gradient(circle at 92% 12%,rgba(122,79,212,.12),transparent 24%),
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(226,244,252,.78));
  box-shadow:0 35px 90px rgba(23,79,106,.08);
}
.hero h1 span,.archive-hero h1 span,.inner-hero h1 span { -webkit-text-stroke:1px rgba(11,27,39,.42); }
.hero-lead,.archive-intro>p,.inner-hero-bottom>p { color:#405d6e; }
.button.ghost { background:rgba(255,255,255,.72); }
.button.ghost:hover { background:#fff; }
.proof-line { color:#617b8b; }
.proof-line i { background:#a9bec9; }
.stage-glow { background:radial-gradient(circle at 50% 45%,rgba(0,160,222,.32),rgba(66,194,255,.08) 40%,transparent 72%); }
.dashboard-frame,.project-visual,.showcase-screen,.phone-stage,.dashboard-phone,.visual-backup,.phone,.chip-body { color:#f4f7fa; }
.dashboard-frame { box-shadow:0 45px 95px rgba(14,54,74,.25),0 0 0 8px rgba(255,255,255,.42),inset 0 0 80px rgba(66,194,255,.035); }
.floating-chip { background:rgba(255,255,255,.95); color:#597181; box-shadow:0 18px 38px rgba(18,62,84,.16); }
.marquee-band { background:linear-gradient(90deg,#d8f2fc,#eef9fd,#e8efff); }
.marquee-band div { color:#6f8795; }
.marquee-band span:nth-of-type(2),.marquee-band span:nth-of-type(5) { color:#2c6f8d; }

#projects.section-block { position:relative; }
#projects.section-block::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:45px -32px;
  border-radius:36px;
  background:rgba(255,255,255,.55);
  box-shadow:0 25px 75px rgba(16,54,74,.045);
}
.project-card { background:#fff; border-color:rgba(17,55,76,.11); box-shadow:0 22px 55px rgba(24,72,94,.09); }
.project-card:hover { border-color:rgba(0,126,174,.35); box-shadow:0 30px 70px rgba(24,72,94,.14); }
.project-body>p,.section-intro,.discipline-card p,.update-row p,.manifesto-copy,.archive-note p { color:#536c7b; }
.project-meta { color:#607a89; }
.tech-list span { background:#f2f7f9; color:#476271; }
.card-link { color:#294755; }
.build-section {
  width:min(1344px,calc(100% - 32px));
  padding-inline:48px;
  border:1px solid rgba(0,126,174,.12);
  border-radius:36px;
  background:linear-gradient(135deg,#e5f6fc,#f6fcfe 58%,#edf0ff);
  box-shadow:0 30px 80px rgba(16,66,90,.08);
}
.discipline-grid { background:rgba(255,255,255,.72); border-radius:22px; overflow:hidden; box-shadow:0 16px 42px rgba(26,76,99,.06); }
.discipline-card:hover { background:#fff; }
.updates-section {
  margin-top:72px;
  padding:82px 48px;
  width:min(1344px,calc(100% - 32px));
  border:1px solid rgba(203,109,9,.12);
  border-radius:36px;
  background:linear-gradient(145deg,#fff8ed,#fff 58%,#eefaff);
}
.update-row:hover { background:rgba(255,255,255,.78); }
.update-row h3 { color:#16303e; }
.manifesto-section {
  color:#f7fbfd;
  border:0;
  border-radius:36px;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,255,255,.18),transparent 25%),
    radial-gradient(circle at 92% 10%,rgba(199,120,255,.35),transparent 28%),
    linear-gradient(125deg,#087fad,#0eabc2 58%,#5962d9);
  box-shadow:0 35px 85px rgba(0,107,153,.22);
}
.manifesto-section .section-kicker,.manifesto-section .manifesto-copy { color:#dcf7ff; }
.manifesto-mark { color:#fff; border-color:rgba(255,255,255,.48); box-shadow:0 0 60px rgba(255,255,255,.15),inset 0 0 45px rgba(255,255,255,.08); }

.archive-page,.inner-page,.detail-page,.article-page,.search-page,.legal-page { color:var(--text); }
.archive-hero,.inner-hero,.article-hero {
  position:relative;
  border:0;
  margin-top:34px;
  padding-inline:48px;
  width:min(1344px,calc(100% - 32px));
  border-radius:36px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(222,244,252,.9) 72%,rgba(237,232,255,.86));
  box-shadow:0 26px 75px rgba(18,66,88,.09);
}
.archive-count span,.detail-status>span,.article-labels span { color:#5a7484; }
.project-archive { padding-top:58px; }
.filter-row button { background:#fff; color:#4e6878; box-shadow:0 8px 20px rgba(19,61,82,.04); }
.archive-note,.lab-rule,.roadmap-note,.requirements-strip,.safety-note { background:#fff; border-radius:20px; box-shadow:0 16px 45px rgba(22,67,88,.07); }
.fact-grid,.feature-panel,.architecture-flow,.big-tech-list,.standard-grid,.article-grid article,.roadmap-column,.about-grid article,.values-strip,.contact-grid aside,.legal-content section { background:#fff; }
.fact-grid,.architecture-flow,.big-tech-list,.roadmap-column,.article-grid article,.about-grid article,.values-strip,.contact-grid aside { box-shadow:0 18px 50px rgba(21,67,90,.065); }
.project-showcase { padding-block:80px; }
.detail-content-grid article>p:last-child,.limitations-section li p,.dashboard-copy>p,.spec-list p,.download-row p,.standard-grid p,.lab-board p,.article-grid article>p,.roadmap-column p,.change-body li,.article-content section>p,.article-callout p,.article-steps p,.about-grid p,.values-strip p,.contact-primary p,.safety-note p,.legal-content p { color:#536d7c; }
.feature-panel { border-radius:22px; }
.architecture-flow,.big-tech-list,.standard-grid,.values-strip { border-radius:22px; overflow:hidden; }
.project-cta {
  border:0;
  border-radius:30px;
  background:linear-gradient(135deg,#dff5fc,#fff 55%,#eee9ff);
  box-shadow:0 28px 75px rgba(20,68,90,.10);
}
.phone-stage { border-radius:32px; box-shadow:0 30px 70px rgba(16,66,91,.16); }
.requirements-strip b { background:#edf6f9; color:#3b5969; }

.download-row { margin-bottom:12px; border:1px solid rgba(17,55,76,.11)!important; border-radius:22px; background:#fff; box-shadow:0 16px 45px rgba(21,67,90,.065); }
.download-row button { background:#f2f6f8; color:#647b88; }
.lab-board article {
  border:0;
  border-radius:24px;
  background:linear-gradient(150deg,#fff,#f1eaff 110%);
  box-shadow:0 20px 55px rgba(44,53,104,.10);
}
.roadmap-column { border-radius:24px; overflow:hidden; }
.roadmap-column:nth-child(1) header { background:#dff5fc; }
.roadmap-column:nth-child(2) header { background:#e4f8ed; }
.roadmap-column:nth-child(3) header { background:#efe7ff; }
.article-grid article { border-radius:24px; }
.article-callout { background:#eaf8fd; }
.article-content section>ul { color:#536d7c; }
.about-grid article { border:0; border-radius:24px; }
.about-grid article:nth-child(1) { background:linear-gradient(155deg,#fff,#e3f6fc); }
.about-grid article:nth-child(2) { background:linear-gradient(155deg,#fff,#e9f8ef); }
.about-grid article:nth-child(3) { background:linear-gradient(155deg,#fff,#f2eaff); }
.contact-primary {
  border:0;
  border-radius:28px;
  background:linear-gradient(145deg,#dff5fc,#fff 62%,#eee9ff);
  box-shadow:0 28px 70px rgba(20,68,90,.11);
}
.search-box { background:#fff; box-shadow:0 20px 55px rgba(22,67,89,.10); }
.search-box input { color:#102632; }
.search-results>a:hover { background:#fff; }
.not-found-page>div>strong { -webkit-text-stroke:1px rgba(0,126,174,.28); }

.site-footer {
  --line:rgba(210,233,244,.15);
  color:#f4f7fa;
  background:
    radial-gradient(circle at 10% 0,rgba(66,194,255,.13),transparent 30%),
    linear-gradient(140deg,#0a1721,#0c2735 65%,#12213e);
}
.site-footer .brand-copy strong { color:#fff; }
.site-footer .brand-copy small,.site-footer .footer-brand>p,.site-footer .footer-links a { color:#9eb4c0; }
.site-footer .footer-links strong,.site-footer .footer-bottom { color:#7893a1; }

@media(max-width:720px){
  .hero::before { inset:12px -8px 18px; border-radius:26px; }
  #projects.section-block::before { inset:22px -8px; border-radius:24px; }
  .build-section,.updates-section,.archive-hero,.inner-hero,.article-hero { width:calc(100% - 20px); padding-inline:22px; border-radius:26px; }
  .updates-section { margin-top:38px; padding-block:64px; }
  .manifesto-section { border-radius:26px; }
  .project-card,.download-row,.lab-board article,.article-grid article,.roadmap-column,.about-grid article { border-radius:20px; overflow:hidden; }
}

@media(max-width:980px){
  .contact-form { grid-template-columns:1fr; gap:50px; }
}

@media(max-width:720px){
  .contact-primary>a.contact-email-button { width:100%; margin-top:22px; font-size:11px; }
  .contact-form-section { padding-bottom:55px; }
  .contact-form { padding:28px 20px; gap:38px; }
  .contact-form-fields { grid-template-columns:1fr; }
  .contact-form-fields>label,.contact-field-wide,.contact-submit,.contact-form-error { grid-column:1; }
  .contact-form-status { min-height:300px; padding:38px 22px; }
}

/* WordPress integration */
.project-card h3 a,.post-card h2 a{color:inherit;text-decoration:none}.project-card>img,.post-card img{width:100%;height:auto;border-radius:14px}.page-hero{max-width:900px;margin-bottom:48px}.page-hero h1,.article-content h1{font-size:clamp(2.7rem,7vw,6rem);line-height:.95;letter-spacing:-.06em;margin:14px 0 22px}.page-hero>p,.article-content{font-size:1.05rem;line-height:1.75}.article-content{max-width:900px}.article-content h2{margin-top:2.5em;font-size:2rem}.article-content img,.project-cover img{max-width:100%;height:auto;border-radius:20px}.project-cover{margin:0 0 48px}.project-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.project-badges>span{border:1px solid var(--line);border-radius:999px;padding:8px 12px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface)}.post-card time{font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.contact-form{max-width:780px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:8px;font-weight:700}.contact-form label:nth-of-type(4),.privacy-check,.contact-form button{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:14px;font:inherit}.privacy-check{display:flex!important;align-items:center;font-weight:400!important}.privacy-check input{width:auto}.hp{position:absolute!important;left:-9999px}.form-notice{max-width:780px;padding:14px;border-radius:10px}.form-notice.success{background:#dff8e8;color:#11612d}.form-notice.error{background:#fee8e8;color:#8c1c1c}.nav-links{display:flex;gap:10px;margin-top:32px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:800px){.post-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.page-hero h1,.article-content h1{font-size:clamp(2.5rem,14vw,4.4rem)}}


/* Dynamic legal pages */
.legal-content-dynamic { padding-bottom:65px; }
.legal-content-dynamic .legal-copy { max-width:820px; }
.legal-content-dynamic .legal-copy > p:first-child { margin-bottom:18px; color:var(--blue); font:700 10px/1.4 var(--font-mono); letter-spacing:.05em; }
.legal-content-dynamic h2 { margin:34px 0 14px; padding-top:28px; border-top:1px solid var(--line); font-size:25px; }
.legal-content-dynamic p { max-width:none; margin:0 0 16px; color:var(--muted); line-height:1.8; }
.legal-content-dynamic ul { max-width:780px; margin:0 0 22px; padding-left:24px; color:var(--muted); line-height:1.75; }
.legal-content-dynamic li + li { margin-top:9px; }
.legal-content-dynamic a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.legal-content-dynamic strong { color:var(--ink); }
@media (max-width:680px) {
  .legal-content-dynamic { padding-top:38px; padding-bottom:44px; }
  .legal-content-dynamic h2 { margin-top:28px; padding-top:22px; font-size:21px; }
  .legal-content-dynamic p, .legal-content-dynamic ul { font-size:15px; line-height:1.7; }
}