@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111211;--line:#30312e;--muted:#a3a59e;--orange:#ff673d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f4f4ef;font-family:Manrope,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-left:31px}nav{display:flex;gap:34px;font-size:14px}.nav-cta{font-size:14px;border-bottom:1px solid #aaa;padding-bottom:8px}a:hover{color:var(--orange)}.hero{min-height:720px;position:relative;padding:100px 5% 36px;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;margin:0 0 28px;color:var(--muted)}h1{font-size:clamp(55px,6.8vw,105px);font-weight:500;line-height:1.04;letter-spacing:-6px;margin:0 0 32px}em{font-style:normal;color:var(--orange)}.intro{font-size:19px;line-height:1.7;color:#b3b5ae;margin-bottom:35px}.button{display:inline-flex;align-items:center;gap:40px;background:var(--orange);color:#171612;padding:20px 25px;border-radius:5px;font-size:15px;font-weight:700}.button:hover{background:#ff895f;color:#111}.button span{font-size:23px}.text-link{display:inline-block;margin-left:25px;font-size:14px}.hero-art{position:absolute;right:-8%;top:0;width:68%;height:100%;background-size:cover;background-position:center;opacity:.85;animation:drift 16s ease-in-out infinite alternate;mask-image:linear-gradient(to right,transparent,#000 28%)}.hero-bottom{position:relative;margin-top:100px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:1px}.section{padding:100px 5%;border-top:1px solid var(--line)}h2{font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.15;letter-spacing:-2.4px;margin:0}h2 span{color:#85877f}.section-head{margin-bottom:55px}.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.outcomes article{border-top:1px solid #53554c;padding-top:25px}.number{color:var(--orange);font-size:14px}h3{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.8px}article p{color:var(--muted);font-size:15px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.tags span{border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:12px;color:#b7b9b1}.split{display:flex;justify-content:space-between;align-items:end;gap:30px}.split>p{color:var(--muted);font-size:14px;line-height:1.7}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid #3b3d35;border-radius:40px;background:transparent;color:#b0b3a7;padding:12px 20px;font-size:14px}.filters button.active{background:#f1f2e9;color:#191b16;border-color:#f1f2e9}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px 26px}.project{min-width:0}.project[hidden]{display:none}.visual{height:320px;border-radius:10px;overflow:hidden;position:relative;background:#21241f;padding:30px;transition:transform .4s}.project:hover .visual{transform:translateY(-5px)}.project-info{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.project-info h3{font-size:24px;margin:0 0 9px}.project-info p{margin:0;color:#b0b3a7;font-size:14px;line-height:1.5}.project button.open{border:1px solid #3d4037;border-radius:50%;width:44px;height:44px;flex-shrink:0;background:transparent;color:#eee;font-size:22px}.project .label{position:absolute;top:18px;right:18px;font-size:11px;background:#111a;color:#fff;border-radius:30px;padding:6px 10px;z-index:1}.mock-site{background:#e9e5dd;color:#25261f;height:290px;margin:0 20px;box-shadow:0 20px 60px #0004;overflow:hidden;border-radius:5px}.mock-bar{display:flex;justify-content:space-between;font-size:10px;padding:15px 22px;border-bottom:1px solid #c4c4b8}.mock-hero{height:245px;background:center/cover;position:relative;padding:26px}.mock-hero strong{font-size:35px;line-height:1.1;display:block;width:65%;font-weight:500;letter-spacing:-1px}.mock-hero small{display:block;margin-top:20px}.webvisual{background:#b4bba6}.advisual{background:#ede7dc;display:flex;align-items:center;justify-content:center;gap:20px}.creative{width:48%;height:260px;padding:23px;background:#fc673c;color:#171a12;position:relative;border-radius:4px}.creative b{font-size:33px;line-height:1.05;letter-spacing:-1.2px;display:block}.creative span{font-size:11px;display:block;margin-bottom:18px}.creative.image{background:center/cover;transform:rotate(5deg)}.creative:first-child{transform:rotate(-5deg)}.flowvisual{background:#222b24;display:flex;align-items:center;justify-content:center}.flow-demo{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:center}.node{background:#eff1df;color:#20281b;border-radius:12px;padding:20px 14px;text-align:center;box-shadow:0 8px 30px #0003;font-size:13px}.node i{display:block;font-style:normal;font-size:28px;margin-bottom:10px}.flow-demo b{color:#c9dba8}.dashboard{background:#f2f2e9;color:#202219;border-radius:6px;padding:22px;width:100%;height:260px}.dashboard h4{margin:0 0 22px;font-size:18px}.rows{display:grid;gap:9px}.row{padding:11px;background:#e1e4d8;display:flex;justify-content:space-between;font-size:12px;border-radius:5px}.row span{color:#65764b}.chatvisual{background:#aebca6;display:flex;justify-content:center}.phone{background:#f4f6ed;color:#283126;padding:20px;border-radius:22px;width:260px;box-shadow:0 15px 60px #0003}.phone b{font-size:14px}.bubble{font-size:12px;line-height:1.6;background:#e1e5d9;border-radius:9px;padding:12px;margin-top:14px}.bubble.answer{background:#c8dcaf;margin-left:18px}.catalogvisual{background:#d0c2b0}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog div{height:155px;background:center/cover;border-radius:5px}.system{background:#191c16}.pipeline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:60px}.pipeline>div{flex:1}.pipeline span{color:#737a67;font-size:14px}.pipeline h3{font-size:22px;margin:18px 0 10px}.pipeline p,.system-note{color:var(--muted);font-size:14px;line-height:1.7}.pipeline>b{color:var(--orange);font-size:26px}.system-note{border-top:1px solid #363b2f;padding-top:25px;margin-top:40px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps span{color:var(--orange);font-size:14px}.steps h3{font-size:23px}.contact{background:var(--orange);color:#151711}.contact .eyebrow,.contact em{color:#49291d}.contact p:not(.eyebrow){font-size:17px;line-height:1.7;margin:25px 0 35px}.button.dark{background:#181b15;color:#fff}.pdf{margin-left:25px;font-size:14px;border-bottom:1px solid}.contact a:hover{color:#fff}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 5%;font-size:13px;color:#979c8d}dialog{border:1px solid #4b5043;background:#1b1e18;color:#f4f4ed;max-width:720px;width:90%;padding:55px;border-radius:15px}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{font-size:34px}dialog p,dialog li{line-height:1.8;color:#bdc2b4}dialog .source{display:block;margin:30px 0;color:var(--orange);font-size:14px}.close{position:absolute;right:18px;top:10px;border:0;background:none;color:white;font-size:32px}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}@keyframes drift{from{transform:translateY(-10px) scale(1)}to{transform:translateY(15px) scale(1.06)}}@media(max-width:800px){header{height:78px}nav{display:none}.brand{font-size:22px}.nav-cta{font-size:12px}.hero{padding-top:65px;min-height:750px}h1{letter-spacing:-3px;font-size:64px}.hero-art{top:270px;width:110%;height:500px;right:-30%;opacity:.5}.intro{font-size:17px}.hero-bottom{margin-top:170px;gap:20px}.hero-bottom span:last-child{display:none}.text-link{margin:22px 0 0;display:block}.section{padding:65px 5%}h2{letter-spacing:-1.5px}.outcomes,.steps{grid-template-columns:1fr;gap:30px}.outcomes h3 br{display:none}.split{display:block}.projects{grid-template-columns:1fr}.visual{height:295px;padding:25px 12px}.mock-site{margin:0 5px}.pipeline{flex-direction:column;align-items:stretch;gap:10px}.pipeline>b{transform:rotate(90deg);align-self:center}.pipeline h3{margin:10px 0}.pipeline p{margin:0}.contact br{display:none}.pdf{display:block;margin:25px 0 0;width:fit-content}footer{flex-wrap:wrap}footer span{display:none}dialog{padding:45px 25px}.filters button{padding:10px 14px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}