:root{--bg:#f2f0eb;--bg-blue:#eceef0;--bg-green:#ecefe5;--bg-orange:#f6ece1;--paper:#f8f7f3;--panel:#ffffff6b;--ink:#1e1d22;--ink-2:#3b3934;--muted:#77736c;--line:#1e1d221a;--line-strong:#1e1d2233;--blue:#2e5bff;--green:#22a95a;--orange:#ff6a1a;--accent:var(--ink);--f-sans:"Poppins", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--f-script:"Pinyon Script", "Snell Roundhand", cursive;--f-serif:var(--f-sans);--f-khmer:"Khmer Sangam MN", "Khmer MN", "Noto Sans Khmer", sans-serif;--gutter:clamp(20px, 4.6vw, 76px);--maxw:1440px;--section-y:clamp(96px, 14vw, 220px);--radius:clamp(18px, 2vw, 30px);--radius-s:clamp(12px, 1.2vw, 18px);--shadow-card:0 1px 0 #ffffffb3 inset, 0 30px 60px -40px #281e0a59;--shadow-float:0 50px 90px -40px #1e180c73, 0 18px 30px -18px #1e180c40;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.5;overflow-x:clip}img,svg,video{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0;padding:0}ul,ol{list-style:none}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.wrap{width:100%;max-width:calc(var(--maxw) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,1.8vw,28px);display:grid}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.label--ink{color:var(--ink)}.serif{font-weight:400}.script{font-family:var(--f-script);letter-spacing:0;-webkit-text-stroke:.012em currentColor;font-style:normal;font-weight:400}.display{letter-spacing:-.035em;font-size:clamp(40px,5.6vw,92px);font-weight:700;line-height:1.02}.title-l{letter-spacing:-.03em;font-size:clamp(30px,3.6vw,60px);font-weight:600;line-height:1.05}.title-m{letter-spacing:-.02em;font-size:clamp(20px,1.9vw,30px);font-weight:600;line-height:1.15}.lead{letter-spacing:-.01em;font-size:clamp(17px,1.35vw,22px);font-weight:400;line-height:1.55}.body{color:var(--ink-2);font-size:clamp(14px,.98vw,16px);line-height:1.75}.justify{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.panel{background:var(--panel);border:1px solid #ffffffb3;border-radius:clamp(20px,2.4vw,36px);position:relative;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #1e1d2209,0 40px 80px -60px #28231959}.tags{border:1px solid var(--line);text-align:right;background:#ffffff8c;border-radius:14px;gap:2px;padding:8px 18px;font-size:12px;font-weight:500;display:inline-grid}.tags span:after{content:" •";color:var(--accent)}.muted{color:var(--muted)}.split-line{margin-bottom:-.06em;padding-bottom:.06em}.js .pre-hide{visibility:hidden}@media (prefers-reduced-motion:reduce){.js .pre-hide{visibility:visible}}.ulink{align-items:center;gap:.4em;display:inline-flex;position:relative}.ulink:after{content:"";transform-origin:100%;height:1px;transition:transform .6s var(--ease-out);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.ulink:hover:after,.ulink:focus-visible:after{transform-origin:0;transform:scaleX(1)}.pill{border:1px solid var(--line-strong);isolation:isolate;height:52px;transition:color .5s var(--ease-out), border-color .5s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.pill:before{content:"";z-index:-1;background:var(--ink);border-radius:inherit;transition:transform .6s var(--ease-out);position:absolute;inset:0;transform:translateY(101%)}.pill:hover,.pill:focus-visible{color:var(--bg);border-color:var(--ink)}.pill:hover:before,.pill:focus-visible:before{transform:translateY(0)}.pill--solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill--solid:before{background:var(--accent-cta,var(--blue))}.pill .arrow{transition:transform .6s var(--ease-out)}.pill:hover .arrow{transform:translate(3px,-3px)}.media{border-radius:var(--radius);background:#e6e0d4;position:relative;overflow:hidden}.media>img,.media>picture>img,.media>video{object-fit:cover;width:100%;height:100%}.media-inner{will-change:transform;position:absolute;inset:0}.media-inner>img,.media-inner>picture,.media-inner>picture>img{object-fit:cover;width:100%;height:100%}.objs{pointer-events:none;z-index:0;position:absolute;inset:0}.obj{left:var(--x);top:var(--y);width:var(--s);aspect-ratio:var(--ar,1);position:absolute}.obj-enter,.obj-mouse,.obj-float,.obj-body{position:absolute;inset:0}.obj-float{transform:rotate(var(--r,0deg))}.obj--far .obj-body{filter:blur(var(--blur,3px));opacity:.9}.obj--near .obj-body{filter:blur(var(--blur,2px))}.tone-blue{--c1:#c9d6ff;--c2:#5b80ff;--c3:#2448e6;--c4:#0d1f8f;--glow:#2e5bff73}.tone-green{--c1:#c8f1d4;--c2:#4fca7d;--c3:#1d9a4e;--c4:#0b5a2b;--glow:#22a95a6b}.tone-orange{--c1:#ffd7b8;--c2:#ff8a3d;--c3:#f05a0b;--c4:#9c3200;--glow:#ff6a1a6b}.tone-cream{--c1:#fff;--c2:#f7f2ea;--c3:#ddd3c3;--c4:#a8998a;--glow:#78644647}.tone-gold{--c1:#ffe7a3;--c2:#f7bf3f;--c3:#e09a12;--c4:#9c6200;--glow:#e09a1266}.tone-teal{--c1:#d6f3f7;--c2:#7cc7d6;--c3:#3f93ab;--c4:#1d5a6e;--glow:#3f93ab66}.tone-ink{--c1:#8a8a8f;--c2:#3a3a3e;--c3:#1b1b1d;--c4:#050506;--glow:#00000059}.sphere{background:radial-gradient(circle at 30% 26%, #fffffff2 0%, #fff0 16%), radial-gradient(circle at 36% 32%, var(--c1) 0%, var(--c2) 34%, var(--c3) 66%, var(--c4) 100%);box-shadow:inset -.06em -.09em .18em #0000002e, inset .05em .06em .12em #ffffff59, 0 .32em .5em -.18em var(--glow), 0 .6em .9em -.4em #1e180c4d;font-size:var(--s);border-radius:50%}.sphere:after{content:"";mix-blend-mode:screen;background:radial-gradient(circle at 78% 82%,#ffecd68c 0%,#ffecd600 28%);border-radius:50%;position:absolute;inset:0}.capsule{background:radial-gradient(ellipse 40% 26% at 30% 24%, #ffffffe6, #fff0 70%), linear-gradient(172deg, var(--c1) 0%, var(--c2) 38%, var(--c3) 78%, var(--c4) 100%);box-shadow:inset 0 -.1em .18em #00000029, inset 0 .06em .1em #ffffff80, 0 .35em .6em -.25em var(--glow), 0 .7em 1em -.5em #1e180c47;font-size:calc(var(--s) / var(--ar,1));border-radius:999px}.ring{transform-style:preserve-3d;transform:rotateX(62deg)rotate(-18deg)}.ring-body{background:radial-gradient(circle, transparent 0 39%, var(--c4) 40%, var(--c3) 44%, var(--c1) 51%, var(--c2) 57%, var(--c3) 63%, var(--c4) 68.5%, transparent 69.5%);box-shadow:0 1.2vw 2vw -1vw var(--glow);border-radius:50%;position:absolute;inset:0}.ring-body:after{content:"";background:linear-gradient(140deg,#ffffffbf 10%,#fff0 45%,#00000040 90%);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 39.5%,#000 40.5% 68.5%,#0000 69.5%);mask:radial-gradient(circle,#0000 0 39.5%,#000 40.5% 68.5%,#0000 69.5%)}.cube-scene{perspective:800px}.cube{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-24deg)rotateY(38deg)}.cube-face{background:linear-gradient(145deg, var(--c1), var(--c2) 55%, var(--c3));backface-visibility:hidden;border-radius:18%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff59,inset -.6vw -.6vw 1.2vw #0000001a}.cube-face:first-child{transform:translateZ(calc(var(--s) / 2))}.cube-face:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cube-face:nth-child(3){transform:rotateY(90deg) translateZ(calc(var(--s) / 2));background:linear-gradient(145deg, var(--c2), var(--c3) 70%, var(--c4))}.cube-face:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cube-face:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2));background:linear-gradient(145deg, #fff, var(--c1) 70%)}.cube-face:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2));background:var(--c4)}.obj-shadow{filter:blur(6px);background:radial-gradient(closest-side,#281e0f38,#0000);border-radius:50%;height:18%;position:absolute;bottom:-26%;left:10%;right:10%}.tools-grid{perspective:900px;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,24px) clamp(10px,1.2vw,18px);display:grid}.tool{outline:none;flex-direction:column;align-items:center;gap:12px;display:flex}.tool-tile{--lift:0;aspect-ratio:1;width:100%;max-width:84px;transform-style:preserve-3d;background:var(--face,#fff);box-shadow:inset 0 1px 0 #ffffff59, inset 0 -2px 6px #0000002e, 0 1px 0 var(--edge,#cfc6b8), 0 2px 0 var(--edge,#cfc6b8), 0 3px 0 var(--edge,#cfc6b8), 0 4px 0 var(--edge,#cfc6b8), 0 5px 0 var(--edge,#cfc6b8), 0 6px 0 var(--edge,#cfc6b8), 0 calc(16px + var(--lift) * 18px) calc(22px + var(--lift) * 20px) calc(-8px - var(--lift) * 4px) rgba(30, 24, 12, calc(.35 - var(--lift) * .1));transition:box-shadow .5s var(--ease-out);will-change:transform;border-radius:24%;position:relative;transform:rotateX(14deg)rotateY(-10deg)}.tool-tile:after{content:"";border-radius:inherit;pointer-events:none;opacity:calc(.7 + var(--lift) * .3);background:linear-gradient(160deg,#ffffff73 0%,#fff0 42%);position:absolute;inset:0}.tool-glyph{place-items:center;display:grid;position:absolute;inset:18%;transform:translateZ(10px)}.tool-glyph svg{filter:drop-shadow(0 2px 2px #00000038);width:100%;height:100%}.tool-glyph .lettermark{letter-spacing:-.03em;color:var(--glyph);font-size:clamp(17px,1.9vw,28px);font-weight:700}.tool-name{color:var(--muted);transition:color .4s, transform .5s var(--ease-out);text-align:center;font-size:12px;font-weight:500}.tool:hover .tool-name,.tool:focus-visible .tool-name{color:var(--ink);transform:translateY(-2px)}.device{font-size:calc(var(--w) / 100);width:var(--w);position:relative}.phone{aspect-ratio:100/206}.phone-frame{background:linear-gradient(135deg,#5a5a5f 0%,#2a2a2d 22%,#1c1c1e 50%,#3c3c40 78%,#6d6d72 100%);border-radius:15.5em;padding:3.4em;position:absolute;inset:0;box-shadow:inset 0 0 0 .45em #0d0d0e,inset 0 0 0 .75em #222225,0 0 0 .25em #ffffff14,0 5em 9em -3em #19140a80,0 2em 3em -1.5em #19140a59}.phone-frame:before{content:"";background:linear-gradient(90deg,#2a2a2d,#4a4a4f);border-radius:0 .6em .6em 0;width:1em;height:13%;position:absolute;top:26%;right:-.9em}.phone-frame:after{content:"";background:linear-gradient(90deg,#4a4a4f,#2a2a2d);border-radius:.6em 0 0 .6em;width:1em;height:7%;position:absolute;top:20%;left:-.9em;box-shadow:0 12em #3a3a3e}.phone-screen{isolation:isolate;background:#fff;border-radius:12.4em;width:100%;height:100%;position:relative;overflow:hidden}.phone-island{z-index:5;background:#050505;border-radius:99em;width:29em;height:8.4em;position:absolute;top:2.6em;left:50%;transform:translate(-50%)}.device-glare{z-index:6;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#fff3 0%,#ffffff0f 26%,#fff0 38%);position:absolute;inset:0}.browser{box-shadow:0 0 0 1px #0000000f, var(--shadow-float);background:#fff;border-radius:1.1em;overflow:hidden}.browser-bar{background:#f2f1ef;border-bottom:1px solid #0000000f;align-items:center;gap:.6em;height:3.6em;padding:0 1.4em;display:flex}.browser-bar i{background:#ff5f57;border-radius:50%;width:.95em;height:.95em}.browser-bar i:nth-child(2){background:#febc2e}.browser-bar i:nth-child(3){background:#28c840}.browser-url{color:#8b877f;letter-spacing:0;background:#e6e4e0;border-radius:.6em;place-items:center;width:34%;height:1.9em;margin:0 auto;font-size:1.05em;display:grid}.browser-screen{aspect-ratio:16/10;position:relative;overflow:hidden}.tablet{aspect-ratio:4/3}.tablet-frame{background:linear-gradient(140deg,#3e3e42,#1a1a1c 40%,#2c2c30 75%,#55555a);border-radius:4.2em;padding:2.4em;position:absolute;inset:0;box-shadow:inset 0 0 0 .35em #0c0c0d,0 4em 7em -3em #19140a73,0 1.5em 2.5em -1em #19140a4d}.tablet-screen{background:#fff;border-radius:2.2em;width:100%;height:100%;position:relative;overflow:hidden}.keycap{transform-style:preserve-3d;transform:perspective(600px)rotateX(48deg)rotate(-28deg)}.keycap-top,.keycap-layer{border-radius:24%;position:absolute;inset:0}.keycap-layer{transform:translateZ(calc(var(--i) * var(--s) * -.032));background:linear-gradient(135deg, var(--c3), var(--c4))}.keycap-layer:last-of-type{box-shadow:0 calc(var(--s) * .22) calc(var(--s) * .3) calc(var(--s) * -.08) var(--glow)}.keycap-top{color:#fff;font-weight:700;font-size:calc(var(--s) * .34);letter-spacing:-.02em;background:radial-gradient(90% 70% at 28% 18%, #ffffffd9, #fff0 55%), linear-gradient(150deg, var(--c1) 0%, var(--c2) 45%, var(--c3) 100%);box-shadow:inset 0 0 0 calc(var(--s) * .035) #ffffff59, inset calc(var(--s) * -.05) calc(var(--s) * -.06) calc(var(--s) * .12) #0000002e;text-shadow:0 1px 2px #00000040;place-items:center;display:grid}.keycap-top svg{width:46%;height:46%}.keycap--nib .keycap-top,.keycap--nib .keycap-layer{border-radius:30%/50%}.pen{box-shadow:0 calc(var(--s) * .5) calc(var(--s) * .6) calc(var(--s) * -.3) #0000004d;background:linear-gradient(90deg,#4a4a4f 0%,#19191c 30%,#0c0c0e 60%,#2c2c30 100%);border-radius:999px}.pen-tip{clip-path:polygon(0 0,100% 0,55% 100%,45% 100%);background:linear-gradient(90deg,#8a8a90,#d9d9de 45%,#6d6d72);width:70%;height:12%;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)}.pen-grip{background:#ffffff2e;border-radius:2px;height:6%;position:absolute;top:70%;left:0;right:0}.blob-wrap{transform-style:preserve-3d}.blob{background:radial-gradient(circle at 34% 30%, #fffffff2 0%, #fff0 18%), radial-gradient(circle at 40% 38%, var(--c1) 0%, var(--c2) 36%, var(--c3) 70%, var(--c4) 100%);box-shadow:inset calc(var(--s) * -.06) calc(var(--s) * -.08) calc(var(--s) * .16) #0003, inset calc(var(--s) * .04) calc(var(--s) * .05) calc(var(--s) * .1) #ffffff59, 0 calc(var(--s) * .22) calc(var(--s) * .34) calc(var(--s) * -.1) var(--glow);border-radius:50% 22% 50% 50%;position:absolute;inset:0}.blob:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:radial-gradient(circle at 78% 82%,#fff0dc80,#fff0dc00 30%);position:absolute;inset:0}.blob-glass{-webkit-backdrop-filter:blur(6px);background:linear-gradient(140deg,#ffffff8c,#ffffff1f);border:1px solid #ffffffbf;border-radius:16%;width:150%;height:150%;position:absolute;top:28%;left:32%;box-shadow:0 20px 40px -24px #28231940}.ui{font-family:var(--f-sans);color:#141414;letter-spacing:-.01em;line-height:1.2;position:absolute;inset:0;overflow:hidden}.ui b{font-weight:650}.ui small{color:#8a8a8a;font-size:inherit}.slot-img,.slot-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ui-status{z-index:4;justify-content:space-between;align-items:center;height:3.1em;padding:.8em 2.2em 0;font-size:4.2em;font-weight:600;display:flex;position:relative}.ui-status.is-dark{color:#fff;position:absolute;top:0;left:0;right:0}.ui-status-icons{align-items:center;gap:.3em;display:flex}.ui-status-icons i{opacity:.85;background:currentColor;border-radius:.15em;width:.9em;height:.6em}.ui-status-icons b{border:.1em solid;border-radius:.2em;width:1.4em;height:.65em}.sv{color:#fff;background:#111}.sv-media{position:absolute;inset:0}.sv-media picture,.sv-media img,.sv-media video{object-fit:cover;width:100%;height:100%}.sv-media img{animation:14s ease-in-out infinite alternate kenburns;animation-play-state:var(--play,paused)}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.14)translate(-2%,-3%)}}.sv:after{content:"";background:linear-gradient(#00000059 0%,#0000 22% 55%,#000000b3 100%);position:absolute;inset:0}.sv-progress{z-index:2;background:#ffffff4d;border-radius:1em;height:.9em;position:absolute;top:15em;left:7em;right:7em;overflow:hidden}.sv-progress i{transform-origin:0;animation:9s linear infinite svprog;animation-play-state:var(--play,paused);background:#fff;position:absolute;inset:0}@keyframes svprog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sv-side{z-index:2;justify-items:center;gap:7em;display:grid;position:absolute;bottom:34em;right:5em}.sv-side span{justify-items:center;gap:1em;font-size:3.6em;font-weight:600;display:grid}.sv-ic{width:2.2em;height:2.2em;-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;background:#fff;display:block}.sv-ic.heart{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11z'/%3E%3C/svg%3E")}.sv-ic.chat{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}.sv-ic.share{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 4l7 7-7 7v-4c-5 0-8 1.5-11 5 1-5 4-10 11-11z'/%3E%3C/svg%3E")}.sv-cap{z-index:2;gap:1.2em;display:grid;position:absolute;bottom:12em;left:6em;right:22em}.sv-cap b{font-size:4.2em}.sv-cap span{opacity:.9;font-size:3.8em}.nav{z-index:50;padding:clamp(14px, 1.6vw, 24px) var(--gutter);justify-content:space-between;align-items:center;gap:24px;transition:background-color .5s,box-shadow .5s,padding .5s;display:flex;position:fixed;inset:0 0 auto}.nav.is-floating{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);background:#f2f0ebd1;padding-block:12px}.nav-brand{letter-spacing:.02em;align-items:center;gap:5px;font-size:14px;font-weight:600;display:inline-flex}.nav-dot{background:var(--blue);border-radius:50%;width:5px;height:5px;transform:translateY(-4px)}.nav-links{color:var(--muted);gap:clamp(18px,2.2vw,34px);font-size:12px;font-weight:400;display:flex}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}.nav-cta.pill{height:auto;color:var(--ink);background:0 0;border:0;padding:0;font-size:12px;font-weight:500;overflow:visible}.nav-cta.pill:before{display:none}.nav-cta.pill:hover{color:var(--ink)}.cursor{pointer-events:none;z-index:1000;position:fixed;inset:0}.cursor-dot,.cursor-ring{opacity:0;visibility:hidden;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{background:var(--ink);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.cursor-ring{place-items:center;width:96px;height:96px;margin:-48px 0 0 -48px;display:grid}.cursor-ring:before{content:"";transition:transform .55s var(--ease-out), background-color .4s, border-color .4s;border:1px solid #17171773;border-radius:50%;position:absolute;inset:0;transform:scale(.4)}.cursor-ring span{letter-spacing:.14em;text-transform:uppercase;color:var(--bg);opacity:0;transition:opacity .3s, transform .55s var(--ease-out);font-size:11px;font-weight:600;position:relative;transform:scale(.6)}.cursor-ring[data-state=hover]:before{border-color:var(--ink);transform:scale(.62)}.cursor-ring[data-state=view]:before,.cursor-ring[data-state=drag]:before{background:var(--ink);border-color:var(--ink);transform:scale(1)}.cursor-ring[data-state=view] span,.cursor-ring[data-state=drag] span{opacity:1;transform:scale(1)}html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor [data-cursor]{cursor:none}.preloader{z-index:900;background:var(--bg);color:var(--ink);clip-path:inset(0);place-items:center;display:grid;position:fixed;inset:0}.pre-word{letter-spacing:-.04em;padding-right:.06em;font-size:clamp(48px,9vw,150px);font-weight:700;line-height:1.05;display:flex;overflow:hidden}.pre-word span{display:inline-block}.pre-meta{left:var(--gutter);right:var(--gutter);letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex;position:absolute;bottom:clamp(20px,3vw,40px)}.hero{place-items:center;height:100svh;min-height:600px;display:grid;position:relative;overflow:clip}.hero-inner{z-index:2;width:100%;padding-inline:var(--gutter);place-items:center;display:grid;position:relative;transform:translateY(-4%)}.hero-lockup{will-change:transform;flex-direction:column;align-items:center;display:inline-flex;position:relative}.hero-year{letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-height:1em;margin-bottom:.25em;margin-right:.6em;font-size:clamp(15px,1.8vw,30px);font-weight:700;line-height:1}.hero-title{letter-spacing:-.045em;color:#17161a;font-size:clamp(56px,10.4vw,186px);font-weight:700;line-height:1}.hero-word{white-space:nowrap;align-items:baseline;display:inline-flex}.hero-folio{letter-spacing:0;margin-left:-.02em;padding-right:.06em;font-size:1.12em;line-height:.8;display:inline-block;transform:translateY(.06em)}.hero-pen{z-index:3}.hero-meta{left:var(--gutter);right:var(--gutter);z-index:2;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;display:grid;position:absolute;bottom:clamp(18px,3vw,40px)}.hero-name{gap:2px;font-size:13px;display:grid}.hero-name b{font-size:15px;font-weight:600}.hero-name span{color:var(--muted)}.hero-scroll{justify-self:end;align-items:center;gap:12px;display:inline-flex}.hero-scroll-line{background:var(--line-strong);width:48px;height:1px;position:relative;overflow:hidden}.hero-scroll-line:after{content:"";background:var(--ink);animation:scrollcue 2.4s var(--ease-out) infinite;position:absolute;inset:0}@keyframes scrollcue{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.about{padding-block:clamp(60px,8vw,120px) clamp(80px,10vw,160px)}.about-grid{padding-inline:calc(var(--gutter) + clamp(0px, 3vw, 60px));grid-template-columns:minmax(0,470px) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,110px);display:grid}.about-copy{max-width:470px}.about-hello{letter-spacing:-.02em;align-items:center;min-height:1.3em;font-size:clamp(26px,2.4vw,40px);font-weight:700;display:flex}.caret{background:currentColor;width:2px;height:.95em;margin-left:4px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.about-intro{color:var(--ink-2);margin-top:14px;font-size:clamp(14.5px,1.08vw,17px)}.about-connect{letter-spacing:-.015em;margin-top:clamp(32px,3.4vw,52px);font-size:clamp(20px,1.7vw,28px);font-weight:600}.about-contacts{grid-template-columns:repeat(2,minmax(0,auto));justify-content:start;gap:14px clamp(28px,4vw,64px);margin-top:18px;font-size:clamp(14px,1vw,15.5px);display:grid}.about-contacts li{color:var(--ink-2);align-items:center;gap:10px;display:flex}.about-contacts svg{color:var(--ink);flex:none}.about-visual{place-items:center end;min-height:clamp(320px,34vw,560px);padding-right:clamp(0px,4vw,80px);display:grid;position:relative}.dev-scene{aspect-ratio:1/.9;perspective:1400px;width:clamp(220px,23vw,380px);position:relative}.dev-tilt{transform-style:preserve-3d;position:absolute;inset:0}.dev{transform-style:preserve-3d;margin:0;position:absolute;inset:0;transform:rotateX(0)rotateY(-5deg)rotate(-3deg)}.dev-layer,.dev-front{border-radius:15%;position:absolute;inset:0}.dev-layer{transform:translateZ(calc(var(--i) * var(--d) / -8));background:linear-gradient(135deg,#e7e2d9,#cfc8bb)}.dev-layer:last-of-type{background:#bdb5a7}.dev-front{transform-style:preserve-3d;background:radial-gradient(120% 90% at 20% 10%,#fff 0%,#f7f4ee 45%,#ebe6dc 100%);box-shadow:inset 0 0 0 1px #ffffffe6,inset -10px -14px 24px #a091782e,inset 6px 8px 16px #fffc}.dev-bezel{background:linear-gradient(160deg,#d6cfc2 0%,#e6e0d5 55%,#f1ede5 100%);border-radius:11.5%/10.5%;width:62.8%;height:79.2%;position:absolute;top:8.4%;left:7.6%;box-shadow:inset 0 3px 5px #5f503752,inset 2px 0 4px #5f503724,inset 0 -1px #fffffff2,0 1px #fffffff2,0 -1px #96876e2e}.dev-halo,.dev-screen,.dev-glass{border-radius:9%/8%;width:59.2%;height:75.2%;position:absolute;top:10.4%;left:9.4%}.dev-halo{pointer-events:none;box-shadow:0 0 12px 2px #ecf0ff8c,0 0 3px #fff8e8b3}.dev-screen{isolation:isolate;background:radial-gradient(110% 85% at 50% 42%,#1b1c20 0%,#0d0d10 60%,#070708 100%);overflow:hidden;box-shadow:0 0 0 1.5px #151518,0 1px 2px #00000059}.dev-photo{background:#0d0d10;position:absolute;inset:0}.dev-photo picture,.dev-photo img{object-fit:cover;object-position:50% 26%;width:100%;height:100%;display:block}.dev-photo img{transform-origin:30% 20%;transform:scale(1.22)}.dev-noise,.dev-beam,.dev-dot,.dev-scan,.dev-edge{pointer-events:none;position:absolute;inset:0}.dev-noise,.dev-beam,.dev-dot{opacity:0;visibility:hidden}.dev-noise{mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px}.dev-beam{background:radial-gradient(90% 60%,#fff 0%,#fbf8f1 45%,#e6eefc 100%);box-shadow:0 0 10px #f0f5ffe6}.dev-dot{aspect-ratio:1;background:radial-gradient(closest-side,#fff 0%,#f0f5ffb3 35%,#e6eeff00 100%);border-radius:50%;width:22%;margin:-11% 0 0 -11%;inset:50% auto auto 50%}.dev-scan{background:repeating-linear-gradient(#0000 0 2px,#0c0e160b 2px 3px)}.dev-edge{border-radius:inherit;box-shadow:inset 0 0 0 1.5px #08080ad9,inset 0 3px 8px #00000073,inset 0 0 22px #00000047}.dev-glass{pointer-events:none;background:linear-gradient(132deg,#fff3 0%,#ffffff0f 13%,#fff0 24%);overflow:hidden;transform:translateZ(2px);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0d}.dev-sheen{background:radial-gradient(75% 45% at 105% 98%,#ffffff21 0%,#ffffff0a 55%,#fff0 70%);position:absolute;inset:-10%}.dev-slot{background:linear-gradient(90deg,#ddd6ca,#f4f1ea);border-radius:99px;width:5%;height:44%;position:absolute;top:24%;right:13%;box-shadow:inset 1px 2px 3px #78695059}.dev-knob{background:linear-gradient(90deg,#ffb07a,#ff7a2b 55%,#d95a10);border-radius:99px;width:6.5%;height:13%;position:absolute;top:44%;right:-2.2%;box-shadow:0 2px 4px #c8500059}.dev-led{aspect-ratio:1;background:#ff7a2b;border-radius:50%;width:2.2%;position:absolute;bottom:9%;right:18%;box-shadow:0 0 5px 1px #ff7a2b59}.dev-shadow{filter:blur(8px);background:radial-gradient(closest-side,#3228193d,#0000);border-radius:50%;height:16%;position:absolute;bottom:-16%;left:6%;right:2%}.tv-defs{width:0;height:0;position:absolute;overflow:hidden}.profile{padding-top:0}.profile-wrap{perspective:1800px}.profile-panel{grid-template-columns:1fr 1fr;gap:clamp(28px,3.2vw,52px) clamp(32px,7vw,120px);padding:clamp(24px,3.4vw,56px) clamp(24px,6vw,110px);display:grid}.profile-h{letter-spacing:-.015em;margin-bottom:14px;font-size:clamp(17px,1.35vw,22px);font-weight:600}.timeline{padding-left:26px;position:relative}.timeline-line{background:var(--line-strong);width:1px;position:absolute;top:6px;bottom:6px;left:4px}.timeline ol{gap:12px;display:grid}.timeline li{gap:1px;display:grid;position:relative}.timeline li:before{content:"";background:var(--bg);border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-26px}.timeline b{font-size:13.5px;font-weight:600}.timeline span{color:var(--ink-2);font-size:12.5px}.timeline small{color:var(--muted);font-size:11.5px}.tools-tray{background:linear-gradient(160deg,#ebe7df,#e2ddd3);border-radius:20px;padding:clamp(10px,1vw,16px);display:inline-block;box-shadow:inset 0 2px 4px #fffc,inset 0 -3px 8px #78695026,0 24px 40px -28px #28231973}.skills{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.skill{color:var(--ink-2);padding-left:16px;font-size:13px;position:relative}.skill:before{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.tools-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tool-tile{width:48px;max-width:48px}.tool-name{font-size:10px}.tool-glyph .lettermark{font-size:17px}[data-tone=blue]{--accent:var(--blue)}[data-tone=green]{--accent:var(--green)}[data-tone=orange]{--accent:var(--orange)}.chapter{place-items:center;min-height:86svh;padding-block:10vh;display:grid;position:relative;overflow:clip}.chapter--personal{padding-bottom:18vh}.chapter-inner{justify-items:center;gap:18px;display:grid;position:relative}.chapter-title{letter-spacing:-.025em;color:#2a292f;z-index:1;white-space:nowrap;font-size:clamp(34px,5.2vw,88px);font-weight:600;position:relative}.chapter-mark{aspect-ratio:1;z-index:2;pointer-events:none;width:clamp(72px,8vw,140px);margin-left:clamp(-24px,-1.2vw,-10px);font-size:clamp(36px,4.6vw,78px);position:absolute;top:-.45em;left:100%}.chapter-mark .chapter-blob{top:0;left:0}.chapter-tags{justify-self:center;transform:translate(28%)}.project{perspective:2000px;margin-bottom:clamp(28px,4vw,60px);position:relative}.pp{padding:clamp(22px,4vw,72px)}.pp>.objs{overflow:visible}.pp-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,90px);display:grid}.pp-media{aspect-ratio:16/11;border-radius:18px;box-shadow:0 30px 60px -40px #28231980}.pp-text{justify-self:center;gap:10px;max-width:470px;display:grid}.pp-title{letter-spacing:-.02em;text-align:center;color:#2a292f;font-size:clamp(22px,2.05vw,34px);font-weight:600;line-height:1.2}[data-tone=green] .pp-title{color:var(--green)}.pp-sub{text-align:center;color:var(--muted);margin-bottom:8px;font-size:13px}.pp-desc{font-size:14px}.tool-badges{gap:8px;margin-top:10px;display:grid}.tool-badges .label{letter-spacing:.08em;text-transform:none;font-size:11px}.tool-badges ul{gap:8px;display:flex}.tool-badge{background:var(--face);width:32px;height:32px;box-shadow:0 1px 0 var(--edge), 0 2px 0 var(--edge), 0 3px 0 var(--edge), 0 8px 12px -6px #1e180c66;border-radius:9px;position:relative}.tool-badge .tool-glyph{inset:20%;transform:none}.tool-badge .lettermark{color:var(--glyph);font-size:12px;font-weight:700}.sp-label{color:#4a4850;letter-spacing:-.01em;text-align:center;font-size:clamp(17px,1.45vw,24px);font-weight:600}.wf-title{letter-spacing:-.015em;color:#2a292f;font-size:clamp(20px,1.8vw,30px);font-weight:600}.wf-sub{color:var(--muted);font-size:13px}.wk{margin-bottom:clamp(40px,5vw,84px);padding:clamp(28px,5vw,96px)}.wk .pp-title{font-size:clamp(25px,2.35vw,39px)}.wk .pp-text{gap:12px}.wk-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wk-art{border-radius:18px;justify-self:center;width:auto;max-width:100%;height:min(66svh,600px);box-shadow:0 40px 70px -42px #281e0f99}.wk-art img{object-position:50% 50%}.wk-more{gap:clamp(14px,1.6vw,24px);margin-top:clamp(56px,6.5vw,110px);display:grid}.wk-more .sp-label{color:var(--muted);font-size:clamp(14px,1.1vw,18px);font-weight:500}.wk-items{perspective:1400px;justify-content:center;gap:clamp(14px,2vw,32px);display:grid}.wk-items--1{grid-template-columns:minmax(0,300px)}.wk-items--2{grid-template-columns:repeat(2,minmax(0,270px))}.wk-items--3{grid-template-columns:repeat(3,minmax(0,230px))}.wk-item{justify-items:center;gap:10px;display:grid}.wk-thumb{border-radius:14px;width:100%;box-shadow:0 22px 40px -30px #281e0f73}.wk-thumb img{object-position:var(--origin);transform:scale(var(--zoom));transform-origin:var(--origin)}.wk-cap{color:var(--muted);font-size:12.5px}.ps{margin-bottom:clamp(24px,3vw,48px);padding-inline:clamp(18px,3vw,52px)}.ps:last-child{margin-bottom:0}.ps-head{text-align:center;gap:4px;margin-bottom:clamp(20px,2.6vw,40px);display:grid}.ps-row{perspective:1400px;grid-template-columns:1fr 1.14fr 1fr;align-items:end;gap:clamp(12px,1.8vw,30px);display:grid}.ps-card{transform-style:preserve-3d;margin:0}.ps-card--c{z-index:2}.ps-img{aspect-ratio:4/5;background:#ddd;border-radius:clamp(12px,1.2vw,18px);overflow:hidden;box-shadow:0 34px 60px -38px #281e0f99}.ps-img picture,.ps-img img{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%}.ps-card figcaption{justify-content:space-between;gap:10px;margin-top:12px;font-size:12.5px;display:flex}.ps-card figcaption b{font-weight:600}.ps-card figcaption span{color:var(--muted)}.ps-row--2{grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:clamp(20px,4vw,64px)}.ps-row--6{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2.4vw,40px) clamp(12px,1.8vw,30px)}.ps-row--6 .ps-img{aspect-ratio:4/5}.ps[data-static] .ps-card--l{rotate:y 12deg}.ps[data-static] .ps-card--r{rotate:y -12deg}.shortform{--sf-phone:clamp(130px, 13vw, 226px)}.sf-stage{perspective:1600px;justify-content:center;align-items:flex-end;padding-block:clamp(10px,2vw,30px);display:flex}.sf-phone{transform-style:preserve-3d;position:relative}.sf-phone--1{margin-right:calc(var(--sf-phone) * -.16);z-index:1;translate:0 6%;rotate:-11deg}.sf-phone--2{z-index:3;scale:1.08}.sf-phone--3{margin-left:calc(var(--sf-phone) * -.16);z-index:1;translate:0 6%;rotate:11deg}.cta{flex-direction:column;min-height:100svh;display:flex;position:relative}.cta-stage{flex:1;place-items:center;min-height:80svh;display:grid;position:relative}.cta-title{z-index:1;letter-spacing:-.025em;color:#2a292f;text-align:center;font-size:clamp(36px,6.4vw,110px);font-weight:700;position:relative}.cta-pills{inset:24% calc(var(--gutter) + 10vw);position:absolute}.cta-pill-wrap{left:var(--x);top:var(--y);position:absolute}.cta-pill{white-space:nowrap;border:1px solid var(--line);color:var(--ink-2);background:#fff9;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:clamp(12.5px,.95vw,14.5px);transition:background-color .4s,color .4s,border-color .4s;display:inline-flex;box-shadow:0 10px 24px -18px #28231980}a.cta-pill:hover,a.cta-pill:focus-visible{background:var(--ink);color:var(--bg);border-color:var(--ink)}.foot{color:var(--muted);justify-content:space-between;gap:16px;padding-block:22px;font-size:11.5px;display:flex}@media (width<=1100px){.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=899px){:root{--section-y:clamp(72px, 14vw, 120px)}.nav-links{display:none}.hero-meta{grid-template-columns:1fr auto}.hero-loc{display:none}.about-grid{padding-inline:var(--gutter);grid-template-columns:1fr}.about-copy{max-width:none}.about-visual{padding-block:40px 30px;place-items:center;min-height:0;padding-right:0}.dev-scene{perspective:1900px;width:min(62vw,340px)}.profile-panel{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pp-row{grid-template-columns:1fr}.pp-text{max-width:none}.wk-art{width:min(100%,420px);height:auto}.wk-items--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ps-row{gap:10px;padding-inline:0}.shortform{--sf-phone:clamp(96px, 27vw, 190px)}.cta-stage{flex-direction:column;justify-content:center;gap:36px;min-height:0;padding-block:120px 60px;display:flex}.cta-title{font-size:clamp(34px,10vw,64px)}.cta-pills{flex-wrap:wrap;justify-content:center;gap:24px 10px;max-width:560px;display:flex;position:static}.cta-pill-wrap{position:static}}@media (width<=560px){.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-contacts,.skills{grid-template-columns:1fr}.ps-card figcaption{display:none}.ps-row--6{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-cta{height:40px;padding:0 16px}.foot{flex-direction:column;align-items:center;gap:6px}.chapter-tags{transform:none}.chapter-mark{width:60px;margin-left:-54px;top:-2.3em}.chapter-mark .blob-glass{display:none}.chapter-mark .chapter-dot{top:62%!important;left:108%!important}.chapter-mark .chapter-blob{--s:60px!important}}@media (prefers-reduced-motion:reduce){.hero-scroll-line:after,.mzp-pulse,.caret,.wf-proto .tap,.sv-media img,.sv-progress i{animation:none}}.case-study{--mz-ink:#17203b;--mz-blue:#3157d5;--mz-violet:#7357e9;--mz-green:#16a36a;--mz-red:#e14368;--mz-orange:#f0a238;--mz-line:#e8ebf4;--mz-bg:#f4f6fb;padding-block:clamp(70px,8vw,140px);position:relative}.csa-block{margin-top:clamp(80px,9vw,160px)}.ci{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px clamp(14px,1.8vw,28px);display:grid}.ci-main{grid-column:1/8}.ci-eyebrow{align-items:center;gap:10px;margin-bottom:18px;display:inline-flex}.ci-logo{aspect-ratio:1;background:#fff;border-radius:22%;width:clamp(54px,4.6vw,72px);margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 14px 30px -18px #17203b80}.ci-logo .shot-img{object-fit:contain;padding:8%}.ci-title{letter-spacing:-.03em;color:#2a292f;font-size:clamp(34px,4.4vw,74px);font-weight:600;line-height:1.04}.ci-title span{display:block}.ci-title-2{color:#8a8790;font-weight:500}.ci-sub{color:var(--muted);margin-top:14px;font-size:14px}.ci-note{border:1px solid var(--line);color:var(--ink-2);background:#ffffffb3;border-radius:999px;margin-top:12px;padding:6px 12px;font-size:12px;display:inline-flex}.rs--native .shot-img{object-position:50% 0%}.shot-pic{position:absolute;inset:0}.src-tag{z-index:2;letter-spacing:.02em;color:var(--mz-blue);background:#ffffffeb;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;bottom:8px;left:8px;box-shadow:0 4px 10px -6px #0000004d}.src-tag--flutter{color:#0175c2}.story-note{width:max-content;max-width:calc(100vw - 32px);color:var(--muted);text-align:center;font-size:11px;position:absolute;bottom:clamp(2px,1vh,10px);left:50%;transform:translate(-50%)}.sec-login{perspective:1600px;gap:10px;max-width:900px;margin:0 0 clamp(20px,2.4vw,36px);display:grid}.sec-login .device{--w:100%;font-size:6px}.sec-login figcaption{color:var(--muted);text-align:center;font-size:12.5px}.ci-meta{grid-column:8/13;display:grid}.ci-meta>div{border-top:1px solid var(--line);grid-template-columns:7.5em 1fr;gap:14px;padding:11px 0;font-size:13.5px;display:grid}.ci-meta>div:last-child{border-bottom:1px solid var(--line)}.sh{gap:8px;max-width:640px;margin-bottom:clamp(28px,3.4vw,52px);display:grid}.sh--center{text-align:center;justify-items:center;margin-inline:auto}.sh-title{letter-spacing:-.02em;color:#2a292f;font-size:clamp(24px,2.4vw,40px);font-weight:600;line-height:1.15}.sh-text{color:var(--ink-2);max-width:34em;font-size:14.5px;line-height:1.7}.rs{background:var(--mz-bg);position:absolute;inset:0}.rs-status{z-index:4;height:7%;color:var(--mz-ink);justify-content:space-between;align-items:center;padding:0 11% 0 12%;font:600 3.9em/1 -apple-system,system-ui,sans-serif;display:flex;position:absolute;top:0;left:0;right:0}.rs-icons{align-items:center;gap:.25em;display:flex}.rs-icons i{background:currentColor;border-radius:.12em;width:.85em;height:.55em}.rs-icons b{border:.1em solid;border-radius:.2em;width:1.35em;height:.62em}.rs-shot{position:absolute;inset:7% 0 0;overflow:hidden}.shot-img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;position:absolute;inset:0}.shot-slot{text-align:center;color:#6c6862;border-radius:inherit;background:repeating-linear-gradient(135deg,#f3f1ec 0 10px,#ebe8e1 10px 20px);border:1.5px dashed #c9c3b8;place-content:center;justify-items:center;gap:6px;padding:8%;display:grid;position:absolute;inset:0}.shot-slot b{color:#3f3d44;font-size:clamp(11px,.9vw,14px);font-weight:600}.shot-slot code{opacity:.75;word-break:break-all;font-size:10px}.shot-slot-tag{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#2a292f;border-radius:999px;padding:3px 9px;font-size:9.5px;font-weight:600;display:inline-block}.device .shot-slot--phone b{font-size:3.6em}.device .shot-slot--phone code,.device .shot-slot--phone .shot-slot-tag{font-size:2.6em}.flow-thumb .shot-slot{gap:4px;padding:6%}.flow-thumb .shot-slot code,.feat-shot .shot-slot code{display:none}.flow-thumb .shot-slot b{font-size:11px}.flow-thumb .shot-slot-tag{padding:2px 6px;font-size:8px}.story{--ph:clamp(150px, 13.5vw, 236px);--ph-main:clamp(186px, 16.5vw, 288px);place-items:center;height:100svh;min-height:640px;display:grid;position:relative}.story-stage{perspective:1600px;place-items:center;width:100%;display:grid;position:relative}.story-stage>.device{transform-style:preserve-3d;grid-area:1/1}.story-main{z-index:3}.story-back{z-index:1}.story[data-static] .story-back--l{translate:-64%;rotate:-8deg}.story[data-static] .story-back--r{translate:64%;rotate:8deg}.story-screen{opacity:0;transition:opacity .5s var(--ease-out);position:absolute;inset:0}.story-screen.is-on{opacity:1}.story-label{z-index:4;border:1px solid var(--line);white-space:nowrap;-webkit-backdrop-filter:blur(6px);background:#ffffffd1;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 14px 30px -20px #17203b80}.story-label:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%}.story-label--1{top:20%;left:16%}.story-label--2{top:64%;left:12%}.story-label--3{top:26%;right:15%}.story-label--4{top:68%;right:11%}.story-tabs{border:1px solid var(--line);background:#fff9;border-radius:999px;gap:6px;padding:6px;display:flex;position:absolute;bottom:clamp(18px,4vh,40px);left:50%;transform:translate(-50%)}.story-tab{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12px;transition:background-color .4s,color .4s}.story-tab.is-on{background:var(--ink);color:var(--bg)}.feat-grid{--feat-r:clamp(16px, 1.6vw, 24px);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,2.6vw,44px) clamp(14px,1.8vw,28px);display:grid}.feat{align-content:start;gap:6px;display:grid}.feat-card{margin-bottom:10px;position:relative}.feat-tilt{border-radius:var(--feat-r);position:relative}.feat-tilt:before{content:"";border-radius:inherit;opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0;box-shadow:0 46px 70px -38px #17203b99,0 16px 30px -22px #17203b4d}.feat-shot{aspect-ratio:390/800;border-radius:var(--feat-r);background:var(--mz-bg);position:relative;overflow:hidden;box-shadow:0 0 0 1px #17203b0f,0 2px 4px -2px #17203b1f,0 30px 50px -36px #17203b8c}.feat-shot:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 1px #ffffffb3}.feat-shot .shot-img{transform-origin:50% 30%}.feat-light{z-index:3;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%), #fff3, transparent 42%);opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.feat.is-hover .feat-light,.feat.is-hover .feat-tilt:before{opacity:1}.feat-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--glow) 32%, transparent), transparent);filter:blur(26px);pointer-events:none;border-radius:30%;position:absolute;inset:10% -6% -3%}.feat--desktop{grid-column:span 2}.feat-shot.is-desktop{aspect-ratio:16/10;border-radius:14px}.feat b{font-size:15px;font-weight:600}.feat span{color:var(--muted);font-size:13px;line-height:1.55}.flow{--thumb:clamp(110px, 11.5vw, 190px);grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);display:grid;position:relative}.flow-line{left:4%;right:4%;top:calc(var(--thumb) + 26px);background:var(--line-strong);height:2px;position:absolute}.flow-line i{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.flow-step{text-align:center;opacity:.45;transition:opacity .5s var(--ease-out);justify-items:center;gap:6px;display:grid;position:relative}.flow-step.is-on{opacity:1}.flow-thumb{width:78%;height:var(--thumb);background:var(--mz-bg);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 40px -30px #17203b80}.flow-db{aspect-ratio:1/1.1;background:linear-gradient(#3ecf8e,#1f9d63);border-radius:50%/18%;width:44%;box-shadow:inset 0 -.6em #0000001f,inset 0 .6em #ffffff40}.flow-n{z-index:1;background:var(--bg);border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:30px;height:30px;margin-top:10px;font-size:11px;font-weight:600;transition:background-color .4s,border-color .4s,color .4s;display:grid;position:relative}.flow-step.is-on .flow-n{background:var(--accent);border-color:var(--accent);color:#fff}.flow-step b{font-size:13.5px;font-weight:600}.flow-step>span:last-child{color:var(--muted);font-size:12px}.flow--chips{--thumb:0px}.flow--chips .flow-line{top:15px}.flow--chips .flow-n{margin-top:0}.ds-stage{isolation:isolate;--bp:clamp(16px, 2.8vw, 44px);position:relative}.ds-ambient{z-index:-1;pointer-events:none;filter:blur(40px);height:62%;translate:var(--px,0px) var(--py,0px);background:radial-gradient(48% 60% at 34% 60%,#3157d529,#0000 70%),radial-gradient(44% 56% at 68% 54%,#7357e924,#0000 70%);position:absolute;bottom:-8%;left:6%;right:6%}.csa-board{padding:calc(var(--bp) + 14px) var(--bp) var(--bp);translate:0 var(--py,0px);background:linear-gradient(#ffffff9e,#ffffff5c);grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);display:grid;box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #ffffff73,0 0 0 1px #1e1d220a,0 22px 40px -34px #2823194d,0 60px 100px -70px #17203b66}.csa-board:before{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(#3157d50e 1px,#0000 1px),linear-gradient(90deg,#3157d50e 1px,#0000 1px);background-position:-1px -1px;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 25%,#0000 78%);mask-image:radial-gradient(120% 90% at 50% 0,#000 25%,#0000 78%)}.ds-ruler{left:var(--bp);right:var(--bp);top:calc(var(--bp) * .5);opacity:.5;pointer-events:none;background:repeating-linear-gradient(90deg,#17203b38 0 1px,#0000 1px 64px) bottom/100% 7px no-repeat,repeating-linear-gradient(90deg,#17203b29 0 1px,#0000 1px 8px) bottom/100% 3px no-repeat;height:7px;position:absolute}.ds{min-width:0;translate:0 var(--py,0px);background:linear-gradient(#ffffffe0,#ffffffad);border:1px solid #ffffffe6;border-radius:20px;align-content:start;gap:12px;padding:clamp(16px,1.8vw,26px);display:grid;position:relative;box-shadow:inset 0 1px #fff,0 0 0 1px #17203b0d,0 1px 2px #17203b0d,0 24px 40px -30px #17203b59}.ds-logo{grid-area:1/1/3/5;grid-template-rows:auto 1fr}.ds-colors{grid-area:1/5/auto/13}.ds-type{grid-area:2/5/auto/9}.ds-buttons{grid-area:2/9/auto/13}.ds-chips{grid-area:3/1/auto/6}.ds-nav{grid-area:3/6/auto/13}.ds-k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.ds-k i{font-variant-numeric:tabular-nums;color:var(--mz-blue);font-style:normal}.ds-k:after{content:"";background:var(--line);flex:1;height:1px}.ds-logo-in{aspect-ratio:1;width:min(64%,240px);translate:0 var(--py,0px);place-self:center;margin-block:20px 32px;position:relative}.ds-logo-glow{filter:blur(18px);opacity:.8;transition:opacity .7s var(--ease-out), scale .7s var(--ease-out);background:radial-gradient(closest-side,#3157d542,#7357e91a 60%,#0000);border-radius:50%;position:absolute;inset:-24%}.ds-logo-float{perspective:700px;width:100%;height:100%;position:relative}.ds-logo-tile{width:100%;height:100%;transition:transform .8s var(--ease-out), box-shadow .8s var(--ease-out);background:#fff;border-radius:21%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #17203b0d,0 2px 4px #17203b0f,0 28px 50px -24px #203da873}.ds-logo-tile .shot-img{object-fit:cover}.ds-logo-tile .shot-slot{border-radius:inherit}.ds-logo-sheen{border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffffbf,#fff0 40%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 -10px 20px -14px #17203b2e}.ds-logo-floor{filter:blur(3px);background:radial-gradient(closest-side,#17203b33,#0000);border-radius:50%;height:8%;position:absolute;bottom:-14%;left:18%;right:18%}.ds-swatches{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px 12px;display:grid}.ds-swatch{gap:3px;min-width:0;font-size:11px;display:grid}.ds-swatch i{aspect-ratio:4/5;background:linear-gradient(155deg, #ffffff4d, #fff0 42%), var(--c);box-shadow:inset 0 0 0 1px #0000000f, inset 0 1px 0 #ffffff59, 0 1px 2px #17203b14, 0 10px 18px -12px color-mix(in srgb, var(--c) 70%, #17203b);transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);border-radius:12px;margin-bottom:6px}.ds-swatch b{white-space:nowrap;letter-spacing:-.01em;font-weight:600}.ds-swatch code{color:var(--muted);font-size:10.5px;transition:color .4s}.ds-glyphs{color:var(--mz-ink);font-family:Noto Sans Khmer,Khmer Sangam MN,system-ui,sans-serif;font-size:clamp(40px,4vw,64px);font-weight:700;line-height:1.15;display:grid;position:relative}.ds-lat,.ds-km{z-index:1;position:relative}.ds-guides i{background:repeating-linear-gradient(90deg,#3157d538 0 4px,#0000 4px 8px);height:1px;position:absolute;left:0;right:0}.ds-guides i:first-child{top:.25em}.ds-guides i:nth-child(2){top:.95em}.ds-guides i:nth-child(3){top:1.4em}.ds-guides i:nth-child(4){top:2.1em}.ds-font{color:var(--ink-2);gap:2px;font-size:12.5px;display:grid}.ds-font span:first-child{color:var(--ink);font-weight:600}.ds-spec{border-top:1px solid var(--line);color:var(--mz-ink);gap:4px;padding-top:10px;font-family:Noto Sans Khmer,Khmer Sangam MN,system-ui,sans-serif;display:grid}.ds-spec .is-h{font-size:18px;font-weight:700}.ds-spec .is-b{font-size:14px}.ds-spec .is-c{color:var(--muted);font-size:11.5px}.mz-btn{transition:box-shadow .5s var(--ease-out), border-color .5s var(--ease-out), translate .5s var(--ease-out);border-radius:14px;justify-content:center;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.mz-btn--primary{background:linear-gradient(135deg, var(--mz-blue), var(--mz-violet));color:#fff;box-shadow:0 10px 20px -12px var(--mz-blue)}.mz-btn--primary:after{content:"";transition:transform .9s var(--ease-out);background:linear-gradient(105deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.mz-btn--green{background:var(--mz-green);color:#fff}.mz-btn--ghost{border:1px solid var(--mz-line);color:var(--mz-ink);background:#fff}.mz-field{border:1px solid var(--mz-line);color:#9aa1b5;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex;position:relative}.mz-field i{border:1.5px solid;border-radius:2px;width:14px;height:10px}.mz-ring{border-radius:inherit;pointer-events:none;border:1px solid color-mix(in srgb, var(--mz-blue) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mz-blue) 14%, transparent);position:absolute;inset:-1px}.ds-chips>div{flex-wrap:wrap;gap:6px;display:flex}.mz-chip{color:var(--mz-blue);background:#eef1fb;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.mz-chip.ok{color:var(--mz-green);background:#e3f6ee}.mz-chip.warn{color:#b9741a;background:#fdf1df}.mz-chip.bad{color:var(--mz-red);background:#fde7ed}.ds-nav{align-content:space-between}.mz-nav{translate:0 var(--py,0px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fffffff0,#ffffffbd);border:1px solid #ffffffe6;border-radius:22px;justify-content:space-around;padding:12px 10px;display:flex;box-shadow:inset 0 1px #fff,inset 0 -2px 6px #17203b0a,0 0 0 1px #17203b0f,0 18px 34px -20px #17203b66}.mz-nav span{color:#9aa1b5;text-transform:capitalize;justify-items:center;gap:4px;font-size:11px;display:grid}.mz-nav span.is-on{color:var(--mz-blue)}.ni{width:22px;height:22px;transition:transform .5s var(--ease-out);border:2px solid;border-radius:7px;position:relative}.mz-nav .is-on .ni{background:color-mix(in srgb, var(--mz-blue) 14%, transparent)}.ni-home{clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);border-radius:4px 4px 7px 7px}.ni-schedule:after{content:"";background:currentColor;height:2px;position:absolute;top:5px;left:3px;right:3px}.ni-leave{border-radius:4px}.ni-account{border-radius:50%}@media (hover:hover) and (pointer:fine) and (width>=900px) and (prefers-reduced-motion:no-preference){.ds-logo:hover .ds-logo-tile{transform:translateY(-8px)rotateX(3deg)rotateY(-3deg);box-shadow:0 0 0 1px #17203b0d,0 4px 8px #17203b0f,0 40px 60px -26px #203da880}.ds-logo:hover .ds-logo-glow{opacity:1;scale:1.08}.ds-swatch:hover i{box-shadow:inset 0 0 0 1px #0000000f, inset 0 1px 0 #ffffff59, 0 1px 2px #17203b14, 0 18px 28px -12px color-mix(in srgb, var(--c) 65%, transparent);transform:translateY(-6px)scale(1.03)}.ds-swatch:hover code{color:var(--ink)}.mz-btn--primary:hover:after{transform:translate(120%)}.mz-btn--green:hover{box-shadow:0 12px 24px -12px var(--mz-green);translate:0 -1px}.mz-btn--ghost:hover{border-color:color-mix(in srgb, var(--mz-blue) 40%, var(--mz-line))}.mz-nav span:not(.is-on):hover .ni{transform:translateY(-2px)}}.cs-tech{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,90px);display:grid}.arch{gap:14px;padding-left:46px;display:grid;position:relative}.arch-line{background:var(--line-strong);width:2px;position:absolute;top:22px;bottom:22px;left:21px;overflow:hidden}.arch-line i{background:var(--accent);transform-origin:top;position:absolute;inset:0}.arch-line:after{content:"";background:linear-gradient(#0000,#fff,#0000);border-radius:4px;width:8px;height:40px;animation:3.6s linear infinite pulse-down;position:absolute;left:-3px}@keyframes pulse-down{0%{transform:translateY(-40px)}to{transform:translateY(600px)}}.arch-node{border:1px solid var(--line);background:#ffffffbf;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;display:flex;position:relative;box-shadow:0 16px 30px -26px #17203b73}.arch-node:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:-31px}.arch-i{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.cs-code{perspective:1400px;gap:22px;display:grid}.cs-code .sh{margin-bottom:4px}.code{background:#15161c;border-radius:16px;margin:0;overflow:hidden;box-shadow:0 40px 70px -40px #0a0a14b3}.code-bar{background:#1d1e26;border-bottom:1px solid #262833;align-items:center;gap:7px;padding:12px 16px;display:flex}.code-bar i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.code-bar i:nth-child(2){background:#febc2e}.code-bar i:nth-child(3){background:#28c840}.code-file{color:#d6d8e0;margin-left:10px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.code-lang{letter-spacing:.1em;color:#6f7384;margin-left:auto;font-size:10px}.code-body{color:#d6d8e0;max-height:420px;margin:0;padding:16px 0;font:12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.code-line{white-space:pre;padding-right:20px;display:block}.code-ln{text-align:right;color:#4f5363;-webkit-user-select:none;user-select:none;width:3.2em;padding-right:1.2em;display:inline-block}.tok-k{color:#c792ea}.tok-s{color:#c3e88d}.tok-c{color:#6a737d;font-style:italic}.tok-n{color:#f78c6c}.tok-t{color:#82aaff}.code-slot{color:#9a9db0;background:repeating-linear-gradient(135deg,#15161c 0 12px,#191a21 12px 24px);justify-items:start;gap:10px;padding:28px 24px;font-size:13px;display:grid}.code-slot code{color:#d6d8e0;overflow-wrap:anywhere}.code-note{color:#9a9db0;background:#1a1b22;border-top:1px solid #262833;padding:12px 16px;font-size:12px}.wa-hero{perspective:1800px;--wa-main:min(86cqw, 1040px);--wa-back:min(60cqw, 720px);place-items:center;margin-top:clamp(50px,6vw,100px);display:grid;position:relative;container-type:inline-size}.wa-hero>.device{grid-area:1/1}.wa-main{z-index:2;transform-origin:50% 100%}.wa-back{z-index:1;opacity:.92;align-self:start;margin-top:-4cqw}.wa-back--1{translate:-16%}.wa-back--2{translate:16%}.browser-screen .shot-img{object-position:0 0}.mods{perspective:1400px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);display:grid}.mod{background:var(--panel);border:1px solid #ffffffb3;border-radius:20px;align-content:start;gap:12px;padding:clamp(18px,2vw,28px);display:grid;box-shadow:0 0 0 1px #1e1d2209,0 30px 60px -50px #28231959}.mod b{color:var(--green);font-size:15px;font-weight:600}.mod ul,.op-items{flex-wrap:wrap;gap:6px;display:flex}.mod li,.op-items li{border:1px solid var(--line);background:#fffc;border-radius:999px;padding:6px 12px;font-size:12.5px}.mc{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(20px,4vw,70px);padding:clamp(24px,3.6vw,56px);display:grid}.mc-col{gap:10px;display:grid}.mc-roles li{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:500}.mc-chain,.mc-chain li{justify-items:center;display:grid}.mc-chain span{background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500}.mc-link{background:linear-gradient(var(--ink), var(--green));transform-origin:top;width:2px;height:26px;display:block}.mc-cos li{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;display:flex}.mc-cos li.is-all{background:color-mix(in srgb, var(--green) 10%, #fff);border-color:color-mix(in srgb, var(--green) 30%, transparent);font-weight:600}.mc-logo{width:30px;height:30px;color:var(--muted);background:#f0eee9;border-radius:9px;place-items:center;font-size:10px;font-weight:700;display:grid}.sec{perspective:1400px;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);display:grid}.sec li{border:1px solid var(--line);background:#ffffffb3;border-radius:18px;align-content:start;gap:6px;padding:18px;display:grid}.sec-i{color:var(--green);font-size:11px;font-weight:600}.sec b{font-size:14px;font-weight:600}.sec span:last-child{color:var(--muted);font-size:12.5px;line-height:1.5}.shots-2,.shots-3{perspective:1600px;gap:clamp(18px,2.2vw,36px);display:grid}.shots-2{grid-template-columns:repeat(2,minmax(0,1fr))}.shots-3{grid-template-columns:1fr 1fr 1fr;align-items:start;margin-top:clamp(28px,3vw,48px)}.shots-2 figure,.shots-3 figure{gap:12px;margin:0;display:grid}.shots-2 .device,.shots-3 .device{--w:100%;font-size:6px}.shots-2 figcaption,.shots-3 figcaption{color:var(--muted);text-align:center;font-size:12.5px}.doc{aspect-ratio:1800/1272;background:#fff;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 30px 60px -40px #17203b99}.doc .shot-img{object-position:0 0}.states{flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;display:flex}.states .label{margin-right:6px}.ops{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);display:grid}.op{align-content:start;gap:18px;padding:clamp(22px,3vw,44px);display:grid}.op .device{--w:100%;font-size:6px}.cx-title-mask{margin-bottom:-.1em;padding-bottom:.1em;overflow:hidden}.cx-pin{align-content:center;justify-items:center;gap:clamp(14px,2vh,26px);min-height:100svh;padding-block:24px;display:grid}.cx-scene{--cx-ph:min(16.5cqw, calc((100svh - 300px) * .485));--cx-lap:min(42cqw, calc((100svh - 220px) * 1.3));grid-template-rows:auto auto;grid-template-columns:repeat(3,auto);justify-content:center;align-items:center;gap:22px clamp(48px,8vw,120px);width:100%;display:grid;position:relative;container-type:inline-size}.cx-lines{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cx-path{fill:none;stroke:var(--green);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.cx-node{fill:var(--bg);stroke:var(--green);stroke-width:2px}.cx-packet{fill:var(--green);opacity:0;visibility:hidden}.cx-packet-halo{fill:color-mix(in srgb, var(--green) 22%, transparent)}.cx-col{z-index:1;grid-row:span 2;grid-template-rows:subgrid;translate:0 var(--py,0px);place-items:center;display:grid;position:relative}.cx-hover{justify-items:center;display:grid;position:relative}.cx-col--phone{margin-left:calc(var(--cx-lap) * .09)}.cx-col--desk{margin-right:calc(var(--cx-lap) * .09)}.cx-col--desk .cx-hover{padding-top:calc(var(--cx-lap) * .05)}.cx-phone,.cx-desk{transform-style:preserve-3d}.cx-aura{z-index:-1;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#3157d529,#7357e914 55%,#0000);border-radius:50%;width:150%;position:absolute;top:42%;left:50%;translate:-50% -50%}.cx-flash{z-index:5;pointer-events:none;opacity:0;background:linear-gradient(120deg, #fff0 20%, #ffffff8c 50%, #fff0 80%), color-mix(in srgb, var(--green) 7%, transparent);position:absolute;inset:0}.cx-floor{z-index:-1;background:radial-gradient(closest-side,#1e180c38,#0000);border-radius:50%;height:9%;position:absolute;bottom:-5%;left:4%;right:4%}.cx-mid{justify-self:center}.cx-db{aspect-ratio:1/1.15;place-items:center;width:clamp(116px,12.3cqw,190px);display:grid;position:relative}.cx-db i{background:linear-gradient(#4fdc9f,#23a06a);border-radius:50%;height:30%;position:absolute;left:0;right:0;box-shadow:0 10px 20px -10px #16785099,inset 0 -6px 10px #0000001f,inset 0 3px 6px #ffffff4d}.cx-db i:first-of-type{top:0}.cx-db i:nth-of-type(2){top:32%}.cx-db i:nth-of-type(3){top:64%}.cx-db-glow{opacity:.3;pointer-events:none;background:radial-gradient(closest-side,#3ecf8e52,#0000);border-radius:50%;position:absolute;inset:-30%}.cx-bolt{z-index:1;filter:drop-shadow(0 2px 2px #00000040);margin-top:-48%;font-size:clamp(18px,2cqw,30px);position:relative}.cx-cap{text-align:center;text-wrap:balance;align-self:start;gap:3px;display:grid}.cx-cap b{font-size:16px;font-weight:600}.cx-cap span{color:var(--muted);font-size:12.5px}.cx-mid .cx-cap b{font-size:18px}.cx-mid .cx-cap span{color:var(--ink-2);white-space:nowrap;font-size:13px}.cx-vline{display:none}.cx-sum{text-align:center}.cx-tech{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin-top:clamp(70px,8vw,130px);display:grid}.cx-group{background:var(--panel);border:1px solid #ffffffb3;border-radius:22px;gap:14px;padding:clamp(18px,2vw,28px);display:grid;box-shadow:0 0 0 1px #1e1d2209}.cx-tiles{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center}.cx-roles{text-align:center;justify-items:center;gap:16px;margin-top:clamp(40px,5vw,80px);display:grid}.cx-roles ul{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cx-role{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;padding:9px 16px;font-size:13px}.laptop{aspect-ratio:auto}.laptop-lid{background:linear-gradient(160deg,#2b2b2f,#121214 60%,#29292d);border-radius:2.6em 2.6em .8em .8em;padding:2.4em 2.4em 3em;position:relative;box-shadow:inset 0 0 0 .3em #0b0b0c}.laptop-screen{aspect-ratio:16/10;background:#fff;border-radius:.6em;position:relative;overflow:hidden}.laptop-base{background:linear-gradient(#e3e3e6,#b9b9be 60%,#8d8d92);border-radius:0 0 2.4em 2.4em;height:3.6em;margin:0 -9%;position:relative;box-shadow:0 4em 6em -3em #19140a80}.laptop-base i{background:#a5a5aa;border-radius:0 0 1em 1em;width:16%;height:30%;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=1199px){.ds-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-swatch i{aspect-ratio:2}}@media (width<=1100px){.cx-scene{column-gap:6vw}.feat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sec{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=899px){.ci-main,.ci-meta{grid-column:1/-1}.story{--ph:clamp(110px, 32vw, 190px);--ph-main:clamp(140px, 42vw, 230px);height:auto;min-height:0;padding-block:60px 90px}.story[data-static] .story-back--l{translate:-52%}.story[data-static] .story-back--r{translate:52%}.story-label{display:none}.story{flex-direction:column;align-items:center;gap:0;display:flex}.story-tabs{max-width:calc(100vw - 32px);margin-top:30px;position:relative;bottom:auto;left:auto;overflow-x:auto;transform:none}.story-note{width:auto;margin-top:12px;padding-inline:16px;position:relative;bottom:auto;left:auto;transform:none}.feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{--thumb:120px;grid-template-columns:1fr;gap:18px}.flow-line{width:2px;height:auto;inset:10px auto 10px 14px}.flow-line i{transform-origin:top;transform:scaleY(0)}.flow-step{text-align:left;grid-template-rows:auto auto;grid-template-columns:90px 1fr;justify-items:start;column-gap:14px;padding-left:34px}.flow-thumb{grid-row:1/3;width:90px;height:120px}.flow-n{margin:0;position:absolute;top:0;left:0}.flow-step b{align-self:end}.flow--chips .flow-step{grid-template-columns:1fr}.flow--chips .flow-line{top:10px}.cs-tech{grid-template-columns:1fr}.csa-board{grid-template-columns:repeat(2,minmax(0,1fr))}.csa-board>.ds{grid-area:auto}.ds-swatches{gap:12px 8px}.ds-swatch{font-size:10px}.ds-swatch code{font-size:9.5px}.ds-logo-in{width:min(58%,200px);margin-block:16px 28px}.mods{grid-template-columns:repeat(2,minmax(0,1fr))}.mc,.shots-2,.shots-3,.ops{grid-template-columns:1fr}.cx-pin{min-height:0;padding-block:clamp(30px,6vw,60px) 0}.cx-scene{--cx-ph:min(56vw, 250px);--cx-lap:min(84vw, 460px);grid-template-rows:none;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0}.cx-lines{display:none}.cx-col{grid-row:auto;grid-template-rows:none;gap:16px}.cx-col--phone,.cx-col--desk{margin-inline:0}.cx-col--desk .cx-hover{padding-top:0}.cx-vline{width:2px;height:72px;margin-block:14px;display:block;position:relative}.cx-vline i{background:var(--green);transform-origin:top;border-radius:2px;position:absolute;inset:0}.cx-vline b{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--green) 20%, transparent);opacity:0;border-radius:50%;margin-left:-4.5px;position:absolute;top:0;left:50%}.cx-db{width:112px}.cx-tech{grid-template-columns:1fr}}@media (width<=560px){.feat-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:48px}.feat{width:min(100%,320px)}.feat--desktop{grid-column:1/-1}.mods,.sec{grid-template-columns:1fr}.csa-board{grid-template-columns:minmax(0,1fr)}.ci-meta>div{grid-template-columns:6.5em 1fr}.code-body{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.arch-line:after{animation:none;display:none}.flow-line i,.arch-line i{transform:none}}.ops{grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.6vw,40px)}.op{background:radial-gradient(70% 60% at var(--glow-x,88%) 0%, var(--op-glow) 0%, transparent 70%), linear-gradient(180deg, #ffffffc7, #ffffff80);border:1px solid #ffffffd9;gap:clamp(18px,2vw,28px);padding:clamp(20px,3.4vw,52px);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 0 0 1px #1e1d220a,0 40px 80px -60px #28200f73}.op--stock{--op-accent:#2f7d55;--op-glow:#2f7d551a}.op--sales{--op-accent:#5a55c9;--op-glow:#5a55c91a;--glow-x:12%}.op-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 32px;display:grid}.op-kicker{color:var(--op-accent);letter-spacing:.02em;align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.op-kicker:before{content:"";width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 16%, transparent);background:currentColor;border-radius:50%}.op-head .sh-title{margin-top:8px}.op-text{max-width:52ch;color:var(--muted);margin-top:10px;font-size:clamp(13.5px,1vw,15px);line-height:1.6}.op-demo{border:1px dashed var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:end;align-items:center;gap:7px;padding:6px 12px;font-size:11px;display:inline-flex}.op-demo:before{content:"";background:var(--muted);opacity:.6;border-radius:50%;width:5px;height:5px}.op .op-items{gap:6px}.op .op-items li{color:var(--muted);background:#ffffff8c;border-color:#1e1d2212;padding:4px 11px;font-size:11.5px}.op-stage{perspective:1800px;grid-template-rows:auto auto;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);align-items:start;gap:clamp(12px,1.5vw,22px);display:grid}.op-main{z-index:2;grid-row:1/3}.op--sales .op-stage{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr)}.op--sales .op-main{grid-column:2}.op--sales .op-sup{grid-column:1}.op-main,.op-sup{min-width:0;position:relative}.op-sup--2{margin-top:clamp(-6px,-.4vw,0px)}.op-hover{transform-origin:50% 60%;will-change:transform}.op .browser{--w:100%;transition:box-shadow .5s var(--ease-out);font-size:clamp(4.5px,.42vw,6.5px);box-shadow:0 0 0 1px #1e1d2214,0 40px 70px -40px #1e180c6b,0 14px 24px -16px #1e180c38}.op .browser-bar{background:#f3f2ef;height:3.4em}.op .browser-screen{background:#f7f5ef;container-type:inline-size}.op-sup .browser-screen{aspect-ratio:16/11}.op-hover.is-hover .browser{box-shadow:0 0 0 1px #1e1d2214,0 60px 90px -44px #1e180c80,0 22px 30px -18px #1e180c42}.op-cap{color:var(--muted);text-align:center;margin-top:10px;font-size:11.5px}@media (width<=1023px){.op-stage,.op--sales .op-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.op-main,.op--sales .op-main{grid-area:auto/1/auto/-1}.op-sup,.op--sales .op-sup{grid-column:auto;margin-top:0}}@media (width<=640px){.op-head{grid-template-columns:minmax(0,1fr)}.op-demo{order:-1;justify-self:start}.op .browser{font-size:4.5px}}@media (width<=480px){.op-stage,.op--sales .op-stage{grid-template-columns:minmax(0,1fr)}}.mk{--u:calc(100cqw / var(--mk-w,1120));--side:#1c3a2f;--cv:#f7f5ef;--card:#fffefb;--ln:#e6e1d6;--ln2:#efebe3;--ink:#1f2722;--mut:#7c776c;--pri:#1f4d3b;--ok:#2e7a4f;--okb:#e4f1e8;--warn:#9c620d;--warnb:#fbefd8;--bad:#ad3a32;--badb:#f8e2de;--info:#3354a6;--infob:#e6ecf8;--vio:#6448c0;--viob:#eee8fb;--mute:#6f6a60;--muteb:#efece5;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;font-family:var(--f-sans);font-size:calc(13 * var(--u));letter-spacing:-.005em;color:var(--ink);background:var(--cv);text-align:left;-webkit-font-smoothing:antialiased;line-height:1.35;position:absolute;inset:0;overflow:hidden}.mk b{font-weight:600}.mk small,.mk em{font-style:normal}.mk-h{font-family:var(--serif);font-weight:600;font-size:calc(24 * var(--u));letter-spacing:-.01em;align-items:center;gap:calc(8 * var(--u));margin:0;line-height:1.15;display:flex}.mk-h--s{font-size:calc(19 * var(--u))}.mk-sub{margin:calc(4 * var(--u)) 0 0;font-size:calc(11.5 * var(--u));color:var(--mut)}.mk-dim{color:var(--mut)}.mk-num{font-variant-numeric:tabular-nums;font-weight:600}.mk .r{text-align:right;justify-self:end}.mk-ok{color:var(--ok)}.mk-chip{align-items:center;gap:calc(5 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u));font:500 calc(10.5 * var(--u)) / 1.2 var(--f-sans);letter-spacing:0;white-space:nowrap;border-radius:999px;display:inline-flex}.mk-chip:before{content:"";width:calc(5 * var(--u));height:calc(5 * var(--u));background:currentColor;border-radius:50%}.mk-chip--ok{color:var(--ok);background:var(--okb)}.mk-chip--warn{color:var(--warn);background:var(--warnb)}.mk-chip--bad{color:var(--bad);background:var(--badb)}.mk-chip--info{color:var(--info);background:var(--infob)}.mk-chip--violet{color:var(--vio);background:var(--viob)}.mk-chip--mute{color:var(--mute);background:var(--muteb)}.mk-btn{padding:calc(7 * var(--u)) calc(12 * var(--u));border-radius:calc(8 * var(--u));border:1px solid var(--ln);background:var(--card);font-size:calc(11.5 * var(--u));white-space:nowrap;align-items:center;font-weight:500;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #3c321e0f}.mk-btn--primary{background:var(--pri);border-color:var(--pri);color:#fff;box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) calc(-4 * var(--u)) #1f4d3b99}.mk-actions{gap:calc(8 * var(--u));display:flex}.mk-field,.mk-select,.mk-switch,.mk-search{align-items:center;gap:calc(7 * var(--u));height:calc(32 * var(--u));padding:0 calc(11 * var(--u));border-radius:calc(8 * var(--u));border:1px solid var(--ln);background:var(--card);font-size:calc(11.5 * var(--u));color:var(--mut);white-space:nowrap;display:inline-flex}.mk-field i,.mk-search i{width:calc(11 * var(--u));height:calc(11 * var(--u));border:calc(1.6 * var(--u)) solid #a29d91;border-radius:50%;flex:none}.mk-select:after{content:"";width:calc(5 * var(--u));height:calc(5 * var(--u));border-right:calc(1.5 * var(--u)) solid currentColor;border-bottom:calc(1.5 * var(--u)) solid currentColor;margin-left:auto;transform:translateY(-25%)rotate(45deg)}.mk-select{gap:calc(12 * var(--u));color:var(--ink)}.mk-select.is-set{border-color:color-mix(in srgb, var(--pri) 40%, var(--ln));background:color-mix(in srgb, var(--pri) 6%, var(--card));color:var(--pri);font-weight:500}.mk-seg{padding:calc(3 * var(--u));border-radius:calc(9 * var(--u));background:var(--ln2);font-size:calc(11 * var(--u));color:var(--mut);display:inline-flex}.mk-seg>*{padding:calc(5 * var(--u)) calc(10 * var(--u));border-radius:calc(6 * var(--u));white-space:nowrap}.mk-seg b{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #3c321e1f}.mk-seg--full{display:flex}.mk-seg--full>*{text-align:center;flex:1}.mk-app{grid-template-columns:calc(196 * var(--u)) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);display:grid}.mk-side{gap:calc(11 * var(--u));min-height:0;padding:calc(16 * var(--u)) calc(12 * var(--u));background:linear-gradient(180deg, #1f4034, var(--side) 60%, #183327);color:#dfe8e1;flex-direction:column;display:flex;overflow:hidden}.mk-brand,.mk-side-foot{align-items:center;gap:calc(9 * var(--u));padding:0 calc(6 * var(--u));display:flex}.mk-brand{padding-bottom:calc(14 * var(--u));border-bottom:1px solid #ffffff14}.mk-brand b,.mk-side-foot b{font-family:var(--serif);font-size:calc(13.5 * var(--u));letter-spacing:.02em;color:#fff;display:block}.mk-brand small,.mk-side-foot small{font-size:calc(10 * var(--u));color:#c9b98a;display:block}.mk-mono{width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:calc(9 * var(--u));color:var(--side);font:700 calc(11.5 * var(--u)) / 1 var(--serif);letter-spacing:.02em;background:linear-gradient(145deg,#f4e9c8,#dcc88f);flex:none;place-items:center;display:grid}.mk-mono--soft{color:#f1e6c5;background:#ffffff1a}.mk-mono--ink{background:var(--side);color:#f1e6c5}.mk-navgroup{gap:calc(2 * var(--u));display:grid}.mk-navlabel{padding:0 calc(8 * var(--u)) calc(4 * var(--u));font-size:calc(9 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:#dfe8e173;font-weight:600}.mk-nav{align-items:center;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(9 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(12 * var(--u));color:#eaf0ecc7;display:flex;position:relative}.mk-nav i{width:calc(13 * var(--u));height:calc(13 * var(--u));border-radius:calc(4 * var(--u));border:calc(1.5 * var(--u)) solid currentColor;opacity:.7}.mk-nav.is-on{color:#fff;background:#ffffff1a;font-weight:500}.mk-nav.is-on:before{content:"";left:calc(-12 * var(--u));width:calc(3 * var(--u));background:#d9b65e;border-radius:0 3px 3px 0;position:absolute;top:22%;bottom:22%}.mk-side-foot{padding-top:calc(12 * var(--u));border-top:1px solid #ffffff14;margin-top:auto}.mk-main{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.mk-top{align-items:center;gap:calc(10 * var(--u));height:calc(54 * var(--u));padding:0 calc(22 * var(--u));border-bottom:1px solid var(--ln);background:#fbfaf6;display:flex}.mk-crumb{gap:calc(7 * var(--u));font-size:calc(11.5 * var(--u));color:var(--mut);white-space:nowrap;display:flex}.mk-crumb span+span:before{content:"›";margin-right:calc(7 * var(--u));opacity:.6}.mk-crumb .is-last{color:var(--ink);font-weight:500}.mk-switch{color:var(--ink);margin-left:auto;font-weight:500}.mk-switch i{width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:calc(5 * var(--u));background:var(--side)}.mk-switch em{width:calc(5 * var(--u));height:calc(5 * var(--u));margin-left:calc(6 * var(--u));border-right:calc(1.5 * var(--u)) solid var(--mut);border-bottom:calc(1.5 * var(--u)) solid var(--mut);transform:translateY(-25%)rotate(45deg)}.mk-search{width:calc(250 * var(--u))}.mk-search kbd{padding:calc(1 * var(--u)) calc(5 * var(--u));border-radius:calc(4 * var(--u));border:1px solid var(--ln);font:inherit;font-size:calc(9.5 * var(--u));margin-left:auto}.mk-user{align-items:center;gap:calc(8 * var(--u));display:flex}.mk-user b{font-size:calc(11.5 * var(--u));display:block}.mk-user small{font-size:calc(10 * var(--u));color:var(--mut);display:block}.mk-avatar{width:calc(30 * var(--u));height:calc(30 * var(--u));color:var(--pri);font-size:calc(10.5 * var(--u));background:#e3ebe5;border-radius:50%;place-items:center;font-weight:600;display:grid}.mk-page{gap:calc(12 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u));grid-auto-rows:max-content;min-height:0;display:grid;overflow:hidden}.mk-head{justify-content:space-between;align-items:flex-end;gap:calc(16 * var(--u));display:flex}.mk-card{min-width:0;padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(12 * var(--u));background:var(--card);border:1px solid var(--ln);box-shadow:0 1px 0 #fff inset, 0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-16 * var(--u)) #3c301938}.mk-card-h{margin-bottom:calc(6 * var(--u));font-size:calc(12.5 * var(--u));justify-content:space-between;align-items:center;display:flex}.mk-card-h b{font-family:var(--serif);font-size:calc(14.5 * var(--u))}.mk-grid{grid-template-columns:minmax(0, 1fr) calc(250 * var(--u));gap:calc(14 * var(--u));align-items:start;display:grid}.mk-col{gap:calc(14 * var(--u));display:grid}.mk-kpis{gap:calc(12 * var(--u));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mk-kpi{align-items:center;gap:calc(11 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(12 * var(--u));background:var(--card);border:1px solid var(--ln);display:flex;box-shadow:inset 0 1px #fff}.mk-kpi small{font-size:calc(10.5 * var(--u));color:var(--mut);display:block}.mk-kpi b{margin-top:calc(2 * var(--u));font:600 calc(22 * var(--u)) / 1.1 var(--serif);font-variant-numeric:tabular-nums;display:block}.mk-kpi em{margin-top:calc(3 * var(--u));font-size:calc(10 * var(--u));color:var(--mut);display:block}.mk-kpi-i{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:calc(10 * var(--u));background:var(--okb);flex:none;position:relative}.mk-kpi-i:after{content:"";border-radius:calc(3 * var(--u));border:calc(1.8 * var(--u)) solid var(--ok);position:absolute;inset:32%}.mk-kpi-i--warn{background:var(--warnb)}.mk-kpi-i--warn:after{border-color:var(--warn);border-radius:50%}.mk-kpi-i--info{background:var(--infob)}.mk-kpi-i--info:after{border-color:var(--info);border-radius:calc(2 * var(--u));border-width:calc(1.8 * var(--u)) 0;inset:30% 26%}.mk-card--table{padding:0;overflow:hidden}.mk-filters{align-items:center;gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--ln);display:flex}.mk-filters .mk-field{flex:1;min-width:0}.mk-table{font-size:calc(11.5 * var(--u))}.mk-tr{align-items:center;gap:calc(10 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--ln2);white-space:nowrap;display:grid}.mk-tr>*{text-overflow:ellipsis;min-width:0;overflow:hidden}.mk-th{padding-block:calc(7 * var(--u));font-size:calc(10 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:#f9f7f2;font-weight:600}.mk-table--stock .mk-tr{grid-template-columns:minmax(0, 2.4fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, .4fr) calc(84 * var(--u));padding-block:calc(6.5 * var(--u))}.mk-prod{column-gap:calc(9 * var(--u));grid-template-columns:auto minmax(0,1fr);align-items:center;font-weight:500;display:grid}.mk-prod i{width:calc(28 * var(--u));height:calc(28 * var(--u));border-radius:calc(7 * var(--u));background:linear-gradient(140deg,#efe8d8,#e2d8c2);grid-row:span 2;box-shadow:inset 0 0 0 1px #78643c1f}.mk-tr:nth-child(3n) .mk-prod i{background:linear-gradient(140deg,#e3ece6,#cfdcd3)}.mk-tr:nth-child(3n+1) .mk-prod i{background:linear-gradient(140deg,#e6eaf3,#d3d9e8)}.mk-prod>:not(i){text-overflow:ellipsis;overflow:hidden}.mk-prod small{font-size:calc(10 * var(--u));color:var(--mut);font-weight:400}.mk-prod--plain{grid-template-columns:minmax(0,1fr)}.mk-num small,.mk-tr .r small{color:var(--mut);font-weight:400;font-size:calc(10 * var(--u))}.mk-foot{padding:calc(10 * var(--u)) calc(14 * var(--u));font-size:calc(10.5 * var(--u));color:var(--mut);justify-content:space-between;align-items:center;display:flex}.mk-pager{gap:calc(4 * var(--u));display:flex}.mk-pager>*{min-width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:calc(6 * var(--u));place-items:center;display:grid}.mk-pager b{background:var(--pri);color:#fff}.mk-low{gap:calc(5 * var(--u));padding:calc(6 * var(--u)) 0;border-bottom:1px solid var(--ln2);display:grid}.mk-low>span:first-child{font-size:calc(11.5 * var(--u));justify-content:space-between;display:flex}.mk-low b{font-weight:500}.mk-low small{color:var(--warn);font-size:calc(10.5 * var(--u))}.mk-bar{height:calc(5 * var(--u));background:var(--ln2);border-radius:99px;display:block;overflow:hidden}.mk-bar i{border-radius:inherit;background:linear-gradient(90deg,#d9a441,#c08622);height:100%;display:block}.mk-bar i.is-bad{background:var(--bad)}.mk-bar i.is-warn{background:linear-gradient(90deg,#d9a441,#c08622)}.mk-whs .mk-bar i,.mk-bar--lg i{background:linear-gradient(90deg, #3f9467, var(--ok))}.mk-whs .mk-bar i.is-warn{background:linear-gradient(90deg,#d9a441,#c08622)}.mk-bar--lg{height:calc(7 * var(--u));margin:calc(8 * var(--u)) 0 calc(6 * var(--u))}.mk-link{margin-top:calc(10 * var(--u));font-size:calc(11 * var(--u));color:var(--pri);font-weight:500;display:block}.mk-act{gap:calc(9 * var(--u));padding:calc(5 * var(--u)) 0;border-bottom:1px solid var(--ln2);grid-template-columns:auto minmax(0,1fr);display:grid}.mk-act:last-child,.mk-low:last-of-type{border-bottom:0}.mk-act>span:last-child{gap:calc(1 * var(--u));font-size:calc(11.5 * var(--u));min-width:0;display:grid}.mk-act b{font-weight:600}.mk-act b em{margin-left:calc(4 * var(--u));color:var(--mut);font-weight:500}.mk-act small{font-size:calc(10 * var(--u));color:var(--mut);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mk-dot{width:calc(8 * var(--u));height:calc(8 * var(--u));margin-top:calc(4 * var(--u));background:var(--ok);box-shadow:0 0 0 calc(3 * var(--u)) var(--okb);border-radius:50%}.mk-dot--info{background:var(--info);box-shadow:0 0 0 calc(3 * var(--u)) var(--infob)}.mk-dot--violet{background:var(--vio);box-shadow:0 0 0 calc(3 * var(--u)) var(--viob)}.mk-dot--mute{box-shadow:0 0 0 calc(3 * var(--u)) var(--muteb);background:#b3ada1}.mk-grid--inv{grid-template-columns:minmax(0, 1fr) calc(262 * var(--u))}.mk-inv{padding:0;overflow:hidden}.mk-inv-meta{gap:calc(16 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));background:linear-gradient(180deg, #fbf9f4, var(--card));border-bottom:1px solid var(--ln);grid-template-columns:1.4fr 1fr 1fr;display:grid}.mk-inv-meta>span{align-content:start;gap:calc(2 * var(--u));display:grid}.mk-inv-meta small{font-size:calc(9.5 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:600}.mk-inv-meta small:not(:first-child){margin-top:calc(7 * var(--u))}.mk-inv-meta b{font-size:calc(12.5 * var(--u))}.mk-inv-meta span:first-child b{font-family:var(--serif);font-size:calc(15 * var(--u))}.mk-inv-meta em{font-size:calc(11 * var(--u));color:var(--mut)}.mk-table--lines .mk-tr{padding-inline:calc(16 * var(--u));grid-template-columns:.25fr 2.6fr .75fr .9fr .95fr}.mk-table--lines .mk-tr:not(.mk-th){padding-block:calc(9 * var(--u))}.mk-totals{grid-template-columns:minmax(0, 1fr) calc(230 * var(--u));gap:calc(20 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u)) calc(14 * var(--u));display:grid}.mk-note{align-self:start;gap:calc(4 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(9 * var(--u));font-size:calc(11 * var(--u));color:var(--mut);background:#f9f7f2;line-height:1.5;display:grid}.mk-note small{font-size:calc(9.5 * var(--u));letter-spacing:.08em;text-transform:uppercase;font-weight:600}.mk-totals dl{gap:calc(5 * var(--u)) calc(12 * var(--u));font-size:calc(11.5 * var(--u));grid-template-columns:1fr auto;margin:0;display:grid}.mk-totals dt{color:var(--mut)}.mk-totals dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.mk-totals .is-total{padding-top:calc(6 * var(--u));border-top:1px solid var(--ln);color:var(--ink);font:600 calc(14 * var(--u)) / 1.2 var(--serif)}.mk-totals .is-due{padding:calc(6 * var(--u)) 0 0;color:var(--warn);font-weight:600;font-size:calc(12.5 * var(--u))}.mk-pay-sum{align-items:baseline;gap:calc(6 * var(--u));display:flex}.mk-pay-sum b{font:600 calc(22 * var(--u)) / 1 var(--serif)}.mk-pay-sum span{font-size:calc(11 * var(--u));color:var(--mut)}.mk-pay{padding:calc(8 * var(--u)) 0;border-top:1px solid var(--ln2);font-size:calc(11.5 * var(--u));justify-content:space-between;align-items:center;display:flex}.mk-pay b{font-weight:500;display:block}.mk-pay small{font-size:calc(10 * var(--u));color:var(--mut);display:block}.mk-tl{margin:0;padding:0;list-style:none;display:grid}.mk-tl li{column-gap:calc(10 * var(--u));padding-bottom:calc(9 * var(--u));font-size:calc(11.5 * var(--u));grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.mk-tl li:after{content:"";left:calc(3.5 * var(--u));top:calc(16 * var(--u));bottom:calc(1 * var(--u));background:var(--ln);width:1px;position:absolute}.mk-tl li:last-child:after{display:none}.mk-tl .mk-dot{grid-row:span 2}.mk-tl b{font-weight:500}.mk-tl small{font-size:calc(10 * var(--u));color:var(--mut);grid-column:2}.mk-panel,.mk-pdf{--mk-w:560}.mk-panel{gap:calc(12 * var(--u));padding:calc(18 * var(--u)) calc(22 * var(--u));grid-template-rows:auto auto minmax(0,1fr);display:grid}.mk-panel-h{justify-content:space-between;align-items:center;display:flex}.mk-panel-h small{margin-top:calc(3 * var(--u));font-size:calc(12 * var(--u));color:var(--mut);display:block}.mk-panel .mk-h--s{font-size:calc(24 * var(--u))}.mk-panel .mk-btn{font-size:calc(13 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u))}.mk-panel .mk-seg{font-size:calc(12.5 * var(--u))}.mk-panel .mk-chip{font-size:calc(12 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u))}.mk-hist,.mk-ilist,.mk-whs{border-radius:calc(12 * var(--u));background:var(--card);border:1px solid var(--ln);align-content:start;display:grid;overflow:hidden}.mk-hrow,.mk-irow{align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border-bottom:1px solid var(--ln2);display:grid}.mk-hrow{grid-template-columns:calc(96 * var(--u)) minmax(0, 1fr) auto}.mk-hrow .mk-chip{justify-self:start}.mk-hrow>span:nth-child(2),.mk-irow>span:first-child{min-width:0;font-size:calc(13 * var(--u));display:grid}.mk-hrow b,.mk-irow b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.mk-hrow small,.mk-irow small{font-size:calc(11 * var(--u));color:var(--mut);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mk-qty{font-size:calc(13.5 * var(--u));font-variant-numeric:tabular-nums;font-weight:600}.mk-qty--in{color:var(--ok)}.mk-qty--out{color:var(--ink)}.mk-irow{grid-template-columns:minmax(0, 1fr) auto calc(84 * var(--u))}.mk-irow .mk-num{font-size:calc(13.5 * var(--u))}.mk-irow .mk-chip{justify-self:end}.mk-whs{gap:calc(8 * var(--u));background:0 0;border:0;overflow:visible}.mk-wh{gap:calc(7 * var(--u));padding:calc(10 * var(--u)) calc(15 * var(--u));border-radius:calc(12 * var(--u));background:var(--card);border:1px solid var(--ln);box-shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) calc(-14 * var(--u)) #3c301940;display:grid}.mk-wh-top{align-items:center;gap:calc(11 * var(--u));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.mk-wh-top b{font:600 calc(15 * var(--u)) / 1.2 var(--serif);display:block}.mk-wh-top small{font-size:calc(11 * var(--u));color:var(--mut);display:block}.mk-wh-v{font:600 calc(15 * var(--u)) / 1 var(--serif);font-variant-numeric:tabular-nums}.mk-wh-meta{font-size:calc(11 * var(--u));color:var(--mut);justify-content:space-between;display:flex}.mk-pdf{align-content:start;gap:calc(14 * var(--u));margin:calc(22 * var(--u)) calc(44 * var(--u)) 0;padding:calc(26 * var(--u)) calc(30 * var(--u));box-shadow:0 0 0 1px #0000000d, 0 calc(14 * var(--u)) calc(30 * var(--u)) calc(-12 * var(--u)) #1e180c59;min-height:calc(440 * var(--u));background:#fff;display:grid;inset:0 0 auto}.op .mk-pdf-host .browser-screen{background:#e8e5de}.mk-pdf-h{align-items:center;gap:calc(10 * var(--u));padding-bottom:calc(14 * var(--u));border-bottom:calc(2 * var(--u)) solid var(--side);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.mk-pdf-h b{font:600 calc(14 * var(--u)) / 1.2 var(--serif);display:block}.mk-pdf-h small{font-size:calc(10 * var(--u));color:var(--mut);display:block}.mk-pdf-t{text-align:right}.mk-pdf-t b{font-size:calc(20 * var(--u));letter-spacing:.12em;color:var(--side)}.mk-pdf-meta{gap:calc(10 * var(--u));grid-template-columns:1.5fr 1fr 1fr;display:grid}.mk-pdf-meta small{font-size:calc(9 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:600;display:block}.mk-pdf-meta b{font-size:calc(11.5 * var(--u))}.mk-pdf-lines{font-size:calc(11 * var(--u));display:grid}.mk-pdf-row{grid-template-columns:minmax(0, 1fr) calc(50 * var(--u)) calc(90 * var(--u));gap:calc(8 * var(--u));padding:calc(6 * var(--u)) 0;border-bottom:1px solid var(--ln2);display:grid}.mk-pdf-row>:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.mk-pdf-row.is-head{font-size:calc(9 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--mut);border-bottom-color:var(--ln);font-weight:600}.mk-pdf-total{justify-content:flex-end;align-items:baseline;gap:calc(18 * var(--u));font-size:calc(11 * var(--u));color:var(--mut);display:flex}.mk-pdf-total b{font:600 calc(18 * var(--u)) / 1 var(--serif);color:var(--ink)}.mk-pdf-foot{font-size:calc(10 * var(--u));color:var(--mut);justify-content:space-between;align-items:center;display:flex}.mk-stamp{padding:calc(3 * var(--u)) calc(9 * var(--u));border:calc(1.5 * var(--u)) solid var(--warn);border-radius:calc(4 * var(--u));color:var(--warn);letter-spacing:.08em;text-transform:uppercase;font-weight:600;transform:rotate(-4deg)}