/* ATOMN: KSLP's Instrument Sans and graphite / reactor-blue palette. */
@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--bg:#101820;--ink:#f2f6fa;--muted:#bdcbd6;--accent:#35b6ff;--line:#354650;--sans:Instrument,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:30px}body{margin:0;font:20px/1.6 var(--sans);color:var(--ink);background:radial-gradient(ellipse at 90% 15%,#193e55 0%,transparent 40%),var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{color:#8bd5ff}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:15px;top:15px;transform:translateY(-180%);background:var(--accent);color:var(--bg);padding:10px;z-index:10}.skip:focus{transform:none}
.header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:600;letter-spacing:.15em;line-height:1}.brand span{display:block;font-size:10px;letter-spacing:.45em;font-weight:500;margin-top:11px;color:var(--muted)}.header nav{display:flex;align-items:center;gap:36px;font-size:16px}.header nav a{min-height:44px;display:inline-flex;align-items:center;gap:16px}.header nav a:last-child{padding:8px 18px;border:1px solid #667e8f;border-radius:5px}.header nav a:last-child:hover{background:#233d4f}
.hero{position:relative;padding-top:95px;isolation:isolate}.hero-copy{position:relative;z-index:1;max-width:720px}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.14em;color:#75ccff;margin:0 0 30px}h1,h2,p{margin-top:0}h1,h2{font-family:var(--sans);font-weight:500;letter-spacing:-.035em;line-height:1.08;text-wrap:balance}h1{font-size:clamp(60px,6.2vw,88px);margin-bottom:30px}h1 span{color:var(--accent)}.intro{max-width:460px;color:var(--muted);font-size:22px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);border:1px solid var(--accent);color:var(--bg);padding:14px 22px;font-size:16px;font-weight:600;border-radius:5px;min-height:52px}.button:hover{background:#8bd5ff;border-color:#8bd5ff;color:var(--bg)}.art{position:absolute;right:-15px;top:40px;width:53%;z-index:-1;pointer-events:none}.art svg{display:block;width:100%;height:auto}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:95px;padding:26px 0;color:#a6bbc9;font-size:12px;letter-spacing:.1em;gap:24px}
.company{background:#f2f6fa;color:#192f3e;padding:96px 0}.company-grid{display:grid;grid-template-columns:1fr 2.5fr;gap:64px}.company .eyebrow{color:#086f9c;padding-top:9px}h2{font-size:clamp(38px,4vw,56px);margin-bottom:30px}.company p:not(.eyebrow){max-width:650px;color:#496170;font-size:21px;margin-bottom:20px}.company p:last-child{margin-bottom:0}.contact{padding-top:96px;padding-bottom:96px}.contact h2{max-width:760px}.contact p:not(.eyebrow){color:var(--muted);max-width:560px;font-size:21px;margin-bottom:24px}.email{display:inline-flex;gap:56px;align-items:center;font-size:clamp(32px,4vw,52px);border-bottom:1px solid #466477;padding:10px 0;color:var(--accent);letter-spacing:-.03em}.email span{font-size:32px}.footer{padding-top:30px;padding-bottom:36px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);font-size:14px;color:#a6bbc9}.footer>div{display:flex;gap:28px}
.legal{max-width:760px;padding-top:70px;padding-bottom:90px;min-height:70vh}.legal h1{font-size:56px}.legal h2{font-size:28px;margin-top:35px;margin-bottom:18px}.legal p{color:var(--muted)}.legal a{text-decoration:underline}.legal .button{text-decoration:none}
@media(min-width:1600px){.hero{padding-top:115px}.hero-foot{margin-top:120px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.art{right:0;top:100px;opacity:.6;width:56%}.hero-copy{max-width:620px}.company-grid{grid-template-columns:1fr 3fr;gap:35px}.footer{font-size:12px}}
@media(max-width:760px){body{font-size:18px}.wrap{width:calc(100% - 40px)}.header{min-height:88px}.brand{font-size:26px}.brand span{font-size:9px}.header nav{gap:20px;font-size:14px}.header nav a:last-child{border:0;padding:0}.header nav a{gap:5px}.hero{padding-top:58px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:25px}h1{font-size:clamp(42px,8.7vw,66px);line-height:1.08}.intro{font-size:20px;max-width:400px}.art{position:relative;width:min(85%,370px);margin:12px auto -18px;top:auto;right:auto;opacity:1}.hero-foot{margin-top:0;padding:22px 0;font-size:10px;letter-spacing:.06em}.company{padding:60px 0}.company-grid{grid-template-columns:1fr;gap:0}.company .eyebrow{padding:0;margin-bottom:24px}h2{font-size:clamp(34px,6vw,46px);line-height:1.14}.company p:not(.eyebrow),.contact p:not(.eyebrow){font-size:19px}.contact{padding-top:60px;padding-bottom:65px}.footer{flex-direction:column;gap:16px;font-size:13px}.legal h1{font-size:42px}}
@media(max-width:380px){.header nav{gap:13px;font-size:12px}.brand{font-size:24px}.hero-foot{font-size:9px;gap:12px}h1{font-size:40px}.email{gap:30px}}
.approach{padding-top:96px;padding-bottom:88px;border-bottom:1px solid var(--line)}.approach p:not(.eyebrow){font-size:21px;color:var(--muted);max-width:650px;margin-bottom:20px}.approach p:last-child{margin-bottom:0}
@media(max-width:760px){.approach{padding-top:60px;padding-bottom:60px}.approach p:not(.eyebrow){font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
