@import url('./fonts/fonts.css');
:root{--red:#F1091B;--black:#101010;--paper:#f6f6f4;--muted:#656565;--line:#dcdcd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--black);background:var(--paper);font-size:16px;line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.container{width:min(1320px,calc(100% - 100px));margin:auto}.skip{position:fixed;left:16px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:8px}header{height:98px;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:flex;align-items:center;gap:18px}.brand>span{font-size:10px;letter-spacing:1.8px;line-height:1.65;border-left:1px solid #bbb;padding-left:18px;font-weight:650}nav{display:flex;gap:34px;font-size:14px;font-weight:500}nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 25px;background:var(--black);color:white;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button span{font-size:23px;line-height:1}.button:hover{transform:translateY(-2px);background:#343434}.small{padding:13px 21px;font-size:14px}.hero{position:relative;background:#101010;min-height:650px;color:white;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 37%;background:linear-gradient(90deg,#101010 0%,transparent 45%),linear-gradient(0deg,#101010 0%,transparent 30%),url('hero-laptop-m7.png') center/cover no-repeat}.hero-content{position:relative;padding-top:65px;padding-bottom:40px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;line-height:1.7;margin:0 0 24px}.hero .eyebrow{color:#d1d1d1;display:flex;align-items:center;gap:12px}.hero .eyebrow span{width:20px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(60px,6.15vw,92px);letter-spacing:-5px;line-height:1.04;font-weight:650;margin-bottom:30px}.red{color:var(--red)}.hero-bottom p{color:#bbb;font-size:16px;line-height:1.7;margin-bottom:26px}.red-button{background:var(--red)}.red-button:hover{background:#c70919}.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading .eyebrow{color:var(--muted)}h2{font-size:clamp(32px,3.3vw,48px);line-height:1.16;letter-spacing:-2px;font-weight:650;margin-bottom:0}.section-heading>p{font-size:15px;color:var(--muted);margin:0 0 4px}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.filters button{font-size:14px;background:transparent;border:1px solid transparent;border-radius:0;padding:10px 17px;color:#656565}.filters button.active{background:var(--black);color:white}.filters button:hover:not(.active){border-color:#999}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:white;border:1px solid #e0e0dd;display:flex;flex-direction:column;min-height:325px;padding:30px;text-align:left;color:var(--black);transition:border-color .2s,transform .2s}.service-card:hover{border-color:#111;transform:translateY(-4px)}.card-category{font-size:10px;color:var(--muted);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:9px}.service-card h3{font-size:24px;letter-spacing:-.7px;font-weight:650;margin-bottom:12px;line-height:1.25}.service-card p{font-size:15px;color:var(--muted);margin-bottom:26px;line-height:1.6;max-width:320px}.card-bottom{margin-top:auto;border-top:1px solid #eee;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.card-bottom span:last-child{font-size:22px;font-weight:400}.method{background:#141414;color:white}.method .section-heading>p{color:#a9a9a9}.method .eyebrow{color:#aaa}.steps{padding:0;margin:55px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr)}.steps li{padding:0 28px;border-left:1px solid #383838}.steps li:first-child{padding-left:0;border-left:0}.step-number{display:block;color:var(--red);font-size:14px;margin-bottom:32px}.steps h3{font-size:24px;margin-bottom:14px;font-weight:550}.steps p{font-size:14px;color:#a9a9a9;margin-bottom:0}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:35px}.about .eyebrow{color:var(--muted);padding-top:8px}.about h2{font-size:38px;margin-bottom:30px}.about h2 span{color:#8b8b8b}.about p:not(.eyebrow){max-width:630px;color:var(--muted);font-size:16px}.contact{background:var(--red);color:white;padding:70px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font-size:42px}.contact .eyebrow{font-size:11px}.white-button{background:white;color:#151515;flex-shrink:0}.white-button:hover{background:#eee}footer{background:#101010;color:white;padding:42px 0 23px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner>span,.footer-inner>a:last-child{font-size:14px;color:#aaa}.footer-bottom{border-top:1px solid #333;margin-top:35px;padding-top:23px;display:flex;justify-content:space-between;color:#888;font-size:12px}dialog{border:0;padding:0;width:min(850px,calc(100% - 32px));max-height:85vh;background:var(--paper);color:#111;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-inner{padding:54px}.close-dialog{position:absolute;right:17px;top:12px;font-size:30px;border:0;background:transparent;width:40px;height:40px;line-height:1}.dialog-inner .eyebrow{color:var(--red);margin-bottom:15px}.dialog-inner h2{margin-bottom:22px;padding-right:20px}.dialog-intro{color:#555;font-size:18px}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0;border-top:1px solid #ddd;padding-top:30px}.dialog-columns h3{font-size:16px;letter-spacing:-.3px}.dialog-columns p,.dialog-columns li{font-size:15px;color:#666}.dialog-columns ul{padding-left:18px}.dialog-columns li{padding-bottom:9px}.dialog-columns li::marker{color:var(--red)}.scope-note{border-top:1px solid #ddd;padding-top:16px;font-size:13px!important}[hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:740px}.hero-content{padding-top:85px}}@media(max-width:1050px){.container{width:calc(100% - 56px)}nav{gap:20px}nav a{font-size:13px}.brand>span{display:none}.hero{min-height:620px}.hero-art{left:25%;opacity:.8}.service-card{padding:23px}
.service-card h3{font-size:22px}.steps li{padding:0 18px}.contact h2{font-size:34px}.about h2{font-size:32px}}@media(max-width:760px){html{scroll-padding-top:20px}.container{width:calc(100% - 36px)}header{height:82px}nav{display:none}.small{font-size:12px;padding:11px 15px;gap:15px}.hero{min-height:650px}.hero-content{padding-top:50px}.hero-art{left:0;opacity:.52;background-position:63% center}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}.hero-bottom p{font-size:15px;max-width:320px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;font-size:14px}h2{font-size:36px;letter-spacing:-1.5px}.eyebrow{font-size:10px;margin-bottom:18px}.filters{gap:5px}.filters button{font-size:12px;padding:9px 11px}.service-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card{padding:20px;min-height:320px}.service-card h3{font-size:21px}.service-card p{font-size:14px}.card-category{font-size:9px;letter-spacing:1px}.steps{grid-template-columns:repeat(2,1fr);gap:35px 0;margin-top:35px}.steps li{padding:0 20px}.steps li:nth-child(3){border-left:0;padding-left:0}.step-number{margin-bottom:15px}.about-grid{display:block}.about h2{font-size:29px}.contact-inner{display:block}.contact h2{font-size:34px}.contact .button{margin-top:30px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner>span{display:none}.dialog-inner{padding:48px 25px 30px}.dialog-columns{grid-template-columns:1fr;gap:20px}.dialog-inner h2{font-size:31px}.dialog-intro{font-size:16px}.dialog-inner .button{font-size:13px;gap:15px;padding:16px}.footer-bottom{font-size:11px}}@media(max-width:420px){.service-grid{grid-template-columns:1fr}.service-card{min-height:280px}.hero h1{font-size:57px}.hero{min-height:625px}.desktop{display:none}.footer-inner>a:last-child{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

