:root{--paper:#fff;--mist:#eef1f6;--ink:#0e1a3a;--slate:#4a5674;--line:#dce2ec;--sun:#ffc93c;--sun-deep:#f2b200;--ok:#157a4a;--hold:#a34f00;--display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--body:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--wrap:1240px;--gutter:clamp(20px, 5vw, 64px);--r-lg:22px;--r-md:14px;--r-sm:8px;--lift:0 1px 2px #0e1a3a0f, 0 12px 32px -12px #0e1a3a2e}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);text-wrap:balance;margin:0;font-weight:700}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--sun);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}[hidden]{display:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;border-radius:var(--r-sm);background:var(--ink);color:#fff;padding:10px 16px;font-weight:600;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.btn{border:2px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.btn:hover{background:#1d2c57;border-color:#1d2c57}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:#fff}.btn-sm{min-height:40px;padding:0 18px;font-size:15px}.top{z-index:40;padding:14px max(var(--gutter), calc((100% - var(--wrap)) / 2));-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #0000;align-items:center;gap:32px;transition:border-color .2s;display:flex;position:sticky;top:0}.top.scrolled{border-bottom-color:var(--line)}.mark{font-family:var(--display);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.mark-logo{background:var(--ink);width:34px;height:34px;color:var(--sun);border-radius:10px;place-items:center;font-size:18px;font-weight:800;display:grid}.top-nav{gap:4px;margin-left:auto;display:flex}.top-nav a{color:var(--slate);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.top-nav a:hover,.top-nav a.active{color:var(--ink);background:var(--mist)}.menu-btn{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:40px;margin-left:auto;padding:0 16px;font-size:15px;font-weight:600;display:none}main>section{padding:clamp(80px, 11vw, 140px) var(--gutter)}main>section>*{max-width:var(--wrap);margin-left:auto;margin-right:auto}.sec-head{gap:16px;margin-bottom:48px;display:grid}.sec-head h2,.svc-intro h2,.contact h2{letter-spacing:-.03em;font-size:clamp(36px,4.6vw,60px);font-weight:750;line-height:1.02}.sec-head p,.svc-intro p{max-width:62ch;color:var(--slate);font-size:18px}.hero{padding-top:clamp(40px,5vw,72px);padding-bottom:0}.hero>.reel{max-width:none}.hero-copy{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"avail avail""title side""facts facts";gap:28px clamp(32px,5vw,80px);display:grid}.avail{border:1px solid var(--line);color:var(--slate);border-radius:999px;grid-area:avail;justify-self:start;align-items:center;gap:10px;padding:6px 14px 6px 10px;font-size:14px;font-weight:500;display:inline-flex}.dot{background:#1fb26b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #1fb26b2e}.hero h1{letter-spacing:-.032em;grid-area:title;font-size:clamp(44px,5.6vw,80px);font-weight:740;line-height:1}.hero-side{grid-area:side;align-self:end;gap:24px;display:grid}.hero-lede{max-width:56ch;color:var(--slate);font-size:clamp(18px,1.5vw,20px)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.facts{color:var(--slate);flex-wrap:wrap;grid-area:facts;gap:12px 0;margin:8px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.facts li{border-left:1px solid var(--line);padding:0 24px}.facts li:first-child{border-left:0;padding-left:0}.facts b{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.2;display:block}.reel{margin:clamp(56px, 7vw, 88px) calc(-1 * var(--gutter)) 0;background:var(--sun);gap:20px;padding:36px 0;display:grid;overflow:hidden}.reel-row{overflow:hidden}.reel-track{gap:20px;width:max-content;animation:90s linear infinite drift;display:flex}.reel-row[data-row="1"] .reel-track{animation-duration:110s;animation-direction:reverse}.reel:hover .reel-track,.reel:focus-within .reel-track{animation-play-state:paused}@keyframes drift{to{transform:translate(calc(-50% - 10px))}}.reel-item{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--c1);cursor:pointer;border:0;flex:none;width:clamp(240px,24vw,340px);padding:0;transition:transform .25s;position:relative;overflow:hidden;box-shadow:0 2px #0e1a3a40,0 18px 30px -18px #0e1a3a8c}.reel-item img{object-fit:cover;width:100%;height:100%}.reel-item span{color:var(--ink);opacity:0;background:#fffffff0;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:10px;left:10px;transform:translateY(4px)}.reel-item:hover{transform:translateY(-4px)}.reel-item:hover span,.reel-item:focus-visible span{opacity:1;transform:none}.reel-item:focus-visible{outline-offset:-4px}@media (prefers-reduced-motion:reduce){.reel-track{animation:none}.reel-row{padding:0 var(--gutter);overflow-x:auto}.reel-item[aria-hidden=true]{display:none}}.services{max-width:calc(var(--wrap) + 2 * var(--gutter));grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(32px,6vw,96px);margin:0 auto;display:grid}.services>*{margin:0}.svc-intro{align-content:start;gap:16px;display:grid;position:sticky;top:110px}.svc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;display:grid}.svc{border-top:1.5px solid var(--ink);align-content:start;gap:10px;padding:28px 0 36px;display:grid}.svc h3{letter-spacing:-.015em;font-size:23px;line-height:1.2}.svc p{color:var(--slate)}.svc .svc-from{color:var(--ink);font-size:15px;font-weight:600}.work{background:var(--mist)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filters button{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:42px;padding:0 18px;font-size:15px;font-weight:600;transition:border-color .15s}.filters button:hover{border-color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.viewer{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:24px;margin-bottom:32px;scroll-margin-top:96px;display:grid}.browser{border-radius:var(--r-lg);box-shadow:var(--lift);background:#fff;overflow:hidden}.browser-bar{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 12px 10px 18px;display:flex}.browser-dots{gap:7px;display:flex}.browser-dots i{background:var(--line);border-radius:50%;width:11px;height:11px}.browser-url{background:var(--mist);min-width:0;color:var(--slate);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;padding:6px 14px;font-size:14px;overflow:hidden}.browser-btns{gap:4px;display:flex}.browser-btns button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1}.browser-btns button:hover{background:var(--mist)}.screen{aspect-ratio:16/10;background:var(--mist);position:relative}.screen iframe,.screen img{object-fit:cover;background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.screen-idle{color:var(--slate);text-align:center;place-items:center;padding:24px;font-size:18px;display:grid;position:absolute;inset:0}.play-live{z-index:2;box-shadow:var(--lift);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.proj-info{border-radius:var(--r-lg);background:#fff;align-content:start;gap:14px;padding:32px;display:grid}.proj-info h3{letter-spacing:-.025em;font-size:32px;line-height:1.05}.proj-info>p{color:var(--slate)}.proj-info .kind{color:var(--ink);font-size:15px;font-weight:600}.proj-info .wip{color:#6b4a00;background:#fff1cc;border-radius:999px;justify-self:start;padding:3px 12px;font-size:14px;font-weight:600}.proj-info .btn{justify-self:start;margin-top:4px}.proj-info .tiny{font-size:14px}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{background:var(--mist);border-radius:999px;padding:3px 12px;font-size:14px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.tile{text-align:left;cursor:pointer;background:0 0;border:0;gap:12px;width:100%;padding:0;display:grid;position:relative}.tile-img{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--c2);outline-offset:3px;outline:3px solid #0000;transition:outline-color .15s;display:block;overflow:hidden}.tile-img img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.tile:hover .tile-img img{transform:scale(1.04)}.tile[aria-current=true] .tile-img{outline-color:var(--ink)}.tile-text{gap:2px;display:grid}.tile-text b{font-family:var(--display);letter-spacing:-.01em;font-size:18px;font-weight:650}.tile-text small{color:var(--slate);font-size:14px}.tile-wip{background:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.tile:focus-visible{outline:none}.tile:focus-visible .tile-img{outline-color:var(--ink)}.plans{display:grid}.plan{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,.8fr);gap:32px;padding:36px 0;display:grid}.plans-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;padding-bottom:16px;display:flex}.plans-label:not(:first-child){border-top:1.5px solid var(--ink);margin-top:56px;padding-top:36px}.plans-label h3{letter-spacing:-.015em;font-size:24px}.plans-label p{color:var(--slate)}.plans-label+.plan,.plan.featured+.plan,.plan.premium+.plan{border-top:0}.plan.featured{border-radius:var(--r-lg);background:var(--sun);border:0;margin-bottom:8px;padding:40px}.plan.premium{border-radius:var(--r-lg);background:var(--ink);color:#fff;border:0;margin-top:8px;padding:40px}.plan-name{align-content:start;gap:10px;display:grid}.plan-name h4{letter-spacing:-.02em;font-size:28px;line-height:1.1}.plan-name p{color:var(--slate)}.plan.featured .plan-name p{color:#3d3a2a}.plan.premium .plan-name p{color:#c4cbe0}.plan.premium .plan-name a{color:var(--sun);text-underline-offset:3px;text-decoration:underline}.plan.featured .plan-name .plan-tag,.plan.premium .plan-name .plan-tag{background:var(--ink);color:#fff;border-radius:999px;justify-self:start;padding:3px 12px;font-size:13px;font-weight:600}.plan.premium .plan-name .plan-tag{background:var(--sun);color:var(--ink)}.plan ul{align-content:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.plan li{padding-left:28px;position:relative}.plan li:before{content:"";border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);width:14px;height:8px;position:absolute;top:7px;left:2px;transform:rotate(-45deg)}.plan.featured li:before{border-color:var(--ink)}.plan.premium li:before{border-color:var(--sun)}.plan-price{text-align:right;align-content:start;justify-items:end;gap:4px;display:grid}.plan-price b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(34px,3.6vw,48px);font-weight:750;line-height:1}.plan-price b small{letter-spacing:0;color:var(--slate);font-size:.42em;font-weight:600}.plan-price>small{color:var(--slate);font-size:14px}.plan.featured .plan-price>small{color:#3d3a2a}.plan.premium .plan-price>small,.plan.premium .plan-price b small{color:#c4cbe0}.addons{border-top:1.5px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:32px;margin-top:64px;padding-top:36px;display:grid}.addons h3{letter-spacing:-.015em;font-size:24px}.addons dl{margin:0;display:grid}.addons dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,2fr);gap:20px;padding:16px 0;display:grid}.addons dl>div:first-child{padding-top:0}.addons dt{font-weight:600}.addons dd{margin:0;font-weight:600}.addons dd.note{color:var(--slate);font-weight:400}.price-cta{color:var(--slate);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:48px;display:flex}.erp{background:var(--mist)}.erp-app{border-radius:var(--r-lg);box-shadow:var(--lift);background:#fff;padding:clamp(16px,2.5vw,28px)}.erp-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.kpis{grid-template-columns:repeat(4,minmax(110px,auto));gap:8px;display:grid}.kpis div{border-radius:var(--r-sm);background:var(--mist);padding:10px 16px;display:grid}.kpis span{color:var(--slate);font-size:13px;font-weight:500}.kpis b{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:24px;font-weight:700}.kpis b.flash{animation:.6s flash}@keyframes flash{0%{color:var(--ok)}}.erp-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--ink)}.stock{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.sku{border:1px solid var(--line);border-radius:var(--r-md);gap:8px;padding:14px 16px;display:grid}.sku-top{justify-content:space-between;gap:8px;font-size:15px;font-weight:600;display:flex}.sku-top span{color:var(--slate);white-space:nowrap;font-size:14px;font-weight:500}.sku-bar{background:var(--mist);border-radius:999px;height:8px;position:relative}.sku-bar i{background:var(--ink);border-radius:999px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.sku-bar u{background:var(--hold);width:2px;position:absolute;top:-4px;bottom:-4px}.sku.low .sku-bar i{background:var(--hold)}.sku small{color:var(--slate);font-size:13px}.board-lanes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.lane{border-radius:var(--r-md);background:var(--mist);flex-direction:column;min-height:320px;display:flex}.lane-head{justify-content:space-between;align-items:center;padding:12px 14px 6px;font-size:15px;font-weight:600;display:flex}.lane-head span{min-width:24px;color:var(--slate);text-align:center;background:#fff;border-radius:999px;padding:0 8px;font-size:13px}.lane-body{flex:1;align-content:start;gap:8px;padding:8px;display:grid}.doc{border-radius:var(--r-sm);background:#fff;gap:4px;padding:12px;animation:.3s arrive;display:grid;box-shadow:0 1px 2px #0e1a3a14}@keyframes arrive{0%{opacity:0;transform:translateY(-6px)}}.doc-top{justify-content:space-between;align-items:center;gap:6px;font-size:13px;display:flex}.doc-top b{font-variant-numeric:tabular-nums;font-weight:600}.doc-state{background:var(--mist);color:var(--slate);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.doc-state.done{color:var(--ok);background:#dcf3e6}.doc-state.po{color:var(--hold);background:#fde9d4}.doc-name{font-weight:600}.doc-meta{color:var(--slate);font-size:13px}.doc button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-self:start;min-height:34px;margin-top:6px;padding:0 14px;font-size:13px;font-weight:600}.doc button:disabled{background:var(--line);color:var(--slate);cursor:not-allowed}.doc.leaving{animation:.3s forwards leave}@keyframes leave{to{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.doc,.doc.leaving,.kpis b.flash{animation:none}}.rv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.rv-card{border-top:1.5px solid var(--ink);align-content:start;gap:16px;padding-top:24px;display:grid}.rv-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rv-stars{gap:2px;display:inline-flex}.rv-stars i{color:var(--line);font-size:18px;font-style:normal}.rv-stars i.on{color:var(--sun-deep)}.rv-ok{color:var(--ok);font-size:13px;font-weight:600}.rv-proj{color:var(--slate);font-size:14px}.rv-card blockquote{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:20px;line-height:1.45}.rv-who{align-items:center;gap:12px;display:flex}.rv-who b{display:block}.rv-who small{color:var(--slate);font-size:14px}.rv-av{background:var(--ink);width:40px;height:40px;color:var(--sun);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.rv-more{margin-top:40px;font-weight:600}.contact{background:var(--ink);color:#fff;padding-bottom:32px}.contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.contact-copy{gap:20px;display:grid}.contact h2{color:#fff;max-width:12ch}.contact-copy>p{color:#c4cbe0;max-width:46ch;font-size:18px}.direct{gap:4px;margin-top:12px;display:grid}.direct a{word-break:break-word;border-top:1px solid #ffffff29;grid-template-columns:110px 1fr;padding:14px 0;font-size:18px;font-weight:600;text-decoration:none;display:grid}.direct a span{color:#c4cbe0;font-size:15px;font-weight:400}.direct a:hover{color:var(--sun)}.contact :focus-visible{outline-color:var(--sun)}.brief{border-radius:var(--r-lg);color:var(--ink);background:#fff;gap:8px;padding:clamp(24px,3vw,40px);display:grid}.brief :focus-visible{outline-color:var(--ink)}.brief label{margin-top:12px;font-size:15px;font-weight:600}.brief label:first-child{margin-top:0}.brief label span{color:var(--slate);font-weight:400}.brief input,.brief select,.brief textarea{border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;width:100%;min-height:50px;padding:12px 14px;font-size:16px}.brief textarea{resize:vertical;min-height:110px}.brief input:focus,.brief select:focus,.brief textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--sun);outline:none}.brief [aria-invalid=true]{border-color:#c2361f}.brief ::placeholder{color:#737c93}.brief-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.brief-actions .btn:first-child{background:var(--sun);border-color:var(--sun);color:var(--ink)}.brief-actions .btn:first-child:hover{background:var(--sun-deep);border-color:var(--sun-deep)}.brief-error{color:#c2361f;font-size:15px;font-weight:500}.brief-error:empty{display:none}.foot{color:#c4cbe0;border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(64px,9vw,120px);padding-top:24px;font-size:14px;display:flex}.foot a:hover{color:#fff}@media (width<=1080px){.top{gap:16px}.top-nav a{padding:8px 10px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer{grid-template-columns:1fr}.plan{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.plan-name{grid-area:1/1}.plan ul{grid-area:1/2/3}.plan-price{text-align:left;grid-area:2/1;justify-items:start}}@media (width<=900px){.hero-copy{grid-template-columns:1fr;grid-template-areas:"avail""title""side""facts"}.top{gap:12px}.top-cta{display:none}.menu-btn{align-items:center;display:inline-flex}.top-nav{padding:8px var(--gutter) 20px;border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 24px -16px #0e1a3a33}.top.open .top-nav{display:flex}.top-nav a{color:var(--ink);border-bottom:1px solid var(--mist);border-radius:0;padding:14px 4px;font-size:18px}.top-nav a.active,.top-nav a:hover{background:0 0}.services{grid-template-columns:1fr}.svc-intro{position:static}.stock{grid-template-columns:1fr}.board-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.lane{min-height:200px}.rv-grid{grid-template-columns:1fr;gap:32px}.contact-inner{grid-template-columns:1fr}.addons{grid-template-columns:1fr;gap:20px}}@media (width<=640px){body{font-size:16px}.facts{grid-template-columns:1fr 1fr;gap:20px 16px;display:grid}.facts li{border:0;padding:0}.hero-actions .btn{flex:auto}.svc-list{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.tile-text b{font-size:16px}.tile-text small{font-size:13px}.proj-info{padding:24px}.plan,.plan.featured{grid-template-columns:1fr;gap:20px}.plan.featured,.plan.premium{padding:28px 22px}.plan-name,.plan ul,.plan-price{grid-area:auto}.addons dl>div{grid-template-columns:1fr auto;gap:4px 16px}.addons dd.note{grid-column:1/-1}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.board-lanes{grid-template-columns:1fr}.lane{min-height:0}.lane-body{min-height:60px}.browser-dots{display:none}.direct a{grid-template-columns:1fr;gap:2px}}
