.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  
x-dc{display:none!important}

body{margin:0;background:#ffffff}
a{color:#1d1d1f}a:hover{color:#37352f}
.tp-btn{transition:background-color .15s ease, box-shadow .15s ease}
.tp-btn:hover{background-color:#37352f}
.tp-ghost:hover{background-color:rgba(55,53,47,.06)}
.tp-peek-img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.tp-peek:hover .tp-peek-img{transform:translateY(-12px) rotate(-3deg)}
@media (max-width: 900px){.tp-peek{margin-top:128px} #roles{gap:40px !important}}
@keyframes tpWord{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}
.tp-word{display:inline-block}
@media (prefers-reduced-motion: no-preference){.tp-word{animation:tpWord .45s cubic-bezier(.2,.7,.2,1) both}}
.tp-chef{transform:scaleX(-1)}
@media (max-width: 700px){.tp-chef{width:50px !important;left:3% !important;translate:0 -60% !important} .tp-herovis{padding-top:44px !important;padding-bottom:28px !important}}
@keyframes tpWave{0%,60%,100%{rotate:0deg}70%{rotate:-4deg}80%{rotate:3deg}90%{rotate:-2deg}}
@media (prefers-reduced-motion: no-preference){.tp-chef{transform-origin:50% 66%;animation:tpWave 4s ease-in-out 1.2s infinite}}
@media (max-width: 700px){.tp-nav{display:none !important} .tp-hdr-cta{display:none !important} .tp-jvis{min-height:0 !important} #top{padding-top:40px !important}}
.tp-jlist{min-height:640px}
@media (max-width: 880px){.tp-jvis{order:-1; height:560px; min-height:0 !important; flex-basis:100% !important} .tp-jlist{min-height:600px}}
@media (max-width: 480px){.tp-trk{width:156px !important;border-radius:26px !important} .tp-trk > div{border-radius:20px !important} .tp-jvis{height:360px} .tp-jlist{min-height:624px} .tp-ph2{gap:12px !important} .tp-ph2 > div{width:46% !important} .tp-ph2 > div:nth-child(2){margin-top:28px !important}}
#top,#journey,#roles,#backoffice,#demo{scroll-margin-top:84px}
@media (max-width: 700px){.tp-hdr{grid-template-columns:1fr auto !important}}
.tp-bento{grid-column:span var(--span)}
.tp-bento{transition:background-color .25s ease, transform .35s cubic-bezier(.2,.7,.2,1)}
.tp-bento:hover{background-color:#f4f3f1}
@media (max-width: 900px){.tp-bento{grid-column:span 12}}
.tp-bar1{transform-origin:bottom;transform:scaleY(.08);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.rv-in .tp-bar1{transform:none}
.tp-receipt{transform:translateY(70%);transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .25s}
.rv-in .tp-receipt{transform:translateY(0);animation:tpPrint 6s cubic-bezier(.45,.05,.3,1) 1.7s infinite}
@keyframes tpPrint{0%{transform:translateY(0);opacity:1}62%{transform:translateY(0);opacity:1}70%{transform:translateY(-30px);opacity:0}71%{transform:translateY(70%);opacity:0}74%{transform:translateY(70%);opacity:1}100%{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion: reduce){.tp-bar1,.tp-receipt{transform:none !important;transition:none !important;animation:none !important}}
.tp-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform 1.05s cubic-bezier(.16,1,.3,1)}
.tp-reveal.rv-in{opacity:1;transform:none}
.rv-stagger{opacity:1 !important;transform:none !important}
.rv-stagger > *{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .8s ease,transform 1.05s cubic-bezier(.16,1,.3,1)}
.rv-stagger.rv-in > *{opacity:1;transform:none}
.rv-stagger.rv-in > *:nth-child(2){transition-delay:.12s}
.rv-stagger.rv-in > *:nth-child(3){transition-delay:.24s}
.rv-stagger.rv-in > *:nth-child(4){transition-delay:.36s}
@media (prefers-reduced-motion: reduce){.tp-reveal,.rv-stagger > *{opacity:1 !important;transform:none !important;transition:none !important}}
.tp-white:hover{background-color:#f1f1ef}
.tp-tab:hover{background-color:rgba(55,53,47,.04)}
.tp-nav a{color:rgba(55,53,47,.75);text-decoration:none}
.tp-nav a:hover{color:#37352f}
.tp-nav a,.tp-hdr-cta{white-space:nowrap}
.tp-fcard{transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s ease}
.tp-fcard:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,0,0,.14),0 8px 20px -12px rgba(0,0,0,.18) !important}
.tp-fchip{transition:background-color .2s ease}
.tp-fchip:hover{background:#f6f5f4 !important}
.tp-fv{animation:tpFvIn .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes tpFvIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.tp-fvshot{animation:tpFvUp .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes tpFvUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.tp-bento{cursor:pointer}
.tp-mqtrack{animation:tpMq 45s linear infinite}
@keyframes tpMq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tp-mqwin:hover .tp-mqtrack{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){.tp-mqtrack{animation:none}}
@media (max-width: 700px){.tp-mqtrack span{font-size:14px !important} .tp-mqtrack img{width:22px !important;height:22px !important} .tp-mq{padding-bottom:48px !important}}
@media (max-width: 760px){.tp-price{grid-template-columns:1fr !important} .tp-prlist{grid-template-columns:1fr !important}}
h1,h2{text-wrap:balance}
@media (max-width: 1240px){.tp-frow{grid-template-columns:repeat(3, minmax(0, 1fr)) !important}}
@media (max-width: 560px){.tp-frow{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:10px !important} .tp-fcard{padding:14px !important;gap:16px !important} .tp-fcard img{width:40px !important;height:40px !important}}
@media (prefers-reduced-motion: reduce){.tp-fv,.tp-fvshot{animation:none !important}}
@media (max-width: 560px){
.tp-bento{padding:22px 18px 0 !important}
.tp-sckpis{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}
.tp-sckpis > div:nth-child(3){grid-column:span 2}
.tp-pfhead{display:none !important}
.tp-pfrow{grid-template-columns:minmax(0, 1fr) auto !important;row-gap:8px !important}
.tp-pfrow > .tp-pfm{grid-column:1 / -1;grid-row:2;flex-direction:row !important;align-items:center;gap:10px !important}
.tp-pfrow > .tp-pfm > span:last-child{flex:1}
}
.tp-kticket,.tp-kempty,.tp-kcur,.tp-kring{will-change:transform,opacity}
.rv-in .tp-kticket{animation:tpKT 6.5s cubic-bezier(.5,0,.25,1) 1s infinite}
.rv-in .tp-kempty{animation:tpKE 6.5s linear 1s infinite}
.rv-in .tp-kcur{animation:tpKC 6.5s cubic-bezier(.3,0,.2,1) 1s infinite}
.rv-in .tp-kring{animation:tpKR 6.5s ease-out 1s infinite}
.tp-kcur{opacity:0}
@keyframes tpKT{0%,26%{transform:none;box-shadow:none;opacity:1}32%{transform:translateY(-6px) scale(1.03);box-shadow:0 18px 30px -14px rgba(29,29,31,.45)}52%{transform:translate(-107%,-6px) scale(1.03);box-shadow:0 18px 30px -14px rgba(29,29,31,.45)}58%{transform:translate(-107%,0) scale(1);box-shadow:0 0 0 2px #fab95b}86%{transform:translate(-107%,0);opacity:1;box-shadow:0 0 0 2px #fab95b}92%{transform:translate(-107%,0);opacity:0}93%{transform:none;opacity:0;box-shadow:none}100%{transform:none;opacity:1}}
@keyframes tpKE{0%,28%{opacity:0}31%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes tpKC{0%{transform:translate(70px,90px);opacity:0}6%{opacity:1}18%{transform:none}21%{transform:scale(.85)}25%{transform:none;opacity:1}36%{transform:translate(-30px,40px);opacity:0}100%{transform:translate(70px,90px);opacity:0}}
@keyframes tpKR{0%,20%{transform:scale(.3);opacity:0}21%{opacity:1}30%,100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion: reduce){.tp-kticket,.tp-kempty,.tp-kcur,.tp-kring{animation:none !important}}
.tp-chips > span{animation:tpChip 2.4s ease-in-out infinite}
.tp-chips > span:nth-child(2){animation-delay:.8s}
.tp-chips > span:nth-child(3){animation-delay:1.6s}
@keyframes tpChip{0%,30%,100%{transform:none}8%{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(15,15,15,.08),0 12px 24px -10px rgba(15,15,15,.18)}}
.tp-chanpill{animation:tpPill .8s ease-out infinite;animation-delay:1.08s}
@keyframes tpPill{0%{transform:scale(1)}18%{transform:scale(1.045)}45%,100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.tp-chips > span,.tp-chanpill{animation:none !important}}
@media (max-width: 900px){.tp-nav{gap:16px !important;font-size:13px !important}}
.tp-lift{transition:transform .25s ease, box-shadow .25s ease}
.tp-lift:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(15,15,15,.08), 0 2px 6px rgba(15,15,15,.06), 0 18px 40px -22px rgba(29,29,31,.45)}
.tp-bar{transform-origin:left center}
[dir=rtl] .tp-bar{transform-origin:right center}
@keyframes tpUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes tpSwap{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes tpPop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes tpBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tpFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}
@keyframes tpPulse{0%{box-shadow:0 0 0 0 rgba(29,29,31,.35)}100%{box-shadow:0 0 0 20px rgba(29,29,31,0)}}
@keyframes tpCyc{0%{opacity:0}3%{opacity:1}25%{opacity:1}28%{opacity:0}100%{opacity:0}}
.tp-cyc{opacity:0}
@keyframes tpBlink{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion: no-preference){
.tp-in{animation:tpUp .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
.tp-swap{animation:tpSwap .5s cubic-bezier(.2,.7,.2,1) both}
.tp-pop{animation:tpPop .45s ease both}
.tp-bar{animation:tpBar 6s linear both}
.tp-cyc{animation:tpCyc 10s linear infinite both}
.tp-float{animation:tpFloat 6s ease-in-out infinite}
.tp-pulse{animation:tpPulse 1.8s ease-out infinite}
.tp-blink{animation:tpBlink 1.6s ease-in-out infinite}
}
@media (max-width: 900px){.tp-floaters{display:none}}


body{margin:0}
.ld-root{container-type:inline-size;container-name:ld}
.ld-browser,.ld-phonescreen{container-type:inline-size}
@keyframes ldCurIn{from{opacity:0;transform:translate(70%,80%)}to{opacity:1;transform:none}}
@keyframes ldTap{0%,55%{transform:scale(.2);opacity:0}65%{opacity:.55}100%{transform:scale(1.6);opacity:0}}
@keyframes ldSlide{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ldPop{0%{transform:scale(.4)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes ldUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ldPulse{0%,100%{box-shadow:0 0 0 0 rgba(29,29,31,.25)}50%{box-shadow:0 0 0 6px rgba(29,29,31,0)}}
.ld-cur{position:absolute;left:50%;top:55%;width:22px;height:22px;pointer-events:none;z-index:5;animation:ldCurIn .55s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
.ld-cur svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.ld-cur::before{content:"";position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;background:rgba(29,29,31,.35);animation:ldTap .9s ease-out calc(var(--d,0s) + .35s) both}
@keyframes ldFlyX{from{transform:translateX(var(--x0))}to{transform:translateX(var(--x1))}}
@keyframes ldFlyY{0%{transform:translateY(var(--y0));animation-timing-function:cubic-bezier(.2,.6,.35,1)}50%{transform:translateY(var(--ym));animation-timing-function:cubic-bezier(.65,0,.8,.4)}100%{transform:translateY(var(--y1))}}
@keyframes ldFlyItem{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-8deg)}12%{opacity:1}45%{transform:translate(-50%,-50%) scale(1.06) rotate(3deg)}85%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(0deg)}}
.ld-fx,.ld-fy{position:absolute;inset:0;pointer-events:none;will-change:transform}
.ld-fx{z-index:6;transform:translateX(var(--x0));animation:ldFlyX 1.3s cubic-bezier(.45,0,.4,1) var(--d,0s) both}
.ld-fy{transform:translateY(var(--y0));animation:ldFlyY 1.3s linear var(--d,0s) both}
.ld-fi{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;animation:ldFlyItem 1.3s ease var(--d,0s) both}
.ld-screen{container-type:inline-size}
.ld-shot{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
@keyframes ldBar{from{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}
@keyframes ldToast{0%{opacity:0;transform:translate(-50%,30%)}15%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,0)}}
.ld-slide{animation:ldSlide .45s cubic-bezier(.2,.7,.2,1) var(--d,0s) both}
.ld-pop{animation:ldPop .35s ease-out var(--d,0s) both}
.ld-up{animation:ldUp .4s cubic-bezier(.2,.7,.2,1) both}
.ld-seg{transition:background-color .4s ease}
.ld-pill{transition:background-color .4s ease,color .4s ease}
@container ld (max-width: 640px){
.ld-stage{aspect-ratio:100/92 !important}
.ld-browser{left:1px !important;width:calc(100% - 2px) !important;height:auto !important;aspect-ratio:1008/672;top:0 !important;border-radius:10px !important}
.ld-fx{--x0:var(--mx0) !important;--y0:var(--my0) !important;--ym:var(--mym) !important;--x1:var(--mx1) !important;--y1:var(--my1) !important}
.ld-phone{right:2% !important;width:30% !important;bottom:0 !important}
}

/* ---- Static-site additions on top of the styles captured from the design canvas ---- */
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 72px; }
html:not(.js) .tp-reveal, html:not(.js) .rv-stagger > * { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: #ffffff; }

.tp-eyebrow { margin: 0 0 -6px; font-size: 14px; font-weight: 700; letter-spacing: .02em; color: rgba(55,53,47,.6); }

/* Hero demo: poster image + looping video on top */
.tp-hero-media { position: relative; width: 100%; aspect-ratio: 1600 / 934; }
.tp-hero-media img, .tp-hero-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; }
@media (max-width: 688px) { .tp-hero-media { aspect-ratio: 640 / 590; } }

/* FAQ */
.tp-faq { max-width: 860px; margin: 0 auto; padding: 88px 24px 72px; }
.tp-faq h2 { margin: 0 0 24px; font-size: clamp(26px, 3vw, 36px); font-weight: 800; color: #1d1d1f; letter-spacing: -.02em; text-align: center; }
.tp-faq-list details { border-bottom: 1px solid rgba(0,0,0,.09); }
.tp-faq-list summary { cursor: pointer; list-style: none; padding: 20px 0; font-size: 17px; font-weight: 700; color: #1d1d1f; display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.tp-faq-list summary::-webkit-details-marker { display: none; }
.tp-faq-list summary::after { content: "+"; flex: none; font-size: 24px; line-height: 1; font-weight: 400; color: rgba(55,53,47,.55); transition: transform .2s ease; }
.tp-faq-list details[open] summary::after { transform: rotate(45deg); }
.tp-faq-list p { margin: 0 0 20px; font-size: 15.5px; line-height: 1.75; color: rgba(55,53,47,.8); }
.tp-faq-inline { padding: 0; margin: 0; max-width: none; }
.tp-faq-inline h2 { text-align: start; }

/* Footer link columns (internal links for search engines and people) */
.tp-seolinks { box-shadow: 0 -1px 0 rgba(0,0,0,.06); background: #fbfbfa; }
.tp-seolinks-in { max-width: 1200px; margin: 0 auto; padding: 40px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; }
.tp-seolinks b { display: block; font-size: 14px; color: #1d1d1f; margin-bottom: 12px; }
.tp-seolinks ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.tp-seolinks a { color: rgba(55,53,47,.72); text-decoration: none; font-size: 14px; }
.tp-seolinks a:hover { color: #1d1d1f; }

/* Inner pages (features + keyword pages) */
.tp-page { max-width: 1100px; margin: 0 auto; padding: clamp(40px, 6vw, 80px) 24px 96px; display: flex; flex-direction: column; gap: 44px; }
.tp-kw h1 { margin: 0; font-size: clamp(30px, 4.4vw, 52px); line-height: 1.15; font-weight: 800; color: #1d1d1f; letter-spacing: -.02em; max-width: 860px; text-wrap: balance; }
.tp-kw > .tp-eyebrow { margin: 0 0 -28px; }
.tp-kw-intro { margin: 0; font-size: 18px; line-height: 1.8; color: rgba(55,53,47,.78); max-width: 780px; }
.tp-kw-intro a { color: #1d1d1f; }
.tp-fv-cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tp-fv-cta .tp-btn { min-height: 50px; padding: 0 24px; display: inline-flex; align-items: center; border-radius: 10px; background: #1d1d1f; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 700; }
.tp-ghost-link { min-height: 50px; padding: 0 20px; display: inline-flex; align-items: center; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(55,53,47,.2); color: #1d1d1f; text-decoration: none; font-size: 15px; font-weight: 700; }
.tp-shot { margin: 0; display: flex; flex-direction: column; gap: 12px; }
.tp-shot-phone { max-width: 360px; }
.tp-shot-frame { border-radius: 14px; overflow: hidden; background: #ffffff; box-shadow: 0 0 0 1px rgba(15,15,15,.05), 0 8px 28px -10px rgba(15,15,15,.10); }
.tp-shot-phone .tp-shot-frame { border-radius: 28px; border: 7px solid #1d1d1f; }
.tp-shot-phone .tp-shot-bar { display: none; }
.tp-shot-device { max-width: 760px; }
.tp-shot-device .tp-shot-frame { box-shadow: none; border-radius: 0; background: transparent; }
.tp-shot-device .tp-shot-bar { display: none; }
.tp-shot-bar { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: #f7f7f5; box-shadow: 0 1px 0 rgba(55,53,47,.08); direction: ltr; }
.tp-shot-bar i { width: 10px; height: 10px; border-radius: 50%; background: rgba(55,53,47,.2); }
.tp-shot-bar span { margin: 0 auto; padding: 3px 14px; border-radius: 6px; background: rgba(55,53,47,.06); font-size: 12px; color: rgba(55,53,47,.7); font-family: -apple-system, 'Segoe UI', sans-serif; }
.tp-shot img { display: block; width: 100%; height: auto; }
.tp-shot figcaption { font-size: 14px; color: rgba(55,53,47,.65); }
.tp-kw-sec h2, .tp-kw-price h2, .tp-kw-rel h2 { margin: 0 0 14px; font-size: clamp(22px, 2.6vw, 30px); font-weight: 800; color: #1d1d1f; letter-spacing: -.01em; }
.tp-kw-sec ul { margin: 0; padding: 0 1.2em 0 0; display: flex; flex-direction: column; gap: 10px; font-size: 16.5px; line-height: 1.7; color: #37352f; }
[dir=ltr] .tp-kw-sec ul { padding: 0 0 0 1.2em; }
.tp-kw-price p { margin: 0; font-size: 17px; line-height: 1.75; color: #37352f; }
.tp-kw-rel div { display: flex; flex-wrap: wrap; gap: 10px; }
.tp-page .tp-fchip { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border-radius: 999px; box-shadow: 0 0 0 1px rgba(0,0,0,.105), 0 1px 1px rgba(0,0,0,.04); background: #ffffff; text-decoration: none; color: #1d1d1f; font-size: 15px; font-weight: 700; }