:root{--bg:#fbfcfe;--tint:#eaf0fc;--card:#fff;--ink:#0e1a33;--mute:#55607a;--line:#dce3f0;--accent:#e8561f;--accent-deep:#c9461a;--display:"Bricolage Grotesque", "Instrument Sans", system-ui, sans-serif;--body:"Instrument Sans", system-ui, sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);margin:0;line-height:1.55}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;line-height:1.05}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}section{padding:64px 0}.btn{cursor:pointer;font:600 15px var(--body);background:var(--accent);color:#fff;border:0;border-radius:999px;padding:13px 22px;transition:transform .2s,background .2s,box-shadow .2s,color .2s;display:inline-block;position:relative}.btn:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:0 8px 18px #e8561f47}.btn.ghost{color:var(--ink);background:0 0;border:1px solid #0e1a334d;font-weight:500}.btn.ghost:hover{background:var(--ink);color:var(--bg);box-shadow:none}.hero .cta .btn:not(.ghost){padding:17px 32px;font-size:17px;box-shadow:0 10px 26px #e8561f59}.hero .cta .btn:not(.ghost):hover{box-shadow:0 12px 30px #e8561f73}.hero .cta .btn:not(.ghost):after{content:"";border-radius:inherit;border:2px solid var(--accent);opacity:0;pointer-events:none;position:absolute;inset:0}nav{color:var(--ink);justify-content:space-between;align-items:center;padding:18px 0;display:flex}nav .links{gap:26px;font-size:15px;font-weight:500;display:flex}nav .links a{color:var(--ink);padding:6px 0;transition:color .2s;position:relative}nav .links a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}nav .links a:hover,nav .links a:focus-visible{color:var(--accent)}nav .links a:hover:after,nav .links a:focus-visible:after{transform:scaleX(1)}.logo{font:700 24px var(--display)}.logo i{background:var(--accent);border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}.circuit{pointer-events:none;z-index:1;color:#8a9cc8;opacity:.8;--sy:0;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 560px,#00000059 1000px,#00000029 100%);mask-image:linear-gradient(#000 0 560px,#00000059 1000px,#00000029 100%)}.circuit-layer{transform:translate3d(0, calc(var(--sy) * var(--k) * 1px), 0);will-change:transform;position:absolute;top:0;left:0}.hub-ring{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-out infinite ping}@keyframes ping{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}main,footer{z-index:2;position:relative}.hero{background:var(--tint);color:var(--ink);border-radius:28px;margin:14px;padding:0 28px 56px;position:relative;overflow:hidden}.hero>.wrap{z-index:2;position:relative}.hero .grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:48px;display:grid}.hero h1{color:var(--ink);font-size:clamp(40px,6vw,76px);font-weight:700}.hero p{max-width:46ch;color:var(--mute);margin:22px 0 28px;font-size:18px}.hero .cta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-media{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hero-media:before{content:"";filter:blur(14px);background:radial-gradient(45% 60% at 82% 18%,#e8561f73,#0000 65%),radial-gradient(50% 65% at 68% 85%,#2d5bff61,#0000 65%),radial-gradient(35% 45% at 96% 58%,#1fa9714d,#0000 65%);position:absolute;inset:-10%}.hero-media img{object-fit:cover;opacity:.55;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.hero-media:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#fbfcfef0 0%,#fbfcfeb8 38%,#fbfcfe1f 100%);position:absolute;inset:0}.win{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 24px 48px #0e1a331a}.win .bar{border-bottom:1px solid var(--line);gap:6px;padding:12px 14px;display:flex}.win .bar b{background:var(--line);border-radius:50%;width:10px;height:10px}.stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#fbfcfee0;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:24px;width:calc(100% - 28px);margin:32px auto 0;padding:40px 32px;display:grid}.stat{padding-left:16px;position:relative}.stat:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .9s cubic-bezier(.2, .7, .2, 1) var(--d,0s);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.stat strong{font:700 44px/1.1 var(--display);font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--mute);opacity:0;transition:opacity .6s ease calc(var(--d,0s) + .3s), transform .6s ease calc(var(--d,0s) + .3s);font-size:15px;transform:translateY(8px)}.stats.in .stat:before{transform:scaleY(1)}.stats.in .stat span{opacity:1;transform:none}.head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.head h2{max-width:16ch;font-size:clamp(30px,4vw,46px)}.head p{max-width:42ch;color:var(--mute);margin:0}.cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.card svg{width:34px;height:34px;stroke:var(--accent);fill:none;stroke-width:1.6px;margin-bottom:46px}.card h3{margin-bottom:8px;font-size:22px}.card p{color:var(--mute);margin:0;font-size:15px}.dark{color:var(--ink);background:#eaf0fcd9}.dark p,footer p{color:var(--mute)!important}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.steps div{counter-increment:s;border-top:1px solid #c5d0e6;padding-top:18px}.steps div:before{content:counter(s);font:700 15px var(--display);color:var(--accent)}.steps h3{margin:8px 0;font-size:22px}.steps p{color:var(--mute);margin:0;font-size:15px}.work{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.proj{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.shot{flex-direction:column;gap:8px;height:190px;padding:16px;display:flex}.shot i{background:#fff9;border-radius:5px;height:10px;display:block}.shot i:first-child{width:40%;height:14px}.shot i:nth-child(2){width:70%}.shot i:nth-child(3){width:55%}.shot b{background:#ffffff40;border-radius:10px;height:60px;margin-top:auto}.proj div.t{padding:16px 20px}.proj h3{font-size:20px}.proj small{color:var(--mute)}.contact{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact h2{font-size:clamp(32px,4.5vw,54px)}.contact>div>p{color:var(--mute);max-width:40ch}form{color:var(--ink);background:#eaf0fce6;border-radius:22px;gap:12px;padding:28px;display:grid}label{color:var(--mute);gap:5px;font-size:13px;display:grid}input,select,textarea{font:16px var(--body);border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:12px}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ok{color:#146b3a;background:#e3f6ea;border-radius:10px;padding:12px;font-size:15px}footer{color:var(--ink);background:#eaf0fce6;margin-top:40px;padding:48px 0 32px}footer .cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;font-size:15px;display:grid}footer h4{color:var(--mute);margin:0 0 10px;font-size:14px}footer a{color:var(--ink);margin-bottom:6px;transition:color .2s;display:block}footer a:hover{color:var(--accent)}footer .c{color:var(--mute);margin-top:32px;font-size:13px}.dark .kicker{color:#b13e15!important}.kicker{font:600 13px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#b13e15;margin:0 0 12px}.hero .eyebrow{font:600 13px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#b13e15;max-width:none;margin:0 0 16px}.hero .grid>*{min-width:0}nav .btn{white-space:nowrap}.profile .pf-body{padding:20px}.pf-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pf-avatar{background:linear-gradient(135deg, var(--accent), #ffb28f);border-radius:50%;flex:none;width:52px;height:52px}.pf-name,.pf-role{background:var(--line);border-radius:5px}.pf-name{background:#c5d0e6;width:130px;height:13px;margin-bottom:8px}.pf-role{width:90px;height:10px}.pf-badge{font:600 11px var(--body);color:#146b3a;white-space:nowrap;background:#e3f6ea;border-radius:999px;margin-left:auto;padding:4px 10px}.pf-line{font:600 17px/1.3 var(--display);color:var(--ink);margin:18px 0 14px}.pf-tabs{flex-wrap:wrap;gap:8px;display:flex}.pf-tabs span{font:500 12px var(--body);border:1px solid var(--line);color:var(--mute);border-radius:999px;padding:6px 12px}.pf-tabs span:first-child{background:var(--accent);border-color:var(--accent);color:#fff}.pf-lines{gap:8px;margin-top:18px;display:grid}.pf-lines i{background:var(--line);border-radius:5px;height:9px;display:block}.pf-lines i:first-child{width:92%}.pf-lines i:nth-child(2){width:78%}.pf-lines i:nth-child(3){width:55%}.about{grid-template-columns:1.2fr .8fr;align-items:start;gap:48px;display:grid}.about h2{max-width:14ch;font-size:clamp(32px,4.5vw,54px)}.about .lead{color:var(--mute);max-width:54ch;margin:22px 0 0;font-size:18px}.vm{gap:18px;display:grid}.vm .card{padding:28px}.vm .card h3{letter-spacing:.08em;text-transform:uppercase;color:#b13e15;margin-bottom:10px;font-size:14px}.vm .card p{color:var(--ink);font-size:17px}.cards--five{grid-template-columns:repeat(6,1fr)}.cards--five .card{grid-column:span 2}.cards--five .card:nth-child(n+4){grid-column:span 3}.chips{flex-wrap:wrap;gap:12px;display:flex}.chip{background:var(--card);border:1px solid var(--line);font:500 17px var(--body);border-radius:999px;padding:14px 22px;transition:border-color .2s,color .2s,transform .2s}.chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.proj ul{color:var(--mute);gap:7px;margin:14px 0 6px;padding:0;font-size:15px;list-style:none;display:grid}.proj li{gap:10px;display:flex}.proj li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-top:9px}.why{counter-reset:w;grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.why .item{background:var(--card);border:1px solid var(--line);counter-increment:w;border-radius:18px;grid-column:span 2;padding:24px}.why .item:nth-child(n+4){grid-column:span 3}.why .item:before{content:"0" counter(w);font:700 15px var(--display);color:var(--accent);margin-bottom:28px;display:block}.why .item h3{margin-bottom:8px;font-size:22px}.why .item p{color:var(--mute);margin:0;font-size:15px}.value{max-width:920px}.value blockquote{font:500 clamp(26px, 4vw, 46px) / 1.15 var(--display);letter-spacing:-.02em;margin:0}.value p:not(.kicker){max-width:62ch;margin:24px 0 0;font-size:18px}.value .commit strong{color:var(--ink)}.contact .reach{gap:4px;margin-top:28px;display:grid}.contact .reach span{color:var(--mute);font-size:14px}.contact .reach a{font:700 clamp(26px, 3vw, 36px) var(--display);color:var(--ink);transition:color .2s}.contact .reach a:hover{color:var(--accent)}@media (width<=900px){.hero .grid,.contact,.about{grid-template-columns:minmax(0,1fr)}.hero-media:after{background:#fbfcfecc}.cards,.steps,.stats,.cards--five,.why{grid-template-columns:1fr 1fr}.cards--five .card,.cards--five .card:nth-child(n+4),.why .item,.why .item:nth-child(n+4){grid-column:auto}.cards--five .card:last-child,.why .item:last-child{grid-column:1/-1}.work{grid-template-columns:1fr}nav .links{display:none}footer .cols{grid-template-columns:1fr 1fr}}@media (width<=520px){nav{flex-wrap:wrap;gap:10px 16px}nav .btn{padding:10px 16px;font-size:14px}.hero{padding:0 18px 40px}.cards,.cards--five,.why,.steps,.row{grid-template-columns:1fr}.cards--five .card:last-child,.why .item:last-child{grid-column:auto}}@media (prefers-reduced-motion:no-preference){.hero .win{animation:.8s both rise}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.hero .cta .btn:not(.ghost):after{animation:5s ease-out 1.5s infinite nudge}@keyframes nudge{0%{opacity:.85;transform:scale(1)}14%{opacity:0;transform:scale(1.28,1.7)}to{opacity:0;transform:scale(1.28,1.7)}}}@media (prefers-reduced-motion:reduce){.hub-ring{opacity:.4;animation:none}.pulse{display:none}.stat:before{transition:none;transform:none}.stat span{opacity:1;transition:none;transform:none}.btn,nav .links a:after,.chip{transition:none}}
