:root{--navy: #051c2c;--navy-hover: #0a2a3f;--blue: #2563eb;--green: #059669;--text-1: #0f172a;--text-2: #475569;--text-3: #94a3b8;--surface: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--white: #ffffff;--on-navy: #ffffff;--browser-chrome: #fafbfc;--admin-side-bg: #fbfcfd;--thumb-from: #eef2f7;--thumb-to: #f8fafc;--feature-hover-bg: #fcfdfe;--sbp-bg: linear-gradient(135deg, #fef3f7, #f0f4ff);--sbp-border: #e9d5ff;--sbp-mark-color: #6b21a8;--hero-grid-color: rgba(15, 23, 42, .07);--invert-bg: #051c2c;--invert-bg-deep: #050f18;--invert-text: #ffffff;--invert-text-muted: rgba(255, 255, 255, .7);--invert-border: rgba(255, 255, 255, .12);--invert-grid: rgba(255, 255, 255, .06);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 20px 40px -12px rgba(5, 28, 44, .15), 0 8px 16px -8px rgba(15, 23, 42, .08);--shadow-xl: 0 40px 80px -20px rgba(5, 28, 44, .25), 0 16px 32px -16px rgba(15, 23, 42, .1);--nav-bg: rgba(255, 255, 255, .85);--nav-bg-scrolled: rgba(255, 255, 255, .95)}[data-theme=dark]{--navy: #f1f5f9;--navy-hover: #ffffff;--blue: #60a5fa;--green: #34d399;--text-1: #f1f5f9;--text-2: #a3b1c2;--text-3: #6b7a8f;--surface: #131f2e;--border: #1e2c40;--border-strong: #2e3e54;--white: #0c1422;--on-navy: #0c1422;--browser-chrome: #0a1018;--admin-side-bg: #0a1018;--thumb-from: #1a2536;--thumb-to: #131f2e;--feature-hover-bg: #131f2e;--sbp-bg: linear-gradient(135deg, #2a1638, #1a2050);--sbp-border: #4c1d95;--sbp-mark-color: #c4b5fd;--hero-grid-color: rgba(255, 255, 255, .05);--invert-bg: #050d18;--invert-bg-deep: #030810;--invert-text: #f1f5f9;--invert-text-muted: rgba(241, 245, 249, .7);--invert-border: rgba(255, 255, 255, .1);--invert-grid: rgba(255, 255, 255, .04);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6), 0 8px 16px -8px rgba(0, 0, 0, .4);--shadow-xl: 0 40px 80px -20px rgba(0, 0, 0, .7), 0 16px 32px -16px rgba(0, 0, 0, .5);--nav-bg: rgba(12, 20, 34, .7);--nav-bg-scrolled: rgba(12, 20, 34, .92)}html,body{background:var(--white)}html{color-scheme:light;transition:background-color .25s ease,color .25s ease}html[data-theme=dark]{color-scheme:dark}body,.nav,.nav-links a,.feature,.step,.use-case,.price-card,.browser-frame,.phone,.checkout-phone,.admin-side,.admin-main,.admin-card,.checkout-section,.tg-header,.stat,footer,.feature-icon,.faq-icon,.eyebrow,.price-badge,.pill,.mini-app,.mini-hero,.mini-cat,.mini-prod,.mini-bottom,.browser-url,.browser-bar,.nav-indicator{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-1);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-feature-settings:"cv11","ss01","ss03"}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--text-1)}.logo-mark{width:28px;height:28px;border-radius:8px;background:var(--navy);color:var(--on-navy);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;letter-spacing:-.02em}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-2);font-size:14px;font-weight:500;transition:color .15s ease}.nav-links a:hover{color:var(--text-1)}.nav-cta{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:var(--radius);font-weight:500;font-size:14px;letter-spacing:-.005em;transition:all .15s ease;white-space:nowrap;border:1px solid transparent}.btn-primary{background:var(--navy);color:var(--on-navy);box-shadow:0 1px 2px #051c2c1f,0 0 #051c2c00;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background .15s ease;will-change:transform}.btn-primary:hover{background:var(--navy-hover);transform:scale(1.02);box-shadow:0 8px 24px -6px #051c2c52,0 0 0 6px #051c2c0a}.btn-primary:active{transform:scale(.98);transition-duration:.08s}.btn-ghost{color:var(--text-2);background:transparent}.btn-ghost:hover{color:var(--text-1);background:var(--surface)}.btn-outline{border-color:var(--border-strong);color:var(--text-1);background:var(--white);transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s ease,background .15s ease}.btn-outline:hover{border-color:var(--text-2);background:var(--surface);transform:scale(1.02)}.btn-outline:active{transform:scale(.98);transition-duration:.08s}.btn .arrow{display:inline-flex;align-items:center;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.btn:hover .arrow{transform:translate(3px)}.btn:active .arrow{transition-duration:.08s}.btn-lg{height:48px;padding:0 22px;font-size:15px;border-radius:12px}.mobile-toggle{display:none}.hero{position:relative;padding:80px 0 100px;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--hero-grid-color) 1px,transparent 0);background-size:24px 24px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);pointer-events:none}.hero-inner{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;background:var(--white);border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:500;color:var(--text-2);box-shadow:var(--shadow-xs);margin-bottom:24px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #05966926;margin-left:4px}.hero h1{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.035em;color:var(--text-1);margin:0 0 24px;text-wrap:balance}.hero h1 .accent{color:var(--navy);position:relative;white-space:nowrap}.hero-sub{font-size:19px;color:var(--text-2);max-width:660px;margin:0 auto 40px;line-height:1.55;text-wrap:pretty}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.hero-chips{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;color:var(--text-2);font-size:14px;font-weight:500}.chip{display:inline-flex;align-items:center;gap:8px}.chip svg{color:var(--green);flex-shrink:0}.hero-mock-wrap{position:relative;margin:72px auto 0;max-width:1140px}.hero-mock{position:relative;display:grid;grid-template-columns:1.55fr .8fr;gap:28px;align-items:stretch}.browser-frame{background:var(--white);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.browser-bar{height:36px;background:var(--browser-chrome);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 14px;gap:6px}.browser-dot{width:10px;height:10px;border-radius:50%;background:#e4e7eb}.browser-dot:nth-child(1){background:#ff5f57}.browser-dot:nth-child(2){background:#ffbd2e}.browser-dot:nth-child(3){background:#28c840}.browser-url{margin-left:14px;flex:1;background:var(--white);border:1px solid var(--border);border-radius:6px;height:22px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-3);display:flex;align-items:center;padding:0 10px;max-width:320px}.browser-url:before{content:"";width:10px;height:10px;border:1.5px solid var(--text-3);border-radius:50%;margin-right:6px}.admin{display:grid;grid-template-columns:180px 1fr;min-height:480px}.admin-side{background:var(--admin-side-bg);border-right:1px solid var(--border);padding:16px 10px;font-size:13px}.admin-brand{display:flex;align-items:center;gap:8px;padding:4px 8px 14px;margin-bottom:6px;border-bottom:1px solid var(--border)}.admin-brand .logo-mark{width:22px;height:22px;font-size:12px;border-radius:6px}.admin-brand span{font-weight:600;font-size:13px}.admin-nav{display:flex;flex-direction:column;gap:2px;margin-top:10px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;color:var(--text-2);font-weight:500;font-size:13px}.admin-nav-item.active{background:var(--navy);color:var(--on-navy)}.admin-nav-item svg{width:14px;height:14px;flex-shrink:0}.admin-nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:14px 10px 6px;font-weight:600}.admin-main{padding:20px 22px;background:var(--white)}.admin-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.admin-h h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.admin-h-sub{font-size:12px;color:var(--text-3)}.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-card{border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--white);transition:all .2s ease}.admin-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.admin-card-thumb{height:80px;border-radius:6px;background:linear-gradient(135deg,var(--thumb-from),var(--thumb-to));margin-bottom:10px;position:relative;overflow:hidden}.admin-card-thumb:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(15,23,42,.025) 0 1px,transparent 1px 8px)}.admin-card-title{font-size:13px;font-weight:600;margin-bottom:2px}.admin-card-meta{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:600;background:#0596691a;color:var(--green)}.pill .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.stat{padding:10px 12px;background:var(--surface);border-radius:8px}.stat-label{font-size:11px;color:var(--text-3);margin-bottom:2px}.stat-value{font-size:16px;font-weight:700;letter-spacing:-.02em}.stat-delta{font-size:11px;color:var(--green);font-weight:500}.phone-wrap{display:flex;align-items:center;justify-content:center}.phone{width:100%;max-width:280px;aspect-ratio:9 / 19;background:#111827;border-radius:36px;padding:10px;box-shadow:var(--shadow-xl);position:relative}.phone:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:90px;height:26px;background:#111827;border-radius:14px;z-index:3}.phone-screen{width:100%;height:100%;background:var(--white);border-radius:28px;overflow:hidden;position:relative;display:flex;flex-direction:column}.tg-header{background:var(--white);border-bottom:1px solid var(--border);padding:38px 14px 12px;display:flex;align-items:center;gap:10px;font-size:12px}.tg-back{color:#2481cc;font-weight:500;font-size:13px}.tg-title{font-weight:600;font-size:13px;flex:1;text-align:center}.tg-title small{display:block;font-weight:400;color:var(--text-3);font-size:10px;margin-top:1px}.tg-close{font-size:18px;color:var(--text-3);line-height:1}.mini-app{flex:1;overflow:hidden;background:var(--surface);padding:12px;font-size:11px}.mini-hero{background:var(--white);border-radius:12px;overflow:hidden;margin-bottom:12px;border:1px solid var(--border)}.mini-hero-img{height:70px;background:linear-gradient(135deg,#1e293b,#334155);position:relative}.mini-hero-img:after{content:"витрина";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.05em}.mini-hero-body{padding:8px 10px}.mini-hero-body h4{margin:0 0 2px;font-size:12px;font-weight:600}.mini-hero-body p{margin:0;font-size:10px;color:var(--text-3)}.mini-cats{display:flex;gap:6px;margin-bottom:10px;overflow:hidden}.mini-cat{padding:4px 10px;background:var(--white);border:1px solid var(--border);border-radius:999px;font-size:10px;font-weight:500;white-space:nowrap}.mini-cat.active{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-prod{background:var(--white);border-radius:10px;border:1px solid var(--border);overflow:hidden}.mini-prod-img{aspect-ratio:1;background:linear-gradient(135deg,var(--thumb-from),var(--thumb-to));position:relative}.mini-prod-img:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(15,23,42,.03) 0 1px,transparent 1px 6px)}.mini-prod-body{padding:7px 9px}.mini-prod-name{font-size:10px;font-weight:500;line-height:1.3;margin-bottom:3px}.mini-prod-price{font-size:11px;font-weight:700;color:var(--text-1)}.mini-prod-old{font-size:9px;color:var(--text-3);text-decoration:line-through;margin-left:4px;font-weight:400}.mini-bottom{background:var(--white);border-top:1px solid var(--border);padding:10px 14px 16px;display:flex;align-items:center;gap:10px}.mini-cart-btn{flex:1;background:var(--navy);color:var(--on-navy);height:36px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:12px;font-weight:600}section{padding:96px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-eyebrow{color:var(--blue);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;display:block}.section-head h2{font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 16px;text-wrap:balance}.section-head p{font-size:18px;color:var(--text-2);line-height:1.55;margin:0;text-wrap:pretty}.alt-bg{background:var(--surface)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.step{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px 28px;position:relative;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease}.step:hover{border-color:var(--navy);transform:translateY(-4px);box-shadow:0 20px 40px -20px #051c2c2e,0 8px 16px -12px #0f172a14}.step:hover .step-num{color:#cbd5e1}.step-num{font-size:56px;font-weight:800;letter-spacing:-.04em;color:var(--border);line-height:1;margin-bottom:18px;font-feature-settings:"tnum";transition:color .2s ease}.step h3{font-size:20px;font-weight:600;letter-spacing:-.015em;margin:0 0 8px}.step p{color:var(--text-2);font-size:15px;line-height:1.55;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:18px;overflow:hidden}.feature{background:var(--white);padding:36px 32px;transition:background .2s ease;position:relative}.feature:after{content:"";position:absolute;inset:-1px;border:1px solid var(--navy);border-radius:0;opacity:0;pointer-events:none;transition:opacity .18s ease}.feature:hover{background:var(--feature-hover-bg)}.feature:hover:after{opacity:1}.feature:hover .feature-icon{transform:scale(1.08);background:var(--navy);color:var(--on-navy);border-color:var(--navy)}.feature-icon{width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--navy);transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease,color .18s ease,border-color .18s ease}.feature h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.feature p{color:var(--text-2);font-size:14.5px;line-height:1.55;margin:0}.use-cases{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.use-case{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:24px 20px;text-align:center;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease}.use-case:hover{border-color:var(--navy);transform:translateY(-4px);box-shadow:0 20px 40px -20px #051c2c2e,0 8px 16px -12px #0f172a14}.use-case:hover .use-case-icon{transform:scale(1.08)}.use-case-icon{width:36px;height:36px;margin:0 auto 14px;color:var(--navy);display:flex;align-items:center;justify-content:center;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.use-case h4{font-size:14px;font-weight:600;margin:0;letter-spacing:-.005em}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:28px;display:flex;flex-direction:column;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease;position:relative}.integration:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:var(--shadow-lg)}.integration-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.integration-mark{width:44px;height:44px;border-radius:11px;background:var(--surface);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--navy);flex-shrink:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease}.integration:hover .integration-mark{transform:scale(1.06);background:var(--navy);color:var(--on-navy);border-color:var(--navy)}.integration-mark.dashed{border-style:dashed;border-color:var(--border-strong);background:transparent;color:var(--text-3);font-size:22px;font-weight:400}.integration:hover .integration-mark.dashed{background:transparent;color:var(--text-2);border-color:var(--text-2);transform:scale(1.06) rotate(90deg)}.integration-title{display:flex;flex-direction:column;gap:2px;min-width:0}.integration-title h3{font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.2}.integration-meta{font-size:12px;color:var(--text-3);font-weight:500;letter-spacing:.01em}.integration-head .pill{margin-left:auto}.integration-desc{color:var(--text-2);font-size:14.5px;line-height:1.6;margin:0 0 20px;flex:1}.integration-foot{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);padding-top:16px;border-top:1px solid var(--border);font-weight:500}.integration-foot svg{color:var(--green);flex-shrink:0}.integration.roadmap{background:var(--surface);border-style:dashed}.integration.roadmap:hover{border-style:dashed}.roadmap-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:12px;flex:1}.roadmap-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-1)}.roadmap-list .status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.roadmap-list .status.soon{background:var(--blue);box-shadow:0 0 0 3px #2563eb24}.roadmap-list .status.planned{background:transparent;border:1.5px solid var(--border-strong)}.roadmap-list .label-soon{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--blue)}.roadmap-list .label-planned{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.integration-cta{display:inline-flex;align-items:center;gap:4px;color:var(--text-1);font-weight:600;font-size:14px;padding-top:16px;border-top:1px solid var(--border);transition:gap .2s ease,color .15s ease}.integration-cta svg{transition:transform .2s ease}.integration-cta:hover{color:var(--blue)}.integration-cta:hover svg{transform:translate(3px)}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.showcase-copy h2{font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 20px;text-wrap:balance}.showcase-copy p{font-size:17px;color:var(--text-2);line-height:1.6;margin:0 0 28px}.showcase-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.showcase-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-1)}.showcase-list li svg{color:var(--green);flex-shrink:0;margin-top:3px}.showcase-list li strong{font-weight:600}.showcase-list li span{color:var(--text-2);font-weight:400}.showcase-mock{display:flex;justify-content:center;position:relative}.checkout-phone{width:100%;max-width:320px;aspect-ratio:9 / 19;background:#111827;border-radius:40px;padding:10px;box-shadow:var(--shadow-xl);position:relative}.checkout-phone:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#111827;border-radius:14px;z-index:3}.checkout-screen{width:100%;height:100%;background:var(--surface);border-radius:30px;overflow:hidden;display:flex;flex-direction:column}.checkout-screen .tg-header{padding-top:44px}.checkout-body{padding:14px;flex:1;overflow:hidden;font-size:12px}.checkout-section{background:var(--white);border-radius:12px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--border)}.checkout-section h5{margin:0 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.checkout-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px}.checkout-row+.checkout-row{border-top:1px solid var(--border)}.checkout-row .item-name{font-weight:500}.checkout-row .item-meta{font-size:10px;color:var(--text-3)}.checkout-row .price{font-weight:600}.delivery-opt{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:11px}.delivery-opt+.delivery-opt{border-top:1px solid var(--border)}.radio{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;position:relative}.radio.checked{border-color:var(--navy)}.radio.checked:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--navy)}.delivery-info{flex:1}.delivery-info b{font-weight:600;font-size:11px;display:block}.delivery-info span{font-size:10px;color:var(--text-3)}.sbp{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--sbp-bg);border-radius:8px;border:1px solid var(--sbp-border);margin-top:8px}.sbp-mark{width:26px;height:26px;background:var(--white);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:9px;color:var(--sbp-mark-color);border:1px solid var(--sbp-border);letter-spacing:-.02em}.sbp-info b{font-size:11px;font-weight:600;display:block}.sbp-info span{font-size:10px;color:var(--text-3)}.total-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px;padding-top:10px;border-top:1px solid var(--border)}.total-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.total-value{font-size:18px;font-weight:700;letter-spacing:-.02em}.pay-btn{background:var(--navy);color:var(--on-navy);width:100%;height:40px;border-radius:10px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease}.price-card:hover{transform:translateY(-4px);border-color:var(--navy);box-shadow:0 24px 48px -20px #051c2c38,0 8px 16px -12px #0f172a14}.price-card.featured:hover{transform:scale(1.02) translateY(-4px)}.price-card.featured{background:var(--invert-bg);color:var(--invert-text);border-color:var(--invert-bg);transform:scale(1.02);box-shadow:var(--shadow-lg)}.price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;font-size:11px;font-weight:600;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px 12px #2563eb4d}.price-name{font-size:14px;font-weight:600;color:var(--text-2);margin:0 0 12px;letter-spacing:-.005em}.price-card.featured .price-name{color:var(--invert-text-muted)}.price-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.price-amount .num{font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1}.price-amount .per{font-size:14px;color:var(--text-2)}.price-card.featured .price-amount .per{color:var(--invert-text-muted)}.price-tag{font-size:14px;color:var(--text-2);margin-bottom:24px;min-height:42px}.price-card.featured .price-tag{color:var(--invert-text-muted)}.price-card hr{border:none;border-top:1px solid var(--border);margin:0 0 22px}.price-card.featured hr{border-color:var(--invert-border)}.price-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px;flex:1}.price-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-1);line-height:1.45}.price-card.featured .price-features li{color:var(--invert-text);opacity:.92}.price-features svg{flex-shrink:0;margin-top:2px;color:var(--green)}.price-card.featured .price-features svg{color:var(--green)}.price-card .btn{width:100%}.price-card.featured .btn-primary{background:var(--invert-text);color:var(--invert-bg)}.price-card.featured .btn-primary:hover{background:var(--invert-text);opacity:.92}.faq-wrap{max-width:760px;margin:0 auto;border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;text-align:left;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:17px;font-weight:600;color:var(--text-1);letter-spacing:-.01em;transition:color .15s ease}.faq-q:hover{color:var(--navy)}.faq-icon{width:32px;height:32px;border-radius:999px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.faq-icon svg{transition:transform .25s ease}.faq-item.open .faq-icon{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}.faq-item.open .faq-icon svg{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-a p{margin:0;padding:0 64px 24px 0;font-size:16px;color:var(--text-2);line-height:1.6}.faq-item.open .faq-a{max-height:240px}.final-cta{background:var(--invert-bg);color:var(--invert-text);padding:96px 0;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--invert-grid) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 30%,transparent 75%)}.final-cta-inner{position:relative;text-align:center;max-width:640px;margin:0 auto}.final-cta h2{font-size:clamp(32px,4.5vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 20px;text-wrap:balance}.final-cta p{font-size:18px;color:var(--invert-text-muted);margin:0 0 36px;line-height:1.55}.final-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-white{background:var(--invert-text);color:var(--invert-bg);transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background .15s ease,opacity .15s ease}.btn-white:hover{opacity:.92;transform:scale(1.02);box-shadow:0 8px 24px -6px #ffffff40,0 0 0 6px #ffffff0f}.btn-white:active{transform:scale(.98);transition-duration:.08s}.btn-outline-white{background:transparent;color:var(--invert-text);border:1px solid var(--invert-border);transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s ease,background .15s ease}.btn-outline-white:hover{border-color:#ffffff80;background:#ffffff0f;transform:scale(1.02)}.btn-outline-white:active{transform:scale(.98);transition-duration:.08s}footer{background:var(--white);border-top:1px solid var(--border);padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-brand p{color:var(--text-2);font-size:14px;line-height:1.55;margin:16px 0 0;max-width:320px}.footer-col h5{font-size:13px;font-weight:600;color:var(--text-1);margin:0 0 16px;text-transform:uppercase;letter-spacing:.06em}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-col a{color:var(--text-2);font-size:14px;transition:color .15s ease}.footer-col a:hover{color:var(--text-1)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;font-size:13px;color:var(--text-3);flex-wrap:wrap;gap:12px}.theme-toggle{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .15s cubic-bezier(.2,.8,.2,1)}.theme-toggle:hover{color:var(--text-1);border-color:var(--border-strong);background:var(--surface)}.theme-toggle:active{transform:scale(.94);transition-duration:.08s}.theme-toggle svg{position:absolute;inset:0;margin:auto;transition:transform .32s cubic-bezier(.5,0,.2,1.4),opacity .18s ease}.theme-toggle .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle .theme-icon-moon{opacity:0;transform:rotate(-90deg) scale(.6)}[data-theme=dark] .theme-toggle .theme-icon-sun{opacity:0;transform:rotate(90deg) scale(.6)}[data-theme=dark] .theme-toggle .theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}.grad-text{background:linear-gradient(90deg,var(--navy) 0%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-theme=dark] .grad-text{background:linear-gradient(90deg,#fff,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease}.nav.scrolled{background:var(--nav-bg-scrolled);box-shadow:0 1px #0f172a0f,0 4px 16px -8px #0f172a14;border-bottom-color:transparent}.nav-links{position:relative}.nav-links a{position:relative;padding:6px 2px}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--navy);border-radius:2px;transition:right .18s cubic-bezier(.2,.8,.2,1)}.nav-links a:hover:after{right:0}.nav-indicator{position:absolute;bottom:0;height:2px;background:var(--navy);border-radius:2px;pointer-events:none;opacity:0;transform:translate(0);transition:transform .22s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease;width:0;left:0}.nav-indicator.visible{opacity:1}a.inline-link{position:relative;color:var(--navy);font-weight:500}a.inline-link:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1.5px;background:currentColor;transition:right .18s cubic-bezier(.2,.8,.2,1)}a.inline-link:hover:after{right:0}.footer-col a,.nav-cta a.btn-ghost{position:relative}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay, 0ms);will-change:transform,opacity}.reveal.in{opacity:1;transform:translateY(0)}.hero h1 .word{display:inline-block}.hero h1.animating .word{opacity:0;transform:translateY(8px);transition:opacity .32s cubic-bezier(.2,.8,.2,1),transform .32s cubic-bezier(.2,.8,.2,1);transition-delay:var(--word-delay, 0ms)}.hero h1.animating.in .word{opacity:1;transform:translateY(0)}.hero:before{transform:translate3d(0,var(--parallax-y, 0px),0);will-change:transform}.hero-mock{transition:filter .25s ease;--tilt-x: 0}.browser-frame,.phone{transition:filter .25s ease,transform .25s ease}.hero-mock .browser-frame{filter:drop-shadow(calc(var(--tilt-x, 0) * 8px) 16px 28px rgba(5,28,44,.12))}.hero-mock .phone{filter:drop-shadow(calc(var(--tilt-x, 0) * 6px) 20px 32px rgba(5,28,44,.18))}[data-theme=dark] .hero-mock .browser-frame{filter:drop-shadow(calc(var(--tilt-x, 0) * 8px) 16px 28px rgba(0,0,0,.45))}[data-theme=dark] .hero-mock .phone{filter:drop-shadow(calc(var(--tilt-x, 0) * 6px) 20px 32px rgba(0,0,0,.55))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal,.hero h1 .word{opacity:1;transform:none}.hero:before{transform:none!important}.hero-mock .browser-frame,.hero-mock .phone{filter:drop-shadow(0 12px 24px rgba(5,28,44,.12))}}@media(max-width:1024px){.hero-mock{grid-template-columns:1fr}.phone-wrap{justify-content:center}.phone{max-width:240px}.showcase{grid-template-columns:1fr;gap:56px}.showcase-mock{order:-1}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){section{padding:72px 0}.nav-links,.nav-cta .btn-ghost{display:none}.hero{padding:56px 0 72px}.hero-mock-wrap{margin-top:48px}.admin{grid-template-columns:1fr}.admin-side{display:none}.admin-cards{grid-template-columns:1fr 1fr}.steps,.feature-grid,.integrations-grid{grid-template-columns:1fr}.use-cases{grid-template-columns:1fr 1fr}.pricing{grid-template-columns:1fr}.price-card.featured{transform:none}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px}.hero-chips{gap:14px;font-size:13px}}@media(max-width:480px){.container{padding:0 20px}.hero h1{font-size:36px}.hero-sub{font-size:16px}.section-head h2{font-size:28px}.admin-cards,.use-cases{grid-template-columns:1fr}.hero-cta .btn{flex:1}}