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

:root{--black:#050505;--ink:#0b0c0d;--card:#111315;--line:#25282b;--muted:#999da2;--white:#f5f5f2;--accent:#d6ff3f;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{display:flex;gap:10px;align-items:center;color:var(--accent);font-size:.73rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.05;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3.5rem,8.4vw,8.4rem);max-width:920px}h2{font-size:clamp(2.5rem,5vw,5rem)}h3{font-size:1.45rem}p{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;border:1px solid var(--line);background:transparent;color:#fff;font-weight:600;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.25s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#050505}.btn-primary:hover{background:#fff;border-color:#fff;color:#050505}.arrow{font-size:1.2rem}
.topbar{background:#fff;color:#050505;text-align:center;padding:7px;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.header{position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.13)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:700;line-height:1;letter-spacing:-.05em}.logo span{display:block;color:var(--muted);font-family:"DM Sans";font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;margin-top:7px}.navlinks{display:flex;gap:26px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.navlinks a:hover{color:var(--accent)}.menu-btn{display:none;background:none;border:0;color:white;font-size:1.4rem}
.hero{min-height:100svh;display:flex;align-items:flex-end;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 42%,rgba(0,0,0,.08) 100%),url("assets/hero.webp") center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505 0%,transparent 25%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:190px 0 80px}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.hero-copy{display:flex;justify-content:space-between;align-items:end;margin-top:30px;border-top:1px solid rgba(255,255,255,.2);padding-top:24px}.hero-copy p{max-width:470px;color:#c4c6c7}.hero-actions{display:flex;gap:10px}.trustbar{border-bottom:1px solid var(--line)}.trust{display:grid;grid-template-columns:repeat(5,1fr)}.trust div{padding:22px;text-align:center;color:#7e8286;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;border-right:1px solid var(--line)}.trust div:first-child{border-left:1px solid var(--line)}
.section{padding:130px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}.section-head h2{max-width:760px}.section-head p{max-width:390px}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.service{position:relative;overflow:hidden;min-height:430px;background:#111;border:1px solid var(--line);grid-column:span 4}.service.wide{grid-column:span 8}.service img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:.5s}.service:hover img{transform:scale(1.035);opacity:.7}.service-content{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(0deg,#080808 8%,transparent 100%)}.service-num{color:var(--accent);font-size:.66rem;letter-spacing:.15em}.service h3{font-size:clamp(1.8rem,3vw,3rem);margin:8px 0 12px}.service p{max-width:400px;margin:0 0 14px}.text-link{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#fff}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#0d0e10}.split-media{background:url("assets/wrap.webp") center/cover;position:relative}.split-media:after{content:"Precision / 01";position:absolute;left:25px;bottom:25px;padding:8px 12px;background:#050505;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.split-content{padding:8vw;display:flex;flex-direction:column;justify-content:center}.split-content h2{margin:18px 0 24px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 35px}.check{border-top:1px solid var(--line);padding-top:11px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.check:before{content:"✓";color:var(--accent);margin-right:10px}
.process{counter-reset:process;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-item{padding:28px 24px 10px;border-right:1px solid var(--line);counter-increment:process}.process-item:before{content:"0" counter(process);display:block;color:var(--accent);font-size:.65rem;letter-spacing:.12em;margin-bottom:70px}.process-item h3{font-size:1.2rem;letter-spacing:-.02em}.process-item p{font-size:.85rem}
.before-after{position:relative;height:680px;overflow:hidden}.ba-before,.ba-after{position:absolute;inset:0;background-size:cover;background-position:center}.ba-before{background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)),url("assets/detail.webp");filter:grayscale(1) brightness(.55)}.ba-after{background-image:url("assets/detail.webp");clip-path:inset(0 0 0 50%)}.ba-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#fff}.ba-line:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#050505;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:1.2rem}.ba-label{position:absolute;top:25px;padding:8px 12px;background:#050505;font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}.ba-label.left{left:25px}.ba-label.right{right:25px}.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.wrap-showcase-section{padding-top:0}.wrap-showcase{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.wrap-case{position:relative;overflow:hidden;border:1px solid var(--line);background:#0d0f10;min-height:420px}.wrap-case.featured{grid-row:span 2;min-height:720px}.wrap-case img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:.45s}.wrap-case:hover img{transform:scale(1.025)}.wrap-case-copy{position:absolute;left:0;right:0;bottom:0;padding:30px;background:linear-gradient(0deg,#050505 10%,rgba(5,5,5,.08) 100%)}.wrap-case-copy h3{font-size:clamp(1.7rem,3vw,3rem);margin-bottom:8px}.wrap-case-copy p{max-width:620px;margin:0}.wrap-request{border:1px solid var(--line);background:linear-gradient(145deg,#151719,#090a0b);padding:32px;display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:284px}.wrap-request h3{font-size:2rem}.wrap-request p{margin:0}.finish-list{display:flex;flex-wrap:wrap;gap:8px}.finish-list span{border:1px solid rgba(255,255,255,.18);padding:8px 10px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#d8d8d8}
.example-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.example-card{position:relative;overflow:hidden;border:1px solid var(--line);background:#0d0f10;min-height:420px}.example-card img{width:100%;height:100%;object-fit:cover;opacity:.86}.example-card.tall{min-height:640px}.example-copy{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(0deg,#050505 8%,rgba(5,5,5,.05) 100%)}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pill{border:1px solid rgba(255,255,255,.22);padding:6px 9px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#d8d8d8;background:rgba(0,0,0,.38)}.example-copy h3{font-size:clamp(1.7rem,3vw,3rem);margin-bottom:8px}.example-copy p{max-width:560px;margin:0}.mini-examples{display:grid;grid-template-columns:1fr;gap:16px}.mini-examples .example-card{min-height:312px}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{border:1px solid var(--line);padding:30px;background:var(--card)}.stars{color:var(--accent);letter-spacing:.15em}.quote blockquote{font-family:Manrope;font-size:1.25rem;line-height:1.5;margin:30px 0}.author{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.faq{max-width:900px;margin:50px auto 0}.faq-item{border-top:1px solid var(--line)}.faq-q{width:100%;padding:24px 0;background:none;border:0;color:#fff;text-align:left;display:flex;justify-content:space-between;cursor:pointer;font-family:Manrope;font-size:1.05rem}.faq-a{display:none;padding:0 50px 22px 0;color:var(--muted)}.faq-item.open .faq-a{display:block}.cta{padding:110px 0;background:var(--white);color:#080808}.cta-grid{display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{max-width:850px}.cta p{color:#555}.cta .btn{border-color:#111;color:#111}.cta .btn-primary{background:#111;color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.field input,.field select,.field textarea{background:#101214;border:1px solid var(--line);color:white;padding:15px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.map{min-height:480px;border:0;width:100%;filter:grayscale(1) invert(.9)}.footer{padding:60px 0 25px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#fff}.footer a,.footer p{display:block;color:var(--muted);font-size:.82rem;margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:20px;color:#666;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}
.page-hero{padding:230px 0 90px;min-height:70vh;display:flex;align-items:end;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.25)),url("assets/hero.webp") center/cover}.page-hero h1{font-size:clamp(3.4rem,7vw,7rem)}.page-copy{max-width:680px;font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:30px;border:1px solid var(--line);background:#0d0f10}.feature b{display:block;color:var(--accent);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:50px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-grid img{width:100%;height:330px;object-fit:cover}.gallery-grid img:nth-child(2){grid-column:span 2}.gallery-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.gallery-showcase .example-card{min-height:520px}.mobile-call{display:none}
@media(max-width:960px){.navlinks,.nav>.btn{display:none}.menu-btn{display:block}.navlinks.open{display:flex;position:absolute;top:82px;left:0;right:0;background:#080808;flex-direction:column;padding:25px 20px;border-top:1px solid var(--line)}.hero-copy,.section-head,.cta-grid{align-items:start;flex-direction:column}.service,.service.wide{grid-column:span 6}.split{grid-template-columns:1fr}.split-media{min-height:500px}.process{grid-template-columns:1fr 1fr}.testimonials,.feature-grid,.example-grid,.gallery-showcase.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-call{display:flex;position:fixed;bottom:18px;right:18px;z-index:30;width:54px;height:54px;border-radius:50%;background:var(--accent);color:#050505;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 8px 25px #000}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.topbar{font-size:.55rem}.hero{min-height:860px;background-position:62% center}.hero-content{padding-bottom:45px}.hero-copy{gap:10px}.hero-actions{width:100%;flex-direction:column}.hero-actions .btn{width:100%}.trust{grid-template-columns:1fr 1fr}.trust div:last-child{grid-column:1/-1}.section{padding:85px 0}.service,.service.wide{grid-column:1/-1;min-height:390px}.split-content{padding:65px 20px}.checks{grid-template-columns:1fr}.process{grid-template-columns:1fr}.process-item:before{margin-bottom:25px}.before-after{height:480px}.testimonials{grid-template-columns:1fr}.contact-grid,.form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img:nth-child(2){grid-column:auto}.page-hero{padding-top:190px}.cta{padding:75px 0}}
