
/* 89.4 — Tools / WOW V2 Premium Sport */
:root{
 --pt894-orange:#ff5b16;
 --pt894-bg:#070d12;
 --pt894-card:#0d151d;
 --pt894-card2:#111b24;
 --pt894-text:#f6f8fa;
 --pt894-muted:#a6b0bb;
}
*{box-sizing:border-box}
body.cr-tools-894{margin:0;background:var(--pt894-bg);color:var(--pt894-text)}
.cr-tools-894 .cr-site-header{
 position:absolute;top:0;left:0;right:0;z-index:40;
 background:linear-gradient(180deg,rgba(5,9,13,.94),rgba(5,9,13,.52),transparent);
 border-bottom:0;box-shadow:none;backdrop-filter:none
}
.cr-tools-894 .cr-brand-name{color:#fff}
.cr-tools-894 .cr-nav-link,.cr-tools-894 .cr-nav-account{color:#d2d8de}
.cr-tools-894 .cr-language{
 display:flex;padding:3px;border:1px solid rgba(255,91,22,.3);
 background:rgba(5,9,13,.72);backdrop-filter:blur(8px)
}
.cr-tools-894 .cr-language a{min-width:31px;height:29px;padding:0 7px;color:#c0c8d0;font-size:13px}
.cr-tools-894 .cr-language a.is-active{background:linear-gradient(135deg,#ff4e0b,#ff6d23);color:#fff}
.pt894-main{overflow:hidden;background:#070d12}
.pt894-shell,.tool-shell{width:min(1180px,calc(100% - 42px));margin:0 auto}
.pt894-kicker,.pt894-heading>span,.pt894-bottom span,.tool-kicker{
 color:var(--pt894-orange);font-size:13.5px;font-weight:950;letter-spacing:.15em;text-transform:uppercase
}
.pt894-btn,.tool-btn.primary,.tool-calc-btn{
 min-height:48px;display:inline-flex;align-items:center;justify-content:center;
 padding:0 18px;border:0;border-radius:10px;text-decoration:none;
 font:inherit;font-size:13px;font-weight:900;cursor:pointer
}
.pt894-btn.primary,.tool-btn.primary,.tool-calc-btn{
 color:#fff;background:linear-gradient(135deg,#ff4e0b,#ff6e24);
 box-shadow:0 10px 28px rgba(255,82,14,.23)
}

/* HUB */
.pt894-hub-hero{
 position:relative;min-height:650px;display:flex;align-items:end;overflow:hidden;
 border-bottom:1px solid rgba(255,91,22,.22)
}
.pt894-hub-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.pt894-hub-overlay{
 position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(5,9,13,.96),rgba(5,9,13,.79) 43%,rgba(5,9,13,.2)),
            linear-gradient(180deg,rgba(0,0,0,.05),transparent 55%,#070d12)
}
.pt894-hub-inner{position:relative;z-index:2;padding:150px 0 68px}
.pt894-hub-hero h1{
 margin:8px 0 14px;font-size:clamp(60px,7vw,92px);line-height:.91;letter-spacing:-.067em
}
.pt894-hub-hero h1 em{color:var(--pt894-orange);font-style:normal}
.pt894-hub-hero p{max-width:620px;margin:0 0 23px;color:#c6ced6;font-size:16px}
.pt894-hub-section{
 padding:80px 0;background:
 radial-gradient(circle at 0% 100%,rgba(255,91,22,.09),transparent 22%),#080e14
}
.pt894-heading{max-width:800px;margin-bottom:26px}
.pt894-heading h2{
 margin:6px 0 0;font-size:clamp(42px,5vw,62px);line-height:.96;letter-spacing:-.055em
}
.pt894-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.pt894-tool-card{
 position:relative;min-height:330px;overflow:hidden;
 border:1px solid rgba(255,91,22,.27);border-radius:15px;
 color:#fff;text-decoration:none;background:#0d151d;transition:.2s ease
}
.pt894-tool-card:hover{transform:translateY(-4px);border-color:var(--pt894-orange)}
.pt894-tool-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.25s ease}
.pt894-tool-card:hover>img{transform:scale(1.025)}
.pt894-tool-overlay{
 position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(5,9,13,.10) 15%,rgba(5,9,13,.25) 45%,rgba(5,9,13,.94) 82%,#070d12 100%)
}
.pt894-tool-top{
 position:absolute;z-index:2;top:14px;left:14px;right:14px;
 display:flex;align-items:center;justify-content:space-between
}
.pt894-tool-top span{
 padding:6px 8px;border-radius:999px;background:rgba(5,9,13,.58);
 backdrop-filter:blur(6px);font-size:12px;font-weight:950
}
.pt894-tool-top b{
 width:36px;height:36px;display:grid;place-items:center;border-radius:50%;
 background:rgba(5,9,13,.56);border:1px solid rgba(255,255,255,.18);font-size:16px
}
.pt894-tool-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:17px}
.pt894-tool-copy h3{margin:0;font-size:22px;line-height:1.05}
.pt894-tool-copy p{margin:6px 0 0;color:#c4ccd4;font-size:13.5px}
.pt894-tool-copy i{
 position:absolute;right:0;bottom:0;width:34px;height:34px;display:grid;place-items:center;
 border:1px solid var(--pt894-orange);border-radius:50%;color:#fff;font-style:normal
}
.pt894-bottom{
 padding:72px 0;border-top:1px solid rgba(255,91,22,.17);
 background:radial-gradient(circle at 82% 50%,rgba(255,91,22,.12),transparent 22%),#070d12
}
.pt894-bottom-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}
.pt894-bottom h2{margin:6px 0 0;font-size:clamp(40px,4.8vw,58px);line-height:.96;letter-spacing:-.05em}

/* DETAILS */
.tool-detail-hero{
 position:relative;min-height:560px;display:flex;align-items:end;overflow:hidden;
 border-bottom:1px solid rgba(255,91,22,.22);background:#05090d
}
.tool-detail-hero::before{
 content:"";position:absolute;inset:0;background-size:cover;background-position:center;
 transform:scale(1.01)
}
.cr-tool-pace .tool-detail-hero::before{background-image:url('tools89/pace.jpg')}
.cr-tool-vma .tool-detail-hero::before{background-image:url('tools89/vma.jpg')}
.cr-tool-predictor .tool-detail-hero::before{background-image:url('tools89/predictor.jpg')}
.cr-tool-marathon .tool-detail-hero::before{background-image:url('tools89/marathon.jpg')}
.cr-tool-hr .tool-detail-hero::before{background-image:url('tools89/hr.jpg')}
.cr-tool-units .tool-detail-hero::before{background-image:url('tools89/units.jpg')}
.cr-tool-splits .tool-detail-hero::before{background-image:url('tools89/splits.jpg')}
.cr-tool-negative .tool-detail-hero::before{background-image:url('tools89/negative.jpg')}
.cr-tool-treadmill .tool-detail-hero::before{background-image:url('tools89/treadmill.jpg')}
.cr-tool-hydration .tool-detail-hero::before{background-image:url('tools89/hydration.jpg')}
.cr-tool-nutrition .tool-detail-hero::before{background-image:url('tools89/nutrition.jpg')}
.tool-detail-hero::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(5,9,13,.97),rgba(5,9,13,.82) 47%,rgba(5,9,13,.24)),
            linear-gradient(180deg,rgba(0,0,0,.04),transparent 60%,#070d12)
}
.tool-detail-hero-grid,.tool-detail-hero>.tool-shell{
 position:relative;z-index:2;padding:145px 0 58px
}
.tool-back{
 display:inline-block;margin-bottom:23px;color:#c4ccd4;text-decoration:none;font-size:13.5px;font-weight:850
}
.tool-back:hover{color:#fff}
.tool-detail-hero h1{
 max-width:820px;margin:8px 0 11px;font-size:clamp(52px,6.1vw,78px);line-height:.93;letter-spacing:-.06em
}
.tool-detail-hero p{
 max-width:640px;margin:0;color:#c5cdd5;font-size:15px;line-height:1.6
}
.tool-section{
 padding:74px 0;background:
 radial-gradient(circle at 88% 12%,rgba(255,91,22,.08),transparent 18%),#080e14
}
.tool-calc-layout{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);
 gap:16px;align-items:start
}
.tool-panel,.tool-result,.tool-result-card{
 border:1px solid rgba(255,255,255,.08);border-radius:15px;
 background:linear-gradient(180deg,#0e171f,#0a1118);
 box-shadow:0 20px 50px rgba(0,0,0,.16)
}
.tool-panel{padding:26px}
.tool-result,.tool-result-card{
 position:sticky;top:94px;min-height:330px;padding:25px;
 border-color:rgba(255,91,22,.24)
}
.tool-panel-head{margin-bottom:20px}
.tool-panel-head small,.tool-result-label,.tool-result-card>small{
 color:var(--pt894-orange);font-size:13px;font-weight:950;letter-spacing:.12em;text-transform:uppercase
}
.tool-panel-head h2{margin:5px 0 0;color:#fff;font-size:27px;letter-spacing:-.025em}
.tool-panel label{display:block;margin:15px 0 6px;color:#aeb7c1;font-size:13.5px;font-weight:800}
.tool-panel input,.tool-panel select{
 width:100%;height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.11);
 border-radius:9px;background:#091118;color:#fff;font:inherit;font-size:13px;outline:none
}
.tool-panel input:focus,.tool-panel select:focus{border-color:rgba(255,91,22,.72);box-shadow:0 0 0 3px rgba(255,91,22,.08)}
.tool-inline{display:grid;grid-template-columns:1fr 120px;gap:8px}
.tool-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tool-btn.primary,.tool-calc-btn{margin-top:19px}
.tool-note,.p85-disclaimer{
 margin-top:16px;padding:12px;border:1px solid rgba(255,255,255,.07);
 border-radius:10px;background:#091118;color:#8f9aa5;font-size:13px;line-height:1.55
}
.tool-result-main,.p85-result{
 margin-top:18px;color:#fff;font-size:clamp(45px,5vw,66px);font-weight:950;line-height:.95;letter-spacing:-.05em
}
.tool-result-main small{font-size:14px;color:#9da7b1}
.tool-result-sub{margin-top:7px;color:#83909c;font-size:13px}
.tool-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:24px}
.tool-result-grid>div,.tool-zone-list>div,.tool-predictions>div,.tool-splits>div,.p85-splits>span{
 padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#091118
}
.tool-result-grid small,.tool-zone-list small,.tool-predictions small{display:block;color:#7f8b96;font-size:12px}
.tool-result-grid strong,.tool-zone-list strong,.tool-predictions strong{display:block;margin-top:4px;color:#fff;font-size:14px}
.tool-zone-list,.tool-predictions,.tool-splits,.p85-splits{display:grid;gap:7px;margin-top:20px}
.tool-zone-list>div,.tool-predictions>div,.tool-splits>div,.p85-splits>span{
 display:flex;align-items:center;justify-content:space-between;gap:10px
}
.tool-zone-list span,.tool-predictions span,.tool-splits span,.p85-splits b{color:var(--pt894-orange);font-size:13px;font-weight:900}
.p85-result{font-size:52px}
.tool-section+.tool-section{padding-top:0}
.cr-tools-894 .cr-site-footer-v2{margin-top:0;border-top:1px solid rgba(255,91,22,.2);background:#070d12}

@media(max-width:1050px){
 .cr-tools-894 .cr-site-header{position:sticky;background:#080d12}
 .pt894-tool-grid{grid-template-columns:1fr 1fr}
 .tool-calc-layout{grid-template-columns:1fr}
 .tool-result,.tool-result-card{position:static}
}
@media(max-width:760px){
 .pt894-shell,.tool-shell{width:calc(100% - 26px)}
 .pt894-hub-hero{min-height:710px}
 .pt894-hub-hero>img{object-position:60% center}
 .pt894-hub-overlay{background:linear-gradient(180deg,rgba(5,9,13,.15),rgba(5,9,13,.38) 37%,#070d12 80%,#070d12)}
 .pt894-hub-inner{padding:290px 0 56px}
 .pt894-hub-hero h1{font-size:clamp(48px,14vw,68px)}
 .pt894-tool-grid{grid-template-columns:1fr}
 .pt894-tool-card{min-height:350px}
 .pt894-bottom-inner{display:block}
 .pt894-bottom .pt894-btn{margin-top:20px}
 .tool-detail-hero{min-height:690px}
 .tool-detail-hero::after{background:linear-gradient(180deg,rgba(5,9,13,.12),rgba(5,9,13,.38) 36%,#070d12 82%,#070d12)}
 .tool-detail-hero-grid,.tool-detail-hero>.tool-shell{padding:290px 0 50px}
 .tool-detail-hero h1{font-size:clamp(46px,13vw,64px)}
}
@media(max-width:470px){
 .tool-time-grid,.tool-result-grid{grid-template-columns:1fr}
 .tool-inline{grid-template-columns:1fr}
 .tool-panel{padding:19px}
 .tool-result,.tool-result-card{padding:19px}
 .cr-tools-894 .cr-nav-actions .cr-nav-account,
 .cr-tools-894 .cr-nav-actions>.cr-nav-cta{display:none}
}
