.template-page-how-it-works .hdt-rich-text,.tko-page-hero{background:var(--tko-black)!important;color:#fff!important;position:relative;overflow:hidden;padding:80px 24px!important}.tko-page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,#2a2a2a 0px 12px,#252525 12px 24px);opacity:.5;pointer-events:none}.tko-page-hero:after{content:"";position:absolute;right:-100px;top:-40px;bottom:-40px;width:540px;background:var(--tko-teal);opacity:.13;transform:skew(-8deg);pointer-events:none}.tko-page-hero>*{position:relative;z-index:2}.tko-page-hero h1{color:#fff!important;line-height:1.15!important;letter-spacing:-.02em!important}.tko-page-hero h1 em{font-style:normal;color:var(--tko-teal)}.tko-step-row-section{position:relative}.tko-step-row{padding:40px 0;position:relative}.tko-step-row+.tko-step-row{margin-top:40px}.tko-step-row__inner{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:168px 1fr;gap:48px;position:relative}.tko-step-row__inner:before{content:"";position:absolute;left:116px;top:-40px;bottom:-40px;width:3px;background:var(--tko-teal);opacity:.35;z-index:0}.tko-step-row:first-of-type .tko-step-row__inner:before{top:60px}.tko-step-row:last-of-type .tko-step-row__inner:before{bottom:auto;height:60%}.tko-step-row__marker{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.tko-step-row__num{font-size:88px;font-weight:900;line-height:.85;color:var(--tko-teal);letter-spacing:-.04em;position:relative;display:inline-block}.tko-step-row__num:before{content:"";position:absolute;left:-14px;top:-10px;width:8px;height:8px;background:var(--tko-teal);clip-path:polygon(50% 0%,100% 100%,0% 100%)}.tko-step-row__tag{display:inline-flex;align-items:center;margin-top:14px;padding:6px 14px;background:var(--tko-black);color:#fff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%)}.tko-step-row--featured .tko-step-row__tag{background:var(--tko-teal)}.tko-step-row__content{padding-top:8px}.tko-step-row__title{font-size:clamp(28px,3.2vw,40px);font-weight:900;line-height:1.1;letter-spacing:-.01em;color:var(--tko-black);margin:0 0 14px;text-wrap:balance}.tko-step-row__title em{font-style:normal;color:var(--tko-teal)}.tko-step-row__lede{font-size:17px;color:#666;line-height:1.65;margin-bottom:32px;max-width:640px}.tko-step-row__visual{position:relative;margin:0 0 36px;background:linear-gradient(135deg,var(--tko-teal-light) 0%,#fff 100%);border:1px solid var(--tko-teal-light);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.tko-step-row__visual img{width:100%;height:100%;object-fit:cover;display:block}.tko-step-row__visual--placeholder span{font-family:monospace;font-size:11px;letter-spacing:.1em;color:#666;text-transform:uppercase;opacity:.6}.tko-step-row__details{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:28px}.tko-step-row__detail h3{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tko-teal);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--tko-teal-light)}.tko-step-row__detail ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.tko-step-row__detail li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;color:var(--tko-black)}.tko-step-row__detail li:before{content:"";flex-shrink:0;width:14px;height:14px;margin-top:5px;background:var(--tko-teal);clip-path:polygon(0 0,100% 50%,0 100%)}.tko-step-row__pull{margin-top:28px;padding:24px 28px;background:var(--tko-teal-light);border-left:4px solid var(--tko-teal);font-style:italic;font-size:18px;line-height:1.55;color:var(--tko-black)}.tko-step-row__pull strong{color:var(--tko-teal);font-style:normal;font-weight:800;margin-right:6px}.tko-step-row__compare{background:var(--tko-black);color:#fff;padding:36px;margin-top:32px;position:relative;overflow:hidden}.tko-step-row__compare:before{content:"";position:absolute;right:-40px;top:-20px;bottom:-20px;width:220px;background:var(--tko-teal);opacity:.15;transform:skew(-10deg)}.tko-step-row__compare-eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--tko-teal);text-transform:uppercase;margin-bottom:14px;position:relative;z-index:2}.tko-step-row__compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;position:relative;z-index:2}.tko-step-row__compare-col h4{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.tko-step-row__compare-col--others h4{color:#ffffff80}.tko-step-row__compare-col--tko h4{color:var(--tko-teal)}.tko-step-row__compare-col p{font-size:15px;line-height:1.55;color:#ffffffe6}.tko-step-row__compare-col--others p{color:#ffffff8c}.tko-step-row__speed{margin-top:32px;background:#fff;border:2px solid #e8e8e8;padding:32px}.tko-step-row__speed h4{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#666;margin-bottom:24px}.tko-step-row__speed-bar{display:grid;grid-template-columns:110px 1fr 100px;gap:16px;align-items:center;margin-bottom:14px}.tko-step-row__speed-bar:last-child{margin-bottom:0}.tko-step-row__speed-label{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tko-step-row__speed-bar--tko .tko-step-row__speed-label{color:var(--tko-teal)}.tko-step-row__speed-bar--others .tko-step-row__speed-label{color:#666}.tko-step-row__speed-track{height:18px;background:#f5f5f5;position:relative;overflow:hidden}.tko-step-row__speed-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--bar-width, 100%);background:var(--tko-teal);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 100%,6px 100%);animation:tkoSpeedFill 1.4s ease-out}.tko-step-row__speed-bar--others .tko-step-row__speed-fill{background:repeating-linear-gradient(45deg,#c4c4c4 0 8px,#d8d8d8 8px 16px)}@keyframes tkoSpeedFill{0%{width:0}to{width:var(--bar-width)}}.tko-step-row__speed-time{text-align:right;font-size:14px;font-weight:800;color:var(--tko-black)}.tko-step-row__speed-bar--others .tko-step-row__speed-time{color:#666}.tko-step-row__speed-foot{margin-top:18px;padding-top:18px;border-top:1px solid #e8e8e8;font-size:13px;color:#666}.tko-step-row__speed-foot strong{color:var(--tko-teal);font-weight:800}.tko-step-row__shipping{margin-top:28px;background:#f5f5f5;padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.tko-step-row__shipping:before{content:"SHIPPING";position:absolute;top:-10px;left:24px;background:var(--tko-black);color:#fff;font-size:10px;font-weight:800;letter-spacing:.2em;padding:4px 12px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 100%,6px 100%)}.tko-step-row__shipping-icon{font-size:24px;margin-bottom:4px}.tko-step-row__shipping-title{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tko-black);margin-bottom:4px}.tko-step-row__shipping-desc{font-size:14px;color:#666;line-height:1.5}@media(max-width:900px){.tko-step-row__inner{grid-template-columns:80px 1fr;gap:24px}.tko-step-row__inner:before{left:64px}.tko-step-row__num{font-size:56px}.tko-step-row__details{grid-template-columns:1fr;gap:24px}.tko-step-row__compare-grid{grid-template-columns:1fr;gap:20px}.tko-step-row__speed-bar{grid-template-columns:78px 1fr 64px;gap:10px}.tko-step-row__shipping{grid-template-columns:1fr;gap:18px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tko-how-it-works.css.map */