:root{color-scheme:light;--bg:#fbfcfa;--ink:#182e3b;--muted:#647773;--accent:#087f73;--line:#e3e9e4;--cream:#f5f3e8;--white:#fff;--soft:#e8f3ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #35b09e;outline-offset:5px}h1,h2,h3,p,figure{margin:0}svg{display:block;width:100%;height:100%}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;padding:10px 16px;background:var(--white);z-index:4}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:26px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:760;letter-spacing:-1px;line-height:1}.brand img{display:block;flex-shrink:0;border-radius:10px}.brand small{display:inline-block;margin-left:8px;color:var(--accent);font-size:10px;letter-spacing:1.6px;vertical-align:middle}.header-actions{display:flex;align-items:center;gap:25px}.language-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:100px;background:var(--white)}.language-switch button{display:grid;place-items:center;min-width:41px;min-height:38px;padding:6px 10px;border:0;border-radius:100px;background:transparent;font-size:11px;font-weight:650}.language-switch button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.header-login{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:64px 76px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:2px}.hero h1{margin-top:21px;font-size:clamp(40px,4.6vw,58px);font-weight:680;letter-spacing:-2.6px;line-height:1.14}.hero h1>span{display:block}.accent{color:var(--accent)}.hero-description{max-width:410px;margin-top:23px;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 19px;border-radius:9px;font-size:12px;font-weight:600;border:1px solid transparent}.primary{background:var(--accent);color:#fff}.primary:hover{background:#076d63}.secondary{background:var(--white);border-color:var(--line)}.quiet-link{display:inline-flex;align-items:center;gap:11px;min-height:44px;margin-top:10px;color:var(--muted);font-size:11px}.quiet-link:hover{color:var(--accent)}.hero-note{display:flex;align-items:center;gap:8px;margin-top:34px;color:var(--muted);font-size:10px}.note-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#70ad91}.poster-frame{min-width:0;max-width:490px;width:100%;justify-self:end}.poster{overflow:hidden;border:1px solid #d9dfd6;border-radius:18px;background:var(--cream);box-shadow:0 14px 35px #1d3b3510}.poster-top{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #dfe3d8;color:#6c7c71;font-size:10px;letter-spacing:.3px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border:1px solid #aab7a6;border-radius:50%}.poster-seal{margin-left:auto;color:var(--accent);font-size:8px;font-weight:750;letter-spacing:1.3px}.poster-inner{padding:23px 28px 18px}.poster-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:12px;font-weight:600;letter-spacing:-.15px}.tiny-cross{color:#9aa98e;font-size:18px;font-weight:300}.flow-card{background:#fff;border:1px solid #e0e4d8;border-radius:10px}.poster-source{padding:13px 15px}.step-label{display:flex;align-items:center;gap:8px;color:#5b7267;font-size:9px;font-weight:550}.step-number{color:#9aab9c;font-size:8px;font-weight:650;letter-spacing:.5px}.source-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;color:#7b897e;font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.connector{position:relative;height:33px}.connector-line{position:absolute;top:0;left:50%;height:100%;width:1px;background:#bccdb8}.connector-arrow{position:absolute;left:calc(50% - 6px);bottom:-1px;line-height:1;font-size:13px;color:#8aa088}.moving-dot{position:absolute;top:3px;left:calc(50% - 2.5px);width:6px;height:6px;border-radius:50%;background:#2d9f7f;opacity:0}.poster-short{display:flex;align-items:center;gap:12px;padding:17px 16px;background:#e4f1e9;border-color:#bad7c6}.short-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;padding:7px;border-radius:9px;background:var(--accent);color:white}.short-address{margin-top:3px;color:#126c55;font:600 clamp(10px,1.15vw,13px)/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.35px;overflow-wrap:anywhere}.short-check{display:grid;place-items:center;width:19px;height:19px;margin-left:auto;flex-shrink:0;border:1px solid #b5d7c2;border-radius:50%;color:#257557;font-size:11px}.poster-short .step-label{color:#357657}.branch-connector{height:30px}.branch-connector:after{content:"";position:absolute;left:23%;right:23%;bottom:0;height:8px;border:1px solid #bccdb8;border-bottom:0;border-radius:5px 5px 0 0}.branch-connector .connector-line{height:23px}.poster-outputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.output-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:13px 10px 11px;background:#fbfcf6;border:1px solid #e0e4d8;border-radius:10px}.output-card .step-label{align-self:flex-start;font-size:9px;gap:6px}.qr-symbol{width:64px;height:64px;margin:14px auto 11px;color:#2b6751}.mini-chart{display:flex;align-items:flex-end;justify-content:center;gap:7px;width:100%;height:64px;margin:14px auto 11px;padding:3px 10px 0;border-bottom:1px solid #d9e3d5}.mini-chart span{display:block;min-width:0;flex:0 1 14px;width:14px;height:var(--bar-size);background:#82b79a;border-radius:3px 3px 0 0;transform-origin:bottom}.mini-chart span:nth-child(2){background:#56a17c}.mini-chart span:nth-child(4){background:#338766}.mini-chart span:last-child{background:var(--accent)}.output-note{max-width:100%;color:#78907e;font-size:8px;text-align:center;line-height:1.5}.poster-bottom{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:20px;color:#81917e;font-size:8px}.mini-lock{display:inline-block;width:12px;height:12px}.poster-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 3px 0;color:var(--muted);font-size:9px;line-height:1.6}.replay{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:5px 0 5px 10px;flex-shrink:0;border:0;background:transparent;color:var(--accent);font-size:9px}.replay:disabled{color:var(--muted);cursor:default}.replay[hidden]{display:none}.features{padding-block:30px 48px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.section-heading h2{font-size:18px;font-weight:550;letter-spacing:-.45px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{padding:8px 0 16px;min-width:0}.feature-index{font-size:9px;color:#88a293;letter-spacing:1px}.feature-card h3{margin-top:10px;font-size:15px;font-weight:600;letter-spacing:-.3px}.feature-card p{margin-top:9px;color:var(--muted);font-size:12px;line-height:1.85}.language-note{display:flex;align-items:center;gap:15px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.language-note>span{flex-shrink:0;padding:6px 9px;border:1px solid var(--line);border-radius:7px;font-size:9px;letter-spacing:1px;color:var(--accent)}.language-note p{color:var(--muted);font-size:11px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:20px 26px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent)}.is-playing .poster-source{animation:card-arrive .65s .1s both}.is-playing .first-connector .moving-dot{animation:dot-travel .7s .45s both}.is-playing .poster-short{animation:card-arrive .7s .65s both}.is-playing .branch-connector .moving-dot{animation:dot-travel .65s 1.05s both}.is-playing .poster-qr{animation:card-arrive .7s 1.25s both}.is-playing .poster-analytics{animation:card-arrive .7s 1.4s both}.is-playing .mini-chart span{animation:bar-arrive .85s 1.65s both}.is-playing .mini-chart span:nth-child(2){animation-delay:1.75s}.is-playing .mini-chart span:nth-child(3){animation-delay:1.85s}.is-playing .mini-chart span:nth-child(4){animation-delay:1.95s}.is-playing .mini-chart span:nth-child(5){animation-delay:2.05s}@keyframes card-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-travel{0%{opacity:0;transform:translateY(0)}20%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(22px)}}@keyframes bar-arrive{from{opacity:0;transform:scaleY(.15)}to{opacity:1;transform:scaleY(1)}}
@media(max-width:1000px){.hero{gap:35px;padding-block:42px 60px}.hero h1{font-size:46px;letter-spacing:-2px}.poster-inner{padding:20px}.feature-grid{gap:22px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:20px}.hero{grid-template-columns:1fr;gap:37px;padding-block:30px 46px}.hero-copy{max-width:500px}.hero h1{font-size:clamp(39px,8.7vw,56px);letter-spacing:-1.8px;margin-top:17px}.hero-description{font-size:15px;max-width:430px;margin-top:19px}.hero-actions{margin-top:23px}.hero-note{margin-top:20px}.poster-frame{justify-self:center;max-width:490px}.poster-inner{padding:22px 26px 18px}.short-address{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:0}.feature-card{padding-block:18px;border-bottom:1px solid var(--line)}.feature-card:last-child{border-bottom:0}.feature-card p{max-width:470px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:19px}.features{padding-block:25px 31px}.site-footer{font-size:9px}.language-note{align-items:flex-start}.language-switch button{min-height:40px;min-width:39px}.header-actions{gap:15px}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.brand{font-size:22px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:8px;margin-left:5px}.header-actions{gap:10px}.header-login{font-size:11px}.language-switch button{min-width:32px;padding-inline:7px}.hero h1{font-size:38px}.button{padding-inline:14px;gap:13px;font-size:11px}.poster-inner{padding:18px 16px 16px}.poster-top{padding:13px 16px}.poster-short{gap:8px;padding:14px 11px}.short-icon{width:29px;height:29px;padding:6px}.short-address{font-size:10px;letter-spacing:-.4px}.poster-outputs{gap:9px}.output-card{padding-inline:8px}.poster-frame figcaption{align-items:flex-start}.replay{padding-left:0;font-size:8px}.feature-card p{font-size:12px}.site-footer{gap:8px}.site-footer>span{max-width:58%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-playing .poster-source,.is-playing .poster-short,.is-playing .poster-qr,.is-playing .poster-analytics,.is-playing .moving-dot,.is-playing .mini-chart span{animation:none!important}.moving-dot{display:none}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#132321;--ink:#edf2e9;--muted:#a0b4a9;--accent:#72c9ae;--line:#2c4038;--cream:#e9eada;--white:#1c3029;--soft:#29463a}.primary{color:#102d22;background:#8bd7b9}.primary:hover{background:#a4e3c9}.poster{color:#203d30;border-color:#809886}.poster .poster-seal{color:#087f73}.poster .flow-card{background:#fafcf5}.poster .poster-short{background:#d8ecde}.poster .short-icon{background:#087f73}.poster .mini-chart span:last-child{background:#087f73}.poster .poster-heading{color:#254c39}.feature-index{color:#91b39d}.note-dot{background:#8bd7b9}}