body{flex-direction:column;min-height:100dvh;display:flex}header{padding:var(--space-md);text-align:center}h1 em{color:var(--color-accent);font-style:italic}main{padding:var(--space-lg) var(--space-md) var(--space-xl);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.beta-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-light);margin-bottom:var(--space-md);border-radius:100px;padding:.35rem .85rem;font-size:.72rem;font-weight:600;display:inline-block}h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text);max-width:560px;margin-bottom:var(--space-sm);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.2}.subhead{color:var(--color-text-soft);max-width:460px;margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}.signup-form{gap:var(--space-sm);text-align:left;background:var(--color-card);border:1px solid var(--color-border);width:100%;max-width:400px;padding:var(--space-md);border-radius:16px;flex-direction:column;display:flex;box-shadow:0 2px 16px #2d2a2614}.form-field{flex-direction:column;gap:.4rem;display:flex}.field-label{color:var(--color-text-soft);font-size:.82rem;font-weight:500}.email-input{width:100%;font-family:var(--font-body);color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);-webkit-appearance:none;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.email-input::placeholder{color:#b0a99f}.email-input:focus{border-color:var(--color-accent)}.journal-options{flex-wrap:wrap;gap:.5rem;display:flex}.journal-option{border:1px solid var(--color-border);color:var(--color-text-soft);cursor:pointer;background:var(--color-card);-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;padding:.45rem 1rem;font-size:.88rem;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.journal-option:has(input:checked){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.journal-option input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.notify-btn{font-family:var(--font-body);color:#fff;background:var(--color-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;width:100%;padding:.75rem 1.4rem;font-size:1rem;font-weight:600;transition:background .2s,transform .15s;box-shadow:0 2px 8px #e8734a40}.notify-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.notify-btn:active{transform:translateY(0)}.form-note{color:var(--color-text-soft);text-align:center;font-size:.78rem}.success-message{background:var(--color-card);border:1px solid var(--color-border);width:100%;max-width:400px;padding:var(--space-lg) var(--space-md);text-align:center;border-radius:16px;display:none;box-shadow:0 2px 16px #2d2a2614}.success-message .success-check{color:var(--color-accent);margin-bottom:var(--space-sm);font-size:1.4rem;font-weight:700;display:block}.success-message .success-heading{font-family:var(--font-display);color:var(--color-text);margin-bottom:.35rem;font-size:1.25rem;font-weight:600}.success-message .success-sub{color:var(--color-text-soft);font-size:.9rem;line-height:1.6}.how-section{background:var(--color-bg-warm);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-xl) 0}.how-inner{max-width:var(--max-width);padding:0 var(--space-md);margin:0 auto}.how-section h2{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;margin-bottom:var(--space-lg);font-size:1.6rem;font-weight:600}.steps{flex-direction:column;display:flex}.step{padding:var(--space-lg) 0;border-top:1px solid var(--color-border);grid-template-columns:4.5rem 1fr;gap:0;display:grid}.step:last-child{border-bottom:1px solid var(--color-border)}.step-number{font-family:var(--font-display);color:var(--color-accent);padding-top:.1rem;font-size:2.8rem;font-weight:700;line-height:1}.step.step-featured{padding:var(--space-xl) 0}.step h3{font-family:var(--font-body);margin-bottom:.4rem;font-size:1rem;font-weight:600;line-height:1.4}.step p{color:var(--color-text-soft);font-size:.88rem;line-height:1.65}.tutorial{background:var(--color-bg-warm);border-top:1px solid var(--color-border);padding:var(--space-xl) var(--space-md)}.tutorial-inner{max-width:760px;margin:0 auto}.tutorial-heading{font-family:var(--font-display);color:var(--color-text);margin-bottom:.35rem;font-size:1.15rem;font-weight:600}.tutorial-subhead{color:var(--color-text-soft);margin-bottom:var(--space-lg);max-width:540px;font-size:.88rem;line-height:1.6}.tutorial-layout{gap:var(--space-lg);grid-template-columns:180px 1fr;align-items:start;display:grid}.tutorial-video video{border-radius:20px;width:100%;display:block;box-shadow:0 4px 24px #0000001f}.tutorial-steps{counter-reset:steps;flex-direction:column;gap:.85rem;padding:0;list-style:none;display:flex}.tutorial-steps li{counter-increment:steps;color:var(--color-text);align-items:flex-start;gap:.75rem;font-size:.92rem;line-height:1.55;display:flex}.tutorial-steps li strong{font-weight:600}.tutorial-steps li:before{content:counter(steps);background:var(--color-accent-light);min-width:1.6rem;height:1.6rem;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.1rem;font-size:.72rem;font-weight:700;display:inline-flex}.tutorial-note{margin-top:var(--space-md);color:var(--color-text-soft);font-size:.82rem;font-style:italic;line-height:1.6}a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--color-accent-hover)}.trust-section{max-width:var(--max-width);margin:var(--space-xl) auto;padding:var(--space-xl) var(--space-md);background:var(--color-bg-warm);border-radius:16px}.trust-section h2{font-family:var(--font-display);letter-spacing:-.015em;text-align:center;margin-bottom:var(--space-lg);font-size:1.4rem;font-weight:600}.trust-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.trust-item{padding:var(--space-sm) var(--space-md)}.trust-item svg{color:var(--color-secondary);margin-bottom:.6rem;display:block}.trust-item h3{margin-bottom:.25rem;font-size:.9rem;font-weight:600}.trust-item p{color:var(--color-text-soft);font-size:.82rem;line-height:1.55}footer{padding:var(--space-md);text-align:center;color:var(--color-text-soft);font-size:.78rem}@media (width<=600px){.trust-grid,.tutorial-layout{grid-template-columns:1fr}.tutorial-video{max-width:200px;margin:0 auto}}