:root { --ink:#061833; --teal:#00858b; --gold:#d5a12c; --paper:#f4f1e9; --muted:#5d6873; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:104px; display:flex; justify-content:space-between; align-items:center; }
.brand { display:flex; align-items:center; gap:12px; color:var(--ink); text-decoration:none; font-family:'DM Mono',monospace; font-size:12px; letter-spacing:.1em; font-weight:500; }
.brand img { width:42px; height:42px; object-fit:contain; }
.hero { min-height:675px; padding:78px 6.3% 60px; background:var(--ink); color:#fff; border-radius:4px; position:relative; overflow:hidden; }
.eyebrow,.section-tag { font:500 11px/1.4 'DM Mono',monospace; letter-spacing:.1em; }
.eyebrow { color:#cdd8e2; display:flex; align-items:center; gap:10px; }
.eyebrow i { width:8px; height:8px; display:inline-block; border-radius:50%; background:var(--gold); }
h1,h2,h3,p { margin:0; } h1 { position:relative; z-index:1; margin-top:96px; font-size:clamp(48px,7.1vw,98px); line-height:.98; letter-spacing:-.06em; max-width:900px; }
em { font-family:Georgia,serif; font-weight:400; letter-spacing:-.07em; color:#81d3cd; }
.hero-bottom { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:end; margin-top:82px; }
.hero-bottom p { max-width:365px; color:#d4dce4; font-size:16px; line-height:1.65; }
.round-link { display:grid; place-items:center; width:53px; height:53px; border:1px solid #5b6a7e; border-radius:50%; color:#fff; text-decoration:none; font-size:22px; }
.orb { position:absolute; border:1px solid rgba(129,211,205,.29); border-radius:50%; width:570px; height:570px; right:-175px; top:79px; }.orb-two { width:384px; height:384px; right:-43px; top:174px; border-color:rgba(213,161,44,.38); }
.statement { padding:148px 0 134px; }.statement-grid { display:grid; grid-template-columns:25% 1fr; gap:30px; }.section-tag { color:var(--muted); }.statement h2 { font-size:clamp(33px,4.2vw,61px); line-height:1.08; letter-spacing:-.055em; }.body-copy { max-width:520px; font-size:17px; line-height:1.7; color:#46515c; margin-top:31px; }
.focus { border-top:1px solid #c8c7c0; padding:27px 0 144px; }.section-head { display:flex; justify-content:space-between; gap:30px; }.section-head>p:last-child { max-width:265px; color:var(--muted); font-size:14px; line-height:1.5; }.focus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin-top:84px; }.focus-grid article { min-height:250px; padding:28px 0; border-top:3px solid var(--ink); }.focus-grid article:nth-child(2){border-color:var(--teal)}.focus-grid article:nth-child(3){border-color:var(--gold)}.focus-grid span { font:11px 'DM Mono',monospace; color:var(--muted); }.focus-grid h3 { font-size:29px; letter-spacing:-.05em; margin:48px 0 14px; }.focus-grid p { color:var(--muted); font-size:14px; line-height:1.65; max-width:280px; }
footer { height:96px; display:flex; align-items:center; justify-content:center; font:500 13px 'DM Mono',monospace; letter-spacing:.04em; }
footer a { color:var(--ink); text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:7px; }
footer a span { color:var(--teal); font-size:18px; padding-left:6px; }
@media (max-width:680px) { .shell{width:min(100% - 32px,1180px)} .nav{height:82px}.brand span{display:none}.hero{min-height:590px;padding:62px 27px 34px}.hero h1{margin-top:72px}.hero-bottom{margin-top:72px}.hero-bottom p{font-size:14px;max-width:250px}.orb{right:-350px;top:105px}.statement{padding:90px 0}.statement-grid{grid-template-columns:1fr;gap:31px}.statement h2 br{display:none}.focus{padding-bottom:90px}.section-head{display:block}.section-head>p:last-child{margin-top:16px}.focus-grid{grid-template-columns:1fr;gap:12px;margin-top:48px}.focus-grid article{min-height:190px}.focus-grid h3{margin-top:31px} footer{height:85px;font-size:11px} }