/* Free AI Audit landing page */
.audit-hero__grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.audit-hero .hero__content { padding: 0; }
.audit-hero .hero__title { font-size: clamp(2.2rem, 4.6vw, 3.9rem); }
@media (max-width: 900px) { .audit-hero__grid { grid-template-columns: 1fr; } }

.report { background: #fff; border: 1px solid #e3e5e8; border-radius: 20px; padding: 1.5rem; box-shadow: 0 24px 60px -30px rgba(10,12,16,.25); }
.report__top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
.report__tag { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; background: #0a0c10; color: #fff; padding: .3rem .65rem; border-radius: 999px; }
.report__meta { font-size: .85rem; color: #6b7280; }
.report__score { display: flex; align-items: center; gap: 1rem; padding: 1rem; background: #f6f7f8; border-radius: 14px; margin-bottom: 1.25rem; }
.report__ring { --v: 34; width: 72px; height: 72px; border-radius: 50%; flex: none; display: grid; place-items: center;
  background: conic-gradient(#0a0c10 calc(var(--v) * 1%), #e3e5e8 0); }
.report__ring span { width: 56px; height: 56px; border-radius: 50%; background: #f6f7f8; display: grid; place-items: center; font-weight: 700; font-size: 1.35rem; color: #0a0c10; }
.report__k { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #6b7280; margin: 0 0 .5rem; }
.report__v { margin: 0; font-weight: 600; color: #0a0c10; }
.report__list { list-style: none; padding: 0; margin: 0 0 1.25rem; }
.report__list li { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid #eef0f2; font-size: .92rem; color: #1a1e24; }
.report__list b { font-weight: 500; color: #6b7280; }
.report__list li.is-you { font-weight: 700; }
.report__list li.is-you b { color: #b42318; font-weight: 600; }
.report__fixes { margin: 0; padding-left: 1.1rem; color: #2a3038; font-size: .92rem; line-height: 1.55; }

.steps--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1000px) { .steps--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .steps--4 { grid-template-columns: 1fr; } }

.checks { list-style: none; padding: 0; margin: 2rem 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid #e3e5e8; }
.checks li { padding: 1.5rem 1.5rem 1.5rem 0; border-bottom: 1px solid #e3e5e8; }
.checks h3 { font-size: 1.1rem; font-weight: 700; margin: 0 0 .4rem; color: #0a0c10; }
.checks p { margin: 0; color: #4b5260; line-height: 1.55; }
@media (max-width: 900px) { .checks { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .checks { grid-template-columns: 1fr; } }

.audit-form { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(2rem, 5vw, 4rem); background: #f6f7f8; border-radius: 24px; padding: clamp(1.5rem, 4vw, 3rem); align-items: start; }
.audit-form .form { background: #fff; border-radius: 16px; padding: 1.5rem; border: 1px solid #e3e5e8; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.opt { text-transform: none; letter-spacing: 0; color: #9ca3af; font-weight: 400; }
.form__error { color: #b42318; font-size: .9rem; margin: .75rem 0 0; }
.audit-done { background: #fff; border-radius: 16px; padding: 2rem; border: 1px solid #e3e5e8; }
.audit-done h3 { font-size: 1.4rem; margin: 1rem 0 .5rem; color: #0a0c10; }
.audit-done p { color: #4b5260; line-height: 1.55; margin: 0; }
@media (max-width: 900px) { .audit-form { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .field-row { grid-template-columns: 1fr; } }

.faq { margin-top: 1.5rem; border-top: 1px solid #e3e5e8; }
.faq details { border-bottom: 1px solid #e3e5e8; padding: 1.1rem 0; }
.faq summary { cursor: pointer; font-weight: 600; font-size: 1.05rem; color: #0a0c10; list-style: none; display: flex; justify-content: space-between; }
.faq summary::after { content: "+"; color: #6b7280; font-weight: 400; }
.faq details[open] summary::after { content: "–"; }
.faq summary::-webkit-details-marker { display: none; }
.faq p { margin: .6rem 0 0; color: #4b5260; line-height: 1.6; max-width: 70ch; }

/* ===== Shared landing-page system (service pages, work, pricing) ===== */
.lp-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.lp-hero .hero__content { padding: 0; }
.lp-hero .hero__title { font-size: clamp(2.3rem, 4.8vw, 4rem); }
.lp-hero__caption { margin: 1.1rem 0 0; font-size: .88rem; color: #6b7280; }
.lp-hero--simple .shell { max-width: 900px; }
.sec--alt { background: #f6f7f8; }
.input.is-invalid, .form .is-invalid { border-color: #b42318 !important; }

.pains { list-style: none; padding: 0; margin: 2rem 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; }
.pains li { position: relative; padding: 1.15rem 1.25rem 1.15rem 3rem; background: #f6f7f8; border-radius: 14px; color: #1a1e24; line-height: 1.5; }
.pains li::before { content: "×"; position: absolute; left: 1.15rem; top: 1rem; font-weight: 700; color: #b42318; font-size: 1.15rem; }

.svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2rem; }
.svc-card { display: flex; flex-direction: column; gap: .55rem; padding: 1.6rem; border: 1px solid #e3e5e8; border-radius: 18px; background: #fff; color: inherit; text-decoration: none; transition: border-color .2s, transform .2s, box-shadow .2s; }
.svc-card:hover { border-color: #0a0c10; transform: translateY(-2px); box-shadow: 0 18px 40px -28px rgba(10,12,16,.35); }
.svc-card__price { font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; }
.svc-card h3 { margin: 0; font-size: 1.3rem; font-weight: 700; color: #0a0c10; }
.svc-card p { margin: 0; color: #4b5260; line-height: 1.55; flex: 1; }
.svc-card__go { font-weight: 600; color: #0a0c10; margin-top: .5rem; }

.prices { display: grid; gap: 1rem; margin-top: 2rem; align-items: stretch; }
.prices--3 { grid-template-columns: repeat(3, 1fr); }
.prices--2 { grid-template-columns: repeat(2, 1fr); }
.price { position: relative; display: flex; flex-direction: column; padding: 1.75rem; border: 1px solid #e3e5e8; border-radius: 20px; background: #fff; }
.price--featured { background: #0a0c10; border-color: #0a0c10; color: #fff; }
.price__tag { position: absolute; top: -.75rem; left: 1.75rem; background: #fff; color: #0a0c10; border: 1px solid #0a0c10; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: .25rem .65rem; border-radius: 999px; }
.price__name { margin: 0 0 .6rem; font-size: 1.15rem; font-weight: 700; color: inherit; }
.price__amt { margin: 0 0 .75rem; color: #6b7280; font-size: .95rem; }
.price__amt span { font-size: 2.3rem; font-weight: 700; letter-spacing: -.02em; color: #0a0c10; margin-right: .2rem; }
.price--featured .price__amt, .price--featured .price__desc, .price--featured .price__list li { color: #c9ced6; }
.price--featured .price__amt span { color: #fff; }
.price__desc { margin: 0 0 1.1rem; color: #4b5260; line-height: 1.5; }
.price__list { list-style: none; padding: 1.1rem 0 0; margin: 0 0 1.5rem; border-top: 1px solid rgba(127,135,148,.25); display: grid; gap: .55rem; flex: 1; }
.price__list li { position: relative; padding-left: 1.5rem; color: #1a1e24; line-height: 1.45; font-size: .95rem; }
.price__list li::before { content: "✓"; position: absolute; left: 0; font-weight: 700; }
.price .btn { width: 100%; justify-content: center; text-align: center; }
.price--featured .btn--solid { background: #fff; color: #0a0c10; border-color: #fff; }
.price--featured .btn--ghost { color: #fff; border-color: rgba(255,255,255,.4); }
.price__note { margin: 1.25rem 0 0; color: #6b7280; font-size: .9rem; }

.proof { display: block; padding: clamp(1.75rem, 4vw, 3rem); border-radius: 24px; background: #0a0c10; color: #fff; text-decoration: none; }
.proof .sec__eyebrow { color: #9ca3af; }
.proof__title { margin: .4rem 0 .9rem; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700; line-height: 1.15; color: #fff; max-width: 26ch; }
.proof__body { margin: 0 0 1.75rem; color: #c9ced6; line-height: 1.6; max-width: 68ch; }
.proof__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.proof__stats div { padding: 1rem 1.1rem; border-radius: 14px; background: rgba(255,255,255,.06); }
.proof__stats b { display: block; font-size: 1.6rem; font-weight: 700; color: #fff; }
.proof__stats span { font-size: .88rem; color: #9ca3af; }
.proof__link { font-weight: 600; color: #fff; }
.proof:hover .proof__link { text-decoration: underline; }

.lead-wrap { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(2rem, 5vw, 4rem); background: #f6f7f8; border-radius: 24px; padding: clamp(1.5rem, 4vw, 3rem); align-items: start; }
.lead-wrap .form, .lead-done { background: #fff; border-radius: 16px; padding: 1.5rem; border: 1px solid #e3e5e8; }
.lead-wrap__phone { margin: 1.25rem 0 0; color: #4b5260; }
.lead-wrap__phone a { color: #0a0c10; font-weight: 600; }
.lead-done { padding: 2rem; }
.lead-done h3 { font-size: 1.4rem; margin: 1rem 0 .5rem; color: #0a0c10; }
.lead-done p { color: #4b5260; line-height: 1.55; margin: 0; }
.lead-done[hidden], .form[hidden] { display: none !important; }

.tbl-wrap { overflow-x: auto; margin-top: 2rem; border: 1px solid #e3e5e8; border-radius: 16px; }
.tbl { width: 100%; border-collapse: collapse; font-size: .95rem; }
.tbl th, .tbl td { text-align: left; padding: .9rem 1.1rem; border-bottom: 1px solid #eef0f2; vertical-align: top; }
.tbl th { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; background: #f6f7f8; }
.tbl td { color: #1a1e24; line-height: 1.45; }
.tbl tr:last-child td { border-bottom: 0; }
.tbl .num { text-align: right; white-space: nowrap; font-weight: 600; }
.prose { max-width: 72ch; color: #2a3038; line-height: 1.7; }
.prose h2 { font-size: 1.35rem; margin: 2rem 0 .5rem; color: #0a0c10; }
.prose p, .prose li { margin: 0 0 .8rem; }

.cases { display: grid; gap: 1.25rem; }
.case { padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid #e3e5e8; border-radius: 22px; background: #fff; scroll-margin-top: 100px; }
.case__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; font-size: .88rem; color: #6b7280; }
.case__tag { font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; background: #0a0c10; color: #fff; padding: .3rem .65rem; border-radius: 999px; }
.case__title { margin: .9rem 0 1.25rem; font-size: clamp(1.4rem, 2.6vw, 2rem); font-weight: 700; line-height: 1.2; color: #0a0c10; }
.case__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 1.5rem; }
.case__grid h3 { font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: #6b7280; margin: 0 0 .5rem; }
.case__grid p, .case__grid li { color: #2a3038; line-height: 1.6; }
.case__grid p { margin: 0; }
.case__grid ul { margin: 0; padding-left: 1.1rem; }
.case .proof__stats div { background: #f6f7f8; }
.case .proof__stats b { color: #0a0c10; font-size: 1.35rem; }
.case .proof__stats span { color: #4b5260; }
.case .proof__stats { margin-bottom: 0; }

.mock { background: #fff; border: 1px solid #e3e5e8; border-radius: 20px; padding: 1rem 1.25rem 1.25rem; box-shadow: 0 24px 60px -30px rgba(10,12,16,.25); }
.mock__bar { display: flex; align-items: center; gap: .4rem; padding-bottom: .85rem; margin-bottom: 1rem; border-bottom: 1px solid #eef0f2; }
.mock__bar span { width: 10px; height: 10px; border-radius: 50%; background: #e3e5e8; }
.mock__bar em { font-style: normal; margin-left: .5rem; font-size: .82rem; color: #6b7280; font-weight: 500; }
.mock__foot { margin: 1rem 0 0; font-size: .75rem; color: #9ca3af; text-align: right; }
.chat__q { margin: 0 0 .9rem auto; max-width: 85%; background: #0a0c10; color: #fff; padding: .75rem 1rem; border-radius: 16px 16px 4px 16px; font-size: .95rem; width: fit-content; }
.chat__a { background: #f6f7f8; padding: 1rem 1.1rem; border-radius: 16px 16px 16px 4px; font-size: .93rem; color: #1a1e24; }
.chat__a p { margin: 0 0 .5rem; }
.chat__a ol { margin: 0; padding-left: 1.2rem; display: grid; gap: .35rem; }
.chat__a li.is-you { font-weight: 700; }
.chat__a li.is-you b { background: #0a0c10; color: #fff; padding: .05rem .4rem; border-radius: 6px; }
.calllog { display: grid; gap: .65rem; }
.calllog__row { display: flex; justify-content: space-between; gap: 1rem; font-size: .9rem; }
.calllog__row span { color: #6b7280; }
.calllog__row--muted { padding-top: .75rem; border-top: 1px solid #eef0f2; }
.calllog__t { margin: 0; padding: .65rem .85rem; background: #f6f7f8; border-radius: 12px; font-size: .92rem; color: #1a1e24; }
.calllog__t i { font-style: normal; font-weight: 600; }
.calllog__chip { padding: .6rem .85rem; border-radius: 12px; background: #0a0c10; color: #fff; font-size: .88rem; font-weight: 600; }
.flow { list-style: none; counter-reset: f; padding: 0; margin: 0; display: grid; gap: .55rem; }
.flow li { counter-increment: f; display: grid; grid-template-columns: 2rem 1fr; column-gap: .75rem; padding: .7rem .85rem; background: #f6f7f8; border-radius: 12px; }
.flow li::before { content: counter(f); grid-row: span 2; width: 2rem; height: 2rem; border-radius: 50%; background: #fff; border: 1px solid #e3e5e8; display: grid; place-items: center; font-weight: 700; font-size: .85rem; }
.flow b { font-size: .95rem; color: #0a0c10; }
.flow span { font-size: .85rem; color: #4b5260; }
.flow li.is-you { background: #0a0c10; }
.flow li.is-you b { color: #fff; }
.flow li.is-you span { color: #c9ced6; }
.web { border: 1px solid #eef0f2; border-radius: 12px; overflow: hidden; font-size: .85rem; }
.web__nav { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .7rem .9rem; border-bottom: 1px solid #eef0f2; }
.web__nav span { color: #6b7280; font-size: .78rem; }
.web i { font-style: normal; display: inline-block; background: #0a0c10; color: #fff; padding: .35rem .7rem; border-radius: 999px; font-size: .78rem; font-weight: 600; }
.web i.ghost { background: #fff; color: #0a0c10; border: 1px solid #0a0c10; }
.web__hero { padding: 1.6rem .9rem; background: #f6f7f8; }
.web__hero h4 { margin: 0 0 .4rem; font-size: 1.35rem; line-height: 1.2; color: #0a0c10; }
.web__hero p { margin: 0 0 .9rem; color: #4b5260; }
.web__hero div { display: flex; gap: .5rem; }
.web__row { padding: .8rem .9rem; color: #1a1e24; }
.tasks { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.tasks li { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .85rem 1rem; background: #f6f7f8; border-radius: 12px; font-size: .93rem; }
.tasks li b { color: #0a0c10; }
.tasks li span { color: #4b5260; text-align: right; }
.tasks li::after { content: "✓"; font-weight: 700; color: #0a0c10; }
.cta-final__sub { max-width: 56ch; margin: 1rem auto 0; color: inherit; opacity: .75; line-height: 1.6; }

.founder { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 2rem; }
.founder p { margin: 0 0 1rem; color: #2a3038; line-height: 1.65; }
.founder ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.founder li { padding: .9rem 1.1rem; background: #f6f7f8; border-radius: 12px; color: #1a1e24; }

@media (max-width: 1000px) {
  .svc-grid { grid-template-columns: repeat(2, 1fr); }
  .prices--3 { grid-template-columns: 1fr; max-width: 560px; }
}
@media (max-width: 900px) {
  .lp-hero__grid, .lead-wrap, .case__grid, .founder { grid-template-columns: 1fr; }
  .pains { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .svc-grid, .prices--2 { grid-template-columns: 1fr; }
  .web__nav span { display: none; }
  .tbl th, .tbl td { padding: .75rem .8rem; }
  .tasks li { flex-wrap: wrap; }
}
/* specificity fixes over normalize-aw */
a.proof p.proof__body { color: #c9ced6; }
.chat p.chat__q { color: #fff; }
.price__list { align-content: start; }
.case__grid ul { list-style: disc; } .case__grid li { margin-bottom: .3rem; }

/* AI invoicing: lean band + savings calculator */
.lean-band { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2rem; }
.lean-band div { padding: 1.5rem; border-radius: 18px; background: #0a0c10; color: #fff; }
.lean-band b { display: block; font-size: 1.35rem; font-weight: 700; margin-bottom: .5rem; color: #fff; }
.lean-band span { color: #c9ced6; line-height: 1.55; }
.calc { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(1.5rem, 4vw, 3rem); margin-top: 2rem; background: #fff; border: 1px solid #e3e5e8; border-radius: 24px; padding: clamp(1.5rem, 4vw, 2.5rem); }
.calc__inputs { display: grid; gap: 1.75rem; align-content: start; }
.calc__field { display: grid; grid-template-columns: 1fr auto; gap: .6rem 1rem; align-items: center; }
.calc__field span { grid-column: 1 / -1; font-weight: 600; color: #0a0c10; font-size: .95rem; }
.calc__field input[type=range] { width: 100%; accent-color: #0a0c10; }
.calc__field output { font-weight: 700; color: #0a0c10; min-width: 5.5rem; text-align: right; }
.calc__out { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; align-content: start; }
.calc__out div { padding: 1.1rem 1.2rem; border-radius: 14px; background: #f6f7f8; }
.calc__out b { display: block; font-size: 1.6rem; font-weight: 700; color: #0a0c10; }
.calc__out span { font-size: .88rem; color: #4b5260; }
.calc__out .calc__big { grid-column: 1 / -1; background: #0a0c10; }
.calc__out .calc__big b { color: #fff; font-size: 2.2rem; }
.calc__out .calc__big span { color: #c9ced6; }
.calc__note { grid-column: 1 / -1; margin: .25rem 0 0; font-size: .8rem; color: #6b7280; line-height: 1.5; }
@media (max-width: 900px) { .lean-band, .calc { grid-template-columns: 1fr; } }
.svc-sub { margin: 3.5rem 0 0; padding-top: 2.5rem; border-top: 1px solid #e3e5e8; }
.svc-sub h3 { margin: 0 0 .4rem; font-size: clamp(1.35rem, 2.4vw, 1.75rem); font-weight: 700; color: #0a0c10; }
.svc-sub p { margin: 0; color: #4b5260; }

/* Hero monthly summary card */
.tb { background: #fff; border: 1px solid rgba(15,18,22,.08); border-radius: 20px; padding: clamp(1.25rem, 3vw, 2rem); box-shadow: 0 24px 60px -28px rgba(15,18,22,.22); }
.tb__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem; }
.tb__eyebrow { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: #6b7079; font-weight: 600; }
.tb__tag { font-size: .7rem; color: #6b7079; border: 1px solid rgba(15,18,22,.12); border-radius: 999px; padding: .2rem .6rem; }
.tb__total { display: flex; align-items: center; gap: 1rem; padding-bottom: 1.25rem; margin-bottom: .5rem; border-bottom: 1px solid rgba(15,18,22,.08); }
.tb__total > strong { font-size: clamp(3rem, 8vw, 4.25rem); line-height: 1; font-weight: 700; letter-spacing: -.04em; color: #0b0d10; }
.tb__total b { display: block; font-size: 1.05rem; color: #0b0d10; }
.tb__total span { color: #6b7079; font-size: .92rem; }
.tb__list { list-style: none; margin: 0; padding: 0; }
.tb__list li { padding: .9rem 0; border-bottom: 1px solid rgba(15,18,22,.06); }
.tb__list li:last-child { border-bottom: 0; }
.tb__row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.tb__row b { display: block; font-size: .95rem; color: #0b0d10; font-weight: 600; }
.tb__row span { display: block; font-size: .82rem; color: #6b7079; margin-top: .15rem; }
.tb__row strong { font-size: 1.05rem; font-weight: 700; color: #0b0d10; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tb__row small { font-size: .75rem; font-weight: 500; color: #6b7079; }
.tb__list i { display: block; height: 4px; border-radius: 4px; background: rgba(15,18,22,.06); margin-top: .65rem; position: relative; overflow: hidden; }
.tb__list i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w); background: #0b0d10; border-radius: 4px; }
.tb__foot { display: flex; align-items: center; gap: .5rem; margin: 1rem 0 0; padding-top: 1rem; border-top: 1px solid rgba(15,18,22,.08); font-size: .82rem; color: #4a4f57; }
.tb__foot svg { width: 16px; height: 16px; flex: none; color: #0b0d10; }

/* Invoicing calculator v2 */
.calc2 { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 3rem); margin-top: 2rem; background: #fff; border: 1px solid #e3e5e8; border-radius: 24px; padding: clamp(1.5rem, 4vw, 2.5rem); }
.calc2__label { display: flex; gap: .7rem; align-items: baseline; font-weight: 600; color: #0a0c10; font-size: 1rem; margin: 0 0 .9rem; line-height: 1.4; }
.calc2__label span { flex: none; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: #0a0c10; color: #fff; font-size: .8rem; display: inline-grid; place-items: center; transform: translateY(-1px); }
.calc2__label + .calc2__chips, .calc2__label + .calc2__rate { margin-left: 2.3rem; }
.calc2__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.75rem; }
.calc2__chips button, .calc2__own { font: inherit; font-weight: 600; font-size: .95rem; padding: .6rem 1rem; border-radius: 999px; border: 1px solid #d4d7dc; background: #fff; color: #0a0c10; cursor: pointer; }
.calc2__chips button.is-on { background: #0a0c10; color: #fff; border-color: #0a0c10; }
.calc2__own { display: inline-flex; align-items: center; gap: .4rem; cursor: text; font-weight: 500; color: #4b5260; }
.calc2__own input { width: 3.5rem; border: 0; outline: 0; font: inherit; font-weight: 600; color: #0a0c10; background: transparent; }
.calc2__rate { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; font-size: 1.05rem; padding: .55rem 1rem; border: 1px solid #d4d7dc; border-radius: 12px; }
.calc2__rate input { width: 4rem; border: 0; outline: 0; font: inherit; color: #0a0c10; background: transparent; }
.calc2__hint { margin: .6rem 0 0 2.3rem; font-size: .85rem; color: #6b7280; }
.calc2__out { background: #0a0c10; color: #fff; border-radius: 18px; padding: clamp(1.4rem, 3vw, 2rem); display: flex; flex-direction: column; gap: .8rem; }
.calc2__eyebrow { margin: 0; font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; color: #9aa1ad; }
.calc2__sentence { margin: 0; font-size: clamp(1.35rem, 2.6vw, 1.75rem); line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.calc2__sentence b { color: #fff; border-bottom: 2px solid #5b6472; }
.calc2__value { margin: 0; color: #c9ced6; font-size: 1rem; }
.calc2__value b { color: #fff; }
.calc2__note { margin: 0; font-size: .82rem; color: #9aa1ad; line-height: 1.5; }
.calc2__cta.btn { margin-top: .6rem; background: #fff; color: #0a0c10; border-color: #fff; align-self: flex-start; text-align: center; }
@media (max-width: 900px) { .calc2 { grid-template-columns: 1fr; } .calc2__cta.btn { align-self: stretch; } }
.calc2 .calc2__out .calc2__sentence { color: #fff; }
.calc2 .calc2__out .calc2__value { color: #d5d9e0; }
.calc2 .calc2__out .calc2__note { color: #aab0bb; }
.calc2 .calc2__out .calc2__eyebrow { color: #aab0bb; }