/* Account surfaces: graphite, precise light, legible decisions at every width. */
.account-premium{background:#f5f6f8;color:#252a34;min-height:100svh}
.account-premium *{box-sizing:border-box}
.account-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #e0e3e9;background:#fff}
.account-header .brand{font-size:26px;color:#262b35}
.account-premium .account-back{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 15px;font-size:14px;line-height:1.5;background:#fff;border-color:#dfe2e9;box-shadow:0 2px 12px #7168950c}
.billing-main,.compare-main{width:min(1240px,calc(100% - 64px));margin:42px auto 60px}
.account-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.account-heading .eyebrow{font-size:12px;letter-spacing:.15em;color:#716184}
.account-heading h1{font-size:clamp(32px,3.3vw,48px);font-weight:750;line-height:1.12;letter-spacing:-.045em;margin:10px 0 14px}
.account-heading p{font-size:16px;color:#687180;margin:0;max-width:650px}
.billing-locales{display:flex;gap:12px;flex-shrink:0}
.billing-locales label{display:grid;gap:6px;font-size:12px;color:#697180}
.billing-locales select,.country-row select{font:inherit;font-size:14px;min-height:44px;padding:10px 30px 10px 12px;color:#333b4a;background:#fff;border:1px solid #dcdfe7;border-radius:9px;max-width:100%}
.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.billing-workspace{min-width:0}
.wallet-card{display:flex;align-items:stretch;justify-content:space-between;gap:22px;padding:28px 32px;border-radius:18px;border:1px solid #666478;background:linear-gradient(112deg,#202630 4%,#2c2d40 75%,#423950);color:#fff;box-shadow:inset 0 1px 0 #dbbeff38,0 12px 30px #1f24381a;position:relative;overflow:hidden}
.wallet-card:after{content:'';position:absolute;height:2px;bottom:0;left:32px;right:32px;background:linear-gradient(90deg,transparent,#ad9fd4,#b0d4df,transparent)}
.wallet-card #walletTitle{font-size:14px;color:#d1d5e1}
.wallet-amount{display:flex;align-items:baseline;gap:10px;margin:3px 0 9px}
.wallet-amount strong{font-size:60px;letter-spacing:-.06em;font-weight:650;line-height:1.15}
.wallet-amount span{font-size:16px;color:#d9d8e6}
.wallet-card small{font-size:12px;color:#b8bdcf}
.wallet-detail{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;max-width:180px;text-align:right}
.wallet-mark{font-size:28px;font-weight:800;color:#e0d3ee;letter-spacing:-2px}
.wallet-detail p{color:#c1c4d3;font-size:14px;line-height:1.5;margin:12px 0 0}
.account-premium .purchase-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #dfe2e9;border-radius:13px;background:#eaeef3;margin-top:28px}
.account-premium .purchase-switch button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:70px;line-height:1.4;border:1px solid transparent;border-radius:9px;background:transparent;padding:12px 17px;box-shadow:none;color:#5c6573;text-align:left}
.account-premium .purchase-switch button>span{font-size:16px;font-weight:750}
.account-premium .purchase-switch button small{font-size:12px;font-weight:400;opacity:.8}
.account-premium .purchase-switch button.active{background:#fff!important;color:#35334e;border-color:#c6bfda!important;box-shadow:inset 0 -2px 0 #9a89be,0 2px 8px #55507914!important;text-shadow:none}
.package-heading{margin:26px 0 18px}
.package-heading h2{font-size:20px;letter-spacing:-.02em;margin:0 0 7px}
.package-heading p{font-size:14px;line-height:1.6;color:#6b7380;margin:0}
.account-premium .package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.account-premium .package{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;min-width:0;padding:22px;border:1px solid #d9dee7;border-radius:14px!important;background:#fff;text-align:left;color:#303847;line-height:1.45;box-shadow:0 2px 4px #1f243804!important;transition:border-color .18s,background .18s,box-shadow .18s}
.account-premium .package:hover{border-color:#aaa0c5;background:#fcfbff;box-shadow:0 4px 20px #72609115!important}
.account-premium .package.selected{border:1px solid #9180b5;background:#faf8fe;box-shadow:inset 0 0 0 1px #b4a5d3,0 5px 18px #8a75b117!important}
.account-premium .pack-caption{font-size:14px!important;font-weight:650!important;color:#656b7b;margin-bottom:14px;padding-right:23px}
.account-premium .pack-amount{font-size:32px!important;letter-spacing:-.045em;font-weight:750;line-height:1.15;margin:0 0 18px}
.account-premium .pack-amount small{display:block;font-size:14px;font-weight:500;color:#7b7e8d;letter-spacing:0;margin-top:6px}
.account-premium .package>b{font-size:22px;font-weight:750;margin:0;letter-spacing:-.03em}
.account-premium .pack-unit{font-size:12px!important;color:#727a89;margin-top:5px;letter-spacing:0;font-weight:400!important}
.account-premium .package-check{position:absolute;right:18px;top:20px;display:grid;place-items:center;width:20px;height:20px;border:1px solid #d3d7e3;border-radius:50%;font-size:12px!important;font-weight:700!important;color:transparent;background:#fff}
.account-premium .package.selected .package-check{background:#4c4565;border-color:#4c4565;color:#fff;box-shadow:0 0 9px #ad96d350}
.account-premium .plan-packages{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-premium .plan-packages .package{padding:20px 17px}
.account-premium .plan-allowance{font-size:25px;letter-spacing:-.03em;margin-bottom:20px;font-weight:750}
.account-premium .plan-allowance small{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:#727a89;margin-top:3px}
.billing-clarity{display:flex;align-items:flex-start;gap:12px;margin:20px 0 25px;padding:0 3px;color:#717887}
.billing-clarity>span{color:#89729d;font-size:21px;line-height:1.4;flex-shrink:0}
.billing-clarity p{font-size:14px;margin:0;line-height:1.65}
.account-premium .payment-area{border:1px solid #dfe3eb;border-radius:14px!important;background:#fff;padding:24px;margin:0}
.account-premium .payment-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.account-premium .payment-title h2{font-size:18px;margin:0;letter-spacing:-.025em}
.account-premium .demo-label{color:#7c7090;background:#f3eff8;border:1px solid #e7dfef;border-radius:5px;padding:4px 7px;font-size:12px;font-weight:500}
.account-premium .payment-methods{display:flex;flex-wrap:wrap;overflow:visible;gap:8px;margin:19px 0 14px}
.account-premium .payment-methods button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 13px;font-size:14px;line-height:1.4;border:1px solid #dce0e7;border-radius:9px;background:#fff;box-shadow:0 2px 5px #70648c08;white-space:normal}
.account-premium .payment-methods button.active{background:#f0ecf6;color:#4c4265;border-color:#af9cc8;box-shadow:inset 0 -1px 0 #a28abf}
.payment-methods button:disabled{opacity:.45}
#paymentExplanation{font-size:14px;color:#707887;line-height:1.6;min-height:44px;margin:0}
.account-premium .order-summary{position:sticky;top:24px;min-width:0;padding:28px;background:#fff;border:1px solid #dce1e9;border-radius:18px!important;box-shadow:0 10px 35px #242b3c08!important;color:#29313d}
.order-heading{padding-bottom:23px;border-bottom:1px solid #eceef3}
.order-heading .eyebrow{font-size:12px;color:#7a688e}
.account-premium .order-heading h2{font-size:26px;letter-spacing:-.035em;margin:7px 0 0}
.account-premium .order-product{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:0;margin:23px 0;padding:0}
.account-premium .order-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #c7bddb;border-radius:11px;background:#f2eef8;color:#5c4c75;font-size:16px;font-weight:800;box-shadow:inset 0 1px 0 white}
.account-premium .order-product b{font-size:15px;line-height:1.5}
.account-premium .order-product small{font-size:12px;line-height:1.5;color:#7c8390;margin-top:4px}
.account-premium .summary-row,.account-premium .country-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 0;border-bottom:1px solid #eceef3;font-size:14px;line-height:1.5}
.account-premium .summary-row span,.account-premium .country-row>span{color:#77808c}
.account-premium .summary-row>span:last-child{text-align:right;font-size:12px;max-width:145px}
.account-premium .country-row{align-items:center;flex-wrap:wrap}
.account-premium .country-row select{font-size:13px;color:#414957;background:#f8f9fb;border-color:#e1e5ed;padding:9px;max-width:100%;min-height:40px}
.account-premium .summary-total{margin:24px 0;display:grid;gap:3px}
.account-premium .summary-total>span{font-size:14px;color:#747d8a}
.account-premium .summary-total b{font-size:38px;font-weight:750;line-height:1.25;letter-spacing:-.045em;margin:3px 0;overflow-wrap:anywhere}
.account-premium .summary-total small{font-size:12px;color:#737c89;line-height:1.55}
.account-premium .checkout-pay{font:inherit;font-size:15px;font-weight:750;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-radius:10px;background:linear-gradient(120deg,#292e42,#453957)!important;border:1px solid #9580b3!important;box-shadow:inset 0 1px 0 #ddc8ff55,0 4px 14px #8c75b026!important;color:#fff;text-shadow:none}
.account-premium .checkout-pay:hover{box-shadow:inset 0 1px 0 #f4eaff66,0 5px 21px #8c75b03b!important}
.account-premium .checkout-terms{font-size:12px;color:#7b8391;line-height:1.65;text-align:left;margin:17px 0}
.order-footnote{display:flex;align-items:center;gap:8px;padding-top:15px;border-top:1px solid #eceef3;font-size:12px;color:#767e8c}
.order-footnote>span:first-child{color:#87719f}
.purchase-dialog{border:1px solid #d6cfdf;border-radius:18px;padding:30px;width:min(480px,calc(100% - 36px));color:#2b3140;background:#fff;box-shadow:0 30px 90px #10152c40}
.purchase-dialog::backdrop{background:#1b223975;backdrop-filter:blur(4px)}
.purchase-dialog h2{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:12px 0 18px}
.purchase-dialog p{font-size:16px;color:#717986;line-height:1.6}
.purchase-dialog #purchaseDemoDetails{font-size:20px;color:#4e436a;font-weight:700}
.purchase-dialog .primary{margin-top:10px;min-height:46px;width:100%}
/* A focused comparison. Each feature becomes its own two-column card on a phone. */
.compare-edition{font-size:12px;letter-spacing:.08em;line-height:1.8;color:#7c8592;white-space:nowrap;text-align:right}
.compare-edition b{font-weight:500;color:#4f5969;letter-spacing:0}
.compare-board{overflow:hidden;border:1px solid #dce1e8;border-radius:18px;background:#fff;box-shadow:0 8px 30px #29304405}
.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-bottom:1px solid #e4e7ef}
.compare-toolbar h2{font-size:20px;letter-spacing:-.02em;margin:0 0 5px}
.compare-toolbar p{font-size:14px;color:#7a8390;margin:0}
.competitor-switch{display:flex;flex-wrap:wrap;gap:6px;border:1px solid #e1e4eb;border-radius:11px;background:#f6f7fa;padding:4px}
.competitor-switch button{min-height:42px;font-size:14px;font-weight:650;line-height:1.4;padding:10px 15px;background:transparent;color:#717887;border:1px solid transparent;box-shadow:none;border-radius:7px}
.competitor-switch button:hover{border-color:#c7bed8;box-shadow:0 2px 9px #8c7db016}
.competitor-switch button.active{color:#fff;background:linear-gradient(125deg,#2d3040,#4b3b58);border:1px solid #9380b1;box-shadow:inset 0 1px 0 #ccb2ed50,0 2px 8px #71648720}
.compare-pair,.feature-row{display:grid;grid-template-columns:1fr 1fr 1fr}
.compare-label{padding:32px 28px;display:flex;align-items:center;line-height:1.8;font-size:12px;letter-spacing:.13em;color:#7f8590}
.compare-brand{display:flex;align-items:center;gap:12px;padding:28px;min-width:0}
.compare-brand.moldai{background:linear-gradient(125deg,#242b35,#373346);color:#fff;border-bottom:2px solid #ad9bc6}
.compare-brand.other{background:#f6f7fa;border-left:1px solid #e5e8ef;border-bottom:2px solid #dce1ea}
.compare-monogram{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:11px;border:1px solid #ffffff30;background:#ffffff0e;font-size:20px;font-weight:800;letter-spacing:-.04em;color:#d7cae6}
.compare-brand.other .compare-monogram{background:#fff;border-color:#dce1ea;color:#6d7685}
.compare-brand h3{font-size:23px;line-height:1.3;letter-spacing:-.04em;margin:0}
.compare-brand div>span{font-size:12px;line-height:1.5;color:#c1bacf}
.compare-brand.other div>span{color:#7f8794}
.feature-row{border-bottom:1px solid #e5e8ef}
.feature-title,.feature-value{padding:25px 28px;min-width:0}
.feature-title h3{font-size:16px;letter-spacing:-.015em;margin:0 0 6px;font-weight:750}
.feature-title p{font-size:14px;line-height:1.5;color:#7b8390;margin:0}
.feature-value.moldai{background:#f8f6fc}
.feature-value.other{border-left:1px solid #e7e9ee}
.feature-value b{font-size:15px;font-weight:650;display:block;line-height:1.5}
.feature-value p{font-size:14px;color:#7b8091;margin:7px 0 0;line-height:1.6}
.feature-value.moldai b{color:#59426b}
.feature-source{display:inline-flex;align-items:center;min-height:30px;margin-top:8px;color:#736184;font-size:12px;text-underline-offset:4px}
.feature-mobile-label{display:none}
.compare-source{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 28px;background:#fbfcfd;font-size:12px;line-height:1.6;color:#7b8490}
.compare-source>span{max-width:680px}
.compare-source a{color:#6a577e;font-size:13px;white-space:nowrap;text-underline-offset:4px}
.compare-vision{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:30px;padding:38px 42px;border:1px solid #3c4050;background:#252b34;border-radius:18px;color:#fff}
.vision-intro .eyebrow{color:#c3aed4;font-size:12px}
.vision-intro h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.035em;line-height:1.15;margin:15px 0 18px}
.vision-intro h2 em{color:#d9bfdc}
.vision-intro p{font-size:15px;line-height:1.65;color:#b4bdcc;margin:0 0 23px;max-width:350px}
.vision-intro .primary{min-height:46px;font-size:14px;display:inline-flex;gap:20px;align-items:center}
.vision-list{min-width:0;display:grid;gap:20px}
.vision-list article{display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid #ffffff16;padding-bottom:20px}
.vision-list article>span{font-size:12px;color:#bfa7d4;padding-top:4px}
.vision-list h3{font-size:16px;margin:0 0 6px;font-weight:650}
.vision-list p{font-size:14px;line-height:1.65;color:#b8c0cd;margin:0}
.vision-status{font-size:12px;color:#a6a9bb;line-height:1.6}
.compare-note{font-size:12px;color:#838b98;margin:22px 0 0;line-height:1.65}
.nav-caption{font-weight:inherit;font-size:inherit;line-height:inherit}
.sidebar .nav-compare svg,.sidebar .nav-wallet svg{width:21px;height:21px;stroke-width:1.6}
.sidebar .nav-compare>span,.sidebar .nav-wallet>span{color:#89749e}
@media(max-width:1080px){
  .billing-main,.compare-main{width:calc(100% - 44px)}
  .billing-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}
  .account-heading{align-items:flex-start}
  .account-premium .order-summary{padding:23px}
  .account-premium .plan-packages{grid-template-columns:1fr}
  .account-premium .plan-packages .package{display:grid;grid-template-columns:1fr auto;gap:3px 18px;padding:19px 22px}
  .plan-packages .pack-caption{grid-column:1/-1;margin-bottom:7px}
  .account-premium .plan-allowance{margin-bottom:0}
  .plan-packages .package>b{grid-column:2;grid-row:2;align-self:center}
  .plan-packages .pack-unit{grid-column:2;text-align:right;margin:0}
  .compare-toolbar{align-items:flex-start;flex-direction:column;gap:17px}
  .compare-brand,.feature-title,.feature-value,.compare-label{padding:23px}
  .compare-vision{gap:35px;padding:30px}
}
@media(max-width:760px){
  .account-header{padding:16px 20px;gap:12px}
  .account-header .brand{font-size:23px;gap:8px}
  .account-header .brand-mark{width:27px;height:30px}
  .account-header .account-back{font-size:13px;padding:9px 12px;gap:7px}
  .billing-main,.compare-main{width:calc(100% - 36px);margin:27px auto 40px}
  .account-heading{display:block;margin-bottom:24px}
  .account-heading h1{font-size:34px;line-height:1.13}
  .account-heading p{font-size:15px}
  .billing-locales{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .billing-locales select{width:100%;font-size:14px}
  .billing-layout{grid-template-columns:minmax(0,1fr);gap:22px}
  .wallet-card{padding:25px;gap:20px}
  .wallet-amount strong{font-size:56px}
  .wallet-detail{max-width:125px}
  .wallet-detail p{font-size:12px}
  .account-premium .purchase-switch{margin-top:23px}
  .account-premium .purchase-switch button{padding:12px;min-height:78px}
  .account-premium .purchase-switch button>span{font-size:15px}
  .account-premium .package-grid{gap:12px}
  .account-premium .package{padding:20px 17px}
  .account-premium .pack-caption{font-size:13px!important;padding-right:10px;max-width:calc(100% - 16px)}
  .account-premium .pack-amount{font-size:30px!important}
  .account-premium .package>b{font-size:22px}
  .account-premium .package-check{right:13px;top:20px;width:17px;height:17px}
  .account-premium .payment-area{padding:21px}
  .account-premium .payment-title{flex-wrap:wrap}
  .account-premium .payment-methods button{flex:1 1 auto}
  .account-premium .order-summary{position:static;padding:25px;margin:0;border-radius:16px!important}
  .account-premium .summary-total b{font-size:40px}
  .compare-edition{display:none}
  .compare-toolbar{padding:23px 20px}
  .competitor-switch{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
  .competitor-switch button{padding:10px 4px;font-size:13px}
  .compare-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .compare-label{display:none}
  .compare-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:21px 20px}
  .compare-monogram{width:35px;height:35px;font-size:17px;border-radius:9px}
  .compare-brand h3{font-size:22px;margin-bottom:3px}
  .compare-brand div>span{display:block;font-size:12px}
  .feature-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .feature-title{grid-column:1/-1;padding:22px 20px 17px;border-bottom:1px solid #eeeff4}
  .feature-title h3{font-size:17px}
  .feature-title p{font-size:14px}
  .feature-value{padding:20px;display:block}
  .feature-value b{font-size:14px}
  .feature-value p{font-size:13px;line-height:1.6}
  .feature-mobile-label{display:block;font-size:12px;font-weight:500;color:#80728e;margin:0 0 9px}
.feature-value.other .feature-mobile-label{color:#87919e}
  .compare-source{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
  .compare-vision{grid-template-columns:1fr;gap:28px;padding:28px 25px;margin-top:23px}
  .vision-intro h2{font-size:35px}
  .vision-intro p{font-size:15px}
  .vision-list{gap:17px}
  .vision-list article{padding-bottom:17px;gap:14px}
  .sidebar nav{grid-template-columns:1fr 1.15fr 1.1fr 1fr 1fr;gap:1px}
  .sidebar .nav-item{font-size:12px!important;line-height:1.3;padding:7px 0;gap:5px;overflow:visible;margin:0;min-height:59px;border-radius:9px}
  .sidebar .nav-item svg{width:21px;height:21px}
  .sidebar .nav-compare>span,.sidebar .nav-wallet>span{position:relative;padding:3px 10px;min-height:27px;background:#f2eef7;border:1px solid #ddd4e9;border-radius:8px;box-shadow:inset 0 1px 0 #fff,0 1px 7px #a78bc318}
  .sidebar .nav-compare,.sidebar .nav-wallet{color:#635372}
}
@media(max-width:370px){
  .account-header{padding:14px 16px}
  .account-header .account-back{font-size:12px;padding:8px 10px}
  .account-heading h1{font-size:30px}
  .account-premium .package-grid{grid-template-columns:1fr}
  .wallet-card{padding:22px}
  .wallet-detail p{display:none}
  .wallet-amount strong{font-size:50px}
  .feature-value{padding:17px 14px}
  .feature-title{padding:22px 17px 16px}
  .compare-brand{padding:20px 17px}
  .account-premium .purchase-switch button>span{font-size:14px}
}