:root{--runner-navy:#08263a;--runner-navy-900:#061d2d;--runner-navy-800:#08263a;--runner-navy-700:#0e344d;--runner-cyan:#00c7d9;--runner-cyan-600:#00afc0;--runner-cyan-500:#00c7d9;--runner-cyan-300:#64e4ec;--runner-cyan-100:#d9fafc;--runner-red-pastel:#f87171;--runner-white:#f7fbfc;--runner-ice:#eaf3f5;--runner-muted:#5f737d;--runner-slate:#2d4756;--runner-pure-white:#fff;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", serif;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:40px;--radius-pill:999px;--shadow-soft:0 18px 48px #08263a14;--shadow-medium:0 24px 64px #08263a24;--section-padding-desktop:96px 0;--section-padding-mobile:64px 0;--container-max-width:1180px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:var(--runner-white);color:var(--runner-navy);line-height:1.5;font-family:var(--font-sans)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}h1{letter-spacing:-.04em;font-size:clamp(42px,6vw,76px);font-weight:700;line-height:.95}h2{letter-spacing:-.035em;font-size:clamp(32px,4vw,54px);font-weight:700;line-height:1.05}h3{font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.15}p{font-size:clamp(17px,1.4vw,21px);font-weight:400;line-height:1.55}.text-secondary{color:var(--runner-muted);font-size:15px;line-height:1.55}.microcopy{color:var(--runner-muted);font-size:13px;line-height:1.4}.serif-italic{font-family:var(--font-serif);font-style:italic;font-weight:700}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding-desktop)}.reveal{opacity:0;will-change:opacity, transform;transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1)}.reveal-up{transform:translateY(40px)}.reveal-right{transform:translate(-40px)}.reveal-left{transform:translate(40px)}.reveal.is-visible{opacity:1;transform:translate(0)}@media (width<=768px){.section{padding:var(--section-padding-mobile)}}.runner-container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.runner-button{border-radius:var(--radius-pill);text-align:center;font-size:16px;font-weight:700;font-family:var(--font-sans);padding:16px 28px;transition:all .2s;display:inline-block}.button-primary{background:var(--runner-navy);color:var(--runner-pure-white);border:1px solid var(--runner-navy)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #08263a2e}.button-secondary{color:var(--runner-navy);background:0 0;border:1px solid #08263a38}.button-secondary:hover{background:#08263a0d}.button-light{background:var(--runner-pure-white);color:var(--runner-navy);border:1px solid var(--runner-pure-white)}.button-light:hover{transform:translateY(-2px);box-shadow:0 16px 32px #ffffff2e}.runner-button:focus-visible{outline:3px solid var(--runner-cyan);outline-offset:4px}.runner-header{-webkit-backdrop-filter:blur(12px);z-index:1000;background-color:#f7fbfcd9;border-bottom:1px solid #08263a14;align-items:center;width:100%;height:80px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.header-logo{align-items:center;text-decoration:none;display:flex}.logo-image{object-fit:contain;width:auto;height:44px;display:block}.runner-header .header-cta{padding:10px 20px;font-size:14px}@media (width<=768px){.runner-header{height:72px}.logo-image{height:32px}.runner-header .header-cta{padding:8px 14px;font-size:12px}}.runner-hero{background-color:var(--runner-white);align-items:center;min-height:90vh;padding:180px 0 120px;display:flex;position:relative;overflow:hidden}.runner-hero:before{content:"";opacity:.25;z-index:1;background-image:url(/assets/background-hero-att-CbShUuj6.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;max-width:1100px;display:grid;position:relative}.hero-content{position:relative}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--runner-cyan-600);margin-bottom:24px;font-size:14px;font-weight:700}.hero-content h1{color:var(--runner-navy);margin-bottom:24px}.hero-description{color:var(--runner-slate);max-width:540px;margin-bottom:40px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.hero-visual{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.visual-wrapper{justify-content:center;width:100%;display:flex;position:relative}.phone-container{z-index:3;filter:drop-shadow(0 32px 64px #08263a33);opacity:0;width:100%;max-width:504px;animation:1.2s cubic-bezier(.22,1,.36,1) forwards entrance,6s ease-in-out 1.2s infinite float;position:relative;transform:scale(.8)translateY(20px)}.phone-image{width:100%;height:auto;display:block}@keyframes entrance{0%{opacity:0;transform:scale(.8)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(1.5deg)}to{transform:translateY(0)rotate(0)}}@media (width<=1024px){.runner-hero{padding:120px 0 64px}.hero-container{text-align:center;grid-template-columns:1fr;gap:48px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-actions{align-items:center}.hero-visual{width:100%;max-width:500px;margin:0 auto}.phone-container{opacity:0;width:85%;max-width:380px;transition:opacity 2.2s,transform 2s cubic-bezier(.22,1,.36,1);animation:none;transform:translate(60px)}.hero-visual.is-visible .phone-container{opacity:1;animation:6s ease-in-out 2s infinite float;transform:translate(0)}}.runner-card{border-radius:var(--radius-lg);padding:28px;transition:all .3s}.card-light{box-shadow:var(--shadow-soft);color:var(--runner-navy);background:#ffffffd1;border:1px solid #08263a1a}.card-dark{color:var(--runner-pure-white);background:#ffffff0f;border:1px solid #ffffff29}.runner-pain{background-color:var(--runner-ice)}.pain-header{text-align:center;max-width:800px;margin:0 auto 64px}.pain-header h2{color:var(--runner-navy);margin-bottom:24px}.pain-subtitle p{margin-bottom:20px}.pain-subtitle p:last-child{margin-bottom:0}.pain-subtitle-accent{color:var(--runner-red-pastel);text-align:center;letter-spacing:-.01em;margin-bottom:40px;font-size:28px;font-weight:700}.pain-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.card-icon{color:var(--runner-red-pastel);opacity:0;margin-bottom:20px;transform:scale(0)}.pain-card-wrapper.is-visible .card-icon{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards icon-pop;animation-delay:calc(.4s + (var(--index) * .1s))}@keyframes icon-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pain-card-wrapper{opacity:0;will-change:opacity, transform;transition:opacity 1s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.pain-card-wrapper.is-visible{opacity:1;transform:translateY(0)}.pain-card{height:100%;transition:transform .3s,box-shadow .3s}.pain-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-8px)}.pain-card h3{margin-bottom:16px;font-size:22px}@media (width<=1024px){.pain-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pain-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}}.runner-solution{background-color:var(--runner-white)}.solution-header{text-align:center;max-width:800px;margin:0 auto 96px}.solution-header h2{margin-bottom:24px}.solution-subtitle{color:var(--runner-slate);max-width:600px;margin:0 auto;font-size:18px}.solution-flow{grid-template-columns:repeat(3,1fr);align-items:start;gap:64px 40px;display:grid;position:relative}.solution-step{text-align:left;opacity:0;will-change:opacity, transform;flex-direction:column;align-items:flex-start;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(20px)}.solution-step.is-visible{opacity:1;transition-delay:calc(var(--index) * .15s);transform:translateY(0)}.solution-step:hover{transform:translate(10px)}.solution-step:hover .step-number{opacity:.6;color:var(--runner-cyan-500);transform:scale(1.05)}.step-number{color:var(--runner-cyan-600);font-size:48px;font-weight:800;font-family:var(--font-sans);letter-spacing:-.02em;opacity:.3;margin-bottom:16px;line-height:1;transition:all .3s}.solution-step h3{color:var(--runner-navy);margin-bottom:12px;font-size:20px;line-height:1.2}.solution-step p{max-width:100%;padding:0;font-size:15px}.step-arrow{display:none}@media (width<=1024px){.solution-flow{grid-template-columns:repeat(2,1fr);gap:48px 32px;max-width:100%}}@media (width<=640px){.solution-flow{grid-template-columns:1fr;gap:40px}}.runner-proof{background-color:var(--runner-navy);color:var(--runner-pure-white);position:relative;overflow:hidden}.runner-proof:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#00c7d90d 0%,#0000 50%);position:absolute;inset:0}.proof-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.proof-content .badge{color:var(--runner-cyan-300);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.1em;background-color:#00c7d91a;margin-bottom:24px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.proof-content h2{color:var(--runner-pure-white);margin-bottom:32px}.proof-content p{color:#fffc;margin-bottom:40px;font-size:18px;line-height:1.6}.proof-cta .runner-button{background-color:var(--runner-cyan-500);border-color:var(--runner-cyan-500);color:var(--runner-navy);padding:18px 36px;font-size:18px;box-shadow:0 8px 24px #00c7d933}.proof-cta .runner-button:hover{background-color:var(--runner-cyan-300);border-color:var(--runner-cyan-300);transform:translateY(-4px);box-shadow:0 12px 32px #00c7d959}.proof-metrics{grid-template-columns:1fr;gap:24px;display:grid}.metric-card{border:1px border solid #ffffff14;background-color:#ffffff08;align-items:center;gap:32px;padding:32px;transition:transform .3s,background-color .3s;display:flex}.metric-card:hover{background-color:#ffffff0f;transform:translate(10px)}.metric-value{color:var(--runner-cyan-500);font-size:48px;font-weight:800;font-family:var(--font-sans);min-width:120px}.metric-info h3{color:var(--runner-pure-white);margin-bottom:8px;font-size:18px}.metric-info p{color:#fff9;margin-bottom:0;font-size:14px;line-height:1.5}@media (width<=1024px){.proof-grid{grid-template-columns:1fr;gap:64px}.proof-content{text-align:center}}@media (width<=768px){.metric-card{text-align:center;flex-direction:column;gap:16px;padding:24px}.metric-value{min-width:auto}}.runner-final-cta.light-theme{background-color:var(--runner-ice);color:var(--runner-navy);text-align:center;position:relative;overflow:hidden}.runner-final-cta:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#00c7d90f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-container{z-index:2;position:relative}.cta-box{background-color:var(--runner-pure-white);border-radius:var(--radius-xl);max-width:800px;box-shadow:var(--shadow-medium);border:1px solid #08263a0d;margin:0 auto;padding:64px}.urgency-badge{color:var(--runner-red-pastel);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;background-color:#f871711a;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.pulse-dot{background-color:var(--runner-red-pastel);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";border:2px solid var(--runner-red-pastel);border-radius:50%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:1;transform:scale(.3)}80%,to{opacity:0;transform:scale(1.5)}}.cta-box h2{color:var(--runner-navy);margin-bottom:24px;line-height:1.15}.cta-description{color:var(--runner-slate);max-width:600px;margin:0 auto 40px}.timer-wrapper{margin-bottom:48px}.timer-title{text-transform:uppercase;letter-spacing:.1em;color:var(--runner-cyan-600);margin-bottom:16px;font-size:14px;font-weight:600}.countdown-timer{align-items:center;gap:16px;display:inline-flex}.timer-segment{flex-direction:column;align-items:center;min-width:80px;display:flex}.timer-value{color:var(--runner-navy);font-size:clamp(36px,5vw,48px);font-weight:800;line-height:1;font-family:var(--font-sans);border-radius:var(--radius-sm);background-color:#08263a08;border:1px solid #08263a14;padding:12px 16px;box-shadow:inset 0 2px 4px #00000005}.timer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--runner-muted);margin-top:8px;font-size:11px;font-weight:500}.timer-divider{color:var(--runner-cyan-500);padding-bottom:24px;font-size:32px;font-weight:700;line-height:1}.cta-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.cta-actions .runner-button{background-color:var(--runner-cyan-500);border-color:var(--runner-cyan-500);color:var(--runner-navy);padding:18px 44px;font-size:18px;font-weight:700;box-shadow:0 12px 32px #00c7d933}.cta-actions .runner-button:hover{background-color:var(--runner-cyan-300);border-color:var(--runner-cyan-300);transform:translateY(-4px);box-shadow:0 16px 40px #00c7d959}.cta-actions .microcopy{color:var(--runner-muted)}@media (width<=768px){.cta-box{border-radius:var(--radius-lg);padding:40px 24px}.timer-segment{min-width:52px}.timer-value{padding:8px 10px}.countdown-timer{gap:8px}.timer-divider{padding-bottom:20px;font-size:24px}}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}html{scroll-behavior:smooth}