:root{--max:1180px;--gutter:clamp(18px,4vw,40px);--radius:18px;--shadow:0 20px 60px rgba(22,25,24,.10);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
body[data-palette="stone"]{--bg:#f3f1ed;--paper:#fff;--ink:#1e2220;--muted:#686e6b;--line:#ddd9d2;--accent:#7f746a;--accent-text:#685f58;--accent-soft:#e9e2da;--deep:#242a27;--on-deep:#f7f5f1}
body[data-palette="sand"]{--bg:#f6f0e7;--paper:#fffdfa;--ink:#2a2722;--muted:#72695e;--line:#e5d8c8;--accent:#9a8268;--accent-text:#79634e;--accent-soft:#eadfce;--deep:#3a332c;--on-deep:#fbf7f1}
body[data-palette="slate"]{--bg:#eef1f1;--paper:#ffffff;--ink:#202729;--muted:#626c6f;--line:#d7ddde;--accent:#6f7e82;--accent-text:#59696d;--accent-soft:#dde4e5;--deep:#283235;--on-deep:#f6f8f8}
body[data-palette="pure"]{--bg:#f8f8f7;--paper:#fff;--ink:#141615;--muted:#6d706e;--line:#dedfdd;--accent:#4d514f;--accent-text:#4d514f;--accent-soft:#ececea;--deep:#171918;--on-deep:#fff}
.shell{max-width:var(--max);margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.site-header{height:78px;display:flex;align-items:center;gap:28px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);padding:0 max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)))}
.brand{display:flex;flex-direction:column;min-width:190px}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}nav{display:flex;gap:24px;margin-left:auto;font-size:13px}nav a{padding:28px 0}.header-net{width:112px;height:30px;opacity:.72}.header-net img{width:100%;height:100%;object-fit:contain}.nav-cta{border:1px solid var(--ink);padding:10px 14px;font-size:12px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:1px solid transparent;font-size:13px;font-weight:750;letter-spacing:.01em}.btn.primary{background:var(--deep);color:var(--on-deep)}.btn.secondary{border-color:var(--line);background:var(--paper)}.btn.light{background:var(--paper);color:var(--deep)}.btn.outline-light{border-color:rgba(255,255,255,.42);color:#fff}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--accent-text)}
.section{padding:clamp(60px,7vw,96px) 0}.section h2{font-family:var(--serif);font-size:clamp(38px,4vw,56px);font-weight:500;line-height:1.08;letter-spacing:-.03em;margin:0 0 20px}.muted{color:var(--muted)}.text-link{font-size:13px;font-weight:750;border-bottom:1px solid var(--accent);padding-bottom:3px}.footer{border-top:1px solid var(--line);padding:38px 0;background:var(--paper)}.footer .shell{display:flex;justify-content:space-between;gap:28px;font-size:13px}.footer div{display:flex;flex-direction:column}.footer span{color:var(--muted)}
.page-hero{padding:90px 0 58px;background:var(--paper);border-bottom:1px solid var(--line)}.page-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(48px,6vw,78px);letter-spacing:-.04em;line-height:1.02;margin:0;max-width:900px}.page-body{padding:72px 0 100px}.prose{max-width:760px;font-size:18px;color:var(--muted)}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:46px}.contact-cards a{padding:26px 24px 32px 0;border-right:1px solid var(--line);display:flex;flex-direction:column}.contact-cards a+a{padding-left:24px}.contact-cards small{color:var(--muted);margin-bottom:8px}.service-list{margin-top:48px;border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:56px 220px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.service-list b{font-size:11px;color:var(--accent-text)}.service-list h2{font-family:var(--serif);font-size:30px;font-weight:500;margin:0}.service-list p{margin:4px 0;color:var(--muted)}.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.zone{background:var(--paper);padding:30px;border:1px solid var(--line);border-radius:14px}.zone h2{font-family:var(--serif);font-weight:500;font-size:30px;margin:0 0 10px}.zone p{color:var(--muted);font-size:14px;margin:0}.profile-inline{display:grid;grid-template-columns:280px 1fr;gap:48px;margin-top:52px;align-items:center}.profile-inline img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}.network-slot{display:flex;align-items:center;gap:12px;margin-top:22px;color:var(--muted);font-size:12px}.network-slot img{width:120px;height:auto;opacity:.7}.palette-bar{position:fixed;right:14px;bottom:14px;z-index:60;background:rgba(255,255,255,.94);border:1px solid #d8d8d8;border-radius:999px;padding:7px;display:flex;gap:6px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.palette-bar button{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer}.palette-bar button[data-p="stone"]{background:#d8d1c8}.palette-bar button[data-p="sand"]{background:#e5d6c3}.palette-bar button[data-p="slate"]{background:#cbd4d6}.palette-bar button[data-p="pure"]{background:#f8f8f8}
@media(max-width:900px){.site-header{height:68px;padding:0 18px}.brand{min-width:0}.brand small,.header-net,nav{display:none}.nav-cta{margin-left:auto}.section{padding:64px 0}.contact-cards,.zones{grid-template-columns:1fr}.contact-cards a,.contact-cards a+a{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.profile-inline{grid-template-columns:1fr}.profile-inline img{max-width:360px}.service-list article{grid-template-columns:44px 1fr}.service-list p{grid-column:2}.footer .shell{flex-direction:column}.page-hero{padding:68px 0 48px}}


/* Phase 1 technical validation additions */
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--paper)}
html{scroll-padding-top:140px}
@media(max-width:900px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;gap:0 18px;padding-top:12px}.site-header nav{display:flex;order:4;width:100%;margin-left:0;gap:clamp(12px,3vw,24px);justify-content:center}.site-header nav a{padding:12px 0}.site-header .header-net{display:block;width:88px;height:24px}}
@media(max-width:760px){.shell{padding-left:18px;padding-right:18px}.page-hero h1{font-size:clamp(42px,11vw,64px)}.page-body{padding:58px 0 82px}.palette-bar{right:10px;bottom:10px}}
@media(max-width:480px){.site-header{padding:0 14px}.brand strong{font-size:14px}.nav-cta{padding:9px 11px}.section{padding:54px 0}.page-hero{padding:56px 0 38px}.page-body{padding:48px 0 72px}.profile-inline{gap:28px}.palette-bar{transform:scale(.92);transform-origin:bottom right}}

/* Preview controls must not cover copy or keyboard targets. */
.palette-bar{position:static;width:max-content;margin:14px 14px 14px auto}