@font-face{font-family:Manrope;src:url('assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--accent:#ff0808;--accent-soft:#fff1f1;--ink:#141414;--muted:#6c6c6c;--surface:#f5f5f5;--line:#e4e4e4;--white:#fff;--gutter:clamp(24px,3.5vw,88px);--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{border:0}::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.container{width:calc(100% - var(--gutter) * 2);margin-inline:auto}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--ink);color:#fff;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid var(--line)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:174px;height:auto}.desktop-nav{display:flex;gap:32px;font-size:14px;font-weight:600}.desktop-nav a{position:relative;padding-block:12px}.desktop-nav a::after{content:'';position:absolute;bottom:5px;left:0;width:0;height:2px;background:var(--accent);transition:width .2s}.desktop-nav a:hover::after{width:100%}.header-cta{display:flex;align-items:center;gap:22px;border:1px solid var(--ink);padding:13px 17px;border-radius:8px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.header-cta:hover{background:var(--ink);color:#fff}.header-cta .icon{width:18px;height:18px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;padding-top:42px;padding-bottom:36px;align-items:center}.hero-content{padding:12px 0}.eyebrow{font-size:14px;font-weight:750;letter-spacing:1.65px;display:flex;align-items:center;gap:10px;line-height:1.6}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(40px,4.45vw,64px);font-weight:750;letter-spacing:-3.3px;line-height:1.11;margin:24px 0}.hero h1>span{color:var(--accent);font-size:.77em;letter-spacing:-2.1px;white-space:nowrap}.hero-description{font-size:14px;line-height:1.85;color:#555555;max-width:450px}.hero-prices{display:flex;align-items:center;gap:26px;margin:26px 0}.hero-prices>div{display:flex;flex-direction:column;gap:5px}.hero-prices strong{font-size:30px;letter-spacing:-1.1px;white-space:nowrap;font-weight:750}.hero-prices strong>span{font-size:20px;font-weight:600;letter-spacing:-.5px}.hero-prices>div>span{font-size:14px;color:#666666}.price-divider{width:1px;height:43px;background:var(--line)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;padding:12px 12px 12px 24px;min-height:58px;font-weight:650;font-size:14px;border-radius:10px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #14141415}.button-primary{background:var(--accent);color:white;min-width:244px}.button-primary:hover{background:#d90000}.button-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#ffffff24}.button-icon .icon{width:19px;height:19px;transition:transform .2s}.button:hover .button-icon .icon{transform:translate(2px,-2px)}.hero-checks{padding:0;margin:25px 0 0;list-style:none;display:flex;flex-direction:column;gap:10px}.hero-checks li{font-size:14px;color:#555555;display:flex;align-items:center;gap:8px}.hero-checks .icon{color:var(--accent);width:15px;height:15px;stroke-width:2}
.hero-visual{position:relative;aspect-ratio:.8;background:var(--accent);border-radius:16px;isolation:isolate;overflow:hidden;align-self:stretch;min-height:620px;max-height:720px}.hero-art{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out;transform:translate(var(--px,0px),var(--py,0px)) scale(1.035)}.visual-label{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:8px;color:white;font-size:14px;font-weight:600;letter-spacing:1.8px;background:#ff080840;padding:5px 7px;border-radius:4px}.small-cross{font-size:20px;line-height:1}.hero-notification{position:absolute;top:41%;left:6%;right:6%;padding:15px;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border:1px solid #ffffffb0;border-radius:13px;box-shadow:0 16px 40px #14141425;transform:rotate(-5deg);animation:notification-float 6s ease-in-out infinite}.notification-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);color:white;border-radius:10px;flex-shrink:0}.notification-icon .icon{width:22px;height:22px}.hero-notification>div{flex:1}.notification-meta{display:flex;justify-content:space-between;font-size:14px;color:#666666;letter-spacing:.8px;margin-bottom:4px}.notification-meta>span{letter-spacing:0}.hero-notification strong{display:block;font-size:14px;margin-bottom:3px}.hero-notification p{font-size:14px;color:#666666}.hero-notification.popping{animation:notification-pop .7s cubic-bezier(.2,.7,.2,1) both}.push-trigger{position:absolute;bottom:64px;left:24px;display:flex;align-items:center;gap:9px;background:var(--ink);color:white;padding:13px 16px;border-radius:30px;font-size:14px;box-shadow:0 5px 20px #0002;transition:background .2s}.push-trigger:hover{background:#282828}.push-trigger .icon{width:17px;height:17px;margin-left:5px}.pulse-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #ff080825;animation:pulse 3s infinite}.visual-caption{position:absolute;bottom:23px;left:24px;right:24px;display:flex;justify-content:space-between;color:#fff;font-size:14px;letter-spacing:.4px}
.store-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 34px;border-bottom:1px solid var(--line)}.store-strip-label{font-size:14px;font-weight:650;letter-spacing:1.3px;line-height:1.6;color:#737373}.store-name{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;letter-spacing:-.6px}.store-name .icon{width:27px;height:27px}.strip-link{display:flex;gap:14px;font-size:14px;font-weight:650;align-items:center;color:#666666}.strip-link .icon{width:19px;height:19px}
.section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.section-heading .eyebrow{color:#666666;margin-bottom:18px;font-size:14px}.section-heading h2{font-size:clamp(30px,3.25vw,46px);line-height:1.18;letter-spacing:-1.9px;font-weight:700}.muted{color:#777777}.section-heading>p{font-size:14px;line-height:1.9;color:#666666;margin-bottom:6px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{border-radius:14px;background:var(--surface);padding:22px;overflow:hidden;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px #1414140a}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-top .icon{width:18px;height:18px;color:#888888}.feature-number{font-size:14px;font-weight:650;color:#666666;letter-spacing:.5px}.feature-card h3{font-size:17px;font-weight:750;line-height:1.4;letter-spacing:-.55px;margin:15px 0 12px}.feature-card p{font-size:14px;color:#666666;line-height:1.9}.site-illustration,.sync-illustration,.push-illustration,.stores-illustration{height:156px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:10px}.mini-browser{width:136px;height:96px;background:white;border:1px solid #dedede;border-radius:6px;box-shadow:0 6px 15px #14141407;transform:rotate(-6deg)}.browser-bar{height:17px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:3px;padding:5px}.browser-bar i{width:3px;height:3px;border-radius:50%;background:#d4d4d4}.browser-bar span{font-size:14px;flex:1;text-align:center;color:#777777}.browser-layout{padding:8px}.mini-hero{height:30px;background:#ffe6e6;border-radius:3px;position:relative;overflow:hidden}.mini-hero::after{content:'';display:block;width:40px;height:40px;background:var(--accent);border-radius:50%;position:absolute;right:12px;top:8px}.mini-tiles{display:flex;gap:4px;margin-top:6px}.mini-tiles i{height:18px;flex:1;background:#f0f0f0;border-radius:3px}.mini-tiles i:nth-child(2){background:#ffe5e5}.mini-phone{background:white;border:3px solid var(--ink);padding:12px 5px 6px;width:49px;height:91px;border-radius:9px;transform:rotate(8deg);box-shadow:0 8px 20px #14141415}.mini-phone>span{position:absolute;top:3px;left:15px;width:14px;height:4px;background:var(--ink);border-radius:6px}.mini-phone .mini-hero{height:30px}.mini-phone .mini-hero::after{width:22px;height:22px;right:2px}.mini-phone .mini-tiles{gap:2px}.mini-phone .mini-tiles i{height:15px}.transfer-arrow{background:var(--accent);color:white;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;margin:0 4px;z-index:2}.transfer-arrow .icon{width:16px;height:16px}.feature-sync{background:#fff2f2}.sync-node{width:72px;height:72px;background:var(--accent);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 14px #ff080808,0 0 0 28px #ff080805}.sync-node .icon{color:white;width:32px;height:32px;animation:sync-spin 18s linear infinite}.sync-chip{display:flex;align-items:center;gap:6px;position:absolute;background:#fff;padding:9px 11px;font-size:14px;border-radius:5px;box-shadow:0 4px 20px #14141409;white-space:nowrap}.sync-chip i{width:4px;height:4px;background:#ff0808;border-radius:50%}.chip-one{top:12px;left:2px;transform:rotate(-4deg)}.chip-two{bottom:21px;right:-3px;transform:rotate(5deg)}.chip-three{top:66px;right:-6px;transform:rotate(-4deg);font-size:14px}.feature-push{background:#fff1f1}.push-demo-card{width:233px;display:flex;align-items:center;gap:8px;border-radius:10px;background:#fff;padding:12px;transform:rotate(-7deg);box-shadow:0 10px 30px #95384310;position:relative}.push-demo-card .notification-icon{width:27px;height:27px;border-radius:7px;background:var(--accent)}.push-demo-card .notification-icon .icon{width:15px;height:15px}.push-demo-card small{font-size:14px;color:#777777;display:block;margin-bottom:4px}.push-demo-card strong{font-size:14px;display:block;margin-bottom:3px}.push-demo-card div>span{font-size:14px;color:#747474;display:block}.coral-dot{position:absolute;top:-9px;right:15px;width:24px;height:24px;background:var(--accent);border:4px solid #fff1f1;border-radius:50%}.stores-illustration{gap:9px;padding-bottom:10px}.stores-illustration>span{width:50px;height:57px;border-radius:11px;background:white;box-shadow:0 5px 15px #14141408;display:grid;place-items:center;transform:rotate(-8deg)}.stores-illustration>span:nth-child(2){transform:translateY(-12px) rotate(5deg)}.stores-illustration>span:nth-child(3){transform:rotate(10deg);background:var(--accent);color:white}.stores-illustration>span .icon{width:27px;height:27px}.published-badge{position:absolute;bottom:15px;font-size:14px;background:#fff;padding:7px 12px;border-radius:20px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 10px #14141407}.published-badge .icon{width:11px;height:11px;color:var(--accent)}
.capabilities{overflow:hidden;background:var(--ink);padding-block:23px;transform:rotate(-1.3deg);margin:0 -2px}.capabilities-track{display:flex;width:max-content;align-items:center;gap:35px;animation:marquee 45s linear infinite}.capabilities:hover .capabilities-track{animation-play-state:paused}.capabilities span{font-size:17px;font-weight:600;letter-spacing:-.3px;color:#fff;white-space:nowrap}.capabilities i{font-style:normal;color:var(--accent);font-size:23px}
.apps{padding-block:96px 100px}.apps .section-heading h2 a{color:var(--accent);display:inline-flex;align-items:center;gap:10px}.apps .section-heading h2 .icon{width:30px;height:30px}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.app-preview{height:300px;border-radius:12px;position:relative;overflow:hidden;display:flex;justify-content:center;padding-top:53px;isolation:isolate}.app-mono{background:#ededed}.app-flower{background:#f0f0f0}.app-craft{background:#f4eeee}.app-vivendi{background:#eeeeee}.app-preview::after{content:'';width:300px;height:300px;border:1px solid #ffffff80;position:absolute;border-radius:50%;top:94px;left:-28px;z-index:-1}.app-category{font-size:14px;letter-spacing:1.4px;font-weight:650;position:absolute;left:18px;top:20px;color:#666666}.case-phone{width:150px;border:5px solid #242424;border-radius:22px 22px 0 0;background:white;overflow:hidden;position:relative;box-shadow:0 18px 20px #14141425;transform:rotate(-5deg) translateY(8px);transition:transform .5s}.case-phone img{width:100%;height:auto;min-height:240px;object-fit:cover;object-position:top}.app-card:nth-child(even) .case-phone{transform:rotate(5deg) translateY(8px)}.app-card:hover .case-phone{transform:rotate(0deg) translateY(0)}.case-open{position:absolute;right:13px;bottom:14px;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px #14141410}.case-open .icon{width:17px;height:17px}.case-open:hover{background:var(--accent);color:white}.app-info{padding:17px 0 0}.app-info h3{font-size:14px;font-weight:750;letter-spacing:-.25px}.app-info>span{font-size:14px;color:#6f6f6f;display:block;margin-top:6px}.app-links{display:flex;gap:14px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.app-links a{display:flex;align-items:center;gap:3px;font-size:14px;font-weight:600}.app-links .icon{width:12px;height:12px}.app-links a:hover{color:var(--accent)}
.demo-section{background:var(--accent);color:white;padding:78px 0 76px;overflow:hidden}.demo-layout{display:grid;grid-template-columns:1fr .9fr;gap:110px;align-items:center}.demo-content .eyebrow{font-size:14px;letter-spacing:1.6px;color:#ffffffb0}.demo-content h2{font-size:clamp(58px,6.5vw,87px);letter-spacing:-4px;line-height:1.04;font-weight:650;margin:24px 0;position:relative}.demo-content h2>span{color:#ffffff7d}.demo-arrow{width:87px;height:87px;position:absolute;right:10px;bottom:7px;fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(0);transition:transform .4s}.demo-content:hover .demo-arrow{transform:translate(8px,-8px)}.demo-content>p{color:#ffffffad;font-size:14px;line-height:1.9}.demo-prices{display:flex;gap:40px;margin:31px 0 20px}.demo-prices>div{display:flex;flex-direction:column;gap:6px}.demo-prices strong{font-size:31px;letter-spacing:-1px;font-weight:650;white-space:nowrap}.demo-prices small{font-size:16px;letter-spacing:0}.demo-prices span{font-size:14px;color:#ffffff9d}.demo-benefits{font-size:14px;line-height:1.9;color:#ffffff90;border-top:1px solid #ffffff30;padding-top:17px}.form-card{background:#fff;border-radius:16px;padding:37px;color:var(--ink);box-shadow:0 24px 70px #15151530}.form-eyebrow{display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:1px;color:#707070;margin-bottom:28px;font-weight:600}.form-eyebrow .icon{width:16px;height:16px;color:var(--accent)}.form-card h3{font-size:28px;font-weight:750;letter-spacing:-1px;margin-bottom:12px}.form-intro{font-size:14px;color:#707070;line-height:1.8;margin-bottom:27px}.form-field{margin-bottom:16px}.form-field>label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.input-wrap{display:flex;align-items:center;background:#f6f6f6;border:1px solid #e8e8e8;border-radius:7px;min-height:52px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ff080810}.input-wrap.invalid{border-color:var(--accent)}.input-wrap input{width:100%;min-width:0;border:0;background:transparent;padding:16px 13px;font-size:14px;outline:none;color:var(--ink)}.input-wrap input::placeholder{color:#777777;opacity:1}.input-prefix{font-size:14px;color:#737373;padding-left:14px}.input-prefix+input{padding-left:3px}.field-error{display:block;font-size:14px;color:#c63243;line-height:1.6}.field-error:not(:empty){margin-top:5px}.consent{display:flex;align-items:flex-start;gap:9px;margin-top:22px;line-height:1.8;font-size:14px;color:#6a6a6a;cursor:pointer}.consent input{accent-color:var(--accent);width:13px;height:13px;margin:3px 0 0;flex-shrink:0}.text-button{padding:0;background:none;font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--accent)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#282828}.form-card .button-dark{width:100%;margin-top:19px;min-height:55px;font-size:14px}.form-card .button-icon{width:29px;height:29px}.form-note{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;color:#737373}.form-note .icon{width:12px;height:12px}.form-status{font-size:14px;line-height:1.7;padding:13px;border-radius:6px;background:#f5f5f5;margin-top:15px}.form-status.success{color:#176b4b;background:#edf8f1}.form-status.error{color:#a72938;background:#fff1f1}.email-fallback{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--accent);margin-top:12px}.email-fallback .icon{width:14px;height:14px}[hidden]{display:none!important}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.footer{padding-top:44px;padding-bottom:23px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:33px}.footer-top>p{font-size:14px;color:#707070}.footer-top>a:last-child{font-size:14px;display:flex;gap:13px;align-items:center;font-weight:600}.footer-top>a .icon{width:17px;height:17px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:21px;font-size:14px;color:#707070}.footer-bottom>a{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;letter-spacing:1px}.footer-bottom>a .icon{width:12px;height:12px}.privacy-dialog{border:0;border-radius:16px;padding:32px;max-width:520px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 20px 70px #0003}.privacy-dialog::backdrop{background:#14141470;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dialog-heading h2{font-size:22px;letter-spacing:-.8px}.dialog-close{background:#f5f5f5;width:32px;height:32px;border-radius:50%;font-size:24px;line-height:1}.privacy-dialog p{font-size:14px;line-height:1.8;color:#666666;margin-bottom:14px}.privacy-dialog p a{color:var(--accent)}.dialog-done{min-height:48px;margin-top:10px;font-size:14px}
.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.js-ready .reveal.visible{opacity:1;transform:none}.feature-card:nth-child(2),.app-card:nth-child(2){transition-delay:.07s}.feature-card:nth-child(3),.app-card:nth-child(3){transition-delay:.14s}.feature-card:nth-child(4),.app-card:nth-child(4){transition-delay:.21s}
@keyframes notification-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes notification-pop{0%{opacity:0;transform:translateY(20px) rotate(-5deg) scale(.92)}100%{opacity:1;transform:translateY(0) rotate(-5deg) scale(1)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 3px #ff080825}50%{box-shadow:0 0 0 6px #ff080810}}@keyframes sync-spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
