:root{--teal: #367a6f;--teal-hover: #2d6258;--mint: #94eaad;--ink: #0f1f1c;--muted: #5c6f6b;--border: #dfe9e6;--bg: #f4f7f6;--radius: 10px;--shadow: 0 1px 2px rgba(15, 31, 28, .05), 0 12px 28px -16px rgba(15, 31, 28, .18);color:var(--ink);font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}main{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3.5rem 1.5rem 5rem;gap:2.5rem}main.home{padding:0;gap:0;width:100%}main.waitlist{justify-content:center}.hero{width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 1.5rem;gap:2rem;background:linear-gradient(180deg,var(--bg),#fff)}.logo{height:3.5rem}h1{margin:0;font-size:clamp(2rem,6vw,3.25rem);font-weight:800;letter-spacing:-.04em;text-align:center;line-height:1.1;max-width:46rem}h1 .arrow{color:var(--teal)}.loop{position:relative;width:min(100%,55rem);aspect-ratio:16 / 9;background:#0f1f1c;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.loop video,.loop-poster{display:block;width:100%;height:100%;object-fit:cover}.loop-poster{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.loop-poster.is-hidden{opacity:0}.steps{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem}.steps .step{display:flex;align-items:center;gap:.6rem;margin:0;padding:0;border:none;background:none;font:inherit;font-size:.95rem;font-weight:600;color:var(--muted);cursor:pointer;text-align:left;transition:color .5s ease}.steps .step.active{color:var(--ink)}.steps .step-num{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:50%;background:#e7eee9;color:var(--teal);font-size:.85rem;font-weight:800;flex-shrink:0;box-shadow:0 0 0 0 transparent;transform:scale(1);transition:background-color .5s ease,color .5s ease,box-shadow .5s ease,transform .5s ease}.steps .step.active .step-num{background:var(--mint);color:var(--ink);box-shadow:0 4px 12px #94eaad73;transform:scale(1.08)}.steps code,.how-card code,.benefit-cell code{font-family:ui-monospace,monospace;font-size:.9em;color:var(--teal)}.steps code{transition:color .5s ease}.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:#fff;text-decoration:none;padding:.9rem 1.75rem;font-size:1rem;font-weight:700;border-radius:var(--radius);box-shadow:var(--shadow)}.cta:hover{background:var(--teal-hover);color:#fff}.section{width:100%;padding:4.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.section h2{margin:0;font-size:clamp(1.4rem,4vw,1.85rem);font-weight:800;letter-spacing:-.03em;text-align:center;max-width:36rem;line-height:1.2}.section.why{background:var(--bg)}.section.waitlist-cta{padding-bottom:5rem;scroll-margin-top:2rem;background:var(--bg)}.how-grid,.benefit-grid{width:min(100%,60rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.how-card,.benefit-cell{display:flex;flex-direction:column;gap:.5rem}.benefit-cell{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.how-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.step-icon-box{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#94eaad33;border-radius:calc(var(--radius) - 2px)}.how-card .step-num{color:var(--teal);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.how-card h3,.benefit-cell h3{margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.how-card p,.benefit-cell p{margin:0;color:var(--muted);font-size:.95rem;font-weight:500;line-height:1.6}.step-icon,.benefit-icon{width:1.35rem;height:1.35rem;color:var(--teal)}.why-grid{width:min(100%,60rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.why-cell{display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.why-cell h3{margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.why-cell p{margin:0;color:var(--muted);font-size:.95rem;font-weight:500;line-height:1.6}.section-sub{margin:-1.25rem 0 0;max-width:34rem;text-align:center;color:var(--muted);font-size:1rem;font-weight:500;line-height:1.6}.card{width:min(100%,26rem);display:flex;flex-direction:column;gap:1.75rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem 2.25rem}.form-heading{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;text-align:center}.form{display:flex;flex-direction:column;gap:1.75rem}.form>label,.form fieldset{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;border:0}.form>label,.form legend{font-size:.95rem;font-weight:600;color:var(--ink)}.form legend{padding:0;margin-bottom:.6rem}.option-row{display:flex;gap:.6rem}.option-row .option{flex:1}.form .option{display:flex;align-items:center;gap:.65rem;font-weight:500;font-size:.95rem;color:var(--ink);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:.75rem .9rem;cursor:pointer;transition:border-color .15s,background .15s}.form .option:hover{border-color:var(--teal)}.form .option:has(input:checked){font-weight:600;border-color:var(--teal);background:#94eaad1f}.form input[type=radio]{accent-color:var(--teal);margin:0}.form input[type=email]{padding:.75rem .9rem;border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);font:inherit;font-size:.95rem;font-weight:500;color:var(--ink);background:#fff;transition:border-color .15s}.form input[type=email]::placeholder{color:var(--muted)}.form input[type=email]:focus{outline:none;border-color:var(--teal)}.form button{background:var(--teal);color:#fff;border:0;border-radius:calc(var(--radius) - 4px);padding:.95rem 1rem;font:inherit;font-size:1rem;font-weight:700;cursor:pointer}.form button:hover{background:var(--teal-hover)}.form button:disabled{opacity:.6}.success{margin:0;text-align:center;font-size:1.05rem;font-weight:600;color:var(--teal)}a{color:var(--teal);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.how-grid,.why-grid,.benefit-grid{grid-template-columns:1fr}}