/* NJ-102256: Japanese /usage/price renewal (PC).
 * Ported from nj-102256-pc.html; every rule is scoped under .usage-price-renewal.
 * Preview-only rules (html/body, chrome images, .member, .showhot) are removed. */
/* Smooth in-page scrolling (as in the handoff). This file is loaded only by the renewed pricing page,
 * so the html rule does not reach other pages. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth }
}
/* In-page link targets stop below the fixed #global_menu (52px once scrolled) + 16px. */
.usage-price-renewal .lp-sec { scroll-margin-top: 68px }
.usage-price-renewal .lp { width:1920px;background:#fff;color-scheme:light }
.usage-price-renewal .lp .lp-main { width:1036px;flex:none;display:flex;flex-direction:column;gap:64px;padding-bottom:83px }
.usage-price-renewal .lp { font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;color:#191919;line-height:1.5;-webkit-font-smoothing:antialiased }
.usage-price-renewal .lp *, .usage-price-renewal .lp *::before, .usage-price-renewal .lp *::after { box-sizing:border-box;margin:0;padding:0 }
.usage-price-renewal .lp img, .usage-price-renewal .lp svg { display:block;max-width:none }
.usage-price-renewal .lp a { color:inherit;text-decoration:none }
.usage-price-renewal .lp button { font:inherit;border:0;background:none;cursor:pointer;color:inherit;text-align:inherit }
.usage-price-renewal .lp ul, .usage-price-renewal .lp ol { list-style:none }
.usage-price-renewal .lp table { border-collapse:collapse }
.usage-price-renewal .lp .lp-sec { width:1036px }
.usage-price-renewal .lp a:focus-visible, .usage-price-renewal .lp button:focus-visible, .usage-price-renewal .lp summary:focus-visible, .usage-price-renewal .sp a:focus-visible, .usage-price-renewal .sp button:focus-visible, .usage-price-renewal .sp summary:focus-visible { outline:2px solid rgba(9,40,70,.3);outline-offset:2px }
.usage-price-renewal :is(.lp,.sp) .btn, .usage-price-renewal :is(.lp,.sp) .links a, .usage-price-renewal :is(.lp,.sp) .faq summary { position:relative }
.usage-price-renewal :is(.lp,.sp) .btn::before, .usage-price-renewal :is(.lp,.sp) .links a::before, .usage-price-renewal :is(.lp,.sp) .faq summary::before { content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(0,0,0,.04);opacity:0;pointer-events:none;transition:opacity 150ms ease }
.usage-price-renewal :is(.lp,.sp) .links a { border-radius:4px }
.usage-price-renewal :is(#sec-01,#sp-01) ul.links { width:auto;margin:0 -8px;column-gap:8px }
.usage-price-renewal :is(#sec-01,#sp-01) ul.links a { padding:0 8px }
.usage-price-renewal :is(.lp,.sp) .faq summary { border-radius:7px }
.usage-price-renewal :is(.lp,.sp) .faq[open] summary { border-radius:7px 7px 0 0 }
.usage-price-renewal :is(#sec-10,#sp-10) .faq[open] summary { padding-bottom:12px }
.usage-price-renewal :is(#sec-10,#sp-10) .faq[open] .ans { padding-top:8px }
@media (hover:hover) {
.usage-price-renewal :is(.lp,.sp) .btn:hover::before, .usage-price-renewal :is(.lp,.sp) .links a:hover::before, .usage-price-renewal :is(.lp,.sp) .faq summary:hover::before { opacity:1 }
}
.usage-price-renewal :is(#sec-02,#sp-02) .btn-primary::before, .usage-price-renewal :is(#sec-12,#sp-12) .btn::before { background:rgba(255,255,255,.1) }
.usage-price-renewal :is(#sec-02,#sp-02) .notes .link, .usage-price-renewal :is(#sec-03,#sp-03) .price .lnk, .usage-price-renewal :is(#sec-10,#sp-10) .faq .ans .rel, .usage-price-renewal :is(#sec-12,#sp-12) .more { transition:opacity 150ms ease }
.usage-price-renewal :is(#sec-10,#sp-10) .faq .ans .rel { text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font }
@media (hover:hover) {
.usage-price-renewal :is(#sec-02,#sp-02) .notes .link:hover, .usage-price-renewal :is(#sec-03,#sp-03) .price .lnk:hover, .usage-price-renewal :is(#sec-10,#sp-10) .faq .ans .rel:hover, .usage-price-renewal :is(#sec-12,#sp-12) .more:hover { opacity:.8 }
}
.usage-price-renewal :is(.lp,.sp) .ref { font-size:12px;font-weight:400;line-height:inherit;color:#6b6b6b }
.usage-price-renewal #sec-00 { text-spacing-trim:space-all;line-break:strict;display:flex;align-items:center;gap:32px;padding:0 40px 0;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-00 .hero-text { flex:1 0 0;min-width:1px;display:flex;flex-direction:column;gap:32px;overflow:hidden }
.usage-price-renewal #sec-00 h2 { font-size:48px;font-weight:700;line-height:55px;letter-spacing:-0.48px;color:#191919 }
.usage-price-renewal #sec-00 .intro { display:flex;flex-direction:column;gap:12px }
.usage-price-renewal #sec-00 .intro p { font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-01 { text-spacing-trim:space-all;line-break:strict;display:flex;flex-direction:column;gap:8px;padding:0 40px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-01 .links { display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:4px 24px;width:996px;overflow:hidden }
.usage-price-renewal #sec-01 .links li { display:flex }
.usage-price-renewal #sec-01 .links a { display:flex;align-items:center;gap:6px;min-height:44px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-01 .links a span { font-size:16px;font-weight:700;line-height:1.6;white-space:nowrap }
.usage-price-renewal #sec-01 .ic { display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;overflow:hidden;flex-shrink:0;color:#191919 }
.usage-price-renewal #sec-01 .ic svg { width:20px;height:20px }
.usage-price-renewal #sec-02 { text-spacing-trim:space-all;line-break:strict;display:flex;flex-direction:column;gap:32px;padding:0 40px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-02 .h2 { display:flex;flex-direction:column;gap:16px;overflow:hidden }
.usage-price-renewal #sec-02 .h2 h2 { font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-02 .h2 .bar { display:block;width:48px;height:4px;background:#f1890e }
.usage-price-renewal #sec-02 .plans { display:flex;align-items:stretch;gap:8px;padding-top:16px }
.usage-price-renewal #sec-02 .plan { position:relative;flex:1 0 0;min-width:1px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e3e3e3 }
.usage-price-renewal #sec-02 .plan-premium { border-radius:8px }
.usage-price-renewal #sec-02 .plan-family { border-radius:12px }
.usage-price-renewal #sec-02 .head { width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px 16px;border-top:12px solid;border-radius:8px 8px 0 0;overflow:hidden }
.usage-price-renewal #sec-02 .plan-premium .head { border-top-color:#f1890e }
.usage-price-renewal #sec-02 .plan-family .head { border-top-color:#00b4e1 }
.usage-price-renewal #sec-02 .head h3 { width:100%;font-size:20px;font-weight:700;line-height:30px;text-align:center;color:#191919 }
.usage-price-renewal #sec-02 .price { display:flex;align-items:baseline;gap:2px;overflow:hidden;color:#191919;white-space:nowrap }
.usage-price-renewal #sec-02 .price .m { width:34px;flex-shrink:0;font-size:13px;font-weight:400;line-height:17px }
.usage-price-renewal #sec-02 .plan-family .price .m { width:33px }
.usage-price-renewal #sec-02 .price .num { font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px }
.usage-price-renewal #sec-02 .price .tax { font-size:12px;font-weight:400;line-height:16px }
.usage-price-renewal #sec-02 .line { width:100%;display:flex;flex-direction:column;justify-content:center;padding:4px 0;border-top:1px solid;border-bottom:1px solid;overflow:hidden }
.usage-price-renewal #sec-02 .line p { font-size:13px;font-weight:400;line-height:17px;text-align:center;color:#191919 }
.usage-price-renewal #sec-02 .plan-premium .line { height:59px;align-items:stretch;border-color:#f1890e }
.usage-price-renewal #sec-02 .plan-family .line { height:59px;align-items:center;border-color:#00b4e1 }
.usage-price-renewal #sec-02 .plan-family .line p { width:307px }
.usage-price-renewal #sec-02 .body { width:100%;flex:1 0 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:50px;padding:16px;overflow:hidden }
.usage-price-renewal #sec-02 .plan-premium .body { border-radius:0 0 0 12px }
.usage-price-renewal #sec-02 .top { display:flex;flex-direction:column;gap:12px }
.usage-price-renewal #sec-02 .chips { display:flex;align-items:flex-start;gap:4px;overflow:hidden }
.usage-price-renewal #sec-02 .chips li { flex:1 0 0;min-width:1px;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:hidden }
.usage-price-renewal #sec-02 .chips .ci { width:30px;height:30px;flex-shrink:0 }
.usage-price-renewal #sec-02 .chips span { width:100%;font-size:12px;font-weight:400;line-height:16px;text-align:center }
.usage-price-renewal #sec-02 .chips .on .ci { color:#092846 }
.usage-price-renewal #sec-02 .chips .on span { color:#191919 }
.usage-price-renewal #sec-02 .chips .off .ci { color:#ccc }
.usage-price-renewal #sec-02 .chips .off span { color:#b3b3b3 }
.usage-price-renewal #sec-02 .rows { display:flex;flex-direction:column;overflow:hidden }
.usage-price-renewal #sec-02 .rows li { display:flex;align-items:center;gap:6px;min-height:40px;padding:4px 0;overflow:hidden }
.usage-price-renewal #sec-02 .rows li.off { padding-left:24px }
.usage-price-renewal #sec-02 .rows .ck { width:18px;height:18px;flex-shrink:0 }
.usage-price-renewal #sec-02 .plan-premium .rows .ck { color:#f1890e }
.usage-price-renewal #sec-02 .plan-family .rows .ck { color:#00b4e1 }
.usage-price-renewal #sec-02 .rows span { flex:1 0 0;min-width:1px;font-size:14px;font-weight:400;line-height:22px;color:#191919 }
.usage-price-renewal #sec-02 .rows .off span { color:#b3b3b3 }
.usage-price-renewal #sec-02 .bottom { display:flex;flex-direction:column;gap:8px }
.usage-price-renewal #sec-02 .btn { display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:40px;padding:0 20px;border-radius:9999px;font-size:14px;font-weight:700;line-height:14px;letter-spacing:0.07px;white-space:nowrap }
.usage-price-renewal #sec-02 .btn .chev { width:20px;height:20px;flex-shrink:0 }
.usage-price-renewal #sec-02 .btn-primary { background:#f1890e;color:#fff }
.usage-price-renewal #sec-02 .btn-secondary { background:#fff;border:1px solid #ccc;color:#191919 }
.usage-price-renewal #sec-02 .cap { font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-02 .family-list { display:flex;flex-direction:column;gap:4px;overflow:hidden;font-size:13px;font-weight:400;line-height:17px;color:#6b6b6b }
.usage-price-renewal #sec-02 .tag { position:absolute;top:-42px;left:50%;transform:translateX(-50%);width:198px;height:47px;display:flex;align-items:center;justify-content:center;padding:4px 16px;background:#f1890e;border-radius:12px 12px 0 0;color:#fff;font-size:16px;font-weight:700;line-height:16px;letter-spacing:0.08px;white-space:nowrap }
.usage-price-renewal #sec-02 .notes { display:flex;flex-direction:column;gap:4px;overflow:hidden;font-size:16px;font-weight:400;line-height:26px;color:#6b6b6b }
.usage-price-renewal #sec-02 .notes .link { color:#1e73dc;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font }
.usage-price-renewal #sec-03 { text-spacing-trim:space-all;line-break:strict;display:flex;flex-direction:column;gap:24px;height:858px;padding:48px 40px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-03 .h2 { display:flex;flex-direction:column;gap:8px;overflow:hidden }
.usage-price-renewal #sec-03 .h2 h2 { font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#092846 }
.usage-price-renewal #sec-03 .h2 .bar { display:block;width:48px;height:4px;background:#f1890e }
.usage-price-renewal #sec-03 .formula { display:flex;align-items:center;gap:16px;overflow:hidden }
.usage-price-renewal #sec-03 .panel { display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:8px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-03 .panel-base { align-self:stretch;flex-shrink:0 }
.usage-price-renewal #sec-03 .panel-opt { flex:1 0 0;min-width:1px }
.usage-price-renewal #sec-03 .panel-ttl { font-size:14px;font-weight:700;line-height:22px }
.usage-price-renewal #sec-03 .plus { flex-shrink:0;width:24px;height:27px;font-size:24px;font-weight:700;line-height:34px;color:#6b6b6b }
.usage-price-renewal #sec-03 .minis { display:flex;align-items:flex-start;justify-content:space-between;gap:6px;white-space:nowrap }
.usage-price-renewal #sec-03 .mini { display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:#fff;border:1px solid;border-top-width:16px;border-radius:4px;overflow:hidden;flex-shrink:0 }
.usage-price-renewal #sec-03 .mini-premium { width:180px;flex:1 0 0;min-height:1px;justify-content:center;border-color:#f1890e }
.usage-price-renewal #sec-03 .mini-annual { border-color:#c62450 }
.usage-price-renewal #sec-03 .mini-native { align-self:stretch;border-color:#d15528 }
.usage-price-renewal #sec-03 .mini-callan { align-self:stretch;border-color:#1960b7 }
.usage-price-renewal #sec-03 .mini-n { font-size:14px;font-weight:700;line-height:22px;white-space:nowrap }
.usage-price-renewal #sec-03 .mini-p { font-size:14px;font-weight:400;line-height:22px }
.usage-price-renewal #sec-03 .mini-premium .mini-p { width:100% }
.usage-price-renewal #sec-03 .opt { flex:1 0 0;min-height:1px;display:flex;align-items:center;gap:24px;padding:24px;background:#fff;border:1px solid;border-left-width:16px;border-radius:8px;overflow:hidden }
.usage-price-renewal #sec-03 .opt-annual { border-color:#c62450 }
.usage-price-renewal #sec-03 .opt-native { border-color:#d15528 }
.usage-price-renewal #sec-03 .opt-callan { border-color:#1960b7 }
.usage-price-renewal #sec-03 .tile { display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0;border-radius:4px;overflow:hidden }
.usage-price-renewal #sec-03 .tile img { width:60px;height:60px;border-radius:9999px;object-fit:cover }
.usage-price-renewal #sec-03 .txt { flex:1 0 0;min-width:1px;display:flex;flex-direction:column;gap:4px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-03 .txt h3 { font-size:20px;font-weight:700;line-height:30px }
.usage-price-renewal #sec-03 .txt .desc { font-size:14px;font-weight:400;line-height:22px }
.usage-price-renewal #sec-03 .txt .note { font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-03 .price { display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;overflow:hidden;font-weight:700;white-space:nowrap }
.usage-price-renewal #sec-03 .opt-annual .price { width:238px }
.usage-price-renewal #sec-03 .price .p { display:flex;flex-direction:column;align-items:flex-start;gap:4px;overflow:hidden;color:#092846 }
.usage-price-renewal #sec-03 .opt-callan .price .p { justify-content:center }
.usage-price-renewal #sec-03 .price .lbl { font-size:14px;line-height:22px }
.usage-price-renewal #sec-03 .price .amt { display:flex;align-items:flex-end;gap:4px }
.usage-price-renewal #sec-03 .price .num { font-size:32px;line-height:42px;letter-spacing:-0.16px }
.usage-price-renewal #sec-03 .price .per { font-size:14px;line-height:22px }
.usage-price-renewal #sec-03 .opt-annual .price .per { width:79px;height:27px }
.usage-price-renewal #sec-03 .price .lnk { font-size:14px;line-height:22px;color:#1e73dc;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font }
/* NJ-102256 R4: an option price is hidden. Size to content instead of the fixed design height, and keep the chips together. */
.usage-price-renewal #sec-03.is-partial { height:auto }
.usage-price-renewal #sec-03.is-partial .opt { flex:none }
.usage-price-renewal #sec-03.is-partial .minis { justify-content:flex-start;gap:24px }
.usage-price-renewal #sec-03.is-partial .mini-premium { flex:1 0 auto }
.usage-price-renewal #sec-04 { text-spacing-trim:space-all;line-break:strict;display:flex;flex-direction:column;gap:24px;height:545px;padding:0 40px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-04 .h2 { display:flex;flex-direction:column;gap:8px;overflow:hidden }
.usage-price-renewal #sec-04 .h2 h2 { font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-04 .h2 .bar { display:block;width:40px;height:3px;background:#f1890e }
.usage-price-renewal #sec-04 .tbl-wrap { display:flex;flex-direction:column;overflow:hidden }
/* NJ-102256 R4: a row or note is hidden. Size to content so no blank band is left under the table. */
.usage-price-renewal #sec-04.is-partial { height:auto }
.usage-price-renewal #sec-04 .tbl, .usage-price-renewal #sec-04 .tbl thead, .usage-price-renewal #sec-04 .tbl tbody { display:flex;flex-direction:column;width:956px }
.usage-price-renewal #sec-04 .tbl tr { display:flex;align-items:flex-start;width:956px;overflow:hidden }
.usage-price-renewal #sec-04 .tbl th, .usage-price-renewal #sec-04 .tbl td { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;overflow:hidden;font-weight:700;color:#191919;text-align:center }
.usage-price-renewal #sec-04 .tbl .head { gap:10px }
.usage-price-renewal #sec-04 .tbl .head th { height:54px;font-size:14px;line-height:22px }
.usage-price-renewal #sec-04 .tbl .head .c-plan { width:341px;flex-shrink:0;align-items:stretch;text-align:left }
.usage-price-renewal #sec-04 .tbl .head .c-h { flex:1 0 0;min-width:1px;border-radius:8px 8px 0 0;color:#fff }
.usage-price-renewal #sec-04 .tbl .head .c-base { background:#092846 }
.usage-price-renewal #sec-04 .tbl .head .c-callan { background:#1960b7 }
.usage-price-renewal #sec-04 .tbl .head .c-native { background:#d15528 }
.usage-price-renewal #sec-04 .tbl tbody th, .usage-price-renewal #sec-04 .tbl tbody td { height:90px;background:#fff;border:0 solid #ccc }
.usage-price-renewal #sec-04 .tbl tbody tr { gap:10px }
.usage-price-renewal #sec-04 .tbl tbody th { width:341px;flex-shrink:0;font-size:14px;line-height:22px }
.usage-price-renewal #sec-04 .tbl tbody td { flex:1 0 0;min-width:1px;font-size:18px;line-height:27px }
.usage-price-renewal #sec-04 .tbl .r1 th { background:none;border-top-width:1px }
.usage-price-renewal #sec-04 .tbl .r2 th, .usage-price-renewal #sec-04 .tbl .r2 td { border-top-width:1px }
.usage-price-renewal #sec-04 .tbl .r3 th, .usage-price-renewal #sec-04 .tbl .r3 td { border-top-width:1px;border-bottom-width:1px }
.usage-price-renewal #sec-04 .notes { display:flex;flex-direction:column;gap:4px;overflow:hidden;font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-05 { text-spacing-trim:space-all;line-break:strict;display:flex;flex-direction:column;align-items:center;gap:24px;padding:0 40px;overflow:hidden;color:#191919 }
.usage-price-renewal #sec-05 .h2 { display:flex;flex-direction:column;gap:8px;width:100%;overflow:hidden }
.usage-price-renewal #sec-05 .h2 h2 { font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-05 .h2 .bar { display:block;width:48px;height:4px;background:#f1890e }
.usage-price-renewal #sec-05 .lead { width:100%;font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-05 .tbl, .usage-price-renewal #sec-05 .tbl thead, .usage-price-renewal #sec-05 .tbl tbody { display:flex;flex-direction:column;width:676px }
.usage-price-renewal #sec-05 .tbl { overflow:hidden }
.usage-price-renewal #sec-05 .tbl tr { display:flex;width:676px;overflow:hidden;border-bottom:2px solid #e3e3e3 }
.usage-price-renewal #sec-05 .tbl th, .usage-price-renewal #sec-05 .tbl td { display:flex;flex-direction:column;justify-content:center;padding:16px 12px;overflow:hidden;font-weight:700;color:#191919 }
.usage-price-renewal #sec-05 .tbl .head { align-items:flex-start }
.usage-price-renewal #sec-05 .tbl .head .c1 { width:280px;height:54px;flex-shrink:0;align-items:flex-start;text-align:left;font-size:18px;line-height:27px;white-space:nowrap }
.usage-price-renewal #sec-05 .tbl .head .c2 { flex:1 0 0;min-width:1px;align-self:stretch;align-items:center;text-align:center;background:#092846;border-radius:8px 8px 0 0;color:#fff;font-size:14px;line-height:22px }
.usage-price-renewal #sec-05 .tbl tbody tr { height:95px;align-items:center }
.usage-price-renewal #sec-05 .tbl tbody th { width:280px;height:70px;flex-shrink:0;align-items:flex-start;text-align:left;font-size:18px;line-height:27px }
.usage-price-renewal #sec-05 .tbl tbody td { flex:1 0 0;min-width:1px;height:70px;align-items:center;text-align:center;font-size:20px;line-height:30px }
.usage-price-renewal #sec-05 .notes { display:flex;flex-direction:column;gap:4px;width:100%;overflow:hidden;font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-06 { line-break:strict;text-spacing-trim:space-all;display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:0 40px }
.usage-price-renewal #sec-06 .head { display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100% }
.usage-price-renewal #sec-06 .sec-head { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100% }
.usage-price-renewal #sec-06 .sec-head h2 { width:100%;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-06 .sec-head .bar { display:block;width:48px;height:4px;background:#f1890e }
.usage-price-renewal #sec-06 .lead { width:100%;font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-06 .cols { display:flex;align-items:stretch;gap:16px;width:100% }
.usage-price-renewal #sec-06 .col { display:flex;flex-direction:column;align-items:flex-start;gap:16px }
.usage-price-renewal #sec-06 .col-l { flex-shrink:0;width:380px }
.usage-price-renewal #sec-06 .col-r { flex:1 0 0;min-width:1px }
.usage-price-renewal #sec-06 .tile { display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:24px;background:#fff;border:1px solid #ccc;border-radius:12px;overflow:hidden }
.usage-price-renewal #sec-06 .tile-heat { height:559px;flex-shrink:0 }
.usage-price-renewal #sec-06 .tile-row { flex-direction:row;align-items:center }
.usage-price-renewal #sec-06 .tile-grow { flex:1 0 0;min-height:1px }
.usage-price-renewal #sec-06 .t-text { flex:1 0 0;min-width:1px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;overflow:hidden }
.usage-price-renewal #sec-06 .num { font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919;white-space:nowrap }
.usage-price-renewal #sec-06 .num .unit { font-size:16px;line-height:26px }
.usage-price-renewal #sec-06 .t-body { width:100%;font-size:14px;font-weight:400;line-height:22px;color:#191919 }
.usage-price-renewal #sec-06 .t-muted { color:#6b6b6b }
.usage-price-renewal #sec-06 .t-cap { width:100%;font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-06 .t-title { width:100%;font-size:20px;font-weight:700;line-height:30px;color:#191919 }
.usage-price-renewal #sec-06 .visual { position:relative;flex-shrink:0;width:108px;height:98px;overflow:hidden }
.usage-price-renewal #sec-06 .pill { position:absolute;width:32px;border-radius:9999px }
.usage-price-renewal #sec-06 .pill1 { left:0;top:54px;height:44px;background:#f7be7a }
.usage-price-renewal #sec-06 .pill2 { left:38px;top:36px;height:62px;background:#f1890e }
.usage-price-renewal #sec-06 .pill3 { left:76px;top:12px;height:86px;background:#c7710c }
.usage-price-renewal #sec-06 .clock { position:absolute;left:18px;top:13px;display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#f4a343;border-radius:9999px;color:#fff;overflow:hidden }
.usage-price-renewal #sec-06 .clock svg { width:36px;height:36px;flex-shrink:0 }
.usage-price-renewal #sec-06 .dot-rows { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100% }
.usage-price-renewal #sec-06 .dot-rows li { display:flex;align-items:center;gap:8px;width:100%;overflow:hidden }
.usage-price-renewal #sec-06 .dr-label { flex-shrink:0;width:104px;font-size:13px;font-weight:400;line-height:17px;color:#191919 }
.usage-price-renewal #sec-06 .dots { display:flex;gap:4px;flex-shrink:0;width:176px;height:14px }
.usage-price-renewal #sec-06 .dots i { display:block;width:14px;height:14px;border-radius:50%;background:#b3b3b3 }
.usage-price-renewal #sec-06 .dots i.on { background:#f1890e }
.usage-price-renewal #sec-06 .dr-val { flex-shrink:0;font-size:14px;font-weight:700;line-height:22px;color:#191919;white-space:nowrap }
.usage-price-renewal #sec-06 .bars { display:flex;align-items:flex-end;gap:16px;width:100%;overflow:hidden }
.usage-price-renewal #sec-06 .bars li { flex:1 0 0;min-width:1px;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden }
.usage-price-renewal #sec-06 .b-val { font-size:14px;font-weight:700;line-height:22px;color:#191919;white-space:nowrap }
.usage-price-renewal #sec-06 .b-bar { display:block;flex-shrink:0;background:#f1890e;border-radius:9999px }
.usage-price-renewal #sec-06 .b1 { width:18px;height:42px }
.usage-price-renewal #sec-06 .b2 { width:17px;height:56px }
.usage-price-renewal #sec-06 .b3 { width:18px;height:48px }
.usage-price-renewal #sec-06 .b4 { width:16px;height:32px }
.usage-price-renewal #sec-06 .b5 { width:17px;height:17px }
.usage-price-renewal #sec-06 .b-lbl { font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b;text-align:center;white-space:nowrap }
.usage-price-renewal #sec-06 .heat-wrap { width:100% }
.usage-price-renewal #sec-06 .heat { table-layout:fixed;width:520px;margin:-4px;border-collapse:separate;border-spacing:4px }
.usage-price-renewal #sec-06 .hc-day { width:28px }
.usage-price-renewal #sec-06 .heat th, .usage-price-renewal #sec-06 .heat td { padding:0;text-align:center;vertical-align:middle }
.usage-price-renewal #sec-06 .heat thead tr { height:17px }
.usage-price-renewal #sec-06 .heat thead th { font-size:13px;font-weight:400;line-height:17px;color:#6b6b6b;white-space:nowrap;vertical-align:top }
.usage-price-renewal #sec-06 .heat tbody tr { height:40px }
.usage-price-renewal #sec-06 .heat tbody th { font-size:14px;font-weight:700;line-height:22px;color:#191919 }
.usage-price-renewal #sec-06 .heat .c { display:block;margin:0 auto;border-radius:50% }
.usage-price-renewal #sec-06 .heat .low { width:14px;height:14px;background:#fbd9b2 }
.usage-price-renewal #sec-06 .heat .mid { width:24px;height:24px;background:#f4a343 }
.usage-price-renewal #sec-06 .heat .mid-dk { width:24px;height:24px;background:#c7710c }
.usage-price-renewal #sec-06 .heat .high { width:36px;height:36px;background:#c7710c }
.usage-price-renewal #sec-06 .heat .mt { width:14px;height:14px;background:#ccc }
.usage-price-renewal #sec-06 .legend { display:flex;align-items:center;gap:16px }
.usage-price-renewal #sec-06 .legend li { display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;line-height:17px;color:#191919;white-space:nowrap }
.usage-price-renewal #sec-06 .lg { display:block;flex-shrink:0;border-radius:50% }
.usage-price-renewal #sec-06 .lg-high { width:13px;height:13px;background:#c7710c }
.usage-price-renewal #sec-06 .lg-mid { width:13px;height:13px;background:#f4a343 }
.usage-price-renewal #sec-06 .lg-low { width:13px;height:13px;background:#fbd9b2 }
.usage-price-renewal #sec-06 .lg-mt { width:13px;height:13px;background:#ccc }
.usage-price-renewal #sec-06 .period { width:100%;font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-07 { line-break:strict;text-spacing-trim:space-all;display:flex;flex-direction:column;align-items:flex-start;gap:40px;padding:0 40px;background:#fff }
.usage-price-renewal #sec-07 .sec-head { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100% }
.usage-price-renewal #sec-07 .sec-head h2 { width:100%;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-07 .sec-head .bar { display:block;width:48px;height:4px;background:#f1890e }
.usage-price-renewal #sec-07 .tbl-wrap { width:100%;overflow:hidden }
.usage-price-renewal #sec-07 .cmp { table-layout:fixed;width:976px;margin:0 -10px;border-collapse:separate;border-spacing:10px 0 }
.usage-price-renewal #sec-07 .c-label { width:174px }
.usage-price-renewal #sec-07 .c-nc { width:281px }
.usage-price-renewal #sec-07 .c-ot { width:235.5px }
.usage-price-renewal #sec-07 .cmp th, .usage-price-renewal #sec-07 .cmp td { padding:16px 12px;vertical-align:middle;text-align:center;font-weight:400 }
.usage-price-renewal #sec-07 .r-head { height:92px }
.usage-price-renewal #sec-07 .r-head .corner { padding:0 }
.usage-price-renewal #sec-07 .r-head .h-nc { height:92px;background:#092846;border-radius:8px 8px 0 0 }
.usage-price-renewal #sec-07 .h-nc-in { display:flex;flex-direction:column;align-items:center;gap:4px }
.usage-price-renewal #sec-07 .h-nc-in img { width:195.3px;height:24.25px }
.usage-price-renewal #sec-07 .h-nc-in span { display:block;width:100%;font-size:14px;font-weight:700;line-height:22px;color:#fff }
.usage-price-renewal #sec-07 .r-head .h-ot { padding:0;vertical-align:bottom }
.usage-price-renewal #sec-07 .h-ot-in { display:flex;align-items:center;justify-content:center;height:54px;padding:16px 12px;background:#6b6b6b;border-radius:8px 8px 0 0;font-size:14px;font-weight:700;line-height:22px;color:#fff }
.usage-price-renewal #sec-07 .r-90 { height:90px }
.usage-price-renewal #sec-07 .r-91 { height:91px }
.usage-price-renewal #sec-07 .cmp tbody th { background:#fff;border-top:1px solid #e3e3e3;font-size:14px;font-weight:700;line-height:22px;color:#191919 }
.usage-price-renewal #sec-07 tbody .nc { background:#fcf8f3;border-left:3px solid #092846;border-right:3px solid #092846;color:#191919 }
.usage-price-renewal #sec-07 tbody .nc { position:relative }
.usage-price-renewal #sec-07 tbody tr+tr .nc::before { content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:#e3e3e3 }
.usage-price-renewal #sec-07 tbody .ot { background:#fff;border-top:1px solid #e3e3e3;color:#6b6b6b }
.usage-price-renewal #sec-07 .cmp p+p { margin-top:4px }
.usage-price-renewal #sec-07 .v-lg { font-size:18px;font-weight:700;line-height:27px }
.usage-price-renewal #sec-07 .v-md { font-size:16px;font-weight:700;line-height:26px }
.usage-price-renewal #sec-07 .v { font-size:14px;font-weight:700;line-height:22px }
.usage-price-renewal #sec-07 .cap { font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-07 .r-last th, .usage-price-renewal #sec-07 .r-last .ot { border-bottom:1px solid #e3e3e3 }
.usage-price-renewal #sec-07 .r-last .nc { border-bottom:3px solid #092846;border-radius:0 0 8px 8px;text-align:left }
.usage-price-renewal #sec-07 .r-last .ot { text-align:left }
.usage-price-renewal #sec-07 .nc-list { display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;line-height:22px }
.usage-price-renewal #sec-07 .ot-list { display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:400;line-height:22px }
.usage-price-renewal #sec-07 .ot-list+.cap { margin-top:4px }
.usage-price-renewal #sec-07 .nc-list+.cap { margin-top:4px;text-align:left }
.usage-price-renewal #sec-07 .notes { display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100% }
.usage-price-renewal #sec-07 .notes li { width:100%;font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-08 { line-break:strict;text-spacing-trim:space-all;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:0 40px }
.usage-price-renewal #sec-08 .sec-head { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100% }
.usage-price-renewal #sec-08 .sec-head h2 { width:100%;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-08 .sec-head .bar { display:block;width:48px;height:4px;background:#f1890e }
.usage-price-renewal #sec-08 .lead { width:100%;font-size:16px;font-weight:400;line-height:26px;color:#6b6b6b }
.usage-price-renewal #sec-08 .pay-grid { display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:24px;width:100% }
.usage-price-renewal #sec-08 .pay { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:466px }
.usage-price-renewal #sec-08 .pay h3 { width:100%;font-size:18px;font-weight:700;line-height:27px;color:#191919 }
.usage-price-renewal #sec-08 .logos { display:flex;align-items:flex-start;gap:16px }
.usage-price-renewal #sec-08 .logos img { flex-shrink:0 }
.usage-price-renewal #sec-08 .note { width:100%;font-size:16px;font-weight:400;line-height:26px;color:#6b6b6b }
.usage-price-renewal #sec-08 .desc { width:100%;font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-09 { line-break:strict;text-spacing-trim:space-all;display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:0 40px }
.usage-price-renewal #sec-09 .sec-head { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100% }
.usage-price-renewal #sec-09 .sec-head h2 { width:100%;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-09 .sec-head .bar { display:block;width:40px;height:3px;background:#f1890e }
.usage-price-renewal #sec-09 .terms { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100% }
.usage-price-renewal #sec-09 .terms>p { width:100%;font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-09 .callout { display:flex;align-items:flex-start;gap:8px;width:100%;padding:16px;background:#f4f7fb;border:1px solid #1e73dc;border-radius:8px;overflow:hidden }
.usage-price-renewal #sec-09 .callout .info { width:20px;height:20px;flex-shrink:0;color:#144e91 }
.usage-price-renewal #sec-09 .callout p { flex:1 0 0;min-width:1px;font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-09 .rule { display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100% }
.usage-price-renewal #sec-09 .rule h3 { width:100%;font-size:20px;font-weight:700;line-height:30px;color:#191919 }
.usage-price-renewal #sec-09 .example { display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;background:#f5f5f5;border-radius:8px;overflow:hidden }
.usage-price-renewal #sec-09 .example dl { flex:1 0 0;min-width:1px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#191919 }
.usage-price-renewal #sec-09 .dtdd { display:flex;align-items:flex-start;gap:16px;width:100% }
.usage-price-renewal #sec-09 .dtdd dt { flex-shrink:0;font-size:16px;font-weight:700;line-height:26px;white-space:nowrap }
.usage-price-renewal #sec-09 .dtdd dd { flex:1 0 0;min-width:1px;font-size:16px;font-weight:400;line-height:26px }
.usage-price-renewal #sec-09 .figure { display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:32px;background:#fcf8f3;border-radius:12px }
.usage-price-renewal #sec-09 .inner { position:relative;flex-shrink:0;width:562px }
.usage-price-renewal #sec-09 .inner1 { height:110px }
.usage-price-renewal #sec-09 .inner2 { height:102px }
.usage-price-renewal #sec-09 .tl { position:absolute;height:46px }
.usage-price-renewal #sec-09 .tl1 { left:12px;top:64px;width:536px }
.usage-price-renewal #sec-09 .tl2 { left:0;top:49px;width:548px }
.usage-price-renewal #sec-09 .tl .line { position:absolute;top:19px;height:2px;background:#e3e3e3 }
.usage-price-renewal #sec-09 .tl1 .line { left:20px;width:491px }
.usage-price-renewal #sec-09 .tl2 .line { left:0;width:523px }
.usage-price-renewal #sec-09 .day { position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#fff;border:2px solid #e3e3e3;border-radius:9999px;font-size:16px;font-weight:400;line-height:26px;color:#191919;white-space:nowrap }
.usage-price-renewal #sec-09 .day.is-pay { border-color:#f1890e;font-weight:700;color:#f1890e }
.usage-price-renewal #sec-09 .lbl { position:absolute;font-size:16px;font-weight:700;line-height:20px;color:#f1890e;white-space:nowrap }
.usage-price-renewal #sec-09 .lbl-muted { color:#6b6b6b }
.usage-price-renewal #sec-09 .lbl-lg { font-size:20px;line-height:25px }
.usage-price-renewal #sec-09 .arrow { position:absolute;color:#f1890e }
.usage-price-renewal #sec-09 .break { position:absolute;left:270px;top:0;display:flex;align-items:center;justify-content:center;width:22px;height:102px }
.usage-price-renewal #sec-09 .break img { flex:none;width:102px;height:22px;transform:rotate(-90deg) }
.usage-price-renewal #sec-09 .notes { display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100% }
.usage-price-renewal #sec-09 .notes li { width:100%;font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-09 .tl1 .p1 { left:0 }
.usage-price-renewal #sec-09 .tl1 .p2 { left:70px }
.usage-price-renewal #sec-09 .tl1 .p3 { left:140px }
.usage-price-renewal #sec-09 .tl1 .p4 { left:210px }
.usage-price-renewal #sec-09 .tl1 .p5 { left:280px }
.usage-price-renewal #sec-09 .tl1 .p6 { left:350px }
.usage-price-renewal #sec-09 .tl1 .p7 { left:420px }
.usage-price-renewal #sec-09 .tl1 .p8 { left:490px }
.usage-price-renewal #sec-09 .tl2 .p1 { left:20px }
.usage-price-renewal #sec-09 .tl2 .p2 { left:84px }
.usage-price-renewal #sec-09 .tl2 .p3 { left:148px }
.usage-price-renewal #sec-09 .tl2 .p4 { left:212px }
.usage-price-renewal #sec-09 .tl2 .p5 { left:310px }
.usage-price-renewal #sec-09 .tl2 .p6 { left:374px }
.usage-price-renewal #sec-09 .tl2 .p7 { left:438px }
.usage-price-renewal #sec-09 .tl2 .p8 { left:502px }
.usage-price-renewal #sec-09 .x1 { left:0;top:32px }
.usage-price-renewal #sec-09 .x2 { left:482px;top:32px }
.usage-price-renewal #sec-09 .x3 { left:209px;top:0 }
.usage-price-renewal #sec-09 .x4 { left:76px;top:27px }
.usage-price-renewal #sec-09 .x5 { left:0;top:17px }
.usage-price-renewal #sec-09 .x6 { left:482px;top:17px }
.usage-price-renewal #sec-09 .x7 { left:92px;top:12px }
.usage-price-renewal #sec-10 { line-break:strict;text-spacing-trim:space-all;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:0 40px }
.usage-price-renewal #sec-10 .sec-head { display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100% }
.usage-price-renewal #sec-10 .sec-head h2 { width:100%;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.16px;color:#191919 }
.usage-price-renewal #sec-10 .sec-head .bar { display:block;width:40px;height:3px;background:#f1890e }
.usage-price-renewal #sec-10 .faq-list { display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100% }
.usage-price-renewal #sec-10 .faq { width:100%;background:#fff;border:1px solid #e3e3e3;border-radius:8px }
.usage-price-renewal #sec-10 .faq summary { display:flex;align-items:flex-start;gap:16px;padding:20px 24px;list-style:none;cursor:pointer }
.usage-price-renewal #sec-10 .faq summary::-webkit-details-marker { display:none }
.usage-price-renewal #sec-10 .faq summary::marker { content:"" }
.usage-price-renewal #sec-10 .faq .q { flex:1 0 0;min-width:1px;font-size:16px;font-weight:400;line-height:26px;color:#191919 }
.usage-price-renewal #sec-10 .faq .chev { width:20px;height:20px;flex-shrink:0;color:#6b6b6b }
.usage-price-renewal #sec-10 .faq[open] .chev { transform:rotate(180deg) }
.usage-price-renewal #sec-10 .faq .ans { display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 32px 20px 24px }
.usage-price-renewal #sec-10 .faq .ans p { width:100%;font-size:14px;font-weight:400;line-height:22px;color:#6b6b6b }
.usage-price-renewal #sec-10 .faq .ans .rel { display:block;width:100%;font-size:14px;font-weight:400;line-height:22px;color:#1e73dc }
.usage-price-renewal #sec-11 { line-break:strict;text-spacing-trim:space-all;display:flex;align-items:flex-start;gap:16px;padding:0 40px }
.usage-price-renewal #sec-11 .card { flex:1 0 0;min-width:1px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;background:#fff;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden }
.usage-price-renewal #sec-11 .ico { width:40px;height:40px;flex-shrink:0;color:#f1890e }
.usage-price-renewal #sec-11 .card h3 { width:100%;font-size:14px;font-weight:700;line-height:22px;text-align:center;color:#191919 }
.usage-price-renewal #sec-11 .btn { display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:44px;padding:0 20px;background:#fff;border:1px solid #ccc;border-radius:9999px;color:#191919;font-size:14px;font-weight:700;line-height:1;letter-spacing:0.07px;white-space:nowrap }
.usage-price-renewal #sec-11 .btn svg { width:20px;height:20px;flex-shrink:0 }
.usage-price-renewal #sec-12 { line-break:strict;text-spacing-trim:space-all;display:flex;align-items:center;gap:48px;padding:48px 40px }
.usage-price-renewal #sec-12 .collage { position:relative;flex-shrink:0;width:352px;height:179.04px }
.usage-price-renewal #sec-12 .ph { position:absolute;overflow:hidden;border-radius:16px;transform-origin:0 0 }
.usage-price-renewal #sec-12 .ph img { position:absolute;max-width:none }
.usage-price-renewal #sec-12 .ph-a { left:220.94px;top:0;width:135.206px;height:150.422px;transform:rotate(14.228deg) }
.usage-price-renewal #sec-12 .ph-a img { left:-10.932%;top:-0.028%;width:111.04%;height:100.057% }
.usage-price-renewal #sec-12 .ph-b { left:103.922px;top:0;width:130.605px;height:150.266px }
.usage-price-renewal #sec-12 .ph-b img { left:-32.544%;top:0;width:181.032%;height:100% }
.usage-price-renewal #sec-12 .ph-c { left:0;top:19.826px;width:133.902px;height:150.422px;transform:rotate(-8.5149deg) }
.usage-price-renewal #sec-12 .ph-c img { left:0;top:-5.4725%;width:129.661%;height:125.301% }
.usage-price-renewal #sec-12 .body { display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex-shrink:0;width:548px }
.usage-price-renewal #sec-12 .txt { display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100% }
.usage-price-renewal #sec-12 .txt h2 { width:100%;font-size:24px;font-weight:700;line-height:34px;color:#191919 }
.usage-price-renewal #sec-12 .txt p { width:100%;font-size:12px;font-weight:400;line-height:16px;color:#6b6b6b }
.usage-price-renewal #sec-12 .acts { display:flex;flex-direction:column;align-items:flex-start;gap:12px }
.usage-price-renewal #sec-12 .btn { display:flex;align-items:center;justify-content:center;gap:4px;width:320px;height:48px;padding:0 20px;background:#f1890e;border-radius:9999px;color:#fff;font-size:14px;font-weight:700;line-height:1;letter-spacing:0.07px;white-space:nowrap }
.usage-price-renewal #sec-12 .btn svg { width:20px;height:20px;flex-shrink:0 }
.usage-price-renewal #sec-12 .more { font-size:16px;font-weight:400;line-height:26px;color:#1e73dc;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font }
.usage-price-renewal .lp { width:auto }
.usage-price-renewal .lp .lp-main { margin:0 auto }
/* NJ-102256: price phrases never break mid-phrase (README rule; A-6). */
.usage-price-renewal .lp .nw { white-space:nowrap }