@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-opsz-normal.CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-opsz-normal.BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-opsz-normal.BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-opsz-normal.BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-opsz-normal.Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-opsz-normal.DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-opsz-normal.BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f5f5f1;--paper-soft:#ecede7;--ink:#161c1b;--muted:#5f6964;--hair:#d7dcd3;--acid:#ceff84;--dark:#151b19;--pad:clamp(23px, 5.45vw, 100px);--max:1800px;--sans:"Inter Variable", "Inter Display", "Inter", Arial, sans-serif;--serif:Georgia, "Times New Roman", serif;--mono:"SFMono-Regular", Consolas, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0}button,a,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:5px;outline:2px solid #78a747}::selection{background:var(--acid);color:var(--ink)}.wrap{width:100%;max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.mono{font:600 10px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}.brand-name{text-transform:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.arrow{font-size:18px;font-weight:400}.skip-link{left:var(--pad);background:var(--ink);color:#fff;z-index:50;border-radius:40px;padding:12px 16px;font-size:13px;position:absolute;top:-60px}.skip-link:focus{top:14px}.nav{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:30px;height:94px;display:flex}.logo{letter-spacing:-.087em;white-space:nowrap;font-size:35px;font-weight:740;line-height:1}.logo span{color:#82a24d}.nav-right{align-items:center;gap:40px;display:flex}.nav-links{gap:39px;font-size:12px;font-weight:630;display:flex}.nav-links a{transition:opacity .2s}.nav-links a:hover{opacity:.52}.nav-meta{align-items:center;gap:16px;display:flex}.lang{font:600 11px var(--mono);background:0 0;border:1px solid #bfc8bd;border-radius:30px;padding:11px 13px;display:inline-block}.header-cta{background:var(--ink);color:#fff;white-space:nowrap;border-radius:40px;align-items:center;padding:13px 19px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.header-cta .arrow{margin-left:22px;line-height:1}.menu{border:1px solid var(--hair);background:0 0;border-radius:40px;padding:11px 14px;font-size:12px;display:none}.nav-mobile{display:none}.hero{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:clamp(34px,6vw,100px);min-height:760px;padding-top:clamp(70px,7vw,120px);padding-bottom:clamp(94px,9vw,150px);display:grid}.eyebrow{align-items:center;gap:11px;display:flex}.dot{background:#88b751;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #88b7511f}.hero h1{letter-spacing:-.072em;margin:32px 0;font-size:clamp(65px,8.1vw,140px);font-weight:720;line-height:.99}.hero h1 .serif{font-family:var(--serif);letter-spacing:-.09em;color:#647165;font-style:italic;font-weight:400}.hero p{letter-spacing:-.025em;color:#55625a;max-width:485px;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.67}.actions{flex-wrap:wrap;align-items:center;gap:30px;margin-top:35px;display:flex}.btn-dark{background:var(--ink);color:#fff;border-radius:70px;justify-content:space-between;align-items:center;gap:34px;padding:18px 23px;font-size:13px;font-weight:650;transition:transform .2s,background .2s;display:inline-flex}.btn-dark:hover{background:#2c3831;transform:translateY(-3px)}.link-plain{border-bottom:1px solid #808b81;padding:13px 0;font-size:13px;font-weight:660}.hero-art{isolation:isolate;height:min(580px,42vw);min-height:460px;position:relative}.hero-art:before,.hero-art:after{content:"";z-index:3;pointer-events:none;width:92px;height:92px;position:absolute}.hero-art:before{border-top:1px solid #aeb6ac;border-right:1px solid #aeb6ac;top:-19px;right:-19px}.hero-art:after{border-bottom:1px solid #aeb6ac;border-left:1px solid #aeb6ac;bottom:-19px;left:-19px}.art-stage{background:radial-gradient(circle at 51% 43%,#45574a,#1b2723 50%,#101a17 95%);position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 70px #202f2324}.art-grid{opacity:.45;background-image:linear-gradient(90deg,#adc8a419 1px,#0000 1px),linear-gradient(#adc8a419 1px,#0000 1px);background-size:43px 43px;position:absolute;inset:0;mask-image:linear-gradient(#0000 0%,#000 26% 73%,#0000 100%)}.art-matrix{filter:drop-shadow(0 0 30px #b4f88026);width:96%;height:86%;position:absolute;inset:7% 2%}.art-orbit{transform-origin:50%;animation:58s linear infinite rotate}.art-orbit2{transform-origin:50%;animation:44s linear infinite reverse rotate}.art-caps{color:#bfcdc1;position:absolute;top:26px;left:25px}.art-index{color:#97af9e;position:absolute;top:26px;right:25px}.art-caption{color:#e3eae2;position:absolute;bottom:26px;left:28px}.art-caption em{font:11px var(--mono);letter-spacing:.09em;color:#9aada0;margin-top:7px;font-style:normal;display:block}.art-point{background:var(--acid);border-radius:50%;width:10px;height:10px;position:absolute;bottom:24%;right:21%;box-shadow:0 0 0 8px #ceff8422,0 0 28px #ceff84b0}.scroll-bar{border-top:1px solid var(--hair);justify-content:space-between;align-items:center;padding-block:24px;display:flex}.scroll-bar span:last-child{color:#6b786c;font-size:20px}.block{padding-top:clamp(96px,11vw,182px);padding-bottom:clamp(95px,10vw,160px)}.section-top{color:#5f6964;justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title{letter-spacing:-.085em;margin:25px 0 50px;font-size:clamp(56px,7vw,110px);font-weight:680;line-height:1}.section-title i{font-family:var(--serif);color:#637367;font-weight:400}.work-story{color:#faf9f5;isolation:isolate;background:#171d1b;min-height:clamp(520px,54vw,760px);position:relative;overflow:hidden}.work-story:before{content:"";background:radial-gradient(circle at 76% 36%,#6e605344,#0000 39%),linear-gradient(122deg,#272621,#111a16 78%);position:absolute;inset:0}.work-halo{opacity:.9;border:1px solid #a79b7944;border-radius:50%;width:70%;height:100%;position:absolute;top:3%;right:7%;transform:rotate(-18deg)scaleX(.75);box-shadow:0 0 0 44px #bd9d6920,0 0 0 95px #ac835010}.work-80{letter-spacing:-.13em;color:#ffffff05;font-size:clamp(250px,35vw,620px);font-weight:800;line-height:1;position:absolute;top:4%;right:11%}.work-shots{z-index:2;pointer-events:none;margin:0;position:absolute;inset:0}.shot-browser{background:#0d0f0e;border-radius:10px;width:52%;position:absolute;top:11%;right:4%;overflow:hidden;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff14}.shot-bar{background:#1d211f;border-bottom:1px solid #ffffff10;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.shot-bar i{background:#3a403c;border-radius:50%;width:8px;height:8px}.shot-bar span{font:500 10px var(--mono);letter-spacing:.06em;color:#8f9a92;margin-left:10px}.shot-browser img,.shot-phone img{width:100%;height:auto;display:block}.shot-phone{aspect-ratio:390/760;border:5px solid #0d0f0e;border-radius:22px;width:13%;position:absolute;bottom:7%;right:18%;overflow:hidden;box-shadow:0 24px 60px #000d,0 0 0 1px #ffffff1c}.shot-phone picture,.shot-phone img{object-fit:cover;object-position:top;height:100%}.work-top{color:#dfcbb4;z-index:3;justify-content:space-between;gap:10px;display:flex;position:absolute;top:35px;left:clamp(24px,4vw,67px);right:clamp(24px,4vw,67px)}.work-text{z-index:3;position:absolute;bottom:clamp(35px,5vw,78px);left:clamp(26px,4.2vw,72px)}.work-kicker{color:#d9c4a8}.work-text h3{letter-spacing:-.1em;margin:20px 0 22px;font-size:clamp(85px,12vw,190px);font-weight:750;line-height:.86}.work-text h3 span{color:#bda787}.work-text p{color:#bfc9c1;max-width:330px;margin:0;font-size:13px;line-height:1.7}.visit-site{z-index:5;color:#141d17;background:#eff3ea;border-radius:50%;place-items:center;width:64px;height:64px;font-size:24px;transition:transform .2s;display:grid;position:absolute;bottom:clamp(30px,5vw,73px);right:clamp(26px,4vw,65px)}.visit-site:hover{transform:translate(3px,-3px)}.project-detail{border-bottom:1px solid var(--hair);grid-template-columns:1.15fr .85fr;gap:50px;padding-block:27px;display:grid}.project-detail h4{letter-spacing:-.04em;margin:0 0 8px;font-size:24px}.project-detail p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.project-tags{flex-wrap:wrap;justify-content:flex-end;align-items:start;gap:7px;margin:0;padding:0;list-style:none;display:flex}.project-tags li{font:500 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#5f6964;border:1px solid #cbd2c8;border-radius:30px;padding:10px 12px}.detail-demo{grid-template-columns:.44fr .56fr;align-items:center;gap:clamp(40px,6vw,110px);margin-top:110px;display:grid}.demo-description .mono{color:#5f6964}.demo-description h3{letter-spacing:-.075em;margin:20px 0 17px;font-size:clamp(38px,4vw,64px);font-weight:650;line-height:1.05}.demo-description p{color:#606a61;max-width:390px;font-size:14px;line-height:1.75}.demo-caption{font:10px/1.5 var(--mono);color:#5f6964;margin-top:21px}.comparator{--pos:50%;isolation:isolate;background:#dee3da;height:clamp(300px,32vw,485px);position:relative;overflow:hidden;box-shadow:0 20px 65px #18261b16}.comp-base,.comp-final{position:absolute;inset:0;overflow:hidden}.comp-base{background:#d8dfd5}.comp-final{clip-path:inset(0 0 0 var(--pos));color:#fff;background:#1a2723}.comp-grid{opacity:.35;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.comp-browser{background:#edf1e9;border:2px solid #8a9c8c;position:absolute;inset:13% 12%;box-shadow:0 5px 30px #0001}.browser-top{border-bottom:1px solid #9ba99d;align-items:center;gap:6px;height:14%;padding-left:12px;display:flex}.browser-top i{border:1px solid #9ba99d;border-radius:50%;width:7px;height:7px}.wf-nav{background:#bdc9b8;width:44%;height:7px;margin:12% 0 0 10%}.wf-title{background:#9cae9e;width:60%;height:18px;margin:8% 0 0 10%}.wf-title.short{width:48%;margin-top:6%}.wf-copy{background:#c1cbc0;width:53%;height:5px;margin:13% 0 0 10%}.wf-copy.short{width:34%;margin-top:3%}.wf-cta{border:2px solid #9fae9b;width:33%;height:20px;margin:11% 0 0 10%}.final-card{color:#15231d;background:#ecf0e7;position:absolute;inset:13% 12%;overflow:hidden;box-shadow:0 13px 43px #0005}.final-head{letter-spacing:-.09em;border-bottom:1px solid #bdc8bd;justify-content:space-between;align-items:center;height:14%;padding-inline:7%;font-size:clamp(12px,1.3vw,21px);font-weight:800;display:flex}.final-head .dot-acid{color:#83a05a}.final-head .small-nav{font:600 8px var(--mono);letter-spacing:.08em}.final-content{background:radial-gradient(circle at 85% 30%,#b4e88b85,#0000 31%),#ebf0e6;flex-direction:column;justify-content:center;height:86%;padding:8%;display:flex}.final-mini{font:600 9px var(--mono);letter-spacing:.11em}.final-big{letter-spacing:-.085em;margin-top:16px;font-size:clamp(30px,4vw,70px);font-weight:760;line-height:.93}.final-big i{font-family:var(--serif);color:#547b50;font-weight:400}.final-action{color:#fff;font:600 10px var(--mono);background:#15231d;border-radius:30px;align-self:flex-start;margin-top:20px;padding:11px 18px}.comp-badge{z-index:4;font:600 9px var(--mono);letter-spacing:.05em;color:#27402f;background:#eff6e9e8;border:1px solid #74897488;border-radius:99px;padding:9px 11px;position:absolute;top:15px}.comp-badge.l{left:15px}.comp-badge.r{color:#ecf2e8;background:#17241feb;right:15px}.comp-cut{top:0;bottom:0;left:var(--pos);background:var(--acid);z-index:5;pointer-events:none;width:2px;position:absolute}.comp-handle{left:var(--pos);background:var(--acid);z-index:6;letter-spacing:2px;pointer-events:none;border:4px solid #f7faf3;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:700;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 3px 24px #1c2b1a60}.comp-range{opacity:0;z-index:8;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comp-range:focus-visible{opacity:1;appearance:none;outline-offset:-4px;background:0 0;outline:2px solid #78a747}.comp-range:focus-visible::-webkit-slider-thumb{appearance:none;width:0;height:0}.tools{border-top:1px solid var(--hair)}.tools-head{grid-template-columns:1fr minmax(0,420px);align-items:end;gap:40px;margin-bottom:50px;display:grid}.tools-head .section-title{margin-bottom:0}.tools-intro{color:#55625a;margin:0 0 12px;font-size:16px;line-height:1.7}.tool-feature{color:#f1f5ed;isolation:isolate;background:#121a16;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);align-items:center;gap:clamp(30px,4vw,70px);padding:clamp(28px,4vw,64px);display:grid;position:relative;overflow:hidden}.tool-feature:after{content:"";pointer-events:none;z-index:-1;border:1px solid #b6f89320;border-radius:50%;width:760px;height:760px;position:absolute;bottom:-420px;left:-260px;box-shadow:0 0 0 110px #b6f89305,0 0 0 225px #b6f89304}.tool-kicker{color:#b2c4b4}.tool-feature h3{letter-spacing:-.075em;margin:18px 0;font-size:clamp(40px,4.4vw,72px);font-weight:700;line-height:.98}.tool-feature h3 span{color:var(--acid)}.tool-feature p{color:#afbcb0;max-width:420px;margin:0 0 24px;font-size:15px;line-height:1.7}.tool-tags{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tool-tags li{font:500 9px var(--mono);letter-spacing:.07em;color:#c7eea3;border:1px solid #3d5044;border-radius:30px;padding:9px 11px}.tool-status{color:#c7eea3;align-items:center;gap:9px;margin-top:22px;display:flex}.tool-status i{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ceff841f}.tool-shot{background:#fff;border-radius:10px;margin:0;overflow:hidden;box-shadow:0 24px 70px #0006,0 0 0 1px #00000014}.tool-shot img{width:100%;height:auto;display:block}.tool-shot .shot-bar{background:#e9ece6;border-bottom:1px solid #d7dcd3}.tool-shot .shot-bar i{background:#c3cbc1}.tool-shot .shot-bar span{color:#6c7571}.tool-shot-dark{box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff14}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin-top:clamp(20px,2.4vw,36px);display:grid}.tool-grid-1{grid-template-columns:minmax(0,1fr)}.tool-card{background:var(--paper-soft);flex-direction:column;gap:26px;padding:clamp(20px,2.6vw,40px);display:flex}.tool-card .tool-shot{box-shadow:0 16px 50px #18261b1f,0 0 0 1px #00000010}.tool-card .tool-kicker{color:#5f6964}.tool-card h3{letter-spacing:-.065em;margin:12px 0;font-size:clamp(28px,2.6vw,42px);font-weight:680;line-height:1}.tool-card p{color:#55625a;margin:0;font-size:14px;line-height:1.7}.tool-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.tool-card .tool-tags li{color:#5f6964;border-color:#cbd2c8}.tool-card .tool-status{color:#2f5a2c;margin-top:0}.tool-card .tool-status i{background:#82a24d;box-shadow:0 0 0 5px #82a24d22}.tool-card .tool-shot picture{aspect-ratio:16/10;display:block;overflow:hidden}.tool-card .tool-shot img{object-fit:cover;object-position:top left;height:100%}.tools-disclaimer{margin-top:26px}@media (width<=1100px){.tool-feature{grid-template-columns:1fr}.tool-feature p{max-width:560px}}@media (width<=800px){.tools-head{grid-template-columns:1fr;gap:18px}.tool-grid{grid-template-columns:1fr}}@media (width<=540px){.tool-feature{padding:24px 20px}.tool-feature h3{font-size:40px}.tool-card{padding:18px}}.services{border-top:1px solid var(--hair);padding-top:110px;padding-bottom:140px}.services-grid{grid-template-columns:.42fr .58fr;gap:clamp(60px,6vw,120px);display:grid}.services-intro h2{letter-spacing:-.085em;margin:24px 0;font-size:clamp(50px,5.8vw,96px);line-height:.98}.services-intro p{color:#667169;max-width:300px;font-size:14px;line-height:1.7}.service-list{margin:0;padding-top:4px;padding-left:0;list-style:none}.service-row{border-top:1px solid #c6cec3;grid-template-columns:44px 1fr 22px;align-items:center;gap:18px;padding:32px 0;display:grid}.service-row:last-child{border-bottom:1px solid #c6cec3}.service-row .n{font:600 10px var(--mono);color:#5f6964}.service-row h3{letter-spacing:-.06em;margin:0;font-size:clamp(25px,2.7vw,43px);font-weight:650}.service-row p{color:#5f6964;grid-column:2;margin:7px 0 0;font-size:13px;line-height:1.5}.service-row .up{color:#6d7a6b;grid-area:1/3;font-size:21px}.contact{color:#f1f5ed;background:#121a16;padding-top:clamp(100px,11vw,180px);padding-bottom:clamp(100px,10vw,160px);position:relative;overflow:hidden}.contact:after{content:"";pointer-events:none;border:1px solid #b6f89320;border-radius:50%;width:730px;height:730px;position:absolute;top:-320px;right:-250px;box-shadow:0 0 0 110px #b6f89305,0 0 0 225px #b6f89304}.contact .wrap{z-index:1;position:relative}.contact .mono{color:#b2c4b4}.contact h2{letter-spacing:-.09em;max-width:1500px;margin:38px 0 54px;font-size:clamp(64px,8vw,132px);font-weight:690;line-height:.96;position:relative}.contact h2 em{font-weight:400;font-family:var(--serif);color:#c7eea3;letter-spacing:-.085em}.contact h2 .contact-punct{color:#c7eea3;font-style:normal;font-family:var(--sans);font-weight:600}.contact-top{justify-content:space-between;align-items:center;gap:25px;display:flex}.contact-side{color:#7c9784!important}.contact-line{border-top:1px solid #3d5044;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:30px;padding-top:34px;display:flex}.contact-line p{color:#afbcb0;max-width:400px;margin:0;font-size:16px;line-height:1.7}.contact-button{background:var(--acid);color:#172117;border:0;border-radius:100px;justify-content:space-between;align-items:center;gap:70px;padding:21px 26px;font-size:14px;font-weight:680;transition:transform .2s,background .2s;display:inline-flex}.contact .contact-button{min-width:245px;padding:23px 26px;font-size:15px;box-shadow:0 12px 35px #c7eea31a}.contact .contact-button .arrow{font-size:28px;line-height:1}.contact .contact-button:hover{background:#d9ff9b;transform:translateY(-4px)}.contact-note{color:#8da08d;margin-top:23px;font-size:11px}.contact-note a{color:#c7eea3;border-bottom:1px solid #5f7a62}.form-dialog{width:100%;max-width:min(640px,100vw - 32px);color:var(--ink);background:0 0;border:0;padding:0}.form-dialog::backdrop{backdrop-filter:blur(4px);background:#0b110ecc}.form-panel{background:var(--paper);padding:clamp(28px,4vw,48px);position:relative}.form-panel .mono{color:#5f6964}.form-panel h2,.form-page h1{letter-spacing:-.075em;margin:14px 0 10px;font-size:clamp(34px,4vw,56px);font-weight:680;line-height:1}.form-panel>p,.form-page .form-intro{color:#606a61;margin:0 0 26px;font-size:14px;line-height:1.6}.form-close{border:1px solid var(--hair);background:0 0;border-radius:40px;padding:9px 13px;font-size:12px;position:absolute;top:18px;right:18px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid .full{grid-column:1/-1}.field{flex-direction:column;gap:7px;display:flex}.field label{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5f6964}.field input,.field select,.field textarea{color:var(--ink);background:#fff;border:1px solid #bfc8bd;border-radius:4px;width:100%;padding:13px 14px;font-size:14px}.field textarea{resize:vertical;min-height:130px}.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#b24a3a}.field .hint{color:#b24a3a;min-height:0;font-size:11px}.field .hint:empty{display:none}.field .consent{font:400 12px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:#55625a;align-items:flex-start;gap:10px;display:flex}.consent input{width:auto;margin:3px 0 0}.consent a{border-bottom:1px solid #808b81}.form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.form-status{color:#55625a;font-size:13px;line-height:1.5}.form-status[data-state=error]{color:#b24a3a}.form-status[data-state=success]{color:#2f5a2c}.form-status a{border-bottom:1px solid}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-page{max-width:760px;padding-block:clamp(60px,7vw,110px)}.form-page .back{border-bottom:1px solid #808b81;padding:10px 0;font-size:13px;font-weight:660}.legal{max-width:760px;padding-block:clamp(60px,7vw,110px)}.legal h1{letter-spacing:-.08em;margin:18px 0 10px;font-size:clamp(44px,5vw,80px);font-weight:680;line-height:1}.legal .updated{color:var(--muted);margin:0 0 40px;font-size:13px}.legal h2{letter-spacing:-.04em;margin:36px 0 10px;font-size:22px}.legal p{color:#4b5650;margin:0 0 12px;font-size:15px;line-height:1.7}.footer{color:#859a89;background:#121a16;border-top:1px solid #27372b;justify-content:space-between;align-items:center;gap:25px;padding-block:35px;display:flex}.footer .logo{color:#eef4ea;font-size:27px}.footer .logo span{color:var(--acid)}.footer a{color:#c0d3c5}.footer .right{align-items:center;gap:30px;display:flex}.footer .social{display:contents}.footer-note{font:10px/1.5 var(--mono);letter-spacing:.08em}.reveal{opacity:1;transform:none}@keyframes rotate{to{transform:rotate(360deg)}}@media (width<=1100px){.hero{grid-template-columns:1fr .88fr;gap:40px;min-height:640px}.hero h1{font-size:clamp(62px,8vw,110px)}.hero-art{height:480px;min-height:0}.nav-right{gap:23px}.nav-links{gap:20px}.work-text h3{font-size:clamp(87px,12vw,140px)}}@media (width<=800px){:root{--pad:28px}.nav{height:78px}.nav-links,.header-cta{display:none}.nav-right{gap:10px}.menu{display:block}.nav-mobile.open{border-bottom:1px solid var(--hair);flex-direction:column;gap:0;padding-block:10px 23px;display:flex}.nav-mobile a{border-bottom:1px solid var(--hair);padding:12px 0;font-size:15px}.hero{grid-template-columns:1fr;gap:60px;min-height:0;padding-top:75px}.hero h1{max-width:750px;font-size:clamp(66px,11.3vw,100px)}.hero-art{width:100%;max-width:650px;height:460px;min-height:0}.detail-demo{grid-template-columns:1fr;gap:26px;margin-top:75px}.demo-description h3{max-width:600px}.services-grid{grid-template-columns:1fr;gap:40px}.services-intro h2{max-width:750px}.project-detail{gap:15px}.contact h2{font-size:clamp(64px,8.4vw,105px)}.form-grid{grid-template-columns:1fr}}@media (width<=540px){:root{--pad:22px}.logo{font-size:30px}.lang{padding:9px 11px}.hero{gap:0;padding-top:64px;padding-bottom:82px}.hero h1{margin:30px 0 22px;font-size:clamp(58px,12.7vw,76px);line-height:.99}.hero p{font-size:16px}.actions{gap:15px;margin-top:26px}.btn-dark{gap:15px;padding:17px 18px}.link-plain{font-size:12px}.hero-art{width:calc(100% - 11px);height:390px;margin-top:58px}.hero-art:before{top:-12px;right:-12px}.hero-art:after{bottom:-12px;left:-12px}.scroll-bar .mono{font-size:8px}.block{padding-top:86px;padding-bottom:85px}.section-title{margin-bottom:33px;font-size:clamp(52px,11vw,72px)}.section-top{font-size:9px}.work-top{top:24px}.work-top .mono{font-size:8px}.work-halo{width:120%;right:-33%}.work-story{min-height:640px}.shot-browser{border-radius:8px;width:auto;top:64px;left:6%;right:6%}.shot-bar{height:20px}.shot-bar span{font-size:8px}.shot-phone{display:none}.work-text h3{font-size:clamp(70px,15.5vw,100px)}.work-text p{max-width:215px}.visit-site{width:49px;height:49px;font-size:19px;bottom:27px;right:19px}.project-detail{grid-template-columns:1fr;gap:15px;padding-top:23px}.project-detail h4{font-size:21px}.project-tags{justify-content:start}.project-tags li{padding:8px 9px;font-size:8px}.detail-demo{margin-top:68px}.demo-description h3{font-size:41px}.comparator{height:305px}.comp-browser,.final-card{inset:15% 7%}.final-head{font-size:13px}.final-mini{font-size:8px}.final-big{font-size:33px}.final-action{padding:9px;font-size:9px}.services{padding-block:87px}.services-intro h2{font-size:64px}.service-row{grid-template-columns:24px 1fr 22px;gap:8px;padding:23px 0}.service-row h3{font-size:27px}.service-row p{font-size:12px}.contact{padding-block:105px}.contact h2{margin:26px 0 34px;font-size:clamp(54px,11.6vw,78px)}.contact-side{display:none}.contact-line{padding-top:24px}.contact-line p{font-size:15px}.contact .contact-button{min-width:0}.contact-button{justify-content:space-between;width:100%;margin-top:20px}.footer{flex-wrap:wrap;align-items:start;padding-block:29px}.footer-note{font-size:9px}.footer .right{flex-wrap:wrap;gap:12px 15px}}@media (width<=380px){.hero h1{font-size:clamp(50px,13.5vw,58px)}.contact h2{font-size:clamp(46px,12vw,54px)}.section-title{font-size:clamp(44px,12vw,52px)}.services-intro h2{font-size:54px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.art-orbit,.art-orbit2{animation:none}*{scroll-behavior:auto!important}}.legal h1 .serif-i{font-family:var(--serif);color:#637367;letter-spacing:-.06em;font-style:italic;font-weight:400}.legal .back{border-bottom:1px solid #808b81;padding:8px 0;font-size:14px;font-weight:660}.comparator-shots{aspect-ratio:2880/1690;background:#0d0f0e;border-radius:6px;height:auto}.comparator-shots .comp-base,.comparator-shots .comp-final{background:#0d0f0e}.comparator-shots picture,.comparator-shots img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.comparator-shots .comp-badge.l{color:#27402f;background:#eff6e9e8}.comparator-shots .comp-badge.r{color:#ecf2e8;background:#0d0f0ee8;border-color:#ffffff30}@media (width<=540px){.comparator-shots{height:auto}}.comparator-shots .comp-badge{top:auto;bottom:15px}.tool-group{margin-top:clamp(30px,3vw,46px);scroll-margin-top:30px}.tool-group-label{color:#5f6964;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tool-group-label span{border:1px solid var(--hair);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;font-size:10px;display:inline-grid}.tool-card-wide{grid-template-columns:minmax(0,.58fr) minmax(0,.42fr);align-items:center;gap:clamp(26px,3.4vw,56px);margin-top:clamp(20px,2.4vw,36px);display:grid}.tool-card .tool-card-copy{flex-direction:column;display:flex}@media (width<=800px){.tool-card-wide{grid-template-columns:1fr}}.service-examples{flex-wrap:wrap;grid-column:2/4;align-items:center;gap:8px;margin-top:14px;display:flex}.service-examples .mono{color:#5f6964;margin-right:4px}.service-examples a{border:1px solid #cbd2c8;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s}.service-examples a:hover{background:var(--acid);border-color:var(--acid)}.service-row a.up{transition:transform .2s}.service-row a.up:hover{color:var(--ink);transform:translate(2px,2px)}#work{scroll-margin-top:10px}.page{padding-top:clamp(60px,7vw,110px)}.page-head{grid-template-columns:1fr minmax(0,440px);align-items:end;gap:40px;margin-bottom:clamp(40px,5vw,80px);display:grid}.page-head .section-title{margin-bottom:0}.page-intro{color:#55625a;margin:0 0 12px;font-size:16px;line-height:1.7}.page-note{color:#55625a;max-width:620px;margin:50px 0 0;font-size:14px;line-height:1.7}.page-note a,.service-cases a,.case-meta a,.case-next a{border-bottom:1px solid #808b81}.muted-text{color:#55625a}.lead{letter-spacing:-.02em;color:#2f3a35;font-size:clamp(16px,1.3vw,19px);line-height:1.6}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin:0;padding:0;list-style:none;display:grid}.case-card{background:var(--paper-soft)}.case-card>a{flex-direction:column;gap:24px;height:100%;padding:clamp(20px,2.6vw,40px);transition:transform .2s;display:flex}.case-card>a:hover{transform:translateY(-4px)}.case-card h2{letter-spacing:-.07em;margin:12px 0;font-size:clamp(30px,3vw,48px);font-weight:690;line-height:1}.case-card h2 span{color:#82a24d}.case-card p{color:#55625a;margin:0;font-size:14px;line-height:1.7}.case-card-facts{border-top:1px solid #c6cec3;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0;padding:18px 0 0;list-style:none;display:grid}.case-card-facts strong{letter-spacing:-.05em;font-size:26px;font-weight:700;line-height:1;display:block}.case-card-facts span{color:#5f6964;margin-top:6px;font-size:11px;line-height:1.4;display:block}.case-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:10px;display:flex}.case-card .tool-status{color:#2f5a2c;margin-top:0}.case-card .tool-status i{background:#82a24d;box-shadow:0 0 0 5px #82a24d22}.case-shot{background:#fff;border-radius:10px;margin:0;overflow:hidden;box-shadow:0 16px 50px #18261b1f,0 0 0 1px #00000010}.case-shot img{width:100%;height:auto;display:block}.case-shot .shot-bar{background:#e9ece6;border-bottom:1px solid #d7dcd3}.case-shot .shot-bar i{background:#c3cbc1}.case-shot .shot-bar span{color:#6c7571}.case-shot-dark{background:#0d0f0e;box-shadow:0 30px 80px #0009,0 0 0 1px #00000018}.case-shot-dark .shot-bar{background:#1d211f;border-bottom-color:#ffffff10}.case-shot-dark .shot-bar i{background:#3a403c}.case-shot-dark .shot-bar span{color:#8f9a92}.case-card .case-shot picture{aspect-ratio:16/10;display:block;overflow:hidden}.case-card .case-shot img{object-fit:cover;object-position:top left;height:100%}.case{padding-top:clamp(40px,5vw,70px)}.case .section-top a{border-bottom:1px solid #c6cec3}.case-head{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:clamp(30px,5vw,90px);margin:30px 0 50px;display:grid}.case-head h1{letter-spacing:-.085em;margin:18px 0 24px;font-size:clamp(54px,7vw,120px);font-weight:700;line-height:.96}.case-head h1 span{color:#82a24d}.case-summary{letter-spacing:-.02em;color:#2f3a35;max-width:640px;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.65}.case-meta{border-top:1px solid #c6cec3;gap:18px;margin:0;padding-top:22px;display:grid}.case-meta div{grid-template-columns:90px 1fr;align-items:start;gap:16px;display:grid}.case-meta dt{color:#5f6964;padding-top:3px}.case-meta dd{color:#2f3a35;margin:0;font-size:14px;line-height:1.6}.case-meta .tool-status{color:#2f5a2c;margin-top:0}.case-meta .tool-status i{background:#82a24d;box-shadow:0 0 0 5px #82a24d22}.case-facts{border-top:1px solid #c6cec3;margin-top:clamp(40px,5vw,70px);padding-top:26px}.case-facts ul{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:26px 30px;margin:22px 0 0;padding:0;list-style:none;display:grid}.case-facts strong{letter-spacing:-.07em;font-size:clamp(44px,4.5vw,72px);font-weight:720;line-height:.95;display:block}.case-facts span{color:#5f6964;max-width:220px;margin-top:10px;font-size:13px;line-height:1.5;display:block}.case-body{grid-template-columns:minmax(0,.6fr) minmax(0,.4fr);align-items:start;gap:clamp(40px,6vw,110px);margin-top:clamp(60px,7vw,110px);display:grid}.case-sections section{border-top:1px solid #c6cec3;padding:28px 0 34px}.case-sections h2{letter-spacing:-.07em;margin:10px 0 18px;font-size:clamp(30px,3.2vw,52px);font-weight:680;line-height:1}.case-sections p{color:#3f4a44;max-width:640px;margin:0 0 14px;font-size:15.5px;line-height:1.75}.case-aside{gap:26px;display:grid;position:sticky;top:30px}.case-aside .project-tags{justify-content:flex-start}.case-aside .btn-dark{justify-self:start}.case-next{border-top:1px solid #c6cec3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(60px,7vw,100px);padding-top:26px;display:flex}.case-next a{letter-spacing:-.05em;border-bottom:0;font-size:clamp(22px,2.2vw,34px);font-weight:680}.case-next a:hover .arrow{transform:translate(4px)}.case-next .arrow{transition:transform .2s;display:inline-block}.service-pages{gap:0;display:grid}.service-page{border-top:1px solid #c6cec3;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(30px,5vw,90px);padding:clamp(34px,4vw,60px) 0;display:grid}.service-page-head h2{letter-spacing:-.07em;margin:10px 0 18px;font-size:clamp(30px,3.2vw,52px);font-weight:680;line-height:1}.service-page-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.service-page-grid h3{margin:0 0 8px}.service-page-grid p{color:#55625a;margin:0 0 24px;font-size:14px;line-height:1.7}.service-cases,.service-includes{margin:0;padding:0;list-style:none}.service-cases li{margin-bottom:8px;font-size:14px;font-weight:650}.service-includes li{color:#2f3a35;border-top:1px solid #d7dcd3;padding:9px 0 9px 20px;font-size:14px;line-height:1.5;position:relative}.service-includes li:before{content:"";background:#82a24d;border-radius:50%;width:7px;height:7px;position:absolute;top:16px;left:0}.service-includes li:last-child{border-bottom:1px solid #d7dcd3}.service-page-grid .btn-dark{margin-top:24px}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.step{border-top:1px solid #c6cec3;grid-template-columns:90px 1fr;align-items:start;gap:20px;padding:clamp(28px,3.5vw,48px) 0;display:grid}.step-n{letter-spacing:-.06em;color:#82a24d;font-size:clamp(34px,3.5vw,56px);font-weight:720;line-height:1}.step h2{letter-spacing:-.07em;margin:0 0 16px;font-size:clamp(30px,3.2vw,52px);font-weight:680;line-height:1}.step .lead{max-width:640px;margin:0 0 12px}.step .muted-text{max-width:600px;margin:0;font-size:14.5px;line-height:1.7}.process-actions{border-top:1px solid #c6cec3;flex-wrap:wrap;align-items:center;gap:30px;padding-top:34px;display:flex}.principles{margin-top:clamp(60px,7vw,110px)}.principles ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:22px 0 0;padding:0;list-style:none;display:grid}.principles li{background:var(--paper-soft);padding:24px}.principles h3{letter-spacing:-.04em;margin:0 0 10px;font-size:19px;font-weight:680}.principles p{color:#55625a;margin:0;font-size:13.5px;line-height:1.65}.page-cta{color:#f1f5ed;background:#121a16;padding-block:clamp(70px,8vw,120px);position:relative;overflow:hidden}.page-cta .mono{color:#b2c4b4}.page-cta h2{letter-spacing:-.09em;margin:18px 0 20px;font-size:clamp(44px,5.5vw,88px);font-weight:690;line-height:.96}.page-cta h2 em{font-weight:400;font-family:var(--serif);color:#c7eea3;letter-spacing:-.085em}.page-cta h2 .contact-punct{color:#c7eea3;font-style:normal;font-family:var(--sans);font-weight:600}.page-cta .contact-line{border-top:0;padding-top:0}.page-cta .contact-line p{color:#afbcb0}.footer-wide{color:#859a89;background:#121a16;border-top:1px solid #27372b;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:30px;padding-block:56px 40px;display:grid}.footer-wide .logo{color:#eef4ea;font-size:27px}.footer-wide .logo span{color:var(--acid)}.footer-wide p{color:#9fb1a3;max-width:300px;margin:14px 0 18px;font-size:13px;line-height:1.7}.footer-wide h3{font:600 10px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#7c9784;margin:6px 0 14px}.footer-wide ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.footer-wide a{color:#c0d3c5;font-size:13.5px}.footer-wide a:hover{color:#eef4ea}.footer-bottom{color:#859a89;background:#121a16;border-top:1px solid #27372b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;padding-block:22px;display:flex}.footer-bottom .right{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.footer-bottom .social{display:contents}.footer-bottom a{color:#c0d3c5}@media (width<=1100px){.principles ul{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-wide{grid-template-columns:1fr 1fr}}@media (width<=800px){.page-head,.case-head,.case-body,.service-page,.service-page-grid,.case-grid{grid-template-columns:1fr}.case-aside{position:static}.step{grid-template-columns:1fr;gap:10px}.case-card-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.case-card-facts strong{font-size:22px}.case-meta div{grid-template-columns:80px 1fr}}@media (width<=540px){.principles ul,.footer-wide{grid-template-columns:1fr}.case-facts ul{grid-template-columns:1fr 1fr}}.tool-case-link{margin:22px 0 0}.tool-feature .tool-case-link a{color:#f1f5ed;border-bottom-color:#5f7a62}.case-quote{background:var(--paper-soft);border-left:3px solid var(--acid);margin:0;padding:26px 28px}.case-quote p{font-family:var(--serif);letter-spacing:-.02em;color:#2b3630;margin:0;font-size:18px;font-style:italic;line-height:1.55}.case-quote footer{color:#5f6964;margin-top:16px}.case-quote-home{max-width:820px;margin:40px 0 0}.case-quote-home p{font-size:clamp(19px,1.7vw,24px)}@keyframes depth-hero-stage{to{opacity:.25;transform:rotateX(13deg)rotateY(-9deg)translateZ(-160px)}}@keyframes depth-hero-matrix{to{transform:perspective(900px)rotateY(58deg)rotateX(-8deg)scale(1.08)}}@keyframes depth-hero-grid{to{opacity:.15;transform:translateY(-90px)scale(1.15)}}@keyframes depth-hero-copy{to{opacity:.35;transform:translateY(-50px)}}@keyframes depth-scroll-bar{to{opacity:0;transform:translateY(-20px)}}@keyframes depth-rise{0%{opacity:.08;transform:perspective(1200px)rotateX(18deg)translateY(60px)scale(.94)}}@keyframes depth-rise-left{0%{opacity:.08;transform:perspective(1200px)rotateX(10deg)rotateY(14deg)translateY(50px)scale(.94)}}@keyframes depth-rise-right{0%{opacity:.08;transform:perspective(1200px)rotateX(10deg)rotateY(-14deg)translateY(50px)scale(.94)}}@keyframes depth-lift{0%{opacity:0;transform:perspective(1000px)rotateX(10deg)translateY(36px)}}@keyframes depth-fact{0%{opacity:0;transform:perspective(800px)rotateX(-70deg)translateY(24px)}}@keyframes depth-shot-left{0%{opacity:.3;transform:perspective(1400px)rotateY(-16deg)translate(-60px)translateZ(-120px)}}@keyframes depth-shot-right{0%{opacity:.3;transform:perspective(1400px)rotateY(18deg)translate(70px)translateY(40px)translateZ(-80px)}}@keyframes depth-soft{0%{opacity:.2;transform:perspective(1200px)rotateX(7deg)translateY(30px)scale(.98)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){:root{--tl-scroll:scroll(root);--tl-view:view()}main,.page-cta,.footer{overflow-x:clip}.hero-art{perspective:1400px}.art-stage{transform-origin:50% 20%;animation:linear both depth-hero-stage;animation-timeline:var(--tl-scroll);animation-range:0 92vh}.art-matrix{transform-origin:50%;animation:linear both depth-hero-matrix;animation-timeline:var(--tl-scroll);animation-range:0 92vh}.art-grid{animation:linear both depth-hero-grid;animation-timeline:var(--tl-scroll);animation-range:0 92vh}.hero-copy{animation:linear both depth-hero-copy;animation-timeline:var(--tl-scroll);animation-range:12vh 95vh}.scroll-bar{animation:linear both depth-scroll-bar;animation-timeline:var(--tl-scroll);animation-range:0 30vh}.section-title,.page-head h1,.services-intro,.case-head,.case-sections section,.service-page-head,.process-actions,.principles>.mono,.principles>h2,.page-cta .contact-line>div,.page-cta .contact-button,.footer-wide>div{transform-origin:50% 100%;animation:linear both depth-lift;animation-timeline:var(--tl-view);animation-range:entry entry 55%}.tool-card,.tool-feature,.service-page,.step,.service-row,.detail-demo,.case-shot-small,.case-next,.case-quote{transform-origin:50% 0;animation:linear both depth-rise;animation-timeline:var(--tl-view);animation-range:entry entry 60%}.case-card:nth-child(odd),.principles li:nth-child(odd){transform-origin:100% 0;animation:linear both depth-rise-left;animation-timeline:var(--tl-view);animation-range:entry entry 65%}.case-card:nth-child(2n),.principles li:nth-child(2n){transform-origin:0 0;animation:linear both depth-rise-right;animation-timeline:var(--tl-view);animation-range:entry entry 65%}.principles li:nth-child(2),.principles li:nth-child(4){animation-range:entry 15% entry 80%}.case>.case-shot{transform-origin:50% 0;animation:linear both depth-soft;animation-timeline:var(--tl-view);animation-range:entry entry 40%}.tool-feature .tool-shot{animation:linear both depth-shot-right;animation-timeline:var(--tl-view);animation-range:entry entry 70%}.work-shots .shot-browser{animation:linear both depth-shot-left;animation-timeline:var(--tl-view);animation-range:entry entry 60%}.work-shots .shot-phone{animation:linear both depth-shot-right;animation-timeline:var(--tl-view);animation-range:entry 10% entry 75%}.case-facts li,.case-card-facts li{transform-origin:50% 0;animation:linear both depth-fact;animation-timeline:var(--tl-view);animation-range:entry entry 90%}.case-facts li:nth-child(2),.case-card-facts li:nth-child(2){animation-range:entry 10%}.case-facts li:nth-child(3),.case-card-facts li:nth-child(3){animation-range:entry 20% cover 15%}.case-facts li:nth-child(4){animation-range:entry 30% cover 20%}.case-facts li:nth-child(5){animation-range:entry 40% cover 25%}.case-facts li:nth-child(6){animation-range:entry 50% cover 30%}}@media (prefers-reduced-motion:no-preference) and (width<=800px){.art-stage,.art-matrix,.art-grid,.hero-copy{animation-name:none}.tool-card,.tool-feature,.service-page,.step,.service-row,.detail-demo,.case-shot-small,.case-next,.case-card,.principles li,.tool-feature .tool-shot,.work-shots .shot-browser,.work-shots .shot-phone{animation-name:depth-soft}}}