.tp-page {--ink: #141414; --coral: #E10600; --coral-dk: #B00500; --cream: #F1F1F1; --paper: #FFFFFF; --muted: #666666; --line: #E0E0E0; --wa: #25D366; --wa-dk: #B00500; --r: 18px; --head: "Space Grotesk", system-ui, sans-serif; --body: "Plus Jakarta Sans", system-ui, sans-serif; font-family: var(--body); color: var(--ink); background: var(--paper); overflow-x: clip; }
body.tts-sitepage .site-content > .ast-container,
body.tts-sitepage .elementor-template-full-width .site-content {max-width: none; padding: 0; }
body.tts-sitepage .entry-header,
body.tts-sitepage .ast-breadcrumbs-wrapper {display: none; }
.tp-page *,
.tp-page *::before,
.tp-page *::after {box-sizing: border-box; }
.tp-wrap {width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.tp-page a {color: inherit; }
.tp-page h1,
.tp-page h2,
.tp-page h3 {font-family: var(--head); color: var(--ink); letter-spacing: -.02em; margin: 0; }
.tp-h2 {font-size: clamp(24px, 2.6vw, 34px); line-height: 1.15; margin: 0 0 14px !important; }
.tp-muted {color: var(--muted); font-size: 15px; line-height: 1.6; }
.tp-center {text-align: center; margin-top: 36px; }
.tp-hero {position: relative; overflow: hidden; background: var(--cream); padding: 72px 0 64px; border-bottom: 1px solid var(--line); }
.tp-hero__glow {position: absolute; right: -10%; top: -40%; width: 60%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(17,17,17,.22), rgba(17,17,17,0) 65%); animation: tpGlow 9s ease-in-out infinite alternate; pointer-events: none; }
.tp-hero__shoe {position: absolute; right: max(24px, calc(50% - 560px)); bottom: 14px; width: min(420px, 38vw); fill: none; stroke: var(--coral); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity: .55; stroke-dasharray: 1600; stroke-dashoffset: 1600; animation: tpDraw 2.4s cubic-bezier(.6, .1, .2, 1) .3s forwards, tpFloat 6s ease-in-out 2.7s infinite alternate; pointer-events: none; }
.tp-hero__inner {position: relative; z-index: 1; }
.tp-crumbs {display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--muted); margin-bottom: 22px; animation: tpUp .5s ease both; }
.tp-crumbs a {text-decoration: none; color: var(--muted) !important; }
.tp-crumbs a:hover {color: var(--coral) !important; }
.tp-kicker {margin: 0 0 12px; font: 700 15px/1.2 var(--body); color: var(--coral); animation: tpUp .5s ease .05s both; }
.tp-title {font-size: clamp(38px, 6vw, 72px) !important; line-height: 1.02 !important; letter-spacing: -.035em !important; max-width: 15ch; margin-bottom: 18px !important; }
.tp-line {display: block; overflow: hidden; padding-bottom: .08em; }
.tp-line > span {display: inline-block; animation: tpLine .9s cubic-bezier(.2, .8, .2, 1) .1s both; }
.tp-lede {max-width: 56ch; margin: 0; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.6; color: var(--muted); animation: tpUp .6s ease .35s both; }
.tp-updated {display: inline-flex; align-items: center; gap: 8px; margin: 22px 0 0; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--line); font-size: 13px; font-weight: 600; color: var(--ink); animation: tpUp .6s ease .45s both; }
.tp-updated .tp-ico {color: var(--coral); }
.tp-btn {--face: var(--ink); --edge: #000; display: inline-block; padding: 0 0 5px !important; border: 0 !important; border-radius: 14px !important; background: var(--edge) !important; text-decoration: none !important; cursor: pointer; transition: transform .2s ease, filter .2s ease; font: inherit; }
.tp-btn__face {display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 26px; border-radius: 14px; background: var(--face); color: #fff; font: 700 16px/1 var(--body); transform: translateY(0); transition: transform .12s ease; }
.tp-btn:hover .tp-btn__face {transform: translateY(-2px); }
.tp-btn:active .tp-btn__face {transform: translateY(4px); }
.tp-btn:focus-visible {outline: 3px solid var(--coral); outline-offset: 3px; }
.tp-btn--primary {--face: linear-gradient(180deg, #E10600, #E10600 60%, #B00500); --edge: var(--coral-dk); box-shadow: 0 14px 24px -14px rgba(17,17,17,.8); }
.tp-btn--wa {--face: linear-gradient(180deg, #E10600, #25D366 60%, #B00500); --edge: var(--wa-dk); box-shadow: 0 14px 24px -14px rgba(37,211,102,.8); }
.tp-btn--ghost {--face: #fff; --edge: #C5C5C5; }
.tp-btn--ghost .tp-btn__face {color: var(--ink); }
.tp-band {margin-top: 88px; background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.tp-band::before {content: ""; position: absolute; left: -10%; bottom: -120%; width: 50%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(17,17,17,.35), rgba(17,17,17,0) 65%); }
.tp-band__inner {position: relative; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; padding-top: 56px; padding-bottom: 56px; }
.tp-band__title {color: #fff !important; font-size: clamp(26px, 3vw, 38px); }
.tp-band__text {margin: 10px 0 0; color: rgba(255, 255, 255, .7); max-width: 52ch; line-height: 1.6; }
.tp-band__actions {display: flex; gap: 12px; flex-wrap: wrap; }
.tp-progress {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 3px; pointer-events: none; }
.tp-progress span {display: block; height: 100%; background: var(--coral); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }
.tp-legal {display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 56px; align-items: start; padding-top: 56px; }
.tp-toc {position: sticky; top: 110px; padding: 20px; border: 1px solid var(--line); border-radius: var(--r); background: #fff; max-height: calc(100vh - 140px); overflow: auto; }
.tp-toc__title {margin: 0 0 10px; font: 700 13px/1.2 var(--body); color: var(--muted); }
.tp-toc ol {list-style: none; margin: 0; padding: 0; }
.tp-toc li {margin: 0; }
.tp-toc a {display: flex; gap: 10px; padding: 8px 10px; border-radius: 10px; font-size: 14px; line-height: 1.35; text-decoration: none; color: var(--muted) !important; transition: background-color .2s ease, color .2s ease; }
.tp-toc a span {font-family: var(--head); font-weight: 700; color: #AFAFAF; font-variant-numeric: tabular-nums; }
.tp-toc a:hover {background: var(--cream); color: var(--ink) !important; }
.tp-toc a.is-active {background: var(--ink); color: #fff !important; }
.tp-toc a.is-active span {color: var(--coral); }
.tp-doc {max-width: 760px; }
.tp-sec {padding: 0 0 40px; margin-bottom: 40px; border-bottom: 1px solid var(--line); scroll-margin-top: 110px; }
.tp-sec:last-child {border-bottom: 0; }
.tp-sec__title {display: flex; align-items: baseline; gap: 14px; font-size: clamp(22px, 2.2vw, 28px) !important; margin-bottom: 16px !important; }
.tp-sec__num {font-size: .7em; color: var(--coral); font-variant-numeric: tabular-nums; }
.tp-prose {font-size: 16.5px; line-height: 1.75; color: #373737; }
.tp-prose p {margin: 0 0 14px; }
.tp-prose ul,
.tp-prose ol {margin: 0 0 14px; padding-left: 1.3em; }
.tp-prose li {margin-bottom: 8px; }
.tp-prose ul li::marker {color: var(--coral); }
.tp-prose ol li::marker {color: var(--coral); font-weight: 700; }
.tp-prose a {color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--coral); text-underline-offset: 3px; text-decoration-thickness: 2px; }
.tp-prose a:hover {color: var(--coral) !important; }
.tp-facts {list-style: none !important; padding: 0 !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tp-facts li {margin: 0 !important; padding: 18px; border-radius: 16px; background: var(--cream); border: 1px solid var(--line); line-height: 1.35; }
.tp-facts li::marker {content: none; }
.tp-facts strong {display: block; font: 700 22px/1.1 var(--head); color: var(--ink); margin-bottom: 6px; }
.tp-facts span {font-size: 14px; color: var(--muted); }
.tp-contact-list {list-style: none !important; padding: 18px 20px !important; border-radius: 16px; background: var(--cream); border: 1px solid var(--line); }
.tp-contact-list li {margin: 0 0 6px !important; }
.tp-contact-list li::marker {content: none; }
.tp-table-wrap {overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.tp-table {width: 100%; border-collapse: collapse; margin: 0 0 14px; font-size: 15px; font-variant-numeric: tabular-nums; }
.tp-prose .tp-table {border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.tp-table th,
.tp-table td {padding: 13px 16px !important; text-align: left; border: 0 !important; border-bottom: 1px solid var(--line) !important; }
.tp-table thead th {background: var(--cream); font-weight: 700; color: var(--ink); }
.tp-table tr:last-child td {border-bottom: 0 !important; }
.tp-cards {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.tp-card {margin: 0; padding: 26px; border-radius: var(--r); background: #fff; border: 1px solid var(--line); transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s ease, border-color .3s ease; }
.tp-card:hover {transform: translateY(-4px); box-shadow: 0 22px 40px -26px rgba(17,17,17,.45); border-color: transparent; }
.tp-card__ico {display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 18px; border-radius: 14px; background: var(--cream); color: var(--coral); transition: transform .3s ease; }
.tp-card:hover .tp-card__ico {transform: rotate(-8deg) scale(1.08); }
.tp-card h3,
.tp-card__title {font-size: 20px !important; margin-bottom: 8px !important; }
.tp-card p {margin: 0; color: var(--muted); line-height: 1.6; font-size: 15px; }
.tp-cards--contact {grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 56px; }
.tp-card--link {padding: 0; }
.tp-card--link a {display: block; padding: 26px; height: 100%; text-decoration: none; border-radius: inherit; }
.tp-card--link a:focus-visible {outline: 3px solid var(--coral); outline-offset: 3px; }
.tp-card__cta {display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-weight: 700; color: var(--coral); }
.tp-card__cta .tp-ico {transition: transform .2s ease; }
.tp-card--link:hover .tp-card__cta .tp-ico {transform: translateX(4px); }
.tp-card--wa {background: linear-gradient(160deg, #FFFFFF, #fff 60%); border-color: #DEDEDE; }
.tp-card--wa .tp-card__ico {background: var(--wa); color: #fff; animation: tpWiggle 3.2s ease-in-out 1.5s infinite; }
.tp-card--wa .tp-card__cta {color: var(--wa-dk); }
.tp-story {display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 56px; align-items: center; padding-top: 72px; }
.tp-story__text p {font-size: 17px; line-height: 1.75; color: #373737; margin: 0 0 16px; max-width: 62ch; }
.tp-story__media {margin: 0; position: relative; }
.tp-story__frame {position: relative; aspect-ratio: 4 / 5; border-radius: 28px; background: radial-gradient(circle at 50% 30%, #fff, var(--cream) 70%); border: 1px solid var(--line); overflow: hidden; display: flex; align-items: flex-end; justify-content: center; }
.tp-story__frame img {height: 94%; width: auto; margin: 0 !important; object-fit: contain; animation: tpBreathe 5s ease-in-out infinite alternate; transform-origin: 50% 100%; }
.tp-story__media figcaption {position: absolute; left: -18px; bottom: 28px; padding: 16px 20px; border-radius: 16px; background: var(--ink); color: #fff; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .5); animation: tpFloat 5s ease-in-out infinite alternate; }
.tp-story__media figcaption strong {display: block; font: 700 22px/1 var(--head); color: var(--coral); margin-bottom: 4px; }
.tp-story__media figcaption span {font-size: 13px; color: rgba(255, 255, 255, .75); }
.tp-values,
.tp-steps-wrap {padding-top: 88px; }
.tp-steps {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; counter-reset: step; }
.tp-step {position: relative; margin: 0; padding: 28px; border-radius: var(--r); background: var(--cream); border: 1px solid var(--line); }
.tp-step__n {display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 18px; border-radius: 50%; background: var(--coral); color: #fff; font: 700 18px/1 var(--head); box-shadow: 0 4px 0 var(--coral-dk); }
.tp-step h3 {font-size: 20px !important; margin-bottom: 8px !important; }
.tp-step p {margin: 0; color: var(--muted); line-height: 1.6; }
.tp-contact {display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 32px; align-items: start; padding-top: 40px; }
.tp-contact__form {padding: 32px; border-radius: 24px; background: #fff; border: 1px solid var(--line); }
.tp-form {display: grid; gap: 16px; margin-top: 20px; }
.tp-form__row {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tp-field {display: grid; gap: 8px; font-weight: 600; font-size: 14px; }
.tp-field em {font-style: normal; font-weight: 500; color: var(--muted); }
.tp-field input,
.tp-field textarea {width: 100%; min-height: 52px; padding: 12px 16px !important; border: 1.5px solid var(--line) !important; border-radius: 12px !important; background: var(--paper) !important; font: 400 16px/1.5 var(--body) !important; color: var(--ink) !important; transition: border-color .2s ease, box-shadow .2s ease; }
.tp-field input:focus,
.tp-field textarea:focus {outline: none; border-color: var(--coral) !important; box-shadow: 0 0 0 4px rgba(17,17,17,.15); }
.tp-form .tp-btn {justify-self: start; }
.tp-hp {position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tp-notice {display: flex; align-items: center; gap: 10px; margin-top: 16px; padding: 14px 16px; border-radius: 12px; font-weight: 600; animation: tpUp .4s ease both; }
.tp-notice--ok {background: #F1F1F1; color: #B00500; }
.tp-notice--err {background: #F5F5F5; color: #B00500; }
.tp-contact__info {display: grid; gap: 16px; }
.tp-info {padding: 24px; border-radius: var(--r); background: var(--cream); border: 1px solid var(--line); }
.tp-info__title {display: flex; align-items: center; gap: 10px; font-size: 18px !important; margin-bottom: 10px !important; }
.tp-info__title .tp-ico {color: var(--coral); }
.tp-info p {margin: 0 0 8px; line-height: 1.6; }
.tp-links {list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.tp-links li {margin: 0; }
.tp-links a {display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); text-decoration: none; font-weight: 600; min-height: 44px; }
.tp-links li:last-child a {border-bottom: 0; }
.tp-links a::after {content: "→"; color: var(--coral); transition: transform .2s ease; }
.tp-links a:hover::after {transform: translateX(4px); }
.tp-search {display: flex; align-items: center; gap: 10px; max-width: 560px; margin-top: 28px; padding: 0 18px; min-height: 58px; border-radius: 999px; background: #fff; border: 1.5px solid var(--line); box-shadow: 0 16px 30px -24px rgba(17,17,17,.5); transition: border-color .2s ease, box-shadow .2s ease; animation: tpUp .6s ease .45s both; }
.tp-search:focus-within {border-color: var(--coral); box-shadow: 0 0 0 4px rgba(17,17,17,.15); }
.tp-search .tp-ico {color: var(--muted); flex: none; }
.tp-search input {flex: 1; border: 0 !important; background: transparent !important; font: 400 16px var(--body) !important; padding: 0 !important; min-height: 54px; outline: none; box-shadow: none !important; }
.tp-faq {max-width: 900px; padding-top: 48px; }
.tp-chips {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.tp-chip {min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--line); background: #fff; color: var(--ink); font: 600 14px/1 var(--body); cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.tp-chip:hover {border-color: var(--ink); }
.tp-chip.is-on {background: var(--ink); border-color: var(--ink); color: #fff; }
.tp-chip:focus-visible {outline: 3px solid var(--coral); outline-offset: 2px; }
.tp-faq__group {margin-bottom: 40px; }
.tp-faq__group[hidden] {display: none; }
.tp-faq__h {font-size: 22px !important; margin-bottom: 14px !important; }
.tp-qa {margin-bottom: 10px; border-radius: 16px; background: #fff; border: 1px solid var(--line); transition: border-color .2s ease, box-shadow .2s ease; }
.tp-qa[hidden] {display: none; }
.tp-qa[open] {border-color: var(--ink); box-shadow: 0 16px 30px -24px rgba(17,17,17,.5); }
.tp-qa summary {list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; min-height: 60px; cursor: pointer; font: 700 16.5px/1.4 var(--body); border-radius: 16px; }
.tp-qa summary::-webkit-details-marker {display: none; }
.tp-qa summary:focus-visible {outline: 3px solid var(--coral); outline-offset: 2px; }
.tp-qa__icon {position: relative; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--cream); transition: background-color .2s ease; }
.tp-qa__icon::before,
.tp-qa__icon::after {content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; border-radius: 2px; background: var(--ink); transform: translate(-50%, -50%); transition: transform .3s ease, background-color .2s ease; }
.tp-qa__icon::after {transform: translate(-50%, -50%) rotate(90deg); }
.tp-qa[open] .tp-qa__icon {background: var(--coral); }
.tp-qa[open] .tp-qa__icon::before,
.tp-qa[open] .tp-qa__icon::after {background: #fff; }
.tp-qa[open] .tp-qa__icon::after {transform: translate(-50%, -50%) rotate(0deg); }
.tp-qa__a {padding: 0 22px 20px; color: #373737; line-height: 1.7; animation: tpUp .3s ease both; }
.tp-qa__a p {margin: 0; max-width: 72ch; }
.tp-qa__a a {color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--coral); text-underline-offset: 3px; }
.tp-empty {padding: 24px; border-radius: 16px; background: var(--cream); text-align: center; color: var(--muted); }
.tp-size {padding-top: 56px; }
.tp-calc {display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); border-radius: 28px; overflow: hidden; border: 1px solid var(--line); background: #fff; box-shadow: 0 30px 60px -40px rgba(17,17,17,.5); }
.tp-calc__in {padding: 36px; }
.tp-calc__label {display: block; margin-top: 18px; font-weight: 700; font-size: 14px; }
.tp-calc__field {display: inline-flex; align-items: center; gap: 8px; margin: 8px 0 18px; padding: 0 16px; border: 1.5px solid var(--line); border-radius: 14px; background: var(--paper); }
.tp-calc__field:focus-within {border-color: var(--coral); box-shadow: 0 0 0 4px rgba(17,17,17,.15); }
.tp-calc__field input {width: 110px; min-height: 56px; border: 0 !important; background: transparent !important; padding: 0 !important; font: 700 26px var(--head) !important; color: var(--ink) !important; outline: none; box-shadow: none !important; }
.tp-calc__field span {font-weight: 700; color: var(--muted); }
.tp-calc input[type="range"] {width: 100%; accent-color: var(--coral); height: 32px; cursor: pointer; }
.tp-calc__scale {display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); }
.tp-calc__out {display: flex; flex-direction: column; justify-content: center; padding: 36px; background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.tp-calc__out::before {content: ""; position: absolute; right: -30%; top: -30%; width: 90%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(17,17,17,.45), rgba(17,17,17,0) 65%); }
.tp-calc__lbl {position: relative; margin: 0 0 8px; color: rgba(255, 255, 255, .65); font-weight: 600; }
.tp-calc__size {position: relative; margin: 0; font-family: var(--head); line-height: 1; }
.tp-calc__size span {font-size: 28px; color: var(--coral); font-weight: 700; }
.tp-calc__size strong {display: inline-block; font-size: clamp(72px, 9vw, 112px); font-weight: 700; letter-spacing: -.04em; }
.tp-calc__size strong.is-pop {animation: tpPop .45s cubic-bezier(.34, 1.56, .64, 1); }
.tp-calc__alt {position: relative; margin: 12px 0 0; font-size: 17px; color: rgba(255, 255, 255, .85); }
.tp-calc__alt b {color: #fff; }
.tp-calc__tip {position: relative; margin: 18px 0 0; padding: 10px 14px; border-radius: 12px; background: rgba(255, 255, 255, .08); font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .85); }
.tp-size__grid {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; padding-top: 72px; }
.tp-measure {margin: 0 0 24px; padding: 0; list-style: none; counter-reset: m; }
.tp-measure li {position: relative; margin: 0 0 16px; padding-left: 52px; line-height: 1.65; color: #373737; counter-increment: m; }
.tp-measure li::before {content: counter(m); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--coral); color: #fff; font: 700 16px/1 var(--head); box-shadow: 0 3px 0 var(--coral-dk); }
.tp-measure strong {color: var(--ink); }
.tp-tips {padding: 22px; border-radius: var(--r); background: var(--cream); border: 1px solid var(--line); }
.tp-tips h3 {display: flex; align-items: center; gap: 8px; font-size: 18px !important; margin-bottom: 10px !important; }
.tp-tips h3 .tp-ico {color: var(--coral); }
.tp-tips ul {margin: 0; padding-left: 1.2em; line-height: 1.7; }
.tp-tips li::marker {color: var(--coral); }
.tp-chart tbody tr {transition: background-color .3s ease; }
.tp-chart tbody tr.is-match {background: #FFFFFF; }
.tp-chart tbody tr.is-match td:first-child {box-shadow: inset 4px 0 0 var(--coral); }
.tp-track {display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px; align-items: start; padding-top: 56px; }
.tp-track__card {padding: 32px; border-radius: 24px; background: #fff; border: 1px solid var(--line); box-shadow: 0 30px 60px -44px rgba(17,17,17,.5); }
.tp-track__card .track_order > p:first-child {display: none; }
.tp-track__card form.track_order {border: 0 !important; padding: 0 !important; margin: 16px 0 0 !important; display: grid; gap: 14px; }
.tp-track__card .form-row {width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; }
.tp-track__card .form-row label {display: block; margin-bottom: 8px; font-weight: 600; font-size: 14px; }
.tp-track__card input.input-text {width: 100%; min-height: 52px; padding: 12px 16px !important; border: 1.5px solid var(--line) !important; border-radius: 12px !important; background: var(--paper) !important; font: 400 16px var(--body) !important; }
.tp-track__card input.input-text:focus {outline: none; border-color: var(--coral) !important; box-shadow: 0 0 0 4px rgba(17,17,17,.15); }
.tp-track__card .clear {display: none; }
.tp-track__card button[type="submit"] {min-height: 56px; padding: 0 28px !important; border: 0 !important; border-radius: 14px !important; background: linear-gradient(180deg, #E10600, #E10600 60%, #B00500) !important; box-shadow: 0 5px 0 var(--coral-dk), 0 16px 26px -14px rgba(17,17,17,.8); color: #fff !important; font: 700 16px/1 var(--body) !important; cursor: pointer; transition: transform .12s ease, box-shadow .12s ease; }
.tp-track__card button[type="submit"]:active {transform: translateY(4px); box-shadow: 0 1px 0 var(--coral-dk); }
.tp-flow {list-style: none; margin: 0; padding: 0; position: relative; }
.tp-flow::before {content: ""; position: absolute; left: 25px; top: 26px; bottom: 26px; width: 2px; background: var(--line); }
.tp-flow::after {content: ""; position: absolute; left: 25px; top: 26px; bottom: 26px; width: 2px; background: var(--coral); transform-origin: 50% 0; transform: scaleY(0); transition: transform 1.6s cubic-bezier(.2, .8, .2, 1) .2s; }
.tp-reveal.is-in .tp-flow::after,
.tp-track__flow.is-in .tp-flow::after {transform: scaleY(1); }
.tp-flow li {position: relative; display: flex; gap: 18px; margin: 0 0 22px; }
.tp-flow__ico {position: relative; z-index: 1; display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: 50%; background: #fff; border: 2px solid var(--line); color: var(--coral); transition: border-color .4s ease, background-color .4s ease, color .4s ease; transition-delay: calc(.3s + var(--d) * .3s); }
.tp-track__flow.is-in .tp-flow__ico {border-color: var(--coral); }
.tp-track__flow.is-in .tp-flow li:last-child .tp-flow__ico {background: var(--coral); color: #fff; }
.tp-flow h3 {font-size: 18px !important; margin: 6px 0 4px !important; }
.tp-flow p {margin: 0; color: var(--muted); line-height: 1.55; font-size: 15px; }
.tp-js .tp-reveal {opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2, .8, .2, 1); transition-delay: calc(var(--d, 0) * 80ms); }
.tp-js .tp-reveal.is-in {opacity: 1; transform: none; }
@keyframes tpUp {from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: none; }}
@keyframes tpLine {from { transform: translateY(105%); }
to { transform: translateY(0); }}
@keyframes tpDraw {to { stroke-dashoffset: 0; }}
@keyframes tpFloat {from { translate: 0 0; }
to { translate: 0 -10px; }}
@keyframes tpGlow {from { transform: scale(1); opacity: .8; }
to { transform: scale(1.15) translate(-4%, 6%); opacity: 1; }}
@keyframes tpBreathe {from { scale: 1 1; }
to { scale: 1.006 1.012; }}
@keyframes tpWiggle {0%, 84%, 100% { transform: rotate(0); }
88% { transform: rotate(-12deg); }
92% { transform: rotate(10deg); }
96% { transform: rotate(-5deg); }}
@keyframes tpPop {from { transform: scale(.7); opacity: .3; }
to { transform: none; opacity: 1; }}
@media (max-width: 1024px) {.tp-cards {grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tp-legal {grid-template-columns: 230px minmax(0, 1fr); gap: 36px; }
.tp-facts {grid-template-columns: repeat(2, minmax(0, 1fr)); }}
@media (max-width: 860px) {.tp-hero {padding: 48px 0 44px; }
.tp-hero__shoe {width: 260px; right: -40px; bottom: -10px; opacity: .25; }
.tp-legal {grid-template-columns: minmax(0, 1fr); padding-top: 32px; gap: 24px; }
.tp-toc {position: static; max-height: none; }
.tp-toc ol {display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.tp-toc li {flex: none; }
.tp-toc a {white-space: nowrap; border: 1px solid var(--line); border-radius: 999px; }
.tp-story,
.tp-contact,
.tp-track,
.tp-size__grid,
.tp-calc {grid-template-columns: minmax(0, 1fr); }
.tp-story {gap: 40px; padding-top: 48px; }
.tp-story__media {max-width: 420px; margin: 0 auto; width: 100%; }
.tp-story__media figcaption {left: 12px; }
.tp-steps,
.tp-cards--contact {grid-template-columns: minmax(0, 1fr); }
.tp-values,
.tp-steps-wrap {padding-top: 64px; }
.tp-band {margin-top: 64px; }
.tp-size__grid {padding-top: 48px; }}
@media (max-width: 560px) {.tp-wrap {padding: 0 16px; }
.tp-cards,
.tp-facts,
.tp-form__row {grid-template-columns: minmax(0, 1fr); }
.tp-contact__form,
.tp-track__card,
.tp-calc__in,
.tp-calc__out {padding: 24px 20px; }
.tp-band__actions,
.tp-band__actions .tp-btn,
.tp-band__actions .tp-btn__face,
.tp-form .tp-btn,
.tp-form .tp-btn__face {width: 100%; }
.tp-qa summary {padding: 16px 18px; font-size: 16px; }
.tp-qa__a {padding: 0 18px 18px; }
.tp-prose {font-size: 16px; }}
@media (prefers-reduced-motion: reduce) {.tp-page *,
.tp-page *::before,
.tp-page *::after {animation: none !important; transition: none !important; }
.tp-hero__shoe {stroke-dashoffset: 0; }
.tp-js .tp-reveal {opacity: 1; transform: none; }
.tp-flow::after {transform: scaleY(1); }}