:root {
  --cream: #f8f2e9;
  --paper: #fffaf3;
  --ink: #302d29;
  --muted: #756c63;
  --terracotta: #ad6d52;
  --terracotta-dark: #8d503b;
  --line: rgba(65, 54, 46, .14);
  --shadow: 0 24px 70px rgba(79, 54, 38, .11);
}
body.landing-linearz {
  --cream: #fffaf0;
  --paper: #fff3c8;
  --ink: #4b3524;
  --muted: #786653;
  --terracotta: #55b8b5;
  --terracotta-dark: #915a34;
  --line: rgba(135,92,48,.18);
  --shadow: 0 24px 64px rgba(122,82,39,.13);
  background: linear-gradient(180deg,#fffdf5 0%,#fff8df 42%,#fffaf0 100%);
}
body.landing-10therma {
  --cream: #fff8df;
  --paper: #fffdf4;
  --ink: #553e26;
  --muted: #786957;
  --terracotta: #f1a13b;
  --terracotta-dark: #84582c;
  --line: rgba(122,87,42,.16);
  --shadow: 0 24px 64px rgba(133,92,30,.14);
  background-color: #fff8df;
  background-image:
    linear-gradient(rgba(213,174,91,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(213,174,91,.075) 1px,transparent 1px);
  background-size: 72px 72px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: "PingFang HK", "Noto Sans TC", "Microsoft JhengHei", sans-serif; line-height: 1.68; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
.container { width: min(1120px, calc(100% - 48px)); margin: 0 auto; }
.announcement { padding: 9px 20px; color: #fff; background: var(--terracotta-dark); text-align: center; font-size: 13px; }
header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid var(--line); background: rgba(248,242,233,.94); backdrop-filter: blur(16px); }
.landing-linearz .announcement { background: #8d503b; }
.landing-linearz header { border-bottom-color: rgba(65,54,46,.14); background: rgba(248,242,233,.94); }
.landing-linearz header .brand span,.landing-linearz footer .brand span { color: #ad6d52; }
.landing-linearz header .button { border-color: #ad6d52; background: #ad6d52; box-shadow: none; }
.landing-linearz .button { color: #fff; border-color: #3fa5a2; background: #3fa5a2; box-shadow: 0 10px 24px rgba(63,165,162,.18); }
.landing-linearz .button.secondary { color: #744724; border-color: #9b704a; background: rgba(255,255,255,.48); box-shadow: none; }
.landing-linearz .detail-section.paper { background: linear-gradient(145deg,#fff7d8,#ffefb9); }
.landing-linearz .linearz-problem { background: linear-gradient(145deg,rgba(115,207,204,.17),rgba(255,255,255,.18)); }
.landing-linearz .info-card,.landing-linearz .strategy-card,.landing-linearz .comparison-card,.landing-linearz .plain-list li,.landing-linearz .faq-list article { border-color: rgba(141,91,43,.16); background: rgba(255,255,255,.82); box-shadow: 0 12px 32px rgba(125,83,42,.06); }
.landing-linearz .treatment-comparison { background: linear-gradient(180deg,rgba(105,201,198,.1),rgba(255,250,240,0)); }
.nav { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; }
.brand { font-family: Georgia, serif; font-size: 26px; }
.brand span { color: var(--terracotta); }
.nav-links { display: flex; gap: 26px; color: #5f574f; font-size: 14px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 23px; border: 1px solid var(--terracotta); border-radius: 999px; color: #fff; background: var(--terracotta); font-weight: 650; }
.button.secondary { color: var(--ink); background: transparent; border-color: #8c8177; }
.button.small { min-height: 42px; padding: 9px 18px; font-size: 14px; }
.eyebrow { margin: 0 0 14px; color: var(--terracotta-dark); font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
h1,h2,h3,p { margin-top: 0; }
h1,h2 { letter-spacing: -.04em; line-height: 1.12; }
h1,h2,h3 { text-wrap: balance; }
p,li { text-wrap: pretty; }
h1 { margin-bottom: 22px; font-size: clamp(43px,6vw,76px); }
.landing-linearz h1 { font-size: clamp(42px,4.6vw,64px); }
.landing-linearz h1 > span { display: block; }
.landing-linearz h1 > span:first-child { font-size: clamp(36px,3.85vw,54px); font-weight: 400; }
.landing-linearz h1 > span:last-child { font-size: clamp(38px,3.9vw,55px); font-weight: 700; opacity: .92; }
h2 { margin-bottom: 18px; font-size: clamp(31px,4vw,50px); }
h3 { margin-bottom: 8px; line-height: 1.28; }
.lead { max-width: 690px; color: var(--muted); font-size: clamp(17px,1.8vw,21px); }
.page-hero { padding: 34px 0 76px; overflow: hidden; }
.hero-banner-media { margin: 0; }
.hero-banner-media picture { display: block; aspect-ratio: 2/1; overflow: hidden; border: 1px solid var(--line); border-radius: 32px; background: linear-gradient(145deg,#f1cdbd,#d8e4dc 52%,#d7dced); box-shadow: var(--shadow); }
.hero-banner-media img { width: 100%; height: 100%; }
.hero-banner-custom img { object-fit: cover; }
.hero-banner-legacy img { object-fit: contain; }
.hero-banner-media figcaption { padding: 10px 4px 0; color: var(--muted); font-size: 12px; }
.hero-banner-placeholder > div { display: grid; aspect-ratio: 2/1; place-items: center; align-content: center; gap: 8px; border: 1px dashed rgba(141,80,59,.4); border-radius: 32px; background: linear-gradient(145deg,#f4dfd6,#e5eee9 52%,#e8e4f3); color: var(--muted); text-align: center; }
.hero-banner-placeholder strong { color: var(--terracotta-dark); font-family: Georgia,serif; font-size: clamp(34px,5vw,64px); font-weight: 400; }
.hero-banner-placeholder span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.hero-copy-panel { max-width: 900px; margin-top: 42px; }
.hero-copy-panel .lead { max-width: 780px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.media-figure { margin: 0; }
.media-figure picture { display: block; }
.media-figure figcaption,.video-figure figcaption { padding-top: 10px; color: var(--muted); font-size: 12px; }
.verified { display: inline-flex; margin-top: 24px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: #665d54; background: rgba(255,255,255,.5); font-size: 12px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 24px; color: var(--muted); font-size: 13px; }
.breadcrumb a:hover { color: var(--terracotta-dark); }
.answer-block { padding-left: 18px; border-left: 3px solid var(--terracotta); }
.landing-linearz .answer-block strong { display: block; margin-bottom: 4px; color: var(--ink); }
.quick-facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.quick-facts span { padding: 7px 11px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.55); color: var(--muted); font-size: 12px; }
.detail-section { padding: 88px 0; }
.detail-section.paper { background: var(--paper); }
.section-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 74px; align-items: start; }
.section-intro { position: sticky; top: 120px; }
.landing-linearz #details .section-intro,.landing-linearz #faq .section-intro { position: static; }
.section-heading { max-width: 780px; margin-bottom: 34px; }
.reading-width { max-width: 860px; }
.copy-stack { display: grid; gap: 12px; }
.copy-stack p { margin: 0; }
.lead-copy { max-width: 780px; color: var(--muted); font-size: clamp(17px,1.8vw,21px); }
.card-copy { gap: 10px; color: var(--muted); font-size: 14px; }
.landing-linearz #details .lead-copy p + p { font-size: 15px; font-weight: 300; }
.landing-linearz .advantage-card .card-copy p + p { margin-top: -10px; font-size: 12px; }
.landing-linearz .linearz-strategy .section-heading .lead-copy p + p { margin-top: -10px; font-size: clamp(15px,1.55vw,17.36px); font-weight: 300; }
.landing-linearz .treatment-comparison .section-heading .lead-copy p + p { font-size: 15px; font-weight: 300; }
.aftercare-copy { margin-top: 12px; color: var(--muted); }
.linearz-problem { padding-top: 72px; padding-bottom: 72px; }
.cards { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.advantage-grid { display: grid; gap: 14px; }
.landing-linearz #details .details-intro { max-width: 840px; margin-bottom: 30px; }
.landing-linearz #details .principle-banner { width: 100%; margin: 0 0 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #fff; box-shadow: 0 18px 44px rgba(79,54,38,.08); }
.landing-linearz #details .principle-banner picture { display: block; }
.landing-linearz #details .principle-banner img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; }
.landing-linearz #details .advantage-grid { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; }
.landing-linearz #details .advantage-card { height: 100%; }
.info-card { padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.info-card p { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.advantage-card h3 { margin-bottom: 14px; font-size: 23px; }
.strategy-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.strategy-card,.service-card { padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.7); }
.strategy-card-copy { padding: 0; }
.strategy-card-media { display: block; margin: -26px -26px 22px; overflow: hidden; border-radius: 21px 21px 0 0; }
.strategy-card-media img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.strategy-card h3,.service-card h3 { font-size: 22px; }
.strategy-card > p:last-child,.service-card p { margin-bottom: 0; color: var(--muted); }
.strategy-showcase { display: grid; width: 100%; max-width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; margin-bottom: 26px; }
.strategy-web-media { min-width: 0; max-width: 100%; aspect-ratio: 4/3; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #fff; box-shadow: 0 18px 44px rgba(79,54,38,.08); }
.strategy-web-media picture { display: block; width: 100%; height: 100%; }
.strategy-web-media img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: contain; }
.service-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.ig-service-grid { align-items: stretch; }
.ig-service-grid .service-card { padding: 0; overflow: hidden; background: #fff; }
.service-action-media picture { display: block; aspect-ratio: 4/5; overflow: hidden; background: #eee7df; }
.service-action-media img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.service-action-media figcaption { padding: 9px 16px 0; }
.service-card-copy { padding: 22px 24px 26px; }
.service-visual-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 34px; align-items: stretch; }
.device-stage { position: relative; padding: 24px; border: 1px solid var(--line); border-radius: 30px; background: linear-gradient(145deg,#f1cdbd,#d8e4dc 52%,#d7dced); }
.device-stage .media-figure img { width: 100%; aspect-ratio: 4/5; object-fit: contain; }
.mode-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.mode-chips span { padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.8); color: #665d54; font-size: 12px; }
.service-card { min-height: 220px; }
.service-icon { display: grid; width: 42px; height: 42px; margin-bottom: 18px; place-items: center; border-radius: 50%; color: var(--terracotta-dark); background: #f3dfd3; font-size: 22px; }
.service-disclaimer { grid-column: 1/-1; margin: 0; padding: 18px 20px; border-left: 4px solid var(--terracotta); border-radius: 0 16px 16px 0; background: #f4e3d8; color: #614f44; font-size: 13px; }
.comparison-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.62); }
.comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.comparison-table th,.comparison-table td { padding: 18px 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.comparison-table th:last-child,.comparison-table td:last-child { border-right: 0; }
.comparison-table tbody tr:last-child td { border-bottom: 0; }
.comparison-table th { color: var(--terracotta-dark); background: #f4e3d8; font-size: 13px; }
.comparison-table td:first-child { width: 18%; font-weight: 700; }
.comparison-note { margin-top: 18px; }
.comparison-table-wide { min-width: 1040px; table-layout: fixed; }
.comparison-table-wide thead th { height: 142px; vertical-align: middle; }
.comparison-table-wide thead th:first-child { width: 14%; }
.comparison-table-wide thead th:not(:first-child) { width: 21.5%; }
.comparison-table-wide thead strong,.comparison-table-wide thead small { display: block; }
.comparison-table-wide thead strong { margin-top: 10px; color: var(--ink); font-size: 16px; }
.comparison-table-wide thead small { margin-top: 2px; color: var(--muted); font-size: 11px; font-weight: 500; }
.comparison-table-wide tbody th { width: 14%; color: var(--ink); background: #fbf4eb; font-size: 13px; }
.comparison-table-wide td { color: var(--muted); font-size: 13px; }
.comparison-table-wide td strong { color: var(--ink); }
.comparison-table-wide .featured-column { background: #fff5c9; }
.comparison-table-wide thead .featured-column { background: linear-gradient(150deg,#ffe8a1,#fff7d8); }
.device-mark { display: inline-grid; width: 38px; height: 38px; place-items: center; border-radius: 13px; color: #fff; background: var(--terracotta); font-family: Georgia,serif; font-size: 14px; font-weight: 700; box-shadow: 0 7px 18px rgba(141,80,59,.18); }
.featured-column .device-mark,.featured-card .device-mark { color: #6f4a17; background: #f7c94c; }
.comparison-benefits { display: grid; gap: 5px; margin: 0; padding: 0; color: var(--ink); font-weight: 700; list-style: none; }
.comparison-benefits li::before { margin-right: 7px; color: #8aa15d; content: "●"; font-size: 9px; }
.comparison-cards { display: none; }
.comparison-card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.72); box-shadow: 0 12px 30px rgba(79,54,38,.06); }
.comparison-card + .comparison-card { margin-top: 16px; }
.comparison-card > header { display: flex; gap: 13px; align-items: center; padding: 20px; border-bottom: 1px solid var(--line); background: #f4e3d8; }
.comparison-card header h3,.comparison-card header p { margin: 0; }
.comparison-card header h3 { font-size: 20px; }
.comparison-card header p { color: var(--muted); font-size: 12px; }
.comparison-card dl { margin: 0; }
.comparison-card dl > div { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 14px; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.comparison-card dl > div:last-child { border-bottom: 0; }
.comparison-card dt { color: var(--terracotta-dark); font-size: 12px; font-weight: 700; }
.comparison-card dd { margin: 0; color: var(--muted); font-size: 13px; }
.featured-card { border-color: rgba(222,174,49,.58); background: #fffaf0; }
.featured-card > header { background: linear-gradient(150deg,#ffe8a1,#fff7d8); }
.comparison-pick { margin-left: auto; padding: 5px 9px; border-radius: 999px; color: #6f4a17; background: rgba(255,255,255,.72); font-size: 11px; font-weight: 700; white-space: nowrap; }
.video-figure { margin: 0; }
.video-figure video { display: block; width: 100%; border-radius: 20px; background: #2d2a27; }
.price-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 30px; }
.price-heading > p { max-width: 420px; margin-bottom: 5px; color: var(--muted); }
.price-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.price-card { padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: #fff; text-align: center; }
.price-card h3 { margin-bottom: 12px; font-size: 26px; }
.price-card strong { display: block; color: var(--terracotta-dark); font-family: Georgia,serif; font-size: clamp(34px,4vw,48px); line-height: 1; }
.price-note { max-width: 760px; margin: 24px auto 0; color: var(--muted); text-align: center; }
@media (min-width: 900px) { .landing-linearz .price-note { max-width: 680px; white-space: normal; font-size: 13px; } }
.price-action { display: flex; justify-content: center; margin-top: 22px; }
.price-offer-layout { display: grid; grid-template-columns: minmax(300px,420px) 1fr; gap: clamp(28px,4vw,58px); align-items: center; }
.price-offer-media { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--shadow); }
.price-offer-media img { display: block; width: 100%; height: auto; }
.price-offer-layout .price-grid { grid-template-columns: 1fr; }
.price-offer-layout .price-note { max-width: 620px; white-space: normal; }
.landing-linearz .linearz-pricing { background: linear-gradient(145deg,#fff5c7 0%,#fff0a8 54%,#e6f7ef 100%); }
.landing-linearz .linearz-pricing .price-heading { align-items: start; }
.landing-linearz .price-offer-layout { grid-template-columns: minmax(320px,440px) minmax(0,1fr); align-items: start; }
.landing-linearz .price-offer-media { border: 3px solid rgba(83,178,175,.62); background: #fffdf3; }
.landing-linearz .price-offer-details { min-width: 0; }
.price-options { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; margin-bottom: 18px; padding: 22px; border: 1px solid rgba(83,178,175,.36); border-radius: 24px; background: rgba(255,255,255,.76); }
.price-options h3 { margin-bottom: 12px; font-size: 22px; }
.price-options p:last-child { margin: 12px 0 0; color: var(--muted); font-size: 13px; }
.price-area-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.price-area-chips span { padding: 7px 11px; border-radius: 999px; color: #754722; background: #f8d982; font-size: 12px; font-weight: 700; }
.price-included { display: flex; min-width: 175px; flex-direction: column; justify-content: center; padding: 15px; border-radius: 18px; color: #286f6d; background: #d9f2ee; text-align: center; }
.price-included span { font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.price-included strong { margin-top: 5px; font-size: 14px; }
.landing-linearz .price-card { position: relative; padding: 22px 24px; border-color: rgba(145,90,52,.18); border-radius: 24px; background: rgba(255,255,255,.9); text-align: left; box-shadow: 0 12px 30px rgba(123,80,36,.08); }
.landing-linearz .price-card .eyebrow { margin-bottom: 8px; color: #9a633a; font-size: 11px; }
.price-tier-heading { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.price-tier-heading h3 { margin: 0; }
.price-tier-heading span { padding: 6px 10px; border-radius: 999px; color: #fff; background: #9a5d35; font-size: 12px; font-weight: 700; }
.landing-linearz .price-card strong { margin-top: 10px; color: #9a5d35; font-family: inherit; font-size: clamp(38px,5vw,56px); font-weight: 750; }
.price-card:nth-child(2) strong { color: #ee9d44; }
.price-card-featured { border: 2px solid #53b2af !important; background: #f5fffc !important; }
.price-card-featured strong { color: #53aaa8 !important; }
.price-promotion { display: inline-flex; margin: 0 0 10px; padding: 6px 10px; border-radius: 999px; color: #fff; background: #a73328; font-size: 12px; font-weight: 700; }
.price-was { margin: 10px 0 -5px; color: var(--muted); font-size: 13px; text-decoration: line-through; }
.price-gift { display: flex; gap: 9px; align-items: center; margin: 16px 0 0; padding: 11px 13px; border-radius: 15px; color: #744724; background: #fff0bd; font-size: 13px; font-weight: 650; }
.price-gift b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: #a73328; }
.landing-linearz .price-action .button { min-width: 250px; }
.landing-linearz .linearz-cta { color: #fff; background: linear-gradient(135deg,#319f9d,#69c8c3); }
.landing-linearz .linearz-cta .eyebrow { color: #fff4c7; }
.landing-linearz .linearz-cta .button { color: #744724; border-color: #fff0b8; background: #fff0b8; box-shadow: 0 12px 28px rgba(78,92,57,.18); }
.plain-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.plain-list li { padding: 18px 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.62); }
.landing-linearz .suitability-list li { position: relative; cursor: pointer; outline: none; transition: transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease; }
.landing-linearz .suitability-list li::after { position: absolute; top: 50%; right: 18px; width: 9px; height: 9px; border-radius: 50%; background: #53b2af; content: ""; opacity: 0; transform: translateY(-50%) scale(.35); transition: opacity .22s ease,transform .22s ease; }
.landing-linearz .suitability-list li:hover,.landing-linearz .suitability-list li:focus { border-color: #53b2af; background: linear-gradient(100deg,#fff8d8,#dff5f1); box-shadow: 0 12px 26px rgba(68,153,149,.15); color: #6f4728; transform: translateX(8px); }
.landing-linearz .suitability-list li:hover::after,.landing-linearz .suitability-list li:focus::after { opacity: 1; transform: translateY(-50%) scale(1); }
.landing-linearz .linearz-motion-card { outline: none; transition: transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease; will-change: transform; }
.landing-linearz .linearz-motion-card:hover,.landing-linearz .linearz-motion-card:focus { border-color: #53b2af; background-image: linear-gradient(110deg,#fff9df,#e2f6f2); box-shadow: 0 16px 34px rgba(68,153,149,.16); transform: translateY(-5px); }
.landing-linearz .detailed-process .linearz-motion-card { padding-right: 18px; padding-left: 14px; border-radius: 18px; }
.landing-linearz .detailed-process .linearz-motion-card:hover,.landing-linearz .detailed-process .linearz-motion-card:focus { border-bottom-color: #53b2af; }
.notice { padding: 22px 24px; border-left: 4px solid var(--terracotta); border-radius: 0 18px 18px 0; background: #f4e3d8; color: #614f44; }
.plain-list + .notice { margin-top: 18px; }
.subheading { margin-top: 34px; }
.process-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: step; }
.process-list li { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }
.process-list span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; color: var(--terracotta-dark); background: #f3dfd3; font-family: Georgia,serif; }
.process-list p { margin: 0; }
.detailed-process li { align-items: start; }
.detailed-process h3 { margin: 2px 0 5px; font-size: 19px; }
.detailed-process p { color: var(--muted); }
.process-visual { display: grid; gap: 9px; margin-top: 28px; }
.process-visual span { display: flex; gap: 12px; align-items: center; padding: 12px 15px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.65); color: var(--muted); font-size: 13px; }
.process-visual b { color: var(--terracotta-dark); font-family: Georgia,serif; }
.source-box { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.gallery-heading,.category-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 30px; }
.gallery-heading > p,.category-heading > p { max-width: 560px; margin-bottom: 5px; color: var(--muted); }
.treatment-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.treatment-gallery figure { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.treatment-gallery img { width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: top; }
.treatment-gallery figcaption { padding: 12px 15px; color: var(--muted); font-size: 12px; }
.concern-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 34px; }
.concern-card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 14px 36px rgba(70,50,38,.06); }
.concern-card picture,.concern-card img { display: block; width: 100%; }
.concern-card img { aspect-ratio: 1; object-fit: cover; }
.concern-card > div { padding: 22px; }
.concern-card span { color: var(--terracotta); font-family: Georgia,serif; font-size: 14px; }
.concern-card h3 { margin: 8px 0; font-size: 21px; }
.concern-card p { margin: 0; color: var(--muted); font-size: 14px; }
.treatment-area-composition { display: grid; grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr); gap: clamp(34px,5vw,68px); align-items: center; }
.treatment-area-copy .section-heading { margin-bottom: 26px; }
.treatment-area-media { width: 100%; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 14px 34px rgba(79,54,38,.08); }
.treatment-area-media picture,.treatment-area-media img { display: block; width: 100%; }
.treatment-area-media img { height: auto; }
.treatment-area-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 14px; }
.treatment-area-grid article { display: grid; min-height: 54px; place-items: center; padding: 10px 16px; border: 1px solid var(--terracotta); border-radius: 999px; color: #fff; background: #bd7a5d; outline: none; box-shadow: 0 9px 22px rgba(122,73,51,.12); transition: color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease; }
.treatment-area-grid article:hover,.treatment-area-grid article:focus-visible { color: var(--terracotta-dark); background: #fffaf3; transform: translateY(-3px); box-shadow: 0 14px 28px rgba(122,73,51,.18); }
.treatment-area-grid h3 { margin: 0; font-size: 17px; text-align: center; }
.gallery-swipe-hint { margin: 0; color: var(--terracotta-dark); font-size: 13px; white-space: nowrap; }
.results-gallery-shell { display: grid; grid-template-columns: 48px minmax(0,1fr) 48px; gap: 12px; align-items: center; }
.gallery-side-arrow { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid var(--terracotta); border-radius: 50%; color: var(--terracotta-dark); background: rgba(255,255,255,.82); font-size: 32px; line-height: 1; cursor: pointer; transition: color .18s ease,background .18s ease,transform .18s ease; }
.gallery-side-arrow:hover,.gallery-side-arrow:focus-visible { color: #fff; background: var(--terracotta); transform: scale(1.04); }
.results-gallery { display: grid; grid-auto-columns: minmax(240px,29%); grid-auto-flow: column; gap: 14px; overflow-x: auto; padding: 2px 2px 18px; scroll-snap-type: x mandatory; scrollbar-color: var(--terracotta) #eadfd3; scrollbar-width: thin; }
.results-gallery figure { height: clamp(360px,60vw,520px); margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fff; scroll-snap-align: start; }
.result-zoom { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.results-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .22s ease; }
.result-video-card { position: relative; }
.result-video-open { position: relative; display: block; width: 100%; height: 100%; padding: 0; overflow: hidden; border: 0; background: #2d2926; cursor: zoom-in; }
.result-video-open img { object-fit: cover; }
.result-video-play { position: absolute; top: 50%; left: 50%; display: grid; width: 62px; height: 62px; place-items: center; padding-left: 4px; border: 1px solid rgba(255,255,255,.78); border-radius: 50%; color: #fff; background: rgba(45,33,29,.78); font-size: 25px; transform: translate(-50%,-50%); transition: background .18s ease,transform .18s ease; }
.result-video-open:hover .result-video-play,.result-video-open:focus-visible .result-video-play { background: var(--terracotta); transform: translate(-50%,-50%) scale(1.07); }
.result-video-card > span { position: absolute; top: 12px; left: 12px; padding: 5px 11px; border-radius: 999px; color: #fff; background: rgba(141,80,59,.9); font-size: 12px; font-weight: 700; pointer-events: none; }
.result-zoom:hover img,.result-zoom:focus-visible img { transform: scale(1.025); }
.result-lightbox { width: min(92vw,820px); max-width: none; padding: 0; overflow: visible; border: 0; background: transparent; }
.result-lightbox::backdrop { background: rgba(25,20,17,.82); backdrop-filter: blur(5px); }
.result-lightbox figure { margin: 0; padding: 14px; border-radius: 24px; background: #fffaf3; box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.result-lightbox img { display: block; width: 100%; max-height: 78vh; border-radius: 15px; object-fit: contain; }
.result-lightbox figcaption { padding: 9px 4px 0; color: var(--muted); font-size: 13px; text-align: center; }
.result-video-lightbox { width: min(90vw,520px); max-width: none; padding: 0; overflow: visible; border: 0; background: transparent; }
.result-video-lightbox::backdrop { background: rgba(25,20,17,.86); backdrop-filter: blur(5px); }
.result-video-lightbox video { display: block; width: 100%; max-height: 86vh; border-radius: 22px; background: #000; box-shadow: 0 30px 90px rgba(0,0,0,.42); }
.lightbox-close,.lightbox-arrow { position: absolute; z-index: 2; display: grid; place-items: center; border: 0; border-radius: 50%; color: #fff; background: rgba(45,33,29,.86); cursor: pointer; }
.lightbox-close { top: -18px; right: -18px; width: 44px; height: 44px; font-size: 30px; }
.lightbox-arrow { top: 50%; width: 48px; height: 48px; font-size: 38px; transform: translateY(-50%); }
.lightbox-prev { left: -64px; }
.lightbox-next { right: -64px; }
.overview-feature-section { overflow: hidden; }
.overview-feature-layout { display: grid; grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr); gap: clamp(34px,6vw,76px); align-items: center; }
.overview-feature-machine { min-width: 0; }
.overview-machine-media { height: clamp(430px,49vw,620px); margin: 0; }
.overview-machine-media picture,.overview-machine-media img { display: block; width: 100%; height: 100%; }
.overview-machine-media img { object-fit: contain; object-position: center bottom; filter: drop-shadow(0 22px 28px rgba(92,66,51,.13)); }
.js .overview-machine-media.reveal-up { opacity: 0; transform: translateY(54px); transition: opacity .78s ease,transform .9s cubic-bezier(.22,.72,.24,1); }
.js .overview-machine-media.reveal-up.is-visible { opacity: 1; transform: translateY(0); }
.overview-feature-content { min-width: 0; }
.overview-feature-content .overview-power { margin: 0; color: #b86f4d; font-size: clamp(78px,10vw,128px); font-weight: 900; letter-spacing: -.07em; line-height: .86; }
.overview-feature-content h2 { margin: 22px 0 28px; font-family: inherit; font-size: clamp(34px,4.6vw,58px); font-weight: 700; letter-spacing: -.04em; }
.overview-feature-content h2 span { color: #c17a5b; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.overview-feature-content .lead-copy { max-width: 760px; letter-spacing: .04em; }
.landing-10therma #details .advantage-grid { display: block; }
.landing-10therma #details .advantage-card { margin-top: 17px; padding-top: 15px; padding-bottom: 15px; }
.landing-10therma #details .advantage-card .card-copy p { margin-top: -11px; margin-right: 3px; }
.why-choose-10therma { position: relative; overflow: hidden; background: #faf5ed url('assets/treatments/10therma/why-choose-bg-desktop.webp') center/cover no-repeat; }
.why-choose-layout { display: grid; grid-template-columns: minmax(300px,.92fr) minmax(0,1.08fr); gap: clamp(28px,4vw,56px); align-items: center; }
.why-choose-intro .lead { max-width: 560px; }
.why-choose-device { position: relative; min-height: clamp(390px,41vw,520px); margin-top: 20px; }
.why-choose-machine { position: absolute; bottom: 0; left: 43%; width: clamp(190px,23vw,310px); height: 100%; margin: 0; overflow: visible; transform: translateX(-18%); }
.why-choose-machine picture,.why-choose-machine img { display: block; width: 100%; height: 100%; }
.why-choose-machine img { object-fit: contain; object-position: center bottom; filter: drop-shadow(0 18px 25px rgba(92,66,51,.12)); }
.why-choose-metrics span { position: absolute; z-index: 2; width: clamp(112px,12vw,158px); padding: 15px 10px; border: 1px solid rgba(179,116,81,.28); border-radius: 18px; background: rgba(255,253,248,.92); color: var(--muted); font-size: 11px; text-align: center; outline: none; box-shadow: 0 12px 28px rgba(92,66,51,.09); transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.why-choose-metrics span:nth-child(1) { bottom: 42%; left: 0; }
.why-choose-metrics span:nth-child(2) { bottom: 2%; left: 14%; }
.why-choose-metrics span:nth-child(3) { right: 0; bottom: 19%; }
.why-choose-metrics span:hover,.why-choose-metrics span:focus-visible { border-color: var(--terracotta); transform: translateY(-5px) rotate(-1deg); box-shadow: 0 18px 34px rgba(92,66,51,.16); }
.why-choose-metrics b { display: block; margin-bottom: 5px; color: var(--terracotta); font: 27px/1 Georgia,serif; }
.why-choose-list { padding: 12px 34px 26px; border: 1px solid rgba(179,116,81,.3); border-radius: 30px; background: rgba(255,255,255,.86); box-shadow: 0 18px 46px rgba(92,66,51,.08); }
.why-choose-list article { display: grid; grid-template-columns: 52px 1fr; gap: 18px; margin-inline: -12px; padding: 26px 12px; border-bottom: 1px solid var(--line); border-radius: 18px; outline: none; transition: background .2s ease,transform .2s ease,box-shadow .2s ease; }
.why-choose-list article:hover,.why-choose-list article:focus-visible { background: #fff7ef; transform: translateX(6px); box-shadow: 0 12px 28px rgba(92,66,51,.08); }
.why-choose-list article > span { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 50%; color: #fff; background: var(--terracotta); font-family: Georgia,serif; }
.why-choose-list article:nth-child(2) > span { background: #e5b77f; }
.why-choose-list article:nth-child(3) > span { background: #b9d4ea; }
.why-choose-list h3 { margin: 2px 0 10px; font-size: 24px; }
.why-choose-tagline { margin: 22px 0 0; padding: 13px 18px; border-radius: 999px; color: #fff; background: #d49578; font-weight: 650; text-align: center; }
.landing-10therma .eyebrow { color: #84582c; }
.landing-10therma .why-choose-10therma { background-color: #fff9e9; }
.landing-10therma .why-choose-10therma::before {
  content: "•ᴗ•";
  position: absolute;
  z-index: 1;
  top: 7%;
  right: 4%;
  display: grid;
  width: 84px;
  height: 84px;
  place-items: center;
  border: 6px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: #ffd247;
  font-size: 20px;
  letter-spacing: .08em;
  box-shadow: 0 16px 30px rgba(119,80,25,.16);
  transform: rotate(8deg);
}
.landing-10therma .why-choose-10therma::after {
  content: "✦";
  position: absolute;
  z-index: 1;
  bottom: 8%;
  left: 3%;
  color: #45b8cf;
  font-size: 58px;
  text-shadow: 3px 3px 0 #fff;
  transform: rotate(-12deg);
}
.landing-10therma .why-choose-metrics span { border: 4px solid #fff; color: #5c482f; background: #fff1ad; box-shadow: 0 12px 0 rgba(69,184,207,.15); }
.landing-10therma .why-choose-metrics span:nth-child(2) { background: #dff6f8; box-shadow: 0 12px 0 rgba(241,161,59,.15); }
.landing-10therma .why-choose-metrics span:nth-child(3) { background: #ffe2b7; box-shadow: 0 12px 0 rgba(255,210,71,.2); }
.landing-10therma .why-choose-metrics b { color: #e88f2b; }
.landing-10therma .why-choose-list { border: 5px solid #fff; background: rgba(255,253,244,.9); box-shadow: 0 20px 0 rgba(69,184,207,.12),0 30px 56px rgba(112,77,30,.08); }
.landing-10therma .why-choose-list article:hover,.landing-10therma .why-choose-list article:focus-visible { background: #fff4bc; }
.landing-10therma .why-choose-list article > span { border: 3px solid #fff; background: #f1a13b; box-shadow: 0 6px 0 rgba(69,184,207,.16); }
.landing-10therma .why-choose-list article:nth-child(2) > span { color: #553e26; background: #ffd247; }
.landing-10therma .why-choose-list article:nth-child(3) > span { color: #553e26; background: #83d4e2; }
.landing-10therma .why-choose-tagline { border: 4px solid #fff; color: #fff; background: #45b8cf; box-shadow: 0 9px 0 rgba(241,161,59,.18); }
.landing-10therma .announcement { background: #39aec7; }
.landing-10therma header { border-bottom-color: rgba(122,87,42,.13); background: rgba(255,251,235,.92); }
.landing-10therma header .brand span,.landing-10therma footer .brand span { color: #f1a13b; }
.landing-10therma header .button,.landing-10therma .button { border-color: #e8932f; background: #f1a13b; box-shadow: 0 10px 0 rgba(90,169,190,.2); transition: transform .2s ease,box-shadow .2s ease,background .2s ease; }
.landing-10therma .button:hover,.landing-10therma .button:focus-visible { background: #db8423; transform: translateY(-2px); box-shadow: 0 13px 0 rgba(90,169,190,.18); }
.landing-10therma .button.secondary { color: #70491f; border-color: #64b8ca; background: rgba(255,255,255,.72); box-shadow: none; }
.landing-10therma .page-hero {
  position: relative;
  background:
    radial-gradient(circle at 8% 18%,rgba(255,210,71,.34) 0 6%,transparent 6.2%),
    radial-gradient(circle at 94% 78%,rgba(78,192,215,.18) 0 8%,transparent 8.2%),
    linear-gradient(rgba(213,174,91,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(213,174,91,.07) 1px,transparent 1px),
    #fff9e8;
  background-size: auto,auto,72px 72px,72px 72px,auto;
}
.landing-10therma .hero-banner-media { position: relative; isolation: isolate; }
.landing-10therma .hero-banner-media picture { border: 5px solid #fff; border-radius: 30px; box-shadow: 0 24px 60px rgba(116,78,28,.18),0 6px 0 rgba(69,184,207,.16); }
.landing-10therma .hero-banner-media::before,.landing-10therma .hero-banner-media::after {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  border: 5px solid #fff;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 13px 28px rgba(108,76,30,.18);
  pointer-events: none;
}
.landing-10therma .hero-banner-media::before { content: "✦"; top: -18px; right: 7%; width: 62px; height: 62px; background: #ffd247; font-size: 27px; transform: rotate(8deg); }
.landing-10therma .hero-banner-media::after { content: "•ᴗ•"; bottom: -20px; left: 5%; width: 70px; height: 70px; background: #47bad1; font-size: 18px; letter-spacing: .06em; transform: rotate(-7deg); }
.landing-10therma h1 { font-size: clamp(31px,5.9vw,66px); }
.landing-10therma h1 > span { display: block; white-space: nowrap; }
.landing-10therma h1 > span + span { margin-top: .12em; }
.landing-10therma .hero-copy-panel {
  position: relative;
  padding: clamp(24px,4vw,46px);
  border: 2px solid rgba(69,184,207,.26);
  border-radius: 28px;
  background: rgba(255,253,244,.9);
  box-shadow: 0 20px 48px rgba(121,83,31,.1);
}
.landing-10therma .hero-copy-panel::before { content: ""; position: absolute; top: 16px; right: 20px; width: 56px; height: 10px; border-top: 3px dashed #ffd247; border-bottom: 3px dashed #47bad1; transform: rotate(5deg); }
.landing-10therma .quick-facts span { border: 2px solid #fff; color: #65471f; background: #dff6f8; box-shadow: 0 6px 14px rgba(109,75,27,.08); }
.landing-10therma .quick-facts span:nth-child(2) { background: #fff1a9; }
.landing-10therma .quick-facts span:nth-child(3) { background: #ffe0b0; }
.landing-10therma .detail-section { position: relative; overflow: hidden; isolation: isolate; }
.landing-10therma .detail-section > .container { position: relative; z-index: 2; }
.landing-10therma .detail-section.paper { background-color: #fffdf4; }
.landing-10therma #details {
  background:
    radial-gradient(circle at 94% 78%,rgba(72,189,212,.2) 0 9%,transparent 9.2%),
    linear-gradient(rgba(202,165,86,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(202,165,86,.07) 1px,transparent 1px),
    #fff1c9;
  background-size: auto,72px 72px,72px 72px,auto;
}
.landing-10therma #details::before,
.landing-10therma .linearz-strategy::before,
.landing-10therma .treatment-areas-section::before,
.landing-10therma .results-section::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 0;
  width: 100%;
  height: 25px;
  background: #aeeef2;
  clip-path: polygon(0 0,100% 0,100% 42%,96% 72%,91% 43%,86% 80%,80% 48%,74% 75%,68% 40%,61% 78%,54% 44%,47% 82%,40% 47%,33% 74%,27% 42%,20% 80%,13% 48%,7% 72%,0 45%);
}
.landing-10therma .overview-machine-media { padding: 18px; border: 4px solid #fff; border-radius: 32px; background: rgba(255,255,255,.52); box-shadow: 0 18px 42px rgba(112,77,30,.12); }
.landing-10therma .overview-feature-content .overview-power { color: #f09d32; text-shadow: 4px 4px 0 #fff,7px 7px 0 rgba(65,181,204,.35); }
.landing-10therma .overview-feature-content h2 span { color: #36abc4; text-decoration-color: #ffd247; text-decoration-thickness: 5px; }
.landing-10therma #details .advantage-card { border: 3px solid #fff; background: #dff6f8; box-shadow: 0 12px 0 rgba(241,161,59,.16); }
.landing-10therma .linearz-strategy {
  background:
    radial-gradient(circle at 96% 20%,rgba(255,210,71,.34) 0 7%,transparent 7.2%),
    linear-gradient(rgba(202,165,86,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(202,165,86,.065) 1px,transparent 1px),
    #fff9e9;
  background-size: auto,72px 72px,72px 72px,auto;
}
.landing-10therma .concern-section .section-intro { position: static; max-width: 850px; }
.landing-10therma .concern-section h2 { font-size: clamp(28px,3.4vw,42px); }
.landing-10therma .concern-card-grid { gap: 12px; margin-top: 24px; }
.landing-10therma .concern-card { display: grid; grid-template-columns: 96px minmax(0,1fr); min-height: 112px; border: 3px solid #fff; border-radius: 18px; background: #fff2bc; box-shadow: 0 10px 0 rgba(72,187,210,.14); }
.landing-10therma .concern-card:nth-child(3n+2) { background: #dff6f8; box-shadow: 0 10px 0 rgba(241,161,59,.16); }
.landing-10therma .concern-card:nth-child(3n) { background: #ffe3bd; box-shadow: 0 10px 0 rgba(255,210,71,.18); }
.landing-10therma .concern-card picture { height: 100%; }
.landing-10therma .concern-card img { height: 100%; aspect-ratio: auto; object-fit: cover; }
.landing-10therma .concern-card > div { align-self: center; padding: 13px; }
.landing-10therma .concern-card span { font-size: 12px; }
.landing-10therma .concern-card h3 { margin: 3px 0; font-size: 15px; }
.landing-10therma .concern-card p { font-size: 11px; line-height: 1.5; }
.landing-10therma .concern-card { outline: none; transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.landing-10therma .concern-card img { transition: transform .25s ease; }
.landing-10therma .concern-card:hover,.landing-10therma .concern-card:focus-visible { border-color: #fff; transform: translateY(-5px) rotate(-.4deg); box-shadow: 0 18px 34px rgba(97,61,43,.15); }
.landing-10therma .concern-card:hover img,.landing-10therma .concern-card:focus-visible img { transform: scale(1.055); }
.landing-10therma .linearz-strategy .strategy-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.landing-10therma .linearz-strategy .strategy-card { padding: 13px; overflow: hidden; border: 3px solid #fff; border-radius: 18px; background: #fff8ca; box-shadow: 0 10px 0 rgba(72,187,210,.15); }
.landing-10therma .linearz-strategy .strategy-card:nth-child(even) { background: #dff6f8; box-shadow: 0 10px 0 rgba(241,161,59,.16); }
.landing-10therma .linearz-strategy .strategy-card-media { height: clamp(105px,11vw,145px); margin: -13px -13px 12px; }
.landing-10therma .linearz-strategy .strategy-card-media picture,.landing-10therma .linearz-strategy .strategy-card-media img { width: 100%; height: 100%; }
.landing-10therma .linearz-strategy .strategy-card-media img { aspect-ratio: auto; object-fit: cover; }
.landing-10therma .linearz-strategy .strategy-card h3 { font-size: 17px; }
.landing-10therma .linearz-strategy .strategy-card .card-copy { font-size: 12px; }
.landing-10therma .treatment-areas-section { background: #fff3d2; }
.landing-10therma .treatment-area-media { border: 5px solid #fff; box-shadow: 0 18px 0 rgba(69,184,207,.15),0 26px 48px rgba(112,77,30,.1); }
.landing-10therma .treatment-area-grid article { border: 3px solid #fff; color: #fff; background: #ec9a37; box-shadow: 0 8px 0 rgba(69,184,207,.16); }
.landing-10therma .treatment-area-grid article:nth-child(4n+2),.landing-10therma .treatment-area-grid article:nth-child(4n+3) { color: #59401f; background: #83d4e2; box-shadow: 0 8px 0 rgba(255,210,71,.3); }
.landing-10therma .treatment-area-grid article:hover,.landing-10therma .treatment-area-grid article:focus-visible { color: #5b411f; border-color: #fff; background: #fff3a9; transform: translateY(-4px) rotate(-.6deg); }
.landing-10therma .results-section {
  background:
    radial-gradient(circle at 6% 88%,rgba(255,210,71,.28) 0 7%,transparent 7.2%),
    #fffdf4;
}
.landing-10therma .results-gallery figure { border: 5px solid #fff; background: #fff; box-shadow: 0 13px 0 rgba(69,184,207,.13); }
.landing-10therma .gallery-side-arrow { border: 3px solid #fff; color: #5c431f; background: #ffd247; box-shadow: 0 8px 0 rgba(69,184,207,.18); }
.landing-10therma .gallery-side-arrow:hover,.landing-10therma .gallery-side-arrow:focus-visible { color: #fff; background: #45b8cf; }
.landing-10therma .result-video-card > span { background: #45b8cf; }
.landing-10therma .linearz-cta {
  color: #553e26;
  background:
    radial-gradient(circle at 86% 22%,rgba(255,210,71,.55) 0 8%,transparent 8.2%),
    radial-gradient(circle at 10% 82%,rgba(69,184,207,.25) 0 9%,transparent 9.2%),
    linear-gradient(135deg,#dff6f8,#fff5bd 55%,#ffe0ad);
}
.landing-10therma .linearz-cta .button { color: #fff; border-color: #fff; background: #ec9630; }
.landing-10therma .faq-list article,.landing-10therma .mini-card { border: 3px solid #fff; background: #fff8ca; box-shadow: 0 10px 0 rgba(69,184,207,.13); }
.landing-10therma .faq-list article:nth-child(even),.landing-10therma .mini-card:nth-child(even) { background: #dff6f8; box-shadow: 0 10px 0 rgba(241,161,59,.16); }
.landing-10therma footer { border-top: 8px solid #45b8cf; background: #553e26; }
.landing-10therma .sticky-mobile .button { border: 3px solid #fff; background: #ed9631; box-shadow: 0 10px 0 rgba(69,184,207,.28); }
.landing-10therma .linearz-motion-card { outline: none; transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.landing-10therma .linearz-motion-card:hover,.landing-10therma .linearz-motion-card:focus { transform: translateY(-5px) rotate(-.35deg); border-color: #fff; box-shadow: 0 16px 34px rgba(97,61,43,.12); }
.faq-list { display: grid; gap: 14px; }
.faq-list article { padding: 23px 24px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.62); }
.faq-list p { margin: 0; color: var(--muted); }
.faq-visual { position: relative; max-width: 260px; min-height: 210px; margin-top: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 100px 100px 24px 24px; background: linear-gradient(145deg,#f1cdbd,#d8e4dc); }
.faq-visual > span { position: absolute; z-index: 2; top: 14px; right: 22px; display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; color: #fff; background: var(--terracotta); font-family: Georgia,serif; font-size: 28px; }
.faq-machine,.faq-machine picture { height: 100%; }
.faq-machine img { width: 100%; height: 210px; object-fit: contain; }
.faq-machine figcaption { display: none; }
.faq-cover-media { max-width: 360px; margin-top: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: 26px; background: #fff; box-shadow: 0 18px 45px rgba(79,54,38,.09); }
.faq-cover-media img { display: block; width: 100%; height: auto; object-fit: contain; }
.faq-cover-media figcaption { padding: 10px 14px 14px; }
.related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.mini-card { padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.mini-card span { color: var(--terracotta-dark); font-size: 12px; font-weight: 700; }
.mini-card p { margin: 0; color: var(--muted); font-size: 14px; }
.cta { padding: 76px 0; color: #fff; background: var(--terracotta-dark); }
.cta-grid { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; }
.cta p { margin-bottom: 0; color: rgba(255,255,255,.78); }
.cta-copy { max-width: 780px; }
.linearz-cta .cta-grid { grid-template-columns: minmax(0,1fr) auto; }
.cta .button { color: var(--terracotta-dark); background: #fff; border-color: #fff; }
.treatments-index h1 { font-size: clamp(46px,6.2vw,78px); font-weight: 650; }
.treatments-index h1 em { color: var(--terracotta); font-family: Georgia,serif; font-weight: 500; }
.index-hero { padding: 38px 0 88px; }
.index-hero-panel { display: grid; grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr); gap: 54px; align-items: center; min-height: 610px; padding: clamp(42px,6vw,72px); border: 1px solid var(--line); border-radius: 36px; background: linear-gradient(135deg,#fffaf3 0%,#f4e8dc 52%,#e4ece8 100%); box-shadow: var(--shadow); }
.index-hero-copy { max-width: 590px; }
.index-hero-copy .lead { max-width: 570px; }
.index-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.concern-shortcuts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.concern-shortcuts a { position: relative; display: flex; min-height: 172px; flex-direction: column; justify-content: end; overflow: hidden; padding: 24px; border: 1px solid rgba(65,54,46,.1); border-radius: 26px; background: rgba(255,255,255,.78); box-shadow: 0 14px 34px rgba(79,54,38,.07); transition: transform .2s ease,box-shadow .2s ease; }
.concern-shortcuts a::after { position: absolute; width: 110px; height: 110px; right: -28px; top: -28px; border-radius: 50%; background: var(--shortcut); content: ""; opacity: .9; }
.concern-shortcuts a:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(79,54,38,.1); }
.concern-shortcuts span { position: absolute; z-index: 1; top: 20px; left: 22px; color: var(--terracotta-dark); font-family: Georgia,serif; font-size: 18px; }
.concern-shortcuts strong,.concern-shortcuts small { position: relative; z-index: 1; }
.concern-shortcuts strong { font-size: 19px; line-height: 1.28; }
.concern-shortcuts small { margin-top: 5px; color: var(--muted); }
.index-featured { padding: 96px 0; background: var(--paper); }
.index-section-heading { display: flex; justify-content: space-between; gap: 42px; align-items: end; margin-bottom: 38px; }
.index-section-heading h2 { margin-bottom: 0; }
.index-section-heading > p { max-width: 500px; margin-bottom: 6px; color: var(--muted); }
.featured-treatment-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.featured-treatment { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: 0 14px 36px rgba(70,50,38,.06); transition: transform .2s ease,box-shadow .2s ease; }
.featured-treatment:hover { transform: translateY(-4px); box-shadow: 0 22px 48px rgba(70,50,38,.1); }
.featured-treatment-media { position: relative; height: 290px; overflow: hidden; background: linear-gradient(145deg,#f1d5c8,#dce8e1); }
.featured-treatment-media img { width: 100%; height: 100%; padding: 0; object-fit: cover; object-position: center; }
.featured-treatment-media span { position: absolute; top: 17px; left: 17px; padding: 7px 11px; border-radius: 999px; color: #62584f; background: rgba(255,255,255,.82); font-size: 12px; backdrop-filter: blur(8px); }
.featured-treatment-copy { padding: 26px; }
.featured-treatment-copy h3 { font-size: 24px; }
.featured-treatment-copy > p:not(.eyebrow) { min-height: 72px; color: var(--muted); font-size: 14px; }
.index-directory { padding: 90px 0 42px; }
.category-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.category-nav a { padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); font-size: 14px; }
.category-nav a:hover { border-color: var(--terracotta); color: var(--terracotta-dark); }
.treatment-list { padding: 66px 0 92px; scroll-margin-top: 92px; }
.treatment-list.paper { background: var(--paper); }
.category-heading { align-items: start; }
.category-heading > div { max-width: 540px; }
.category-heading h2 { margin-bottom: 0; }
.treatment-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.treatment-card { display: flex; min-height: 285px; flex-direction: column; justify-content: space-between; gap: 24px; padding: 28px; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.72); transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.treatment-card h3 { margin: 9px 0 12px; font-size: 22px; }
.treatment-card:hover { transform: translateY(-4px); border-color: rgba(173,109,82,.4); box-shadow: 0 18px 40px rgba(79,54,38,.09); }
.treatment-card .type { color: var(--terracotta-dark); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.treatment-card p { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.treatment-card .text-link { align-self: flex-start; }
.text-link { color: var(--terracotta-dark); font-weight: 700; }
footer { padding: 46px 0; color: #b8ada3; background: #2d2a27; }
.footer-grid { display: flex; justify-content: space-between; gap: 30px; }
footer .brand { color: #fff; }
.sticky-mobile { display: none; }
@media(max-width:850px){
  .container { width: min(100% - 34px,720px); }
  .nav { min-height: 66px; }
  .nav-links { display: none; }
  .desktop-cta { display: none; }
  .section-grid,.cta-grid { grid-template-columns: 1fr; }
  .linearz-cta .cta-grid { grid-template-columns: 1fr; }
  .page-hero { padding: 26px 0 64px; }
  .hero-banner-media picture,.hero-banner-placeholder > div { aspect-ratio: 4/5; border-radius: 24px; }
  .hero-banner-wide picture { aspect-ratio: 2/1; }
  .landing-linearz .hero-banner-custom picture { aspect-ratio: 2/1; }
  .hero-copy-panel { margin-top: 30px; }
  .section-intro { position: static; }
  .detail-section { padding: 70px 0; }
  .cards,.strategy-grid,.strategy-showcase,.service-grid,.service-visual-grid,.price-grid,.treatment-grid,.related-grid { grid-template-columns: 1fr; }
  .concern-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
  .landing-10therma .concern-section { padding-block: 54px; }
  .landing-10therma .concern-section h2 { max-width: 640px; font-size: 31px; }
  .concern-card > div { padding: 15px; }
  .concern-card h3 { margin: 5px 0; font-size: 17px; }
  .concern-card p { font-size: 12px; }
  .overview-feature-layout { grid-template-columns: minmax(190px,.7fr) minmax(0,1.3fr); gap: 24px; }
  .overview-machine-media { height: 390px; }
  .overview-feature-content .overview-power { font-size: clamp(68px,12vw,92px); }
  .overview-feature-content h2 { margin-block: 16px 22px; font-size: clamp(30px,5.7vw,42px); }
  .treatment-area-composition { grid-template-columns: minmax(0,.88fr) minmax(300px,1.12fr); gap: 24px; }
  .treatment-area-grid { gap: 9px; }
  .treatment-area-grid article { min-height: 48px; padding: 8px 12px; }
  .treatment-area-grid h3 { font-size: 15px; }
  .gallery-heading.results-heading { display: flex; align-items: end; }
  .results-gallery { grid-auto-columns: 42%; }
  .why-choose-10therma { background-image: url('assets/treatments/10therma/why-choose-bg-mobile.webp'); }
  .why-choose-layout { grid-template-columns: minmax(280px,.88fr) minmax(0,1.12fr); gap: 24px; }
  .why-choose-device { min-height: 380px; }
  .why-choose-machine { left: 42%; width: 210px; }
  .why-choose-metrics span { width: 108px; padding: 12px 8px; }
  .why-choose-metrics b { font-size: 22px; }
  .why-choose-list { padding-inline: 24px; }
  .why-choose-list article { grid-template-columns: 44px 1fr; gap: 13px; padding-block: 21px; }
  .why-choose-list article > span { width: 44px; height: 44px; }
  .why-choose-list h3 { font-size: 20px; }
  .why-choose-list .card-copy { font-size: 12px; }
  .landing-10therma .linearz-strategy .strategy-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
  .price-offer-layout { grid-template-columns: 1fr; }
  .landing-linearz .price-offer-layout { grid-template-columns: minmax(0,1fr); }
  .price-offer-media { width: min(100%,480px); margin-inline: auto; }
  .price-options { grid-template-columns: 1fr; }
  .price-included { min-width: 0; }
  .landing-linearz #details .advantage-grid { grid-template-columns: 1fr; }
  .landing-linearz #details .principle-banner { border-radius: 24px; }
  .comparison-desktop { display: none; }
  .comparison-cards { display: block; }
  .treatment-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .gallery-heading,.category-heading,.price-heading { display: block; }
  .treatment-card { min-height: 240px; }
  .treatments-index .index-hero { padding: 22px 0 64px; }
  .treatments-index .index-hero-panel { grid-template-columns: 1fr; min-height: auto; gap: 38px; padding: 42px 28px; border-radius: 28px; }
  .treatments-index .index-hero-copy { max-width: none; }
  .treatments-index .index-hero-copy h1 { font-size: clamp(42px,10vw,58px); }
  .treatments-index .index-section-heading { display: block; }
  .treatments-index .index-section-heading > p { margin-top: 16px; }
  .treatments-index .featured-treatment-grid { grid-template-columns: 1fr; }
  .treatments-index .featured-treatment { display: grid; grid-template-columns: minmax(220px,.75fr) 1.25fr; }
  .treatments-index .featured-treatment-media { height: 100%; min-height: 280px; }
  .treatments-index .featured-treatment-copy > p:not(.eyebrow) { min-height: 0; }
  .treatments-index .treatment-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-grid { flex-direction: column; }
  .sticky-mobile { display: block; position: fixed; z-index: 30; right: 16px; bottom: 16px; left: 16px; }
  .sticky-mobile .button { width: 100%; box-shadow: 0 12px 36px rgba(76,42,30,.25); }
  body { padding-bottom: 76px; }
}
@media(max-width:680px){
  .landing-10therma .hero-banner-media::before { top: -12px; right: 5%; width: 48px; height: 48px; border-width: 4px; font-size: 21px; }
  .landing-10therma .hero-banner-media::after { bottom: -14px; left: 4%; width: 52px; height: 52px; border-width: 4px; font-size: 14px; }
  .landing-10therma .hero-copy-panel { padding: 26px 20px; border-radius: 23px; }
  .landing-10therma .hero-copy-panel::before { top: 12px; right: 14px; width: 42px; }
  .landing-10therma .why-choose-10therma::before { top: 3%; right: -18px; width: 62px; height: 62px; border-width: 4px; font-size: 16px; }
  .landing-10therma .why-choose-10therma::after { bottom: 3%; left: -8px; font-size: 42px; }
  .landing-10therma #details::before,
  .landing-10therma .linearz-strategy::before,
  .landing-10therma .treatment-areas-section::before,
  .landing-10therma .results-section::before { height: 18px; }
  .overview-feature-layout,.why-choose-layout,.treatment-area-composition { grid-template-columns: 1fr; }
  .overview-feature-content { order: -1; }
  .overview-machine-media { height: 300px; }
  .why-choose-intro .lead { max-width: 100%; }
  .why-choose-device { min-height: 370px; }
  .why-choose-machine { left: 50%; width: 190px; transform: translateX(-18%); }
  .why-choose-metrics span { width: 118px; }
  .treatment-area-media { width: min(100%,480px); margin-inline: auto; }
}
@media(max-width:560px){
  h1 { font-size: 42px; }
  .landing-10therma h1 { font-size: clamp(29px,8.5vw,38px); }
  .landing-10therma .hero-banner-media picture { border-width: 3px; border-radius: 22px; }
  .landing-10therma .overview-machine-media { border-width: 3px; border-radius: 24px; }
  .landing-10therma .why-choose-10therma::before,.landing-10therma .why-choose-10therma::after { opacity: .68; }
  .treatment-gallery { grid-template-columns: 1fr; }
  .concern-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .landing-10therma .concern-card { grid-template-columns: 78px minmax(0,1fr); }
  .treatment-area-media { width: min(100%,360px); }
  .gallery-heading.results-heading { display: flex; }
  .results-gallery-shell { grid-template-columns: 40px minmax(0,1fr) 40px; gap: 7px; }
  .gallery-side-arrow { width: 38px; height: 38px; font-size: 28px; }
  .results-gallery { grid-auto-columns: 78%; }
  .lightbox-prev { left: 8px; }
  .lightbox-next { right: 8px; }
  .lightbox-close { top: -14px; right: -8px; }
  .landing-10therma .linearz-strategy .strategy-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .why-choose-device { min-height: 340px; }
  .why-choose-machine { display: block; width: 165px; }
  .why-choose-list { padding-inline: 20px; }
  .why-choose-list article { grid-template-columns: 42px 1fr; gap: 13px; padding: 22px 0; }
  .why-choose-list article > span { width: 42px; height: 42px; }
  .why-choose-list h3 { font-size: 21px; }
  .why-choose-metrics b { font-size: 21px; }
  .treatment-card > img { height: 240px; }
  .strategy-web-media { border-radius: 24px; }
  .comparison-card dl > div { grid-template-columns: 1fr; gap: 4px; }
  .landing-linearz .price-card { padding: 20px; }
  .price-tier-heading { align-items: flex-start; }
  .price-tier-heading span { max-width: 130px; text-align: center; }
  .treatments-index .index-hero-panel { padding: 34px 20px; }
  .treatments-index .index-hero-actions { display: grid; grid-template-columns: 1fr; }
  .treatments-index .concern-shortcuts { grid-template-columns: 1fr; }
  .treatments-index .concern-shortcuts a { min-height: 142px; }
  .treatments-index .featured-treatment { display: block; }
  .treatments-index .featured-treatment-media { height: 270px; min-height: 0; }
  .treatments-index .treatment-grid { grid-template-columns: 1fr; }
  .treatments-index .treatment-card { min-height: 230px; }
}
@media(prefers-reduced-motion:reduce){
  .js .overview-machine-media.reveal-up { opacity: 1; transform: none; transition: none; }
}
@media(prefers-reduced-motion:reduce){
  .landing-linearz .suitability-list li,.landing-linearz .linearz-motion-card { transition: none; }
  .landing-linearz .suitability-list li:hover,.landing-linearz .suitability-list li:focus,.landing-linearz .linearz-motion-card:hover,.landing-linearz .linearz-motion-card:focus { transform: none; }
}