/* Zetrox product-led hero. Interface geometry is semantic HTML. */
:root{--spring:cubic-bezier(.2,.85,.25,1);--ease-out:cubic-bezier(.16,1,.3,1)}
.site-nav{padding:16px 28px 0;background:transparent;border:0;backdrop-filter:none;transition:padding .6s var(--ease-out)}.nav-inner{height:76px;width:min(1384px,100%);padding:0 26px;background:#ffffffed;border:1px solid #e5eaf1;border-radius:13px;box-shadow:0 4px 25px #192a4205;backdrop-filter:blur(18px);transition:height .6s var(--ease-out),box-shadow .6s,border-radius .6s}.site-nav.is-scrolled{padding-top:10px}.site-nav.is-scrolled .nav-inner{height:62px;box-shadow:0 12px 38px #192a4212;border-radius:10px}.brand{color:#192a42!important;transition:transform .5s var(--spring)}.brand:hover{transform:translateY(-1px)}.brand-mark{transition:transform .6s var(--spring)}.brand:hover .brand-mark{transform:rotate(-6deg)}.nav-links{gap:25px}.nav-links a{position:relative;padding:9px 0;transition:color .4s}.nav-links a::after{content:'';position:absolute;left:0;bottom:4px;height:2px;width:100%;background:#f36b22;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}.nav-links a:hover::after,.nav-links a[aria-current=location]::after{transform:scaleX(1)}.nav-links a[aria-current=location]{color:#bc4d12}.nav-progress{display:none}.nav-actions .btn{min-height:43px}.nav-actions .btn-primary{box-shadow:0 3px 7px #dc571415}.btn{position:relative;isolation:isolate;overflow:hidden;transform:translate3d(var(--btn-x,0),var(--btn-y,0),0);transition:transform .65s var(--spring),box-shadow .5s var(--ease-out),background .4s,color .4s,border-color .4s;will-change:auto;border-radius:7px}.btn::before{content:'';position:absolute;inset:-1px;z-index:-1;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff45,transparent 65%);opacity:0;transition:opacity .45s}.btn:hover::before,.btn:focus-visible::before{opacity:1}.btn-primary:hover{box-shadow:0 12px 26px #e1662730,0 3px 6px #e1662720;background:#e65f18}.btn-ghost:hover{box-shadow:0 9px 24px #223b5810;background:#fff;border-color:#afbed1}.btn:active{transform:translate3d(0,1px,0) scale(.97);transition:transform .16s}.btn-label{position:relative;z-index:1;display:block;transition:transform .45s var(--spring)}.btn:hover .btn-label{transform:translateY(-1px)}.btn-primary::after{content:'';position:absolute;top:-50%;left:-70%;width:40%;height:200%;background:linear-gradient(90deg,transparent,#ffffff27,transparent);transform:rotate(20deg);transition:left .8s var(--ease-out);pointer-events:none}.btn-primary:hover::after{left:140%}
.hero{background:radial-gradient(ellipse at 80% 30%,#f2f6fc,transparent 52%),linear-gradient(180deg,#fff,#fff 75%,#f7f9fc);position:relative;overflow:hidden}.hero::before{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#dfe8f128 1px,transparent 1px),linear-gradient(#dfe8f128 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 35%,#000);pointer-events:none}.hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;padding:84px 0 66px;min-height:790px;max-width:1320px;position:relative}.hero-content{text-align:left}.eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:1.6px;color:#b6501c;gap:10px;margin-bottom:30px}.eyebrow-line{width:22px;height:2px;background:#ed6b26}.hero h1{font-size:clamp(46px,4.3vw,64px);font-weight:500;letter-spacing:-2.7px;line-height:1.13;max-width:640px;margin:0}.volume-line{display:flex;gap:20px;align-items:flex-end;margin-bottom:21px}.volume-number{font-family:Manrope,sans-serif;color:#e76622;font-size:1.65em;font-weight:700;letter-spacing:-6px;line-height:.95}.volume-unit{font-size:14px;font-weight:500;line-height:1.6;letter-spacing:0;max-width:80px;padding-bottom:7px;color:#6c7c92}.hero-title-line{display:block}.hero-title-line em{color:#192a42;font-style:normal;white-space:normal}.hero-title-line em::after{display:none}.hero-lead{font-size:16px;line-height:1.9;margin:27px 0 0;max-width:510px;color:#64748a}.hero-actions{justify-content:flex-start;margin-top:29px;gap:12px}.hero-actions .btn{padding:16px 27px;min-height:54px;font-size:14px}.tracking-form{position:static;width:430px;max-width:100%;margin:25px 0 0}.tracking-row{border-color:#dbe3ed;box-shadow:none;background:#ffffffa0;padding-block:5px}.tracking-field input{font-size:12px}.tracking-row .btn{min-height:38px;border-radius:4px}.hero-proof{position:static;justify-content:flex-start;margin:25px 0 0;font-size:10px;gap:24px}.proof-pill{padding-right:24px}.proof-pill strong{font-size:19px;font-weight:700}.product-stage{position:relative;min-width:0;width:100%;perspective:1400px;margin:0;--tilt-x:0deg;--tilt-y:0deg;--depth:0}.product-composition{position:relative;height:520px;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .9s var(--ease-out)}.operations-window{position:absolute;left:0;top:42px;width:calc(100% + 35px);min-width:0;background:white;border:1px solid #cdd9e9;border-radius:11px;box-shadow:0 3px 0 #e1e8f2,0 5px 0 #ccd7e7,0 25px 80px #26415b1c,0 50px 90px #263f6110;overflow:hidden;transform:perspective(1400px) rotateY(-9deg) rotateX(5deg) translateY(calc(var(--depth)*-8px));transition:transform .9s var(--ease-out)}.window-chrome{height:36px;border-bottom:1px solid #e5ebf3;background:#f8faff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:18px}.window-controls{display:flex;gap:5px}.window-controls i{width:5px;height:5px;background:#c6d2e1;border-radius:50%}.window-address{font:10px Manrope,sans-serif;letter-spacing:.6px;color:#8798af}.window-security{font-size:17px;color:#a7b6cb}.product-shell{display:grid;grid-template-columns:54px 1fr}.product-sidebar{display:flex;flex-direction:column;align-items:center;background:#172c46;padding:16px 0;gap:18px;color:#8d9eb6;font-size:17px}.product-sidebar img{width:26px;height:26px;margin-bottom:3px}.product-sidebar>span{display:flex;align-items:center;justify-content:center;width:32px;height:28px}.product-sidebar .sidebar-active{background:#ff7729;color:white;border-radius:4px}.sidebar-bottom{margin-top:auto;border:1px solid #5c6e86;border-radius:50%;width:24px;height:24px;font:10px Manrope,sans-serif;display:grid;place-items:center}.product-main{padding:22px 22px 16px;min-width:0}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-heading small{font-size:8px;letter-spacing:1.4px;color:#a2765b;display:block;margin-bottom:7px}.product-heading strong{display:block;font-size:18px;font-weight:600;letter-spacing:-.3px}.product-date{font-size:9px;padding:5px 9px;border:1px solid #e3e9f1;border-radius:4px;color:#63778f}.overview-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:19px}.overview-strip>div{border:1px solid #e6ebf2;border-radius:5px;padding:10px 11px;display:flex;flex-direction:column;gap:10px}.overview-strip span{font-size:9px;color:#64758c}.status-line{display:block;width:37%;height:6px;border-radius:2px}.orange-line{background:#f19359}.blue-line{background:#7896c5}.green-line{background:#85b5a2}.product-table{margin-top:18px}.table-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding-bottom:12px}.table-caption strong{font-weight:600}.table-caption>span{font-size:9px;color:#7c8fa6}.table-head,.product-row{display:grid;grid-template-columns:1fr 1.4fr .5fr;align-items:center;gap:12px;padding:11px 12px}.table-head{font-size:9px;background:#f2f5f9;border-radius:4px;color:#61728a}.product-row{border-bottom:1px solid #edf1f6;min-height:43px;font-size:9px}.code-placeholder,.amount-placeholder{height:5px;background:#dce4ee;width:65%;border-radius:2px}.amount-placeholder{width:80%}.order-state{width:fit-content;padding:3px 6px;border-radius:3px;font-size:9px;white-space:nowrap}.state-pending{background:#fff1e5;color:#ac5c26}.state-shipping{background:#edf3fc;color:#4e70a4}.state-complete{background:#eaf5ef;color:#40755a}.product-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:17px}.product-bottom>div{padding:9px 12px;border:1px solid #e6ebf2;border-radius:4px}.product-bottom span{font-size:9px;color:#66788f}.money-flow{display:flex;gap:5px;align-items:end;height:40px;padding-top:7px}.money-flow i{flex:1;background:#f4a775;border-radius:2px 2px 0 0;height:35%;transform-origin:bottom}.money-flow i:nth-child(2n){height:68%}.money-flow i:nth-child(3n){height:90%}.money-flow i:nth-child(5){height:45%}.cod-key strong{font-size:16px;display:block;font-weight:500;margin-top:8px}.cod-key small{font-size:8px;color:#8a9bb0;display:block;margin-top:4px}.flow-document{position:absolute;display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid #d2deed;background:#fff;border-radius:8px;box-shadow:0 12px 40px #203b5e18,0 3px 0 #e6ecf4;z-index:2;transform:translateZ(50px);transition:transform .9s var(--ease-out)}.flow-document small{font-size:8px;letter-spacing:1.5px;color:#8a9bb0;display:block;margin-bottom:5px}.flow-document strong{display:block;font-size:15px;font-weight:600;color:#21364f}.flow-document span{font-size:9px;color:#6a7d95;display:block;margin-top:5px;line-height:1.6}.document-icon{width:36px;height:40px;display:grid;place-items:center;background:#fff0e5;color:#e77632;font-size:24px;border-radius:5px;flex:none}.excel-document{top:0;left:-33px;transform:translate3d(calc(var(--depth)*-9px),calc(var(--depth)*-14px),50px) rotate(-4deg);padding:14px 17px}.file-grid{display:grid;grid-template-columns:repeat(2,13px);gap:3px;margin-left:6px}.file-grid i{height:7px;border:1px solid #dae3ee;background:#f4f7fa}.file-grid i:nth-child(2n){background:#ffeadc;border-color:#f8c3a2}.cod-document{bottom:3px;right:-33px;transform:translate3d(calc(var(--depth)*9px),calc(var(--depth)*13px),70px) rotate(3deg)}.document-check{margin-left:12px;width:24px;height:24px;border-radius:50%;background:#eef6f1;color:#629579;display:grid;place-items:center;font-size:12px}.flow-annotation{position:absolute;color:#af7b5e;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.flow-annotation i{width:28px;height:1px;background:#e7b899;position:relative}.flow-annotation i::after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #cd8d68;border-right:1px solid #cd8d68;transform:rotate(45deg)}.annotation-input{left:-30px;top:110px;transform:rotate(90deg);transform-origin:left}.annotation-output{right:8px;bottom:112px;transform:rotate(90deg);transform-origin:right}.product-stage>figcaption{position:relative;text-align:center;padding:20px 0 0;font-size:12px;color:#63778f;border:0;display:block}.product-stage>figcaption small{display:block;font-size:9px;color:#94a3b6;margin-top:5px;letter-spacing:.3px}.product-orbit{position:absolute;inset:-40px -90px;pointer-events:none;transform:rotate(-15deg)}.product-orbit span{position:absolute;inset:20px;border:1px solid #dce6f13d;border-radius:50%}.product-orbit span:nth-child(2){inset:65px}.product-orbit span:nth-child(3){inset:110px}.hero.is-ready .operations-window{animation:window-enter 1.2s var(--ease-out) both}.hero.is-ready .excel-document{animation:excel-enter 1.3s .15s var(--ease-out) both}.hero.is-ready .cod-document{animation:cod-enter 1.4s .3s var(--ease-out) both}.hero.is-ready .money-flow i{animation:bar-enter 1.2s .5s var(--ease-out) both}.hero.is-ready .volume-number{animation:number-enter 1s var(--ease-out) both}.hero.is-ready .hero-title-line{animation:text-enter 1.1s .08s var(--ease-out) both}@keyframes window-enter{from{opacity:0;translate:30px 40px;rotate:0 1 0 5deg}to{opacity:1;translate:0 0;rotate:none}}@keyframes excel-enter{from{opacity:0;translate:30px 35px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes cod-enter{from{opacity:0;translate:-30px -30px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes bar-enter{from{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes number-enter{from{filter:blur(6px);translate:0 18px}to{filter:blur(0);translate:0 0}}@keyframes text-enter{from{translate:0 16px}to{translate:0 0}}
@media(min-width:1600px){.hero-layout{min-height:870px;gap:60px}.product-composition{height:550px}.hero h1{font-size:70px}}
@media(max-width:1200px){.hero-layout{grid-template-columns:.85fr 1.15fr;gap:40px;min-height:745px;padding-top:70px}.hero h1{font-size:49px;letter-spacing:-2px}.volume-number{letter-spacing:-4px}.volume-line{gap:14px}.hero-lead{font-size:14px;line-height:1.9}.product-main{padding:19px 16px 14px}.product-heading strong{font-size:16px}.product-composition{height:510px}.operations-window{top:48px}.product-bottom{gap:12px}.hero-proof{gap:15px;font-size:9px}.proof-pill{padding-right:15px}.nav-inner{padding-inline:20px}.nav-links{gap:18px}.excel-document{left:-24px}.cod-document{right:-18px}.flow-document{padding:13px 14px}.flow-document strong{font-size:13px}.flow-document span{font-size:8px}}
@media(max-width:1000px) and (min-width:901px){.nav-links{gap:12px;font-size:12px}.nav-actions .btn-ghost{display:none}}
@media(max-width:900px){.site-nav{padding:12px 20px 0}.nav-inner{height:66px}.site-nav.is-scrolled .nav-inner{height:58px}.hero-layout{grid-template-columns:1fr;max-width:690px;gap:58px;padding:56px 0 58px}.hero-content{max-width:600px}.hero h1{font-size:63px;line-height:1.1}.hero-lead{font-size:16px;max-width:580px}.hero-title-line br{display:none}.volume-number{font-size:1.6em}.volume-unit{max-width:100px;font-size:16px;line-height:1.4}.hero-proof{gap:28px;font-size:11px}.proof-pill{padding-right:28px}.product-composition{height:550px}.operations-window{width:100%;left:0;top:55px}.product-main{padding:22px 24px}.product-heading strong{font-size:22px}.overview-strip span,.table-head,.order-state,.product-row,.table-caption>span{font-size:11px}.table-caption strong{font-size:13px}.product-row{min-height:45px}.product-bottom span{font-size:11px}.cod-key strong{font-size:20px}.cod-key small{font-size:10px}.money-flow{height:50px}.excel-document{top:6px;left:3px}.cod-document{right:-4px;bottom:0}.flow-document{padding:16px 20px}.flow-document strong{font-size:16px}.flow-document span{font-size:10px}.annotation-input{left:-12px}.annotation-output{right:30px;bottom:128px}.mobile-panel{top:89px;left:20px;right:20px;border:1px solid #dfe6ef;border-radius:10px;box-shadow:0 20px 50px #21395418;background:#fff;max-height:calc(100svh - 105px);overflow:auto}.product-orbit{inset:-20px -20px}}
@media(max-width:600px){.site-nav{padding:10px 12px 0}.nav-inner{height:60px;padding:0 12px;border-radius:9px;gap:10px}.site-nav.is-scrolled{padding-top:7px}.site-nav.is-scrolled .nav-inner{height:56px}.brand-name{font-size:21px}.brand-mark img{width:29px;height:29px}.nav-actions .btn{min-height:37px;padding:9px 13px;font-size:11px}.nav-toggle{height:37px;width:37px;font-size:20px;border-color:#dce4ee}.hero-layout{padding:42px 0 44px;gap:42px;min-height:0}.eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:25px;gap:8px}.hero h1{font-size:44px;letter-spacing:-2px;line-height:1.15}.hero-title-line{margin:0!important;max-width:none!important}.hero-title-line br{display:block}.hero-title-line em{display:inline}.volume-line{margin-bottom:22px;gap:20px}.volume-number{font-size:1.85em;letter-spacing:-5px}.volume-unit{font-size:13px;max-width:70px;padding-bottom:4px;line-height:1.5}.hero-title-line:first-child{white-space:normal}.hero-lead{font-size:15px;margin-top:22px;line-height:1.85}.hero-actions{margin-top:24px}.hero-actions .btn{padding:14px 24px;min-height:49px;font-size:13px}.tracking-form{margin-top:21px}.tracking-field input{font-size:11px}.hero-proof{gap:20px;font-size:9px;justify-content:space-between;margin-top:22px}.proof-pill{padding-right:20px}.proof-pill strong{font-size:18px}.product-composition{height:390px}.operations-window{width:100%;top:45px;border-radius:8px;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg)}.window-chrome{height:27px;padding:0 10px}.window-address{font-size:8px}.product-shell{grid-template-columns:32px 1fr}.product-sidebar{padding:11px 0;gap:15px;font-size:12px}.product-sidebar img{width:20px;height:20px}.product-sidebar>span{width:23px;height:24px}.sidebar-bottom{width:19px;height:19px;font-size:8px}.product-main{padding:15px 12px 12px}.product-heading strong{font-size:13px}.product-heading small{font-size:6px;letter-spacing:.8px;margin-bottom:5px}.product-date{font-size:7px;padding:4px 6px}.overview-strip{gap:6px;margin-top:12px}.overview-strip>div{padding:7px;gap:8px}.overview-strip span{font-size:7px;white-space:nowrap}.status-line{height:4px}.table-caption{padding-bottom:9px}.table-caption strong{font-size:9px}.table-caption>span{font-size:7px}.product-table{margin-top:13px}.table-head,.product-row{padding:8px 7px;gap:8px;font-size:7px}.product-row{min-height:31px}.order-state{font-size:7px;padding:3px 5px}.code-placeholder,.amount-placeholder{height:4px}.product-bottom{gap:7px;margin-top:12px}.product-bottom>div{padding:7px}.product-bottom span{font-size:7px}.money-flow{height:30px;gap:3px}.cod-key strong{font-size:12px;margin-top:6px}.cod-key small{font-size:6px;margin-top:3px}.flow-document{padding:10px 12px;gap:8px;border-radius:5px}.document-icon{width:25px;height:29px;font-size:17px}.flow-document small{font-size:6px;letter-spacing:1px;margin-bottom:3px}.flow-document strong{font-size:11px}.flow-document span{font-size:7px;margin-top:3px}.excel-document{top:0;left:0}.cod-document{bottom:0;right:0}.file-grid{grid-template-columns:repeat(2,9px);gap:2px;margin-left:2px}.file-grid i{height:5px}.document-check{width:20px;height:20px;margin-left:6px;font-size:10px}.flow-annotation{display:none}.product-stage>figcaption{font-size:11px;padding-top:16px}.product-stage>figcaption small{font-size:8px}.mobile-panel{top:78px;left:12px;right:12px}.product-orbit{inset:-10px -20px}.product-orbit span{border-color:#dce6f155}.hero::before{mask-image:linear-gradient(180deg,transparent 40%,#000)}}
@media(max-width:360px){.hero h1{font-size:40px}.volume-number{font-size:1.7em}.product-composition{height:380px}.overview-strip span{font-size:6px}.product-heading strong{font-size:12px}.hero-actions .btn{padding-inline:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.btn,.product-composition{transform:none!important}.operations-window{transform:none!important}.excel-document{transform:rotate(-3deg)}.cod-document{transform:rotate(2deg)}}
.hero-content{min-width:0}.hero-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.operations-window{width:100%}.product-composition{height:600px}.cod-document{right:-8px;bottom:3px}.product-stage>figcaption{padding-top:23px}
@media(max-width:1200px) and (min-width:901px){.hero-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.product-composition{height:550px}.hero h1{font-size:46px}}
@media(max-width:900px){.hero-layout{grid-template-columns:minmax(0,1fr)}.product-composition{height:575px}}
@media(max-width:600px){.product-composition{height:400px}.product-heading strong{font-size:13px}.hero-proof{gap:14px}.proof-pill{padding-right:14px}.tracking-form{width:100%}.cod-document{right:0}.hero h1{font-size:44px}}
@media(max-width:360px){.hero h1{font-size:40px}.volume-line{gap:14px}.volume-number{font-size:1.65em}.hero-proof{gap:10px}.proof-pill{padding-right:10px}}
