/* Product CTAs shared by the home and formula pages. */
.formula-bottom{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:64px;overflow:hidden;padding:64px;background:linear-gradient(122deg,#102a4e 0%,#173665 50%,#293476 100%);box-shadow:0 28px 70px rgba(22,54,100,.18)}
.formula-bottom:before{content:"";position:absolute;z-index:-2;top:-24%;right:8%;width:38%;height:150%;transform:skewX(-18deg);background:linear-gradient(180deg,rgba(96,151,244,.03),rgba(102,91,224,.18),rgba(96,151,244,.04))}
.formula-bottom:after{content:"";position:absolute;z-index:-1;top:-18%;right:-12%;width:46%;height:140%;border:0;border-radius:0;background:linear-gradient(145deg,rgba(111,163,255,.14),rgba(89,71,202,.2));box-shadow:none;clip-path:polygon(42% 0,100% 0,70% 100%,0 100%)}
.formula-bottom-copy{position:relative;z-index:1}
.formula-bottom .eyebrow{margin-bottom:18px;color:#9fc1ff}
.formula-bottom h2{max-width:560px;font-size:clamp(36px,3.4vw,50px)}
.formula-bottom-text{max-width:530px;margin:20px 0 28px;color:#bfd0e8;font-size:15px;line-height:1.7}
.formula-bottom-copy>a{display:inline-flex;align-items:center;gap:18px;padding:15px 19px;border-radius:10px;background:#fff;color:#173f78;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 14px 32px rgba(5,24,55,.2);transition:transform .18s ease,background-color .18s ease}
.formula-bottom-copy>a:hover{transform:translateY(-2px);background:#edf4ff}
.formula-handoff{position:relative;z-index:1;overflow:hidden;padding:22px;border:1px solid rgba(190,215,255,.27);border-radius:18px;background:rgba(8,31,66,.42);box-shadow:0 24px 55px rgba(5,25,55,.2);backdrop-filter:blur(10px)}
.formula-handoff:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 46%);pointer-events:none}
.formula-handoff-head{display:flex;align-items:center;gap:10px;color:#aac7f7;font-size:10px;font-weight:850;letter-spacing:.13em}
.formula-handoff-head i{display:flex;align-items:center;gap:6px;margin-left:auto;color:#78e1b4;font-size:10px;font-style:normal;letter-spacing:0;text-transform:none}
.formula-handoff-head i:before{content:"";width:7px;height:7px;border-radius:50%;background:#59d49e;box-shadow:0 0 0 4px rgba(89,212,158,.12)}
.formula-handoff-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(167,199,249,.22);border-radius:8px;background:rgba(90,139,225,.16);color:#fff;font-size:13px;font-weight:850;font-style:italic;letter-spacing:0;text-transform:none}
.formula-handoff>code{display:block;overflow:hidden;margin:20px 0;padding:17px 18px;border:1px solid rgba(171,204,255,.19);border-radius:11px;background:rgba(4,22,50,.48);color:#fff;font:600 13px/1.5 "Cascadia Code",Consolas,monospace;white-space:nowrap;text-overflow:ellipsis}
.formula-handoff-flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:9px}
.formula-handoff-flow>div{display:grid;gap:7px;padding:15px;border:1px solid rgba(168,201,250,.17);border-radius:11px;background:rgba(255,255,255,.065)}
.formula-handoff-flow small{color:#91acd5;font-size:9px;font-weight:850;letter-spacing:.13em}
.formula-handoff-flow strong{overflow:hidden;color:#fff;font:700 12px/1.4 "Cascadia Code",Consolas,monospace;white-space:nowrap;text-overflow:ellipsis}
.formula-handoff-flow .formula-handoff-result{border-color:rgba(101,217,167,.27);background:rgba(46,151,108,.13)}
.formula-handoff-result strong{color:#83e2b9}
.formula-handoff-arrow{display:grid;place-items:center;color:#8fb8ff;font-size:20px}

.landing-account{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);gap:78px;padding:68px;background:linear-gradient(135deg,#122e59 0%,#163b6f 58%,#1f5594 100%);box-shadow:0 30px 75px rgba(25,58,106,.17)}
.landing-account:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 82% 36%,rgba(117,174,255,.15),transparent 27%),radial-gradient(circle at 60% 92%,rgba(61,126,219,.1),transparent 36%)}
.landing-account:after{z-index:-1;right:-150px;bottom:-245px;width:570px;height:570px;border-color:rgba(152,193,255,.18);box-shadow:0 0 0 70px rgba(117,162,247,.055),0 0 0 140px rgba(117,162,247,.035)}
.landing-account-copy{position:relative;z-index:1}
.landing-account-copy>p{max-width:650px}
.account-workspace-card{position:relative;z-index:1;overflow:hidden;padding:22px;border:1px solid rgba(190,215,255,.27);border-radius:18px;background:rgba(8,31,66,.43);box-shadow:0 24px 55px rgba(5,25,55,.22);backdrop-filter:blur(11px)}
.account-workspace-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 44%);pointer-events:none}
.account-workspace-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#a9c6f4;font-size:10px;font-weight:850;letter-spacing:.13em}
.account-workspace-head i{display:flex;align-items:center;gap:7px;color:#76e0b1;font-size:10px;font-style:normal;letter-spacing:0;text-transform:none}
.account-workspace-head i b{width:7px;height:7px;border-radius:50%;background:#55d19b;box-shadow:0 0 0 4px rgba(85,209,155,.12)}
.account-file-row{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 26px;align-items:center;gap:13px;margin-top:18px;padding:17px;border:1px solid rgba(177,208,255,.2);border-radius:13px;background:rgba(255,255,255,.075)}
.account-file-row>span:nth-child(2){min-width:0}
.account-file-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff;color:#2865db;box-shadow:0 10px 24px rgba(7,26,56,.2)}
.account-file-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-file-row strong,.account-file-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-file-row strong{color:#fff;font-size:14px}.account-file-row small{margin-top:5px;color:#aebfd9;font-size:10px}
.account-file-arrow{color:#8fb8ff;font-size:19px}
.account-history{position:relative;display:flex;align-items:center;margin:17px 0 19px;color:#adbed8}
.account-history>span{width:10px;height:10px;margin-right:-2px;border:2px solid #173b6c;border-radius:50%;background:#6d91ca}.account-history>span.is-current{background:#63d8a5}.account-history small{margin-left:12px;font-size:10px}
.landing-account .account-create{display:flex;width:100%;min-height:48px;justify-content:space-between;padding-inline:17px;border-color:#fff;background:#fff;color:#173f88;box-shadow:0 13px 28px rgba(5,25,55,.16)}
.landing-account .account-create:hover{transform:translateY(-2px);background:#eef4ff;color:#123878}

@media(max-width:1050px){.landing-account{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:44px;padding:52px}}
@media(max-width:980px){.formula-bottom{grid-template-columns:1fr;gap:38px}.formula-handoff{width:100%;max-width:650px}}
@media(max-width:820px){.landing-account{grid-template-columns:1fr;gap:36px}.account-workspace-card{width:100%;max-width:610px}}
@media(max-width:640px){.landing-account{gap:30px!important;padding:34px 24px!important}.account-workspace-card{padding:16px}.account-file-row{grid-template-columns:42px minmax(0,1fr) 20px;padding:14px}.account-file-icon{width:42px;height:42px}.account-file-row strong{font-size:13px}}
@media(max-width:620px){.formula-bottom{gap:30px;padding:34px 24px}.formula-bottom h2{font-size:32px}.formula-bottom-text{font-size:14px}.formula-bottom-copy>a{width:100%;justify-content:center}.formula-handoff{padding:16px}.formula-handoff>code{margin:16px 0;padding:14px;font-size:11px}.formula-handoff-flow{grid-template-columns:1fr}.formula-handoff-arrow{height:18px;transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.formula-bottom-copy>a,.landing-account .account-create{transition:none}}

/* Homepage account CTA: quiet composition with a single clear action. */
.landing-account{grid-template-columns:minmax(0,1fr) minmax(360px,.74fr);gap:74px}
.landing-account:after{right:-185px;bottom:-300px;width:620px;height:620px;opacity:.72}
.account-action-zone{position:relative;z-index:1;display:grid;place-items:center;min-height:160px}
.landing-account .account-action-zone .account-create{position:relative;z-index:3;width:auto;min-width:226px;max-width:100%;justify-content:space-between;padding-inline:21px;border-color:#fff;background:#fff;color:#173f88;box-shadow:0 17px 38px rgba(3,24,57,.24)}
.landing-account .account-action-zone .account-create:hover{transform:translateY(-2px);background:#eef4ff;color:#123878}
@media(max-width:1050px){.landing-account{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:38px}}
@media(max-width:820px){.landing-account{grid-template-columns:1fr;gap:26px}.account-action-zone{justify-self:stretch;width:100%;min-height:110px}.landing-account .account-action-zone .account-create{justify-self:start}}
@media(max-width:640px){.landing-account{gap:18px!important}.account-action-zone{min-height:96px}.landing-account .account-action-zone .account-create{justify-self:center;width:100%;margin:0}}

/* Formula CTA: angular background, distinct from home, with one clear action. */
.formula-bottom{grid-template-columns:minmax(0,1fr) minmax(360px,.74fr);gap:74px}
.formula-action-zone{position:relative;z-index:1;display:grid;place-items:center;min-height:160px}
.formula-action-zone>a{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:226px;max-width:100%;padding:15px 21px;border-radius:10px;background:#fff;color:#173f88;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 17px 38px rgba(3,24,57,.24);transition:transform .18s ease,background-color .18s ease}
.formula-action-zone>a:hover{transform:translateY(-2px);background:#eef4ff;color:#123878}
@media(max-width:1050px){.formula-bottom{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:38px}}
@media(max-width:980px){.formula-bottom{grid-template-columns:1fr;gap:26px}.formula-action-zone{justify-self:stretch;width:100%;min-height:110px}.formula-action-zone>a{justify-self:start}}
@media(max-width:620px){.formula-bottom{gap:18px}.formula-bottom:before{right:-12%;width:56%}.formula-bottom:after{right:-38%;width:78%}.formula-action-zone{min-height:96px}.formula-action-zone>a{justify-self:center;width:100%;margin:0}}

/* Keep the account call-to-action compact: copy and action belong to one row,
   without a decorative empty half-card. */
.landing-account{grid-template-columns:minmax(0,1fr) auto;gap:52px;padding:50px 56px}
.landing-account:after{right:-150px;bottom:-250px;width:500px;height:500px;opacity:.48}
.account-action-zone{justify-self:end;min-height:0;place-items:center end}
.landing-account .account-action-zone .account-create{min-width:238px}
@media(max-width:820px){.landing-account{grid-template-columns:1fr;gap:28px}.account-action-zone{justify-self:start;width:auto;min-height:0}.landing-account .account-action-zone .account-create{justify-self:start}}
@media(max-width:640px){.landing-account{padding:34px 24px!important}.account-action-zone{width:100%}.landing-account .account-action-zone .account-create{justify-self:stretch;width:100%}}