@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#172022;--ink2:#263235;--paper:#f7f5f0;--sage:#b7c9bf;--mist:#dce4df;--line:rgba(23,32,34,.16);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.eyebrow{margin:0 0 15px;font:500 11px/1.2 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:#647671}.button{display:inline-flex;align-items:center;gap:11px;padding:13px 19px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--ink);transition:.18s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.light{border-color:#d8dfdb;color:white}.outline{border-color:var(--line)}.logo{font-weight:800;font-size:20px;letter-spacing:-.065em}.logo:after{content:'systems';margin-left:7px;font:500 8px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#80918c}nav{height:82px;background:var(--paper);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.links{display:flex;gap:30px;font-size:12px;font-weight:700;color:#53625f}.links a:hover,.links .active{color:var(--ink)}.nav .button{padding:10px 15px;font-size:11px}.menu{display:none;border:0;background:0;font:600 13px Manrope}.hero{padding:104px 0 112px;background:var(--ink);color:#f7f5f0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.hero .eyebrow{color:#b4c8bf}.hero h1,.page-head h1{margin:0;max-width:780px;font-size:clamp(48px,6vw,80px);line-height:1.01;letter-spacing:-.075em;font-weight:600}.hero h1 em,.page-head em{font-family:'Playfair Display',serif;color:var(--sage);font-weight:600}.hero p{max-width:450px;margin:28px 0 30px;color:#b7c2bf;font-size:15px;line-height:1.8}.hero-note{padding:23px 0 0 23px;border-left:1px solid rgba(255,255,255,.32);color:#c6d0cc;font-size:16px;line-height:1.55}.hero-note small{display:block;margin-bottom:11px;color:#91a49d;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.section{padding:105px 0}.section.alt{background:#e8e5de}.heading{display:grid;grid-template-columns:.68fr 1.32fr;gap:65px}.heading h2{margin:0;max-width:720px;font-size:clamp(34px,4.5vw,56px);letter-spacing:-.065em;line-height:1.07}.heading h2 em{font-family:'Playfair Display',serif}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}.card{min-height:230px;padding:26px;border:1px solid var(--line);border-radius:10px;background:#fbfaf7}.card span{font:500 10px 'DM Mono',monospace;color:#71847f}.card h3{margin:52px 0 10px;font-size:20px;letter-spacing:-.045em}.card p{margin:0;color:#5b6966;font-size:13px;line-height:1.7}.feature{padding:105px 0}.feature-box{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:58px;border-radius:20px;background:var(--mist)}.feature h2{margin:0;max-width:530px;font-size:clamp(35px,4.2vw,54px);line-height:1.08;letter-spacing:-.065em}.feature p{max-width:500px;color:#485854;font-size:15px;line-height:1.8}.feature-panel{align-self:end;padding:23px;border-radius:13px;background:#f8f7f2;box-shadow:0 20px 40px rgba(22,35,32,.12)}.panel-label{padding-bottom:14px;border-bottom:1px solid #d9dfdb;font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:#657772;text-transform:uppercase}.message{margin:17px 0;padding:15px;border-radius:8px;background:#e5ece6;font-size:12px;line-height:1.6}.message b{display:block;font-size:10px}.stats{display:flex;gap:10px}.stat{flex:1;border:1px solid #d9dfdb;border-radius:8px;padding:12px}.stat strong{display:block;font-size:18px;letter-spacing:-.06em}.stat small{font-size:10px;color:#667671}.cta{padding:105px 0;text-align:center;background:var(--ink2);color:white}.cta h2{max-width:690px;margin:auto;font-size:clamp(37px,4.5vw,58px);line-height:1.08;letter-spacing:-.07em}.cta p{max-width:455px;margin:22px auto 28px;color:#bdc7c3;font-size:15px;line-height:1.75}footer{padding:28px 0;background:var(--ink2);border-top:1px solid rgba(255,255,255,.14);color:#a8b4b0}.foot{display:flex;justify-content:space-between;font:400 10px 'DM Mono',monospace}.page-head{padding:92px 0 85px;background:var(--ink);color:#f7f5f0}.page-head .eyebrow{color:#b4c8bf}.page-head p{max-width:610px;margin:23px 0 0;color:#bdc9c4;line-height:1.8;font-size:15px}.list{margin-top:55px;border-top:1px solid var(--line)}.list article{display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.list small{font:500 10px 'DM Mono',monospace;color:#71847f}.list h3{margin:0;font-size:22px;letter-spacing:-.05em}.list p{margin:0;color:#576663;font-size:13px;line-height:1.7}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-col h2{margin:0;font-size:42px;letter-spacing:-.065em;line-height:1.1}.two-col p{color:#53625f;line-height:1.85;font-size:15px}.contact-box{padding:38px;background:#e2e9e4;border-radius:15px}.contact-box h2{margin:0;font-size:34px;letter-spacing:-.06em}.contact-box p{color:#485954;line-height:1.8}.contact-list{margin-top:25px;border-top:1px solid var(--line)}.contact-list div{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.contact-list b{display:block;margin-bottom:4px;font-size:10px;font-family:'DM Mono',monospace;color:#667772;text-transform:uppercase}.note{padding:20px;border-left:2px solid var(--sage);background:#f0efea;color:#52625e;font-size:13px;line-height:1.7}
@media(max-width:750px){.wrap{width:min(100% - 36px,620px)}.links{display:none}.menu{display:block}.hero{padding:78px 0 78px}.hero-grid,.heading,.feature-box,.two-col{grid-template-columns:1fr}.hero-note{display:none}.section,.feature,.cta{padding:75px 0}.cards{grid-template-columns:1fr;margin-top:36px}.card{min-height:190px}.feature-box{padding:31px 25px;gap:35px}.page-head{padding:68px 0}.list article{grid-template-columns:35px 1fr}.list article p{grid-column:2}.foot{gap:14px;flex-direction:column}.nav .button{display:none}}
@media(max-width:750px){.links.open{display:flex;position:absolute;z-index:10;top:68px;left:18px;right:18px;padding:18px;flex-direction:column;gap:17px;background:#f7f5f0;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 32px rgba(19,29,30,.16)}}
@media(max-width:750px){.section.alt h2[style]{font-size:29px!important;line-height:1.2!important}.section.alt h2[style] a{overflow-wrap:anywhere;text-decoration-thickness:1px!important;text-underline-offset:5px!important}}