:root {color-scheme:dark;--bg:#0b1524;--surface:#111d2e;--surface-2:#152236;--line:#293a51;--text:#f7f9fe;--muted:#9bacc3;--blue:#2563eb;--blue-hover:#3474ff;--green:#25d78b;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #7aa7ff;outline-offset:4px}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#0b1524}.header-inner{height:72px;display:flex;align-items:center;gap:38px}.brand,.footer-brand{display:inline-flex;gap:11px;align-items:center;font-size:18px;font-weight:750;letter-spacing:-.45px;white-space:nowrap}.brand img{border-radius:10px}.nav{display:flex;align-items:center;justify-content:center;gap:33px;margin-left:auto}.nav a{color:#bbcae0;font-size:13px;font-weight:520}.nav a:hover,.footer-links a:hover{color:#fff}.header-actions{display:flex;align-items:center}.btn{appearance:none;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:680;min-height:43px;transition:background .15s,border-color .15s}.btn svg{width:18px;height:18px}.btn-blue{background:var(--blue);color:white;border-color:var(--blue)}.btn-blue:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn-outline{background:transparent;color:#e9f0fc;border-color:#3d506b}.btn-outline:hover{background:#17243a}.btn-header{padding:9px 22px;min-height:37px;margin-left:40px;font-size:12px}.btn-large{min-height:49px;padding:12px 23px}.btn-full{width:100%}.menu-button{display:none;border:1px solid var(--line);background:var(--surface);color:#fff;width:42px;height:42px;border-radius:8px;align-items:center;justify-content:center}
.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:70px;align-items:center;padding-block:74px 74px}.eyebrow,.section-kicker{color:#6f9cff;font-size:11px;font-weight:800;letter-spacing:.07em}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:17px}.mini-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.25vw,60px);line-height:1.1;font-weight:760;letter-spacing:-2.4px;margin-bottom:21px}h1 span{color:#3476ff}.lead{color:#b3c2d7;max-width:530px;font-size:16px;line-height:1.75;margin-bottom:27px}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-meta{display:flex;align-items:center;gap:17px;margin-top:24px;flex-wrap:wrap;color:var(--muted);font-size:12px}.hero-meta span{display:flex;gap:6px;align-items:center}.hero-meta svg{width:15px;height:15px;color:#a6bde4;stroke-width:2}.hero-visual{border:1px solid #33445d;background:#0f1b2b;border-radius:13px;overflow:hidden}.demo-top{height:33px;background:#101b2a;border-bottom:1px solid #23344a;display:flex;align-items:center;gap:12px;padding:0 15px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:7px;height:7px;background:#3c4b5f;border-radius:50%}.demo-top-title{font-size:10px;color:#75869b}.demo-top-dot{margin-left:auto;background:#607087;width:5px;height:5px;border-radius:50%}.plugin-preview{padding:21px 24px 14px}.preview-heading,.preview-identity{display:flex;align-items:center;gap:10px}.preview-heading{justify-content:space-between}.preview-identity strong{font-size:16px;display:block;font-weight:700;line-height:1.15}.preview-identity strong small{font-size:10px;color:#98abc7;margin-left:4px;font-weight:500}.preview-identity span{font-size:10px;color:#9aabc2}.preview-identity img{border-radius:8px}.icon-outline,.fake-mini{display:flex;align-items:center;justify-content:center;border:1px solid #35465e;background:#162338;border-radius:7px;width:31px;height:31px;color:#d2dcec}.icon-outline svg{width:18px}.preview-divider{height:1px;background:#26364b;margin:17px 0}.preview-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:700}.preview-section-heading b{background:#283b5a;padding:2px 6px;border-radius:5px;font-size:10px;margin-left:4px}.fake-add{display:inline-flex;align-items:center;gap:3px;background:var(--blue);padding:5px 8px;border-radius:5px;font-size:10px}.fake-add svg{width:12px;height:12px}.preview-folder{border:1px solid #2d3c53;border-radius:8px;background:#152238;display:flex;align-items:center;padding:10px 12px;gap:9px;margin-bottom:8px}.online-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--green);flex:none}.folder-info{flex:1;min-width:0}.folder-info strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-info span{font-size:10px;color:#99abc4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fake-mini{width:25px;height:25px;border-radius:6px}.fake-mini svg{width:14px;height:14px}.fake-global{height:34px;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:7px;background:var(--blue);font-size:11px;font-weight:670;margin-top:14px}.fake-global svg{width:13px;height:13px}.fake-status{color:#a8bad1;font-size:10px;display:flex;align-items:center;gap:6px;justify-content:center;padding-top:11px}.fake-status .online-dot{width:7px;height:7px}.preview-caption{border-top:1px solid #26364b;padding:7px;text-align:center;font-size:9px;color:#71849d;letter-spacing:.025em}
.section{margin-block:0 28px}.section-header h2,.demo-copy h2,.pricing-intro h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1.2px;line-height:1.18;margin:10px 0 12px}.section-header p,.demo-copy p,.pricing-intro p{color:var(--muted);max-width:540px;margin:0;line-height:1.75}.center{text-align:center;margin-bottom:30px}.center p{margin-inline:auto}.demo-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:30px;background:#101c2c}.demo-copy{padding-left:10px}.demo-copy p{font-size:14px}.text-action{border:0;background:none;color:white;display:inline-flex;gap:11px;align-items:center;font-size:13px;font-weight:700;margin-top:25px;padding:0;cursor:pointer}.play-chip{width:40px;height:40px;display:grid;place-items:center;background:var(--blue);border-radius:50%}.play-chip svg{width:18px;height:18px;fill:white;stroke:none}.video-slot{min-height:278px;aspect-ratio:16 / 9;background:#0a1422;border:1px solid #2d4059;border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-illustration{display:flex;flex-direction:column;gap:6px;align-items:center;opacity:.68}.video-illustration span{font-weight:720;font-size:17px}.video-illustration small{color:#8da1bd}.video-play{position:absolute;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:rgba(12,23,39,.92);border:2px solid #f7faff;color:#fff;cursor:pointer}.video-play:hover{background:var(--blue)}.video-play svg{height:26px;width:26px;fill:white;stroke:none;margin-left:3px}.video-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:11px 14px;background:#0e1929;color:#bac9df;font-size:11px}.video-slot video,.video-slot iframe{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;border:0;background:#000}.video-slot.playing .video-play,.video-slot.playing .video-illustration,.video-slot.playing .video-bottom{display:none}
.feature-section,.how-section,.faq-section{padding-top:74px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:24px 20px;min-height:233px}.feature-icon{background:var(--blue);width:39px;height:39px;border-radius:9px;color:#fff;display:grid;place-items:center;margin-bottom:23px}.feature-icon svg{width:23px;height:23px}.feature-pr{font-weight:800;font-size:19px;background:#172d8a;color:#ded7ff;border:1px solid #4242aa}.feature-card h3{font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.35;margin-bottom:9px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.how-section{padding-bottom:36px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;padding:0 16px 0 56px;min-height:105px}.step-number{position:absolute;top:0;left:0;display:grid;place-items:center;background:var(--blue);width:40px;height:40px;border-radius:50%;font-weight:700;font-size:13px}.step h3{font-size:15px;margin-bottom:8px}.step p{color:var(--muted);font-size:13px;line-height:1.65;margin:0}
.pricing-section{border:1px solid var(--line);background:var(--surface);border-radius:14px;display:grid;grid-template-columns:1.05fr .95fr .9fr;align-items:center;gap:28px;padding:28px 30px;margin-top:64px}.pricing-intro h2{font-size:28px}.pricing-intro p{font-size:13px}.pricing-benefits{display:flex;flex-direction:column;gap:6px;margin-top:17px;color:#b5c5d9;font-size:11px}.pricing-benefits span{display:flex;align-items:center;gap:6px}.pricing-benefits svg{color:#74a5ff;width:14px;height:14px}.pricing-card{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 28px}.pricing-card-label{font-weight:650;font-size:12px}.price-line{display:flex;gap:12px;align-items:baseline;margin:4px 0}.price-line strong{font-size:45px;letter-spacing:-2px}.price-line span{color:var(--muted);font-size:12px}.pricing-card p{color:var(--muted);font-size:12px;margin-bottom:16px}.pricing-card small{display:block;text-align:center;color:#93a6bf;font-size:10px;margin-top:8px}.payment-label{font-size:12px;font-weight:700}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px}.payment-grid span{display:grid;place-items:center;border-radius:5px;border:1px solid #3a4d66;background:#17263a;height:34px;font-size:11px;font-weight:720;white-space:nowrap}.payment-card p{display:flex;gap:7px;align-items:flex-start;font-size:11px;color:#b1c1d7;margin:0 0 11px}.payment-card p svg{width:15px;height:15px;margin-top:1px}.payment-card small{font-size:10px;line-height:1.6;color:#8699b2;display:block}.faq-section{padding-bottom:74px}.faq-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.faq-heading h2{margin-bottom:0}.back-top{font-size:12px;color:#7dabff}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line);font-size:14px}.faq-items summary{padding:17px 4px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:570}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary svg{width:17px;height:17px;transition:transform .15s}.faq-items details[open] summary svg{transform:rotate(180deg)}.faq-items details p{color:var(--muted);padding:0 35px 18px 4px;margin:0;line-height:1.8;font-size:13px}.footer{border-top:1px solid var(--line);background:#0a1321}.footer-inner{display:flex;align-items:center;gap:22px;min-height:102px;flex-wrap:wrap}.footer-brand{font-size:14px}.footer-inner>span,.footer-inner>small{font-size:11px;color:#92a6c0}.footer-inner>small{width:100%;margin-top:-24px;text-align:right;font-size:10px}.footer-links{display:flex;gap:17px;margin-left:auto;font-size:12px;color:#b9c8df}.footer-links a[hidden]{display:none}.info-dialog{border:1px solid #435574;border-radius:14px;background:#121f31;color:var(--text);max-width:400px;width:calc(100% - 32px);padding:24px;box-shadow:0 18px 55px #0008}.info-dialog::backdrop{background:#020811bb}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-logo{display:flex;gap:10px;align-items:center}.dialog-close{background:transparent;color:#d5e1f1;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;width:33px;height:33px;cursor:pointer}.dialog-close svg{width:16px;height:16px}.info-dialog h2{font-size:22px;letter-spacing:-.5px}.info-dialog p{font-size:14px;color:#b9c8da;line-height:1.7;margin-bottom:24px}
@media(max-width:1050px){.hero{gap:28px}.hero h1{font-size:45px}.pricing-section{grid-template-columns:1fr 1fr}.payment-card{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.payment-grid{grid-template-columns:repeat(4,1fr)}.pricing-card{border-right:0}}
@media(max-width:780px){.wrap{width:min(100% - 40px,650px)}.header-inner{height:66px}.nav{display:none;position:absolute;left:0;right:0;top:65px;background:#101c2d;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;gap:18px;text-align:center}.nav.is-open{display:flex}.header-actions{margin-left:auto}.menu-button{display:inline-flex;margin-left:10px}.btn-header{margin:0;padding:8px 13px}.hero{grid-template-columns:1fr;padding:45px 0 60px;gap:32px}.hero h1{max-width:600px}.hero-visual{max-width:630px;width:100%}.demo-section{grid-template-columns:1fr;gap:26px;padding:28px}.demo-copy{padding-left:0}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-section,.how-section,.faq-section{padding-top:55px}.pricing-section{grid-template-columns:1fr}.pricing-card{border:0;border-top:1px solid var(--line);padding:20px 0 0}.payment-card{grid-column:auto}.steps{gap:20px}.footer-inner>small{text-align:left;margin:0}.footer-links{margin-left:0}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.brand{font-size:16px}.brand img{width:34px;height:34px}.header-inner{gap:8px}.hero h1{font-size:37px;letter-spacing:-1.6px}.lead{font-size:14px}.button-row .btn{flex:1;padding-left:12px;padding-right:12px;font-size:12px;white-space:nowrap}.hero-meta{gap:8px 16px}.plugin-preview{padding:14px 12px}.preview-folder{padding:8px;gap:7px}.preview-identity strong{font-size:14px}.demo-section{padding:20px}.video-slot{min-height:220px}.features-grid{grid-template-columns:1fr;gap:10px}.feature-card{min-height:unset}.steps{grid-template-columns:1fr;gap:24px}.pricing-section{padding:23px 19px}.payment-grid{grid-template-columns:1fr 1fr}.faq-heading{gap:10px}.faq-heading h2{font-size:25px}.footer-inner{padding:22px 0;gap:10px}.footer-links{width:100%;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Stripe test checkout guidance */
.test-notice{background:#13243e;border-bottom:1px solid #31507b;color:#dce9fc;padding:11px 0;font-size:12px}
.test-notice .wrap{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.test-notice strong{font-weight:750;color:#fff}
.test-notice[hidden]{display:none}