@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:light;--ink:#17212a;--deep:#101820;--steel:#aebac3;--accent:#d5a34f;--paper:#f4f3ef;--line:#d9d9d3;--muted:#65717a;--white:#fff;--container:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
header{position:sticky;top:0;z-index:5;background:rgba(16,24,32,.97);color:white;border-bottom:1px solid #2c3740;backdrop-filter:blur(12px)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{text-decoration:none;font-family:Manrope,sans-serif;display:flex;align-items:center;gap:10px;white-space:nowrap}
.logo-icon{width:35px;height:35px;display:block}
.logo-mark{font-size:20px;font-weight:800;letter-spacing:1.5px;color:#e0b35f}
.logo-text{font-size:9px;line-height:1.35;font-weight:700;letter-spacing:1.25px;color:#d5dce0}
nav{display:flex;align-items:center;gap:32px}
nav>a:not(.nav-cta){text-decoration:none;color:#c6cdd1;font-size:13px;transition:color .2s}
nav>a:not(.nav-cta):hover{color:white}
.nav-cta{color:white;text-decoration:none;border:1px solid #68757e;padding:9px 16px;border-radius:3px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}
.nav-cta:hover{background:#26323b;border-color:#aebac3}
.hero{position:relative;overflow:hidden;background:var(--deep);color:white;padding:112px 0 120px}
.hero:before{content:"";position:absolute;inset:0 0 0 55%;opacity:.19;background:linear-gradient(90deg,var(--deep),transparent 28%),repeating-linear-gradient(0deg,transparent 0 48px,#78848b 49px,#78848b 50px),repeating-linear-gradient(90deg,transparent 0 48px,#78848b 49px,#78848b 50px);mask-image:linear-gradient(90deg,transparent,#000)}
.hero:after{content:"";position:absolute;right:8%;top:12%;width:390px;height:390px;border:1px solid #78848b;opacity:.2;border-radius:50%;box-shadow:0 0 0 28px var(--deep),0 0 0 29px #78848b,0 0 0 82px var(--deep),0 0 0 83px #78848b}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.16fr .84fr;gap:88px;align-items:center}
.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:2.2px;color:#66747d;margin-bottom:20px}
.hero .eyebrow{color:#d9b675}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(46px,6vw,76px);line-height:1.02;margin:0 0 26px;letter-spacing:-3.6px;font-weight:600;max-width:730px}
.hero h1 span{color:#c4cdd2}
.lead{font-size:18px;color:#c0c9ce;max-width:650px;line-height:1.75;margin:0}
.buttons{display:flex;gap:12px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 20px;border-radius:3px;text-decoration:none;font-size:13px;font-weight:700;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.primary{background:var(--accent);color:#151a1d}
.primary:hover{background:#e4b764}
.secondary{border:1px solid #68757e;color:white}
.secondary:hover{background:#202a32}
.hero-visual{height:390px;margin:0;position:relative;border:1px solid #46515a;background:#202a32;overflow:hidden;box-shadow:0 24px 80px #0003}
.hero-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#101820dc,transparent);pointer-events:none}
.hero-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:65% center}
.hero-note{position:absolute;z-index:1;left:20px;right:20px;bottom:20px;color:white;display:grid;gap:4px}
.hero-note span{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#e4bb70}
.hero-note b{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.2px}
.section{padding:100px 0}
.section-label{display:flex;align-items:center;gap:15px}
.section-label span{height:1px;width:38px;background:var(--accent)}
.section h2,.dark h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,48px);line-height:1.13;margin:0 0 44px;letter-spacing:-1.8px;font-weight:600}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cards article{position:relative;background:#fff;border:1px solid #e1e0da;padding:28px 28px 30px;min-height:224px;transition:transform .2s,border-color .2s,box-shadow .2s}
.cards article:hover{transform:translateY(-4px);border-color:#c5a46a;box-shadow:0 14px 30px #17212a0c}
.card-index{display:block;color:#a27832;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:27px}
.cards h3{margin:0 0 10px;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px}
.cards p{margin:0;color:#606b73;font-size:14px;line-height:1.7}
.visuals{background:#e9e8e2}
.visuals h2{max-width:750px}
.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.visual-card{margin:0;background:#fff;border:1px solid #d9d9d3;overflow:hidden}
.visual-card img{width:100%;height:235px;display:block;object-fit:cover}
.visual-card figcaption{display:grid;gap:5px;padding:18px 21px 20px}
.visual-card figcaption span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#92733c}
.visual-card figcaption b{font-family:Manrope,sans-serif;font-size:17px}
.visual-note{font-size:11px;color:#737b7f;margin:15px 0 0}
.dark{position:relative;overflow:hidden;background:#19242d;color:white;padding:94px 0}
.dark:after{content:"";position:absolute;right:-120px;bottom:-220px;width:520px;height:520px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 54px #19242d,0 0 0 55px #ffffff12,0 0 0 110px #19242d,0 0 0 111px #ffffff0d}
.split{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.dark .section-label{color:#d9b675}
.dark h2{margin:0;max-width:500px}
.industries{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.industries div{border:1px solid #46525b;padding:13px 15px;color:#d7dde1;font-size:13px;background:#ffffff04}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.steps>div{border-top:2px solid #c5a46a;padding-top:18px}
.steps b{font-family:Manrope,sans-serif;font-size:14px}
.steps p{font-size:13px;color:#616d75;line-height:1.7;margin:9px 0 0}
.proof{background:#fff}
.proof h2{margin-bottom:22px}
.proof p{max-width:800px;font-size:17px;color:#57636b;line-height:1.75;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tags span{border:1px solid #d8d9d5;padding:7px 11px;font-size:11px;color:#46535c;background:#fbfbf9}
.contact{background:#e8e7e1;padding:94px 0}
.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}
.contact h2{margin-bottom:22px}
.contact-grid>div>p{max-width:590px;color:#59656d;margin:0}
.contact-box{background:var(--deep);color:white;padding:35px 36px;box-shadow:0 20px 45px #1018201c}
.contact-box h3{font-family:Manrope,sans-serif;font-size:22px;margin:0 0 8px}
.contact-box>p{color:#c0c9ce;font-size:14px;margin:0 0 16px}
.contact-box .email{display:block;width:fit-content;color:#e5c17f;font-size:16px;font-weight:600;text-decoration:none;margin:0 0 17px;border-bottom:1px solid #67573b}
.contact-box .email:hover{color:#f2d69f}
.contact-box .button{margin:4px 0 15px}
.contact-box .small{font-size:12px;color:#aeb9c0;border-top:1px solid #3a454d;padding-top:17px;margin:8px 0 0}
footer{background:#101820;color:#9ca8b0;padding:23px 0;font-size:12px}
footer .container{display:flex;justify-content:space-between;gap:16px}
footer span{color:#c2cbd0}
@media(max-width:900px){.container{width:min(var(--container),calc(100% - 48px))}.hero-grid{gap:45px}.hero{padding:90px 0}.hero-visual{height:350px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr);row-gap:30px}.contact-grid{gap:45px}}
@media(max-width:980px){.visual-grid{grid-template-columns:1fr 1fr}.visual-card:last-child{grid-column:1/-1}.visual-card:last-child img{height:300px}}
@media(max-width:680px){html{scroll-padding-top:72px}.container{width:calc(100% - 40px)}.nav{height:68px}nav{gap:12px}.logo-icon{width:30px;height:30px}.logo-mark{font-size:19px}.logo-text{font-size:8px;letter-spacing:1px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:8px 11px;font-size:12px}.hero{padding:74px 0 78px}.hero:after{right:-210px;top:26%;width:300px;height:300px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(43px,12vw,62px);letter-spacing:-2.5px}.lead{font-size:16px}.hero-visual{height:290px}.section{padding:76px 0}.section h2,.dark h2,.contact h2{font-size:36px;margin-bottom:30px}.cards{grid-template-columns:1fr}.cards article{min-height:0;padding:24px}.card-index{margin-bottom:17px}.visual-grid{grid-template-columns:1fr;gap:14px}.visual-card:last-child{grid-column:auto}.visual-card img,.visual-card:last-child img{height:240px}.dark{padding:76px 0}.industries{gap:8px}.industries div{padding:11px;font-size:12px}.steps{grid-template-columns:1fr 1fr;gap:25px 15px}.contact{padding:76px 0}.contact-grid{gap:30px}.contact-box{padding:28px 24px}footer .container{flex-direction:column;gap:3px}}
@media(max-width:390px){.buttons{flex-direction:column}.button{width:100%}.steps{grid-template-columns:1fr}.industries{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}