:root{
  --bg:#f2efe7;--ink:#11110f;--muted:#68665f;--paper:#fbfaf6;
  --accent:#ff5a00;--line:rgba(17,17,15,.16);--dark:#11110f;
  --radius:22px;--max:1440px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:rgba(242,239,231,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:900;letter-spacing:-.04em}
.rewind{display:flex;gap:2px}.rewind i{width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:14px solid var(--accent)}
nav{display:flex;align-items:center;gap:2rem;font-size:.86rem;font-weight:700}nav a{opacity:.72}nav a:hover{opacity:1}.nav-cta{padding:.8rem 1rem;border:1px solid var(--ink);border-radius:999px;opacity:1}
.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:#15130f;color:white}
.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.08);opacity:.63}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.54) 45%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 50%)}
.hero-grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:2;padding:140px 5vw 120px;max-width:1000px}.kicker,.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.kicker{color:#ffb482}.hero h1{font-size:clamp(4rem,9vw,9.7rem);line-height:.82;letter-spacing:-.075em;margin:.7rem 0 2rem;max-width:1200px}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:clamp(1rem,1.45vw,1.45rem);line-height:1.45;max-width:690px;color:rgba(255,255,255,.78)}
.hero-actions{display:flex;gap:.8rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;padding:1rem 1.25rem;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer}.primary{background:var(--accent);color:white}.ghost{border-color:rgba(255,255,255,.5);color:white}
.hero-verbs{position:absolute;z-index:3;right:3vw;bottom:3vw;display:flex;flex-direction:column;text-align:right;font-family:Georgia,serif;font-size:clamp(1rem,1.4vw,1.4rem);line-height:1.45;color:rgba(255,255,255,.68)}
.intro,.system,.cases,.trust,.contact{max-width:var(--max);margin:auto;padding:9rem 5vw}.intro{padding-top:10rem}.intro h2,.section-heading h2,.trust h2,.contact h2{font-size:clamp(2.8rem,6vw,6.6rem);letter-spacing:-.065em;line-height:.94;margin:1rem 0 2rem}.lede{font-size:clamp(1.15rem,2vw,2rem);line-height:1.45;max-width:900px;color:var(--muted)}
.section-heading{margin-bottom:3rem}.section-heading.split{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end}.section-heading.split>p{font-size:1.15rem;line-height:1.55;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service{border:1px solid var(--line);border-radius:var(--radius);padding:2rem;min-height:360px;display:flex;flex-direction:column;background:rgba(255,255,255,.34)}.service.featured{background:var(--dark);color:white;transform:translateY(-1.5rem)}.service-num{font-size:.75rem;opacity:.5}.service h3{font-size:clamp(2.4rem,4.2vw,4.8rem);letter-spacing:-.07em;margin:auto 0 1.2rem}.service p{font-size:1.05rem;line-height:1.5}.service small{margin-top:1rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;opacity:.55}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.case-card{background:var(--paper);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.compare{position:relative;aspect-ratio:4/3;overflow:hidden;background:#d7d3ca}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-wrap{position:absolute;inset:0;width:50%;overflow:hidden;border-right:2px solid white}.before-wrap .before{width:calc(100vw);max-width:none;min-width:100%;object-fit:cover}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0}.handle{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;background:white;transform:translate(-50%,-50%);box-shadow:0 6px 25px rgba(0,0,0,.25);pointer-events:none}.handle:before,.handle:after{content:"";position:absolute;top:16px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent}.handle:before{left:10px;border-right:9px solid #111}.handle:after{right:10px;border-left:9px solid #111}.tag{position:absolute;top:1rem;z-index:4;background:rgba(0,0,0,.65);color:white;padding:.45rem .65rem;border-radius:999px;font-size:.65rem;font-weight:900;letter-spacing:.1em}.tag.left{left:1rem}.tag.right{right:1rem}.case-copy{padding:1.6rem}.case-copy>span{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:var(--accent)}.case-copy h3{font-size:clamp(1.75rem,3vw,3rem);letter-spacing:-.05em;margin:.5rem 0}.case-copy p{line-height:1.5;color:var(--muted)}.dark-card{background:#171612;color:white}.dark-card .case-copy p{color:rgba(255,255,255,.65)}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.trust-grid div{padding:2rem;background:var(--bg)}.trust-grid strong{font-size:1.2rem}.trust-grid p{color:var(--muted);line-height:1.45}
.manifesto{overflow:hidden;background:var(--accent);color:white;padding:1.25rem 0}.marquee{display:flex;width:max-content;animation:scroll 45s linear infinite;font-size:clamp(1.7rem,3vw,3.4rem);font-weight:900;letter-spacing:-.04em}.marquee div{padding-right:2rem}@keyframes scroll{to{transform:translateX(-50%)}}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-form{background:var(--paper);padding:2rem;border-radius:var(--radius);border:1px solid var(--line);display:grid;gap:1.2rem}.contact-form label{display:grid;gap:.45rem;font-size:.82rem;font-weight:800}.contact-form input,.contact-form textarea{font:inherit;padding:1rem;border:1px solid var(--line);border-radius:12px;background:white}.check{grid-template-columns:auto 1fr!important;align-items:start}.check input{margin-top:.2rem}.form-note{font-size:.78rem;color:var(--muted)}
footer{padding:3rem 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.8rem}
@media(max-width:900px){
  nav a:not(.nav-cta){display:none}.site-header{height:68px}
  .hero-content{padding:120px 6vw 110px}.hero-verbs{display:none}
  .hero h1{font-size:clamp(3.7rem,17vw,7rem)}
  .intro,.system,.cases,.trust,.contact{padding:6rem 5vw}
  .service-grid,.case-grid,.trust,.contact,.section-heading.split{grid-template-columns:1fr}
  .service.featured{transform:none}.trust{gap:2rem}.trust-grid{grid-template-columns:1fr}
  footer{align-items:flex-start;gap:1.5rem;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee{animation:none}}