/* Authentication only. The suspended application keeps its files and DOM. */
[data-folio-auth-suspended]{display:none!important}
body.folio-auth-open .folio-support-launcher{display:none!important}
#folio-auth-page [hidden]{display:none!important}
body.folio-auth-open{background:#fff}
#folio-auth-page{--fa-ink:#10204a;--fa-muted:#66758f;--fa-line:#e1e7f0;--fa-accent:#146bf0;--fa-surface:#fff;display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);min-height:100svh;width:100%;color:var(--fa-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate}
#folio-auth-page *{box-sizing:border-box}
#folio-auth-page a{color:inherit;text-decoration:none}
#folio-auth-page button{font:inherit;cursor:pointer}
#folio-auth-page :is(a,button):focus-visible{outline:3px solid #519bff;outline-offset:5px}
#folio-auth-page h1:focus{outline:none}
#folio-auth-page button:disabled{opacity:.6;cursor:wait}
#folio-auth-page svg{width:20px;height:20px;flex-shrink:0}
#folio-auth-page .fa-access{display:flex;flex-direction:column;padding:38px clamp(30px,5.2vw,88px) 26px;background:var(--fa-surface);min-width:0}
#folio-auth-page .fa-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
#folio-auth-page .fa-brand{display:inline-flex;align-items:center;gap:11px;font-size:30px;font-weight:760;letter-spacing:-1.3px}
#folio-auth-page .fa-brand img{width:40px;height:40px;object-fit:contain;border-radius:10px}
#folio-auth-page .fa-preferences{display:flex;align-items:center;gap:6px}
#folio-auth-page .fa-preferences button{display:grid;place-items:center;min-width:40px;height:40px;background:none;border:1px solid transparent;border-radius:50%;color:var(--fa-muted);font-size:12px;font-weight:650}
#folio-auth-page .fa-preferences button:hover{background:color-mix(in srgb,var(--fa-accent) 6%,transparent);color:var(--fa-ink)}
#folio-auth-page .fa-content{width:100%;max-width:400px;margin:auto;padding:48px 0 40px}
#folio-auth-page .fa-back{display:inline-flex;align-items:center;gap:8px;color:var(--fa-muted);font-size:12px;margin-bottom:29px;min-height:32px}
#folio-auth-page .fa-back svg{width:16px;height:16px}
#folio-auth-page .fa-back:hover{color:var(--fa-accent)}
#folio-auth-page .fa-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--fa-muted);margin:0 0 16px}
#folio-auth-page .fa-eyebrow>span:first-child{width:6px;height:6px;background:#169c89;border-radius:50%}
#folio-auth-page h1{font-size:clamp(36px,3.4vw,50px);line-height:1.1;letter-spacing:-2.1px;font-weight:720;margin:0 0 21px;color:var(--fa-ink)}
#folio-auth-page h1 span{color:var(--fa-accent)}
#folio-auth-page .fa-intro{font-size:16px;line-height:1.75;color:var(--fa-muted);margin:0 0 34px;max-width:380px}
#folio-auth-page .fa-authentication{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:44px}
#folio-auth-page .fa-google{width:100%;min-height:44px;display:flex;justify-content:center}
#folio-auth-page .fa-google>div{max-width:100%}
#folio-auth-page .fa-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:9px;border:1px solid var(--fa-line);color:var(--fa-muted);font-size:14px}
#folio-auth-page .fa-spinner{width:16px;height:16px;border:2px solid var(--fa-line);border-top-color:var(--fa-accent);border-radius:50%;animation:fa-spin .85s linear infinite}
@keyframes fa-spin{to{transform:rotate(360deg)}}
#folio-auth-page .fa-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 18px;border:1px solid var(--fa-line);background:var(--fa-surface);border-radius:9px;font-size:14px;font-weight:620;color:var(--fa-ink);transition:background .15s,border-color .15s}
#folio-auth-page .fa-button:hover{border-color:var(--fa-accent);background:color-mix(in srgb,var(--fa-accent) 4%,var(--fa-surface))}
#folio-auth-page .fa-button.fa-primary{background:#096be9;color:#fff;border-color:#096be9;box-shadow:0 5px 15px #086beb1a}
#folio-auth-page .fa-button.fa-primary:hover{background:#085bc7}
#folio-auth-page .fa-button.fa-subtle{background:none;border-color:transparent;color:var(--fa-muted);min-height:40px;font-size:13px}
#folio-auth-page .fa-status{font-size:12px;line-height:1.6;color:var(--fa-muted);min-height:20px;margin:13px 0 0;overflow-wrap:anywhere}
#folio-auth-page .fa-status[data-error="true"]{color:#ab363b}
#folio-auth-page .fa-new-account{padding:21px 23px;border:1px solid var(--fa-line);border-radius:14px;background:color-mix(in srgb,var(--fa-accent) 2%,var(--fa-surface));margin:24px 0 20px}
#folio-auth-page .fa-new-account strong{font-size:13px;font-weight:620}
#folio-auth-page .fa-new-account p{font-size:12px;line-height:1.65;color:var(--fa-muted);margin:5px 0 0}
#folio-auth-page .fa-guest{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:580;min-height:36px;color:var(--fa-muted)}
#folio-auth-page .fa-guest:hover{color:var(--fa-accent)}
#folio-auth-page .fa-security{display:flex;align-items:flex-start;gap:9px;color:var(--fa-muted);font-size:11px;line-height:1.6;margin:24px 0 0;max-width:350px}
#folio-auth-page .fa-security svg{width:15px;height:17px}
#folio-auth-page .fa-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 8px;font-size:10px;color:var(--fa-muted);text-align:center;line-height:1.5}
#folio-auth-page .fa-footer>div{display:flex;align-items:center;gap:8px}
#folio-auth-page .fa-footer>div a{display:inline-flex;align-items:center;padding:4px 0;color:inherit;font-size:11px;min-height:30px}
#folio-auth-page .fa-footer>div a:hover{color:var(--fa-accent);text-decoration:underline}
#folio-auth-page .fa-footer>a{flex-basis:100%;font-size:11px;min-height:30px;align-content:center}
#folio-auth-page .fa-account-summary{background:color-mix(in srgb,var(--fa-accent) 4%,var(--fa-surface));border:1px solid var(--fa-line);border-radius:14px;padding:20px;margin-bottom:8px}
#folio-auth-page .fa-account-summary strong{display:block;overflow-wrap:anywhere;font-size:15px;font-weight:600}
#folio-auth-page .fa-account-summary span{display:inline-block;color:var(--fa-accent);font-size:12px;font-weight:650;margin-top:9px}
#folio-auth-page .fa-account-note{font-size:12px;line-height:1.6;color:var(--fa-muted);margin:5px 0 12px}
#folio-auth-page .fa-story{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;padding:66px clamp(24px,3.6vw,64px) 31px;background:radial-gradient(ellipse at 70% 28%,#d7e8ff 0,transparent 52%),radial-gradient(ellipse at 5% 80%,#e8f3ff 0,transparent 45%),linear-gradient(135deg,#f0f6ff,#e5efff 56%,#eff8ff);border-left:1px solid #e5edfa;color:#142b54}
#folio-auth-page .fa-story::before{content:"";position:absolute;width:760px;height:310px;top:-105px;left:-80px;transform:rotate(-38deg);border-radius:100%;background:linear-gradient(90deg,#c6ddff3d,#ffffff50);pointer-events:none}
#folio-auth-page .fa-story-top{position:absolute;top:32px;left:clamp(24px,3.6vw,64px);right:clamp(24px,3.6vw,64px);display:flex;align-items:center;justify-content:space-between;z-index:2}
#folio-auth-page .fa-story-label{font-size:9px;font-weight:650;letter-spacing:2.2px;color:#6680a2}
#folio-auth-page .fa-story-signature{font-size:12px;font-weight:650;letter-spacing:-.3px;color:#7796bc}
#folio-auth-page .fa-story-signature>span{font-size:16px;margin-left:7px}
#folio-auth-page .fa-scene{position:relative;isolation:isolate;width:100%;max-width:710px;height:clamp(360px,46vh,490px);margin:14px auto 14px;perspective:1200px;flex-shrink:0}
#folio-auth-page .fa-scene-halo{position:absolute;width:115%;height:72%;top:13%;left:-3%;border-radius:48%;transform:rotate(-20deg);background:linear-gradient(160deg,#b7d6ff45,#c7e1ff18);filter:blur(1px)}
#folio-auth-page .fa-flight-path{position:absolute;inset:14% -2% 15% -1%;border:1.5px dashed #86b4f6;border-radius:40% 35% 43% 27%;transform:rotate(17deg);opacity:.6}
#folio-auth-page .fa-preview-window{position:absolute;display:grid;grid-template-columns:25% 75%;top:12%;left:8%;width:85%;height:71%;border-radius:22px;background:#f8fbffed;border:8px solid #ffffff80;outline:1px solid #ffffffb3;box-shadow:0 32px 65px -25px #619bdd66,0 5px 15px #96b9ed1a;transform:rotateY(-9deg) rotateX(7deg) rotate(5deg);overflow:hidden}
#folio-auth-page .fa-preview-sidebar{background:linear-gradient(160deg,#f6faff,#eaf2ff);padding:20px 12px;position:relative;border-right:1px solid #e2ebf7}
#folio-auth-page .fa-preview-brand{display:flex;align-items:center;gap:7px;padding-left:4px;color:#122c54;font-size:19px;letter-spacing:-.9px;margin-bottom:26px}
#folio-auth-page .fa-preview-brand img{width:25px;height:25px;border-radius:7px}
#folio-auth-page .fa-preview-nav{display:grid;gap:6px}
#folio-auth-page .fa-preview-nav>span{display:flex;align-items:center;gap:7px;border-radius:7px;font-size:10px;min-height:31px;padding:6px;color:#7890b0}
#folio-auth-page .fa-preview-nav svg{width:14px;height:14px}
#folio-auth-page .fa-preview-nav .fa-nav-active{color:#287af0;background:#dfeeff;font-weight:600;box-shadow:inset 0 1px 0 #ffffffa6}
#folio-auth-page .fa-sidebar-mark{display:grid;gap:6px;position:absolute;left:24px;right:25px;bottom:26px}
#folio-auth-page .fa-sidebar-mark i{height:4px;border-radius:3px;background:#dfe9f6;width:70%}
#folio-auth-page .fa-sidebar-mark i:last-child{width:45%}
#folio-auth-page .fa-preview-main{padding:22px 20px 18px;min-width:0}
#folio-auth-page .fa-preview-search{display:flex;align-items:center;gap:9px;height:31px;border:1px solid #e5edf9;border-radius:8px;color:#8da3bf;font-size:9px;padding:0 9px;background:#ffffff94;white-space:nowrap}
#folio-auth-page .fa-preview-search svg{width:13px;height:13px}
#folio-auth-page .fa-preview-search i{font-size:7px;font-style:normal;padding:3px 4px;border:1px solid #e4ecf7;border-radius:4px;margin-left:auto}
#folio-auth-page .fa-preview-heading{display:flex;justify-content:space-between;margin:18px 2px 12px;color:#567397;font-size:10px}
#folio-auth-page .fa-preview-heading b{font-weight:600}
#folio-auth-page .fa-preview-heading>span{color:#b0c5df}
#folio-auth-page .fa-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;height:calc(100% - 77px)}
#folio-auth-page .fa-preview-file,#folio-auth-page .fa-preview-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:77px;min-width:0;background:#ffffffed;border:1px solid #e9f0fa;border-radius:10px;box-shadow:0 4px 10px #b3ccec0d;color:#7990ae;font-size:8px;white-space:nowrap}
#folio-auth-page .fa-file-icon{position:relative;display:grid;place-items:center;width:40px;height:43px;border-radius:10px;background:#eef4ff;color:#468ff4}
#folio-auth-page .fa-file-icon svg{width:26px;height:29px;filter:drop-shadow(0 2px 2px #78a2eb1a)}
#folio-auth-page .fa-file-icon b{position:absolute;bottom:8px;font-size:5px;font-weight:750;background:#f4f8ff;padding:1px;color:inherit;line-height:1}
#folio-auth-page .fa-pdf{background:#fff0f1;color:#f26777}
#folio-auth-page .fa-xlsx{background:#e8f9f1;color:#38ad87}
#folio-auth-page .fa-png{background:#f2edff;color:#a17bef}
#folio-auth-page .fa-txt{background:#f1f5fa;color:#93a9c0}
#folio-auth-page .fa-preview-add{background:#f5f9ff80;border:1px dashed #dbe7f7}
#folio-auth-page .fa-preview-add svg{box-sizing:content-box;width:20px;height:20px;padding:10px;border-radius:50%;background:#e9f2ff;color:#408ff4}
#folio-auth-page .fa-floating-tools{position:absolute;right:-1%;top:9%;display:grid;gap:14px;min-width:140px;z-index:2;padding:21px 19px;border:1px solid #ffffffde;border-radius:18px;background:linear-gradient(140deg,#fff,#f7faffeb);box-shadow:0 17px 36px -15px #709fe95e;transform:rotate(-7deg);color:#355580}
#folio-auth-page .fa-floating-tools>div{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:520}
#folio-auth-page .fa-floating-tools i{display:grid;place-items:center;width:28px;height:29px;border-radius:8px;color:#fff;background:linear-gradient(145deg,#9bc6ff,#4e91f7);box-shadow:0 4px 10px #85aef540}
#folio-auth-page .fa-floating-tools svg{width:16px;height:16px}
#folio-auth-page .fa-floating-tools>div:nth-child(2) i{background:linear-gradient(140deg,#c4aaff,#9a75ed)}
#folio-auth-page .fa-floating-tools>div:nth-child(3) i{background:linear-gradient(140deg,#8be3cb,#4cb997)}
#folio-auth-page .fa-floating-tools>div:nth-child(4) i{background:linear-gradient(140deg,#ffc5cd,#ed8c9f)}
#folio-auth-page .fa-floating-note{position:absolute;left:0;bottom:4%;padding:18px 20px;width:159px;background:linear-gradient(140deg,#fff,#f4f9ff);border:1px solid #ffffffdc;border-radius:18px;transform:rotate(-7deg);box-shadow:0 16px 35px -18px #6096db5c;color:#315788;z-index:2}
#folio-auth-page .fa-floating-note>span{display:grid;place-items:center;width:32px;height:33px;border:4px solid #edf4ff;border-radius:10px;background:#dbeaff;color:#397ee4;margin-bottom:10px}
#folio-auth-page .fa-floating-note svg{width:19px;height:19px}
#folio-auth-page .fa-floating-note>b{display:block;font-size:13px;line-height:1.5;letter-spacing:-.25px;font-weight:600}
#folio-auth-page .fa-floating-note>div{display:grid;gap:6px;margin-top:13px}
#folio-auth-page .fa-floating-note>div i{height:5px;background:linear-gradient(90deg,#b7d4fd,#d4e5fe);border-radius:4px}
#folio-auth-page .fa-floating-note>div i:last-child{width:65%;background:#d5e5fb}
#folio-auth-page svg.fa-paper-plane{position:absolute;right:-3%;bottom:6%;width:65px;height:65px;filter:drop-shadow(0 10px 8px #6398df30);transform:rotate(-8deg)}
#folio-auth-page .fa-spark{position:absolute;left:4%;top:4%;font-size:25px;color:#93b6eb}
#folio-auth-page .fa-story-copy{text-align:center;position:relative;z-index:1;margin:20px auto 0;width:100%}
#folio-auth-page .fa-story h2{font-size:clamp(25px,2.35vw,37px);line-height:1.2;letter-spacing:-1.35px;font-weight:720;margin:0 0 14px;color:#142b54}
#folio-auth-page .fa-story h2 span{white-space:nowrap}
#folio-auth-page .fa-story-copy>p{font-size:15px;line-height:1.75;color:#6881a3;margin:0 auto;max-width:430px}
#folio-auth-page .fa-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:35px 0 0;position:relative;z-index:1}
#folio-auth-page .fa-benefits>div{display:flex;align-items:flex-start;gap:10px;min-width:0}
#folio-auth-page .fa-benefits i{display:grid;place-items:center;flex-shrink:0;width:34px;height:35px;background:#ddebff;color:#3d8bed;border-radius:50%}
#folio-auth-page .fa-benefits svg{width:17px;height:17px}
#folio-auth-page .fa-benefits>div:nth-child(2) i{background:#eae4ff;color:#9571e5}
#folio-auth-page .fa-benefits>div:nth-child(3) i{background:#dff5ed;color:#38a483}
#folio-auth-page .fa-benefits b{display:block;font-size:11px;font-weight:600;line-height:1.5;color:#2a4874;margin:1px 0 5px}
#folio-auth-page .fa-benefits small{display:block;font-size:10px;line-height:1.7;color:#6e86a5}
#folio-auth-page .fa-story-bottom{display:flex;align-items:center;justify-content:center;gap:13px;color:#829abc;margin-top:38px;position:relative;z-index:1}
#folio-auth-page .fa-story-bottom>span{height:1px;width:26px;background:#a5bddd}
#folio-auth-page .fa-story-bottom p{margin:0;font-size:11px}
body.dark #folio-auth-page{--fa-ink:#edf2fa;--fa-muted:#a4b0c2;--fa-line:#343e4d;--fa-accent:#8ab4f8;--fa-surface:#161e2d}
body.dark.folio-auth-open{background:#161e2d}
body.dark #folio-auth-page .fa-story{background:radial-gradient(ellipse at 75% 35%,#334c7866,transparent 65%),linear-gradient(135deg,#19273e,#203555);border-color:#34435d}
body.dark #folio-auth-page .fa-story::before{opacity:.06}
body.dark #folio-auth-page .fa-story h2{color:#e7f0ff}
body.dark #folio-auth-page :is(.fa-story-label,.fa-story-signature,.fa-story-copy>p,.fa-benefits small,.fa-story-bottom){color:#a4b9d7}
body.dark #folio-auth-page .fa-benefits b{color:#deebff}
body.dark #folio-auth-page .fa-preview-window{filter:brightness(.86);box-shadow:0 30px 70px -25px #0005}
body.dark #folio-auth-page .fa-status[data-error="true"]{color:#ffacb0}
@media(min-width:1700px){#folio-auth-page .fa-content{max-width:440px}#folio-auth-page .fa-scene{max-width:760px}#folio-auth-page .fa-preview-grid{gap:14px}#folio-auth-page .fa-preview-file,#folio-auth-page .fa-preview-add{font-size:10px}#folio-auth-page .fa-file-icon{width:48px;height:52px}}
@media(max-width:1150px){#folio-auth-page{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}#folio-auth-page .fa-access{padding-inline:35px}#folio-auth-page .fa-story{padding-inline:26px}#folio-auth-page .fa-preview-window{left:4%;width:92%;grid-template-columns:25% 75%;height:64%;top:16%}#folio-auth-page .fa-preview-main{padding:15px 12px}#folio-auth-page .fa-preview-sidebar{padding:15px 8px}#folio-auth-page .fa-preview-brand{font-size:15px;gap:4px}#folio-auth-page .fa-preview-brand img{width:21px;height:21px}#folio-auth-page .fa-preview-search{font-size:8px}#folio-auth-page .fa-preview-search i{display:none}#folio-auth-page .fa-preview-grid{gap:7px}#folio-auth-page .fa-floating-tools{right:-3%;top:8%;padding:14px 13px;min-width:120px;gap:12px}#folio-auth-page .fa-floating-note{left:-1%;bottom:5%;width:138px;padding:14px}#folio-auth-page .fa-benefits{gap:12px;margin-top:28px}#folio-auth-page .fa-benefits>div{flex-direction:column;gap:8px}#folio-auth-page .fa-scene{height:380px}#folio-auth-page .fa-story-copy>p{font-size:14px}}
@media(max-width:820px){#folio-auth-page{display:block}#folio-auth-page .fa-access{min-height:100svh;padding:26px 30px 20px}#folio-auth-page .fa-story{display:none}#folio-auth-page .fa-content{padding:36px 0 32px;max-width:400px}#folio-auth-page h1{font-size:44px}#folio-auth-page .fa-back{margin-bottom:25px}#folio-auth-page .fa-footer{margin-top:12px}#folio-auth-page .fa-brand{font-size:27px}#folio-auth-page .fa-brand img{width:36px;height:36px}#folio-auth-page .fa-new-account{margin-top:20px}}
@media(max-width:360px){#folio-auth-page .fa-access{padding-inline:22px}#folio-auth-page h1{font-size:38px}#folio-auth-page .fa-intro{font-size:15px}#folio-auth-page .fa-new-account{padding:18px}}
@media(prefers-reduced-motion:reduce){#folio-auth-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Subscription confirmation only; account, legal and tool layouts are unchanged. */
#dialog:has(.folio-billing){width:calc(100% - 32px);max-width:748px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffffa6;border-radius:22px;overflow:auto;overscroll-behavior:contain;background:#fff;color:#142b4d;box-shadow:0 30px 110px -18px #071d4b75}
#dialog:has(.folio-billing) .close{position:absolute;z-index:2;top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #ffffff1a;border-radius:50%;background:#ffffff0c;color:#c2d3ee;font-size:21px;line-height:1;cursor:pointer;transition:background .15s}
#dialog:has(.folio-billing) .close:hover{background:#ffffff20;color:#fff}
#dialog:has(.folio-billing) .close:focus-visible,#dialog .folio-billing button:focus-visible{outline:3px solid #76a9ff;outline-offset:3px}
#dialog .folio-billing{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);font-size:14px}
#dialog .fb-details{padding:34px 36px 29px;background:linear-gradient(145deg,#fff 60%,#f6f9fe)}
#dialog .fb-brand{display:flex;align-items:center;gap:8px;margin:0 0 30px;font-weight:690;font-size:21px;letter-spacing:-.55px}
#dialog .fb-brand img{width:30px;height:30px;object-fit:contain}
#dialog .fb-brand b{border:1px solid #dbe7fa;background:#edf4ff;border-radius:5px;padding:4px 6px;margin-left:3px;font-size:9px;letter-spacing:1.1px;color:#326bc9;line-height:1}
#dialog .fb-heading h2{margin:0 0 13px;font-size:32px;line-height:1.12;letter-spacing:-1.2px;font-weight:690;outline:none}
#dialog .fb-heading h2>span{display:block}
#dialog .fb-heading>p{font-size:13px;color:#76849b;line-height:1.65;margin:0;max-width:260px}
#dialog .fb-benefits{display:grid;gap:19px;list-style:none;padding:0;margin:28px 0 24px}
#dialog .fb-benefits li{display:flex;gap:10px;align-items:flex-start}
#dialog .fb-benefits i{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:1px solid #dce8fa;border-radius:7px;background:#edf4ff;color:#3278d5;margin-top:1px}
#dialog .fb-benefits svg{width:14px;height:14px}
#dialog .fb-benefits strong{display:block;font-size:13px;font-weight:650;margin:2px 0 5px;line-height:1.4}
#dialog .fb-benefits span{display:block;font-size:12px;line-height:1.55;color:#7e8da2;max-width:238px}
#dialog .fb-quality{margin:0;padding-top:17px;border-top:1px solid #e9eef6;font-size:11px;line-height:1.6;color:#8a97aa}
#dialog .fb-purchase{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:63px 32px 29px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#24528a66,transparent 64%),linear-gradient(150deg,#142e53,#0c1c37);color:#fff}
#dialog .fb-purchase::before,#dialog .fb-purchase::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:270px;height:270px;border:1px solid #a8caff13;border-radius:50%;right:-174px;top:35px;transform:rotate(-18deg)}
#dialog .fb-purchase::after{right:-126px;top:-20px;width:330px;height:330px;border-color:#a8caff0d}
#dialog .fb-eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.65px;color:#9fb8da;margin-bottom:28px}
#dialog .fb-price{display:flex;gap:5px;align-items:baseline;line-height:1;color:#fff;white-space:nowrap}
#dialog .fb-price .fb-currency{align-self:flex-start;font-size:15px;font-weight:450;margin:9px 2px 0 0;color:#c4d4ed}
#dialog .fb-price strong{font-size:55px;font-weight:630;letter-spacing:-2.3px;font-variant-numeric:tabular-nums}
#dialog .fb-price>span:last-child{font-size:12px;color:#9db3d1;margin-left:3px}
#dialog .fb-offer>p{font-size:12px;color:#b4c5df;margin:21px 0 6px;line-height:1.5}
#dialog .fb-cancel{display:block;font-size:12px;line-height:1.5;color:#b4c5df}
#dialog .fb-payment{margin-top:42px}
#dialog .fb-primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:47px;margin:0;padding:13px 12px;border:1px solid #ffffffc7;border-radius:9px;background:#f6f9ff;box-shadow:0 4px 14px #00143124;color:#153961;font-family:inherit;font-size:14px;font-weight:650;line-height:1.3;cursor:pointer;transition:background .15s,box-shadow .15s}
#dialog .fb-primary:hover{background:#fff;box-shadow:0 5px 18px #00143150}
#dialog .fb-primary:disabled{opacity:.7;cursor:wait}
#dialog .fb-primary svg{width:16px;height:16px;flex-shrink:0;color:#4573aa}
#dialog .fb-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:15px;font-size:10px;color:#8ea6c7}
#dialog .fb-security svg{width:12px;height:12px}
#dialog .fb-status{color:#ffd0d5;font-size:11px;line-height:1.6;margin:0 0 13px}
#dialog:has(.fb-manage){max-width:450px}
#dialog .fb-manage{display:block}
#dialog .fb-manage .fb-details{padding-bottom:27px}
#dialog .fb-manage .fb-heading h2{font-size:27px}
#dialog .fb-manage .fb-heading>p{max-width:none}
#dialog .fb-manage .fb-purchase{padding:24px 36px}
#dialog .fb-manage .fb-payment{margin:0}
#dialog:has(.fb-manage) .close{background:#edf3fb;color:#6c7c92;border:0}
body.dark #dialog:has(.folio-billing){background:#17263d;border-color:#3b4c66;color:#e9f0fa}
body.dark #dialog .fb-details{background:linear-gradient(145deg,#1d2b43,#18253b)}
body.dark #dialog .fb-heading>p,body.dark #dialog .fb-benefits span{color:#9aaac3}
body.dark #dialog .fb-brand b{background:#243e62;border-color:#365176;color:#a7c8f5}
body.dark #dialog .fb-benefits i{background:#253b5b;border-color:#355272;color:#97bded}
body.dark #dialog .fb-quality{border-color:#31415b;color:#8e9fb8}
@media(max-width:620px){#dialog:has(.folio-billing){max-width:400px;border-radius:19px}#dialog .folio-billing{display:block}#dialog .fb-details{padding:27px 27px 24px}#dialog .fb-brand{margin-bottom:22px;font-size:20px}#dialog .fb-heading h2{font-size:30px}#dialog .fb-heading>p{max-width:none;font-size:12px}#dialog .fb-benefits{margin:22px 0 0;gap:16px}#dialog .fb-benefits strong{font-size:13px}#dialog .fb-benefits span{max-width:none}#dialog .fb-quality{display:none}#dialog .fb-purchase{padding:24px 27px 23px}#dialog .fb-offer{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}#dialog .fb-eyebrow{grid-column:1/-1;margin-bottom:16px;font-size:8px}#dialog .fb-price{grid-row:2/4}#dialog .fb-price strong{font-size:43px}#dialog .fb-price .fb-currency{font-size:12px;margin-top:7px}#dialog .fb-price>span:last-child{font-size:10px}#dialog .fb-offer>p{font-size:10px;margin:0;align-self:end}#dialog .fb-cancel{font-size:10px;align-self:start;margin-top:3px}#dialog .fb-payment{margin-top:24px}#dialog .fb-primary{min-height:46px;font-size:13px}#dialog:has(.folio-billing) .close{background:#edf3fa;color:#667c9d;border:0;top:14px;right:14px}body.dark #dialog:has(.folio-billing) .close{background:#2b3e59;color:#b6c7e1}}
@media(max-width:360px){#dialog .fb-details{padding-inline:23px}#dialog .fb-purchase{padding-inline:23px}#dialog .fb-offer{column-gap:8px}#dialog .fb-price{gap:2px}#dialog .fb-price strong{font-size:38px}#dialog .fb-offer>p,#dialog .fb-cancel{font-size:9px}}
@media(prefers-reduced-motion:reduce){#dialog .folio-billing *{transition:none!important}}
