.pricing-body{min-height:100vh;background:radial-gradient(ellipse at 68% 16%,#fff4f4a8,transparent 46%),linear-gradient(180deg,#fff,#fcfdff);color:var(--ink)}
.pricing-nav,.pricing-main,.pricing-footer{width:min(1220px,calc(100% - 64px));margin-inline:auto}.pricing-nav{height:84px;display:flex;align-items:center;gap:58px;border-bottom:1px solid #edf0f5}.pricing-nav img{display:block;max-width:100%;height:auto}.pricing-nav nav{display:flex;gap:28px;font-size:13px;font-weight:500}.pricing-nav nav a{color:#677487}.pricing-nav nav a[aria-current]{color:#e2495c}.launch-label{margin-left:auto;font-size:11px;color:#758196;display:flex;gap:7px;align-items:center;white-space:nowrap}.launch-label i{width:5px;height:5px;border-radius:50%;background:#f67a85}.pricing-main{padding:38px 0 0}.pricing-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px;gap:22px}.pricing-eyebrow{font-size:11px;font-weight:650;color:#d75768;margin:0 0 9px}.pricing-heading h1{font-size:clamp(25px,3vw,37px);font-weight:700;letter-spacing:-.055em;line-height:1.35;margin:0 0 8px}.pricing-heading p:last-child{font-size:14px;color:#8490a2;margin:0}.pricing-mobile-break{display:none}.currency-tabs{display:flex;padding:4px;gap:3px;border:1px solid #eceef2;border-radius:10px;background:#f5f6f9;white-space:nowrap;margin-bottom:3px;font-size:11px}.currency-tabs>span{padding:8px 13px;border-radius:7px}.currency-tabs [aria-current]{background:#fff;color:#253247;box-shadow:0 2px 5px #18243709;font-weight:650}.currency-pending{color:#8f99aa}.currency-pending small{font-size:9px;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.price-card{background:#ffffffd9;border:1px solid #e7ebf2;box-shadow:0 3px 8px #23345202;border-radius:16px;padding:23px 22px 18px;position:relative}.plan-name{display:flex;align-items:center;justify-content:space-between;min-height:22px}.plan-name h2{margin:0;font-size:15px;font-weight:750;letter-spacing:-.025em}.plan-description{font-size:11px;color:#8893a3;margin:8px 0 19px;white-space:nowrap}.plan-price{font-size:28px;font-weight:750;letter-spacing:-.055em;line-height:1.2;font-variant-numeric:tabular-nums}.price-prefix,.price-unit{font-size:18px;font-weight:650}.plan-period{font-size:10px;color:#99a3b2;margin:8px 0 22px}.plan-metrics{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:16px}.plan-metrics li{display:flex;align-items:center;gap:9px;line-height:1.2;font-size:11px;color:#69798e}.plan-metrics svg,.credit-icon svg{height:16px;width:16px;fill:none;stroke:#42556d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.plan-metrics strong{font-size:12px;margin-left:auto;color:#26354b;font-weight:650;white-space:nowrap}.plan-metrics strong small{font-size:10px;margin-left:2px;font-weight:500}.plan-metrics .metric-empty{color:#b7bfca}.plan-button{width:100%;border:1px solid #e7eaf0;border-radius:10px;padding:11px 8px;font-size:11px;font-weight:650;background:linear-gradient(180deg,#fff,#fafbfd);color:#626f81;cursor:not-allowed}.recommended{border:1px solid #ff6878;background:linear-gradient(160deg,#fff6f7,#fff 65%);box-shadow:0 5px 20px #f66d7810}.recommended-label{font-size:9px;font-weight:600;color:#fff;background:linear-gradient(120deg,#ff7a7f,#ff455e);padding:4px 10px;border-radius:20px}.featured-button{background:linear-gradient(110deg,#ff6672,#fa425b);border-color:transparent;color:#fff}.credit-strip{margin-top:20px;border:1px solid #e9ecf2;border-radius:14px;background:#ffffffc9;display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px 22px;gap:17px 30px}.credit-copy{display:flex;align-items:center;gap:13px}.credit-icon{height:37px;width:37px;display:grid;place-items:center;border-radius:11px;background:#fff0f2;flex-shrink:0}.credit-icon svg{stroke:#ed6575}.credit-copy h2{font-size:15px;letter-spacing:-.03em;margin:0 0 6px}.credit-copy p{font-size:11px;line-height:1.6;color:#8b96a6;margin:0}.credit-ratio{text-align:right;display:grid;gap:5px}.credit-ratio strong{font-size:16px;letter-spacing:-.025em}.credit-ratio>span{font-size:10px;color:#8b96a6}.credit-costs{grid-column:1/-1;margin-left:50px;display:flex;gap:21px;font-size:10px;color:#8995a6}.credit-costs span+span{border-left:1px solid #edf0f4;padding-left:21px}.credit-costs b{color:#516078;font-weight:600;margin-left:7px}.pricing-notes{font-size:10px;line-height:1.7;color:#919cac;padding-top:12px}.pricing-notes p{margin:3px 0}.pricing-footer{display:flex;gap:22px;border-top:1px solid #edf0f5;margin-top:25px;padding:18px 0;font-size:10px;color:#8c98a8}.pricing-footer>span{margin-right:auto}.pricing-symbols{position:absolute;width:0;height:0;overflow:hidden}.pricing-body a:focus-visible{outline:2px solid #ed6575;outline-offset:5px;border-radius:4px}
@media(min-width:1600px){.pricing-main{padding-top:48px}.pricing-heading{margin-bottom:36px}.price-card{padding:27px 25px 22px}.plan-description{margin-bottom:24px}.plan-metrics{gap:19px}}
@media(min-width:1000px) and (max-height:800px){.pricing-nav{height:66px}.pricing-main{padding-top:24px}.pricing-heading{margin-bottom:24px}.pricing-heading h1{font-size:32px}.price-card{padding:20px 22px 16px}.plan-description{margin:6px 0 12px}.plan-period{margin-bottom:15px}.plan-metrics{gap:13px;margin-bottom:20px}.credit-strip{margin-top:16px;padding:15px 22px;row-gap:11px}.pricing-footer{margin-top:16px;padding-block:14px}}
.pricing-body .plan-button:disabled{opacity:1}.pricing-body .featured-button:disabled{color:#fff}
@media(max-width:960px){.pricing-nav{gap:30px}.pricing-nav nav{gap:17px}.price-card{padding:20px 14px 15px}.plan-description{font-size:10px}.plan-price{font-size:25px}.plan-metrics li{gap:6px;font-size:10px}.plan-metrics strong{font-size:11px}.plan-metrics svg{width:14px;height:14px}.pricing-grid{gap:10px}}
@media(max-width:720px){.pricing-nav,.pricing-main,.pricing-footer{width:calc(100% - 32px)}.pricing-nav{height:70px;gap:15px}.pricing-nav img{width:132px}.pricing-nav nav{margin-left:auto}.pricing-nav nav a{display:none}.pricing-nav nav a[aria-current]{display:block;font-size:12px}.launch-label{display:none}.pricing-main{padding-top:29px}.pricing-heading{align-items:flex-start;margin-bottom:23px;gap:10px}.pricing-heading h1{font-size:26px}.pricing-heading p:last-child{font-size:12px}.pricing-mobile-break{display:block}.currency-tabs{font-size:10px;margin-top:25px}.currency-tabs>span{padding:7px 8px}.currency-pending small{display:none}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-card{padding:19px 16px 16px}.plan-name h2{font-size:14px}.plan-description{font-size:10px;white-space:normal;min-height:16px;margin-bottom:17px}.plan-price{font-size:26px}.price-prefix,.price-unit{font-size:15px}.plan-period{margin-bottom:20px}.plan-metrics{gap:15px;margin-bottom:21px}.plan-metrics li{font-size:10px}.credit-strip{padding:18px 15px;gap:16px;grid-template-columns:1fr}.credit-copy{gap:10px}.credit-copy p{font-size:10px}.credit-copy h2{font-size:14px}.credit-ratio{display:flex;align-items:center;text-align:left;margin-left:47px;gap:12px}.credit-ratio strong{font-size:14px}.credit-costs{margin-left:0;gap:11px;justify-content:center;padding-top:13px;border-top:1px solid #edf0f4}.credit-costs span+span{padding-left:11px}.credit-costs b{margin-left:4px}.pricing-notes{font-size:9px}.pricing-footer{gap:14px}}
.currency-tabs { margin-inline: 0; min-width: 0; }
.currency-tabs label { position: relative; cursor: pointer; }
.currency-tabs label > span { display: block; padding: 8px 13px; border-radius: 7px; color: #8f99aa; }
.currency-tabs input:checked + span { background: #fff; color: #253247; box-shadow: 0 2px 5px #18243709; font-weight: 650; }
.currency-tabs input:focus-visible + span { outline: 2px solid #ed6575; outline-offset: 2px; }
.currency-tabs input:disabled + span { cursor: not-allowed; opacity: .55; }
.pricing-main .currency-usd { display: none; }
.pricing-main:has(input[name="pricing-currency"][value="USD"]:checked) .currency-krw { display: none; }
.pricing-main:has(input[name="pricing-currency"][value="USD"]:checked) .currency-usd { display: inline; }
@media(max-width:720px) { .currency-tabs label > span { padding: 7px 8px; } }
