:root{--ink:#071a2b;--paper:#f4f1e8;--lime:#d9ff4f;--coral:#ff6b4a;--aqua:#5ce1e6;--white:#fff;--muted:#66717b;--line:rgba(7,26,43,.15);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}.skip{position:fixed;left:-10000px;top:8px;z-index:999;background:var(--lime);padding:.7rem 1rem}.skip:focus{left:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05}button,a{font:inherit}.topbar{height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:rgba(244,241,232,.96);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:.7rem}.brand span{font-weight:1000;font-style:italic;font-size:2rem;letter-spacing:-.1em}.brand small{font-size:.62rem;font-weight:900;letter-spacing:.13em;line-height:1.2;max-width:95px}.topbar nav{display:flex;gap:1.35rem}.topbar nav a{text-decoration:none;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.topbar nav a:hover{color:#087980}.menu{display:none;border:2px solid var(--ink);background:none;padding:.45rem .65rem;font-weight:900}.hero{min-height:calc(100vh - 78px);position:relative;display:grid;align-items:end;overflow:hidden;background:#14344d;color:white}.hero-media{position:absolute;inset:0;background-image:url('https://thumb.wikimedia.org/wikipedia/commons/thumb/9/9f/Triathlon_C%C3%B4te_de_Granit_Rose_2026.jpg/1920px-Triathlon_C%C3%B4te_de_Granit_Rose_2026.jpg');background-size:cover;background-position:center 45%;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,43,.94) 0%,rgba(7,26,43,.68) 45%,rgba(7,26,43,.15) 80%),linear-gradient(0deg,rgba(7,26,43,.8),transparent 50%)}.hero-copy{position:relative;z-index:2;width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:9vh 0 5vh}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.74rem}.eyebrow{color:var(--lime)}h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.065em;max-width:900px;margin-bottom:1.1rem}h1 em{color:var(--lime);font-style:italic}.lead{max-width:640px;font-size:clamp(1.08rem,2vw,1.35rem);color:#e7edf1}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0 3rem}.button{text-decoration:none;border:2px solid white;padding:.85rem 1.1rem;text-transform:uppercase;font-weight:900;font-size:.82rem}.button.primary{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button:hover{transform:translateY(-2px)}.format-strip{display:flex;gap:1px;max-width:650px}.format-strip span{display:flex;flex-direction:column;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:.75rem 1.2rem;min-width:150px;text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.format-strip b{font-size:1.2rem;color:var(--aqua);letter-spacing:0}.photo-credit{position:absolute;z-index:3;right:1rem;bottom:.25rem;font-size:.65rem}.photo-credit a{color:white;text-decoration:none}.section{padding:100px max(24px,calc((100vw - var(--max))/2))}.section-head{max-width:760px;margin-bottom:3rem}.kicker{color:#087980;margin-bottom:.8rem}.section h2{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.055em;margin-bottom:1.2rem}.section-head>p:last-child{font-size:1.15rem;color:#4d5962}.timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center}.timeline article{background:white;padding:2rem;min-height:280px;position:relative;border-top:6px solid var(--aqua)}.timeline article:nth-of-type(2){border-color:var(--coral)}.timeline article:nth-of-type(3){border-color:var(--lime)}.num{position:absolute;right:1.2rem;top:1rem;font-size:3rem;font-weight:1000;color:#e6e8e7}.pictogram{font-size:2.5rem;font-weight:900;margin-bottom:2.2rem}.timeline h3,.kit-grid h3{font-size:1.55rem}.transition{text-align:center;border-radius:50%;width:80px;height:80px;border:2px dashed var(--ink);display:grid;place-content:center;transform:rotate(-5deg)}.transition b{font-size:1.2rem}.transition small{display:block;width:105px;font-size:.6rem;background:var(--paper);padding:.15rem}.formats{margin-top:4rem}.formats>h3{font-size:2rem}.format-table{overflow-x:auto;background:white}.format-table table{border-collapse:collapse;width:100%;min-width:650px}.format-table th,.format-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--line)}.format-table thead{background:var(--ink);color:white;text-transform:uppercase;font-size:.7rem}.recommended{background:#eeffd1}.recommended th span{font-size:.6rem;text-transform:uppercase;background:var(--ink);color:white;padding:.25rem;margin-left:.4rem}.note{font-size:.8rem;color:var(--muted);margin-top:.8rem}.dark{background:var(--ink);color:white}.dark .kicker{color:var(--lime)}.dark .section-head>p:last-child{color:#c4cdd2}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.2)}.steps li{background:var(--ink);display:grid;grid-template-columns:70px 1fr;gap:1rem;padding:2rem}.steps li>span{font-size:2rem;font-weight:1000;color:var(--aqua)}.steps h3{font-size:1.3rem}.steps li:last-child{grid-column:1/-1}.steps p{color:#bec8cd}.source-card{margin-top:2rem;padding:1.5rem;background:var(--lime);color:var(--ink);display:grid;grid-template-columns:180px 1fr auto;gap:1rem;align-items:center}.source-card p{margin:0}.source-card a{font-weight:900}.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.readiness-grid article{border:1px solid var(--line);padding:2rem;background:white}.check{display:grid;place-content:center;width:55px;height:55px;border-radius:50%;background:var(--aqua);font-size:1.5rem;font-weight:1000}.readiness-grid h3{font-size:1.4rem;margin-top:2rem}.readiness-grid ul,.kit-grid ul{padding-left:1.1rem}.readiness-grid li,.kit-grid li{margin:.45rem 0}.warning{margin-top:1rem;background:#ffe6df;border-left:6px solid var(--coral);padding:1.3rem 1.6rem;display:flex;gap:1.5rem}.warning p{margin:0}.equipment{background:#dfe9e7}.kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kit-grid article{background:white;padding:1.5rem}.kit-grid .optional{background:var(--ink);color:white}.tag{display:inline-block;text-transform:uppercase;font-size:.62rem;letter-spacing:.1em;font-weight:900;border:1px solid currentColor;padding:.25rem .45rem}.tag.essential{background:var(--lime);border-color:var(--lime);color:var(--ink)}.verdict{font-weight:900;color:var(--lime)}.budget{margin-top:1rem;background:var(--coral);display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:2rem}.budget small{display:block;text-transform:uppercase;font-weight:900}.budget strong{font-size:2rem}.budget p{margin:0}.races{background:#f9f7f1}.tabs{display:flex;margin-bottom:1rem}.tabs button{border:0;background:#d8dbd6;padding:.9rem 1.5rem;font-weight:900;cursor:pointer}.tabs button[aria-selected=true]{background:var(--ink);color:white}.race-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.race-panel[hidden]{display:none}.race-panel a{background:white;border:1px solid var(--line);padding:1.6rem;min-height:230px;text-decoration:none;transition:.2s}.race-panel a:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(7,26,43,.12)}.race-panel span{font-size:.7rem;text-transform:uppercase;color:#087980;font-weight:900}.race-panel h3{font-size:1.45rem;margin:1rem 0}.race-panel p{color:var(--muted)}.race-panel b{font-size:.75rem;text-transform:uppercase}.plan{background:var(--ink);color:white}.plan .kicker{color:var(--aqua)}.plan .section-head>p:last-child{color:#c4cdd2}.plan-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;border:1px solid rgba(255,255,255,.25)}.plan-stats span{padding:1.2rem;border-right:1px solid rgba(255,255,255,.25);font-size:.75rem;text-transform:uppercase}.plan-stats b{display:block;color:var(--lime);font-size:1.2rem;text-transform:none}.weeks details{border-top:1px solid rgba(255,255,255,.25)}.weeks details:last-child{border-bottom:1px solid rgba(255,255,255,.25)}.weeks summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:170px 1fr auto;padding:1.3rem 0;align-items:center}.weeks summary::-webkit-details-marker{display:none}.weeks summary span{color:var(--aqua);font-weight:900}.weeks summary b{font-size:1.3rem}.weeks summary i{color:#aebbc2}.weeks details>div{padding:0 12% 1.5rem 170px;color:#d3dade}.week-goal{color:var(--lime);font-weight:900}.sample-week{margin-top:3rem;background:white;color:var(--ink);padding:2rem}.sample-week h3{font-size:2rem}.sample-week ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line)}.sample-week li{background:white;padding:.8rem;min-height:100px}.sample-week b,.sample-week span{display:block}.sample-week b{color:#087980}.sample-week span{font-size:.8rem;margin-top:.5rem}.humor{background:var(--coral)}.humor-card{max-width:1000px;margin:auto}.humor .kicker{color:var(--ink)}.big-quote{font-size:clamp(1.4rem,3vw,2.3rem);font-weight:900;line-height:1.25;border-left:8px solid var(--ink);padding-left:1.5rem}.big-quote em{color:white}.treaty{background:var(--paper);padding:2rem;transform:rotate(-.5deg);box-shadow:8px 8px 0 var(--ink)}.treaty h3{font-size:1.6rem}.treaty li{margin:.7rem 0;padding-left:.5rem}.fine-print{font-size:.72rem;margin-top:1.5rem}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.checklist ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checklist li{background:white;padding:1rem;border-left:5px solid var(--lime);font-weight:800}footer{background:#04111c;color:white;padding:60px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:3rem}footer .brand{margin-bottom:1rem}footer>div:nth-child(2){display:grid;gap:.5rem}footer h2{font-size:1rem;text-transform:uppercase}footer .legal{grid-column:1/-1;padding-top:2rem;border-top:1px solid #33424e;font-size:.7rem;color:#9fabb3}
@media(max-width:900px){.topbar nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.menu{display:block}.timeline{grid-template-columns:1fr}.transition{margin:auto}.steps,.readiness-grid,.kit-grid,.race-panel{grid-template-columns:1fr 1fr}.source-card{grid-template-columns:1fr}.plan-stats{grid-template-columns:1fr 1fr}.sample-week ol{grid-template-columns:repeat(2,1fr)}.checklist{grid-template-columns:1fr}}
@media(max-width:620px){.hero{min-height:720px}.hero-shade{background:linear-gradient(0deg,rgba(7,26,43,.94),rgba(7,26,43,.3))}.hero-copy{padding-bottom:4rem}.format-strip{display:grid;grid-template-columns:repeat(3,1fr)}.format-strip span{min-width:0;padding:.65rem}.section{padding:70px 20px}.steps,.readiness-grid,.kit-grid,.race-panel{grid-template-columns:1fr}.steps li{grid-template-columns:50px 1fr;padding:1.4rem}.warning,.budget{grid-template-columns:1fr;display:grid}.plan-stats{grid-template-columns:1fr 1fr}.weeks summary{grid-template-columns:1fr auto}.weeks summary b{grid-column:1/-1;margin-top:.4rem}.weeks details>div{padding:0 0 1rem}.sample-week{padding:1rem}.sample-week ol{grid-template-columns:1fr}.checklist ul{grid-template-columns:1fr}footer{grid-template-columns:1fr}h1{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}