.content-page.ai-subscription-page .subscription-main{display:flex;flex-direction:column;gap:32px;padding:36px 144px 64px;color:#535f74;font-size:16px;line-height:23px}.subscription-main [hidden]{display:none!important}.subscription-navigation{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.subscription-main .subscription-back{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;color:#535f74;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.subscription-back-icon{width:18px;height:18px;flex:0 0 18px;background:currentColor;mask:url(../assets/share/arrow-left.svg) center / contain no-repeat}.subscription-main .subscription-back:hover{text-decoration:underline}.subscription-heading{display:flex;flex-direction:column;gap:12px}.content-page .subscription-main h1{font:400 40px/58px Libre Baskerville,Baskerville,serif;letter-spacing:0}.subscription-heading>p{font-size:18px;line-height:26px}.subscription-cost{display:flex;align-items:center;gap:32px;padding:20px 28px;border:1px solid #dacbf4;border-radius:20px;background:#f4edff;color:#594372;line-height:23px}.subscription-price{display:flex;flex-shrink:0;align-items:center;gap:10px;color:#535f74;font-size:15px;line-height:22px}.subscription-price strong{color:#7b3aed;font-size:32px;font-weight:600;line-height:46px}.subscription-steps{display:grid;grid-template-columns:minmax(0,656fr) minmax(0,472fr);align-items:start;gap:24px}.subscription-steps>.subscription-card{min-height:408px}.subscription-card{display:flex;min-width:0;flex-direction:column;gap:20px;padding:28px;border:1px solid #d5e3ed;border-radius:24px;background:#fff}.subscription-main h2{display:flex;align-items:center;gap:12px;font:400 24px/35px Libre Baskerville,Baskerville,serif;letter-spacing:0}.subscription-step{flex:0 0 28px;color:#7b3aed;font:600 14px/20px Site Inter,system-ui,sans-serif}.subscription-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.subscription-main .subscription-connection[data-connected=true]{color:#287648}.subscription-choices{display:flex;min-width:0;gap:12px;margin:0;padding:0;border:0}.subscription-choices label{position:relative;display:block;cursor:pointer}.subscription-choices label>span{display:flex;align-items:center;justify-content:center}.subscription-ai-choices label>span{justify-content:flex-start;gap:12px;width:180px;min-height:64px;padding:14px 20px;border:2px solid #e4e8ed;border-radius:16px;color:#050b1a;font-size:17px;font-weight:600}.subscription-ai-choices img{width:26px;height:26px;object-fit:contain}.subscription-ai-choices input:checked+span{border-color:#7b3aed;background:#f4edff}.subscription-choices input:focus-visible+span{outline:2px solid #7b3aed;outline-offset:4px}.subscription-choices input:disabled+span{cursor:default;opacity:.65}.subscription-key-choices{gap:8px}.subscription-key-choices label>span{min-height:36px;padding:8px 16px;border-radius:999px;background:#f5f6fa;color:#535f74;font-size:14px;font-weight:500;line-height:20px}.subscription-key-choices input:checked+span{background:#f4edff;color:#7b3aed}.subscription-key-form{display:flex;min-width:0;flex-direction:column;gap:20px;margin:0}.subscription-provider-row{display:flex;align-items:center;gap:16px}.subscription-provider-row .subscription-key-choices{flex-shrink:0}.subscription-key-tip{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:10px;background:#f4edff;color:#594372;font-size:14px;line-height:20px}.subscription-key-tip strong{color:#593080;font-weight:600}.subscription-main .subscription-input{display:block;width:100%;min-width:0;height:50px;margin:0;padding:0 16px;border:1px solid #d5dfe7;border-radius:12px;background:#f8fafc;color:#374359;font:400 14px/22px Site Inter,system-ui,sans-serif;box-shadow:none}.subscription-main .subscription-input::placeholder{color:#7e8698;opacity:1}.subscription-main .subscription-input:disabled{opacity:1}.subscription-copy-row{display:flex;align-items:center;gap:12px}.subscription-copy-row .subscription-input{flex:0 1 424px}.subscription-main :is(.subscription-button,.subscription-connection){display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 24px;border:1px solid #c6ccd6;border-radius:999px;color:#283244;background:#dfe3e9;box-shadow:inset 0 1px #ffffffd1,0 10px 24px #232a3b26;backdrop-filter:blur(26px) saturate(1.45);font:700 14px/20px Site Inter,system-ui,sans-serif;text-align:center;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.subscription-main :is(.subscription-button,.subscription-connection):hover:not(:disabled){border-color:#b5becc;background:#cfd6e0;box-shadow:inset 0 1px #ffffffe0,0 12px 26px #232a3b2e;transform:translateY(-1px)}.subscription-main .subscription-button-primary{width:100%;border-color:#6c28d9;color:#fff;background:#7b3aed;box-shadow:inset 0 1px #ffffff47,0 8px 18px color-mix(in srgb,#7b3aed 14%,transparent),0 2px 5px #232a3b0a}.subscription-main .subscription-button-primary:hover:not(:disabled){border-color:#6c28d9;background:var(--accent-725);box-shadow:inset 0 1px #ffffff4d,0 10px 22px color-mix(in srgb,#7b3aed 18%,transparent),0 3px 7px #232a3b0d}.subscription-main :is(.subscription-button,.subscription-connection):focus-visible{outline:3px solid #7b3aed;outline-offset:4px}.subscription-main :is(.subscription-button,.subscription-connection):disabled{cursor:default;opacity:.6}.subscription-main .subscription-key-link{flex:1;min-width:0;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.subscription-main .subscription-key-link:hover{text-decoration:underline}.subscription-main .subscription-feedback{color:#535f74;font-size:14px;line-height:20px;overflow-wrap:anywhere}.subscription-main .subscription-feedback[data-error=true]{color:#ad283b}.subscription-first-document{flex-direction:row;align-items:center;gap:32px;padding:24px 28px}.subscription-example{display:block;flex:0 1 360px;min-width:0}.subscription-example img{display:block;width:100%;height:auto}.subscription-document-copy{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:16px}.subscription-document-copy>p{font-size:17px;line-height:25px}.subscription-prompt-box{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #d5dfe7;border-radius:12px;background:#f8fafc}.subscription-document-copy .subscription-prompt{flex:1;min-width:0;color:#374359;font-size:16px;font-weight:400;font-style:italic;line-height:25px;user-select:all;-webkit-user-select:all}.subscription-usage{gap:20px;line-height:26px;box-shadow:0 8px 24px #274f6c06}.subscription-usage-group{display:flex;flex-direction:column;gap:8px}.subscription-usage-label{color:#374359;font-weight:600}.subscription-usage ul{margin:0;padding-left:22px}.subscription-usage li+li{margin-top:2px}.subscription-usage li::marker{color:#7b3aed}.subscription-usage-item{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}.subscription-usage-note{color:#7b3aed;font-weight:500}.subscription-usage-billing{font-size:14px;line-height:22px}.subscription-usage-tip{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}.subscription-usage-tip a{font-weight:500}.subscription-usage-alternative{font-size:14px;line-height:22px}@media(max-width:1200px){.content-page.ai-subscription-page .subscription-main{padding-inline:32px}.subscription-card-heading{flex-wrap:wrap;gap:8px}.subscription-example{flex-basis:32%}}@media(max-width:900px){.subscription-steps{grid-template-columns:minmax(0,1fr)}.subscription-steps>.subscription-card{min-height:0}.subscription-first-document{flex-direction:column;align-items:stretch}.subscription-example{flex-basis:auto;width:360px;max-width:100%;align-self:center}.subscription-cost{flex-wrap:wrap;gap:8px 24px}}@media(max-width:600px){.content-page.ai-subscription-page .subscription-main{gap:24px;padding:24px 16px 40px}.content-page .subscription-main h1{font-size:30px;line-height:43px}.subscription-heading>p{font-size:17px}.subscription-card{padding:24px 20px;border-radius:20px}.subscription-cost{padding:16px 20px}.subscription-main h2{gap:16px;font-size:21px;line-height:32px}.subscription-ai-choices label{flex:1 1 0;min-width:0}.subscription-ai-choices label>span{width:100%;padding-inline:14px}.subscription-copy-row{flex-wrap:wrap}.subscription-copy-row .subscription-input{flex:1 1 100%}.subscription-prompt-box{flex-direction:column;align-items:stretch;gap:12px}.subscription-prompt-box .subscription-button{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.subscription-choices label>span,.subscription-main :is(.subscription-button,.subscription-connection){transition:none}}