@charset "UTF-8";
:root{--paper:#f3f2ed;--ink:#222722;--muted:#666c64;--line:#d5d7ce;--orange:#c64427;--lime:#d5eb93;--forest:#1f4033;--white:#fff;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip:focus{top:12px}.header{border-bottom:1px solid var(--line);background:var(--paper)}.header-in{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:700;letter-spacing:-.4px;line-height:1.15}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--ink);color:var(--paper);font-size:23px;letter-spacing:-5px;padding-right:5px}.brand small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:400;margin-top:7px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:var(--orange)}.nav-button{border:1px solid var(--ink);padding:9px 17px}.hero{padding:76px 0 63px}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 30px}.dot{display:inline-block;background:var(--orange);width:7px;height:7px;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,6.2vw,84px);line-height:1.02;letter-spacing:-4px;font-weight:500;max-width:1080px;margin-bottom:33px}h1 em{font-style:normal;color:var(--orange)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.lead{font-size:19px;line-height:1.55;max-width:610px;color:var(--muted);margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:var(--paper);padding:15px 22px;min-height:54px;font-size:14px;border:1px solid var(--ink);cursor:pointer;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:var(--forest);transform:translateY(-2px)}.button.light{background:transparent;color:var(--ink)}.button.light:hover{background:var(--white)}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.arrow{font-size:22px;line-height:1}.section{padding:64px 0;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:31px}.section-title h2{font-size:38px;letter-spacing:-1.5px;line-height:1.15;font-weight:500;margin:0}.section-index{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.projects{display:grid;grid-template-columns:1.13fr 1fr;gap:28px}.project{min-width:0}.project-art{height:370px;position:relative;overflow:hidden;display:block;background:#dee5d5}.project-art:hover .art-shell{transform:translateY(-7px) rotate(-2deg)}.art-label{position:absolute;left:23px;top:20px;right:23px;display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:1px;z-index:2}.market-art{background:#e0e6d5}.vision-art{background:var(--forest);color:#edf4e7}.art-shell{transition:transform .35s ease;position:absolute;left:8%;right:8%;top:80px;transform:rotate(-2deg);background:white;min-height:340px;border:1px solid #c7d4bf;border-radius:8px 8px 0 0;overflow:hidden}.mini-browser{display:flex;align-items:center;gap:4px;height:25px;border-bottom:1px solid #e7eadf;padding:0 11px;background:#f7f9f2}.mini-browser i{width:4px;height:4px;border-radius:50%;background:#c6cdbd}.mini-browser span{margin-left:15px;font:7px monospace;color:#818878}.shop-head{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:11px;font-weight:bold;color:#314431}.shop-logo{display:flex;align-items:center;gap:7px}.shop-logo b{background:#457044;color:white;padding:3px 6px;border-radius:4px;font-size:14px}.shop-head small{font-size:7px;color:#6c7866;font-weight:400}.shop-hero{margin:0 15px;background:#edf4dc;padding:22px 19px;position:relative;overflow:hidden}.shop-hero strong{display:block;font-size:27px;line-height:1.05;letter-spacing:-1px;max-width:200px}.shop-hero span{display:block;font-size:8px;max-width:160px;margin-top:11px;color:#66795d}.shop-hero svg{position:absolute;width:140px;right:0;bottom:-13px}.shop-products{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 16px}.shop-product{border:1px solid #e7eddf;padding:8px;font-size:8px;border-radius:5px}.food-shape{display:block;height:40px;margin:3px 5px 9px;background:#e2c38d;border-radius:40% 45% 35% 45%;transform:rotate(-12deg)}.food-shape.green{background:#8aaa4d;border-radius:50% 20% 50% 25%}.food-shape.red{background:#c45f42;border-radius:50%}.food-shape.milk{background:#e1e6dc;border-radius:5px;width:22px;margin-left:auto;margin-right:auto;border-top:8px solid #54749f}.mini-phone{position:absolute;bottom:-22px;right:6%;width:100px;height:204px;background:#fff;border:5px solid #253b27;border-radius:17px;transform:rotate(8deg);padding:11px 7px;color:#2d3e2d;z-index:3}.mini-phone:before{content:'';position:absolute;width:30px;height:7px;top:0;left:30px;border-radius:0 0 6px 6px;background:#253b27}.mini-phone strong{display:block;font-size:11px;line-height:1.2}.mini-phone .phone-promo{margin:12px 0;background:#edf4dc;padding:11px 5px;font-size:8px;line-height:1.2}.phone-line{height:6px;background:#e8eddf;margin:9px 0;border-radius:2px}.phone-line.short{width:65%}.vision-art .art-shell{border-color:#54755f;background:#f7f8f1;color:var(--ink);left:7%;right:-9%;top:84px;transform:rotate(2deg)}.vision-art:hover .art-shell{transform:translateY(-7px) rotate(2deg)}.dash-head{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;border-bottom:1px solid #e2e6d9}.dash-head small{font:8px monospace;color:#76836d}.dash-body{display:grid;grid-template-columns:1.55fr 1fr;gap:13px;padding:15px}.plan{position:relative;height:152px;background:#ebefdf;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px;padding:9px}.plan-zone{background:#d9e7c3;border:1px solid #adc387;display:grid;place-items:center;font:8px monospace;color:#617147}.plan-zone.hot{background:#d1af6a;border-color:#b38e4f}.plan-zone.corridor{background:#e3e9d1;grid-column:1/4;height:28px}.plan-zone.dark{background:#b5cc8b}.plan-people{position:absolute;left:35%;top:55%;width:4px;height:4px;border-radius:50%;background:#466245;box-shadow:20px -7px #466245,39px 4px #466245,65px -9px #466245,80px 7px #466245,4px -40px #466245,-20px -36px #466245,104px -44px #466245}.dash-stats{font-size:8px}.dash-stats b{display:block;font-size:24px;letter-spacing:-1px;font-weight:500;line-height:1.1}.dash-stats div{padding:0 0 10px;margin-bottom:9px;border-bottom:1px solid #dce2d1}.mini-bars{display:flex;gap:7px;align-items:flex-end;height:59px;margin:7px 17px 0;border-bottom:1px solid #c9d5bb}.mini-bars i{background:#91ae67;flex:1;height:var(--h)}.mini-bars i:nth-child(3n){background:#355b41}.project-info{padding:21px 0 0}.project-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.project-info h3{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0 0 10px}.project-info p{color:var(--muted);font-size:15px;max-width:480px;margin-bottom:16px}.project-links{display:flex;flex-wrap:wrap;gap:10px 24px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}.project-note{font-size:12px;color:var(--muted);margin:30px 0 0;max-width:780px}.services-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro-title{font-size:36px;line-height:1.15;letter-spacing:-1.5px;font-weight:500}.service-row{display:grid;grid-template-columns:40px 1fr 1fr;gap:20px;padding:23px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row span{font:11px monospace;color:var(--muted)}.service-row h3{font-size:19px;line-height:1.25;letter-spacing:-.4px;font-weight:500;margin:0}.service-row p{font-size:14px;color:var(--muted);margin:0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.process-item{padding-top:18px;border-top:1px solid var(--line)}.process-item span{font:11px monospace;color:var(--orange)}.process-item h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:28px 0 10px}.process-item p{color:var(--muted);font-size:15px;margin:0;max-width:330px}.about{display:grid;grid-template-columns:1fr 2fr;gap:60px}.about p{font-size:25px;line-height:1.5;letter-spacing:-.5px;max-width:800px;margin-bottom:0}.about small{display:block;font-size:14px;color:var(--muted);margin-top:20px;letter-spacing:0}.footer{border-top:1px solid var(--line);padding:28px 0}.footer-in{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.footer a:hover{color:var(--ink)}.case-hero{padding:48px 0 54px}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:42px}.back:hover{color:var(--orange)}.case-hero .eyebrow{margin-bottom:23px}.case-hero h1{max-width:1000px;font-size:clamp(40px,5.7vw,75px)}.case-hero .lead{max-width:700px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:14px}.case-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.case-facts dd{margin:0}.case-visual{margin:0 0 64px}.case-visual .project-art{height:500px}.case-visual .art-shell{max-width:770px;left:15%;right:15%;top:90px;min-height:500px}.case-visual .shop-head{font-size:16px;padding:22px 27px}.case-visual .shop-hero{padding:40px 30px;min-height:190px}.case-visual .shop-hero strong{font-size:45px;max-width:350px}.case-visual .shop-hero span{font-size:12px;max-width:250px}.case-visual .shop-hero svg{width:240px}.case-visual .mini-phone{width:140px;height:285px;right:13%;padding:18px 12px;border-width:6px;bottom:-14px}.case-visual .mini-phone:before{left:45px;width:40px}.case-visual .mini-phone strong{font-size:16px}.case-visual .mini-phone .phone-promo{font-size:12px;padding:16px 8px}.case-visual .food-shape{height:65px}.case-visual .shop-product{font-size:11px}.case-visual .dash-head{padding:21px 27px;font-size:17px}.case-visual .dash-head small{font-size:11px}.case-visual .dash-body{padding:23px;gap:25px}.case-visual .plan{height:225px}.case-visual .plan-zone{font-size:12px}.case-visual .dash-stats{font-size:12px}.case-visual .dash-stats b{font-size:37px}.case-visual .mini-bars{height:100px;margin:0 25px}.story{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:48px 0;border-top:1px solid var(--line)}.story h2{font-size:25px;font-weight:500;letter-spacing:-.7px}.story p{font-size:18px;color:var(--muted);max-width:760px}.story p:last-child{margin-bottom:0}.story ul{padding:0;margin:0;list-style:none}.story li{padding:15px 0;border-bottom:1px solid var(--line);font-size:16px}.story li:first-child{padding-top:0}.story li:last-child{border-bottom:none}.story li b{font-weight:500;color:var(--ink)}.story li small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.demo-callout{background:var(--ink);color:var(--paper);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:12px 0 65px}.demo-callout h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin-bottom:9px}.demo-callout p{font-size:14px;color:#bfc7b9;max-width:620px;margin:0}.demo-callout .actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.demo-callout .button.light{color:var(--paper);border-color:#65705c}.demo-callout .button.light:hover{background:#35432f}.other-project{border-top:1px solid var(--line);padding:32px 0 52px;display:flex;justify-content:space-between;gap:25px;font-size:23px;letter-spacing:-.5px}.other-project small{display:block;font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px}details p{font-size:14px!important;margin-top:16px}footer .brand{color:var(--ink)}
@media(min-width:1600px){.wrap{width:min(1400px,calc(100% - 120px))}.project-art{height:405px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}h1{letter-spacing:-2.8px}.project-art{height:300px}.art-shell{top:72px;left:5%;right:5%}.mini-phone{right:4%;width:80px;height:170px}.mini-phone:before{left:23px;width:25px}.shop-hero strong{font-size:22px}.shop-hero svg{width:100px}.shop-products{gap:5px}.food-shape{height:30px}.services-layout,.about,.story{grid-template-columns:1fr 2fr;gap:30px}.service-row{grid-template-columns:25px 1fr}.service-row p{grid-column:2}.case-visual .art-shell{left:9%;right:9%}.project-info h3{font-size:26px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-in{min-height:76px;gap:14px}.brand{font-size:14px;gap:9px}.brand-mark{width:34px;height:34px;font-size:20px}.brand small{font-size:8px;letter-spacing:1.3px;margin-top:5px}nav{gap:17px;font-size:12px}nav .nav-button,nav .about-nav{display:none}.hero{padding:49px 0 44px}h1{font-size:clamp(41px,9.6vw,63px);letter-spacing:-2.1px;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:25px}.hero-bottom{display:block}.lead{font-size:16px}.hero-bottom .button{margin-top:26px}.section{padding:40px 0}.section-title{align-items:center;gap:12px;margin-bottom:23px}.section-title h2{font-size:29px;letter-spacing:-1px}.section-index{font-size:9px}.projects{grid-template-columns:1fr;gap:35px}.project-art{height:320px}.art-shell{top:76px;left:7%;right:7%}.shop-hero strong{font-size:25px}.shop-hero svg{width:120px}.mini-phone{right:7%;width:94px;height:190px}.mini-phone:before{left:27px;width:30px}.project-meta{font-size:9px}.project-info{padding-top:16px}.project-info h3{font-size:27px}.project-info p{font-size:14px}.project-note{font-size:11px;margin-top:23px}.services-layout,.about,.story{display:block}.intro-title{font-size:29px;margin-bottom:25px}.service-row{grid-template-columns:24px 1fr 1.2fr;gap:12px}.service-row p{grid-column:auto;font-size:12px}.service-row h3{font-size:17px}.process{grid-template-columns:1fr;gap:27px}.process-item{display:grid;grid-template-columns:35px 1fr;column-gap:14px;padding-top:16px}.process-item span{grid-row:1/3;padding-top:4px}.process-item h3{margin:0 0 8px;font-size:21px}.process-item p{font-size:14px;max-width:none}.about p{font-size:21px}.about small{font-size:13px}.footer-in{flex-wrap:wrap;gap:15px;font-size:11px}.case-hero{padding-top:26px}.back{margin-bottom:31px}.case-hero h1{font-size:42px;letter-spacing:-2px}.case-facts{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.case-facts dt{font-size:9px}.case-facts dd{font-size:13px}.case-visual{margin-bottom:35px}.case-visual .project-art{height:330px}.case-visual .art-shell{left:5%;right:5%;top:70px;min-height:350px}.case-visual .shop-head{font-size:12px;padding:15px 18px}.case-visual .shop-hero{padding:24px 18px;min-height:140px}.case-visual .shop-hero strong{font-size:29px;max-width:240px}.case-visual .shop-hero span{font-size:9px;max-width:170px}.case-visual .shop-hero svg{width:145px}.case-visual .mini-phone{width:93px;height:194px;padding:12px 7px;right:7%;bottom:-17px}.case-visual .mini-phone:before{left:27px;width:29px}.case-visual .mini-phone strong{font-size:12px}.case-visual .mini-phone .phone-promo{font-size:8px;padding:11px 5px}.case-visual .food-shape{height:40px}.case-visual .shop-product{font-size:8px}.case-visual .dash-head{padding:15px;font-size:12px}.case-visual .dash-head small{font-size:8px}.case-visual .dash-body{padding:14px;gap:12px}.case-visual .plan{height:150px}.case-visual .plan-zone{font-size:8px}.case-visual .dash-stats{font-size:9px}.case-visual .dash-stats b{font-size:24px}.case-visual .mini-bars{height:55px}.story{padding:30px 0}.story h2{font-size:23px;margin-bottom:18px}.story p{font-size:16px}.demo-callout{display:block;padding:25px;margin-bottom:38px}.demo-callout h2{font-size:27px}.demo-callout p{font-size:13px}.demo-callout .actions{margin-top:24px;align-items:flex-start}.other-project{font-size:20px}.other-project small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}