@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
[hidden]{display:none!important}
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;--accent:#66bfff;--ink:#f3f7ff;--muted:#9bb5ce;--line:#26435f;--surface:#0d2033}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 14% 0,#12385c 0,transparent 30%),radial-gradient(circle at 98% 21%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 25%),#06111e;color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#071727}
.bx-head{border-bottom:1px solid #1d344a;background:rgba(4,16,29,.88);position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}.bx-shell{max-width:1440px;margin:auto;padding-left:clamp(17px,4vw,52px);padding-right:clamp(17px,4vw,52px)}
.bx-head .bx-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}.bx-logo{display:flex;align-items:center;gap:18px}.bx-logo img{width:148px;max-height:38px;object-fit:contain}.bx-logo span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:800;border-left:1px solid var(--line);padding-left:16px}.bx-toplinks{display:flex;gap:9px;align-items:center}.bx-toplinks a{padding:10px 13px;color:#bdd0e1;font-size:12px;font-weight:800}.bx-toplinks a:last-child{border:1px solid #3a6282;border-radius:999px;color:#fff}
.bx-hero{padding:clamp(28px,5vw,68px) 0 27px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}.bx-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800}.bx-hero h1{font:800 clamp(32px,4vw,58px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0 16px;max-width:840px}.bx-hero p{color:#abc4d9;font-size:15px;line-height:1.75;max-width:720px;margin:0}.bx-mark{font-size:100px;line-height:1;font-weight:800;color:var(--accent);opacity:.34;letter-spacing:-.14em}
.bx-note{margin-top:17px;background:rgba(12,38,55,.8);border:1px solid #2a6171;border-radius:12px;padding:11px 15px;font-size:12px;color:#b7d9df;line-height:1.5}.bx-note strong{color:#92f0d0}
.bx-workspace{display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:18px;padding-top:26px;padding-bottom:70px;align-items:start}.bx-panel,.bx-preview{border:1px solid #254361;border-radius:20px;background:linear-gradient(153deg,rgba(17,39,60,.96),rgba(8,22,38,.96));box-shadow:0 28px 70px #02091442;overflow:hidden}
.bx-panel{position:sticky;top:90px;padding:24px;max-height:calc(100vh - 107px);overflow-y:auto;scrollbar-color:#2e5370 transparent}.bx-panel h2{font-size:18px;letter-spacing:-.04em;margin:6px 0 7px}.bx-panel p{font-size:12px;color:#97b2c9;margin:0 0 22px;line-height:1.6}.bx-field{display:grid;gap:7px;margin:15px 0}.bx-field label{font-size:11px;font-weight:800;color:#b7d5ea}.bx-field input,.bx-field select,.bx-field textarea{background:#07192b;color:#e9f2fb;border:1px solid #34526f;border-radius:10px;width:100%;padding:12px;font-size:13px;min-height:43px}.bx-field textarea{min-height:80px;resize:vertical}.bx-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.bx-btn{border-radius:11px;background:#173852;border:1px solid #466580;color:#d4e7f6;padding:12px 15px;font-size:12px;font-weight:800;min-height:42px;transition:.2s}.bx-btn:hover{transform:translateY(-2px);border-color:var(--accent);color:#fff}.bx-btn.primary{background:var(--accent);border-color:var(--accent);color:#071521}.bx-help{margin-top:20px;border-top:1px solid #264158;padding-top:13px}.bx-help summary{cursor:pointer;font-size:12px;font-weight:800}.bx-help ol{font-size:12px;color:#9bb6cc;line-height:1.8;padding-left:20px}
.bx-stagehead{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:17px 20px;background:#0a2136;border-bottom:1px solid #274761;flex-wrap:wrap}.bx-stagehead strong{font-size:13px}.bx-stagehead small{color:#93b3c9;font-size:11px}.bx-viewtabs,.bx-devices{display:flex;gap:4px;background:#051522;border:1px solid #2b4a67;border-radius:12px;padding:4px;flex-wrap:wrap}.bx-viewtabs button,.bx-devices button{background:transparent;border:0;border-radius:9px;padding:9px 11px;color:#9eb4c9;font-size:11px;font-weight:800}.bx-viewtabs button[aria-pressed=true],.bx-devices button[aria-pressed=true]{background:#27445e;color:white}
.bx-framearea{padding:22px;background:radial-gradient(circle at 5% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 38%),#0c1b2c;min-height:560px}.bx-browser{background:#f7f9fb;max-width:100%;margin:auto;border:1px solid #456077;border-radius:16px;overflow:hidden;color:#16243c;box-shadow:0 25px 60px #0006;transition:width .3s cubic-bezier(.2,.8,.2,1)}.bx-browser.mobile{width:385px;max-width:100%}.bx-browserbar{display:flex;align-items:center;gap:8px;background:#e9eff5;padding:11px 15px;border-bottom:1px solid #d1dce5}.bx-browserbar>span{display:inline-block;width:8px;height:8px;background:#b5c3d1;border-radius:50%}.bx-browserbar small{flex:1;text-align:center;color:#657a91;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-browserbar b{font-size:10px;color:#55748c}
.bx-livepage{--ink2:#101a25;min-height:480px;background:#f6f5f1;color:var(--ink2);overflow:hidden;font-family:Manrope,sans-serif}.bx-livepage.dark{background:#0b1520;color:#eef5f8}.bx-demoheader{display:flex;align-items:center;justify-content:space-between;padding:17px clamp(14px,3.5vw,37px);gap:15px;border-bottom:1px solid #a3b2bd35}.bx-demoheader strong{letter-spacing:-.045em;font-size:15px;font-weight:800}.bx-demoheader nav{display:flex;flex-wrap:wrap;gap:11px}.bx-demoheader nav button{background:none;border:0;font-size:11px;color:inherit;opacity:.7;font-weight:800;padding:5px}.bx-demoheader nav button:hover{opacity:1}
.bx-demohero{padding:clamp(30px,6vw,76px) clamp(17px,5vw,52px);position:relative;isolation:isolate;overflow:hidden}.bx-demohero:before{content:"";position:absolute;inset:auto -80px -170px auto;height:420px;width:420px;pointer-events:none;border:85px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:40%;transform:rotate(-29deg);filter:blur(.2px);opacity:.45;z-index:-1}.bx-demohero small{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--accent)}.bx-demohero h2{font-size:clamp(29px,4.7vw,62px);letter-spacing:-.065em;line-height:1.07;max-width:730px;margin:20px 0}.bx-demohero p{max-width:590px;font-size:13px;line-height:1.8;opacity:.72}.bx-demobtn{background:var(--accent);border:0;color:#061623;border-radius:999px;font-weight:800;padding:13px 24px;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 23%,transparent);margin:14px 0 0;display:inline-flex;gap:12px;align-items:center}.bx-demohero .bx-orbit{height:1px;margin:30px 0 0;background:linear-gradient(90deg,var(--accent),transparent);max-width:440px}
.bx-livepage.mobile .bx-demoheader nav{display:none}.bx-livepage.mobile .bx-demohero{padding:36px 21px}.bx-livepage.mobile .bx-demohero h2{font-size:34px}.bx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;padding:20px clamp(17px,4vw,52px) 36px}.bx-tile{padding:18px;border-radius:13px;background:#ffffff0d;border:1px solid #7890a840;min-width:0}.bx-livepage:not(.dark) .bx-tile{background:#fff;border-color:#d8e0e7}.bx-tile small{font-size:10px;display:block;margin-bottom:10px;color:var(--accent);font-weight:800;letter-spacing:.1em}.bx-tile strong{font-size:14px;letter-spacing:-.035em}.bx-tile p{margin:8px 0;color:inherit;opacity:.6;font-size:11px;line-height:1.55}
.bx-modulecontent{min-height:505px;background:#0e2133;padding:28px;color:#eff7ff}.bx-modheading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.bx-modheading h2{font:800 25px Manrope;letter-spacing:-.045em;margin:8px 0}.bx-rows{display:grid;gap:10px;margin-top:20px}.bx-row{padding:12px 14px;display:flex;align-items:center;gap:12px;background:#132e47;border:1px solid #2f526e;border-radius:12px;transition:.2s}.bx-row:hover{border-color:var(--accent)}.bx-row .bx-num{font-size:12px;font-weight:800;color:var(--accent)}.bx-row>div{flex:1;min-width:0}.bx-row strong{display:block;font-size:13px}.bx-row p{color:#9fb9cc;margin:4px 0 0;font-size:11px}.bx-row button{border:1px solid #3d5e79;background:#092238;color:#dceffc;border-radius:9px;padding:8px;font-size:11px}.bx-row.is-muted{opacity:.38}.bx-worktools{margin-top:19px;display:flex;flex-wrap:wrap;gap:9px}.bx-worktools input{flex:1;min-width:140px;background:#061b2e;border:1px solid #3a5a73;border-radius:9px;padding:11px;color:white;font-size:12px}.bx-worktools button{border:1px solid #3a607c;color:#fff;background:#183955;border-radius:9px;font-size:12px;font-weight:700;padding:10px}.bx-miniinfo{margin-top:12px;color:#8fb1c6;font-size:11px}.bx-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bx-metric{border:1px solid #31506b;border-radius:14px;padding:18px;background:#132c43}.bx-metric small{font-size:11px;color:#8caec4;display:block}.bx-metric strong{font-size:clamp(21px,3vw,37px);display:block;margin:12px 0;color:var(--accent)}.bx-metric p{font-size:11px;color:#a8c6d8}.bx-log{padding:18px;border:1px solid #31516c;border-radius:13px;margin-top:16px}.bx-log h3{margin:0 0 11px;font-size:14px}.bx-log li{font-size:12px;color:#bad0dc;line-height:2}.bx-flowline{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.bx-flowstep{min-width:122px;flex:1;background:#142f45;border:1px solid #3b6276;border-radius:12px;padding:13px}.bx-flowstep strong{display:block;font-size:11px;color:var(--accent);margin-bottom:9px}.bx-flowstep span{font-size:12px}.bx-flowstep.is-run{background:#174a48;border-color:#68d9bd}.bx-price{font-size:27px;font-weight:800;color:var(--accent)}.bx-caption{font-size:11px;color:#99b8cc}.bx-swatch{width:44px;height:44px;border-radius:12px;background:var(--accent);border:1px solid #ffffff70;display:inline-block;margin-right:9px}.bx-brand-sample{padding:32px 20px;margin:16px 0;min-height:180px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:color-mix(in srgb,var(--accent) 18%,#14283a);position:relative;overflow:hidden}.bx-brand-sample strong{font-size:clamp(25px,5vw,56px);letter-spacing:-.08em;text-align:center;z-index:1}.bx-brand-sample:before{content:"";position:absolute;width:290px;height:290px;border:65px solid color-mix(in srgb,var(--accent) 23%,transparent);border-radius:50%;right:-110px;top:-80px}.bx-creative-post{aspect-ratio:4/5;max-width:400px;width:100%;margin:14px auto;border-radius:15px;padding:30px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 60%,#111f37),#0b1728 75%);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.bx-creative-post.story{aspect-ratio:9/16;max-width:260px}.bx-creative-post.square{aspect-ratio:1/1;max-width:420px}.bx-creative-post>span{font-weight:800;letter-spacing:.16em;font-size:12px}.bx-creative-post strong{display:block;font-size:clamp(28px,4vw,49px);letter-spacing:-.065em;line-height:1.07}.bx-creative-post p{font-size:12px;opacity:.8}.bx-subnav{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:17px}.bx-subnav small{color:#9dbbd0;font-size:11px}.bx-subnav a{color:var(--accent);font-size:12px;font-weight:800}.bx-cta{padding:35px 0 70px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #28465e}.bx-cta h2{margin:10px 0;font:800 30px Manrope;letter-spacing:-.05em}.bx-cta p{font-size:13px;color:#aac5d6}.bx-cta a{padding:15px 23px;background:var(--accent);border-radius:13px;color:#071521;font-weight:800;font-size:13px}.bx-footer{border-top:1px solid #2b4153;padding:20px 0 35px;font-size:11px;color:#96b2c6}.bx-footer a{color:#cde4f4;text-decoration:underline}
.bx-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;z-index:100;background:#174562;color:#eaffff;border:1px solid #70b2bf;border-radius:12px;padding:12px 20px;font-size:13px;box-shadow:0 15px 55px #0009;transition:.2s;max-width:min(90vw,470px);text-align:center}.bx-toast.on{opacity:1;transform:translate(-50%,0)}.bx-check{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#abc6d7}
@media(max-width:900px){.bx-workspace{grid-template-columns:1fr}.bx-panel{position:relative;top:0;max-height:none}.bx-hero{grid-template-columns:1fr}.bx-mark{display:none}.bx-workspace .bx-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.bx-panel h2,.bx-panel>p,.bx-panel .bx-help{grid-column:1/-1}.bx-actions{grid-column:1/-1}.bx-framearea{padding:13px}}@media(max-width:570px){.bx-logo img{width:115px}.bx-logo span{display:none}.bx-toplinks a{font-size:11px;padding:7px}.bx-toplinks a:first-child{display:none}.bx-head .bx-shell{min-height:63px}.bx-workspace .bx-panel{display:block;padding:18px}.bx-stagehead{padding:12px}.bx-framearea{min-height:400px}.bx-metrics{grid-template-columns:1fr}.bx-hero{padding-top:30px}.bx-demoheader nav{display:none}.bx-demobtn{padding:11px 16px}.bx-modulecontent{padding:18px}.bx-row{flex-wrap:wrap}.bx-row>div{min-width:70%}}
@media(max-width:570px){.bx-head .bx-shell{gap:8px}.bx-toplinks{gap:5px;min-width:0}.bx-toplinks a:nth-child(3){display:none}.bx-toplinks a{padding:7px 5px;font-size:10px;white-space:nowrap}.bx-logo{flex-shrink:0}.bx-logo img{width:105px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media print{.bx-head,.bx-panel,.bx-toplinks,.bx-cta,.bx-footer,.bx-stagehead,.bx-help,.bx-note,.bx-subnav,.bx-toast{display:none!important}.bx-workspace{display:block}.bx-browser{border:0;width:100%!important}.bx-framearea{padding:0;background:none}.bx-livepage{color:#111;background:white!important}.bx-tiles{grid-template-columns:repeat(2,1fr)}}