/* Homepage-only visual polish. Content, semantics and behavior stay unchanged. */
.hero .woke-inline span{padding:5px 10px 5px 5px;border:1px solid rgba(216,226,237,.88);border-radius:11px;background:rgba(255,255,255,.72);box-shadow:0 4px 14px rgba(8,19,41,.025)}

#logger .logger-demo{border-color:#c7d5e3;box-shadow:0 24px 62px rgba(8,19,41,.10)}
.logger-meanings .metric-card{position:relative;overflow:hidden;padding-top:24px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.logger-meanings .metric-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#94a3b8}
.logger-meanings .metric-card.previous:before{background:#f59e0b}
.logger-meanings .metric-card.target:before{background:#e85d70}
.logger-meanings .metric-card.actual:before{background:#0c9b72}
.logger-meanings .metric-card small{color:#526179}

#planning{position:relative;isolation:isolate;margin-block:36px 34px;padding:52px 48px;border:1px solid #d8e2ed;border-radius:28px;background:radial-gradient(circle at 96% 4%,rgba(245,158,11,.12),transparent 22rem),radial-gradient(circle at 0% 110%,rgba(12,155,114,.075),transparent 22rem),linear-gradient(135deg,#fff 0%,#fffaf3 100%);box-shadow:0 24px 66px rgba(8,19,41,.07);overflow:hidden}
#planning:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f59e0b 0%,#0c9b72 100%)}
#planning:after{content:"";position:absolute;z-index:0;right:-120px;bottom:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.08),transparent 68%);pointer-events:none}
#planning .section-head{position:relative;z-index:1;max-width:820px;margin-bottom:30px}
#planning .eyebrow{color:#d97706}
.planning-showcase{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);gap:18px;align-items:stretch}
.planning-showcase>.shot{margin:0}
.planning-days-shot{padding:9px;border-color:rgba(245,158,11,.24);box-shadow:0 22px 54px rgba(8,19,41,.10)}
.planning-days-shot .product-label{margin:0 2px 8px}
.planning-evolution-card{display:flex;flex-direction:column;padding:16px;border:1px solid rgba(216,226,237,.95);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 14px 36px rgba(8,19,41,.055)}
.planning-evolution-card>.product-label{margin:0 2px 10px}
.planning-evolution-card .shot{position:relative;margin:0;padding:5px;aspect-ratio:4/3;overflow:hidden;border-radius:14px;box-shadow:0 12px 30px rgba(8,19,41,.07);background:#f5f8fb}
.planning-evolution-card .shot img{width:100%;height:100%;object-fit:cover;object-position:22% 32%;transform:scale(1.32);transform-origin:22% 32%;border-radius:9px}
.planning-evolution-card>p:last-child{margin:14px 2px 0;color:#66758c;font-size:14px;line-height:1.55}
#planning>.actions{position:relative;z-index:1;margin-top:24px}
#planning>.actions .button{background:rgba(255,255,255,.92);border-color:#d8c7a8;box-shadow:0 8px 22px rgba(8,19,41,.04)}

#progress{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-areas:"copy visual" "actions visual";column-gap:46px;align-items:center;margin-block:36px 34px;padding:52px 48px;border:1px solid #d8e2ed;border-radius:28px;background:radial-gradient(circle at 92% 2%,rgba(59,130,246,.12),transparent 21rem),radial-gradient(circle at 4% 112%,rgba(12,155,114,.09),transparent 22rem),linear-gradient(135deg,#fff 0%,#f8fbff 100%);box-shadow:0 24px 66px rgba(8,19,41,.075);overflow:hidden}
#progress:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#3b82f6 0%,#0c9b72 100%)}
#progress:after{content:"";position:absolute;z-index:0;right:-110px;bottom:-150px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.08),transparent 68%);pointer-events:none}
#progress .section-head{grid-area:copy;position:relative;z-index:1;max-width:520px;margin:0}
#progress .eyebrow{color:#3b82f6}
#progress>.shot{grid-area:visual;position:relative;z-index:1;margin:0;padding:9px;border-color:rgba(59,130,246,.24);box-shadow:0 25px 62px rgba(8,19,41,.13)}
#progress>.actions{grid-area:actions;position:relative;z-index:1;margin-top:24px;align-self:start}
#progress>.actions .button{background:rgba(255,255,255,.92);border-color:#cbd9e8;box-shadow:0 8px 22px rgba(8,19,41,.045)}

#woke .woke-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#woke .woke-card>span{box-shadow:0 8px 20px rgba(8,19,41,.14)}

.final-cta{position:relative;isolation:isolate;margin-bottom:64px;padding:54px 50px;border-radius:28px;background:radial-gradient(circle at 88% 10%,rgba(40,214,161,.15),transparent 19rem),linear-gradient(135deg,#081329 0%,#10213e 100%);color:#fff;box-shadow:0 28px 72px rgba(8,19,41,.16);overflow:hidden}
.final-cta:after{content:"";position:absolute;z-index:-1;right:-80px;bottom:-130px;width:310px;height:310px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}
.final-cta .section-head{margin-bottom:0}
.final-cta .eyebrow{color:#55d9b2}
.final-cta .section-head p:last-child{color:#c8d3e1}
.final-cta .button.primary{background:#fff;color:#081329;border-color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.16)}

@media(hover:hover){
  .logger-meanings .metric-card:hover{transform:translateY(-3px);border-color:#bdcad8;box-shadow:0 13px 30px rgba(8,19,41,.07)}
  #planning>.actions .button:hover{border-color:#c7ad7e;box-shadow:0 12px 28px rgba(8,19,41,.08)}
  #progress>.actions .button:hover{border-color:#aebfd1;box-shadow:0 12px 28px rgba(8,19,41,.08)}
  #woke .woke-card:hover{transform:translateY(-3px);border-color:#bdcad8;box-shadow:0 15px 34px rgba(8,19,41,.075)}
}

@media(max-width:980px){
  #planning{padding:42px 36px}
  .planning-showcase{grid-template-columns:1fr;gap:20px}
  .planning-evolution-card .shot img{transform:scale(1.24)}
  #progress{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "actions";row-gap:28px;padding:42px 36px}
  #progress .section-head{max-width:760px}
  #progress>.actions{margin-top:-4px}
  .final-cta{padding:46px 38px}
}

@media(max-width:650px){
  .hero .woke-inline span{padding-right:8px}
  #planning{margin-block:24px;padding:30px 20px;border-radius:21px}
  .planning-days-shot{padding:5px;border-radius:14px}
  .planning-evolution-card{padding:12px;border-radius:16px}
  .planning-evolution-card .shot img{transform:scale(1.18)}
  #progress{margin-block:24px;padding:30px 20px;border-radius:21px;row-gap:22px}
  #progress>.shot{padding:5px;border-radius:14px}
  #progress>.actions{margin-top:-2px}
  .final-cta{margin-bottom:42px;padding:34px 24px;border-radius:22px}
}

@media(prefers-reduced-motion:reduce){
  .logger-meanings .metric-card,#woke .woke-card{transition:none}
}

#exercises{position:relative;isolation:isolate;margin-block:36px 34px;padding:52px 48px;border:1px solid #efd5e1;border-radius:28px;background:radial-gradient(circle at 94% 3%,rgba(219,39,119,.12),transparent 22rem),radial-gradient(circle at 2% 112%,rgba(251,113,133,.09),transparent 22rem),linear-gradient(135deg,#fff 0%,#fff7fb 100%);box-shadow:0 24px 66px rgba(8,19,41,.075);overflow:hidden}
#exercises:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#db2777 0%,#fb7185 100%)}
#exercises:after{content:"";position:absolute;z-index:0;right:-120px;bottom:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(219,39,119,.075),transparent 68%);pointer-events:none}
#exercises .section-head{position:relative;z-index:1;max-width:820px;margin-bottom:30px}
#exercises .eyebrow{color:#be185d}
#exercises .split{position:relative;z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:24px}
#exercises .shot{margin:0;padding:9px;border-color:rgba(219,39,119,.22);box-shadow:0 24px 60px rgba(8,19,41,.11)}
#exercises .split>div:last-child{padding:28px;border:1px solid rgba(239,213,225,.95);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 14px 36px rgba(8,19,41,.045)}
#exercises .split>div:last-child h3{margin-top:0}
#exercises .split>div:last-child p{color:#66758c}
#exercises .actions .button{background:#fff;border-color:#e6bfd2;box-shadow:0 8px 22px rgba(8,19,41,.04)}
@media(max-width:980px){#exercises{padding:42px 36px}#exercises .split{grid-template-columns:1fr}}
@media(max-width:650px){#exercises{margin-block:24px;padding:30px 20px;border-radius:21px}#exercises .shot{padding:5px;border-radius:14px}#exercises .split>div:last-child{padding:22px 18px;border-radius:16px}}

@media(max-width:650px){
  .planning-evolution-card .shot{aspect-ratio:auto;overflow-x:auto;overflow-y:hidden;background:#f5f8fb}
  .planning-evolution-card .shot img{width:720px;max-width:none;height:auto;object-fit:contain;object-position:left top;transform:none}
}

/* Make the four human-motion sport icons unmistakable even at 19px. */
.audience-grid .audience-item:nth-child(2) .hero-mini-icon,
.audience-grid .audience-item:nth-child(3) .hero-mini-icon,
.audience-grid .audience-item:nth-child(7) .hero-mini-icon,
.audience-grid .audience-item:nth-child(8) .hero-mini-icon{
  stroke:transparent!important;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
}
.audience-grid .audience-item:nth-child(2) .hero-mini-icon * ,
.audience-grid .audience-item:nth-child(3) .hero-mini-icon * ,
.audience-grid .audience-item:nth-child(7) .hero-mini-icon * ,
.audience-grid .audience-item:nth-child(8) .hero-mini-icon * {display:none}

/* Calisthenics: a person clearly hanging from a pull-up bar. */
.audience-grid .audience-item:nth-child(2) .hero-mini-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a7572' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3.5h16M7 3.5v2M17 3.5v2'/%3E%3Ccircle cx='12' cy='8' r='1.8'/%3E%3Cpath d='M10.3 10 8 6.4M13.7 10 16 6.4M12 10v5M12 15l-3.2 5M12 15l3.2 5'/%3E%3C/svg%3E");
}

/* Running: strong horizontal stride plus a small motion/ground cue. */
.audience-grid .audience-item:nth-child(3) .hero-mini-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a7572' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14.5' cy='5' r='1.8'/%3E%3Cpath d='m12.8 8-3.3 4.3 3.7 1.8 2 5.1M12.8 8l4 2.6 3 .5M9.5 12.3l-4.5 3M13.2 14.1l5.1 3.2M3 19h5'/%3E%3C/svg%3E");
}

/* Climbing: vertical wall and holds make the upward movement explicit. */
.audience-grid .audience-item:nth-child(7) .hero-mini-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a7572' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 2.5v19M20 6h-2M20 12h-2M20 18h-2'/%3E%3Ccircle cx='12.3' cy='6' r='1.8'/%3E%3Cpath d='m11.2 8.2-2.8 4 3 2.1-2 5.2M11.5 9l4.3 2 2.2-3.2M11.4 14.3l4.2 4.8'/%3E%3C/svg%3E");
}

/* Mobility: a wide lateral stretch, deliberately unlike the upright calisthenics figure. */
.audience-grid .audience-item:nth-child(8) .hero-mini-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a7572' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='5.2' r='1.8'/%3E%3Cpath d='M10 7.5c1.8 1.5 3.7 2.4 6.2 2.6M10 7.7l-2 5.4M8 13.1 3.5 18.5M8 13.1l6.6 5.4M15.5 10.1l3.5-3M4 20h16'/%3E%3C/svg%3E");
}