:root{--green: #5bb14e;--green-hi: #74c867;--green-deep: #2f7a26;--green-soft: rgba(91, 177, 78, .14);--ink: #0a0e0b;--ink-2: #101611;--ink-3: #172019;--ink-4: #222d24;--paper: #f2f4ee;--paper-2: #e7ebe2;--white: #ffffff;--text-on-dark: #ecf2e9;--muted-on-dark: #96a392;--line-on-dark: rgba(236, 242, 233, .1);--text-on-light: #0a0e0b;--muted-on-light: #545f50;--line-on-light: rgba(10, 14, 11, .12);--danger: #ff8a7c;--warn: #e6c65c;--font-display: "Archivo", "Arial Black", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--slant: -33.6deg;--cut: 14px;--max: 1320px;--gutter: clamp(16px, 4vw, 40px);--section-y: clamp(88px, 12vw, 168px);--nav-h: 76px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--fg: var(--text-on-dark);--muted: var(--muted-on-dark);--line: var(--line-on-dark);--chip-bg: rgba(236, 242, 233, .07)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 8px);overflow-x:clip}html.is-loading,html.menu-open{overflow:hidden}body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img,svg,canvas{display:block;max-width:100%}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:800;font-stretch:112%;line-height:.95;letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--green);color:var(--ink)}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.mono{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:200;padding:12px 18px;background:var(--green);color:var(--ink);font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform .3s var(--ease-out)}.skip-link:focus{transform:none}.i{width:1em;height:1em;flex:none}html{scrollbar-color:var(--ink-4) var(--ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--ink-4)}::-webkit-scrollbar-thumb:hover{background:var(--green)}html.js [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s var(--ease-out) var(--d, 0s),transform .9s var(--ease-out) var(--d, 0s)}html.js [data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html.js [data-reveal]{transform:none}}html:lang(ru){--font-display: "Montserrat", "Archivo", system-ui, sans-serif}html .brand__name,html .footer__word{font-family:Archivo,Arial Black,system-ui,sans-serif}.section{position:relative;padding-block:var(--section-y)}.section--dark{background:var(--ink)}.section--light{--fg: var(--text-on-light);--muted: var(--muted-on-light);--line: var(--line-on-light);--chip-bg: var(--paper-2);background:var(--paper);color:var(--fg)}.chamfer,.btn,.card,.case__visual,.step,.form,.console{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.btn{--bg: var(--green);--fg-btn: var(--ink);--sweep: var(--white);--sweep-fg: var(--ink);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.75em;padding:1.1em 1.65em;border:0;background:var(--bg);color:var(--fg-btn);font:600 .95rem/1 var(--font-body);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .45s var(--ease-out),translate .3s var(--ease-out)}.btn:before{content:"";position:absolute;top:0;right:-40%;bottom:0;left:-40%;z-index:-1;background:var(--sweep);transform:translate(-102%) skew(var(--slant));transition:transform .65s var(--ease-out)}.btn:hover:before,.btn:focus-visible:before{transform:translate(0) skew(var(--slant))}.btn:hover,.btn:focus-visible{color:var(--sweep-fg)}.btn:focus-visible{outline:2px solid currentColor;outline-offset:-6px}.btn .i{transition:transform .5s var(--ease-out)}.btn:hover .i{transform:rotate(45deg)}.btn--sm{--cut: 10px;padding:.85em 1.2em;font-size:.88rem}.btn--ghost{--bg: rgba(236, 242, 233, .08);--fg-btn: var(--text-on-dark);--sweep: var(--green);--sweep-fg: var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--light{--bg: var(--green);--fg-btn: var(--ink);--sweep: var(--white)}.btn:disabled{opacity:.6;cursor:progress}.eyebrow{display:inline-flex;align-items:center;gap:.8em;margin:0 0 1.75rem;color:var(--muted);font:500 .75rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow--num span{display:inline-grid;place-items:center;height:1.9em;padding:0 1.25em;background:var(--green);color:var(--ink);font-weight:600;letter-spacing:.04em;clip-path:polygon(.9em 0,100% 0,calc(100% - .9em) 100%,0 100%)}.eyebrow--ink{color:#0a0e0bb3}.eyebrow--ink span{background:var(--ink);color:var(--green)}.section-head{max-width:980px;margin-bottom:clamp(48px,7vw,96px)}.section-head--row{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem}.section-title{font-size:clamp(2.3rem,5vw,4.5rem);font-stretch:110%;line-height:.93;letter-spacing:-.04em}.section-title em{font-style:normal;color:var(--green)}.section-lead{max-width:54ch;margin:1.6rem 0 0;color:var(--muted);font-size:clamp(1.02rem,1.35vw,1.2rem)}.link-arrow{display:inline-flex;align-items:center;gap:.6em;padding-bottom:.4em;border-bottom:1px solid var(--line);color:var(--fg);font-weight:600;text-decoration:none;transition:border-color .3s,color .3s}.link-arrow .i{color:var(--green);transition:transform .5s var(--ease-out)}.link-arrow:hover{border-color:var(--green)}.link-arrow:hover .i{transform:rotate(45deg)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.tags li{padding:.6em .85em;background:var(--chip-bg);color:var(--fg);font:500 .72rem/1 var(--font-mono);letter-spacing:.02em}.brand{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none}.brand__tile{display:grid;place-items:center;width:38px;height:38px;background:var(--green);transition:background .4s var(--ease-out)}.brand__tile svg{width:56%;height:56%;fill:var(--white);transition:fill .4s var(--ease-out),transform .6s var(--ease-out)}.brand:hover .brand__tile{background:var(--white)}.brand:hover .brand__tile svg{fill:var(--green);transform:translateY(-2px)}.brand__name{font:800 1.35rem/1 var(--font-display);font-stretch:118%;letter-spacing:-.03em}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:background .45s var(--ease-out),clip-path .95s var(--ease-io)}html.no-js .preloader,html.intro-seen .preloader{display:none}.preloader__mark{width:min(30vw,132px);height:auto;aspect-ratio:336 / 337;fill:transparent;stroke:var(--green);stroke-width:3;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1;animation:draw-mark 1s var(--ease-io) forwards;transition:fill .45s var(--ease-out),stroke .45s var(--ease-out),transform .9s var(--ease-io)}.preloader__count{position:absolute;right:var(--gutter);bottom:28px;color:var(--muted-on-dark);font-size:.8rem;transition:color .45s}.preloader.is-lit{background:var(--green)}.preloader.is-lit .preloader__mark{fill:var(--white);stroke:var(--white)}.preloader.is-lit .preloader__count{color:var(--ink)}.preloader.is-done{clip-path:polygon(0 0,100% 0,100% 0,0 0)}.preloader.is-done .preloader__mark{transform:translateY(-40px)}@keyframes draw-mark{to{stroke-dashoffset:0}}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;height:var(--nav-h);color:var(--text-on-dark);border-bottom:1px solid transparent;transition:transform .55s var(--ease-out),background .4s,border-color .4s,color .4s}.nav.is-scrolled{background:#0a0e0bbd;border-color:var(--line-on-dark);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.nav.is-hidden{transform:translateY(-100%)}.nav__inner{display:flex;align-items:center;gap:2rem}.nav__links{display:flex;gap:2.1rem;margin-left:auto}.nav__links a{position:relative;padding:.4em 0;color:var(--muted-on-dark);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .3s}.nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-out)}.nav__links a:hover,.nav__links a.is-active{color:var(--text-on-dark)}.nav__links a:hover:after,.nav__links a.is-active:after{transform:scaleX(1);transform-origin:left}.nav__toggle{display:none;position:relative;width:46px;height:46px;margin-left:auto;padding:0;border:0;background:#ecf2e914;cursor:pointer}.nav__toggle span{position:absolute;left:13px;right:13px;height:2px;background:currentColor;transition:transform .45s var(--ease-out),top .45s var(--ease-out)}.nav__toggle span:first-child{top:18px}.nav__toggle span:last-child{top:26px}.nav__toggle[aria-expanded=true] span:first-child{top:22px;transform:rotate(45deg)}.nav__toggle[aria-expanded=true] span:last-child{top:22px;transform:rotate(-45deg)}html.menu-open .nav{background:transparent;border-color:transparent;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}html.menu-open .nav .brand__tile{background:var(--ink)}html.menu-open .nav__toggle{background:#0a0e0b1a}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:flex;flex-direction:column;justify-content:center;padding-top:var(--nav-h);overflow:hidden;background:var(--green);color:var(--ink);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .7s var(--ease-io)}.menu.is-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.menu__mark{position:absolute;right:-18%;bottom:-8%;width:85vw;height:auto;aspect-ratio:336 / 337;fill:var(--white);opacity:.2;pointer-events:none}.menu__links{position:relative;display:grid}.menu__links a{display:flex;align-items:baseline;gap:1rem;padding:.18em 0;border-bottom:1px solid rgba(10,14,11,.15);color:var(--ink);font:800 clamp(2.1rem,9vw,3.6rem)/1.05 var(--font-display);font-stretch:115%;letter-spacing:-.035em;text-decoration:none;opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-out),transform .6s var(--ease-out)}.menu.is-open .menu__links a{opacity:1;transform:none}.menu.is-open .menu__links a:nth-child(1){transition-delay:.15s}.menu.is-open .menu__links a:nth-child(2){transition-delay:.2s}.menu.is-open .menu__links a:nth-child(3){transition-delay:.25s}.menu.is-open .menu__links a:nth-child(4){transition-delay:.3s}.menu.is-open .menu__links a:nth-child(5){transition-delay:.35s}.menu.is-open .menu__links a:nth-child(6){transition-delay:.4s}.menu__links .mono{font-size:.75rem;letter-spacing:.05em}.menu__foot{position:relative;margin-top:2rem;font-size:.85rem}@media(max-width:959px){.nav__links,.nav__cta{display:none}.nav__toggle{display:block}}.lang{display:flex;gap:2px;padding:3px;background:#ecf2e912}.lang__btn{padding:7px 8px;border:0;background:transparent;color:inherit;font:500 .7rem/1 var(--font-mono);letter-spacing:.06em;opacity:.65;cursor:pointer;transition:background .3s,color .3s,opacity .3s}.lang__btn:hover{opacity:1}.lang__btn[aria-pressed=true]{background:var(--green);color:var(--ink);opacity:1}.lang__btn:focus-visible{outline:2px solid currentColor;outline-offset:-2px}html.menu-open .lang{background:#0a0e0b1a}html.menu-open .lang__btn[aria-pressed=true]{background:var(--ink);color:var(--green)}@media(max-width:1180px){.nav__inner,.nav__links{gap:1.4rem}}@media(max-width:959px){.lang{margin-left:auto}.nav__toggle{margin-left:0}}.hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(40px,6vw,72px);min-height:100svh;padding-top:calc(var(--nav-h) + clamp(24px,5vw,56px));overflow:hidden;background:var(--ink)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx, 72%) var(--my, 42%),rgba(91,177,78,.16),transparent 62%),linear-gradient(rgba(236,242,233,.045) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(90deg,rgba(236,242,233,.045) 1px,transparent 1px) 0 0 / 72px 72px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 60% 40%,#000 35%,transparent 85%);mask-image:radial-gradient(ellipse 85% 75% at 60% 40%,#000 35%,transparent 85%)}.hero__bg:after{content:"";position:absolute;top:-20%;bottom:-20%;left:58%;width:22%;background:linear-gradient(90deg,transparent,rgba(91,177,78,.07),transparent);transform:skew(var(--slant))}.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(24px,4vw,56px);flex:1}.hero__title{font-size:clamp(2.6rem,5.5vw,5.3rem);font-stretch:106%;font-weight:850;line-height:.94;letter-spacing:-.045em}.hero__title .line{display:block;padding-bottom:.07em;margin-bottom:-.07em;clip-path:inset(-.3em -100vw 0 -100vw)}.hero__title .line>span{display:inline-block}@media(min-width:960px){.hero__title .line>span{white-space:nowrap}}html.js .hero__title .line>span{transform:translateY(108%);transition:transform 1.15s var(--ease-out)}html.js .hero__title .line:nth-child(2)>span{transition-delay:.08s}html.js .hero__title .line:nth-child(3)>span{transition-delay:.16s}html.is-ready .hero__title .line>span{transform:none}.hero__title em{position:relative;font-style:normal;color:var(--green)}.hero__lead{max-width:50ch;margin:1.8rem 0 0;color:var(--muted-on-dark);font-size:clamp(1.03rem,1.3vw,1.18rem)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2.4rem}.hero__visual{position:relative;width:100%;aspect-ratio:1;max-height:62vh;justify-self:center}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}.hero__static-mark{display:none;position:absolute;top:14%;right:14%;bottom:14%;left:14%;width:72%;height:72%;fill:var(--green)}html.no-js .hero__static-mark,.hero__visual:not(.has-canvas) .hero__static-mark{display:block}.hero__hint{position:absolute;left:50%;bottom:-6px;margin:0;color:var(--muted-on-dark);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:.7;transform:translate(-50%)}.hint-touch{display:none}@media(hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}.float-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;padding:9px 12px;background:#101611c7;border:1px solid var(--line-on-dark);color:var(--text-on-dark);font-size:.72rem;white-space:nowrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite;pointer-events:none}.float-tag--a{top:10%;left:-6%}.float-tag--b{top:46%;right:-4%;animation-delay:-2s;animation-duration:7s}.float-tag--c{bottom:10%;left:4%;animation-delay:-4s;animation-duration:8s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--line-on-dark)}.stat{display:flex;flex-direction:column-reverse;gap:10px;padding:26px 24px 34px 0}.stat+.stat{padding-left:24px;border-left:1px solid var(--line-on-dark)}.stat dt{color:var(--muted-on-dark);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.stat dd{margin:0;font:800 clamp(2rem,3.6vw,3.2rem)/1 var(--font-display);font-stretch:112%;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat sup{margin-left:2px;color:var(--green);font-size:.5em;vertical-align:.7em}.marquee{overflow:hidden;padding:22px 0;background:var(--green);color:var(--ink)}.marquee__track{display:flex;width:max-content;animation:marquee 45s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__list{display:flex;margin:0;padding:0;list-style:none}.marquee__list li{display:flex;align-items:center;font:800 clamp(1.35rem,2.5vw,2.1rem)/1 var(--font-display);font-stretch:116%;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}.marquee__list li:after{content:"";width:.55em;height:.8em;margin:0 .85em;background:var(--white);clip-path:polygon(66% 0,100% 0,34% 100%,0 100%)}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:959px){.hero__inner{grid-template-columns:1fr}.hero__visual{order:-1;width:min(100%,420px);max-height:none;margin-top:-8px}.float-tag--a{left:0}.float-tag--b{right:0}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){padding-left:0;border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line-on-dark)}}@media(max-width:520px){.hero__visual{width:82%}.float-tag{font-size:.64rem;padding:7px 9px}.float-tag--c{display:none}.hero__actions .btn{flex:1 1 auto;justify-content:center}.stat{padding-right:12px}.stat+.stat{padding-left:16px}.stat:nth-child(3){padding-left:0}}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card{--cut: 26px;position:relative;display:flex;flex-direction:column;min-height:560px;background:var(--white);transition:translate .6s var(--ease-out)}.card--mobile{grid-column:span 7}.card--web,.card--admin{grid-column:span 5}.card--infra{grid-column:span 7}.card__visual{position:relative;flex:1;min-height:290px;margin:10px 10px 0;overflow:hidden;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);background:radial-gradient(rgba(10,14,11,.13) 1px,transparent 1.2px) 0 0 / 18px 18px,#eef1ea}.card__body{display:grid;gap:.9rem;padding:28px 30px 32px}.card__num{color:var(--green-deep);font-weight:500}.card__title{font-size:clamp(1.55rem,2.3vw,2.1rem);font-stretch:112%;letter-spacing:-.035em}.card__body p{max-width:50ch;margin:0 0 .4rem;color:var(--muted-on-light)}.phone{position:absolute;width:168px;height:340px;padding:7px;border-radius:30px;background:var(--ink);box-shadow:0 40px 60px -28px #0a0e0b80;transition:transform .9s var(--ease-out)}.phone__screen{position:relative;display:flex;flex-direction:column;gap:9px;height:100%;padding:30px 12px 12px;overflow:hidden;border-radius:23px;background:#f7f9f5}.phone--front{left:calc(50% - 30px);top:13%;transform:rotate(5deg)}.phone--back{left:calc(50% - 175px);top:22%;transform:rotate(-7deg)}.phone--back .phone__screen{background:var(--ink-2);padding-top:24px}.phone__notch{position:absolute;top:9px;left:50%;width:50px;height:13px;border-radius:10px;background:var(--ink);transform:translate(-50%)}.ui-hello{display:flex;align-items:center;justify-content:space-between}.ui-hello b{width:64px;height:8px;border-radius:4px;background:var(--ink)}.ui-hello i{width:22px;height:22px;border-radius:50%;background:var(--green)}.ui-balance{display:grid;gap:3px;padding:13px;border-radius:14px;background:var(--green);color:var(--ink)}.ui-balance>span{font:600 8px/1 var(--font-body);opacity:.7}.ui-balance strong{font:800 22px/1.1 var(--font-display);font-stretch:112%;letter-spacing:-.03em}.ui-balance em{justify-self:start;padding:3px 6px;border-radius:6px;background:#0a0e0b1f;font:500 8px/1 var(--font-mono);font-style:normal}.ui-list{display:grid;gap:7px}.ui-list div{display:grid;grid-template-columns:20px 1fr 24px;align-items:center;gap:8px;padding:8px;border-radius:10px;background:var(--white)}.ui-list i{width:20px;height:20px;border-radius:6px;background:#e1eedd}.ui-list b,.ui-list s{height:6px;border-radius:3px;background:#d6dcd2}.ui-list s{background:var(--green)}.ui-tabbar{display:flex;justify-content:space-around;margin-top:auto;padding:9px;border-radius:13px;background:var(--white)}.ui-tabbar i{width:14px;height:14px;border-radius:4px;background:#d6dcd2}.ui-tabbar .on{background:var(--ink)}.ui-bar{width:55%;height:8px;border-radius:4px;background:var(--ink-4)}.ui-chart{display:flex;align-items:flex-end;gap:6px;height:120px;padding:12px;border-radius:12px;background:var(--ink-3)}.ui-chart i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:var(--green)}.ui-chart i:nth-child(odd){opacity:.55}.ui-row{height:30px;border-radius:8px;background:var(--ink-3)}.ui-row--short{width:70%}.browser{position:absolute;top:14%;left:9%;right:-8%;bottom:-12%;background:var(--white);border:1px solid var(--line-on-light);box-shadow:0 40px 60px -32px #0a0e0b59;transition:transform .9s var(--ease-out)}.browser__bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid var(--line-on-light)}.browser__bar i{width:8px;height:8px;border-radius:50%;background:#d6dcd2}.browser__bar span{flex:0 1 190px;margin-left:12px;padding:4px 10px;background:var(--paper);color:var(--muted-on-light);font-size:10px}.browser__body{display:grid;gap:10px;padding:24px}.sk{width:80%;height:15px;background:var(--ink)}.sk--w60{width:52%}.sk--btn{--cut: 8px;width:96px;height:28px;margin-top:8px;background:var(--green);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.sk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.sk-grid div{height:78px;background:var(--paper-2)}.sk-grid div:nth-child(2){background:#d9ecd4}.dash{position:absolute;top:13%;left:9%;right:-10%;bottom:-10%;display:grid;grid-template-columns:46px 1fr;background:var(--ink-2);box-shadow:0 40px 60px -30px #0a0e0b80;transition:transform .9s var(--ease-out)}.dash__side{display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 0;background:var(--ink)}.dash__side b{width:20px;height:20px;margin-bottom:6px;background:var(--green)}.dash__side i{width:18px;height:5px;background:var(--ink-4)}.dash__side .on{background:var(--green)}.dash__main{display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:14px}.dash__kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dash__kpis div{display:grid;gap:4px;padding:10px 12px;background:var(--ink-3)}.dash__kpis span{color:var(--muted-on-dark);font:500 9px/1 var(--font-mono)}.dash__kpis strong{color:var(--text-on-dark);font:800 18px/1 var(--font-display);font-stretch:110%}.dash__bars{display:flex;align-items:flex-end;gap:6px;min-height:96px;padding:12px;background:var(--ink-3)}.dash__bars i{flex:1;height:var(--h);background:linear-gradient(var(--green),rgba(91,177,78,.35));transform:scaleY(.15);transform-origin:bottom;transition:transform 1.1s var(--ease-out)}.card.is-in .dash__bars i{transform:none}.dash__bars i:nth-child(2){transition-delay:.05s}.dash__bars i:nth-child(3){transition-delay:.1s}.dash__bars i:nth-child(4){transition-delay:.15s}.dash__bars i:nth-child(5){transition-delay:.2s}.dash__bars i:nth-child(6){transition-delay:.25s}.dash__bars i:nth-child(7){transition-delay:.3s}.dash__bars i:nth-child(8){transition-delay:.35s}.dash__rows i{display:block;height:8px;margin-top:7px;background:var(--ink-4)}.dash__rows i:nth-child(2){width:82%}.dash__rows i:nth-child(3){width:64%}.card--infra .card__visual{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:24px clamp(18px,3vw,36px);background:radial-gradient(rgba(236,242,233,.08) 1px,transparent 1.2px) 0 0 / 18px 18px,var(--ink)}.rack{display:grid;gap:8px;width:128px}.rack__unit{display:flex;align-items:center;gap:6px;height:38px;padding:0 11px;background:var(--ink-3);border:1px solid var(--ink-4)}.rack__unit i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.rack__unit i:nth-child(2){animation-delay:-.4s;animation-duration:1.1s}.rack__unit i:nth-child(3){animation-delay:-.9s;animation-duration:2.3s}.rack__unit i:nth-child(4){animation-delay:-.2s;animation-duration:.9s}.rack__unit:nth-child(2) i{animation-delay:-1.2s}.rack__unit:nth-child(3) i:nth-child(odd){animation-delay:-.7s}.rack__unit span{width:30px;height:4px;margin-left:auto;background:var(--ink-4)}@keyframes blink{0%{opacity:1}to{opacity:.25}}.routes{width:100%;height:160px;overflow:visible}.routes path{fill:none;stroke:var(--green);stroke-width:1.5;vector-effect:non-scaling-stroke}.routes__base path{stroke-dasharray:3 9}.routes path:nth-child(2){animation-duration:.8s}.routes path:nth-child(3){animation-duration:1.4s}@keyframes flow{to{stroke-dashoffset:-24}}.nodes{display:grid;gap:30px}.nodes div{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--ink-3);border:1px solid var(--ink-4);color:var(--text-on-dark);font-size:11px}.nodes span{margin-left:10px;color:var(--green)}@media(max-width:1100px){.card--mobile,.card--web,.card--admin,.card--infra{grid-column:span 6}}@media(max-width:760px){.card--mobile,.card--web,.card--admin,.card--infra{grid-column:1 / -1}.card{min-height:0}.card__visual{flex:none;height:290px}.card__body{padding:24px 22px 28px}.rack{width:96px}.nodes div span{display:none}}.statement{padding-bottom:clamp(40px,6vw,80px)}.statement__text{max-width:24ch;margin:0;font:800 clamp(2rem,4.8vw,4.4rem)/1.06 var(--font-display);font-stretch:108%;letter-spacing:-.035em}.statement__text mark{background:none;color:var(--green)}.statement__text.is-split .w{opacity:.16;transition:opacity .35s ease}.statement__text.is-split .w.on{opacity:1}.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}.cases>.case:nth-child(2n){margin-top:clamp(40px,8vw,110px)}.case__visual{--cut: 30px;position:relative;aspect-ratio:4 / 3;overflow:hidden}.case__info{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 18px;padding-top:22px}.case__info h3{font-size:clamp(1.35rem,2.1vw,1.8rem);font-stretch:110%;letter-spacing:-.03em}.case__info .tags{grid-column:1 / -1}.case__year{grid-row:1;grid-column:2;color:var(--muted)}.case__visual--green{background:var(--green)}.case__visual--ink{background:radial-gradient(rgba(236,242,233,.08) 1px,transparent 1.2px) 0 0 / 18px 18px,var(--ink-3)}.case__visual--paper{background:var(--paper-2)}.case__visual--grid{background:linear-gradient(rgba(91,177,78,.09) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,rgba(91,177,78,.09) 1px,transparent 1px) 0 0 / 32px 32px,var(--ink-2)}.cv-phones{position:absolute;top:12%;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:5%}.cv-phone{display:flex;flex-direction:column;gap:6px;width:31%;aspect-ratio:1 / 2;padding:6px;border-radius:26px;background:var(--ink);box-shadow:0 30px 50px -24px #0a0e0b99}.cv-phone--2{margin-top:9%;background:var(--ink)}.cv-map{position:relative;flex:1.6;border-radius:20px 20px 6px 6px;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(10,14,11,.06) 22px 24px),repeating-linear-gradient(90deg,transparent 0 30px,rgba(10,14,11,.06) 30px 32px),#edf1ea}.cv-map i{position:absolute;top:26%;left:18%;width:56%;height:46%;border-top:3px dashed var(--green-deep);border-right:3px dashed var(--green-deep)}.cv-map b{position:absolute;top:calc(72% - 7px);left:calc(74% - 7px);width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #5bb14e4d}.cv-sheet{flex:1;display:grid;align-content:start;gap:8px;padding:12px;border-radius:6px 6px 20px 20px;background:var(--white)}.cv-sheet i{height:8px;background:var(--ink)}.cv-sheet i+i{width:60%;background:#d6dcd2}.cv-track{display:grid;align-content:start;gap:10px;height:100%;padding:26px 10px;border-radius:20px;background:var(--ink-2)}.cv-track i{height:34px;border-left:3px solid var(--green);border-radius:4px;background:var(--ink-3)}.cv-track i:nth-child(n+3){border-color:var(--ink-4)}.cv-cal{position:absolute;inset:13% 11% auto;padding:clamp(14px,2.5vw,24px);background:#f7f9f5;box-shadow:0 40px 60px -30px #0009}.cv-cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cv-cal__head b{width:38%;height:12px;background:var(--ink)}.cv-cal__head i{width:64px;height:22px;background:var(--green)}.cv-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cv-cal__grid i{aspect-ratio:1;background:var(--paper-2)}.cv-cal__grid .on{background:var(--green)}.cv-shop{position:absolute;top:12%;right:8%;bottom:-8%;left:8%;background:var(--white);box-shadow:0 40px 60px -32px #0a0e0b59}.cv-shop__nav{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-on-light)}.cv-shop__nav b{width:64px;height:10px;margin-right:auto;background:var(--ink)}.cv-shop__nav i{width:34px;height:6px;background:#d6dcd2}.cv-shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.cv-shop__grid div{display:grid;gap:8px}.cv-shop__grid i{aspect-ratio:3 / 4;background:var(--paper-2)}.cv-shop__grid div:nth-child(2) i{background:var(--green)}.cv-shop__grid div:nth-child(3) i{background:var(--ink-3)}.cv-shop__grid b{width:70%;height:7px;background:var(--ink)}.cv-net{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%}.cv-net__links path{fill:none;stroke:var(--green);stroke-width:1.5;stroke-dasharray:4 8}.cv-net__nodes rect{fill:var(--ink-3);stroke:var(--green);stroke-width:1.5}.cv-net__nodes .hub{fill:var(--green);transform-box:fill-box;transform-origin:center}@keyframes hub{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(max-width:760px){.cases{grid-template-columns:1fr}.cases>.case:nth-child(2n){margin-top:0}}.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:36px 0 0;list-style:none}.steps:before,.steps:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--line-on-light)}.steps:after{background:var(--green);transform:scaleX(var(--p, 0));transform-origin:left}.step{--cut: 24px;position:relative;display:flex;flex-direction:column;gap:.8rem;min-height:360px;padding:30px 28px 34px;background:var(--white);transition:background .5s var(--ease-out),color .5s var(--ease-out)}.step__num{margin-bottom:auto;color:transparent;font:900 clamp(4rem,6vw,5.6rem)/.8 var(--font-display);font-stretch:125%;letter-spacing:-.05em;-webkit-text-stroke:1.5px var(--ink);transition:-webkit-text-stroke-color .5s}.step__time{margin-top:2rem;color:var(--green-deep);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.step h3{font-size:clamp(1.5rem,2vw,1.85rem);font-stretch:112%;letter-spacing:-.03em}.step p{margin:0;color:var(--muted-on-light);font-size:.98rem;transition:color .5s}.step:hover{background:var(--ink);color:var(--text-on-dark)}.step:hover .step__num{-webkit-text-stroke-color:var(--green)}.step:hover .step__time{color:var(--green)}.step:hover p{color:var(--muted-on-dark)}.infra{overflow:hidden}.infra:before{content:"";position:absolute;top:10%;right:-10%;width:60%;height:80%;background:radial-gradient(closest-side,rgba(91,177,78,.14),transparent);pointer-events:none}.infra__inner{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,96px)}.checks{display:grid;margin:2.4rem 0 0;padding:0;list-style:none}.checks li{display:flex;align-items:center;gap:.95rem;padding:1.05rem 0;border-top:1px solid var(--line-on-dark);font-weight:500}.checks li:last-child{border-bottom:1px solid var(--line-on-dark)}.checks .i{width:24px;height:24px;padding:4px;background:var(--green);color:var(--ink)}.console{--cut: 28px;background:var(--ink-2)}.console__head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line-on-dark)}.console__title{display:inline-flex;align-items:center;gap:10px;color:var(--muted-on-dark)}.console__title i{width:10px;height:10px;background:var(--green);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}.console__live{display:inline-flex;align-items:center;gap:7px;margin-right:14px;padding:5px 9px;background:var(--green-soft);color:var(--green);font-size:.68rem;font-weight:500;letter-spacing:.12em}.console__metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line-on-dark)}.console__metrics div{padding:18px 22px}.console__metrics div+div{border-left:1px solid var(--line-on-dark)}.console__metrics span{color:var(--muted-on-dark);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.console__metrics strong{display:block;margin-top:6px;font:800 clamp(1.15rem,1.8vw,1.55rem)/1 var(--font-display);font-stretch:110%;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.console__chart{height:170px;padding-top:16px;border-bottom:1px solid var(--line-on-dark);background:linear-gradient(rgba(236,242,233,.04) 1px,transparent 1px) 0 0 / 100% 42px}.console__chart svg{width:100%;height:100%}.console__line{fill:none;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke}.console__area{fill:url(#chartFill)}.console__log{height:196px;margin:0;padding:14px 22px;overflow:hidden;list-style:none;color:var(--muted-on-dark);font-size:.74rem;line-height:1}.console__log li{display:grid;grid-template-columns:64px 40px minmax(0,1fr) 30px 40px 52px;gap:10px;align-items:center;height:24px;white-space:nowrap;animation:log-in .45s var(--ease-out)}.console__log li:first-child{color:var(--text-on-dark)}.console__log .p{overflow:hidden;text-overflow:ellipsis;color:var(--text-on-dark)}.console__log .m{color:var(--muted-on-dark)}.console__log .s--ok{color:var(--green)}.console__log .s--warn{color:var(--warn)}.console__log .ms,.console__log .n{text-align:right}@keyframes log-in{0%{opacity:0;transform:translateY(-8px)}}.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,96px)}.faq .section-head{position:sticky;top:calc(var(--nav-h) + 32px);margin-bottom:0}.qa{border-top:1px solid var(--line-on-light)}.qa:last-child{border-bottom:1px solid var(--line-on-light)}.qa summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 0;font:700 clamp(1.1rem,1.6vw,1.35rem)/1.3 var(--font-display);font-stretch:104%;letter-spacing:-.015em;list-style:none;cursor:pointer;transition:color .3s}.qa summary::-webkit-details-marker{display:none}.qa summary:hover{color:var(--green-deep)}.qa__icon{position:relative;flex:none;width:34px;height:34px;background:var(--ink);transition:background .4s var(--ease-out),transform .5s var(--ease-out)}.qa__icon:before,.qa__icon:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--white);transition:background .4s}.qa__icon:after{transform:rotate(90deg)}.qa[open] .qa__icon{background:var(--green);transform:rotate(135deg)}.qa[open] .qa__icon:before,.qa[open] .qa__icon:after{background:var(--ink)}.qa__body p{max-width:62ch;margin:0 0 1.7rem;color:var(--muted-on-light)}.qa[open] .qa__body{animation:fade-up .5s var(--ease-out)}@keyframes fade-up{0%{opacity:0;transform:translateY(-6px)}}.contact{position:relative;padding-block:var(--section-y);overflow:hidden;background:var(--green);color:var(--ink)}.contact__mark{position:absolute;left:-6%;bottom:-26%;width:min(62vw,760px);height:auto;aspect-ratio:336 / 337;fill:var(--white);opacity:.16;pointer-events:none}.contact__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,56px) clamp(40px,6vw,96px)}.contact__head{grid-column:1 / -1}.contact__head .eyebrow{margin-bottom:1.4rem}.contact__title{font-size:clamp(2.9rem,7.6vw,7.4rem);font-stretch:116%;line-height:.88;letter-spacing:-.05em}.contact__lead{max-width:40ch;margin:0 0 2.4rem;color:#0a0e0bc7;font-size:1.15rem}.contact__email{display:inline-flex;align-items:center;gap:.5em;padding-bottom:6px;border-bottom:2px solid var(--ink);color:var(--ink);font:800 clamp(1.2rem,2.2vw,1.8rem)/1.2 var(--font-display);font-stretch:110%;letter-spacing:-.02em;text-decoration:none}.contact__email .i{transition:transform .5s var(--ease-out)}.contact__email:hover .i{transform:rotate(45deg)}.contact__email:focus-visible{outline-color:var(--ink)}.form{--cut: 30px;display:grid;gap:22px;padding:clamp(24px,3.5vw,44px);background:var(--ink);color:var(--text-on-dark)}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:9px;min-width:0;margin:0;padding:0;border:0}.field>label,.field>legend{padding:0;color:var(--muted-on-dark);font:500 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.field legend{margin-bottom:11px}.opt{opacity:.65;text-transform:none;letter-spacing:.02em}.field input,.field select,.field textarea{width:100%;padding:14px 15px;border:0;border-bottom:1px solid var(--ink-4);border-radius:0;background:var(--ink-3);color:var(--text-on-dark);font:inherit;font-size:1rem;outline:none;transition:border-color .3s,background .3s,box-shadow .3s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);background:#1b251d;box-shadow:0 1px 0 var(--green)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--danger);box-shadow:0 1px 0 var(--danger)}.field__error{margin:0;color:var(--danger);font-size:.84rem}.field__error:empty{display:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{position:relative;cursor:pointer}.chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.chip span{--cut: 9px;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;background:var(--ink-3);color:var(--text-on-dark);font-size:.92rem;font-weight:500;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);transition:background .3s,color .3s}.chip:hover span{background:var(--ink-4)}.chip input:checked+span{background:var(--green);color:var(--ink)}.chip input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--green-hi)}.chip input:checked:focus-visible+span{box-shadow:inset 0 0 0 2px var(--ink)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form__submit{justify-self:start;margin-top:4px}.form__status{margin:-6px 0 0;font-size:.95rem}.form__status:empty{display:none}.form__status.is-success{color:var(--green)}.form__status.is-error{color:var(--danger)}.footer{padding:clamp(72px,9vw,120px) 0 28px;background:var(--ink);color:var(--text-on-dark)}.footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:clamp(48px,7vw,88px)}.footer__brand p{max-width:34ch;margin:1.2rem 0 0;color:var(--muted-on-dark)}.footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer__col h4{margin-bottom:6px;color:var(--muted-on-dark);font-family:var(--font-mono);font-size:.72rem;font-weight:500;font-stretch:100%;letter-spacing:.12em;text-transform:uppercase}.footer__col a{color:var(--text-on-dark);text-decoration:none;transition:color .3s}.footer__col a:hover{color:var(--green)}.footer__word{display:flex;align-items:flex-end;gap:.06em;font:900 clamp(3.4rem,17.2vw,15.6rem)/.78 var(--font-display);font-stretch:125%;letter-spacing:-.055em;-webkit-user-select:none;user-select:none}.footer__word svg{width:.74em;height:.74em;margin-right:.08em;fill:var(--green)}.footer__word span{padding-bottom:.14em;margin-bottom:-.14em;background:linear-gradient(180deg,var(--text-on-dark) 35%,rgba(236,242,233,.12) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.footer__word sup{align-self:flex-start;margin-left:.04em;color:var(--green);font-size:.13em;font-stretch:100%;letter-spacing:0}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(32px,5vw,56px);padding-top:24px;border-top:1px solid var(--line-on-dark);color:var(--muted-on-dark)}.to-top{display:inline-flex;align-items:center;gap:8px;color:var(--text-on-dark);text-decoration:none}.to-top .i{color:var(--green);transform:rotate(-45deg);transition:transform .4s var(--ease-out)}.to-top:hover .i{transform:rotate(-45deg) translate(2px,-2px)}@media(max-width:1100px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.console__log li{grid-template-columns:64px 40px minmax(0,1fr) 30px 40px}.console__log .n{display:none}}@media(max-width:959px){.infra__inner,.faq,.contact__inner{grid-template-columns:1fr}.faq .section-head{position:static}.footer__top{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1 / -1}}@media(max-width:620px){.steps{grid-template-columns:1fr}.step{min-height:0}.step__time{margin-top:1.4rem}.console__metrics{grid-template-columns:1fr 1fr}.console__metrics div:nth-child(3){border-left:0}.console__metrics div:nth-child(n+3){border-top:1px solid var(--line-on-dark)}.console__log{padding-inline:16px}.console__log li{grid-template-columns:36px minmax(0,1fr) 34px 40px;gap:8px}.console__log .t{display:none}.form__row{grid-template-columns:1fr}.form__submit{justify-self:stretch;justify-content:center}.footer__col{gap:9px}}.contact__details{display:grid;gap:18px;margin:2.2rem 0 0;padding:0;list-style:none}.contact__details li{display:grid;gap:4px;max-width:36ch}.contact__details .mono{color:#0a0e0b99;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.contact__details a{color:var(--ink);font-size:1.1rem;font-weight:600;text-decoration:none;background:linear-gradient(var(--ink),var(--ink)) 0 100% / 0 2px no-repeat;transition:background-size .5s var(--ease-out);justify-self:start}.contact__details a:hover{background-size:100% 2px}.contact__details a:focus-visible{outline-color:var(--ink)}.contact__details small{color:#0a0e0ba6;font-size:.85rem}.footer__address{max-width:26ch;line-height:1.45}.menu__foot{display:flex;flex-wrap:wrap;gap:8px 24px}.menu__foot a{color:var(--ink);text-decoration:none}:is(.card--mobile:hover,.card--mobile.is-live) .phone--front{transform:rotate(2deg) translateY(-14px)}:is(.card--mobile:hover,.card--mobile.is-live) .phone--back{transform:rotate(-10deg) translate(-14px,-4px)}.ui-toast{position:absolute;top:28px;left:9px;right:9px;z-index:2;display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:11px;background:var(--ink);color:var(--text-on-dark);font:600 8px/1.2 var(--font-body);box-shadow:0 10px 18px -8px #0a0e0b8c;opacity:0;transform:translateY(-140%);transition:transform .6s var(--ease-out),opacity .3s}.ui-toast i{flex:none;width:16px;height:16px;border-radius:5px;background:var(--green)}.ui-toast b{color:var(--green)}:is(.card--mobile:hover,.card--mobile.is-live) .ui-toast{opacity:1;transform:none;transition-delay:.3s}.odo{display:block;height:1.1em;overflow:hidden}.odo span{display:block;transition:transform .5s var(--ease-out)}:is(.card--mobile:hover,.card--mobile.is-live) .odo span{transform:translateY(-50%);transition-delay:.65s}.ui-chart i{transform-origin:bottom}:is(.card--mobile:hover,.card--mobile.is-live) .ui-chart i{animation-name:regrow;animation-duration:.8s;animation-timing-function:var(--ease-out);animation-fill-mode:both}.ui-chart i:nth-child(2){animation-delay:.05s}.ui-chart i:nth-child(3){animation-delay:.1s}.ui-chart i:nth-child(4){animation-delay:.15s}.ui-chart i:nth-child(5){animation-delay:.2s}.ui-chart i:nth-child(6){animation-delay:.25s}@keyframes regrow{0%{transform:scaleY(.2)}}.sk-cta{position:relative;width:max-content;margin-top:8px}.sk-cta .sk--btn{margin-top:0}.browser__cursor{position:absolute;top:10px;left:62px;z-index:2;width:22px;height:22px;fill:var(--ink);stroke:var(--white);stroke-width:1.5;transform:translate(120px,84px);transition:transform .8s var(--ease-io)}.sk-ripple{position:absolute;top:5px;left:59px;width:14px;height:14px;border:2px solid var(--green);border-radius:50%;opacity:0;pointer-events:none}.sk-grid div{transition:transform .5s var(--ease-out),background .4s}:is(.card--web:hover,.card--web.is-live) .browser__cursor{transform:none}:is(.card--web:hover,.card--web.is-live) .sk--btn{animation:press .35s ease .8s both}:is(.card--web:hover,.card--web.is-live) .sk-ripple{animation:ripple .7s ease-out .85s both}:is(.card--web:hover,.card--web.is-live) .sk-grid div{transform:translateY(-6px);transition-delay:1s}:is(.card--web:hover,.card--web.is-live) .sk-grid div:nth-child(2){background:var(--green);transition-delay:1.08s}:is(.card--web:hover,.card--web.is-live) .sk-grid div:nth-child(3){transition-delay:1.16s}@keyframes press{40%{transform:scale(.9)}}@keyframes ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}.dash__bars{position:relative}:is(.card--admin:hover,.card--admin.is-live) .dash__bars i{animation-name:wave;animation-duration:.9s;animation-timing-function:var(--ease-out);animation-fill-mode:both}.dash__bars i:nth-child(2){animation-delay:.05s}.dash__bars i:nth-child(3){animation-delay:.1s}.dash__bars i:nth-child(4){animation-delay:.15s}.dash__bars i:nth-child(5){animation-delay:.2s}.dash__bars i:nth-child(6){animation-delay:.25s}.dash__bars i:nth-child(7){animation-delay:.3s}.dash__bars i:nth-child(8){animation-delay:.35s}@keyframes wave{35%{transform:scaleY(.3)}to{transform:none}}.dash__tip{position:absolute;top:4px;left:68%;padding:4px 7px;background:var(--green);color:var(--ink);font-size:9px;font-weight:500;opacity:0;transform:translate(-50%,8px);transition:opacity .3s,transform .5s var(--ease-out)}:is(.card--admin:hover,.card--admin.is-live) .dash__tip{opacity:1;transform:translate(-50%);transition-delay:.85s}.dash__kpis strong{transition:color .4s}:is(.card--admin:hover,.card--admin.is-live) .dash__kpis div:first-child strong{color:var(--green);transition-delay:.85s}.rack__unit i{animation-duration:1.6s;animation-timing-function:steps(2,jump-none);animation-iteration-count:infinite}:is(.card--infra:hover,.card--infra.is-live) .rack__unit i{animation-name:blink}:is(.card--infra:hover,.card--infra.is-live) .routes__base path{animation:flow 1.1s linear infinite}.routes__pkt path{stroke:#c6f5bb;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:8 100;stroke-dashoffset:8;opacity:0;transition:opacity .3s}:is(.card--infra:hover,.card--infra.is-live) .routes__pkt path{opacity:1;animation-name:packet;animation-duration:1.3s;animation-timing-function:linear;animation-iteration-count:infinite}.routes__pkt path:nth-child(2){animation-delay:-.45s}.routes__pkt path:nth-child(3){animation-delay:-.9s}@keyframes packet{0%{stroke-dashoffset:8}to{stroke-dashoffset:-100}}.nodes div{transition:border-color .4s,background .4s}:is(.card--infra:hover,.card--infra.is-live) .nodes div{border-color:var(--green);background:#5bb14e1f}:is(.card--infra:hover,.card--infra.is-live) .nodes div:nth-child(1){transition-delay:.3s}:is(.card--infra:hover,.card--infra.is-live) .nodes div:nth-child(2){transition-delay:.45s}:is(.card--infra:hover,.card--infra.is-live) .nodes div:nth-child(3){transition-delay:.6s}.case{position:relative}.case__go{position:absolute;top:0;right:0;z-index:2;width:64px;height:64px;background:var(--green);color:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%);transform:scale(0);transform-origin:100% 0;transition:transform .5s var(--ease-out);pointer-events:none}.case:has(.case__visual--green) .case__go{background:var(--ink);color:var(--green)}.case__go .i{position:absolute;top:9px;right:9px;width:18px;height:18px}:is(.case:hover,.case.is-live) .case__go{transform:none}.case__info h3{justify-self:start;padding-bottom:4px;background:linear-gradient(var(--green),var(--green)) 0 100% / 0 2px no-repeat;transition:background-size .6s var(--ease-out)}:is(.case:hover,.case.is-live) .case__info h3{background-size:100% 2px}.cv-map i{container-type:size}.cv-map i:after{content:"";position:absolute;top:-7px;left:-7px;width:14px;height:14px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--white)}:is(.case:hover,.case.is-live) .cv-map i:after{animation:courier 1.8s var(--ease-io) .2s both}@keyframes courier{55%{transform:translate(100cqw)}to{transform:translate(100cqw,100cqh)}}:is(.case:hover,.case.is-live) .cv-map b{animation:arrive .5s ease-out 1.95s both}@keyframes arrive{50%{transform:scale(1.5)}}.cv-track i{transition:border-color .3s,background .3s}:is(.case:hover,.case.is-live) .cv-track i:nth-child(3){border-color:var(--green);background:#1d2a1f;transition-delay:1s}:is(.case:hover,.case.is-live) .cv-track i:nth-child(4){border-color:var(--green);background:#1d2a1f;transition-delay:2s}:is(.case:hover,.case.is-live) .cv-cal__grid .bk{animation:book .45s var(--ease-out) calc(.25s + var(--i) * .25s) both}@keyframes book{40%{transform:scale(.7)}to{background:var(--green);transform:none}}.cv-cal__toast{position:absolute;right:16px;bottom:-16px;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;background:var(--green);color:var(--ink);font-size:.7rem;font-weight:500;box-shadow:0 14px 30px -10px #0009;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .5s var(--ease-out)}.cv-cal__toast .i{width:14px;height:14px}:is(.case:hover,.case.is-live) .cv-cal__toast{opacity:1;transform:none;transition-delay:1.05s}.cv-shop__grid div{transition:transform .5s var(--ease-out)}:is(.case:hover,.case.is-live) .cv-shop__grid div{transform:translateY(-8px)}:is(.case:hover,.case.is-live) .cv-shop__grid div:nth-child(2){transition-delay:.08s}:is(.case:hover,.case.is-live) .cv-shop__grid div:nth-child(3){transition-delay:.16s}.cv-cart{position:relative;width:16px;height:13px;border:2px solid var(--ink)}.cv-cart:after{content:"1";position:absolute;top:-10px;right:-10px;width:14px;height:14px;border-radius:50%;background:var(--green);color:var(--ink);font:700 8px/14px var(--font-body);text-align:center;transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}:is(.case:hover,.case.is-live) .cv-cart:after{transform:none;transition-delay:.5s}.cv-checkout{position:absolute;left:16px;right:16px;bottom:16%;display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 6px 0 14px;background:var(--ink);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .5s var(--ease-out)}.cv-checkout span{width:34%;height:6px;background:#ecf2e980}.cv-checkout i{--cut: 7px;width:64px;height:24px;background:var(--green);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}:is(.case:hover,.case.is-live) .cv-checkout{opacity:1;transform:none;transition-delay:.75s}:is(.case:hover,.case.is-live) .cv-net__links path{animation:flow 1.2s linear infinite}:is(.case:hover,.case.is-live) .cv-net__nodes .hub{animation:hub 1.2s var(--ease-out) infinite}.cv-net__pkt path{fill:none;stroke:#c6f5bb;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 100;stroke-dashoffset:10;opacity:0;transition:opacity .3s}:is(.case:hover,.case.is-live) .cv-net__pkt path{opacity:1;animation-name:packet-net;animation-duration:1.1s;animation-timing-function:linear;animation-iteration-count:infinite}.cv-net__pkt path:nth-child(2){animation-delay:-.3s}.cv-net__pkt path:nth-child(3){animation-delay:-.55s}.cv-net__pkt path:nth-child(4){animation-delay:-.8s}@keyframes packet-net{0%{stroke-dashoffset:10}to{stroke-dashoffset:-100}}.cv-net__nodes rect:not(.hub){transition:fill .4s}:is(.case:hover,.case.is-live) .cv-net__nodes rect:not(.hub){fill:#2c5426}:is(.case:hover,.case.is-live) .cv-net__nodes rect:nth-child(1){transition-delay:.3s}:is(.case:hover,.case.is-live) .cv-net__nodes rect:nth-child(2){transition-delay:.45s}:is(.case:hover,.case.is-live) .cv-net__nodes rect:nth-child(3){transition-delay:.6s}:is(.case:hover,.case.is-live) .cv-net__nodes rect:nth-child(4){transition-delay:.75s}.team__lead{max-width:44ch;margin:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(20px,2.5vw,32px)}.member{position:relative;display:flex;flex-direction:column;color:inherit;text-decoration:none}.member:focus-visible{outline-offset:6px}.member__tile{--cut: 26px;position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;background:var(--green);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.avatar__initials{position:absolute;left:.22em;bottom:.12em;color:var(--white);font:900 clamp(4.2rem,7vw,6.4rem)/.8 var(--font-display);font-stretch:125%;letter-spacing:-.06em;transition:transform .7s var(--ease-out)}.avatar__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .6s}.member__mark{position:absolute;top:9%;right:-14%;width:72%;height:auto;aspect-ratio:336 / 337;fill:var(--white);opacity:.14;transition:transform .9s var(--ease-out)}.member__status{position:absolute;top:14px;left:14px;padding:6px 9px;background:var(--ink);color:var(--muted-on-dark);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.member__status.is-on{color:var(--green)}.member__slash{position:absolute;top:-10%;bottom:-10%;left:0;width:30%;background:#ffffff38;transform:translate(-160%) skew(var(--slant));pointer-events:none}.member__info{display:grid;gap:8px;padding-top:20px}.member__name{justify-self:start;padding-bottom:4px;font-size:clamp(1.35rem,1.9vw,1.6rem);font-stretch:110%;letter-spacing:-.03em;background:linear-gradient(var(--green),var(--green)) 0 100% / 0 2px no-repeat;transition:background-size .6s var(--ease-out)}.member__role{color:var(--green);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.member__skills{margin-top:4px}.member__skills span{padding:.55em .75em;background:var(--chip-bg);font:500 .7rem/1 var(--font-mono)}.member__more{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:600;font-size:.92rem}.member__more .mono{color:var(--muted);font-weight:400}.member__more .i{color:var(--green);transition:transform .5s var(--ease-out)}:is(.member:hover,.member:focus-visible,.member.is-live) .member__slash{animation:slash .9s var(--ease-out) both}:is(.member:hover,.member:focus-visible,.member.is-live) .avatar__initials{transform:translateY(-8px)}:is(.member:hover,.member:focus-visible,.member.is-live) .avatar__img{filter:none}:is(.member:hover,.member:focus-visible,.member.is-live) .member__mark{transform:translate(-10px,8px)}:is(.member:hover,.member:focus-visible,.member.is-live) .case__go{transform:none}:is(.member:hover,.member:focus-visible,.member.is-live) .member__name{background-size:100% 2px}:is(.member:hover,.member:focus-visible) .member__more .i{transform:rotate(45deg)}@keyframes slash{to{transform:translate(480%) skew(var(--slant))}}.credits{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0}.credits__label{margin-right:4px;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.credit{display:inline-flex;align-items:center;gap:8px;padding:4px 11px 4px 4px;background:var(--chip-bg);color:var(--fg);font-size:.85rem;font-weight:500;text-decoration:none;transition:background .3s,color .3s}.credit:hover{background:var(--green);color:var(--ink)}.credit__avatar{position:relative;display:grid;place-items:center;width:26px;height:26px;overflow:hidden;background:var(--green)}.credit__avatar .avatar__initials{position:static;font-size:.66rem;font-stretch:110%;letter-spacing:0}.credit:hover .credit__avatar{background:var(--ink)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{--cut: 9px;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:0;background:var(--white);color:var(--ink);font-size:.9rem;font-weight:600;cursor:pointer;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);transition:background .3s,color .3s}.filter .mono{color:var(--muted-on-light);font-size:.72rem}.filter:hover{background:var(--paper-2)}.filter[aria-pressed=true]{background:var(--ink);color:var(--white)}.filter[aria-pressed=true] .mono{color:var(--green)}.filter:focus-visible{outline:2px solid var(--green-deep);outline-offset:2px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(44px,5vw,64px) clamp(18px,2.4vw,32px)}.project[hidden]{display:none}.case__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.project__summary{max-width:60ch;margin:16px 0 0;color:var(--muted)}.project__results{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.project__results li{display:flex;align-items:center;gap:10px;font-weight:500}.project__results .i{width:20px;height:20px;padding:3px;background:var(--green);color:var(--ink)}.cv-app{position:absolute;top:11%;right:0;bottom:-14%;left:0;display:flex;justify-content:center}.cv-app__phone{width:34%;aspect-ratio:1 / 2;padding:6px;border-radius:26px;background:var(--ink);box-shadow:0 30px 50px -24px #0a0e0b99;transform:rotate(-4deg);transition:transform .8s var(--ease-out)}.cv-app__screen{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:26px 10px 10px;overflow:hidden;border-radius:20px;background:#f7f9f5}.cv-app__card{position:relative;display:grid;align-content:end;gap:6px;height:30%;padding:12px;overflow:hidden;border-radius:12px;background:var(--green)}.cv-app__card span{width:40%;height:6px;border-radius:3px;background:#0a0e0b59}.cv-app__card b{width:62%;height:12px;border-radius:3px;background:var(--ink)}.cv-app__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translate(-100%)}.cv-app__row{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:8px;border-radius:9px;background:var(--white)}.cv-app__row i{width:22px;height:22px;border-radius:6px;background:#e1eedd;transition:background .3s}.cv-app__row b{height:6px;border-radius:3px;background:#d6dcd2}.cv-app__toast{position:absolute;top:8px;left:8px;right:8px;z-index:1;display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:9px;background:var(--ink);opacity:0;transform:translateY(-130%);transition:transform .6s var(--ease-out),opacity .3s}.cv-app__toast i{width:14px;height:14px;border-radius:4px;background:var(--green)}.cv-app__toast span{width:52%;height:5px;border-radius:3px;background:#ecf2e980}:is(.case:hover,.case.is-live) .cv-app__phone{transform:rotate(0) translateY(-10px)}:is(.case:hover,.case.is-live) .cv-app__toast{opacity:1;transform:none;transition-delay:.3s}:is(.case:hover,.case.is-live) .cv-app__card:after{animation:sheen .9s var(--ease-io) .5s both}:is(.case:hover,.case.is-live) .cv-app__row i{background:var(--green)}:is(.case:hover,.case.is-live) .cv-app__row:nth-of-type(1) i{transition-delay:.75s}:is(.case:hover,.case.is-live) .cv-app__row:nth-of-type(2) i{transition-delay:.9s}:is(.case:hover,.case.is-live) .cv-app__row:nth-of-type(3) i{transition-delay:1.05s}@keyframes sheen{to{transform:translate(100%)}}.cv-dash{position:absolute;top:12%;right:8%;bottom:-8%;left:8%;display:grid;grid-template-columns:40px 1fr;background:var(--ink-2);box-shadow:0 40px 60px -30px #0000008c}.cv-dash__side{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0;background:var(--ink)}.cv-dash__side i{width:16px;height:5px;background:var(--ink-4)}.cv-dash__side .on{background:var(--green)}.cv-dash__main{display:grid;grid-template-rows:auto 1fr;gap:10px;padding:14px}.cv-dash__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cv-dash__kpis i{height:44px;background:var(--ink-3);transition:background .4s}.cv-dash__bars{display:flex;align-items:flex-end;gap:6px;padding:12px;background:var(--ink-3)}.cv-dash__bars i{flex:1;height:var(--h);background:linear-gradient(var(--green),rgba(91,177,78,.35));transform-origin:bottom}:is(.case:hover,.case.is-live) .cv-dash__bars i{animation-name:wave;animation-duration:.9s;animation-timing-function:var(--ease-out);animation-fill-mode:both}.cv-dash__bars i:nth-child(2){animation-delay:.05s}.cv-dash__bars i:nth-child(3){animation-delay:.1s}.cv-dash__bars i:nth-child(4){animation-delay:.15s}.cv-dash__bars i:nth-child(5){animation-delay:.2s}.cv-dash__bars i:nth-child(6){animation-delay:.25s}.cv-dash__bars i:nth-child(7){animation-delay:.3s}.cv-dash__bars i:nth-child(8){animation-delay:.35s}:is(.case:hover,.case.is-live) .cv-dash__kpis i:first-child{background:#5bb14e47;transition-delay:.8s}.select{position:relative}.select:after{content:"";position:absolute;top:50%;right:17px;width:8px;height:8px;border-right:2px solid var(--muted-on-dark);border-bottom:2px solid var(--muted-on-dark);transform:translateY(-70%) rotate(45deg);pointer-events:none}.field select{padding-right:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis}.field select option{background:var(--ink-3);color:var(--text-on-dark)}@media(max-width:1100px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.projects{grid-template-columns:1fr}.pf-banner__actions{width:100%}}.member .case__go{background:var(--ink);color:var(--green)}.portfolio__lead{max-width:44ch;margin:0}[data-portfolio]{scroll-margin-top:calc(var(--nav-h) + 24px)}.pf-filters{display:grid;gap:12px;margin-bottom:28px}.pf-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pf-label{width:56px;color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.filter:disabled{opacity:.4;cursor:not-allowed}.filter--member{padding:6px 15px 6px 6px}.pf-banner{--cut: 22px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-bottom:24px;padding:16px 18px;background:var(--ink);color:var(--text-on-dark);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);animation:fade-up .5s var(--ease-out)}.pf-banner[hidden]{display:none}.pf-banner__avatar{position:relative;display:grid;flex:none;place-items:center;width:56px;height:56px;overflow:hidden;background:var(--green)}.pf-banner__avatar .avatar__initials{position:static;font-size:1.25rem;font-stretch:110%;letter-spacing:-.02em}.pf-banner__text{flex:1 1 220px;min-width:0}.pf-banner__title{margin:0;font:800 1.3rem/1.15 var(--font-display);font-stretch:108%;letter-spacing:-.02em}.pf-banner__meta{margin:6px 0 0;color:var(--muted-on-dark);font-size:.72rem}.pf-banner__meta .is-on{color:var(--green)}.pf-banner__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pf-banner__close{position:relative;width:42px;height:42px;margin-left:4px;border:0;background:#ecf2e914;cursor:pointer;transition:background .3s}.pf-banner__close:before,.pf-banner__close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--text-on-dark);transform:rotate(45deg)}.pf-banner__close:after{transform:rotate(-45deg)}.pf-banner__close:hover{background:var(--green)}.pf-banner__close:hover:before,.pf-banner__close:hover:after{background:var(--ink)}.pf-count{margin:0 0 22px;color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.pf-empty{display:grid;justify-items:start;gap:16px;padding:40px 0}.pf-empty[hidden],.pf-more[hidden]{display:none}.pf-empty p{margin:0;font:700 1.3rem/1.2 var(--font-display)}.pf-more{display:flex;justify-content:center;margin-top:clamp(44px,5vw,64px)}.btn--dark{--bg: var(--ink);--fg-btn: var(--white);--sweep: var(--green);--sweep-fg: var(--ink)}.project:focus{outline:none}.project .case__info h3{font-size:clamp(1.2rem,1.6vw,1.45rem)}.project__client{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.72rem;letter-spacing:.04em}.project__tags{margin-top:16px}.project__team{margin-top:14px}.project--featured{grid-column:1 / -1}.feat{--cut: 34px;--fg: var(--text-on-dark);--muted: var(--muted-on-dark);--line: var(--line-on-dark);--chip-bg: rgba(236, 242, 233, .08);position:relative;overflow:hidden;color:var(--fg);background:radial-gradient(55% 45% at 16% 10%,rgba(29,112,183,.38),transparent 70%),radial-gradient(45% 40% at 86% 26%,rgba(91,177,78,.24),transparent 70%),linear-gradient(rgba(236,242,233,.035) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,rgba(236,242,233,.035) 1px,transparent 1px) 0 0 / 56px 56px,var(--ink);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}.feat__stage{position:relative;padding:clamp(44px,6vw,92px) clamp(12px,4vw,56px) clamp(24px,3vw,40px);perspective:2200px}.feat__screens{position:relative;width:min(100%,1060px);margin-inline:auto;aspect-ratio:2.3 / 1;transform-style:preserve-3d;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .7s var(--ease-out)}.shot{position:absolute;top:0;left:13%;width:74%;padding:0;overflow:hidden;border:0;border-radius:10px;background:var(--ink-2);box-shadow:0 50px 90px -40px #000000d9,0 0 0 1px #ecf2e91a;cursor:pointer;transition:transform .95s var(--ease-out)}.shot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e0b80;opacity:0;transition:opacity .6s;pointer-events:none}.shot[data-pos=front]{z-index:3;transform:translate3d(0,9%,60px);cursor:zoom-in}.shot[data-pos=left]{z-index:2;transform:translate3d(-31%,0,-170px) rotateY(24deg) scale(.9)}.shot[data-pos=right]{z-index:1;transform:translate3d(31%,0,-170px) rotateY(-24deg) scale(.9)}.shot[data-pos=left]:after,.shot[data-pos=right]:after{opacity:1}.shot[data-pos=left]:hover:after,.shot[data-pos=right]:hover:after{opacity:.55}.shot[data-pos=front]:hover{transform:translate3d(0,7%,90px)}.shot[data-pos=hidden]{opacity:0;pointer-events:none}.shot:focus-visible{outline:3px solid var(--green);outline-offset:3px}.shot__bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:#0f1511}.shot__bar i{width:7px;height:7px;border-radius:50%;background:var(--ink-4)}.shot__bar .mono{margin-left:10px;overflow:hidden;color:var(--muted-on-dark);font-size:.64rem;white-space:nowrap;text-overflow:ellipsis}.shot__img{display:block;width:100%;height:auto;aspect-ratio:1907 / 958;object-fit:cover;object-position:top;background:#f4f6f9}.feat__fallback{position:absolute;top:0;right:13%;bottom:0;left:13%;display:none}.feat__stage.is-empty .feat__fallback{display:block}.feat__chip{position:absolute;z-index:4;display:grid;gap:3px;padding:12px 16px;background:#101611e6;border:1px solid rgba(236,242,233,.12);box-shadow:0 24px 40px -20px #000000b3;pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .6s,transform .8s var(--ease-out)}.feat__chip strong{font:800 clamp(.95rem,1.4vw,1.2rem)/1.1 var(--font-display);font-stretch:108%;letter-spacing:-.02em}.feat__chip .mono{color:var(--muted-on-dark);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.feat__chip--1{top:15%;left:3%}.feat__chip--1 strong{color:var(--green)}.feat__chip--2{top:42%;right:3%}.feat__chip--3{bottom:22%;left:7%}.project--featured.is-in .feat__chip{opacity:1;transform:none}.project--featured.is-in .feat__chip--1{transition-delay:.5s}.project--featured.is-in .feat__chip--2{transition-delay:.65s}.project--featured.is-in .feat__chip--3{transition-delay:.8s}.feat__stage.is-visible .feat__chip--1{animation:float 6s ease-in-out infinite}.feat__stage.is-visible .feat__chip--2{animation:float 7s ease-in-out -2s infinite}.feat__stage.is-visible .feat__chip--3{animation:float 8s ease-in-out -4s infinite}.feat__tabs{position:relative;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(28px,4vw,48px)}.feat__tab{--cut: 9px;display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border:0;background:#ecf2e912;color:var(--muted-on-dark);font:600 .9rem/1 var(--font-body);cursor:pointer;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);transition:background .3s,color .3s}.feat__tab .mono{color:var(--green);font-size:.68rem}.feat__tab:hover{background:#ecf2e921;color:var(--text-on-dark)}.feat__tab[aria-pressed=true]{background:var(--green);color:var(--ink)}.feat__tab[aria-pressed=true] .mono{color:var(--ink)}.feat__tab[hidden]{display:none}.feat__tab:focus-visible{outline:2px solid var(--text-on-dark);outline-offset:-5px}.feat__info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding:clamp(28px,4vw,52px) clamp(20px,4vw,56px) clamp(32px,4vw,56px);border-top:1px solid var(--line-on-dark)}.feat__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--green);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.feat__logo{width:30px;height:30px}.feat__title{font-size:clamp(2.6rem,5vw,4.4rem);font-stretch:114%;letter-spacing:-.045em}.feat__tagline{margin:.6rem 0 .9rem;font:700 clamp(1.1rem,1.5vw,1.3rem)/1.3 var(--font-display)}.feat__features{display:grid;gap:12px;margin:0;padding:0;list-style:none}.feat__features li{position:relative;padding-left:24px;font-size:.97rem}.feat__features li:before{content:"";position:absolute;top:.48em;left:0;width:11px;height:9px;background:var(--green);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}.feat__details .project__results{margin-top:26px;padding-top:22px;border-top:1px solid var(--line-on-dark)}@media(max-width:959px){.feat__info{grid-template-columns:1fr}}@media(max-width:680px){.shot{left:8%;width:84%;border-radius:6px}.shot__bar{height:18px}.shot__bar .mono{display:none}.shot[data-pos=left]{transform:translate3d(-17%,0,-140px) rotateY(18deg) scale(.9)}.shot[data-pos=right]{transform:translate3d(17%,0,-140px) rotateY(-18deg) scale(.9)}.feat__screens{aspect-ratio:1.85 / 1}.feat__chip{padding:8px 10px}.feat__stage{padding-top:84px}.feat__chip--1{top:14px;left:12px}.feat__chip--2,.feat__chip--3{display:none}.feat__tab{padding:10px 13px;font-size:.85rem}}.shot-viewer{width:min(1200px,94vw);max-width:none;max-height:92vh;padding:0;overflow:visible;border:0;background:transparent}.shot-viewer::backdrop{background:#0a0e0bdb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shot-viewer__scroll{max-height:92vh;overflow:auto;background:var(--white)}.shot-viewer__scroll img{display:block;width:100%;height:auto}.shot-viewer__close{position:fixed;top:16px;right:16px;z-index:1;width:46px;height:46px;border:0;background:var(--green);cursor:pointer}.shot-viewer__close:before,.shot-viewer__close:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;margin:-1px 0 0 -9px;background:var(--ink);transform:rotate(45deg)}.shot-viewer__close:after{transform:rotate(-45deg)}.feat__desk{min-width:0}.feat__stage--duo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;column-gap:clamp(8px,2vw,32px)}.feat__stage--duo .feat__screens{width:100%}.feat__phones{position:relative;width:100%;max-width:400px;justify-self:center;aspect-ratio:1 / 1.12}.phone-shot{position:absolute;top:3%;left:27%;width:46%;padding:0;overflow:hidden;border:0;border-radius:20px;background:#000;box-shadow:0 40px 70px -30px #000000d9,0 0 0 1px #ecf2e91a;cursor:pointer;transition:transform .9s var(--ease-out)}.phone-shot img{display:block;width:100%;height:auto;aspect-ratio:598 / 1280;object-fit:cover}.phone-shot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e0b80;opacity:0;transition:opacity .6s;pointer-events:none}.phone-shot[data-slot="0"]{z-index:4;transform:none;cursor:zoom-in}.phone-shot[data-slot="1"]{z-index:3;transform:translate(52%) rotate(9deg) scale(.9)}.phone-shot[data-slot="2"]{z-index:2;transform:translate(-52%) rotate(-9deg) scale(.9)}.phone-shot[data-slot="3"]{z-index:1;transform:translateY(-4%) scale(.8)}.phone-shot:not([data-slot="0"]):after{opacity:1}.phone-shot:not([data-slot="0"]):hover:after{opacity:.5}.feat__phones:hover .phone-shot[data-slot="0"]{transform:translateY(-8px)}.feat__phones:hover .phone-shot[data-slot="1"]{transform:translate(64%) rotate(12deg) scale(.9)}.feat__phones:hover .phone-shot[data-slot="2"]{transform:translate(-64%) rotate(-12deg) scale(.9)}.phone-shot:focus-visible{outline:3px solid var(--green);outline-offset:3px}.feat__stage--duo .feat__chip--2{top:8%;right:2%}.feat__stage--duo .feat__chip--3{bottom:18%;left:3%}.feat__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.shot-viewer--portrait{width:min(460px,92vw)}@media(max-width:860px){.feat__stage--duo{grid-template-columns:1fr;row-gap:36px}.feat__phones{max-width:320px}}
