:root{--ink: #0a0a0f;--ink-2: #14161d;--paper: #f5f7f8;--card: #ffffff;--line: #dde3e6;--muted: #56626a;--on-dark: #b7c2c8;--teal: #00838f;--cyan: #00e5ff;--display: "Syne", "Arial Black", sans-serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--radius: 14px;--wrap: 1120px;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.05rem;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit}h1,h2,h3{font-family:var(--display);line-height:1.05;text-wrap:balance}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.eyebrow{font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.band{padding-block:104px}.band-head{display:grid;gap:14px;max-width:660px;margin-bottom:52px}.band-head h2{font-size:clamp(2rem,4vw,3rem)}.band-head p{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;border:2px solid var(--ink);font:600 1rem var(--body);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn .arrow{transition:transform .2s var(--ease)}.btn:hover .arrow{transform:translate(4px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--teal);border-color:var(--teal);box-shadow:0 10px 24px -10px var(--teal)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn-cyan{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.btn-cyan:hover{box-shadow:0 10px 30px -8px var(--cyan)}.btn-sm{padding:10px 18px;font-size:.95rem}header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--paper) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}header.scrolled{border-bottom-color:var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px;position:relative}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.2rem var(--display)}.brand img{width:34px;height:34px}.brand b{color:var(--teal);font-weight:700}.nav{display:flex;align-items:center;gap:28px;list-style:none}.nav a:not(.btn){text-decoration:none;font-weight:500;color:var(--muted);transition:color .2s}.nav a:not(.btn):hover{color:var(--ink)}.menu-btn{display:none;background:none;border:0;cursor:pointer;font:600 1rem var(--body);color:var(--ink);padding:8px 0}.hero{padding-block:64px 96px;position:relative}.hero:before{content:"";position:absolute;inset:-80px 0 auto auto;width:60%;height:520px;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--cyan) 22%,transparent),transparent);pointer-events:none}.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero h1{font-size:clamp(2.6rem,6.2vw,4.8rem);letter-spacing:-.02em;margin:18px 0 22px}.rotator{display:block;color:var(--teal);min-height:1.05em}.rotator span{display:inline-block}.rotator .out{animation:word-out .35s var(--ease) forwards}.rotator .in{animation:word-in .45s var(--ease) both}.hero p{color:var(--muted);max-width:34em;font-size:1.15rem}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{margin-top:18px;font-size:.9rem;color:var(--muted)}.screen{background:var(--ink);border-radius:var(--radius);padding:10px;box-shadow:0 40px 80px -30px #0a0a0f73;transform:rotate(1.5deg);transition:transform .5s var(--ease)}.screen:hover{transform:rotate(0) scale(1.01)}.screen-bar{display:flex;align-items:center;gap:6px;padding:4px 6px 10px}.screen-bar i{width:9px;height:9px;border-radius:50%;background:#2b2f36}.screen-bar i:first-child{background:var(--cyan)}.screen-bar span{margin-left:auto;font:500 .72rem var(--mono);color:var(--on-dark)}.screen-stage{position:relative;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:var(--ink-2)}.screen-stage>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.03);transition:opacity .6s var(--ease),transform .9s var(--ease)}.screen-stage>.on{opacity:1;transform:none}.screen-yours{display:grid;place-content:center;gap:8px;text-align:center;padding:24px;background:repeating-linear-gradient(0deg,transparent 0 27px,#1c1f27 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,#1c1f27 27px 28px),var(--ink-2)}.screen-yours b{font:800 clamp(1.4rem,3vw,2rem) var(--display);color:var(--cyan)}.screen-yours span{color:var(--on-dark);font-size:.95rem}.rise{animation:rise .8s var(--ease) both;animation-delay:calc(var(--d, 0) * .11s)}.industries{border-block:1px solid var(--line);background:var(--card);overflow:hidden}.marquee{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee:hover{animation-play-state:paused}.marquee ul{display:flex;gap:44px;padding:22px;list-style:none}.marquee li{font:700 1.1rem var(--display);white-space:nowrap;display:flex;align-items:center;gap:44px}.marquee li:after{content:"✦";color:var(--teal);font-size:.8rem}.marquee li.yours{color:var(--teal)}html.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--d, 0) * 90ms)}html.js .reveal.in{opacity:1;transform:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;counter-reset:step}.steps li{counter-increment:step;display:grid;gap:10px;align-content:start;position:relative;padding-top:26px}.steps li:before{content:counter(step,decimal-leading-zero);font:500 .9rem var(--mono);color:var(--teal)}.steps li:after{content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:var(--ink);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease);transition-delay:calc(var(--d, 0) * .15s + .2s)}html:not(.js) .steps li:after,.steps li.in:after{transform:none}.steps h3{font-size:1.45rem}.steps p{color:var(--muted)}#software{background:var(--card);border-block:1px solid var(--line)}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s,opacity .8s var(--ease)}.product:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px #0a0a0f59;border-color:color-mix(in srgb,var(--teal) 40%,var(--line))}.product-shot{aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--line);background:var(--ink-2)}.product-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .8s var(--ease)}.product:hover .product-shot img{transform:scale(1.05)}.product-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}.product h3{font-size:1.55rem}.product p{color:var(--muted);flex:1}.product .credit{font-size:.85rem;flex:0}.product .btn{align-self:flex-start;margin-top:8px}.product.custom{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--ink);color:var(--paper);border-color:var(--ink);padding:40px}.product.custom h3{font-size:clamp(1.6rem,3vw,2.3rem)}.product.custom h3 b{color:var(--cyan)}.product.custom p{color:var(--on-dark);max-width:36em;margin-top:10px}.wizard-band{background:var(--ink);color:var(--paper)}.wizard-band .eyebrow{color:var(--cyan)}.wizard-band .band-head p{color:var(--on-dark)}.wizard{background:var(--ink-2);border:1px solid #262a33;border-radius:20px;padding:clamp(22px,4vw,44px);display:grid;gap:28px}.wz-progress{display:flex;align-items:center;gap:14px;font:500 .8rem var(--mono);color:var(--on-dark)}.wz-bar{flex:1;height:4px;border-radius:4px;background:#262a33;overflow:hidden}.wz-bar i{display:block;height:100%;width:20%;background:var(--cyan);transition:width .5s var(--ease)}.wz-step{display:none;gap:22px;border:0;min-width:0}.wz-step.active{display:grid;animation:step-in .45s var(--ease)}.wz-step.back{animation-name:step-back}.wz-step h3{font-size:clamp(1.5rem,3vw,2.1rem)}.wz-step .hint{color:var(--on-dark);font-size:.95rem;margin-top:-12px}.wz-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.wz-option{position:relative}.wz-option input{position:absolute;opacity:0;pointer-events:none}.wz-option span{display:flex;align-items:center;gap:12px;height:100%;padding:16px 18px;border-radius:12px;cursor:pointer;border:1px solid #2c313b;background:var(--ink);font-weight:500;transition:border-color .2s,background .2s,transform .2s var(--ease)}.wz-option span:before{content:attr(data-icon);font-size:1.3rem}.wz-option span:hover{border-color:var(--cyan);transform:translateY(-2px)}.wz-option input:checked+span{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,var(--ink))}.wz-option input:focus-visible+span{outline:3px solid var(--cyan);outline-offset:2px}.wz-other{display:none}.wz-other.show{display:block}.wizard input[type=text],.wizard input[type=email],.wizard input[type=tel],.wizard textarea{width:100%;padding:13px 16px;border-radius:10px;border:1px solid #2c313b;background:var(--ink);color:var(--paper);font:inherit;font-size:1rem}.wizard input:focus,.wizard textarea:focus{outline:none;border-color:var(--cyan)}.wizard textarea{min-height:110px;resize:vertical}.wz-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wz-fields label{display:grid;gap:6px;font-size:.9rem;color:var(--on-dark)}.wz-fields .full{grid-column:1 / -1}.wz-check{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--on-dark)}.wz-check input{accent-color:var(--cyan);width:16px;height:16px}.wz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.wz-nav .btn-ghost{color:var(--paper);border-color:#3a404c}.wz-nav .btn-ghost:hover{background:#262a33;color:var(--paper)}.wz-nav .btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.wz-status{color:var(--cyan);font-size:.9rem;min-height:1.2em}.wz-done{text-align:center;justify-items:center;padding-block:20px}.wz-done .tick{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:800;background:var(--cyan);color:var(--ink);animation:pop .6s var(--ease) both}.wz-done p{color:var(--on-dark);max-width:34em}.wz-privacy{font-size:.78rem;color:#7d8990}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}.about h2{font-size:clamp(2rem,4vw,3rem);margin-top:14px}.about>div>p{color:var(--muted);margin-top:18px}.about .points{display:grid;gap:22px;list-style:none}.about .points li{border-left:2px solid var(--teal);padding-left:18px;color:var(--muted)}.about .points b{display:block;color:var(--ink);font-size:1.1rem}.about a{color:var(--teal);font-weight:600}.contact-band{background:var(--card);border-top:1px solid var(--line)}.contact{display:grid;justify-items:start;gap:18px;max-width:720px}.contact h2{font-size:clamp(2.2rem,5vw,3.6rem)}.contact p{color:var(--muted)}.contact .email{font:500 clamp(1.1rem,3vw,1.5rem) var(--mono);color:var(--teal);text-decoration:none;border-bottom:2px solid currentColor}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;background:var(--card)}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-block:28px}.demo-dialog{margin:auto;width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);background:var(--card);color:var(--ink);border:0;border-radius:var(--radius);padding:36px 32px 28px}.demo-dialog[open]{animation:pop .35s var(--ease)}.demo-dialog::backdrop{background:#0a0a0f99;backdrop-filter:blur(4px)}.demo-dialog h3{font-size:1.5rem;margin-bottom:8px}.demo-intro,.demo-privacy{color:var(--muted);font-size:.85rem}.demo-intro{margin-bottom:20px}.demo-privacy{margin-top:16px;font-size:.75rem}.demo-dialog label{display:block;font-size:.85rem;font-weight:500;margin-bottom:14px}.demo-dialog input:not([type=checkbox]),.demo-dialog select{display:block;width:100%;margin-top:6px;padding:11px 14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.95rem}.demo-dialog input:focus,.demo-dialog select:focus{outline:none;border-color:var(--teal)}.demo-dialog .demo-check{display:flex;align-items:center;gap:10px;margin:4px 0 20px;font-weight:400}.demo-dialog .demo-check input{accent-color:var(--teal);width:16px;height:16px}.demo-dialog .btn{width:100%}.demo-dialog .btn:disabled{opacity:.6;cursor:wait}.demo-status{margin-top:12px;font-size:.85rem;color:var(--teal);min-height:1em}.demo-close{position:absolute;top:14px;right:16px;background:none;border:0;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer}.demo-close:hover{color:var(--ink)}.demo-hp{position:absolute;left:-9999px}.demo-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:1000;width:max-content;max-width:calc(100% - 32px);background:linear-gradient(135deg,#34d399,#a3e635);color:var(--ink);border-radius:12px;padding:14px 20px;font-size:.95rem;font-weight:600;box-shadow:0 8px 30px #34d39973;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .3s,transform .3s}.demo-toast.show{opacity:1;transform:translate(-50%)}.demo-toast:before{content:"✓";margin-right:10px;font-weight:800}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@keyframes word-in{0%{opacity:0;transform:translateY(.45em);filter:blur(4px)}}@keyframes word-out{to{opacity:0;transform:translateY(-.45em);filter:blur(4px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes step-in{0%{opacity:0;transform:translate(28px)}}@keyframes step-back{0%{opacity:0;transform:translate(-28px)}}@keyframes pop{0%{opacity:0;transform:scale(.92)}}@media(max-width:860px){.hero .wrap,.about{grid-template-columns:1fr}.hero{padding-block:40px 72px}.screen{transform:none}.steps,.products,.wz-fields{grid-template-columns:1fr}.band{padding-block:72px}.product.custom{padding:28px}.menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px max(20px,env(safe-area-inset-right,0px)) 18px max(20px,env(safe-area-inset-left,0px))}.nav.open{display:flex;animation:rise .3s var(--ease)}.nav a:not(.btn){display:block;padding:12px 0}.nav .btn{margin-top:8px;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}html.js .reveal{opacity:1;transform:none}.steps li:after{transform:none}}.wizard.done .wz-nav{justify-content:center}.wizard.done .wz-status{display:none}
