:root{--orange:#ff790a;--ink:#111213;--muted:#62666c;--line:#e3e5e7;--paper:#f7f8fa;--lime:var(--orange)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:32px}
.site-header{position:sticky;top:0;z-index:30;background:#08090bf5;border-bottom:1px solid #ffffff16;backdrop-filter:blur(14px);color:#fff}.nav{min-height:90px;display:flex;align-items:center;gap:36px}.brand{margin-right:auto;flex-shrink:0}.brand-logo{width:220px;height:auto}.links{display:flex;gap:30px;font-size:.9rem;font-weight:600}.links a{padding:8px 0;border-bottom:2px solid transparent}.links a:hover,.links a[aria-current]{color:var(--orange);border-color:var(--orange)}.button,.nav-cta{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:13px 23px;border-radius:9px;font-size:.9rem;font-weight:700;line-height:1.5;background:var(--ink);color:#fff;transition:background .2s,transform .2s}.nav-cta,.button.lime{background:var(--orange);color:#111}.button:hover,.nav-cta:hover{transform:translateY(-2px);background:#df6500;color:#fff}.menu-toggle{display:none}
.hero-shell{background:#08090b;color:#fff;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;padding-block:68px 64px;min-height:690px}.hero>div{min-width:0}.eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#b94b00;margin-bottom:18px}.hero .eyebrow{display:inline-block;border:1px solid #ffffff24;border-radius:100px;padding:7px 14px;background:#ffffff06;color:#ffab65;font-size:.72rem;letter-spacing:.1em}.hero h1{font-size:clamp(2.8rem,5.2vw,4.5rem);line-height:1.09;letter-spacing:-.045em;margin-bottom:24px;font-weight:750}.hero h1 em{font-style:normal;color:var(--orange)}.lede{font-size:1.12rem;color:#bfc1c6;line-height:1.8;max-width:530px;margin-bottom:30px}.actions{display:flex;flex-wrap:wrap;gap:14px}.button.outline{color:#fff;background:#ffffff09;border:1px solid #ffffff30}.button.outline:hover{background:#ffffff18}.hero-note{font-size:.85rem;color:#9c9fa6;margin:22px 0 0}.hero-card{position:relative;align-self:center;border-radius:22px;border:1px solid #ffffff15;background:#080808;overflow:hidden;box-shadow:0 0 80px #fc6c0010}.hero-art{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.ribbon{position:absolute;left:20px;top:20px;padding:7px 12px;border:1px solid #ffffff25;border-radius:7px;background:#111c;color:#ddd;font-size:.73rem;letter-spacing:.09em;text-transform:uppercase}.card-copy{padding:18px 24px 22px;border-top:1px solid #ffffff15;background:#111214}.card-copy p{color:#a5a7ad;font-size:.8rem;margin-bottom:4px}.card-copy strong{font-size:1.08rem;line-height:1.5;font-weight:600}
.intro{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-block:28px;border-bottom:1px solid var(--line)}.intro p{max-width:760px;margin:0;font-size:1rem;color:#4d5056}.intro span{font-size:.82rem;color:#777b82;max-width:230px;border-left:2px solid var(--orange);padding-left:20px}
.clients-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:82px}.clients-section .section-head{margin-bottom:36px}.client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.client-logo{min-height:120px;display:grid;place-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s}.client-logo:hover{border-color:var(--orange);box-shadow:0 8px 22px #1111110d;transform:translateY(-2px)}.client-logo img{width:100%;height:88px;object-fit:contain}
.section{padding-block:92px}.section-head{text-align:center;max-width:740px;margin:0 auto 44px}.section h2,.contact h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.17;letter-spacing:-.035em;font-weight:720;margin:0 0 20px}.section-head p{color:var(--muted);max-width:580px;margin:0 auto}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.service{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.service:hover{border-color:#ffac69;box-shadow:0 10px 28px #11111108}.service[open]{border-color:var(--orange);box-shadow:0 8px 30px #11111108}.service summary{list-style:none;cursor:pointer;padding:27px;min-height:300px;display:flex;flex-direction:column}.service summary::-webkit-details-marker{display:none}.service-num{font-size:.76rem;color:#b24d00;background:#fff0e3;border:1px solid #ffdec3;border-radius:7px;padding:6px 10px;align-self:start;font-weight:650;letter-spacing:.02em}.service h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.02em;margin:22px 0 12px}.service p{font-size:1rem;color:var(--muted);margin:0 0 22px}.service-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;color:#a64700;font-size:.85rem;font-weight:650}.service-toggle:after{content:'+';display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff0e3;color:#a64700;font-size:1.3rem}.service[open] .service-toggle:after{content:'−';background:var(--orange);color:#111}.less{display:none}.service[open] .more{display:none}.service[open] .less{display:inline}.service-body{border-top:1px solid var(--line);padding:0 27px 27px}.service-body ul{padding-left:19px;margin:20px 0 24px;color:var(--muted);font-size:.95rem}.service-body li{margin:9px 0}.service-body .button{font-size:.85rem}
#approach{padding-top:0}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;background:#101113;color:#fff;border-radius:22px;padding:52px}.feature h2{font-size:clamp(2rem,3.2vw,2.8rem)}.feature p{color:#b4b6bd;margin-bottom:28px}.brand-art{margin:0 0 24px;border-radius:12px;overflow:hidden}.brand-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.feature-list div{font-size:.84rem;color:#d0d2d7;padding:8px 0;border-top:1px solid #ffffff1b}.feature-list span{color:var(--orange);margin-right:6px}
.contact{padding-block:16px 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.contact h2{max-width:580px}.contact p{color:var(--muted);max-width:510px}.contact-card{border-radius:16px;padding:32px;background:var(--orange);display:flex;flex-direction:column;gap:22px;box-shadow:0 14px 32px #fa780a18}.contact-card small{font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.contact-card strong{font-size:1.8rem;line-height:1.25;letter-spacing:-.035em}.contact-card a{align-self:start;font-weight:700;border-bottom:1px solid #111;padding-bottom:4px;overflow-wrap:anywhere}.footer-shell{background:#08090b;color:#aaa}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:30px;gap:20px;font-size:.84rem}.footer strong{color:#ddd}.footer a{color:#ff9b4b}
@media(max-width:1000px){.nav{gap:20px}.brand-logo{width:190px}.links{gap:18px}.hero{gap:24px;min-height:0}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{padding:36px;gap:32px}}
@media(max-width:1000px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){html{scroll-padding-top:90px}.wrap{padding-inline:24px}.nav{min-height:80px;flex-wrap:wrap;gap:12px;padding-block:12px}.menu-toggle{display:block;color:#fff;background:transparent;border:1px solid #ffffff45;border-radius:7px;padding:8px 13px;font-size:.85rem;cursor:pointer}.links{display:none;position:absolute;top:100%;left:0;right:0;background:#0e0f11;border-bottom:1px solid #333;padding:18px 24px}.links.is-open{display:grid}.links a{padding:10px}.nav-cta{min-height:42px;padding:10px 14px;font-size:.8rem}.hero{grid-template-columns:1fr;padding-block:44px;gap:36px}.hero h1{max-width:650px;font-size:clamp(2.7rem,7vw,4rem)}.hero-card{width:100%;max-width:490px;justify-self:center}.intro{gap:24px;align-items:start}.section{padding-block:64px}.feature{grid-template-columns:1fr}.contact{gap:28px;padding-bottom:64px}.contact h2{font-size:2.2rem}}
@media(max-width:560px){.brand-logo{width:174px}.nav-cta{display:none}.hero h1{font-size:2.8rem}.lede{font-size:1rem}.hero .eyebrow{font-size:.65rem}.intro{display:block}.intro span{display:block;max-width:none;margin-top:18px}.services{grid-template-columns:1fr;gap:16px}.service summary{min-height:0;padding:24px}.section-head{text-align:left}.section h2{font-size:2.15rem}.feature{padding:28px 22px;border-radius:14px}.feature-list{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.footer{flex-direction:column;align-items:start}.card-copy{padding:18px}.card-copy strong{font-size:1rem}}
@media(max-width:560px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-section{padding-block:58px}.client-logo{min-height:100px}.client-logo img{height:72px}}
.service{min-width:0;color:var(--ink)}
.service summary{min-height:340px}
.service h3{min-height:3.36rem}
.service-toggle{padding-top:8px}
.service-toggle:after{flex-shrink:0}
.service summary:focus-visible{outline-offset:-4px;border-radius:13px}
.service-body .button{width:100%;text-align:center;white-space:normal}
@media(max-width:560px){.service summary{min-height:0}.service h3{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
