:root { --ink:#142738; --muted:#536474; --line:#cbd6dc; --paper:#f8faf9; --panel:#e7f0f0; --accent:#0b6970; --accent-dark:#075259; --signal:#c8582a; --max-width:76rem; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"Segoe UI","Noto Sans","Helvetica Neue",sans-serif; font-size:1rem; line-height:1.65; } a { color:inherit; } a:focus-visible { outline:3px solid var(--signal); outline-offset:3px; }.skip-link { position:fixed; top:0; left:1rem; z-index:10; padding:.6rem .9rem; color:#fff; background:var(--accent-dark); transform:translateY(-120%); }.skip-link:focus { transform:translateY(0); }
.site-header,main,.site-footer { width:min(calc(100% - 2rem),var(--max-width)); margin-inline:auto; }.site-header { display:grid; grid-template-columns:1fr auto auto; gap:1.25rem; align-items:center; min-height:5.5rem; }.brand { display:inline-flex; align-items:center; text-decoration:none; }.brand img { display:block; width:clamp(10rem,18vw,14rem); height:auto; }nav { display:flex; gap:1rem; align-items:center; }nav a { color:var(--muted); font-size:.88rem; text-decoration:none; }nav a:hover,nav a[aria-current="page"] { color:var(--accent-dark); text-decoration:underline; text-underline-offset:.25rem; }.language-switch { border-left:1px solid var(--line); padding-left:1.1rem; }
main { padding-bottom:3rem; }section { max-width:58rem; padding:4.6rem 0; border-bottom:1px solid var(--line); }.hero { max-width:none; padding:6.5rem 0 5.8rem; border-bottom:3px solid var(--accent); }.eyebrow,.section-label,.card-label { margin:0 0 .65rem; color:var(--accent-dark); font-size:.78rem; font-weight:760; letter-spacing:.09em; text-transform:uppercase; }h1,h2,h3 { margin:0; letter-spacing:0; line-height:1.12; }h1 { max-width:13ch; font-size:clamp(2.8rem,6.5vw,6rem); }h2 { font-size:clamp(1.72rem,3.4vw,2.6rem); }h3 { font-size:1.1rem; margin-top:2rem; }p { max-width:71ch; }.lead { max-width:57ch; margin:1.5rem 0; color:var(--muted); font-size:1.25rem; }.name-expansion { margin:.2rem 0 1.3rem; color:var(--muted); font-size:.95rem; letter-spacing:.03em; }.hero-note { max-width:55ch; margin-top:1.4rem; font-weight:600; }
.story { max-width:49rem; margin:2rem 0; padding:1.25rem 1.4rem; border-left:4px solid var(--signal); background:#fff8f3; font-size:1.08rem; }.story p { margin:.5rem 0; }.statement { max-width:56ch; margin:2rem 0 0; color:var(--accent-dark); font-size:1.28rem; font-weight:720; }.note,.restatement { padding:1rem 1.15rem; border-left:4px solid var(--accent); background:var(--panel); }.unknown-note { padding:1rem 1.15rem; border-left:4px solid var(--signal); background:#fff8f3; }
.intent-map { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; align-items:center; margin:2rem 0; text-align:center; }.intent-map span { padding:.65rem .4rem; border:1px solid var(--line); background:#fff; color:var(--muted); font-size:.9rem; }.intent-map strong { grid-column:2 / span 2; grid-row:2; padding:1rem; color:#fff; background:var(--accent-dark); font-size:1.05rem; }.offer-demand { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:1rem; align-items:stretch; margin:2rem 0; }.offer-demand article,.comparison article,.market-grid article,.boundary-grid article,.property-grid article,.availability { padding:1.15rem 1.2rem; border:1px solid var(--line); border-radius:4px; background:#fff; }.connector { display:grid; place-items:center; min-width:7rem; color:var(--accent-dark); font-weight:760; letter-spacing:.06em; }.comparison { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr); gap:1rem; margin:2rem 0; }ul { margin:.6rem 0 0; padding-left:1.2rem; }.market-grid,.boundary-grid,.property-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin:2rem 0; }.market-grid article p:last-child,.boundary-grid article p:last-child,.property-grid article p:last-child { margin-bottom:0; }.availability { max-width:30rem; margin:2rem 0; }.questions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; margin:2rem 0; }.questions span { padding:.8rem 1rem; background:#fff; border:1px solid var(--line); }.source-example { margin:2rem 0 1rem; padding:1rem 1.2rem; border-left:4px solid var(--accent); background:var(--panel); font-size:1.05rem; }.language-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.6rem; padding:0; list-style:none; counter-reset:flow; }.language-flow li { display:grid; gap:.4rem; padding:.8rem; background:#fff; border:1px solid var(--line); color:var(--muted); font-size:.86rem; }.language-flow li::before { content:counter(flow); counter-increment:flow; color:var(--accent-dark); font-weight:760; }.site-footer { display:flex; justify-content:space-between; gap:1.5rem; padding:2rem 0 2.5rem; color:var(--muted); font-size:.9rem; }.site-footer p { display:grid; margin:0; }.site-footer strong { color:var(--ink); letter-spacing:.07em; }
.engineering-reality { max-width:none; padding-inline:clamp(1rem,4vw,3rem); margin-inline:calc((100vw - min(100vw - 2rem,var(--max-width))) / -2); background:#edf3f4; }.engineering-reality + .engineering-reality { border-top:0; }.status-grid,.proof-grid,.open-grid,.community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:2rem 0; }.status-grid article,.proof-grid article,.open-grid article,.community-grid article { padding:1.15rem 1.2rem; border:1px solid #b8c8cc; border-radius:4px; background:#fff; }.proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.proof-grid article:first-child { border-top:4px solid var(--accent); }.proof-grid article:last-child { border-top:4px solid var(--signal); }.phases { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; margin:2rem 0 0; }.phases span { padding:.85rem; border:1px solid #b8c8cc; background:#fff; font-size:.88rem; }.phases b { color:var(--accent-dark); }.phases em { color:var(--muted); font-style:normal; }.community { max-width:none; padding-inline:clamp(1rem,4vw,3rem); margin-inline:calc((100vw - min(100vw - 2rem,var(--max-width))) / -2); background:#f5f8f7; }.contact-note { color:var(--muted); font-size:.92rem; }
.open-internet,.license-section { max-width:none; padding-inline:clamp(1rem,4vw,3rem); margin-inline:calc((100vw - min(100vw - 2rem,var(--max-width))) / -2); }.open-internet { background:#f2f6f6; }.license-section { background:#f8f5ef; }.layer-map,.responsibility-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:2rem 0; }.layer-map article,.license-grid article,.responsibility-grid article { padding:1.15rem 1.2rem; border:1px solid #b8c8cc; border-radius:4px; background:#fff; }.layer-map h3,.license-grid h3,.responsibility-grid h3 { margin-top:0; }.layer-map article:nth-child(2),.responsibility-grid article:nth-child(2) { border-top:4px solid var(--accent); }.vision-note { padding:1rem 1.15rem; border-left:4px solid var(--signal); background:#fff8f3; }.policy-links { max-width:48rem; margin-top:2rem; padding:1.1rem 1.2rem; border-left:4px solid var(--accent); background:#fff; }.policy-links p { margin:.35rem 0; }.policy-links ul { margin:.75rem 0; }.policy-links a { color:var(--accent-dark); }.license-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); gap:.8rem; margin:2rem 0; }.license-grid article:first-child { border-top:4px solid var(--accent-dark); }.origin { font-size:.92rem; color:var(--muted); }.license-cta { color:var(--accent-dark); font-weight:760; letter-spacing:.04em; }.legal-main { min-height:calc(100vh - 13rem); }.legal-main section { max-width:48rem; }.legal-main h2 { margin-top:2.2rem; font-size:1.35rem; }.legal-note { padding:1rem 1.15rem; border-left:4px solid var(--signal); background:#fff8f3; }.legal-link { color:var(--accent-dark); font-weight:700; }
@media (max-width:58rem) { .site-header { grid-template-columns:1fr auto; gap:.75rem; padding:1rem 0; }.site-header > nav:not(.language-switch) { grid-column:1 / -1; grid-row:2; flex-wrap:wrap; gap:.6rem 1rem; }.language-switch { border-left:0; padding-left:0; }.intent-map { grid-template-columns:repeat(2,minmax(0,1fr)); }.intent-map strong { grid-column:1 / -1; grid-row:auto; }.language-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }.language-flow li:last-child { grid-column:1 / -1; } }
@media (max-width:42rem) { .hero { padding:4.5rem 0 4rem; }section { padding:3rem 0; }.comparison,.market-grid,.boundary-grid,.property-grid,.offer-demand,.questions,.status-grid,.proof-grid,.open-grid,.community-grid,.phases,.layer-map,.license-grid,.responsibility-grid { grid-template-columns:1fr; }.connector { min-height:3rem; }.site-footer { flex-direction:column; }.site-footer nav { flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }