[hidden]{display:none!important}html{background:#f5f5f7}body{overflow-x:hidden}.onboarding-legal{display:flex;justify-content:center;gap:24px;padding:20px;font-size:12px;color:#6e6e73}.onboarding-legal a{color:inherit}#flow-status{position:fixed;z-index:40;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(650px,calc(100vw - 48px));box-sizing:border-box;padding:16px 24px;background:#fff;border:1px solid #dce2f4;border-radius:18px;box-shadow:0 12px 40px #10184020;font:15px/1.5 system-ui}#flow-status[data-error=true]{color:#a52216;border-color:#ffbeb4}button:focus-visible,a:focus-visible{outline:3px solid #1f5bff;outline-offset:4px}a[aria-disabled=true]{opacity:.45;cursor:not-allowed}button:disabled{cursor:default;opacity:.6}.plan-benefits{margin-top:8px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#1f5bff19,#ff6b571f);font-size:15px;line-height:1.5}.plan-benefits strong{font-size:17px}.plan-benefits p{margin:8px 0;color:#515154}.coral-highlight{background:linear-gradient(180deg,transparent 58%,#ff6b576b 58%,#ff6b576b 92%,transparent 92%);padding:0 6px;border-radius:3px}.order-summary{display:flex;align-items:center;gap:16px}.order-summary p{font-size:13px;line-height:1.5;color:#515154;margin:6px 0}.order-line{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:1.5}hr{width:100%;box-sizing:border-box;border:0;border-top:1px solid #00000014}h2{margin:0;font-size:22px;letter-spacing:-.02em}.checkout-lead{font-size:17px;line-height:1.5;color:#515154;margin:4px 0}.payment-options{display:flex;gap:10px}.payment-options span{padding:10px 16px;border:1px solid #00000014;border-radius:10px;font-size:13px;font-weight:600;background:white}.purchase-consent{display:flex;gap:12px;font-size:13px;line-height:1.6;margin:16px 0}.purchase-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#1f5bff}.checkout-submit{height:60px;border:0;border-radius:30px;background:linear-gradient(90deg,#1f5bff,#3a4bff 55%,#6a48f0);color:white;font-size:18px;font-weight:700}.checkout-note{font-size:12px;line-height:1.5;color:#6e6e73;text-align:center}.download-cta{margin-top:22px;height:62px;padding:0 32px;border-radius:31px;background:#1f5bff;color:white;display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700}.download-meta{font-size:13px;color:#6e6e73;margin:14px 0}
/* The reference is a composition, not a fixed-size page canvas. */
html{min-height:100%;background:#f5f5f7}
body{position:relative;min-height:100svh;display:flex;flex-direction:column;background:transparent!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 900px 900px at 0% 0%,#1f5bff33,transparent 70%),radial-gradient(ellipse 900px 900px at 100% 100%,#ff6b5736,transparent 70%),#f5f5f7}
#screen{position:relative;flex:1;min-width:0}
.onboarding-board{--gutter:clamp(32px,6.25vw,80px);position:relative;width:100%!important;max-width:1280px;margin:0 auto;height:auto!important;min-height:calc(100svh - 56px);box-sizing:border-box;padding:0 var(--gutter) 36px;background:transparent!important;overflow:visible!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,476px);grid-template-areas:"header header" "story form" "footer footer";column-gap:clamp(40px,6.25vw,80px);align-content:center;align-items:start}
.ambient{display:none}
.onboarding-header{grid-area:header;position:relative!important;inset:auto!important;height:76px!important;margin:0 calc(-1 * var(--gutter));padding:0 clamp(24px,3.75vw,48px)!important;gap:20px;min-width:0}
.onboarding-header>a:first-child{flex-shrink:0}
.onboarding-header>span:last-child{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.region{position:relative!important;inset:auto!important;width:auto!important;min-width:0;max-width:100%;box-sizing:border-box}
.region-0{grid-area:story;margin-top:42px}
.region-1{grid-area:form;margin-top:28px}
.region-2{grid-area:footer;margin-top:48px}
.region p{max-width:100%}
.region h1{font-size:clamp(42px,4.55vw,58px)!important}
.onboarding-legal{position:relative;box-sizing:border-box;flex-wrap:wrap}
body[data-page=account] .onboarding-board{--gutter:clamp(32px,7.5vw,96px);grid-template-columns:minmax(0,540px) minmax(360px,432px);column-gap:clamp(48px,9.06vw,116px)}
body[data-page=account] .region-0{margin-top:74px}
body[data-page=account] .region-1{margin-top:56px}
body[data-page=account] .region-2{display:flex;flex-wrap:wrap;gap:22px!important;margin-top:64px}
body[data-page=account] .region-0 .sf-float{width:min(430px,100%)!important}
body[data-page=plans] .region-1{grid-area:footer;display:flex;flex-wrap:wrap;gap:20px!important;margin-top:48px}
body[data-page=plans] .region-2{grid-area:form;margin-top:24px;height:auto!important;min-height:650px}
body[data-page=plans] .region-0>div{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:28px;height:auto!important;min-height:300px}
body[data-page=plans] .region-0>div>div{position:relative!important;inset:auto!important;width:auto!important;max-width:100%}
body[data-page=checkout] .onboarding-board{grid-template-columns:minmax(0,480px) minmax(360px,552px);column-gap:clamp(40px,6.87vw,88px)}
body[data-page=checkout] .region-0,body[data-page=checkout] .region-1{margin-top:28px}
.guest-checkout-progress{flex-wrap:wrap;row-gap:6px!important}.guest-checkout-progress [aria-current=step]{color:#1d1d1f;font-weight:700}.guest-checkout-progress>span:not([aria-current]):not([aria-hidden]){color:#6e6e73}
body[data-page=install] .onboarding-board{--gutter:clamp(24px,6.875vw,88px);grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "hero" "steps" "footer"}
body[data-page=install] .region-0{grid-area:hero;margin-top:24px}
body[data-page=install] .region-1{grid-area:steps;margin-top:40px}
body[data-page=install] .region-2{grid-area:footer;flex-wrap:wrap;margin-top:48px}
body[data-page=install] .region-1>div{height:auto!important;min-height:270px}
body[data-page=demo] .onboarding-board{--gutter:clamp(24px,5vw,64px);grid-template-columns:minmax(0,800px) minmax(280px,332px);grid-template-areas:"header header" "intro intro" "editor notes";column-gap:20px}
body[data-page=demo] .region-0{grid-area:intro;margin-top:20px;gap:20px;flex-wrap:wrap}
.demo-frame{grid-area:editor;width:100%;min-width:0;margin-top:28px}
body[data-page=demo] .region-1{width:800px!important;max-width:none;margin:0;transform-origin:top left}
body[data-page=demo] .region-2{grid-area:notes;margin-top:28px;min-height:574px;height:auto!important}
body[data-page=mobile] .onboarding-board{--gutter:20px;max-width:430px;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "story" "footer"}
body[data-page=mobile] .onboarding-header{height:60px!important;padding:0 20px!important}
body[data-page=mobile] .region-0{margin-top:24px}
body[data-page=mobile] .region-1{grid-area:footer;text-align:center;margin-top:48px}
body[data-page=mobile] .region-0 h1{font-size:36px!important}
@media(max-width:1100px){
 .onboarding-board,body[data-page=account] .onboarding-board,body[data-page=checkout] .onboarding-board{--gutter:clamp(20px,5vw,40px);grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "story" "form" "footer"}
 .onboarding-header nav{display:none!important}
 .region{width:100%!important;max-width:640px;justify-self:center}
 .region-0{margin-top:40px}.region-1{margin-top:48px}
 .region h1{font-size:clamp(36px,6vw,58px)!important;line-height:1.05!important}
 .region p{width:auto!important}
 body[data-page=account] .region-0{margin-top:40px;margin-bottom:24px}
 body[data-page=account] .region-1{margin-top:48px;max-width:480px}
 body[data-page=account] .region-2{margin-top:40px;max-width:640px}
 body[data-page=plans] .region-2{margin-top:48px;max-width:480px;min-height:580px}
 body[data-page=install] .onboarding-board{grid-template-areas:"header" "hero" "steps" "footer"}
 body[data-page=install] .region-0{max-width:none}
 body[data-page=install] .region-1{grid-template-columns:1fr!important;max-width:640px}
 body[data-page=install] .region-1>div{min-height:240px}
 .sf-float{animation:none!important}
}
@media(max-width:1199px){
 body[data-page=demo] .onboarding-board{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "intro" "editor" "notes"}
 body[data-page=demo] .onboarding-header nav{display:none!important}
 body[data-page=demo] .region-0{max-width:800px;width:100%!important;justify-self:center;align-items:flex-start;flex-direction:column;gap:20px}
 .demo-frame{max-width:800px;justify-self:center}
 body[data-page=demo] .region-2{max-width:800px;width:100%!important;justify-self:center;min-height:360px}
}
@media(max-width:640px){
 .onboarding-header{gap:12px}.onboarding-header>a:last-child{font-size:12px!important}
 .onboarding-header>span:last-child{font-size:12px!important;max-width:160px}
 .region-0 h1 span{display:inline!important}
 body[data-page=account] .region-1{padding:28px!important}
 body[data-page=account] .region-0 .sf-float>span.glass{right:0!important;font-size:11px!important}
 body[data-page=plans] .region-0>div{grid-template-columns:1fr;gap:28px}
 body[data-page=plans] .region-0>div>div:first-child{width:250px!important;justify-self:center}
 body[data-page=plans] .region-2{padding:24px!important}
 body[data-page=plans] .sf-plan{padding:12px!important;gap:8px!important;height:90px!important;flex-shrink:0}
 body[data-page=plans] .sf-plan>span:last-child{flex-direction:column;align-items:flex-end;gap:0!important;min-width:78px}
 body[data-page=plans] .sf-plan>span:last-child>span:first-child{font-size:23px!important}
 body[data-page=plans] .sf-plan>span:nth-child(3){min-width:0}
 body[data-page=plans] .sf-plan>span:nth-child(3)>span:first-child>span{display:none!important}
 body[data-page=plans] .sf-plan>span:nth-child(3)>span:last-child{font-size:12px!important}
 body[data-page=plans] .region-2>div:first-child{gap:8px}
 body[data-page=plans] .region-2 h2{font-size:20px!important}
 body[data-page=checkout] .region-1{padding:24px!important}
 .payment-options{flex-wrap:wrap}.order-line{flex-wrap:wrap}
 body[data-page=install] .region-0 h1{max-width:100%}
 .download-meta{max-width:280px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-demo-tools{display:none!important}
@media(max-width:640px){
 body[data-page=demo] .onboarding-board{grid-template-areas:"header" "intro" "tools" "editor" "notes"}
 .mobile-demo-tools{grid-area:tools;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;box-sizing:border-box;height:auto!important;margin-top:24px;padding:12px!important;border-radius:18px;border:1px solid #ffffffcc}
 .mobile-demo-tools button{min-height:44px;flex-shrink:0}
 .mobile-demo-tools button[style*="padding: 0 18px"]{width:100%;justify-content:center}
 body[data-page=demo] .region-1>div:first-child{visibility:hidden}
 .demo-frame button.sf-dot{width:calc(44px / var(--demo-scale))!important;height:calc(44px / var(--demo-scale))!important;border-radius:50%!important;transform:translate(-30%,-30%)}
 .demo-frame button.sf-dot svg{width:calc(16px / var(--demo-scale))!important;height:calc(16px / var(--demo-scale))!important}
}
/* Keep the full-size illustration anchored before applying its responsive scale. */
body[data-page=demo] .demo-frame .region-1{justify-self:start!important;justify-content:normal;margin-inline:0}

body[data-page=plans] .sf-plan{flex-shrink:0}body[data-page=plans] .purchase-consent{margin:4px 0}body[data-page=plans] .checkout-note{margin:0}
@media(max-width:640px){body[data-page=plans] .sf-plan>span:last-child{flex-shrink:0;min-width:78px}body[data-page=plans] .sf-plan>span:nth-last-child(2){min-width:0;flex:1 1 0!important}}


.onboarding-account{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0;max-width:45%}.onboarding-account-email{font-size:14px;color:#515154;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.onboarding-signout{flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid #d8d8de;border-radius:999px;background:#fff;color:#1d1d1f;font:inherit;font-size:14px;cursor:pointer}.onboarding-signout:focus-visible{outline:2px solid #1f5bff;outline-offset:3px}.onboarding-signout:disabled{opacity:.6;cursor:wait}@media(max-width:640px){.onboarding-account{max-width:55%;gap:8px}.onboarding-account-email{font-size:12px}.onboarding-signout{font-size:13px;padding:8px 12px}}@media(max-width:360px){.onboarding-account-email{display:none}}

@media(max-width:640px){
 body[data-page=account] .region-0{display:none!important}
 body[data-page=account] .onboarding-board{grid-template-areas:"header" "form" "footer"}
 body[data-page=account] .region-1{margin-top:24px}
}

@media(max-width:640px){body[data-page=plans] .plan-preview-features{display:none!important}}

.return-offer-modal{box-sizing:border-box;width:min(520px,calc(100% - 40px));max-height:calc(100svh - 48px);overflow:auto;margin:auto;padding:40px;border:1px solid #fffffff2;border-radius:30px;background:#fafaff;color:#1d1d1f;box-shadow:inset 0 1px 0 #fff,0 24px 80px #10184040;font:inherit}
.return-offer-modal::backdrop{background:#10182880;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.offer-badge{display:inline-block;padding:8px 12px;margin:12px 0 20px;border-radius:999px;background:#1f5bff12;color:#1f5bff;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.08em}
.return-offer-modal h2{margin:0 0 16px;font-size:34px;line-height:1.08;letter-spacing:-.04em;font-weight:700}
.return-offer-modal p{margin:0;color:#515154;font-size:16px;line-height:1.6}
.offer-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#1d1d1f08;color:#515154;font-size:26px;cursor:pointer}
.offer-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.offer-actions button{box-sizing:border-box;width:100%;min-height:54px;padding:14px 20px;border-radius:27px;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.offer-accept{border:0;background:#1f5bff;color:#fff}.offer-decline{border:1px solid #1d1d1f1a;background:#fff;color:#515154}.offer-actions button:active{transform:scale(.98)}
@media(max-width:640px){.return-offer-modal{padding:32px 24px;border-radius:26px}.return-offer-modal h2{font-size:28px}.return-offer-modal p{font-size:15px}.offer-badge{margin-top:20px}.offer-actions button{font-size:15px}}

body:has(.return-offer-modal[open]){overflow:hidden}

body[data-page=checkout] .region-1:has(#stripe-embedded-checkout){height:auto!important;min-height:560px;padding:24px!important;align-self:start}
#stripe-embedded-checkout{width:100%;min-width:0;min-height:520px}
@media(max-width:640px){body[data-page=checkout] .region-1:has(#stripe-embedded-checkout){padding:12px!important;border-radius:20px!important}#stripe-embedded-checkout{min-height:600px}}