@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;500;600&display=swap";:root{--color-primary:#2a9d8f;--color-primary-light:#6fc3b8;--color-primary-dark:#1d6e64;--color-accent:#e76f51;--color-accent-light:#f4a261;--color-text:#2c3e60;--color-text-muted:#6b7a99;--color-bg:#f4fbfb;--color-surface:#fff;--shadow-soft:0 4px 20px #1d6e641a;--shadow-lift:0 12px 32px #1d6e6429}h1,h2,h3,h4{font-family:Space Grotesk,system-ui,sans-serif}body,p,button{font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,sans-serif}::selection{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.hero{text-align:center;background:linear-gradient(160deg, var(--color-primary-dark) 0%, var(--color-primary) 65%, var(--color-primary-light) 130%);min-height:80vh;color:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.05}.tagline{color:var(--color-accent-light);text-transform:uppercase;letter-spacing:.35em;margin:1rem 0 1.75rem;font-size:clamp(.8rem,2vw,1rem);font-weight:600}.hero>p:not(.tagline){color:#ffffffe0;max-width:36rem;font-size:1.05rem;line-height:1.7}.button-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.button-group button{cursor:pointer;border:2px solid #0000;border-radius:999px;padding:.85rem 2rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s,color .15s}.button-group button:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.button-group button:active{transform:translateY(0)}.button-group button:first-child{background-color:var(--color-accent);color:var(--color-surface)}.button-group button:first-child:hover{background-color:#d65f41}.button-group button:last-child{color:var(--color-surface);background-color:#0000;border-color:#ffffffb3}.button-group button:last-child:hover{background-color:var(--color-surface);color:var(--color-primary-dark);border-color:var(--color-surface)}.why-cadence{text-align:center;margin:0 auto;padding:5rem 1.5rem}.how-it-works{text-align:center;margin:0 auto;padding:.5rem 1.5rem}.why-cadence h2,.how-it-works h2{color:var(--color-primary-dark);font-size:clamp(1.75rem,4vw,2.5rem)}.why-cadence h2:after,.how-it-works h2:after{content:"";background-color:var(--color-accent);border-radius:2px;width:3rem;height:4px;margin:1rem auto 0;display:block}.why-cadence{max-width:46rem}.why-cadence p{color:var(--color-text-muted);margin-top:1.5rem;font-size:1.05rem;line-height:1.8}.how-it-works{max-width:68rem;padding-bottom:6rem}.steps{flex-wrap:wrap;gap:1.5rem;margin-top:3rem;display:flex}.step{text-align:left;background-color:var(--color-surface);box-shadow:var(--shadow-soft);border:1px solid #2a9d8f26;border-radius:16px;flex:15rem;padding:2rem 1.75rem;transition:transform .2s,box-shadow .2s}.step:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.step h4{color:var(--color-primary-dark);margin-bottom:.75rem;font-size:1.1rem;font-weight:600;line-height:1.4}.step p{color:var(--color-text-muted);font-size:.95rem;line-height:1.65}.site-footer{background-color:var(--color-primary-dark);min-height:20vh;color:var(--color-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:2.5rem 1.5rem;display:flex}.footer-credit{color:#ffffffd9;text-transform:none;letter-spacing:.08em;margin:0;font-size:.9rem;font-weight:500}.footer-links{gap:1rem;display:flex}.footer-links a{width:2.75rem;height:2.75rem;color:var(--color-surface);background-color:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background-color .2s,transform .2s;display:inline-flex}.footer-links a:hover{color:var(--color-accent-light);background-color:#ffffff24;transform:translateY(-2px)}.center-block{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 1.5rem;display:flex}.center-block h1{color:var(--color-primary-dark);text-align:center;font-size:clamp(2rem,5vw,2.75rem)}.center-block h1+p{color:var(--color-text-muted);text-align:center;margin-top:.5rem;font-style:italic}.center-block form{text-align:left;background-color:var(--color-surface);width:100%;max-width:24rem;box-shadow:var(--shadow-soft);border:1px solid #2a9d8f26;border-radius:16px;flex-direction:column;margin-top:2rem;padding:2.5rem 2rem;display:flex}.center-block label{letter-spacing:.02em;margin-bottom:.4rem;font-size:.85rem;font-weight:600}.center-block input{font:inherit;color:var(--color-text);background-color:var(--color-bg);border:1.5px solid #6b7a9959;border-radius:10px;margin-bottom:1.25rem;padding:.7rem .9rem;transition:border-color .15s,box-shadow .15s}.center-block input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2a9d8f2e}.center-block button[type=submit]{cursor:pointer;background-color:var(--color-accent);color:var(--color-surface);border:none;border-radius:999px;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600;transition:background-color .15s,transform .15s,box-shadow .15s}.center-block button[type=submit]:hover{box-shadow:var(--shadow-lift);background-color:#d65f41;transform:translateY(-2px)}.center-block button[type=submit]:active{transform:translateY(0)}.center-block form p{text-align:center;color:var(--color-text-muted);margin-top:1.5rem;font-size:.9rem}.center-block form a{color:var(--color-accent);font-weight:600;text-decoration:none}.center-block form a:hover{text-decoration:underline}.back-home{z-index:10;cursor:pointer;background-color:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-primary-dark);box-shadow:var(--shadow-soft);border:1px solid #2a9d8f40;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,box-shadow .15s,transform .15s;display:inline-flex;position:fixed;top:1.25rem;left:1.25rem}.back-home:hover{color:var(--color-accent);box-shadow:var(--shadow-lift);transform:translate(-2px)}
