.tp-preview{--tp-green:#00b67a;--tp-green-soft:#dbf5ec;--tp-cycle:18s;width:100%;min-width:0;min-height:460px;box-shadow:none;box-sizing:border-box;font-family:var(--font-radio-canada-big), system-ui, sans-serif;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:12px;justify-content:stretch;align-items:stretch;padding:0;display:flex;position:relative;overflow:visible}.tp-preview__glow{z-index:0;background:color-mix(in srgb, var(--tp-green) 18%, transparent);filter:blur(42px);pointer-events:none;height:48%;animation:tp-glow-pulse var(--tp-cycle) ease-in-out infinite;border-radius:50%;position:absolute;inset:12% 8% auto}.tp-preview__orbit{z-index:0;border:1px dashed color-mix(in srgb, var(--tp-green) 22%, transparent);pointer-events:none;border-radius:50%;position:absolute}.tp-preview__orbit--a{width:200px;height:200px;animation:18s linear infinite tp-orbit-spin;top:12px;right:12px}.tp-preview__orbit--b{width:140px;height:140px;animation:22s linear infinite reverse tp-orbit-spin;bottom:16px;left:16px}.tp-preview__card{z-index:1;border:1px solid var(--color-border-default);background:radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--tp-green) 12%, transparent), transparent 36%), radial-gradient(circle at 8% 92%, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 34%), color-mix(in srgb, var(--color-white) 96%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;gap:20px;width:100%;min-height:100%;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px -24px #2a334247,0 8px 20px -12px #00b67a24}.tp-preview__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tp-preview__brand{align-items:center;gap:12px;min-width:0;display:flex}.tp-preview__logo{flex-shrink:0;width:28px;height:28px;display:block}.tp-preview__eyebrow{color:var(--tp-green);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700;line-height:16px}.tp-preview__company{color:var(--color-text-primary);margin:2px 0 0;font-size:16px;font-weight:700;line-height:24px}.tp-preview__live{background:var(--tp-green-soft);color:#067a52;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.tp-preview__live-dot{background:var(--tp-green);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--tp-green) 55%, transparent);border-radius:50%;animation:1.8s ease-out infinite tp-live-pulse}.tp-preview__score-block{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tp-preview__score-main{min-width:0}.tp-preview__rating{width:4.2ch;height:48px;position:relative}.tp-preview__rating-value{color:var(--color-text-primary);letter-spacing:-.02em;opacity:0;font-size:40px;font-weight:700;line-height:48px;position:absolute;inset:0;transform:translateY(10px)}.tp-preview__rating-value--1{animation:tp-step-1 var(--tp-cycle) ease-in-out forwards}.tp-preview__rating-value--2{animation:tp-step-2 var(--tp-cycle) ease-in-out forwards}.tp-preview__rating-value--3{animation:tp-step-3 var(--tp-cycle) ease-in-out forwards}.tp-preview__rating-value--4{animation:tp-step-4 var(--tp-cycle) ease-in-out forwards}.tp-preview__stars{color:var(--tp-green);gap:3px;margin-top:6px;display:inline-flex}.tp-preview__star{color:#c9d2da;width:18px;height:18px;animation:tp-star-fill var(--tp-cycle) ease-in-out forwards;animation-delay:calc(var(--star-i) * .18s);place-items:center;display:grid}.tp-preview__star svg{width:100%;height:100%;display:block}.tp-preview__stars--sm{margin-top:0}.tp-preview__stars--sm .tp-preview__star{width:12px;height:12px;color:var(--tp-green);animation:none}.tp-preview__based{color:var(--color-text-secondary);margin:8px 0 0;font-size:13px;font-weight:500;line-height:18px}.tp-preview__count{vertical-align:baseline;width:3.2ch;height:1em;display:inline-block;position:relative}.tp-preview__count-n{color:var(--color-text-primary);opacity:0;font-weight:700;position:absolute;top:0;left:0}.tp-preview__count-n--1{animation:tp-step-1 var(--tp-cycle) ease-in-out forwards}.tp-preview__count-n--2{animation:tp-step-2 var(--tp-cycle) ease-in-out forwards}.tp-preview__count-n--3{animation:tp-step-3 var(--tp-cycle) ease-in-out forwards}.tp-preview__count-n--4{animation:tp-step-4 var(--tp-cycle) ease-in-out forwards}.tp-preview__badge{border:1px solid color-mix(in srgb, var(--tp-green) 28%, var(--color-border-default));background:var(--tp-green-soft);opacity:0;animation:tp-badge-in var(--tp-cycle) ease-in-out forwards;border-radius:12px;flex-direction:column;align-items:flex-end;gap:6px;padding:12px 14px;display:flex;transform:translateY(8px)scale(.96)}.tp-preview__badge-label{color:#067a52;font-size:14px;font-weight:700;line-height:20px}.tp-preview__meter{flex-direction:column;gap:8px;display:flex}.tp-preview__meter-top{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:500;line-height:18px;display:flex}.tp-preview__meter-pct{text-align:right;width:3.5ch;height:1em;position:relative}.tp-preview__meter-pct-n{color:var(--tp-green);opacity:0;font-weight:700;position:absolute;inset:0}.tp-preview__meter-pct-n--1{animation:tp-step-1 var(--tp-cycle) ease-in-out forwards}.tp-preview__meter-pct-n--2{animation:tp-step-2 var(--tp-cycle) ease-in-out forwards}.tp-preview__meter-pct-n--3{animation:tp-step-3 var(--tp-cycle) ease-in-out forwards}.tp-preview__meter-pct-n--4{animation:tp-step-4 var(--tp-cycle) ease-in-out forwards}.tp-preview__meter-track{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-radius:999px;width:100%;height:8px;overflow:hidden}.tp-preview__meter-fill{border-radius:inherit;transform-origin:0;width:62%;height:100%;animation:tp-meter-grow var(--tp-cycle) ease-in-out forwards;background:linear-gradient(90deg,#00b67a 0%,#00d68f 100%);display:block}.tp-preview__feed{flex-direction:column;gap:10px;min-height:176px;margin:0;padding:0;list-style:none;display:flex;position:relative}.tp-preview__new-wrap{z-index:4;width:fit-content;animation:tp-new-wrap var(--tp-cycle) ease-in-out forwards;align-items:center;display:inline-flex;position:absolute;bottom:16px;left:16px}.tp-preview__new{border:1px solid color-mix(in srgb, var(--tp-green) 30%, var(--color-border-default));background:color-mix(in srgb, var(--tp-green) 8%, #fff);color:#067a52;cursor:default;min-height:36px;animation:tp-new-btn var(--tp-cycle) ease-in-out forwards;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;line-height:18px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -10px #2a334259}.tp-preview__tap{background:color-mix(in srgb, var(--tp-green) 45%, transparent);opacity:0;pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.tp-preview__new .tp-preview__tap{animation:tp-tap-new var(--tp-cycle) ease-out forwards}.tp-preview__composer{z-index:2;border:1px solid var(--color-border-default);background:var(--color-white);opacity:0;animation:tp-composer var(--tp-cycle) ease-in-out forwards;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(12px);box-shadow:0 10px 28px -18px #2a334259}.tp-preview__composer-top{align-items:center;gap:10px;display:flex}.tp-preview__composer-meta{flex:1;min-width:0}.tp-preview__composer-label{color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:500;line-height:16px}.tp-preview__textarea{border:1px solid var(--color-border-default);background:var(--color-grey-100);box-sizing:border-box;width:100%;height:44px;min-height:0;animation:tp-textarea-focus var(--tp-cycle) ease-in-out forwards;border-radius:10px;align-items:center;gap:10px;padding:8px 8px 8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.tp-preview__textarea-body{flex:1;align-items:center;min-width:0;height:20px;display:flex;overflow:hidden}.tp-preview__typed-wrap{white-space:nowrap;max-width:0;animation:tp-type var(--tp-cycle) forwards;animation-timing-function:steps(36,end);display:inline-block;overflow:hidden}.tp-preview__typed{color:var(--color-text-primary);white-space:nowrap;font-size:13px;font-weight:500;line-height:20px;display:inline-block}.tp-preview__caret{background:var(--tp-green);width:2px;height:14px;animation:tp-caret-blink .7s step-end infinite, tp-caret-show var(--tp-cycle) ease-in-out forwards;flex-shrink:0;margin-left:1px;display:inline-block}.tp-preview__post{background:var(--tp-green);color:#fff;min-width:58px;height:30px;animation:tp-post-press var(--tp-cycle) ease-in-out forwards;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px -4px #00b67a8c}.tp-preview__post .tp-preview__tap{animation:tp-tap-post var(--tp-cycle) ease-out forwards;background:#ffffff8c}.tp-preview__reviews{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tp-preview__review{border:1px solid var(--color-border-default);background:var(--color-white);opacity:0;border-radius:12px;padding:14px;transform:translateY(18px);box-shadow:0 8px 20px -16px #2a334259}.tp-preview__review--1{animation:tp-review-1 var(--tp-cycle) ease-in-out forwards}.tp-preview__review--2{animation:tp-review-2 var(--tp-cycle) ease-in-out forwards}.tp-preview__review--3{animation:tp-review-3 var(--tp-cycle) ease-in-out forwards}.tp-preview__review-top{align-items:center;gap:10px;display:flex}.tp-preview__avatar{background:color-mix(in srgb, var(--tp-green) 16%, #fff);color:#067a52;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.tp-preview__review-meta{flex:1;min-width:0}.tp-preview__review-name{color:var(--color-text-primary);margin:0 0 2px;font-size:14px;font-weight:600;line-height:20px}.tp-preview__review-chip{background:var(--tp-green-soft);color:#067a52;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.tp-preview__review-text{color:var(--color-text-secondary);margin:10px 0 0;font-size:13px;font-weight:500;line-height:20px}.tp-preview__cta{border:1px solid color-mix(in srgb, var(--tp-green) 26%, var(--color-border-default));background:linear-gradient(135deg, color-mix(in srgb, var(--tp-green) 12%, #fff) 0%, color-mix(in srgb, var(--tp-green) 4%, #fff) 100%);opacity:0;animation:tp-cta-in var(--tp-cycle) ease-in-out forwards;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:14px 16px;display:flex;transform:translateY(14px)}.tp-preview__cta-copy{align-items:center;gap:10px;min-width:0;display:flex}.tp-preview__cta-icon{background:var(--tp-green);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.tp-preview__cta-icon svg{width:16px;height:16px}.tp-preview__cta-text{color:#06603f;margin:0;font-size:13px;font-weight:600;line-height:18px}.tp-preview__cta-btn{background:var(--tp-green);color:#fff;white-space:nowrap;animation:tp-cta-btn-pulse var(--tp-cycle) ease-in-out forwards;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;line-height:16px;display:inline-flex;box-shadow:0 6px 16px -6px #00b67a99}.tp-preview__float{z-index:3;border:1px solid var(--color-border-default);background:var(--color-white);color:var(--color-text-primary);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;line-height:18px;display:inline-flex;position:absolute;box-shadow:0 12px 28px -14px #2a334266}.tp-preview__float svg{width:14px;height:14px;color:var(--tp-green)}.tp-preview__float--score{animation:tp-float-score var(--tp-cycle) ease-in-out forwards;top:16px;right:16px}@keyframes tp-new-wrap{0%,14%{opacity:1;visibility:visible}16%,to{opacity:0;visibility:hidden}}@keyframes tp-new-btn{0%,6%{background:color-mix(in srgb, var(--tp-green) 8%, #fff);transform:scale(1);box-shadow:0 8px 20px -10px #2a334259}8%,10%{background:color-mix(in srgb, var(--tp-green) 16%, #fff);transform:scale(1.04);box-shadow:0 10px 22px -10px #00b67a80}12%{background:color-mix(in srgb, var(--tp-green) 20%, #fff);transform:scale(.94)}14%,to{background:color-mix(in srgb, var(--tp-green) 8%, #fff);transform:scale(1)}}@keyframes tp-tap-new{0%,10%{opacity:0;transform:translate(-50%,-50%)scale(.3)}12%{opacity:.75;transform:translate(-50%,-50%)scale(.6)}15%{opacity:0;transform:translate(-50%,-50%)scale(3.2)}16%,to{opacity:0;transform:translate(-50%,-50%)scale(.3)}}@keyframes tp-tap-post{0%,29%{opacity:0;transform:translate(-50%,-50%)scale(.3)}31%{opacity:.85;transform:translate(-50%,-50%)scale(.55)}34%{opacity:0;transform:translate(-50%,-50%)scale(2.8)}35%,to{opacity:0;transform:translate(-50%,-50%)scale(.3)}}@keyframes tp-textarea-focus{0%,17%{border-color:var(--color-border-default);box-shadow:none;background:var(--color-grey-100)}19%,31%{border-color:color-mix(in srgb, var(--tp-green) 55%, var(--color-border-default));box-shadow:0 0 0 3px color-mix(in srgb, var(--tp-green) 18%, transparent);background:#fff}34%,to{border-color:var(--color-border-default);box-shadow:none;background:var(--color-grey-100)}}@keyframes tp-composer{0%,14%{opacity:0;pointer-events:none;transform:translateY(12px)}17%,34%{opacity:1;transform:translateY(0)}37%,to{opacity:0;pointer-events:none;transform:translateY(-10px)}}@keyframes tp-type{0%,19%{max-width:0}29%,to{max-width:36ch}}@keyframes tp-caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tp-caret-show{0%,18%,32%,to{visibility:hidden}19%,30%{visibility:visible}}@keyframes tp-post-press{0%,29%,35%,to{transform:scale(1);box-shadow:0 4px 12px -4px #00b67a8c}31%,33%{transform:scale(.94);box-shadow:inset 0 2px 4px #0003}}@keyframes tp-step-1{0%,32%{opacity:1;transform:translateY(0)}38%,to{opacity:0;transform:translateY(-8px)}}@keyframes tp-step-2{0%,36%{opacity:0;transform:translateY(10px)}40%,50%{opacity:1;transform:translateY(0)}56%,to{opacity:0;transform:translateY(-8px)}}@keyframes tp-step-3{0%,52%{opacity:0;transform:translateY(10px)}56%,64%{opacity:1;transform:translateY(0)}70%,to{opacity:0;transform:translateY(-8px)}}@keyframes tp-step-4{0%,66%{opacity:0;transform:translateY(10px)}72%,to{opacity:1;transform:translateY(0)}}@keyframes tp-star-fill{0%,32%{color:#c9d2da;transform:scale(1)}40%,to{color:var(--tp-green);transform:scale(1)}}@keyframes tp-badge-in{0%,60%{opacity:0;transform:translateY(8px)scale(.96)}68%,to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tp-meter-grow{0%,32%{width:62%}42%{width:78%}58%{width:91%}74%,to{width:97%}}@keyframes tp-review-1{0%,34%{opacity:0;transform:translateY(18px)}38%,to{opacity:1;transform:translateY(0)}}@keyframes tp-review-2{0%,48%{opacity:0;transform:translateY(18px)}52%,to{opacity:1;transform:translateY(0)}}@keyframes tp-review-3{0%,60%{opacity:0;transform:translateY(18px)}64%,to{opacity:1;transform:translateY(0)}}@keyframes tp-float-score{0%,40%{opacity:0;transform:translate(12px,8px)scale(.92)}46%,56%{opacity:1;transform:translate(0,0)scale(1)}62%,to{opacity:0;transform:translate(-8px,-12px)scale(.96)}}@keyframes tp-cta-in{0%,74%{opacity:0;transform:translateY(14px)}80%,to{opacity:1;transform:translateY(0)}}@keyframes tp-cta-btn-pulse{0%,80%{transform:scale(1);box-shadow:0 6px 16px -6px #00b67a99}85%{transform:scale(1.04);box-shadow:0 8px 22px -6px #00b67abf}90%,to{transform:scale(1);box-shadow:0 6px 16px -6px #00b67a99}}@keyframes tp-glow-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes tp-orbit-spin{to{transform:rotate(360deg)}}@keyframes tp-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tp-green) 55%, transparent)}70%,to{box-shadow:0 0 0 8px #0000}}@media (max-width:1100px){.tp-preview{min-height:460px}}@media (max-width:700px){.tp-preview{min-height:0}.tp-preview__card{gap:16px;padding:18px}.tp-preview__rating{height:40px}.tp-preview__rating-value{font-size:32px;line-height:40px}.tp-preview__feed{min-height:176px}.tp-preview__textarea{height:40px}.tp-preview__float--score{top:12px;right:12px}.tp-preview__new-wrap{bottom:12px;left:12px}.tp-preview__cta{flex-direction:column;align-items:stretch;gap:12px}.tp-preview__cta-btn{width:100%}}@media (prefers-reduced-motion:reduce){.tp-preview__glow,.tp-preview__orbit,.tp-preview__live-dot,.tp-preview__rating-value,.tp-preview__count-n,.tp-preview__meter-pct-n,.tp-preview__star,.tp-preview__badge,.tp-preview__meter-fill,.tp-preview__new-wrap,.tp-preview__new,.tp-preview__composer,.tp-preview__typed-wrap,.tp-preview__caret,.tp-preview__post,.tp-preview__tap,.tp-preview__textarea,.tp-preview__review,.tp-preview__cta,.tp-preview__cta-btn,.tp-preview__float{animation:none!important}.tp-preview__new-wrap,.tp-preview__composer{display:none}.tp-preview__rating-value--4,.tp-preview__count-n--4,.tp-preview__meter-pct-n--4,.tp-preview__badge,.tp-preview__review,.tp-preview__cta{opacity:1;transform:none}.tp-preview__rating-value:not(.tp-preview__rating-value--4),.tp-preview__count-n:not(.tp-preview__count-n--4),.tp-preview__meter-pct-n:not(.tp-preview__meter-pct-n--4),.tp-preview__float{opacity:0}.tp-preview__star{color:var(--tp-green)}.tp-preview__meter-fill{width:97%}}
.hero-banner{background:var(--color-background-default);width:100%;position:relative;overflow:hidden}.hero-banner__layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;display:grid}.hero-banner__copy{flex-direction:column;width:100%;min-width:0;max-width:560px;display:flex}.hero-banner__header .section-header__subtitle{margin-top:20px}.hero-banner__copy .hero-banner__features{margin:28px 0 0}.hero-banner__actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:36px;display:flex}.hero-banner__preview{width:100%;min-width:0}@media (max-width:1279.98px){.hero-banner__layout{grid-template-columns:1fr;gap:40px}.hero-banner__copy{max-width:none}.hero-banner__preview{display:none}.hero-banner__header{max-width:70%}.hero-banner__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:560px;display:grid}.hero-banner__actions .btn{width:100%}}@media (max-width:990.98px){.hero-banner__header{max-width:80%}}@media (max-width:767.98px){.hero-banner__header,.hero-banner__actions{max-width:none}}@media (max-width:700px){.hero-banner__copy .hero-banner__features{margin-top:24px}.hero-banner__actions{margin-top:28px}}