/* Product stage and page rhythm, extending the original Scapix design language. */
.sx-gradient-text{background:linear-gradient(110deg,#00dddf,#e478ed 67%,#dcfa82);background-clip:text;-webkit-background-clip:text;color:transparent}
.sx-home-hero .scapix-display{font-size:clamp(3rem,5.3vw,5.8rem);line-height:1.03;letter-spacing:-.065em;max-width:12ch}
.sx-home-hero .scapix-hero-copy{max-width:48ch;font-size:1.12rem}
.sx-home-hero{padding-block:clamp(4rem,7vw,7rem);overflow:hidden}
.sx-home-hero .min-vh-75{min-height:0!important}
.sx-hero-footnote{color:#b8c7d8;font-size:.82rem;margin-top:1.5rem}
.sx-stage{position:relative;isolation:isolate;color:#f4f7ff;background:linear-gradient(145deg,#152033ec,#080e1bee);border:1px solid #ffffff23;border-radius:28px;padding:1.3rem;box-shadow:0 32px 100px #0005;min-width:0}
.sx-stage-orbit{position:absolute;inset:15% -10%;z-index:-1;background:radial-gradient(ellipse,#b300b42b,transparent 67%);pointer-events:none}
.sx-stage-top{display:flex;align-items:center;gap:.55rem;font-size:.6rem;font-weight:800;letter-spacing:.09em;color:#b6c7dc}
.sx-stage-top small{margin-left:auto;font-size:.6rem;letter-spacing:0;color:#9aacc5}
.sx-live-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#c9ef74}
.sx-scene-controls{display:flex;gap:.4rem;margin:1.3rem 0 1.6rem;flex-wrap:wrap}
.sx-scene-controls button,.sx-time-options button{border:1px solid #6d83934d;border-radius:99px;background:transparent;color:inherit;font-size:.75rem;font-weight:650;padding:.5rem .8rem;min-height:38px}
.sx-scene-controls button[aria-pressed=true]{color:#08111e;background:#c9ef74;border-color:#c9ef74}
.sx-devices{position:relative;display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:.6rem;padding-bottom:1rem}
.sx-desktop{background:#ecf0f7;color:#192638;border-radius:12px;border:1px solid #fff6;overflow:hidden;transform:perspective(1000px) rotateY(5deg);box-shadow:0 20px 36px #0005;min-width:0}
.sx-window-bar{display:flex;gap:4px;background:#dce3ec;padding:.65rem;align-items:center}
.sx-window-bar i{width:5px;height:5px;background:#a6b1c1;border-radius:50%}
.sx-window-bar span{margin-left:auto;font-size:.55rem;color:#4c5a70}
.sx-desktop-body{padding:1.15rem}
.sx-mini-label{font-size:.53rem;letter-spacing:.12em;font-weight:800;display:block;color:#63818f}
.sx-desktop h3{font-size:clamp(.95rem,1.25vw,1.4rem);line-height:1.2;margin:1rem 0}
.sx-chart{display:flex;align-items:end;gap:8px;height:80px;margin:1.4rem 0;background:repeating-linear-gradient(0deg,#d5dfe9 0 1px,transparent 1px 25px)}
.sx-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#25bdbf,#53dddd80);height:40%;transition:height .6s}
.sx-chart i:nth-child(2n){height:65%}.sx-chart i:nth-child(3n){height:50%}.sx-chart i:last-child{height:80%;background:linear-gradient(#c992ea,#c992ea70)}
.sx-stage.is-done .sx-chart i:nth-child(2n){height:85%}
.sx-desktop-event{display:flex;gap:.6rem;align-items:center;min-height:70px;padding:.7rem;background:white;border:1px solid #dce3ea;border-radius:10px;transition:background .3s}
.sx-desktop-event strong{font-size:.67rem;line-height:1.3;display:block}.sx-desktop-event small{display:block;font-size:.57rem;line-height:1.5;margin-top:.2rem;color:#58697a}
.sx-event-icon{font-size:1rem;color:#168e88}.sx-stage.is-done .sx-desktop-event{background:#e5f7de}
.sx-demo-metrics{display:flex;justify-content:space-between;font-size:.5rem;color:#52697d;margin-top:1rem;gap:.5rem}
.sx-demo-metrics b{color:#048c93;margin-inline:.2rem}
.sx-phone{z-index:1;background:#111c2d;border:4px solid #344459;border-radius:30px;box-shadow:0 25px 50px #0006;transform:translateY(20px) rotate(3deg);min-width:0;transition:transform .4s}
.sx-stage:hover .sx-phone{transform:translateY(12px) rotate(0)}
.sx-phone-speaker{height:5px;width:34%;background:#050b15;margin:10px auto;border-radius:10px}
.sx-phone-content{padding:1rem .85rem 1.2rem}.sx-phone .sx-mini-label{color:#a7bbd0;font-size:.46rem;line-height:1.7}
.sx-demo-avatar{width:47px;height:47px;background:linear-gradient(135deg,#2ccccd,#9668cc);border-radius:15px;margin:1.2rem 0;font-size:1.5rem;display:grid;place-content:center;position:relative}
.sx-demo-avatar span{position:absolute;right:-7px;bottom:-5px;background:#cbef79;color:#192638;border-radius:50%;font-size:1rem;padding:0 4px}
.sx-phone h3{font-size:1.15rem;line-height:1.1;color:white;margin-bottom:.6rem;letter-spacing:-.04em}
.sx-phone p{font-size:.65rem;line-height:1.5;color:#b5c4d7;min-height:4.5em}
.sx-time-options{display:flex;gap:.3rem;margin-bottom:1rem}.sx-time-options button{font-size:.62rem;min-height:34px;padding:.25rem .5rem}.sx-time-options button[aria-pressed=true]{border-color:#4edbd7;color:#4edbd7}
.sx-demo-action{width:100%;background:#c9ef74;color:#0c1725;border:0;border-radius:9px;padding:.8rem .5rem;font-size:.63rem;font-weight:800;min-height:42px}
.sx-demo-feedback{display:block;min-height:3.5em;font-size:.51rem;line-height:1.5;color:#9db0c8;margin-top:.7rem}
.sx-stage-bottom{margin-top:1.7rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;border-top:1px solid #ffffff1f;padding-top:1rem;font-size:.65rem;color:#a7bad1;flex-wrap:wrap}
.sx-stage-bottom a{color:#c9ef74;text-decoration:none;font-weight:750}.sx-stage-bottom svg{width:14px;height:14px}
.sx-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d7dfe9;border:1px solid #d7dfe9;border-radius:24px;overflow:hidden}
.sx-goal-grid>a{padding:2rem;background:#f8fafc;text-decoration:none;color:#142036;transition:background .2s;display:flex;flex-direction:column;align-items:start}
.sx-goal-grid>a:hover{background:#eef9f8}.sx-goal-grid>a>span{color:#078d91}.sx-goal-grid svg{width:26px;height:26px}
.sx-goal-grid h3{font-size:1.3rem;letter-spacing:-.035em;margin:1.8rem 0 .6rem;max-width:20ch}.sx-goal-grid p{font-size:.9rem;color:#536174;line-height:1.7}.sx-goal-grid b{font-size:.78rem;margin-top:auto;padding-top:1rem;width:100%;display:flex;justify-content:space-between}
.sx-story{background:#080e1a;color:white;position:relative;background-image:radial-gradient(ellipse at 0 30%,#102d363d,transparent 55%)}
.sx-story-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem)}
.sx-story-intro{align-self:start;position:sticky;top:140px}.sx-story h2{font-size:clamp(2.6rem,4.2vw,4.6rem);line-height:1.08;letter-spacing:-.06em;color:white;margin:1.5rem 0}.sx-story-intro p{color:#abbcd3;line-height:1.8;margin-bottom:2rem;max-width:38ch}
.sx-story-steps{list-style:none;padding:0;margin:0}.sx-story-steps li{display:flex;gap:1.5rem;padding:3rem 0;border-bottom:1px solid #ffffff25}.sx-story-steps li:first-child{padding-top:0}.sx-story-steps li:last-child{border-bottom:0}
.sx-story-number{font-size:1rem;color:#59d8d2;font-variant-numeric:tabular-nums}.sx-story-steps .scapix-kicker{color:#95a7be}.sx-story h3{font-size:clamp(1.5rem,2.3vw,2.2rem);color:white;letter-spacing:-.04em;margin:1rem 0}.sx-story-steps p{line-height:1.8;color:#b2c0d4}.sx-story-steps small{display:inline-block;font-size:.65rem;color:#c9ef74;border:1px solid #c9ef7455;border-radius:30px;padding:.4rem .8rem}
.sx-route-links{background:#101929;border-block:1px solid #ffffff20}.sx-route-links>.container-xxl{display:flex;gap:1.8rem;flex-wrap:wrap;padding-block:1rem}.sx-route-links a{color:#c5d3e2;font-size:.8rem;text-decoration:none;display:flex;gap:1rem;align-items:center}.sx-route-links a:hover{color:#c9ef74}.sx-route-links span{color:#56c9cc}
.sx-next-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(120deg,#eaf6f5,#f2ebf9);border:1px solid #d5e3e8;border-radius:24px;padding:clamp(1.5rem,4vw,3.5rem)}
.sx-next-panel h2{font-size:clamp(1.6rem,2.5vw,2.8rem);max-width:25ch;letter-spacing:-.04em}.sx-next-panel p{max-width:60ch;margin-bottom:0;color:#526375;line-height:1.8}.sx-next-panel>.btn{flex-shrink:0}
.sx-wide-stage{background:#09111e;padding:clamp(3rem,6vw,6rem) 0}.sx-wide-stage-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center}.sx-wide-stage h2{color:white;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.05;letter-spacing:-.05em}.sx-wide-stage p{color:#b7c7dc;line-height:1.8}.sx-wide-stage .scapix-kicker{color:#c9ef74}
.sx-web-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;counter-reset:webstep}.sx-web-path article{padding:2rem;border-radius:20px;background:white;border:1px solid #dfe5ed}.sx-web-path article:before{counter-increment:webstep;content:'0' counter(webstep);display:block;font-size:3rem;color:#13999a;letter-spacing:-.06em;margin-bottom:2rem}.sx-web-path h3{font-size:1.4rem}.sx-web-path p{color:#58697b;line-height:1.8}
.sx-offer-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.sx-offer-goal{position:relative;display:block;border:1px solid #d5deea;border-radius:15px;padding:1.25rem;cursor:pointer;background:#fff}.sx-offer-goal:has(input:checked){border-color:#079797;background:#edfafa;box-shadow:0 0 0 1px #079797}.sx-offer-goal input{accent-color:#078d91;margin-right:.5rem}.sx-offer-goal strong{font-size:.95rem}.sx-offer-goal small{display:block;line-height:1.6;color:#56687b;margin:.5rem 0 0 1.5rem}.sx-offer-summary{border:1px solid #c9dfe0;border-radius:16px;background:#eef8f6;padding:1.3rem;margin:1rem 0 2rem}.sx-offer-summary dl{display:grid;grid-template-columns:1fr 2fr;gap:.5rem 1rem;margin:0;font-size:.85rem}.sx-offer-summary dt{color:#536a72}.sx-offer-summary dd{margin:0;overflow-wrap:anywhere}.sx-offer-summary button{font-size:.8rem;padding:.5rem 0;color:#087d81;background:none;border:0;text-decoration:underline}.sx-offer-guide{padding:1rem 0;color:#557080;font-size:.9rem;line-height:1.7}.sx-offer-detail{margin-top:1.3rem}.sx-offer-detail summary{cursor:pointer;font-weight:650;margin-bottom:1rem}.sx-offer-success{background:#eaf8ef;border:1px solid #aed8bc;padding:2rem;border-radius:20px}.sx-offer-success h2{font-size:1.8rem}.sx-offer-success p{line-height:1.8}
.sx-help-list{max-width:850px;margin:auto}.sx-help-list>details{border-bottom:1px solid #d5dee8;padding:1.5rem 0}.sx-help-list summary{font-size:1.2rem;font-weight:700;cursor:pointer}.sx-help-list p,.sx-help-list li{line-height:1.9;color:#516275}.sx-help-list p:first-of-type{margin-top:1rem}.sx-help-search{max-width:850px;margin:0 auto 2rem}.sx-help-search input{margin-top:.6rem}.sx-help-search small{display:block;margin-top:.6rem}
.sx-help-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.sx-help-shortcuts a{background:#142137;color:white;padding:1.2rem;border-radius:14px;text-decoration:none}.sx-help-shortcuts strong,.sx-help-shortcuts small{display:block}.sx-help-shortcuts small{color:#b8c8dc;margin-top:.6rem;line-height:1.6}
.sx-reading-tools{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0;padding:1rem 0;border-block:1px solid #d8e1ec;font-size:.85rem}.sx-reading-tools a{color:inherit}
.sx-stage button:focus-visible,.sx-goal-grid a:focus-visible,.sx-route-links a:focus-visible,.sx-offer-goal:focus-within{outline:3px solid #00a7af;outline-offset:4px}
.scapix-high-contrast .sx-gradient-text{background:none;color:inherit}.scapix-high-contrast .sx-stage small,.scapix-high-contrast .sx-stage p{color:inherit}
@media(min-width:992px){.sx-home-hero .row>.col-lg-7{width:48%}.sx-home-hero .row>.col-lg-5{width:52%}}
@media(max-width:991px){.sx-home-hero .scapix-display{max-width:16ch}.sx-stage{max-width:650px;margin-inline:auto}.sx-story-layout,.sx-wide-stage-layout{grid-template-columns:1fr}.sx-story-intro{position:static}.sx-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-next-panel{align-items:start;flex-direction:column}.sx-web-path{grid-template-columns:1fr}.sx-desktop h3{font-size:1.4rem}.sx-phone h3{font-size:1.5rem}}
@media(max-width:575px){.sx-home-hero{padding-block:2.6rem}.sx-home-hero .scapix-display{font-size:clamp(2.8rem,10vw,3.7rem)}.sx-stage{padding:.85rem;border-radius:20px}.sx-devices{grid-template-columns:1.05fr 1fr;gap:.4rem}.sx-desktop-body{padding:.7rem}.sx-desktop h3{font-size:.85rem}.sx-phone{border-width:3px;border-radius:24px;transform:translateY(12px)}.sx-phone-content{padding:.65rem}.sx-phone h3{font-size:1.1rem}.sx-phone p{font-size:.6rem}.sx-desktop-event{padding:.5rem}.sx-desktop-event strong{font-size:.6rem}.sx-event-icon{display:none}.sx-demo-metrics{flex-wrap:wrap}.sx-stage-top{font-size:.5rem}.sx-stage-top small{font-size:.48rem}.sx-scene-controls{gap:.3rem;margin-bottom:.8rem}.sx-scene-controls button{font-size:.65rem;padding:.4rem .55rem}.sx-goal-grid,.sx-offer-goals,.sx-help-shortcuts{grid-template-columns:1fr}.sx-goal-grid>a{padding:1.5rem}.sx-goal-grid h3{margin-top:1rem}.sx-route-links>.container-xxl{gap:.8rem 1.2rem}.sx-route-links a{font-size:.72rem}.sx-story-steps li{gap:1rem}.sx-offer-summary dl{grid-template-columns:1fr}.sx-offer-summary dd{margin-bottom:.6rem}}
@media(prefers-reduced-motion:reduce){.sx-stage *,.sx-goal-grid>a{transition:none!important;animation:none!important}.sx-phone,.sx-desktop{transform:none!important}}
.scapix-reduce-motion .sx-stage *{transition:none!important;animation:none!important;transform:none!important}
.scapix-reduce-motion .sx-goal-grid>a{transition:none!important}
@media(max-width:420px){
 .sx-devices{display:flex;flex-direction:column-reverse;gap:1.2rem}.sx-phone{width:82%;transform:none}.sx-phone-content{padding:1rem}.sx-phone .sx-mini-label{font-size:.6rem}.sx-phone h3{font-size:1.6rem}.sx-phone p{font-size:.82rem;min-height:0}.sx-demo-action{font-size:.8rem}.sx-demo-feedback{font-size:.65rem;min-height:0}.sx-time-options button{font-size:.8rem;min-height:40px}.sx-demo-avatar{margin:.8rem 0}.sx-desktop{width:100%;transform:none}.sx-desktop-body{padding:1rem}.sx-desktop h3{font-size:1.15rem;margin:.6rem 0}.sx-desktop .sx-mini-label{font-size:.6rem}.sx-chart{height:42px;margin:.8rem 0}.sx-desktop-event strong{font-size:.8rem}.sx-desktop-event small{font-size:.7rem}.sx-window-bar span{font-size:.65rem}.sx-demo-metrics{font-size:.65rem}.sx-stage-bottom{font-size:.75rem;margin-top:.5rem}.sx-stage:hover .sx-phone{transform:none}
}
.sx-route .scapix-page-hero h1{letter-spacing:-.055em;line-height:1.08}
.sx-route .scapix-section-head h2{letter-spacing:-.045em}
.sx-route .scapix-page-hero p{line-height:1.8}
.sx-hosting-advisor{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:end;background:#eef7f6;border:1px solid #ccdfde;border-radius:18px;padding:1.5rem;margin-bottom:2rem}
.sx-hosting-advisor label{display:block;font-weight:700;font-size:.9rem;margin-bottom:.5rem}.sx-hosting-advisor p{margin:0;font-size:.9rem;line-height:1.7;color:#405d66}.sx-hosting-advisor a{font-weight:750;color:#086e73}.scapix-hosting-card.is-suggested{outline:3px solid #099b9e;outline-offset:4px}
@media(max-width:700px){.sx-hosting-advisor{grid-template-columns:1fr}}
.sx-stage [hidden],.sx-help-list [hidden],.sx-offer-success[hidden]{display:none!important}
.scapix-checkout-hero{padding-block:clamp(2rem,4vw,4rem)}
.scapix-checkout-hero h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.08;letter-spacing:-.05em}
.scapix-checkout-legal-intro summary{cursor:pointer;font-weight:700}.scapix-checkout-legal-intro[open] summary{margin-bottom:.7rem}
.sx-personal{background:#edf2f7}.sx-personal-panel{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:clamp(2rem,5vw,6rem)}.sx-personal-mark{aspect-ratio:1.15;background:radial-gradient(ellipse at 80% 0,#583163,transparent 65%),#0c1728;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c9ef74;font-size:clamp(5rem,10vw,10rem);line-height:1;letter-spacing:-.08em;font-weight:800}.sx-personal-mark span{font-size:.6rem;letter-spacing:.16em;color:#b2c4da;margin-top:1.7rem}.sx-personal h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.sx-personal p{line-height:1.9;color:#52667a;margin-block:1.5rem}
@media(max-width:700px){.sx-personal-panel{grid-template-columns:1fr}.sx-personal-mark{aspect-ratio:2;font-size:5rem}}