← Qiki · all runs · 📊 leaderboard
r-1786907673913-81gey
create a business plan for a hyrox shoe business
model /nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF upstream http://127.0.0.1:8080 harness 127.0.0.1
score 20 / 50
2026-08-16 19:14:33 UTC · total 225s · 5 steps
1 · Project Branding
HyroxStride
Engineered for the grind: the only shoe built for Hyrox racing.
Theme
high-performance athletic minimalism, matte black rubber with neon orange accents, industrial durability meets sleek speed
Audience
Hyrox athletes, functional fitness competitors, and CrossFit enthusiasts seeking specialized footwear
Vibe
aggressive, durable, precise, competitive, relentless
Brand palette
#1A1A1A #FF4500 #F0F0F0 3 · Landing Page
24,721 chars ↗ open full preview
view source
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HyroxStride</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{
--bg:#0d0d0f;--surface:#16161a;--elevated:#1e1e24;
--text:#f5f5f7;--muted:#a1a1aa;--border:rgba(255,255,255,.11);
--accent:#ff3b30;--accent-btn:#ff3b30;--accent-text:#ff3b30;--ink:#0a0a0a;--glow:rgba(255,59,48,0.20);--soft:rgba(255,59,48,0.13);
/* Foreground for anything painted on --soft. See the derivation above: a token
computed against --bg is not valid on a tinted surface. */
--soft-ink:#ff3b30;
/* Minimum comfortable hit area. Referenced by every interactive rule so a
tap target can never regress below the 44px WCAG/iOS floor. */
--tap:44px;
/* Translucent chrome derived from the direction's own background. Hardcoding
rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a
light direction shipped. */
--nav-bg:rgba(13,13,15,0.72);--hairline:rgba(255,255,255,.18);
--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
--font-display:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;
--w-display:800;--w-body:400;
--track-display:-.03em;
--texture:linear-gradient(180deg, rgba(255,92,57,.10), transparent 42%);
--maxw:1200px;--r:6px;--r-lg:10px;--ease:cubic-bezier(.4,0,.2,1);
color-scheme:dark;
}
html{scroll-behavior:smooth}
body{background-color:var(--bg);background-image:var(--texture);background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font-family:var(--font);font-weight:var(--w-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* Staggered page-load reveal. Absent motion is one of the named AI-slop
tells; 0.1s increments read as intentional rather than decorative.
Honoured only when the visitor has not asked for reduced motion. */
@media (prefers-reduced-motion:no-preference){
section,header{animation:qk-rise .55s var(--ease) both}
section:nth-of-type(1){animation-delay:.05s}section:nth-of-type(2){animation-delay:.15s}
section:nth-of-type(3){animation-delay:.25s}section:nth-of-type(4){animation-delay:.35s}
section:nth-of-type(n+5){animation-delay:.45s}
@keyframes qk-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{color:var(--muted)}
h1,h2,h3,.nav__brand,.footer__brand{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--track-display);line-height:1.08;color:var(--text)}
h1{font-size:clamp(2.5rem,6vw,4.25rem)}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.02em}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}
section{padding-block:clamp(3.5rem,7vw,6rem)}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text)}
.shead{max-width:640px;margin-bottom:clamp(2rem,4vw,3.25rem)}
.shead h2{margin-top:12px}
.shead p{margin-top:14px;font-size:1.1rem}
/* WCAG 2.4.7. The template shipped with no focus styles at all, so a keyboard
user had no visible position on any generated site. --accent-text is used
rather than --accent because the ring must clear the near-black background. */
:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px}
:focus:not(:focus-visible){outline:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;min-height:var(--tap);border-radius:11px;font-weight:600;font-size:.95rem;transition:transform .15s var(--ease),box-shadow .2s var(--ease);cursor:pointer}
.btn--primary{background:var(--accent-btn);color:var(--ink);box-shadow:0 10px 30px -10px var(--glow)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px var(--glow)}
.btn--ghost{border:1px solid var(--border);color:var(--text)}
.btn--ghost:hover{background:var(--surface);border-color:var(--hairline)}
/* nav */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--nav-bg);border-bottom:1px solid var(--border)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.nav__brand{font-weight:700;font-size:1.18rem;letter-spacing:-.03em;display:inline-flex;align-items:center;min-height:var(--tap)}
.nav__links{display:flex;gap:30px;align-items:center}
.nav__links a{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .15s;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 4px}
.nav__links a:hover{color:var(--text)}
@media(max-width:760px){.nav__links{display:none}}
/* hero */
.hero{position:relative;padding-top:clamp(3.5rem,8vw,6.5rem);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(58% 55% at 72% 12%,var(--glow),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero__sub{font-size:1.18rem;margin:22px 0 34px;max-width:50ch}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap}
.hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}
@media(max-width:840px){.hero .wrap{grid-template-columns:1fr}.hero__media{order:-1}
/* ── LAYOUT VARIANTS ────────────────────────────────────────────────────────
Same skeletons, different arrangement. Without these, six directions were six
palettes over ONE identical floorplan — which is what the "AI slop" research
actually objects to, and no amount of colour fixes it. */
.h-stacked .hero .wrap{grid-template-columns:1fr;text-align:center;justify-items:center}
.h-stacked .hero__sub{margin-inline:auto}
.h-stacked .hero__cta{justify-content:center}
.h-stacked .hero__media{order:1;width:100%;margin-top:clamp(28px,4vw,48px)}
.h-stacked .hero__media img{width:100%}
/* editorial: headline runs the full measure, image is an inline figure beside
the standfirst — magazine, not SaaS marketing page. */
.h-editorial .hero .wrap{grid-template-columns:1fr;gap:0}
.h-editorial .hero__copy h1{max-width:16ch;font-size:clamp(2.8rem,7.5vw,5.5rem)}
.h-editorial .hero__media{order:1;float:right;width:min(44%,460px);margin:0 0 24px 40px}
.h-editorial .hero__sub{max-width:52ch;font-size:1.24rem}
@media (max-width:720px){.h-editorial .hero__media{float:none;width:100%;margin:24px 0 0}}
/* bleed: image sits behind the copy. */
.h-bleed .hero{isolation:isolate}
.h-bleed .hero .wrap{grid-template-columns:1fr;min-height:min(78vh,640px);align-content:center}
.h-bleed .hero__media{position:absolute;inset:0;order:0;z-index:-1;opacity:.34}
.h-bleed .hero__media img{width:100%;height:100%;object-fit:cover}
.h-bleed .hero__copy{max-width:44ch}
/* rows: numbered editorial rows with hairlines instead of cards. */
.f-rows .features{display:block}
.f-rows .fcard{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,40px);align-items:start;
background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:clamp(22px,3vw,34px) 0}
.f-rows .fcard:last-child{border-bottom:1px solid var(--border)}
.f-rows .fcard__n{width:auto;height:auto;background:none;border-radius:0;margin:0;
font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--accent-text);opacity:.75}
.f-rows .fcard h3{grid-column:2;margin:0 0 8px}
.f-rows .fcard p{grid-column:2;max-width:62ch}.hero__media img{aspect-ratio:16/10}}
/* products */
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:22px}
.pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.pcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(0,0,0,.7)}
.pcard__media{position:relative;aspect-ratio:1/1;overflow:hidden}
.pcard__media img{width:100%;height:100%;object-fit:cover}
.pcard__badge{position:absolute;top:12px;left:12px;background:var(--accent-btn);color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:5px 11px;border-radius:999px}
.pcard__body{padding:16px 18px 20px}
.pcard__name{font-weight:600;font-size:1.02rem}
.pcard__row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.pcard__price{font-weight:700;font-size:1.16rem}
.pcard__add{font-size:.85rem;font-weight:600;color:var(--accent-text)}
/* showcase gallery (comic pages / stills — portrait tiles) */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.gtile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.gtile:hover{transform:translateY(-5px);box-shadow:0 28px 54px -24px var(--glow)}
.gtile__media{position:relative;aspect-ratio:2/3;overflow:hidden}
.gtile__media img{width:100%;height:100%;object-fit:cover}
.gtile__cap{padding:12px 14px;font-size:.92rem;font-weight:600;letter-spacing:-.01em}
/* features */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:20px}
.fcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:30px}
.fcard__n{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--soft-ink);font-weight:700;font-size:.95rem;margin-bottom:18px}
.fcard h3{margin-bottom:8px}
.fcard p{font-size:.98rem}
/* quote */
.quote{text-align:center;max-width:820px;margin-inline:auto}
.quote blockquote{font-size:clamp(1.35rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;line-height:1.32;color:var(--text)}
.quote__a{margin-top:24px;color:var(--muted);font-size:.95rem}
/* pricing */
.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin-inline:auto}
.tier{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;gap:16px}
.tier--featured{border-color:var(--accent);box-shadow:0 30px 60px -30px var(--glow)}
.tier__name{font-weight:600;color:var(--muted);letter-spacing:.02em}
.tier__price{font-size:2.6rem;font-weight:800;letter-spacing:-.03em}
.tier__price span{font-size:1rem;font-weight:500;color:var(--muted)}
.tier ul{list-style:none;display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:.94rem}
.tier ul li{padding-left:22px;position:relative}
.tier ul li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.tier .btn{margin-top:auto;justify-content:center}
/* faq accordion */
.faq{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:4px 22px;transition:border-color .15s}
.faq__item[open]{border-color:var(--border)}
.faq__item summary{cursor:pointer;list-style:none;font-weight:600;font-size:1.02rem;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;letter-spacing:-.01em}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";color:var(--accent);font-weight:400;font-size:1.5rem;line-height:1;transition:transform .2s var(--ease)}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__item p{color:var(--muted);font-size:.98rem;line-height:1.6;padding:0 0 20px}
/* link-in-bio */
.bio{min-height:100vh;display:grid;place-items:center;padding:clamp(2rem,6vw,4rem) 20px;position:relative;overflow:hidden}
.bio::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 45% at 50% 0%,var(--glow),transparent 70%);pointer-events:none}
.bio__inner{position:relative;width:100%;max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center}
.bio__avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 50px -20px var(--glow)}
.bio__avatar img{width:100%;height:100%;object-fit:cover}
.bio__name{margin-top:22px;font-size:clamp(1.6rem,4vw,2.1rem)}
.bio__bio{color:var(--muted);margin-top:12px;max-width:40ch}
.bio__links{margin-top:32px;width:100%;display:flex;flex-direction:column;gap:12px}
.biolink{display:block;width:100%;padding:17px 22px;border-radius:14px;background:var(--surface);border:1px solid var(--border);font-weight:600;letter-spacing:-.01em;transition:transform .16s var(--ease),border-color .16s,background .16s}
.biolink:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--elevated)}
.bio__foot{margin-top:32px;color:var(--muted);font-size:.82rem}
/* cta band */
.ctaband{position:relative;border-radius:var(--r-lg);padding:clamp(3rem,6vw,5rem) 24px;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--elevated));border:1px solid var(--border)}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 90% at 50% 0%,var(--glow),transparent 70%)}
.ctaband>*{position:relative}
.ctaband h2{margin-bottom:14px}
.ctaband p{max-width:48ch;margin:0 auto 30px;font-size:1.12rem}
/* footer */
.footer{border-top:1px solid var(--border);padding-block:clamp(3rem,5vw,4rem) 36px;margin-top:24px}
.footer .wrap{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}
.footer__brand{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}
.footer__tag{color:var(--muted);margin-top:12px;font-size:.9rem;max-width:32ch}
.fcol h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:15px}
.fcol a{display:flex;align-items:center;min-height:var(--tap);color:var(--muted);font-size:.9rem;padding:5px 0;transition:color .15s}
.fcol a:hover{color:var(--text)}
.footer__bottom{border-top:1px solid var(--border);margin-top:44px;padding-top:24px;color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:760px){.footer .wrap{grid-template-columns:1fr 1fr}}
/* motion + image skeleton */
@media(prefers-reduced-motion:no-preference){
[data-anim]{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
[data-anim].in{opacity:1;transform:none}
}
/* image slot: real photo (png) is opaque and covers the spinner; an unfilled
placeholder (svg) is translucent so the spinner shows through = "image coming" */
/* spinner ONLY while the run is in progress (host adds .qk-loading to <body>).
A real photo (opaque png) covers it; when the run finishes the class is gone,
so it always terminates — an unfilled slot becomes a clean static tile, never a
perpetual spinner. */
.pcard__media::before,.gtile__media::before{content:"";position:absolute;top:calc(50% - 17px);left:calc(50% - 17px);width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--accent);z-index:0;opacity:0}
.qk-loading .pcard__media::before,.qk-loading .gtile__media::before{opacity:1;animation:qk-spin .8s linear infinite}
.pcard__media img,.gtile__media img{position:relative;z-index:1}
.qk-loading img[src^="data:image/svg"]{opacity:.55}
@keyframes qk-spin{to{transform:rotate(360deg)}}
</style>
</head>
<body class="h-bleed f-rows">
<nav class="nav"><div class="wrap">
<a class="nav__brand" href="#top">HyroxStride</a>
<div class="nav__links"><a href="#">Shop</a><a href="#">Technology</a><a href="#">About</a></div>
<a class="btn btn--primary" href="#top">Shop the drop</a>
</div></nav>
<header class="hero" id="top"><div class="wrap">
<div class="hero__copy" data-anim>
<span class="eyebrow">SS26 DROP · RACE READY</span>
<h1 style="margin-top:16px">Dominate the grind. Built for Hyrox.</h1>
<p class="hero__sub">The only shoe engineered for the full spectrum of functional fitness racing.</p>
<div class="hero__cta">
<a class="btn btn--primary" href="#top">Shop the drop</a>
<a class="btn btn--ghost" href="#features">See the tech</a>
</div>
</div>
<div class="hero__media" data-anim style="--i:1"><img data-hero-fill src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20600'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23ff3b30'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(128%2C30%2C34)'%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D'r'%20cx%3D'.7'%20cy%3D'.25'%20r%3D'.7'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'rgba(255%2C255%2C255%2C.35)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgba(255%2C255%2C255%2C0)'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'%230f0f14'%2F%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'url(%23g)'%20opacity%3D'.9'%2F%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'url(%23r)'%2F%3E%3C%2Fsvg%3E" alt="HyroxStride"></div>
</div></header>
<section class="wrap"><div class="shead" data-anim>
<span class="eyebrow">The collection</span><h2>Shop the lineup</h2>
</div>
<div class="products"><article class="pcard" data-anim style="--i:0">
<div class="pcard__media"><img data-product-fill="0" src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p0'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(0%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p0)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESP%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Stride Pro X1" loading="lazy"><span class="pcard__badge">Bestseller</span></div>
<div class="pcard__body">
<div class="pcard__name">Stride Pro X1</div>
<div class="pcard__row"><span class="pcard__price">$219</span><span class="pcard__add">Add to cart</span></div>
</div>
</article><article class="pcard" data-anim style="--i:1">
<div class="pcard__media"><img data-product-fill="1" src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p1'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(47%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p1)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3EST%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Stride Trail Grip" loading="lazy"><span class="pcard__badge">New</span></div>
<div class="pcard__body">
<div class="pcard__name">Stride Trail Grip</div>
<div class="pcard__row"><span class="pcard__price">$199</span><span class="pcard__add">Add to cart</span></div>
</div>
</article><article class="pcard" data-anim style="--i:2">
<div class="pcard__media"><img data-product-fill="2" src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p2'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(94%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p2)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESS%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Stride Speed Lite" loading="lazy"></div>
<div class="pcard__body">
<div class="pcard__name">Stride Speed Lite</div>
<div class="pcard__row"><span class="pcard__price">$179</span><span class="pcard__add">Add to cart</span></div>
</div>
</article><article class="pcard" data-anim style="--i:3">
<div class="pcard__media"><img data-product-fill="3" src="data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p3'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(141%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p3)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESR%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Stride Recovery Slide" loading="lazy"></div>
<div class="pcard__body">
<div class="pcard__name">Stride Recovery Slide</div>
<div class="pcard__row"><span class="pcard__price">$49</span><span class="pcard__add">Add to cart</span></div>
</div>
</article></div>
</section>
<section class="wrap" id="features"><div class="shead" data-anim>
<span class="eyebrow">WHY HYROX-SPECIFIC?</span><h2>Engineered for the full spectrum.</h2>
<p>Stop compromising with generic trainers. HyroxStride adapts to running, sled pushes, and wall balls.</p>
</div>
<div class="features"><div class="fcard" data-anim style="--i:0">
<div class="fcard__n">01</div><h3>Run-First Sole</h3><p>Responsive foam tuned for the 8km run segments without sacrificing stability.</p>
</div><div class="fcard" data-anim style="--i:1">
<div class="fcard__n">02</div><h3>Sled-Proof Toe</h3><p>Reinforced rubber cap protects your toes during heavy sled pushes and drags.</p>
</div><div class="fcard" data-anim style="--i:2">
<div class="fcard__n">03</div><h3>Lockdown Fit</h3><p>Midfoot cage system prevents sliding during lateral movements and burpees.</p>
</div></div>
</section>
<section class="wrap"><div class="quote" data-anim>
<blockquote>“I shaved 4 minutes off my PB. The transition from run to sled is seamless now.”</blockquote>
<div class="quote__a">Marcus T., Top 10% Finisher</div>
</div></section>
<section class="wrap"><div class="ctaband" data-anim>
<h2>Ready to crush your personal best?</h2><p>Join the athletes who train and race in HyroxStride.</p>
<a class="btn btn--primary" href="#top">Shop the drop</a>
</div></section>
<footer class="footer"><div class="wrap">
<div><div class="footer__brand">HyroxStride</div><p class="footer__tag">Engineered for the grind.</p></div>
<div class="fcol"><h4>Shop</h4><a href="#">Men's Collection</a><a href="#">Women's Collection</a><a href="#">New Arrivals</a><a href="#">Sale</a></div><div class="fcol"><h4>Technology</h4><a href="#">Sole Engineering</a><a href="#">Upper Materials</a><a href="#">Fit Guide</a><a href="#">Race Notes</a></div><div class="fcol"><h4>Company</h4><a href="#">About Us</a><a href="#">Athletes</a><a href="#">Contact</a><a href="#">Returns</a></div>
</div><div class="wrap footer__bottom">
<span>© 2026 HyroxStride. All rights reserved.</span>
<span>Built on Own1 · Qiki</span>
</div></footer>
<script>
(()=>{const io=new IntersectionObserver(es=>es.forEach(x=>{if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target)}}),{threshold:.12});
document.querySelectorAll('[data-anim]').forEach(el=>io.observe(el));})();
</script>
</body>
</html> research · done · 109s
Market & Competitor Analysis
10 / 10
model /nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF harness 127.0.0.1:8080
validity 2/2
fidelity 2/2
structure 2/2
depth 2/2
cleanliness 2/2
market_research · 1276 words · 5 sections
## Executive Summary
The Hyrox footwear niche represents a high-growth, underserved segment within the broader functional fitness market. Hyrox, the world’s largest fitness racing series, has exploded in popularity, creating a specific demand for footwear that bridges the gap between running performance and strength-endurance durability. Current market leaders (Nike, Adidas, Hoka, On) primarily offer general-purpose training or running shoes that fail to optimize for the unique biomechanical stresses of Hyrox events, particularly the "Roxzone" transitions involving sled pushes, wall balls, and burpee broad jumps.
Key consumer pain points include rapid outsole wear from sled dragging, insufficient lateral stability during heavy lifts, and a lack of durable uppers that withstand abrasion from box jumps and wall balls. There is a clear market gap for a "Hyrox-specific" shoe: a hybrid model featuring a ruggedized outsole for sled traction, a reinforced toe cap for wall ball durability, and a stable, low-profile platform for lifting, without sacrificing too much cushioning for the 8km run segments. This report outlines the market size, segmentation, competitive landscape, and strategic recommendations for entering this niche.
## TAM / SAM / SOM
*Note: Precise financial data for the "Hyrox-specific footwear" sub-niche is not publicly available. The following estimates are derived from broader functional fitness and running shoe market reports, adjusted for Hyrox’s specific participant demographics.*
**Total Addressable Market (TAM): Global Functional Fitness & Running Footwear Market**
The global functional fitness footwear market is estimated at approximately $15–20 billion annually, with the broader athletic footwear market exceeding $100 billion. Within this, the "cross-training" and "hybrid performance" segment (shoes designed for both running and lifting) accounts for roughly 15-20% of the athletic footwear category. This represents a TAM of approximately **$15–20 billion**.
**Serviceable Available Market (SAM): Hyrox Participants & Serious Functional Fitness Enthusiasts**
Hyrox reported over 100,000 participants globally in 2023, with projections to reach 200,000+ by 2025. Assuming an average annual footwear spend of $150–$200 for serious athletes (replacing shoes every 6–9 months due to high wear), the direct SAM for Hyrox-specific footwear is approximately **$15–20 million annually**. If we expand the SAM to include all participants in similar functional fitness competitions (e.g., CrossFit Games qualifiers, Spartan Race, Tough Mudder) who currently use suboptimal footwear, the SAM expands to **$150–200 million annually**.
**Serviceable Obtainable Market (SOM): Early Adopters & Brand-Loyal Hyrox Athletes**
Capturing 1–2% of the global Hyrox participant base in the first 3–5 years is a realistic initial goal. With 100,000+ participants and a $150 average order value, the SOM is approximately **$1.5–2 million in annual recurring revenue**. This assumes a strong go-to-market strategy leveraging community influencers and direct-to-consumer channels.
## Segmentation
The Hyrox footwear market can be segmented by athlete profile, usage intensity, and biomechanical needs.
1. **The "Racer" (Core Hyrox Participant)**
* **Profile:** Completes 1–5 Hyrox races per year. Prioritizes speed and endurance.
* **Needs:** Lightweight cushioning for the 8km run, but sufficient stability for the sled push. Willing to pay a premium for a shoe that lasts a full season.
* **Pain Point:** Running shoes wear out too quickly from sled dragging; lifting shoes are too heavy and unstable for running.
2. **The "Cross-Training Enthusiast" (Hybrid User)**
* **Profile:** Trains in functional fitness 3–5 times per week, including Hyrox-style workouts. May not race but trains for the events.
* **Needs:** Durability above all. Requires a shoe that can handle box jumps, wall balls, and rope climbs without tearing.
* **Pain Point:** General training shoes lack the lateral support for heavy lifts and the abrasion resistance for wall balls.
3. **The "Beginner/Novice"**
* **Profile:** First-time Hyrox participant. Often uses existing running or generic gym shoes.
* **Needs:** Comfort, affordability, and versatility.
* **Pain Point:** Generic shoes lead to poor performance and increased injury risk during sled pushes and burpee broad jumps.
4. **Biomechanical Segmentation**
* **Sled Push Dominant:** Needs maximum traction and a flat, stable sole to generate force.
* **Run Dominant:** Needs responsive cushioning and a flexible forefoot.
* **Strength Dominant:** Needs a hard, non-compressible sole for lifting stability.
## Competitive Landscape
Current competitors are largely generalist athletic brands that have not fully optimized for Hyrox-specific demands.
**1. Nike**
* **Key Models:** Nike Metcon 9, Nike Free Metcon 4, Nike Pegasus (for running segments).
* **Strengths:** Strong brand recognition, excellent marketing, and widespread availability. The Metcon series is the industry standard for cross-training.
* **Weaknesses:** The Metcon’s durable rubber toe cap is excellent for wall balls but can be stiff for running. The outsole is not optimized for sled traction, leading to rapid wear on the lateral side during sled pushes. Nike lacks a dedicated "Hyrox" model.
**2. Hoka**
* **Key Models:** Hoka Tecton X (running), Hoka Transport (lifestyle/training).
* **Strengths:** Superior cushioning for the 8km run segments. The Transport offers a stable platform for lifting.
* **Weaknesses:** High-stack cushioning can be unstable for heavy lifts and sled pushes. The outsole rubber is often softer and wears down quickly under sled friction. Lateral support is less robust than dedicated cross-trainers.
**3. On Running**
* **Key Models:** On Cloudmonster, On Cloudswift.
* **Strengths:** Trendy design, excellent running performance, and unique cloud technology for shock absorption.
* **Weaknesses:** The cloud pods are not designed for lateral stability or heavy loads. The uppers are often mesh-heavy and susceptible to tearing during wall balls or box jumps. Not suitable for the strength components of Hyrox.
**4. Specialized/Niche Brands**
* **Key Players:** Reebok Nano (legacy leader), Adidas Adipower, specialized brands like Altra (for zero-drop preference) and New Balance (FuelCell series).
* **Strengths:** Reebok Nano has a loyal following for its durability. Altra appeals to those with specific foot geometry needs.
* **Weaknesses:** Reebok’s market share has declined. Altra’s zero-drop design is polarizing and not ideal for heavy lifting or sled pushes for most users. None offer a shoe specifically engineered for the "Roxzone" transition mechanics.
**Market Gap Analysis:**
There is no dominant shoe that explicitly markets itself as a "Hyrox Race Shoe." Competitors force athletes to choose between a running shoe (poor durability) and a cross-trainer (poor running comfort). The gap lies in a **hybrid performance shoe** with:
* A **ruggedized, high-abrasion outsole** specifically on the lateral and medial edges for sled pushes.
* A **reinforced, abrasion-resistant toe box** for wall balls and box jumps.
* A **moderate stack height** with a stable heel-to-toe drop for both running efficiency and lifting stability.
* **Breathable but durable uppers** that withstand friction from the sled and wall ball.
## Go-to-Market Recommendations
To capture the Hyrox footwear niche, a new entrant or existing brand should pursue the following strategy:
**1. Product Development: The "Roxzone" Hybrid**
* **Design:** Create a shoe with a dual-density outsole. A harder rubber compound on the lateral/medial edges for sled traction and a softer, grippy compound in the forefoot for running.
* **Durability:** Use a reinforced toe cap (like the Nike Metcon) but integrate it seamlessly into a more flexible upper for running.
* **Testing:** Partner with top Hyrox athletes for beta testing. Focus on metrics like outsole wear after 50 sled pushes and upper integrity after 100 wall balls.
**2. Community-Led Marketing**
* **Influencer Partnerships:** Collaborate with Hyrox influencers and top-ranked athletes, not just general fitness influencers. Provide them with prototype shoes in exchange for detailed feedback and social media content.
* **Event Sponsorship:** Sponsor local Hyrox events. Offer free shoe trials to participants. Use the event as a live testing ground to gather data on wear and tear.
* **Content Marketing:** Create educational content on "How to Choose the Right Shoe for Hyrox," highlighting the pain points of current options and showcasing the new shoe’s specific benefits for each event (e.g., "Why the Roxzone Outsole Matters for Sled Pushes").
**3. Direct-to-Consumer (DTC) Focus**
* 1 LLM call on this step
ok ·
108930 ms · prompt 1059c → resp 8932c ·
t=0.4 max=2048 ·
→ /nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF @ http://127.0.0.1:8080
→ /nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF @ http://127.0.0.1:8080
ops-doc · done · 46s
Business Plan & Strategy
0 / 10
model /nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF harness 127.0.0.1:8080
validity 0/2
fidelity 0/2
structure 0/2
depth 0/2
cleanliness 0/2
why (1 notes)
- unknown kind
1 LLM call on this step
ok ·
45629 ms · prompt 1864c → resp 4424c ·
t=0.35 max=2800 ·
→ /nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF @ http://127.0.0.1:8080
→ /nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF @ http://127.0.0.1:8080
raw JSON
{
"id": "r-1786907673913-81gey",
"prompt": "create a business plan for a hyrox shoe business",
"project": {
"name": "HyroxStride",
"tagline": "Engineered for the grind: the only shoe built for Hyrox racing.",
"theme": "high-performance athletic minimalism, matte black rubber with neon orange accents, industrial durability meets sleek speed",
"brandColors": [
"#1A1A1A",
"#FF4500",
"#F0F0F0"
],
"audience": "Hyrox athletes, functional fitness competitors, and CrossFit enthusiasts seeking specialized footwear",
"vibe": "aggressive, durable, precise, competitive, relentless"
},
"steps": [
{
"id": "s1-biamv",
"kind": "project-dna",
"params": {
"brief": "Define the brand DNA for a Hyrox-specific shoe business. Focus on the intersection of functional fitness and running. Establish positioning against generic running shoes and heavy cross-training shoes. Define voice axes (e.g., rugged, technical, agile). Identify target archetype (e.g., The Athlete, The Challenger).",
"project": {
"name": "HyroxStride",
"tagline": "Engineered for the grind: the only shoe built for Hyrox racing.",
"theme": "high-performance athletic minimalism, matte black rubber with neon orange accents, industrial durability meets sleek speed",
"brandColors": [
"#1A1A1A",
"#FF4500",
"#F0F0F0"
],
"audience": "Hyrox athletes, functional fitness competitors, and CrossFit enthusiasts seeking specialized footwear",
"vibe": "aggressive, durable, precise, competitive, relentless"
},
"heroPlanned": false
},
"label": "Brand Identity & Positioning"
},
{
"id": "s2-gdtp2",
"kind": "research",
"params": {
"brief": "Conduct market research on the Hyrox footwear niche. Analyze current competitors (e.g., Nike, Adidas, specialized brands like On or Hoka if they have specific models). Identify gaps in the market (e.g., lack of shoes optimized for the 'Roxzone' sled push or wall balls). Summarize key consumer pain points with current footwear in functional fitness competitions.",
"variant": "market_research",
"project": {
"name": "HyroxStride",
"tagline": "Engineered for the grind: the only shoe built for Hyrox racing.",
"theme": "high-performance athletic minimalism, matte black rubber with neon orange accents, industrial durability meets sleek speed",
"brandColors": [
"#1A1A1A",
"#FF4500",
"#F0F0F0"
],
"audience": "Hyrox athletes, functional fitness competitors, and CrossFit enthusiasts seeking specialized footwear",
"vibe": "aggressive, durable, precise, competitive, relentless"
},
"heroPlanned": false
},
"label": "Market & Competitor Analysis"
},
{
"id": "s3-e05c6",
"kind": "ops-doc",
"params": {
"brief": "Create a comprehensive business plan for the Hyrox shoe brand. Include sections for Executive Summary, Market Analysis (using research data), Product Line Description (specs for durability, grip, weight), Marketing Strategy, Operational Plan (supply chain, manufacturing), and Financial Projections (startup costs, pricing strategy, break-even analysis).",
"variant": "sop",
"project": {
"name": "HyroxStride",
"tagline": "Engineered for the grind: the only shoe built for Hyrox racing.",
"theme": "high-performance athletic minimalism, matte black rubber with neon orange accents, industrial durability meets sleek speed",
"brandColors": [
"#1A1A1A",
"#FF4500",
"#F0F0F0"
],
"audience": "Hyrox athletes, functional fitness competitors, and CrossFit enthusiasts seeking specialized footwear",
"vibe": "aggressive, durable, precise, competitive, relentless"
},
"heroPlanned": false
},
"label": "Business Plan & Strategy"
},
{
"id": "s4-o5ip5",
"kind": "website",
"params": {
"brief": "Design a high-conversion landing page for the Hyrox shoe brand. Hero section should feature a bold tagline about performance in functional fitness. Include sections for 'Why Hyrox-Specific?', Product Showcase, and a 'Join the Waitlist' or 'Shop Now' CTA. Use the brand colors and voice defined in the project-dna step.",
"project": {
"name": "HyroxStride",
"tagline": "Engineered for the grind: the only shoe built for Hyrox racing.",
"theme": "high-performance athletic minimalism, matte black rubber with neon orange accents, industrial durability meets sleek speed",
"brandColors": [
"#1A1A1A",
"#FF4500",
"#F0F0F0"
],
"audience": "Hyrox athletes, functional fitness competitors, and CrossFit enthusiasts seeking specialized footwear",
"vibe": "aggressive, durable, precise, competitive, relentless"
},
"heroPlanned": false
},
"label": "Brand Landing Page"
},
{
"id": "s5-nzzds",
"kind": "social-card",
"params": {
"brief": "Create a 1200x630 OG/Twitter share card for the Hyrox shoe business launch. Visual should be dynamic, showing a shoe in action during a Hyrox event (e.g., mid-sled push or sprint). Include the brand logo and a compelling headline like 'Engineered for the Roxzone'.",
"project": {
"name": "HyroxStride",
"tagline": "Engineered for the grind: the only shoe built for Hyrox racing.",
"theme": "high-performance athletic minimalism, matte black rubber with neon orange accents, industrial durability meets sleek speed",
"brandColors": [
"#1A1A1A",
"#FF4500",
"#F0F0F0"
],
"audience": "Hyrox athletes, functional fitness competitors, and CrossFit enthusiasts seeking specialized footwear",
"vibe": "aggressive, durable, precise, competitive, relentless"
},
"heroPlanned": false
},
"label": "Social Media Share Card"
}
],
"results": {
"s1-biamv": {
"status": "done",
"startedAt": 1786907673915,
"attempt": 1,
"output": {
"html": "<!doctype html><html><head><meta charset=\"utf-8\"><title>HydroStep — DNA</title>\n<style>\n:root{\n --bg:#0d0d0f;--surface:#16161a;--elevated:#1e1e24;\n --text:#f5f5f7;--muted:#a1a1aa;--border:rgba(255,255,255,.11);\n --accent:#FF4500;--accent-btn:#FF4500;--accent-text:#FF4500;--ink:#0a0a0a;--glow:rgba(255,69,0,0.20);--soft:rgba(255,69,0,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#FF4500;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(13,13,15,0.72);--hairline:rgba(255,255,255,.18);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;\n --w-display:800;--w-body:400;\n --track-display:-.03em;\n --texture:linear-gradient(180deg, rgba(255,92,57,.10), transparent 42%);\n --maxw:1200px;--r:6px;--r-lg:10px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:dark;\n}\nbody{background:var(--bg);background-image:var(--texture);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\nfont-weight:var(--w-body);margin:0;padding:clamp(28px,5vw,72px);line-height:1.6}\nh1{font-family:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;font-weight:var(--w-display);letter-spacing:var(--track-display);font-size:clamp(2.2rem,5vw,3.4rem);margin:0}\n.tag{color:var(--muted);font-size:1.15rem;margin:8px 0 34px}\n.pos{font-family:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;font-size:1.35rem;max-width:60ch;border-left:3px solid var(--accent-text);padding-left:20px;margin:0 0 36px}\n.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}\nh3{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}\nul{margin:0;padding-left:18px}li{margin-bottom:6px}\n.axis{display:flex;align-items:center;gap:12px;margin-bottom:10px}\n.axis span{width:80px;font-size:.9rem;color:var(--muted)}\n.track{flex:1;height:8px;background:var(--soft);border-radius:99px;overflow:hidden}\n.track i{display:block;height:100%;background:var(--accent-btn)}\n.chip{display:inline-block;background:var(--soft);color:var(--soft-ink);padding:6px 14px;border-radius:99px;font-size:.85rem}</style>\n</head><body>\n<h1>HydroStep</h1>\n<p class=\"tag\">Engineered for Hyrox: Run. Ruck. Repeat.</p>\n<p class=\"pos\">FOR Hyrox athletes who need one shoe for the entire event, HydroStep IS the hybrid performance shoe that bridges the gap between lightweight running and heavy-duty functional fitness.</p>\n<div class=\"grid\">\n <div><h3>Archetype</h3><span class=\"chip\">Hero</span>\n <h3 style=\"margin-top:20px\">Audience</h3><p style=\"margin:0\">Competitive Hyrox racers who train 4-6 times a week and want to eliminate gear changes between stations.</p></div>\n <div><h3>Voice</h3><div class=\"axis\"><span>Formal</span><div class=\"track\"><i style=\"width:20%\"></i></div><b>0.2</b></div><div class=\"axis\"><span>Playful</span><div class=\"track\"><i style=\"width:10%\"></i></div><b>0.1</b></div><div class=\"axis\"><span>Technical</span><div class=\"track\"><i style=\"width:90%\"></i></div><b>0.9</b></div></div>\n <div><h3>Do say</h3><ul><li>Built for the 8km run and the 500m sled.</li><li>Zero transition time. Maximum output.</li><li>Grip that holds on sand, foam that returns on pavement.</li></ul></div>\n <div><h3>Don't say</h3><ul><li>All-day comfort for casual walkers.</li><li>Perfect for high-heel heels or formal events.</li><li>Soft, cloud-like cushioning for relaxation.</li></ul></div>\n <div><h3>Proof points</h3><ul><li>Outsole pattern tested on 100m sand dune simulation.</li><li>Midsole density rated for 50kg lateral sled pushes.</li><li>Upper material reinforced with 5,000-cycle abrasion test data.</li></ul></div>\n</div></body></html>",
"name": "HydroStep",
"tagline": "Engineered for Hyrox: Run. Ruck. Repeat.",
"positioning": "FOR Hyrox athletes who need one shoe for the entire event, HydroStep IS the hybrid performance shoe that bridges the gap between lightweight running and heavy-duty functional fitness.",
"archetype": "Hero",
"voice": {
"formal": 0.2,
"playful": 0.1,
"technical": 0.9
},
"audience": "Competitive Hyrox racers who train 4-6 times a week and want to eliminate gear changes between stations.",
"accent": "#FF4500",
"doSay": [
"Built for the 8km run and the 500m sled.",
"Zero transition time. Maximum output.",
"Grip that holds on sand, foam that returns on pavement."
],
"dontSay": [
"All-day comfort for casual walkers.",
"Perfect for high-heel heels or formal events.",
"Soft, cloud-like cushioning for relaxation."
],
"proofPoints": [
"Outsole pattern tested on 100m sand dune simulation.",
"Midsole density rated for 50kg lateral sled pushes.",
"Upper material reinforced with 5,000-cycle abrasion test data."
],
"warnings": []
},
"produces": {
"brandAccent": "#FF4500",
"brandName": "HydroStep",
"brandVoice": {
"formal": 0.2,
"playful": 0.1,
"technical": 0.9
},
"siteHtml": "<!doctype html><html><head><meta charset=\"utf-8\"><title>HydroStep — DNA</title>\n<style>\n:root{\n --bg:#0d0d0f;--surface:#16161a;--elevated:#1e1e24;\n --text:#f5f5f7;--muted:#a1a1aa;--border:rgba(255,255,255,.11);\n --accent:#FF4500;--accent-btn:#FF4500;--accent-text:#FF4500;--ink:#0a0a0a;--glow:rgba(255,69,0,0.20);--soft:rgba(255,69,0,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#FF4500;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(13,13,15,0.72);--hairline:rgba(255,255,255,.18);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;\n --w-display:800;--w-body:400;\n --track-display:-.03em;\n --texture:linear-gradient(180deg, rgba(255,92,57,.10), transparent 42%);\n --maxw:1200px;--r:6px;--r-lg:10px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:dark;\n}\nbody{background:var(--bg);background-image:var(--texture);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\nfont-weight:var(--w-body);margin:0;padding:clamp(28px,5vw,72px);line-height:1.6}\nh1{font-family:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;font-weight:var(--w-display);letter-spacing:var(--track-display);font-size:clamp(2.2rem,5vw,3.4rem);margin:0}\n.tag{color:var(--muted);font-size:1.15rem;margin:8px 0 34px}\n.pos{font-family:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;font-size:1.35rem;max-width:60ch;border-left:3px solid var(--accent-text);padding-left:20px;margin:0 0 36px}\n.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}\nh3{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}\nul{margin:0;padding-left:18px}li{margin-bottom:6px}\n.axis{display:flex;align-items:center;gap:12px;margin-bottom:10px}\n.axis span{width:80px;font-size:.9rem;color:var(--muted)}\n.track{flex:1;height:8px;background:var(--soft);border-radius:99px;overflow:hidden}\n.track i{display:block;height:100%;background:var(--accent-btn)}\n.chip{display:inline-block;background:var(--soft);color:var(--soft-ink);padding:6px 14px;border-radius:99px;font-size:.85rem}</style>\n</head><body>\n<h1>HydroStep</h1>\n<p class=\"tag\">Engineered for Hyrox: Run. Ruck. Repeat.</p>\n<p class=\"pos\">FOR Hyrox athletes who need one shoe for the entire event, HydroStep IS the hybrid performance shoe that bridges the gap between lightweight running and heavy-duty functional fitness.</p>\n<div class=\"grid\">\n <div><h3>Archetype</h3><span class=\"chip\">Hero</span>\n <h3 style=\"margin-top:20px\">Audience</h3><p style=\"margin:0\">Competitive Hyrox racers who train 4-6 times a week and want to eliminate gear changes between stations.</p></div>\n <div><h3>Voice</h3><div class=\"axis\"><span>Formal</span><div class=\"track\"><i style=\"width:20%\"></i></div><b>0.2</b></div><div class=\"axis\"><span>Playful</span><div class=\"track\"><i style=\"width:10%\"></i></div><b>0.1</b></div><div class=\"axis\"><span>Technical</span><div class=\"track\"><i style=\"width:90%\"></i></div><b>0.9</b></div></div>\n <div><h3>Do say</h3><ul><li>Built for the 8km run and the 500m sled.</li><li>Zero transition time. Maximum output.</li><li>Grip that holds on sand, foam that returns on pavement.</li></ul></div>\n <div><h3>Don't say</h3><ul><li>All-day comfort for casual walkers.</li><li>Perfect for high-heel heels or formal events.</li><li>Soft, cloud-like cushioning for relaxation.</li></ul></div>\n <div><h3>Proof points</h3><ul><li>Outsole pattern tested on 100m sand dune simulation.</li><li>Midsole density rated for 50kg lateral sled pushes.</li><li>Upper material reinforced with 5,000-cycle abrasion test data.</li></ul></div>\n</div></body></html>"
},
"finishedAt": 1786907695114,
"llmCalls": [
{
"upstream": "http://127.0.0.1:8080",
"modelRequested": "txt2txt",
"temperature": 0.6,
"maxTokens": 1400,
"timeoutMs": 180000,
"startedAt": 1786907673916,
"finishedAt": 1786907695114,
"ok": true,
"promptChars": 1473,
"responseChars": 1069,
"modelServed": "/nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF"
}
]
},
"s2-gdtp2": {
"status": "done",
"startedAt": 1786907695116,
"attempt": 1,
"output": {
"markdown": "## Executive Summary\n\nThe Hyrox footwear niche represents a high-growth, underserved segment within the broader functional fitness market. Hyrox, the world’s largest fitness racing series, has exploded in popularity, creating a specific demand for footwear that bridges the gap between running performance and strength-endurance durability. Current market leaders (Nike, Adidas, Hoka, On) primarily offer general-purpose training or running shoes that fail to optimize for the unique biomechanical stresses of Hyrox events, particularly the \"Roxzone\" transitions involving sled pushes, wall balls, and burpee broad jumps.\n\nKey consumer pain points include rapid outsole wear from sled dragging, insufficient lateral stability during heavy lifts, and a lack of durable uppers that withstand abrasion from box jumps and wall balls. There is a clear market gap for a \"Hyrox-specific\" shoe: a hybrid model featuring a ruggedized outsole for sled traction, a reinforced toe cap for wall ball durability, and a stable, low-profile platform for lifting, without sacrificing too much cushioning for the 8km run segments. This report outlines the market size, segmentation, competitive landscape, and strategic recommendations for entering this niche.\n\n## TAM / SAM / SOM\n\n*Note: Precise financial data for the \"Hyrox-specific footwear\" sub-niche is not publicly available. The following estimates are derived from broader functional fitness and running shoe market reports, adjusted for Hyrox’s specific participant demographics.*\n\n**Total Addressable Market (TAM): Global Functional Fitness & Running Footwear Market**\nThe global functional fitness footwear market is estimated at approximately $15–20 billion annually, with the broader athletic footwear market exceeding $100 billion. Within this, the \"cross-training\" and \"hybrid performance\" segment (shoes designed for both running and lifting) accounts for roughly 15-20% of the athletic footwear category. This represents a TAM of approximately **$15–20 billion**.\n\n**Serviceable Available Market (SAM): Hyrox Participants & Serious Functional Fitness Enthusiasts**\nHyrox reported over 100,000 participants globally in 2023, with projections to reach 200,000+ by 2025. Assuming an average annual footwear spend of $150–$200 for serious athletes (replacing shoes every 6–9 months due to high wear), the direct SAM for Hyrox-specific footwear is approximately **$15–20 million annually**. If we expand the SAM to include all participants in similar functional fitness competitions (e.g., CrossFit Games qualifiers, Spartan Race, Tough Mudder) who currently use suboptimal footwear, the SAM expands to **$150–200 million annually**.\n\n**Serviceable Obtainable Market (SOM): Early Adopters & Brand-Loyal Hyrox Athletes**\nCapturing 1–2% of the global Hyrox participant base in the first 3–5 years is a realistic initial goal. With 100,000+ participants and a $150 average order value, the SOM is approximately **$1.5–2 million in annual recurring revenue**. This assumes a strong go-to-market strategy leveraging community influencers and direct-to-consumer channels.\n\n## Segmentation\n\nThe Hyrox footwear market can be segmented by athlete profile, usage intensity, and biomechanical needs.\n\n1. **The \"Racer\" (Core Hyrox Participant)**\n * **Profile:** Completes 1–5 Hyrox races per year. Prioritizes speed and endurance.\n * **Needs:** Lightweight cushioning for the 8km run, but sufficient stability for the sled push. Willing to pay a premium for a shoe that lasts a full season.\n * **Pain Point:** Running shoes wear out too quickly from sled dragging; lifting shoes are too heavy and unstable for running.\n\n2. **The \"Cross-Training Enthusiast\" (Hybrid User)**\n * **Profile:** Trains in functional fitness 3–5 times per week, including Hyrox-style workouts. May not race but trains for the events.\n * **Needs:** Durability above all. Requires a shoe that can handle box jumps, wall balls, and rope climbs without tearing.\n * **Pain Point:** General training shoes lack the lateral support for heavy lifts and the abrasion resistance for wall balls.\n\n3. **The \"Beginner/Novice\"**\n * **Profile:** First-time Hyrox participant. Often uses existing running or generic gym shoes.\n * **Needs:** Comfort, affordability, and versatility.\n * **Pain Point:** Generic shoes lead to poor performance and increased injury risk during sled pushes and burpee broad jumps.\n\n4. **Biomechanical Segmentation**\n * **Sled Push Dominant:** Needs maximum traction and a flat, stable sole to generate force.\n * **Run Dominant:** Needs responsive cushioning and a flexible forefoot.\n * **Strength Dominant:** Needs a hard, non-compressible sole for lifting stability.\n\n## Competitive Landscape\n\nCurrent competitors are largely generalist athletic brands that have not fully optimized for Hyrox-specific demands.\n\n**1. Nike**\n* **Key Models:** Nike Metcon 9, Nike Free Metcon 4, Nike Pegasus (for running segments).\n* **Strengths:** Strong brand recognition, excellent marketing, and widespread availability. The Metcon series is the industry standard for cross-training.\n* **Weaknesses:** The Metcon’s durable rubber toe cap is excellent for wall balls but can be stiff for running. The outsole is not optimized for sled traction, leading to rapid wear on the lateral side during sled pushes. Nike lacks a dedicated \"Hyrox\" model.\n\n**2. Hoka**\n* **Key Models:** Hoka Tecton X (running), Hoka Transport (lifestyle/training).\n* **Strengths:** Superior cushioning for the 8km run segments. The Transport offers a stable platform for lifting.\n* **Weaknesses:** High-stack cushioning can be unstable for heavy lifts and sled pushes. The outsole rubber is often softer and wears down quickly under sled friction. Lateral support is less robust than dedicated cross-trainers.\n\n**3. On Running**\n* **Key Models:** On Cloudmonster, On Cloudswift.\n* **Strengths:** Trendy design, excellent running performance, and unique cloud technology for shock absorption.\n* **Weaknesses:** The cloud pods are not designed for lateral stability or heavy loads. The uppers are often mesh-heavy and susceptible to tearing during wall balls or box jumps. Not suitable for the strength components of Hyrox.\n\n**4. Specialized/Niche Brands**\n* **Key Players:** Reebok Nano (legacy leader), Adidas Adipower, specialized brands like Altra (for zero-drop preference) and New Balance (FuelCell series).\n* **Strengths:** Reebok Nano has a loyal following for its durability. Altra appeals to those with specific foot geometry needs.\n* **Weaknesses:** Reebok’s market share has declined. Altra’s zero-drop design is polarizing and not ideal for heavy lifting or sled pushes for most users. None offer a shoe specifically engineered for the \"Roxzone\" transition mechanics.\n\n**Market Gap Analysis:**\nThere is no dominant shoe that explicitly markets itself as a \"Hyrox Race Shoe.\" Competitors force athletes to choose between a running shoe (poor durability) and a cross-trainer (poor running comfort). The gap lies in a **hybrid performance shoe** with:\n* A **ruggedized, high-abrasion outsole** specifically on the lateral and medial edges for sled pushes.\n* A **reinforced, abrasion-resistant toe box** for wall balls and box jumps.\n* A **moderate stack height** with a stable heel-to-toe drop for both running efficiency and lifting stability.\n* **Breathable but durable uppers** that withstand friction from the sled and wall ball.\n\n## Go-to-Market Recommendations\n\nTo capture the Hyrox footwear niche, a new entrant or existing brand should pursue the following strategy:\n\n**1. Product Development: The \"Roxzone\" Hybrid**\n* **Design:** Create a shoe with a dual-density outsole. A harder rubber compound on the lateral/medial edges for sled traction and a softer, grippy compound in the forefoot for running.\n* **Durability:** Use a reinforced toe cap (like the Nike Metcon) but integrate it seamlessly into a more flexible upper for running.\n* **Testing:** Partner with top Hyrox athletes for beta testing. Focus on metrics like outsole wear after 50 sled pushes and upper integrity after 100 wall balls.\n\n**2. Community-Led Marketing**\n* **Influencer Partnerships:** Collaborate with Hyrox influencers and top-ranked athletes, not just general fitness influencers. Provide them with prototype shoes in exchange for detailed feedback and social media content.\n* **Event Sponsorship:** Sponsor local Hyrox events. Offer free shoe trials to participants. Use the event as a live testing ground to gather data on wear and tear.\n* **Content Marketing:** Create educational content on \"How to Choose the Right Shoe for Hyrox,\" highlighting the pain points of current options and showcasing the new shoe’s specific benefits for each event (e.g., \"Why the Roxzone Outsole Matters for Sled Pushes\").\n\n**3. Direct-to-Consumer (DTC) Focus**\n*",
"variant": "market_research",
"wordCount": 1276,
"sectionCount": 5
},
"produces": {
"researchReport": "## Executive Summary\n\nThe Hyrox footwear niche represents a high-growth, underserved segment within the broader functional fitness market. Hyrox, the world’s largest fitness racing series, has exploded in popularity, creating a specific demand for footwear that bridges the gap between running performance and strength-endurance durability. Current market leaders (Nike, Adidas, Hoka, On) primarily offer general-purpose training or running shoes that fail to optimize for the unique biomechanical stresses of Hyrox events, particularly the \"Roxzone\" transitions involving sled pushes, wall balls, and burpee broad jumps.\n\nKey consumer pain points include rapid outsole wear from sled dragging, insufficient lateral stability during heavy lifts, and a lack of durable uppers that withstand abrasion from box jumps and wall balls. There is a clear market gap for a \"Hyrox-specific\" shoe: a hybrid model featuring a ruggedized outsole for sled traction, a reinforced toe cap for wall ball durability, and a stable, low-profile platform for lifting, without sacrificing too much cushioning for the 8km run segments. This report outlines the market size, segmentation, competitive landscape, and strategic recommendations for entering this niche.\n\n## TAM / SAM / SOM\n\n*Note: Precise financial data for the \"Hyrox-specific footwear\" sub-niche is not publicly available. The following estimates are derived from broader functional fitness and running shoe market reports, adjusted for Hyrox’s specific participant demographics.*\n\n**Total Addressable Market (TAM): Global Functional Fitness & Running Footwear Market**\nThe global functional fitness footwear market is estimated at approximately $15–20 billion annually, with the broader athletic footwear market exceeding $100 billion. Within this, the \"cross-training\" and \"hybrid performance\" segment (shoes designed for both running and lifting) accounts for roughly 15-20% of the athletic footwear category. This represents a TAM of approximately **$15–20 billion**.\n\n**Serviceable Available Market (SAM): Hyrox Participants & Serious Functional Fitness Enthusiasts**\nHyrox reported over 100,000 participants globally in 2023, with projections to reach 200,000+ by 2025. Assuming an average annual footwear spend of $150–$200 for serious athletes (replacing shoes every 6–9 months due to high wear), the direct SAM for Hyrox-specific footwear is approximately **$15–20 million annually**. If we expand the SAM to include all participants in similar functional fitness competitions (e.g., CrossFit Games qualifiers, Spartan Race, Tough Mudder) who currently use suboptimal footwear, the SAM expands to **$150–200 million annually**.\n\n**Serviceable Obtainable Market (SOM): Early Adopters & Brand-Loyal Hyrox Athletes**\nCapturing 1–2% of the global Hyrox participant base in the first 3–5 years is a realistic initial goal. With 100,000+ participants and a $150 average order value, the SOM is approximately **$1.5–2 million in annual recurring revenue**. This assumes a strong go-to-market strategy leveraging community influencers and direct-to-consumer channels.\n\n## Segmentation\n\nThe Hyrox footwear market can be segmented by athlete profile, usage intensity, and biomechanical needs.\n\n1. **The \"Racer\" (Core Hyrox Participant)**\n * **Profile:** Completes 1–5 Hyrox races per year. Prioritizes speed and endurance.\n * **Needs:** Lightweight cushioning for the 8km run, but sufficient stability for the sled push. Willing to pay a premium for a shoe that lasts a full season.\n * **Pain Point:** Running shoes wear out too quickly from sled dragging; lifting shoes are too heavy and unstable for running.\n\n2. **The \"Cross-Training Enthusiast\" (Hybrid User)**\n * **Profile:** Trains in functional fitness 3–5 times per week, including Hyrox-style workouts. May not race but trains for the events.\n * **Needs:** Durability above all. Requires a shoe that can handle box jumps, wall balls, and rope climbs without tearing.\n * **Pain Point:** General training shoes lack the lateral support for heavy lifts and the abrasion resistance for wall balls.\n\n3. **The \"Beginner/Novice\"**\n * **Profile:** First-time Hyrox participant. Often uses existing running or generic gym shoes.\n * **Needs:** Comfort, affordability, and versatility.\n * **Pain Point:** Generic shoes lead to poor performance and increased injury risk during sled pushes and burpee broad jumps.\n\n4. **Biomechanical Segmentation**\n * **Sled Push Dominant:** Needs maximum traction and a flat, stable sole to generate force.\n * **Run Dominant:** Needs responsive cushioning and a flexible forefoot.\n * **Strength Dominant:** Needs a hard, non-compressible sole for lifting stability.\n\n## Competitive Landscape\n\nCurrent competitors are largely generalist athletic brands that have not fully optimized for Hyrox-specific demands.\n\n**1. Nike**\n* **Key Models:** Nike Metcon 9, Nike Free Metcon 4, Nike Pegasus (for running segments).\n* **Strengths:** Strong brand recognition, excellent marketing, and widespread availability. The Metcon series is the industry standard for cross-training.\n* **Weaknesses:** The Metcon’s durable rubber toe cap is excellent for wall balls but can be stiff for running. The outsole is not optimized for sled traction, leading to rapid wear on the lateral side during sled pushes. Nike lacks a dedicated \"Hyrox\" model.\n\n**2. Hoka**\n* **Key Models:** Hoka Tecton X (running), Hoka Transport (lifestyle/training).\n* **Strengths:** Superior cushioning for the 8km run segments. The Transport offers a stable platform for lifting.\n* **Weaknesses:** High-stack cushioning can be unstable for heavy lifts and sled pushes. The outsole rubber is often softer and wears down quickly under sled friction. Lateral support is less robust than dedicated cross-trainers.\n\n**3. On Running**\n* **Key Models:** On Cloudmonster, On Cloudswift.\n* **Strengths:** Trendy design, excellent running performance, and unique cloud technology for shock absorption.\n* **Weaknesses:** The cloud pods are not designed for lateral stability or heavy loads. The uppers are often mesh-heavy and susceptible to tearing during wall balls or box jumps. Not suitable for the strength components of Hyrox.\n\n**4. Specialized/Niche Brands**\n* **Key Players:** Reebok Nano (legacy leader), Adidas Adipower, specialized brands like Altra (for zero-drop preference) and New Balance (FuelCell series).\n* **Strengths:** Reebok Nano has a loyal following for its durability. Altra appeals to those with specific foot geometry needs.\n* **Weaknesses:** Reebok’s market share has declined. Altra’s zero-drop design is polarizing and not ideal for heavy lifting or sled pushes for most users. None offer a shoe specifically engineered for the \"Roxzone\" transition mechanics.\n\n**Market Gap Analysis:**\nThere is no dominant shoe that explicitly markets itself as a \"Hyrox Race Shoe.\" Competitors force athletes to choose between a running shoe (poor durability) and a cross-trainer (poor running comfort). The gap lies in a **hybrid performance shoe** with:\n* A **ruggedized, high-abrasion outsole** specifically on the lateral and medial edges for sled pushes.\n* A **reinforced, abrasion-resistant toe box** for wall balls and box jumps.\n* A **moderate stack height** with a stable heel-to-toe drop for both running efficiency and lifting stability.\n* **Breathable but durable uppers** that withstand friction from the sled and wall ball.\n\n## Go-to-Market Recommendations\n\nTo capture the Hyrox footwear niche, a new entrant or existing brand should pursue the following strategy:\n\n**1. Product Development: The \"Roxzone\" Hybrid**\n* **Design:** Create a shoe with a dual-density outsole. A harder rubber compound on the lateral/medial edges for sled traction and a softer, grippy compound in the forefoot for running.\n* **Durability:** Use a reinforced toe cap (like the Nike Metcon) but integrate it seamlessly into a more flexible upper for running.\n* **Testing:** Partner with top Hyrox athletes for beta testing. Focus on metrics like outsole wear after 50 sled pushes and upper integrity after 100 wall balls.\n\n**2. Community-Led Marketing**\n* **Influencer Partnerships:** Collaborate with Hyrox influencers and top-ranked athletes, not just general fitness influencers. Provide them with prototype shoes in exchange for detailed feedback and social media content.\n* **Event Sponsorship:** Sponsor local Hyrox events. Offer free shoe trials to participants. Use the event as a live testing ground to gather data on wear and tear.\n* **Content Marketing:** Create educational content on \"How to Choose the Right Shoe for Hyrox,\" highlighting the pain points of current options and showcasing the new shoe’s specific benefits for each event (e.g., \"Why the Roxzone Outsole Matters for Sled Pushes\").\n\n**3. Direct-to-Consumer (DTC) Focus**\n*"
},
"finishedAt": 1786907804046,
"llmCalls": [
{
"upstream": "http://127.0.0.1:8080",
"modelRequested": "txt2txt",
"temperature": 0.4,
"maxTokens": 2048,
"timeoutMs": 360000,
"startedAt": 1786907695116,
"finishedAt": 1786907804046,
"ok": true,
"promptChars": 1059,
"responseChars": 8932,
"modelServed": "/nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF"
}
]
},
"s3-e05c6": {
"status": "done",
"startedAt": 1786907804047,
"attempt": 1,
"output": {
"html": "<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Develop Comprehensive Business Plan for Hyrox Shoe Brand</title>\n<style>\n:root{\n --bg:#07080c;--surface:#101219;--elevated:#171a24;\n --text:#f2f4f8;--muted:#9aa3b4;--border:rgba(255,255,255,.10);\n --accent:#FF4500;--accent-btn:#FF4500;--accent-text:#FF4500;--ink:#0a0a0a;--glow:rgba(255,69,0,0.20);--soft:rgba(255,69,0,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#FF4500;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(7,8,12,0.72);--hairline:rgba(255,255,255,.18);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --w-display:800;--w-body:300;\n --track-display:-.045em;\n --texture:radial-gradient(1000px 460px at 78% -12%, rgba(61,220,151,.16), transparent 62%),radial-gradient(700px 380px at 8% 8%, rgba(80,120,255,.12), transparent 60%);\n --maxw:1200px;--r:14px;--r-lg:22px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:dark;\n}\n\n*{box-sizing:border-box}\nbody{background:var(--bg);background-image:var(--texture);color:var(--text);font-family:var(--font);\nfont-weight:var(--w-body);font-size:16px;line-height:1.6;margin:0;padding:clamp(24px,4vw,64px);-webkit-font-smoothing:antialiased}\n.doc{max-width:50rem;margin:0 auto}\nh1{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--track-display);\nfont-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;margin:0}\n.doctype{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);font-weight:700;margin:0 0 10px}\n.sub{color:var(--muted);font-size:1.02rem;margin:8px 0 0;max-width:62ch}\nh2{font-family:var(--font-display);font-weight:var(--w-display);font-size:1.18rem;letter-spacing:-.01em;\nmargin:34px 0 12px;display:flex;align-items:center;gap:10px}\n.count{font-size:.8rem;font-weight:600;color:var(--soft-ink);background:var(--soft);border-radius:99px;padding:2px 10px}\np{margin:0 0 14px;max-width:68ch}\n.lede{color:var(--muted);font-size:1.02rem;margin:22px 0 0;max-width:66ch}\n.eyebrow{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700;margin-bottom:6px}\n.meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:26px 0 0;font-size:.9rem;color:var(--muted);\npadding-bottom:20px;border-bottom:1px solid var(--border)}\n.meta b{color:var(--text);font-weight:700;margin-right:6px}\n.sub-line{color:var(--muted);font-size:.9rem;margin-top:4px}\n.act{font-weight:700;font-size:1rem;line-height:1.4}\n.chip{display:inline-flex;align-items:center;background:var(--soft);color:var(--soft-ink);\npadding:4px 12px;border-radius:99px;font-size:.82rem;font-weight:700}\n.chip.alt{background:transparent;border:1px solid var(--border);color:var(--muted)}\n.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}\nol.steps{list-style:none;margin:0;padding:0;counter-reset:none}\n.step{display:grid;grid-template-columns:2.6rem 1fr;gap:14px;background:var(--surface);border:1px solid var(--border);\nborder-radius:var(--r);padding:16px 18px;margin-bottom:10px}\n.num{font-family:var(--font-display);font-weight:var(--w-display);font-size:1.25rem;color:var(--accent-text);line-height:1.25}\n.done{margin-top:12px;font-size:.92rem;color:var(--muted);border-left:2px solid var(--accent-text);padding-left:12px}\n.done b{color:var(--text)}\nul.plain{margin:0;padding-left:20px}ul.plain li{margin-bottom:8px}\nol.plain{margin:0;padding-left:22px}ol.plain li{margin-bottom:8px}\n/* Printable checklist: a drawn box, not an <input>. A real checkbox is a ~20px\n hit target inside a document nobody submits, and it would trip the 44px\n interactive floor. The ROW carries --tap so it stays comfortable either way. */\nul.check{list-style:none;margin:0;padding:0}\nul.check li{display:flex;align-items:flex-start;gap:14px;min-height:var(--tap);padding:11px 0;border-bottom:1px solid var(--border)}\n.box{flex:none;width:20px;height:20px;margin-top:3px;border:2px solid var(--accent-text);border-radius:5px}\nul.cards{list-style:none;margin:0;padding:0}\nul.cards li{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-text);\nborder-radius:var(--r);padding:14px 16px;margin-bottom:10px}\n.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin:26px 0 8px}\n.salary{margin:26px 0 0}\ntable{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:8px}\nth{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);\nfont-weight:700;padding:0 10px 10px 0;border-bottom:1px solid var(--border)}\ntd{padding:12px 10px 12px 0;border-bottom:1px solid var(--border);vertical-align:top}\nth.n,td.n{text-align:right;padding-right:0;font-variant-numeric:tabular-nums;white-space:nowrap}\ntfoot td{border-bottom:0;padding:6px 10px 6px 0;color:var(--muted)}\ntfoot tr.total td{color:var(--text);font-weight:700;font-size:1.12rem;border-top:2px solid var(--accent-text);padding-top:14px}\n.org ul{list-style:none;margin:0;padding-left:28px;border-left:1px solid var(--border)}\n.org>ul{padding-left:0;border-left:0}\n.node{display:inline-flex;flex-direction:column;justify-content:center;min-height:var(--tap);\nbackground:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-text);\nborder-radius:var(--r);padding:10px 16px;margin:7px 0}\n.node b{font-size:1rem;line-height:1.35}\n.node span{color:var(--muted);font-size:.88rem}\n.obj{display:grid;grid-template-columns:3rem 1fr;gap:14px;margin-bottom:26px}\n.obj h2{margin:0}\nul.krs{list-style:none;margin:14px 0 0;padding:0}\nul.krs li{border-left:2px solid var(--border);padding:0 0 0 14px;margin-bottom:14px}\n.notice{border:1px solid var(--accent-text);background:var(--soft);border-radius:var(--r);\npadding:14px 18px;margin:28px 0 0;font-size:.92rem;color:var(--text);max-width:none}\n.notice b{display:block;color:var(--accent-text);margin-bottom:4px;font-size:.82rem;\ntext-transform:uppercase;letter-spacing:.08em}\n.todo{display:inline-block;background:var(--soft);color:var(--soft-ink);border:1px dashed var(--accent-text);\nborder-radius:6px;padding:2px 9px;font-size:.88rem;font-weight:700}\n.signoff{margin-top:38px;color:var(--muted);font-size:.92rem}\n.rule{display:inline-block;width:220px;border-bottom:1px solid var(--border);margin-top:26px}\n@media print{body{padding:0}.doc{max-width:none}}\n</style></head><body><main class=\"doc\">\n<p class=\"doctype\">Standard operating procedure</p><h1>Develop Comprehensive Business Plan for Hyrox Shoe Brand</h1><p class=\"sub\">Following this procedure guarantees the creation of a validated, investor-ready business plan covering all critical operational and financial aspects of the Hyrox shoe brand launch.</p><div class=\"meta\"><span><b>Owner</b> Product Strategy Lead</span><span><b>Trigger</b> Approval of the Hyrox shoe brand concept and allocation of initial research budget.</span><span><b>Review</b> This procedure is reviewed annually by the Product Strategy Lead and updated to reflect changes in market research tools or financial modeling standards.</span></div>\n<p class=\"lede\">Applies to the initial strategic planning phase for the Hyrox shoe brand. Does not apply to ongoing operational management or post-launch marketing adjustments.</p>\n<h2>Procedure</h2>\n<ol class=\"steps\"><li class=\"step\">\n <div class=\"num\">1</div>\n <div>\n <div class=\"act\">Draft the Executive Summary outlining the brand vision, unique value proposition, and key financial highlights.</div>\n <div class=\"tags\"><span class=\"chip\">Product Strategy Lead</span><span class=\"chip alt\">Document Editor</span></div>\n <div class=\"done\"><b>Done when</b> The Executive Summary section is written, reviewed by the Product Strategy Lead, and saved in the shared drive under 'Business Plan/01_Executive_Summary.docx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">2</div>\n <div>\n <div class=\"act\">Conduct market analysis by aggregating data on competitor footwear, target audience demographics, and industry trends.</div>\n <div class=\"tags\"><span class=\"chip\">Market Research Analyst</span><span class=\"chip alt\">Market Research Database</span></div>\n <div class=\"done\"><b>Done when</b> The Market Analysis section contains at least three primary data sources, competitor comparison tables, and is saved in 'Business Plan/02_Market_Analysis.pdf'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">3</div>\n <div>\n <div class=\"act\">Define product line specifications including durability ratings, grip technology details, and weight metrics for each shoe model.</div>\n <div class=\"tags\"><span class=\"chip\">Product Engineer</span><span class=\"chip alt\">CAD Software</span></div>\n <div class=\"done\"><b>Done when</b> The Product Line Description section includes a technical specification sheet for each model with verified durability and weight data, saved in 'Business Plan/03_Product_Specs.xlsx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">4</div>\n <div>\n <div class=\"act\">Develop the marketing strategy detailing channels, customer acquisition costs, and brand positioning tactics.</div>\n <div class=\"tags\"><span class=\"chip\">Marketing Manager</span><span class=\"chip alt\">Marketing Planning Tool</span></div>\n <div class=\"done\"><b>Done when</b> The Marketing Strategy section outlines at least three acquisition channels with estimated CAC figures and is saved in 'Business Plan/04_Marketing_Strategy.docx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">5</div>\n <div>\n <div class=\"act\">Map the operational plan detailing supply chain partners, manufacturing locations, and logistics workflows.</div>\n <div class=\"tags\"><span class=\"chip\">Supply Chain Manager</span><span class=\"chip alt\">Process Mapping Tool</span></div>\n <div class=\"done\"><b>Done when</b> The Operational Plan section lists approved suppliers, manufacturing partners, and a flowchart of the logistics process, saved in 'Business Plan/05_Operational_Plan.pdf'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">6</div>\n <div>\n <div class=\"act\">Calculate financial projections including startup costs, pricing strategy, and break-even analysis based on product specs and market data.</div>\n <div class=\"tags\"><span class=\"chip\">Financial Analyst</span><span class=\"chip alt\">Financial Modeling Software</span></div>\n <div class=\"done\"><b>Done when</b> The Financial Projections section contains a 3-year P&L forecast, break-even chart, and pricing model, saved in 'Business Plan/06_Financial_Projections.xlsx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">7</div>\n <div>\n <div class=\"act\">Compile all sections into a single master document and perform a consistency check across data points.</div>\n <div class=\"tags\"><span class=\"chip\">Product Strategy Lead</span><span class=\"chip alt\">Document Editor</span></div>\n <div class=\"done\"><b>Done when</b> The master document 'Hyrox_Business_Plan_Master.docx' is assembled, all internal references are verified, and the file is version-controlled.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">8</div>\n <div>\n <div class=\"act\">Review the complete business plan with stakeholders for feedback and final approval.</div>\n <div class=\"tags\"><span class=\"chip\">Product Strategy Lead</span><span class=\"chip alt\">Email System</span></div>\n <div class=\"done\"><b>Done when</b> Sign-off emails are received from the Product Strategy Lead, Marketing Manager, and Financial Analyst, and the document is marked 'Final' in the shared drive.</div>\n </div>\n</li></ol>\n<h2>If something goes wrong</h2><ul class=\"plain\"><li>I</li><li>If</li></ul>\n\n</main></body></html>",
"variant": "sop",
"label": "Standard operating procedure",
"title": "Develop Comprehensive Business Plan for Hyrox Shoe Brand",
"doc": {
"title": "Develop Comprehensive Business Plan for Hyrox Shoe Brand",
"purpose": "Following this procedure guarantees the creation of a validated, investor-ready business plan covering all critical operational and financial aspects of the Hyrox shoe brand launch.",
"scope": "Applies to the initial strategic planning phase for the Hyrox shoe brand. Does not apply to ongoing operational management or post-launch marketing adjustments.",
"owner": "Product Strategy Lead",
"trigger": "Approval of the Hyrox shoe brand concept and allocation of initial research budget.",
"steps": [
{
"action": "Draft the Executive Summary outlining the brand vision, unique value proposition, and key financial highlights.",
"owner": "Product Strategy Lead",
"doneWhen": "The Executive Summary section is written, reviewed by the Product Strategy Lead, and saved in the shared drive under 'Business Plan/01_Executive_Summary.docx'.",
"tool": "Document Editor"
},
{
"action": "Conduct market analysis by aggregating data on competitor footwear, target audience demographics, and industry trends.",
"owner": "Market Research Analyst",
"doneWhen": "The Market Analysis section contains at least three primary data sources, competitor comparison tables, and is saved in 'Business Plan/02_Market_Analysis.pdf'.",
"tool": "Market Research Database"
},
{
"action": "Define product line specifications including durability ratings, grip technology details, and weight metrics for each shoe model.",
"owner": "Product Engineer",
"doneWhen": "The Product Line Description section includes a technical specification sheet for each model with verified durability and weight data, saved in 'Business Plan/03_Product_Specs.xlsx'.",
"tool": "CAD Software"
},
{
"action": "Develop the marketing strategy detailing channels, customer acquisition costs, and brand positioning tactics.",
"owner": "Marketing Manager",
"doneWhen": "The Marketing Strategy section outlines at least three acquisition channels with estimated CAC figures and is saved in 'Business Plan/04_Marketing_Strategy.docx'.",
"tool": "Marketing Planning Tool"
},
{
"action": "Map the operational plan detailing supply chain partners, manufacturing locations, and logistics workflows.",
"owner": "Supply Chain Manager",
"doneWhen": "The Operational Plan section lists approved suppliers, manufacturing partners, and a flowchart of the logistics process, saved in 'Business Plan/05_Operational_Plan.pdf'.",
"tool": "Process Mapping Tool"
},
{
"action": "Calculate financial projections including startup costs, pricing strategy, and break-even analysis based on product specs and market data.",
"owner": "Financial Analyst",
"doneWhen": "The Financial Projections section contains a 3-year P&L forecast, break-even chart, and pricing model, saved in 'Business Plan/06_Financial_Projections.xlsx'.",
"tool": "Financial Modeling Software"
},
{
"action": "Compile all sections into a single master document and perform a consistency check across data points.",
"owner": "Product Strategy Lead",
"doneWhen": "The master document 'Hyrox_Business_Plan_Master.docx' is assembled, all internal references are verified, and the file is version-controlled.",
"tool": "Document Editor"
},
{
"action": "Review the complete business plan with stakeholders for feedback and final approval.",
"owner": "Product Strategy Lead",
"doneWhen": "Sign-off emails are received from the Product Strategy Lead, Marketing Manager, and Financial Analyst, and the document is marked 'Final' in the shared drive.",
"tool": "Email System"
}
],
"exceptions": [
"If market data is insufficient, extend the research phase by one week and consult external industry reports.",
"If product specifications cannot be finalized, use industry standard benchmarks for durability and weight with a clear disclaimer in the document.",
"If financial projections lack historical data, use conservative estimates based on similar startup launches and note assumptions clearly."
],
"review": "This procedure is reviewed annually by the Product Strategy Lead and updated to reflect changes in market research tools or financial modeling standards."
},
"accent": "#FF4500",
"direction": "neon",
"needsLegalReview": false,
"warnings": []
},
"produces": {
"siteHtml": "<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Develop Comprehensive Business Plan for Hyrox Shoe Brand</title>\n<style>\n:root{\n --bg:#07080c;--surface:#101219;--elevated:#171a24;\n --text:#f2f4f8;--muted:#9aa3b4;--border:rgba(255,255,255,.10);\n --accent:#FF4500;--accent-btn:#FF4500;--accent-text:#FF4500;--ink:#0a0a0a;--glow:rgba(255,69,0,0.20);--soft:rgba(255,69,0,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#FF4500;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(7,8,12,0.72);--hairline:rgba(255,255,255,.18);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --w-display:800;--w-body:300;\n --track-display:-.045em;\n --texture:radial-gradient(1000px 460px at 78% -12%, rgba(61,220,151,.16), transparent 62%),radial-gradient(700px 380px at 8% 8%, rgba(80,120,255,.12), transparent 60%);\n --maxw:1200px;--r:14px;--r-lg:22px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:dark;\n}\n\n*{box-sizing:border-box}\nbody{background:var(--bg);background-image:var(--texture);color:var(--text);font-family:var(--font);\nfont-weight:var(--w-body);font-size:16px;line-height:1.6;margin:0;padding:clamp(24px,4vw,64px);-webkit-font-smoothing:antialiased}\n.doc{max-width:50rem;margin:0 auto}\nh1{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--track-display);\nfont-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;margin:0}\n.doctype{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);font-weight:700;margin:0 0 10px}\n.sub{color:var(--muted);font-size:1.02rem;margin:8px 0 0;max-width:62ch}\nh2{font-family:var(--font-display);font-weight:var(--w-display);font-size:1.18rem;letter-spacing:-.01em;\nmargin:34px 0 12px;display:flex;align-items:center;gap:10px}\n.count{font-size:.8rem;font-weight:600;color:var(--soft-ink);background:var(--soft);border-radius:99px;padding:2px 10px}\np{margin:0 0 14px;max-width:68ch}\n.lede{color:var(--muted);font-size:1.02rem;margin:22px 0 0;max-width:66ch}\n.eyebrow{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:700;margin-bottom:6px}\n.meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:26px 0 0;font-size:.9rem;color:var(--muted);\npadding-bottom:20px;border-bottom:1px solid var(--border)}\n.meta b{color:var(--text);font-weight:700;margin-right:6px}\n.sub-line{color:var(--muted);font-size:.9rem;margin-top:4px}\n.act{font-weight:700;font-size:1rem;line-height:1.4}\n.chip{display:inline-flex;align-items:center;background:var(--soft);color:var(--soft-ink);\npadding:4px 12px;border-radius:99px;font-size:.82rem;font-weight:700}\n.chip.alt{background:transparent;border:1px solid var(--border);color:var(--muted)}\n.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}\nol.steps{list-style:none;margin:0;padding:0;counter-reset:none}\n.step{display:grid;grid-template-columns:2.6rem 1fr;gap:14px;background:var(--surface);border:1px solid var(--border);\nborder-radius:var(--r);padding:16px 18px;margin-bottom:10px}\n.num{font-family:var(--font-display);font-weight:var(--w-display);font-size:1.25rem;color:var(--accent-text);line-height:1.25}\n.done{margin-top:12px;font-size:.92rem;color:var(--muted);border-left:2px solid var(--accent-text);padding-left:12px}\n.done b{color:var(--text)}\nul.plain{margin:0;padding-left:20px}ul.plain li{margin-bottom:8px}\nol.plain{margin:0;padding-left:22px}ol.plain li{margin-bottom:8px}\n/* Printable checklist: a drawn box, not an <input>. A real checkbox is a ~20px\n hit target inside a document nobody submits, and it would trip the 44px\n interactive floor. The ROW carries --tap so it stays comfortable either way. */\nul.check{list-style:none;margin:0;padding:0}\nul.check li{display:flex;align-items:flex-start;gap:14px;min-height:var(--tap);padding:11px 0;border-bottom:1px solid var(--border)}\n.box{flex:none;width:20px;height:20px;margin-top:3px;border:2px solid var(--accent-text);border-radius:5px}\nul.cards{list-style:none;margin:0;padding:0}\nul.cards li{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-text);\nborder-radius:var(--r);padding:14px 16px;margin-bottom:10px}\n.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px;margin:26px 0 8px}\n.salary{margin:26px 0 0}\ntable{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:8px}\nth{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);\nfont-weight:700;padding:0 10px 10px 0;border-bottom:1px solid var(--border)}\ntd{padding:12px 10px 12px 0;border-bottom:1px solid var(--border);vertical-align:top}\nth.n,td.n{text-align:right;padding-right:0;font-variant-numeric:tabular-nums;white-space:nowrap}\ntfoot td{border-bottom:0;padding:6px 10px 6px 0;color:var(--muted)}\ntfoot tr.total td{color:var(--text);font-weight:700;font-size:1.12rem;border-top:2px solid var(--accent-text);padding-top:14px}\n.org ul{list-style:none;margin:0;padding-left:28px;border-left:1px solid var(--border)}\n.org>ul{padding-left:0;border-left:0}\n.node{display:inline-flex;flex-direction:column;justify-content:center;min-height:var(--tap);\nbackground:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-text);\nborder-radius:var(--r);padding:10px 16px;margin:7px 0}\n.node b{font-size:1rem;line-height:1.35}\n.node span{color:var(--muted);font-size:.88rem}\n.obj{display:grid;grid-template-columns:3rem 1fr;gap:14px;margin-bottom:26px}\n.obj h2{margin:0}\nul.krs{list-style:none;margin:14px 0 0;padding:0}\nul.krs li{border-left:2px solid var(--border);padding:0 0 0 14px;margin-bottom:14px}\n.notice{border:1px solid var(--accent-text);background:var(--soft);border-radius:var(--r);\npadding:14px 18px;margin:28px 0 0;font-size:.92rem;color:var(--text);max-width:none}\n.notice b{display:block;color:var(--accent-text);margin-bottom:4px;font-size:.82rem;\ntext-transform:uppercase;letter-spacing:.08em}\n.todo{display:inline-block;background:var(--soft);color:var(--soft-ink);border:1px dashed var(--accent-text);\nborder-radius:6px;padding:2px 9px;font-size:.88rem;font-weight:700}\n.signoff{margin-top:38px;color:var(--muted);font-size:.92rem}\n.rule{display:inline-block;width:220px;border-bottom:1px solid var(--border);margin-top:26px}\n@media print{body{padding:0}.doc{max-width:none}}\n</style></head><body><main class=\"doc\">\n<p class=\"doctype\">Standard operating procedure</p><h1>Develop Comprehensive Business Plan for Hyrox Shoe Brand</h1><p class=\"sub\">Following this procedure guarantees the creation of a validated, investor-ready business plan covering all critical operational and financial aspects of the Hyrox shoe brand launch.</p><div class=\"meta\"><span><b>Owner</b> Product Strategy Lead</span><span><b>Trigger</b> Approval of the Hyrox shoe brand concept and allocation of initial research budget.</span><span><b>Review</b> This procedure is reviewed annually by the Product Strategy Lead and updated to reflect changes in market research tools or financial modeling standards.</span></div>\n<p class=\"lede\">Applies to the initial strategic planning phase for the Hyrox shoe brand. Does not apply to ongoing operational management or post-launch marketing adjustments.</p>\n<h2>Procedure</h2>\n<ol class=\"steps\"><li class=\"step\">\n <div class=\"num\">1</div>\n <div>\n <div class=\"act\">Draft the Executive Summary outlining the brand vision, unique value proposition, and key financial highlights.</div>\n <div class=\"tags\"><span class=\"chip\">Product Strategy Lead</span><span class=\"chip alt\">Document Editor</span></div>\n <div class=\"done\"><b>Done when</b> The Executive Summary section is written, reviewed by the Product Strategy Lead, and saved in the shared drive under 'Business Plan/01_Executive_Summary.docx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">2</div>\n <div>\n <div class=\"act\">Conduct market analysis by aggregating data on competitor footwear, target audience demographics, and industry trends.</div>\n <div class=\"tags\"><span class=\"chip\">Market Research Analyst</span><span class=\"chip alt\">Market Research Database</span></div>\n <div class=\"done\"><b>Done when</b> The Market Analysis section contains at least three primary data sources, competitor comparison tables, and is saved in 'Business Plan/02_Market_Analysis.pdf'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">3</div>\n <div>\n <div class=\"act\">Define product line specifications including durability ratings, grip technology details, and weight metrics for each shoe model.</div>\n <div class=\"tags\"><span class=\"chip\">Product Engineer</span><span class=\"chip alt\">CAD Software</span></div>\n <div class=\"done\"><b>Done when</b> The Product Line Description section includes a technical specification sheet for each model with verified durability and weight data, saved in 'Business Plan/03_Product_Specs.xlsx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">4</div>\n <div>\n <div class=\"act\">Develop the marketing strategy detailing channels, customer acquisition costs, and brand positioning tactics.</div>\n <div class=\"tags\"><span class=\"chip\">Marketing Manager</span><span class=\"chip alt\">Marketing Planning Tool</span></div>\n <div class=\"done\"><b>Done when</b> The Marketing Strategy section outlines at least three acquisition channels with estimated CAC figures and is saved in 'Business Plan/04_Marketing_Strategy.docx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">5</div>\n <div>\n <div class=\"act\">Map the operational plan detailing supply chain partners, manufacturing locations, and logistics workflows.</div>\n <div class=\"tags\"><span class=\"chip\">Supply Chain Manager</span><span class=\"chip alt\">Process Mapping Tool</span></div>\n <div class=\"done\"><b>Done when</b> The Operational Plan section lists approved suppliers, manufacturing partners, and a flowchart of the logistics process, saved in 'Business Plan/05_Operational_Plan.pdf'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">6</div>\n <div>\n <div class=\"act\">Calculate financial projections including startup costs, pricing strategy, and break-even analysis based on product specs and market data.</div>\n <div class=\"tags\"><span class=\"chip\">Financial Analyst</span><span class=\"chip alt\">Financial Modeling Software</span></div>\n <div class=\"done\"><b>Done when</b> The Financial Projections section contains a 3-year P&L forecast, break-even chart, and pricing model, saved in 'Business Plan/06_Financial_Projections.xlsx'.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">7</div>\n <div>\n <div class=\"act\">Compile all sections into a single master document and perform a consistency check across data points.</div>\n <div class=\"tags\"><span class=\"chip\">Product Strategy Lead</span><span class=\"chip alt\">Document Editor</span></div>\n <div class=\"done\"><b>Done when</b> The master document 'Hyrox_Business_Plan_Master.docx' is assembled, all internal references are verified, and the file is version-controlled.</div>\n </div>\n</li><li class=\"step\">\n <div class=\"num\">8</div>\n <div>\n <div class=\"act\">Review the complete business plan with stakeholders for feedback and final approval.</div>\n <div class=\"tags\"><span class=\"chip\">Product Strategy Lead</span><span class=\"chip alt\">Email System</span></div>\n <div class=\"done\"><b>Done when</b> Sign-off emails are received from the Product Strategy Lead, Marketing Manager, and Financial Analyst, and the document is marked 'Final' in the shared drive.</div>\n </div>\n</li></ol>\n<h2>If something goes wrong</h2><ul class=\"plain\"><li>I</li><li>If</li></ul>\n\n</main></body></html>",
"opsDoc": {
"title": "Develop Comprehensive Business Plan for Hyrox Shoe Brand",
"purpose": "Following this procedure guarantees the creation of a validated, investor-ready business plan covering all critical operational and financial aspects of the Hyrox shoe brand launch.",
"scope": "Applies to the initial strategic planning phase for the Hyrox shoe brand. Does not apply to ongoing operational management or post-launch marketing adjustments.",
"owner": "Product Strategy Lead",
"trigger": "Approval of the Hyrox shoe brand concept and allocation of initial research budget.",
"steps": [
{
"action": "Draft the Executive Summary outlining the brand vision, unique value proposition, and key financial highlights.",
"owner": "Product Strategy Lead",
"doneWhen": "The Executive Summary section is written, reviewed by the Product Strategy Lead, and saved in the shared drive under 'Business Plan/01_Executive_Summary.docx'.",
"tool": "Document Editor"
},
{
"action": "Conduct market analysis by aggregating data on competitor footwear, target audience demographics, and industry trends.",
"owner": "Market Research Analyst",
"doneWhen": "The Market Analysis section contains at least three primary data sources, competitor comparison tables, and is saved in 'Business Plan/02_Market_Analysis.pdf'.",
"tool": "Market Research Database"
},
{
"action": "Define product line specifications including durability ratings, grip technology details, and weight metrics for each shoe model.",
"owner": "Product Engineer",
"doneWhen": "The Product Line Description section includes a technical specification sheet for each model with verified durability and weight data, saved in 'Business Plan/03_Product_Specs.xlsx'.",
"tool": "CAD Software"
},
{
"action": "Develop the marketing strategy detailing channels, customer acquisition costs, and brand positioning tactics.",
"owner": "Marketing Manager",
"doneWhen": "The Marketing Strategy section outlines at least three acquisition channels with estimated CAC figures and is saved in 'Business Plan/04_Marketing_Strategy.docx'.",
"tool": "Marketing Planning Tool"
},
{
"action": "Map the operational plan detailing supply chain partners, manufacturing locations, and logistics workflows.",
"owner": "Supply Chain Manager",
"doneWhen": "The Operational Plan section lists approved suppliers, manufacturing partners, and a flowchart of the logistics process, saved in 'Business Plan/05_Operational_Plan.pdf'.",
"tool": "Process Mapping Tool"
},
{
"action": "Calculate financial projections including startup costs, pricing strategy, and break-even analysis based on product specs and market data.",
"owner": "Financial Analyst",
"doneWhen": "The Financial Projections section contains a 3-year P&L forecast, break-even chart, and pricing model, saved in 'Business Plan/06_Financial_Projections.xlsx'.",
"tool": "Financial Modeling Software"
},
{
"action": "Compile all sections into a single master document and perform a consistency check across data points.",
"owner": "Product Strategy Lead",
"doneWhen": "The master document 'Hyrox_Business_Plan_Master.docx' is assembled, all internal references are verified, and the file is version-controlled.",
"tool": "Document Editor"
},
{
"action": "Review the complete business plan with stakeholders for feedback and final approval.",
"owner": "Product Strategy Lead",
"doneWhen": "Sign-off emails are received from the Product Strategy Lead, Marketing Manager, and Financial Analyst, and the document is marked 'Final' in the shared drive.",
"tool": "Email System"
}
],
"exceptions": [
"If market data is insufficient, extend the research phase by one week and consult external industry reports.",
"If product specifications cannot be finalized, use industry standard benchmarks for durability and weight with a clear disclaimer in the document.",
"If financial projections lack historical data, use conservative estimates based on similar startup launches and note assumptions clearly."
],
"review": "This procedure is reviewed annually by the Product Strategy Lead and updated to reflect changes in market research tools or financial modeling standards."
},
"opsDocVariant": "sop",
"opsDocTitle": "Develop Comprehensive Business Plan for Hyrox Shoe Brand"
},
"finishedAt": 1786907849677,
"llmCalls": [
{
"upstream": "http://127.0.0.1:8080",
"modelRequested": "txt2txt",
"temperature": 0.35,
"maxTokens": 2800,
"timeoutMs": 240000,
"startedAt": 1786907804047,
"finishedAt": 1786907849676,
"ok": true,
"promptChars": 1864,
"responseChars": 4424,
"modelServed": "/nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF"
}
]
},
"s4-o5ip5": {
"status": "done",
"startedAt": 1786907849678,
"attempt": 1,
"output": {
"html": "<!doctype html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>HyroxStride</title>\n <style>\n*{box-sizing:border-box;margin:0;padding:0}\n:root{\n --bg:#0d0d0f;--surface:#16161a;--elevated:#1e1e24;\n --text:#f5f5f7;--muted:#a1a1aa;--border:rgba(255,255,255,.11);\n --accent:#ff3b30;--accent-btn:#ff3b30;--accent-text:#ff3b30;--ink:#0a0a0a;--glow:rgba(255,59,48,0.20);--soft:rgba(255,59,48,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#ff3b30;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(13,13,15,0.72);--hairline:rgba(255,255,255,.18);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;\n --w-display:800;--w-body:400;\n --track-display:-.03em;\n --texture:linear-gradient(180deg, rgba(255,92,57,.10), transparent 42%);\n --maxw:1200px;--r:6px;--r-lg:10px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:dark;\n}\nhtml{scroll-behavior:smooth}\nbody{background-color:var(--bg);background-image:var(--texture);background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font-family:var(--font);font-weight:var(--w-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}\n/* Staggered page-load reveal. Absent motion is one of the named AI-slop\n tells; 0.1s increments read as intentional rather than decorative.\n Honoured only when the visitor has not asked for reduced motion. */\n@media (prefers-reduced-motion:no-preference){\n section,header{animation:qk-rise .55s var(--ease) both}\n section:nth-of-type(1){animation-delay:.05s}section:nth-of-type(2){animation-delay:.15s}\n section:nth-of-type(3){animation-delay:.25s}section:nth-of-type(4){animation-delay:.35s}\n section:nth-of-type(n+5){animation-delay:.45s}\n @keyframes qk-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n}\nimg{max-width:100%;display:block}\na{color:inherit;text-decoration:none}\np{color:var(--muted)}\nh1,h2,h3,.nav__brand,.footer__brand{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--track-display);line-height:1.08;color:var(--text)}\nh1{font-size:clamp(2.5rem,6vw,4.25rem)}\nh2{font-size:clamp(2rem,4vw,3rem)}\nh3{font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.02em}\n.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}\nsection{padding-block:clamp(3.5rem,7vw,6rem)}\n.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text)}\n.shead{max-width:640px;margin-bottom:clamp(2rem,4vw,3.25rem)}\n.shead h2{margin-top:12px}\n.shead p{margin-top:14px;font-size:1.1rem}\n/* WCAG 2.4.7. The template shipped with no focus styles at all, so a keyboard\n user had no visible position on any generated site. --accent-text is used\n rather than --accent because the ring must clear the near-black background. */\n:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px}\n:focus:not(:focus-visible){outline:none}\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;min-height:var(--tap);border-radius:11px;font-weight:600;font-size:.95rem;transition:transform .15s var(--ease),box-shadow .2s var(--ease);cursor:pointer}\n.btn--primary{background:var(--accent-btn);color:var(--ink);box-shadow:0 10px 30px -10px var(--glow)}\n.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px var(--glow)}\n.btn--ghost{border:1px solid var(--border);color:var(--text)}\n.btn--ghost:hover{background:var(--surface);border-color:var(--hairline)}\n/* nav */\n.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--nav-bg);border-bottom:1px solid var(--border)}\n.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}\n.nav__brand{font-weight:700;font-size:1.18rem;letter-spacing:-.03em;display:inline-flex;align-items:center;min-height:var(--tap)}\n.nav__links{display:flex;gap:30px;align-items:center}\n.nav__links a{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .15s;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 4px}\n.nav__links a:hover{color:var(--text)}\n@media(max-width:760px){.nav__links{display:none}}\n/* hero */\n.hero{position:relative;padding-top:clamp(3.5rem,8vw,6.5rem);overflow:hidden}\n.hero::before{content:\"\";position:absolute;inset:0;background:radial-gradient(58% 55% at 72% 12%,var(--glow),transparent 70%);pointer-events:none}\n.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}\n.hero__sub{font-size:1.18rem;margin:22px 0 34px;max-width:50ch}\n.hero__cta{display:flex;gap:14px;flex-wrap:wrap}\n.hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}\n@media(max-width:840px){.hero .wrap{grid-template-columns:1fr}.hero__media{order:-1}\n/* ── LAYOUT VARIANTS ────────────────────────────────────────────────────────\n Same skeletons, different arrangement. Without these, six directions were six\n palettes over ONE identical floorplan — which is what the \"AI slop\" research\n actually objects to, and no amount of colour fixes it. */\n.h-stacked .hero .wrap{grid-template-columns:1fr;text-align:center;justify-items:center}\n.h-stacked .hero__sub{margin-inline:auto}\n.h-stacked .hero__cta{justify-content:center}\n.h-stacked .hero__media{order:1;width:100%;margin-top:clamp(28px,4vw,48px)}\n.h-stacked .hero__media img{width:100%}\n/* editorial: headline runs the full measure, image is an inline figure beside\n the standfirst — magazine, not SaaS marketing page. */\n.h-editorial .hero .wrap{grid-template-columns:1fr;gap:0}\n.h-editorial .hero__copy h1{max-width:16ch;font-size:clamp(2.8rem,7.5vw,5.5rem)}\n.h-editorial .hero__media{order:1;float:right;width:min(44%,460px);margin:0 0 24px 40px}\n.h-editorial .hero__sub{max-width:52ch;font-size:1.24rem}\n@media (max-width:720px){.h-editorial .hero__media{float:none;width:100%;margin:24px 0 0}}\n/* bleed: image sits behind the copy. */\n.h-bleed .hero{isolation:isolate}\n.h-bleed .hero .wrap{grid-template-columns:1fr;min-height:min(78vh,640px);align-content:center}\n.h-bleed .hero__media{position:absolute;inset:0;order:0;z-index:-1;opacity:.34}\n.h-bleed .hero__media img{width:100%;height:100%;object-fit:cover}\n.h-bleed .hero__copy{max-width:44ch}\n/* rows: numbered editorial rows with hairlines instead of cards. */\n.f-rows .features{display:block}\n.f-rows .fcard{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,40px);align-items:start;\n background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:clamp(22px,3vw,34px) 0}\n.f-rows .fcard:last-child{border-bottom:1px solid var(--border)}\n.f-rows .fcard__n{width:auto;height:auto;background:none;border-radius:0;margin:0;\n font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--accent-text);opacity:.75}\n.f-rows .fcard h3{grid-column:2;margin:0 0 8px}\n.f-rows .fcard p{grid-column:2;max-width:62ch}.hero__media img{aspect-ratio:16/10}}\n/* products */\n.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:22px}\n.pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}\n.pcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(0,0,0,.7)}\n.pcard__media{position:relative;aspect-ratio:1/1;overflow:hidden}\n.pcard__media img{width:100%;height:100%;object-fit:cover}\n.pcard__badge{position:absolute;top:12px;left:12px;background:var(--accent-btn);color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:5px 11px;border-radius:999px}\n.pcard__body{padding:16px 18px 20px}\n.pcard__name{font-weight:600;font-size:1.02rem}\n.pcard__row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}\n.pcard__price{font-weight:700;font-size:1.16rem}\n.pcard__add{font-size:.85rem;font-weight:600;color:var(--accent-text)}\n/* showcase gallery (comic pages / stills — portrait tiles) */\n.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}\n.gtile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}\n.gtile:hover{transform:translateY(-5px);box-shadow:0 28px 54px -24px var(--glow)}\n.gtile__media{position:relative;aspect-ratio:2/3;overflow:hidden}\n.gtile__media img{width:100%;height:100%;object-fit:cover}\n.gtile__cap{padding:12px 14px;font-size:.92rem;font-weight:600;letter-spacing:-.01em}\n/* features */\n.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:20px}\n.fcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:30px}\n.fcard__n{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--soft-ink);font-weight:700;font-size:.95rem;margin-bottom:18px}\n.fcard h3{margin-bottom:8px}\n.fcard p{font-size:.98rem}\n/* quote */\n.quote{text-align:center;max-width:820px;margin-inline:auto}\n.quote blockquote{font-size:clamp(1.35rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;line-height:1.32;color:var(--text)}\n.quote__a{margin-top:24px;color:var(--muted);font-size:.95rem}\n/* pricing */\n.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin-inline:auto}\n.tier{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;gap:16px}\n.tier--featured{border-color:var(--accent);box-shadow:0 30px 60px -30px var(--glow)}\n.tier__name{font-weight:600;color:var(--muted);letter-spacing:.02em}\n.tier__price{font-size:2.6rem;font-weight:800;letter-spacing:-.03em}\n.tier__price span{font-size:1rem;font-weight:500;color:var(--muted)}\n.tier ul{list-style:none;display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:.94rem}\n.tier ul li{padding-left:22px;position:relative}\n.tier ul li::before{content:\"✓\";position:absolute;left:0;color:var(--accent);font-weight:700}\n.tier .btn{margin-top:auto;justify-content:center}\n/* faq accordion */\n.faq{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}\n.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:4px 22px;transition:border-color .15s}\n.faq__item[open]{border-color:var(--border)}\n.faq__item summary{cursor:pointer;list-style:none;font-weight:600;font-size:1.02rem;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;letter-spacing:-.01em}\n.faq__item summary::-webkit-details-marker{display:none}\n.faq__item summary::after{content:\"+\";color:var(--accent);font-weight:400;font-size:1.5rem;line-height:1;transition:transform .2s var(--ease)}\n.faq__item[open] summary::after{transform:rotate(45deg)}\n.faq__item p{color:var(--muted);font-size:.98rem;line-height:1.6;padding:0 0 20px}\n/* link-in-bio */\n.bio{min-height:100vh;display:grid;place-items:center;padding:clamp(2rem,6vw,4rem) 20px;position:relative;overflow:hidden}\n.bio::before{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 45% at 50% 0%,var(--glow),transparent 70%);pointer-events:none}\n.bio__inner{position:relative;width:100%;max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center}\n.bio__avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 50px -20px var(--glow)}\n.bio__avatar img{width:100%;height:100%;object-fit:cover}\n.bio__name{margin-top:22px;font-size:clamp(1.6rem,4vw,2.1rem)}\n.bio__bio{color:var(--muted);margin-top:12px;max-width:40ch}\n.bio__links{margin-top:32px;width:100%;display:flex;flex-direction:column;gap:12px}\n.biolink{display:block;width:100%;padding:17px 22px;border-radius:14px;background:var(--surface);border:1px solid var(--border);font-weight:600;letter-spacing:-.01em;transition:transform .16s var(--ease),border-color .16s,background .16s}\n.biolink:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--elevated)}\n.bio__foot{margin-top:32px;color:var(--muted);font-size:.82rem}\n/* cta band */\n.ctaband{position:relative;border-radius:var(--r-lg);padding:clamp(3rem,6vw,5rem) 24px;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--elevated));border:1px solid var(--border)}\n.ctaband::before{content:\"\";position:absolute;inset:0;background:radial-gradient(55% 90% at 50% 0%,var(--glow),transparent 70%)}\n.ctaband>*{position:relative}\n.ctaband h2{margin-bottom:14px}\n.ctaband p{max-width:48ch;margin:0 auto 30px;font-size:1.12rem}\n/* footer */\n.footer{border-top:1px solid var(--border);padding-block:clamp(3rem,5vw,4rem) 36px;margin-top:24px}\n.footer .wrap{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}\n.footer__brand{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}\n.footer__tag{color:var(--muted);margin-top:12px;font-size:.9rem;max-width:32ch}\n.fcol h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:15px}\n.fcol a{display:flex;align-items:center;min-height:var(--tap);color:var(--muted);font-size:.9rem;padding:5px 0;transition:color .15s}\n.fcol a:hover{color:var(--text)}\n.footer__bottom{border-top:1px solid var(--border);margin-top:44px;padding-top:24px;color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}\n@media(max-width:760px){.footer .wrap{grid-template-columns:1fr 1fr}}\n/* motion + image skeleton */\n@media(prefers-reduced-motion:no-preference){\n [data-anim]{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i,0)*70ms)}\n [data-anim].in{opacity:1;transform:none}\n}\n/* image slot: real photo (png) is opaque and covers the spinner; an unfilled\n placeholder (svg) is translucent so the spinner shows through = \"image coming\" */\n/* spinner ONLY while the run is in progress (host adds .qk-loading to <body>).\n A real photo (opaque png) covers it; when the run finishes the class is gone,\n so it always terminates — an unfilled slot becomes a clean static tile, never a\n perpetual spinner. */\n.pcard__media::before,.gtile__media::before{content:\"\";position:absolute;top:calc(50% - 17px);left:calc(50% - 17px);width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--accent);z-index:0;opacity:0}\n.qk-loading .pcard__media::before,.qk-loading .gtile__media::before{opacity:1;animation:qk-spin .8s linear infinite}\n.pcard__media img,.gtile__media img{position:relative;z-index:1}\n.qk-loading img[src^=\"data:image/svg\"]{opacity:.55}\n@keyframes qk-spin{to{transform:rotate(360deg)}}\n</style>\n</head>\n<body class=\"h-bleed f-rows\">\n<nav class=\"nav\"><div class=\"wrap\">\n <a class=\"nav__brand\" href=\"#top\">HyroxStride</a>\n <div class=\"nav__links\"><a href=\"#\">Shop</a><a href=\"#\">Technology</a><a href=\"#\">About</a></div>\n <a class=\"btn btn--primary\" href=\"#top\">Shop the drop</a>\n</div></nav>\n<header class=\"hero\" id=\"top\"><div class=\"wrap\">\n <div class=\"hero__copy\" data-anim>\n <span class=\"eyebrow\">SS26 DROP · RACE READY</span>\n <h1 style=\"margin-top:16px\">Dominate the grind. Built for Hyrox.</h1>\n <p class=\"hero__sub\">The only shoe engineered for the full spectrum of functional fitness racing.</p>\n <div class=\"hero__cta\">\n <a class=\"btn btn--primary\" href=\"#top\">Shop the drop</a>\n <a class=\"btn btn--ghost\" href=\"#features\">See the tech</a>\n </div>\n </div>\n <div class=\"hero__media\" data-anim style=\"--i:1\"><img data-hero-fill src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20600'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23ff3b30'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(128%2C30%2C34)'%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D'r'%20cx%3D'.7'%20cy%3D'.25'%20r%3D'.7'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'rgba(255%2C255%2C255%2C.35)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgba(255%2C255%2C255%2C0)'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'%230f0f14'%2F%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'url(%23g)'%20opacity%3D'.9'%2F%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'url(%23r)'%2F%3E%3C%2Fsvg%3E\" alt=\"HyroxStride\"></div>\n</div></header>\n<section class=\"wrap\"><div class=\"shead\" data-anim>\n <span class=\"eyebrow\">The collection</span><h2>Shop the lineup</h2>\n </div>\n <div class=\"products\"><article class=\"pcard\" data-anim style=\"--i:0\">\n <div class=\"pcard__media\"><img data-product-fill=\"0\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p0'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(0%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p0)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESP%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Pro X1\" loading=\"lazy\"><span class=\"pcard__badge\">Bestseller</span></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Pro X1</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$219</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article><article class=\"pcard\" data-anim style=\"--i:1\">\n <div class=\"pcard__media\"><img data-product-fill=\"1\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p1'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(47%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p1)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3EST%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Trail Grip\" loading=\"lazy\"><span class=\"pcard__badge\">New</span></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Trail Grip</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$199</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article><article class=\"pcard\" data-anim style=\"--i:2\">\n <div class=\"pcard__media\"><img data-product-fill=\"2\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p2'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(94%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p2)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESS%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Speed Lite\" loading=\"lazy\"></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Speed Lite</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$179</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article><article class=\"pcard\" data-anim style=\"--i:3\">\n <div class=\"pcard__media\"><img data-product-fill=\"3\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p3'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(141%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p3)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESR%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Recovery Slide\" loading=\"lazy\"></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Recovery Slide</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$49</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article></div>\n</section>\n<section class=\"wrap\" id=\"features\"><div class=\"shead\" data-anim>\n <span class=\"eyebrow\">WHY HYROX-SPECIFIC?</span><h2>Engineered for the full spectrum.</h2>\n <p>Stop compromising with generic trainers. HyroxStride adapts to running, sled pushes, and wall balls.</p>\n </div>\n <div class=\"features\"><div class=\"fcard\" data-anim style=\"--i:0\">\n <div class=\"fcard__n\">01</div><h3>Run-First Sole</h3><p>Responsive foam tuned for the 8km run segments without sacrificing stability.</p>\n </div><div class=\"fcard\" data-anim style=\"--i:1\">\n <div class=\"fcard__n\">02</div><h3>Sled-Proof Toe</h3><p>Reinforced rubber cap protects your toes during heavy sled pushes and drags.</p>\n </div><div class=\"fcard\" data-anim style=\"--i:2\">\n <div class=\"fcard__n\">03</div><h3>Lockdown Fit</h3><p>Midfoot cage system prevents sliding during lateral movements and burpees.</p>\n </div></div>\n</section>\n<section class=\"wrap\"><div class=\"quote\" data-anim>\n <blockquote>“I shaved 4 minutes off my PB. The transition from run to sled is seamless now.”</blockquote>\n <div class=\"quote__a\">Marcus T., Top 10% Finisher</div>\n</div></section>\n<section class=\"wrap\"><div class=\"ctaband\" data-anim>\n <h2>Ready to crush your personal best?</h2><p>Join the athletes who train and race in HyroxStride.</p>\n <a class=\"btn btn--primary\" href=\"#top\">Shop the drop</a>\n</div></section>\n<footer class=\"footer\"><div class=\"wrap\">\n <div><div class=\"footer__brand\">HyroxStride</div><p class=\"footer__tag\">Engineered for the grind.</p></div>\n <div class=\"fcol\"><h4>Shop</h4><a href=\"#\">Men's Collection</a><a href=\"#\">Women's Collection</a><a href=\"#\">New Arrivals</a><a href=\"#\">Sale</a></div><div class=\"fcol\"><h4>Technology</h4><a href=\"#\">Sole Engineering</a><a href=\"#\">Upper Materials</a><a href=\"#\">Fit Guide</a><a href=\"#\">Race Notes</a></div><div class=\"fcol\"><h4>Company</h4><a href=\"#\">About Us</a><a href=\"#\">Athletes</a><a href=\"#\">Contact</a><a href=\"#\">Returns</a></div>\n</div><div class=\"wrap footer__bottom\">\n <span>© 2026 HyroxStride. All rights reserved.</span>\n <span>Built on Own1 · Qiki</span>\n</div></footer>\n<script>\n(()=>{const io=new IntersectionObserver(es=>es.forEach(x=>{if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target)}}),{threshold:.12});\ndocument.querySelectorAll('[data-anim]').forEach(el=>io.observe(el));})();\n</script>\n</body>\n</html>",
"fromFallback": false,
"llmAuthored": true,
"charCount": 24721,
"accent": "#ff3b30",
"brand": "HyroxStride",
"isShop": true,
"isShowcase": false,
"wantsPricing": false,
"mode": "shop",
"compositionMode": "skeleton",
"content": {
"brand": "HyroxStride",
"accent": "#ff3b30",
"nav": [
"Shop",
"Technology",
"About"
],
"hero": {
"eyebrow": "SS26 DROP · RACE READY",
"headline": "Dominate the grind. Built for Hyrox.",
"sub": "The only shoe engineered for the full spectrum of functional fitness racing.",
"primaryCta": "Shop the drop",
"secondaryCta": "See the tech"
},
"products": [
{
"name": "Stride Pro X1",
"price": "$219",
"badge": "Bestseller"
},
{
"name": "Stride Trail Grip",
"price": "$199",
"badge": "New"
},
{
"name": "Stride Speed Lite",
"price": "$179"
},
{
"name": "Stride Recovery Slide",
"price": "$49"
}
],
"gallery": [],
"links": [],
"faqs": [],
"tiers": [],
"featuresHead": {
"eyebrow": "WHY HYROX-SPECIFIC?",
"title": "Engineered for the full spectrum.",
"sub": "Stop compromising with generic trainers. HyroxStride adapts to running, sled pushes, and wall balls."
},
"features": [
{
"title": "Run-First Sole",
"body": "Responsive foam tuned for the 8km run segments without sacrificing stability."
},
{
"title": "Sled-Proof Toe",
"body": "Reinforced rubber cap protects your toes during heavy sled pushes and drags."
},
{
"title": "Lockdown Fit",
"body": "Midfoot cage system prevents sliding during lateral movements and burpees."
}
],
"testimonial": {
"quote": "I shaved 4 minutes off my PB. The transition from run to sled is seamless now.",
"author": "Marcus T., Top 10% Finisher"
},
"cta": {
"headline": "Ready to crush your personal best?",
"sub": "Join the athletes who train and race in HyroxStride.",
"button": "Shop the drop"
},
"footer": {
"tagline": "Engineered for the grind.",
"columns": [
{
"title": "Shop",
"links": [
"Men's Collection",
"Women's Collection",
"New Arrivals",
"Sale"
]
},
{
"title": "Technology",
"links": [
"Sole Engineering",
"Upper Materials",
"Fit Guide",
"Race Notes"
]
},
{
"title": "Company",
"links": [
"About Us",
"Athletes",
"Contact",
"Returns"
]
}
]
}
}
},
"produces": {
"siteHtml": "<!doctype html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n <title>HyroxStride</title>\n <style>\n*{box-sizing:border-box;margin:0;padding:0}\n:root{\n --bg:#0d0d0f;--surface:#16161a;--elevated:#1e1e24;\n --text:#f5f5f7;--muted:#a1a1aa;--border:rgba(255,255,255,.11);\n --accent:#ff3b30;--accent-btn:#ff3b30;--accent-text:#ff3b30;--ink:#0a0a0a;--glow:rgba(255,59,48,0.20);--soft:rgba(255,59,48,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#ff3b30;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(13,13,15,0.72);--hairline:rgba(255,255,255,.18);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:'Helvetica Neue','Arial Narrow','Roboto Condensed',system-ui,sans-serif;\n --w-display:800;--w-body:400;\n --track-display:-.03em;\n --texture:linear-gradient(180deg, rgba(255,92,57,.10), transparent 42%);\n --maxw:1200px;--r:6px;--r-lg:10px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:dark;\n}\nhtml{scroll-behavior:smooth}\nbody{background-color:var(--bg);background-image:var(--texture);background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font-family:var(--font);font-weight:var(--w-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}\n/* Staggered page-load reveal. Absent motion is one of the named AI-slop\n tells; 0.1s increments read as intentional rather than decorative.\n Honoured only when the visitor has not asked for reduced motion. */\n@media (prefers-reduced-motion:no-preference){\n section,header{animation:qk-rise .55s var(--ease) both}\n section:nth-of-type(1){animation-delay:.05s}section:nth-of-type(2){animation-delay:.15s}\n section:nth-of-type(3){animation-delay:.25s}section:nth-of-type(4){animation-delay:.35s}\n section:nth-of-type(n+5){animation-delay:.45s}\n @keyframes qk-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}\n}\nimg{max-width:100%;display:block}\na{color:inherit;text-decoration:none}\np{color:var(--muted)}\nh1,h2,h3,.nav__brand,.footer__brand{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--track-display);line-height:1.08;color:var(--text)}\nh1{font-size:clamp(2.5rem,6vw,4.25rem)}\nh2{font-size:clamp(2rem,4vw,3rem)}\nh3{font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.02em}\n.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}\nsection{padding-block:clamp(3.5rem,7vw,6rem)}\n.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-text)}\n.shead{max-width:640px;margin-bottom:clamp(2rem,4vw,3.25rem)}\n.shead h2{margin-top:12px}\n.shead p{margin-top:14px;font-size:1.1rem}\n/* WCAG 2.4.7. The template shipped with no focus styles at all, so a keyboard\n user had no visible position on any generated site. --accent-text is used\n rather than --accent because the ring must clear the near-black background. */\n:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px}\n:focus:not(:focus-visible){outline:none}\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;min-height:var(--tap);border-radius:11px;font-weight:600;font-size:.95rem;transition:transform .15s var(--ease),box-shadow .2s var(--ease);cursor:pointer}\n.btn--primary{background:var(--accent-btn);color:var(--ink);box-shadow:0 10px 30px -10px var(--glow)}\n.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px var(--glow)}\n.btn--ghost{border:1px solid var(--border);color:var(--text)}\n.btn--ghost:hover{background:var(--surface);border-color:var(--hairline)}\n/* nav */\n.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--nav-bg);border-bottom:1px solid var(--border)}\n.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}\n.nav__brand{font-weight:700;font-size:1.18rem;letter-spacing:-.03em;display:inline-flex;align-items:center;min-height:var(--tap)}\n.nav__links{display:flex;gap:30px;align-items:center}\n.nav__links a{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .15s;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 4px}\n.nav__links a:hover{color:var(--text)}\n@media(max-width:760px){.nav__links{display:none}}\n/* hero */\n.hero{position:relative;padding-top:clamp(3.5rem,8vw,6.5rem);overflow:hidden}\n.hero::before{content:\"\";position:absolute;inset:0;background:radial-gradient(58% 55% at 72% 12%,var(--glow),transparent 70%);pointer-events:none}\n.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}\n.hero__sub{font-size:1.18rem;margin:22px 0 34px;max-width:50ch}\n.hero__cta{display:flex;gap:14px;flex-wrap:wrap}\n.hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:0 50px 90px -40px rgba(0,0,0,.9)}\n@media(max-width:840px){.hero .wrap{grid-template-columns:1fr}.hero__media{order:-1}\n/* ── LAYOUT VARIANTS ────────────────────────────────────────────────────────\n Same skeletons, different arrangement. Without these, six directions were six\n palettes over ONE identical floorplan — which is what the \"AI slop\" research\n actually objects to, and no amount of colour fixes it. */\n.h-stacked .hero .wrap{grid-template-columns:1fr;text-align:center;justify-items:center}\n.h-stacked .hero__sub{margin-inline:auto}\n.h-stacked .hero__cta{justify-content:center}\n.h-stacked .hero__media{order:1;width:100%;margin-top:clamp(28px,4vw,48px)}\n.h-stacked .hero__media img{width:100%}\n/* editorial: headline runs the full measure, image is an inline figure beside\n the standfirst — magazine, not SaaS marketing page. */\n.h-editorial .hero .wrap{grid-template-columns:1fr;gap:0}\n.h-editorial .hero__copy h1{max-width:16ch;font-size:clamp(2.8rem,7.5vw,5.5rem)}\n.h-editorial .hero__media{order:1;float:right;width:min(44%,460px);margin:0 0 24px 40px}\n.h-editorial .hero__sub{max-width:52ch;font-size:1.24rem}\n@media (max-width:720px){.h-editorial .hero__media{float:none;width:100%;margin:24px 0 0}}\n/* bleed: image sits behind the copy. */\n.h-bleed .hero{isolation:isolate}\n.h-bleed .hero .wrap{grid-template-columns:1fr;min-height:min(78vh,640px);align-content:center}\n.h-bleed .hero__media{position:absolute;inset:0;order:0;z-index:-1;opacity:.34}\n.h-bleed .hero__media img{width:100%;height:100%;object-fit:cover}\n.h-bleed .hero__copy{max-width:44ch}\n/* rows: numbered editorial rows with hairlines instead of cards. */\n.f-rows .features{display:block}\n.f-rows .fcard{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,40px);align-items:start;\n background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:clamp(22px,3vw,34px) 0}\n.f-rows .fcard:last-child{border-bottom:1px solid var(--border)}\n.f-rows .fcard__n{width:auto;height:auto;background:none;border-radius:0;margin:0;\n font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);color:var(--accent-text);opacity:.75}\n.f-rows .fcard h3{grid-column:2;margin:0 0 8px}\n.f-rows .fcard p{grid-column:2;max-width:62ch}.hero__media img{aspect-ratio:16/10}}\n/* products */\n.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:22px}\n.pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}\n.pcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(0,0,0,.7)}\n.pcard__media{position:relative;aspect-ratio:1/1;overflow:hidden}\n.pcard__media img{width:100%;height:100%;object-fit:cover}\n.pcard__badge{position:absolute;top:12px;left:12px;background:var(--accent-btn);color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.03em;padding:5px 11px;border-radius:999px}\n.pcard__body{padding:16px 18px 20px}\n.pcard__name{font-weight:600;font-size:1.02rem}\n.pcard__row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}\n.pcard__price{font-weight:700;font-size:1.16rem}\n.pcard__add{font-size:.85rem;font-weight:600;color:var(--accent-text)}\n/* showcase gallery (comic pages / stills — portrait tiles) */\n.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}\n.gtile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}\n.gtile:hover{transform:translateY(-5px);box-shadow:0 28px 54px -24px var(--glow)}\n.gtile__media{position:relative;aspect-ratio:2/3;overflow:hidden}\n.gtile__media img{width:100%;height:100%;object-fit:cover}\n.gtile__cap{padding:12px 14px;font-size:.92rem;font-weight:600;letter-spacing:-.01em}\n/* features */\n.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:20px}\n.fcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:30px}\n.fcard__n{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--soft-ink);font-weight:700;font-size:.95rem;margin-bottom:18px}\n.fcard h3{margin-bottom:8px}\n.fcard p{font-size:.98rem}\n/* quote */\n.quote{text-align:center;max-width:820px;margin-inline:auto}\n.quote blockquote{font-size:clamp(1.35rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;line-height:1.32;color:var(--text)}\n.quote__a{margin-top:24px;color:var(--muted);font-size:.95rem}\n/* pricing */\n.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin-inline:auto}\n.tier{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;gap:16px}\n.tier--featured{border-color:var(--accent);box-shadow:0 30px 60px -30px var(--glow)}\n.tier__name{font-weight:600;color:var(--muted);letter-spacing:.02em}\n.tier__price{font-size:2.6rem;font-weight:800;letter-spacing:-.03em}\n.tier__price span{font-size:1rem;font-weight:500;color:var(--muted)}\n.tier ul{list-style:none;display:flex;flex-direction:column;gap:9px;color:var(--muted);font-size:.94rem}\n.tier ul li{padding-left:22px;position:relative}\n.tier ul li::before{content:\"✓\";position:absolute;left:0;color:var(--accent);font-weight:700}\n.tier .btn{margin-top:auto;justify-content:center}\n/* faq accordion */\n.faq{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}\n.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:4px 22px;transition:border-color .15s}\n.faq__item[open]{border-color:var(--border)}\n.faq__item summary{cursor:pointer;list-style:none;font-weight:600;font-size:1.02rem;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;letter-spacing:-.01em}\n.faq__item summary::-webkit-details-marker{display:none}\n.faq__item summary::after{content:\"+\";color:var(--accent);font-weight:400;font-size:1.5rem;line-height:1;transition:transform .2s var(--ease)}\n.faq__item[open] summary::after{transform:rotate(45deg)}\n.faq__item p{color:var(--muted);font-size:.98rem;line-height:1.6;padding:0 0 20px}\n/* link-in-bio */\n.bio{min-height:100vh;display:grid;place-items:center;padding:clamp(2rem,6vw,4rem) 20px;position:relative;overflow:hidden}\n.bio::before{content:\"\";position:absolute;inset:0;background:radial-gradient(60% 45% at 50% 0%,var(--glow),transparent 70%);pointer-events:none}\n.bio__inner{position:relative;width:100%;max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center}\n.bio__avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 50px -20px var(--glow)}\n.bio__avatar img{width:100%;height:100%;object-fit:cover}\n.bio__name{margin-top:22px;font-size:clamp(1.6rem,4vw,2.1rem)}\n.bio__bio{color:var(--muted);margin-top:12px;max-width:40ch}\n.bio__links{margin-top:32px;width:100%;display:flex;flex-direction:column;gap:12px}\n.biolink{display:block;width:100%;padding:17px 22px;border-radius:14px;background:var(--surface);border:1px solid var(--border);font-weight:600;letter-spacing:-.01em;transition:transform .16s var(--ease),border-color .16s,background .16s}\n.biolink:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--elevated)}\n.bio__foot{margin-top:32px;color:var(--muted);font-size:.82rem}\n/* cta band */\n.ctaband{position:relative;border-radius:var(--r-lg);padding:clamp(3rem,6vw,5rem) 24px;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--elevated));border:1px solid var(--border)}\n.ctaband::before{content:\"\";position:absolute;inset:0;background:radial-gradient(55% 90% at 50% 0%,var(--glow),transparent 70%)}\n.ctaband>*{position:relative}\n.ctaband h2{margin-bottom:14px}\n.ctaband p{max-width:48ch;margin:0 auto 30px;font-size:1.12rem}\n/* footer */\n.footer{border-top:1px solid var(--border);padding-block:clamp(3rem,5vw,4rem) 36px;margin-top:24px}\n.footer .wrap{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}\n.footer__brand{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}\n.footer__tag{color:var(--muted);margin-top:12px;font-size:.9rem;max-width:32ch}\n.fcol h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:15px}\n.fcol a{display:flex;align-items:center;min-height:var(--tap);color:var(--muted);font-size:.9rem;padding:5px 0;transition:color .15s}\n.fcol a:hover{color:var(--text)}\n.footer__bottom{border-top:1px solid var(--border);margin-top:44px;padding-top:24px;color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}\n@media(max-width:760px){.footer .wrap{grid-template-columns:1fr 1fr}}\n/* motion + image skeleton */\n@media(prefers-reduced-motion:no-preference){\n [data-anim]{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i,0)*70ms)}\n [data-anim].in{opacity:1;transform:none}\n}\n/* image slot: real photo (png) is opaque and covers the spinner; an unfilled\n placeholder (svg) is translucent so the spinner shows through = \"image coming\" */\n/* spinner ONLY while the run is in progress (host adds .qk-loading to <body>).\n A real photo (opaque png) covers it; when the run finishes the class is gone,\n so it always terminates — an unfilled slot becomes a clean static tile, never a\n perpetual spinner. */\n.pcard__media::before,.gtile__media::before{content:\"\";position:absolute;top:calc(50% - 17px);left:calc(50% - 17px);width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:var(--accent);z-index:0;opacity:0}\n.qk-loading .pcard__media::before,.qk-loading .gtile__media::before{opacity:1;animation:qk-spin .8s linear infinite}\n.pcard__media img,.gtile__media img{position:relative;z-index:1}\n.qk-loading img[src^=\"data:image/svg\"]{opacity:.55}\n@keyframes qk-spin{to{transform:rotate(360deg)}}\n</style>\n</head>\n<body class=\"h-bleed f-rows\">\n<nav class=\"nav\"><div class=\"wrap\">\n <a class=\"nav__brand\" href=\"#top\">HyroxStride</a>\n <div class=\"nav__links\"><a href=\"#\">Shop</a><a href=\"#\">Technology</a><a href=\"#\">About</a></div>\n <a class=\"btn btn--primary\" href=\"#top\">Shop the drop</a>\n</div></nav>\n<header class=\"hero\" id=\"top\"><div class=\"wrap\">\n <div class=\"hero__copy\" data-anim>\n <span class=\"eyebrow\">SS26 DROP · RACE READY</span>\n <h1 style=\"margin-top:16px\">Dominate the grind. Built for Hyrox.</h1>\n <p class=\"hero__sub\">The only shoe engineered for the full spectrum of functional fitness racing.</p>\n <div class=\"hero__cta\">\n <a class=\"btn btn--primary\" href=\"#top\">Shop the drop</a>\n <a class=\"btn btn--ghost\" href=\"#features\">See the tech</a>\n </div>\n </div>\n <div class=\"hero__media\" data-anim style=\"--i:1\"><img data-hero-fill src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20800%20600'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23ff3b30'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(128%2C30%2C34)'%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D'r'%20cx%3D'.7'%20cy%3D'.25'%20r%3D'.7'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'rgba(255%2C255%2C255%2C.35)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgba(255%2C255%2C255%2C0)'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'%230f0f14'%2F%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'url(%23g)'%20opacity%3D'.9'%2F%3E%3Crect%20width%3D'800'%20height%3D'600'%20fill%3D'url(%23r)'%2F%3E%3C%2Fsvg%3E\" alt=\"HyroxStride\"></div>\n</div></header>\n<section class=\"wrap\"><div class=\"shead\" data-anim>\n <span class=\"eyebrow\">The collection</span><h2>Shop the lineup</h2>\n </div>\n <div class=\"products\"><article class=\"pcard\" data-anim style=\"--i:0\">\n <div class=\"pcard__media\"><img data-product-fill=\"0\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p0'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(0%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p0)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESP%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Pro X1\" loading=\"lazy\"><span class=\"pcard__badge\">Bestseller</span></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Pro X1</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$219</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article><article class=\"pcard\" data-anim style=\"--i:1\">\n <div class=\"pcard__media\"><img data-product-fill=\"1\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p1'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(47%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p1)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3EST%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Trail Grip\" loading=\"lazy\"><span class=\"pcard__badge\">New</span></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Trail Grip</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$199</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article><article class=\"pcard\" data-anim style=\"--i:2\">\n <div class=\"pcard__media\"><img data-product-fill=\"2\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p2'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(94%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p2)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESS%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Speed Lite\" loading=\"lazy\"></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Speed Lite</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$179</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article><article class=\"pcard\" data-anim style=\"--i:3\">\n <div class=\"pcard__media\"><img data-product-fill=\"3\" src=\"data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20400%20400'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'p3'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'hsl(141%2040%25%2022%25)'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(132%2C54%2C64)'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'400'%20height%3D'400'%20fill%3D'url(%23p3)'%2F%3E%3Ccircle%20cx%3D'200'%20cy%3D'200'%20r%3D'128'%20fill%3D'none'%20stroke%3D'rgba(255%2C255%2C255%2C.10)'%20stroke-width%3D'1.5'%2F%3E%3Ctext%20x%3D'200'%20y%3D'200'%20font-family%3D'Inter%2Csystem-ui%2Csans-serif'%20font-size%3D'150'%20font-weight%3D'700'%20fill%3D'rgba(255%2C255%2C255%2C.16)'%20text-anchor%3D'middle'%20dominant-baseline%3D'central'%3ESR%3C%2Ftext%3E%3C%2Fsvg%3E\" alt=\"Stride Recovery Slide\" loading=\"lazy\"></div>\n <div class=\"pcard__body\">\n <div class=\"pcard__name\">Stride Recovery Slide</div>\n <div class=\"pcard__row\"><span class=\"pcard__price\">$49</span><span class=\"pcard__add\">Add to cart</span></div>\n </div>\n </article></div>\n</section>\n<section class=\"wrap\" id=\"features\"><div class=\"shead\" data-anim>\n <span class=\"eyebrow\">WHY HYROX-SPECIFIC?</span><h2>Engineered for the full spectrum.</h2>\n <p>Stop compromising with generic trainers. HyroxStride adapts to running, sled pushes, and wall balls.</p>\n </div>\n <div class=\"features\"><div class=\"fcard\" data-anim style=\"--i:0\">\n <div class=\"fcard__n\">01</div><h3>Run-First Sole</h3><p>Responsive foam tuned for the 8km run segments without sacrificing stability.</p>\n </div><div class=\"fcard\" data-anim style=\"--i:1\">\n <div class=\"fcard__n\">02</div><h3>Sled-Proof Toe</h3><p>Reinforced rubber cap protects your toes during heavy sled pushes and drags.</p>\n </div><div class=\"fcard\" data-anim style=\"--i:2\">\n <div class=\"fcard__n\">03</div><h3>Lockdown Fit</h3><p>Midfoot cage system prevents sliding during lateral movements and burpees.</p>\n </div></div>\n</section>\n<section class=\"wrap\"><div class=\"quote\" data-anim>\n <blockquote>“I shaved 4 minutes off my PB. The transition from run to sled is seamless now.”</blockquote>\n <div class=\"quote__a\">Marcus T., Top 10% Finisher</div>\n</div></section>\n<section class=\"wrap\"><div class=\"ctaband\" data-anim>\n <h2>Ready to crush your personal best?</h2><p>Join the athletes who train and race in HyroxStride.</p>\n <a class=\"btn btn--primary\" href=\"#top\">Shop the drop</a>\n</div></section>\n<footer class=\"footer\"><div class=\"wrap\">\n <div><div class=\"footer__brand\">HyroxStride</div><p class=\"footer__tag\">Engineered for the grind.</p></div>\n <div class=\"fcol\"><h4>Shop</h4><a href=\"#\">Men's Collection</a><a href=\"#\">Women's Collection</a><a href=\"#\">New Arrivals</a><a href=\"#\">Sale</a></div><div class=\"fcol\"><h4>Technology</h4><a href=\"#\">Sole Engineering</a><a href=\"#\">Upper Materials</a><a href=\"#\">Fit Guide</a><a href=\"#\">Race Notes</a></div><div class=\"fcol\"><h4>Company</h4><a href=\"#\">About Us</a><a href=\"#\">Athletes</a><a href=\"#\">Contact</a><a href=\"#\">Returns</a></div>\n</div><div class=\"wrap footer__bottom\">\n <span>© 2026 HyroxStride. All rights reserved.</span>\n <span>Built on Own1 · Qiki</span>\n</div></footer>\n<script>\n(()=>{const io=new IntersectionObserver(es=>es.forEach(x=>{if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target)}}),{threshold:.12});\ndocument.querySelectorAll('[data-anim]').forEach(el=>io.observe(el));})();\n</script>\n</body>\n</html>",
"siteTitle": "HyroxStride"
},
"finishedAt": 1786907888835,
"llmCalls": [
{
"upstream": "http://127.0.0.1:8080",
"modelRequested": "txt2txt",
"temperature": 0.6,
"maxTokens": 1600,
"timeoutMs": 180000,
"startedAt": 1786907849679,
"finishedAt": 1786907888833,
"ok": true,
"promptChars": 3605,
"responseChars": 2426,
"modelServed": "/nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF"
}
]
},
"s5-nzzds": {
"status": "done",
"startedAt": 1786907888837,
"attempt": 1,
"output": {
"html": "<!doctype html><html><head><meta charset=\"utf-8\">\n<title>Hyrox — social card</title><style>\n:root{\n --bg:#faf7f2;--surface:#ffffff;--elevated:#f2ede4;\n --text:#171410;--muted:#5d574e;--border:rgba(23,20,16,.14);\n --accent:#8a3324;--accent-btn:#8a3324;--accent-text:#8a3324;--ink:#ffffff;--glow:rgba(138,51,36,0.20);--soft:rgba(138,51,36,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#8a3324;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(250,247,242,0.72);--hairline:rgba(0,0,0,.14);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;\n --w-display:400;--w-body:400;\n --track-display:-.01em;\n --texture:radial-gradient(1200px 500px at 80% -10%, rgba(138,51,36,.06), transparent 60%);\n --maxw:1200px;--r:3px;--r-lg:5px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:light;\n}\nbody{margin:0;background:var(--bg)}\n.card{width:1200px;height:630px;background:var(--bg);background-image:var(--texture);\ndisplay:flex;flex-direction:column;justify-content:center;gap:26px;padding:76px;box-sizing:border-box}\n.card h1{font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;font-weight:400;letter-spacing:-.01em;\nfont-size:76px;line-height:1.04;margin:0;color:var(--text);max-width:18ch}\n.card p{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:28px;color:var(--muted);margin:0;max-width:40ch}\n.row{display:flex;align-items:center;gap:16px}\n.row span{font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;font-size:30px;font-weight:400;color:var(--text)}</style>\n</head><body><div class=\"card\">\n<div class=\"row\"><svg viewBox=\"0 0 64 64\" width=\"64\" height=\"64\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"4\" y=\"4\" width=\"56\" height=\"56\" rx=\"14\" fill=\"#8a3324\"/><text x=\"32\" y=\"33\" text-anchor=\"middle\" dominant-baseline=\"central\" font-family=\"ui-sans-serif,system-ui,sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"#ffffff\">HX</text></svg><span>Hyrox</span></div>\n<h1>Engineered for the Roxzone</h1>\n<p>Create a 1200x630 OG/Twitter share card for the Hyrox shoe business launch. Visual should be dynamic, showing a shoe in </p>\n</div></body></html>",
"width": 1200,
"height": 630,
"name": "Hyrox",
"accent": "#8a3324",
"tagline": "Engineered for the Roxzone"
},
"produces": {
"socialCardHtml": "<!doctype html><html><head><meta charset=\"utf-8\">\n<title>Hyrox — social card</title><style>\n:root{\n --bg:#faf7f2;--surface:#ffffff;--elevated:#f2ede4;\n --text:#171410;--muted:#5d574e;--border:rgba(23,20,16,.14);\n --accent:#8a3324;--accent-btn:#8a3324;--accent-text:#8a3324;--ink:#ffffff;--glow:rgba(138,51,36,0.20);--soft:rgba(138,51,36,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#8a3324;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(250,247,242,0.72);--hairline:rgba(0,0,0,.14);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;\n --w-display:400;--w-body:400;\n --track-display:-.01em;\n --texture:radial-gradient(1200px 500px at 80% -10%, rgba(138,51,36,.06), transparent 60%);\n --maxw:1200px;--r:3px;--r-lg:5px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:light;\n}\nbody{margin:0;background:var(--bg)}\n.card{width:1200px;height:630px;background:var(--bg);background-image:var(--texture);\ndisplay:flex;flex-direction:column;justify-content:center;gap:26px;padding:76px;box-sizing:border-box}\n.card h1{font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;font-weight:400;letter-spacing:-.01em;\nfont-size:76px;line-height:1.04;margin:0;color:var(--text);max-width:18ch}\n.card p{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:28px;color:var(--muted);margin:0;max-width:40ch}\n.row{display:flex;align-items:center;gap:16px}\n.row span{font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;font-size:30px;font-weight:400;color:var(--text)}</style>\n</head><body><div class=\"card\">\n<div class=\"row\"><svg viewBox=\"0 0 64 64\" width=\"64\" height=\"64\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"4\" y=\"4\" width=\"56\" height=\"56\" rx=\"14\" fill=\"#8a3324\"/><text x=\"32\" y=\"33\" text-anchor=\"middle\" dominant-baseline=\"central\" font-family=\"ui-sans-serif,system-ui,sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"#ffffff\">HX</text></svg><span>Hyrox</span></div>\n<h1>Engineered for the Roxzone</h1>\n<p>Create a 1200x630 OG/Twitter share card for the Hyrox shoe business launch. Visual should be dynamic, showing a shoe in </p>\n</div></body></html>",
"siteHtml": "<!doctype html><html><head><meta charset=\"utf-8\">\n<title>Hyrox — social card</title><style>\n:root{\n --bg:#faf7f2;--surface:#ffffff;--elevated:#f2ede4;\n --text:#171410;--muted:#5d574e;--border:rgba(23,20,16,.14);\n --accent:#8a3324;--accent-btn:#8a3324;--accent-text:#8a3324;--ink:#ffffff;--glow:rgba(138,51,36,0.20);--soft:rgba(138,51,36,0.13);\n /* Foreground for anything painted on --soft. See the derivation above: a token\n computed against --bg is not valid on a tinted surface. */\n --soft-ink:#8a3324;\n /* Minimum comfortable hit area. Referenced by every interactive rule so a\n tap target can never regress below the 44px WCAG/iOS floor. */\n --tap:44px;\n /* Translucent chrome derived from the direction's own background. Hardcoding\n rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a\n light direction shipped. */\n --nav-bg:rgba(250,247,242,0.72);--hairline:rgba(0,0,0,.14);\n --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n --font-display:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;\n --w-display:400;--w-body:400;\n --track-display:-.01em;\n --texture:radial-gradient(1200px 500px at 80% -10%, rgba(138,51,36,.06), transparent 60%);\n --maxw:1200px;--r:3px;--r-lg:5px;--ease:cubic-bezier(.4,0,.2,1);\n color-scheme:light;\n}\nbody{margin:0;background:var(--bg)}\n.card{width:1200px;height:630px;background:var(--bg);background-image:var(--texture);\ndisplay:flex;flex-direction:column;justify-content:center;gap:26px;padding:76px;box-sizing:border-box}\n.card h1{font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;font-weight:400;letter-spacing:-.01em;\nfont-size:76px;line-height:1.04;margin:0;color:var(--text);max-width:18ch}\n.card p{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:28px;color:var(--muted);margin:0;max-width:40ch}\n.row{display:flex;align-items:center;gap:16px}\n.row span{font-family:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;font-size:30px;font-weight:400;color:var(--text)}</style>\n</head><body><div class=\"card\">\n<div class=\"row\"><svg viewBox=\"0 0 64 64\" width=\"64\" height=\"64\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"4\" y=\"4\" width=\"56\" height=\"56\" rx=\"14\" fill=\"#8a3324\"/><text x=\"32\" y=\"33\" text-anchor=\"middle\" dominant-baseline=\"central\" font-family=\"ui-sans-serif,system-ui,sans-serif\" font-size=\"26\" font-weight=\"700\" fill=\"#ffffff\">HX</text></svg><span>Hyrox</span></div>\n<h1>Engineered for the Roxzone</h1>\n<p>Create a 1200x630 OG/Twitter share card for the Hyrox shoe business launch. Visual should be dynamic, showing a shoe in </p>\n</div></body></html>"
},
"finishedAt": 1786907898578,
"llmCalls": [
{
"upstream": "http://127.0.0.1:8080",
"modelRequested": "txt2txt",
"temperature": 0.6,
"maxTokens": 700,
"timeoutMs": 180000,
"startedAt": 1786907888837,
"finishedAt": 1786907898577,
"ok": true,
"promptChars": 1252,
"responseChars": 414,
"modelServed": "/nix/store/w8fajwih8isx2rl94rb8ggc1knmnf8x9-Qwen3.6-35B-A3B-MTP-GGUF"
}
]
}
},
"startedAt": 1786907673913,
"fingerprint": {
"ownAiUrl": "http://127.0.0.1:8080",
"harnessHost": "127.0.0.1",
"modelServed": "qwen-image",
"nodeVersion": "v24.18.1",
"capturedAt": 1786907673913
},
"finishedAt": 1786907898580,
"scores": {
"perStep": {
"s1-biamv": {
"validity": 0,
"fidelity": 0,
"structure": 0,
"depth": 0,
"cleanliness": 0,
"total": 0,
"notes": [
"unknown kind"
]
},
"s2-gdtp2": {
"validity": 2,
"fidelity": 2,
"structure": 2,
"depth": 2,
"cleanliness": 2,
"total": 10,
"notes": []
},
"s3-e05c6": {
"validity": 0,
"fidelity": 0,
"structure": 0,
"depth": 0,
"cleanliness": 0,
"total": 0,
"notes": [
"unknown kind"
]
},
"s4-o5ip5": {
"validity": 2,
"fidelity": 2,
"structure": 2,
"depth": 2,
"cleanliness": 2,
"total": 10,
"notes": [],
"fromFallback": false
},
"s5-nzzds": {
"validity": 0,
"fidelity": 0,
"structure": 0,
"depth": 0,
"cleanliness": 0,
"total": 0,
"notes": [
"unknown kind"
]
}
},
"total": 20,
"perKind": {
"project-dna": 0,
"research": 10,
"ops-doc": 0,
"website": 10,
"social-card": 0
},
"axes": [
"validity",
"fidelity",
"structure",
"depth",
"cleanliness"
],
"markupTotal": 20,
"scoreSource": "execution",
"scoreNote": "18/18 execution checks passed"
},
"verdict": {
"gate": "sitecheck",
"passed": 18,
"total": 18,
"clean": true,
"failures": [],
"gradedAt": 1786942564176,
"gateVersion": "2026-08-15"
}
}