@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Mulish:wght@400;500;600;700;800&display=swap";:root{--color-bg: #EFE7D3;--color-surface: #FFFFFF;--color-surface-2: #F7F2E6;--color-border: #E2D9C4;--color-border-2: #CBC0A6;--color-text: #2B3228;--color-text-2: #5C6154;--color-text-3: #8B8F82;--color-primary: #3C5C39;--color-primary-dk: #2E4A2C;--color-primary-lt: #E7EDE4;--color-secondary: #7FA653;--color-secondary-lt: #EFF4E4;--color-money: #F4C95B;--color-money-text: #7A5A10;--color-money-lt: #FBEFD3;--color-data: #84B4D6;--color-data-text: #3F6E93;--color-data-lt: #E9F1F8;--font-headline: "Fredoka", sans-serif;--font-body: "Mulish", sans-serif;--radius-card: 16px;--radius-btn: 999px;--radius-input: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:960px;margin:0 auto;padding:0 24px}section{padding:72px 0}.nav{position:sticky;top:0;z-index:100;background:#efe7d3eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:14px 24px}.nav-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-headline);font-size:22px;font-weight:700;text-decoration:none;letter-spacing:-.2px;display:flex;align-items:center;gap:7px}.nav-logo-icon{border-radius:6px;flex-shrink:0}.nav-logo-name{letter-spacing:-.2px}.nav-logo-name span:first-child{color:var(--color-primary)}.nav-logo-name span:last-child{color:var(--color-secondary)}.nav-cta{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);padding:9px 22px;font-size:13px;font-weight:700;font-family:var(--font-body);cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}.nav-cta:hover{background:var(--color-primary-dk)}.hero{position:relative;padding:96px 0 72px;text-align:center;background:var(--color-bg)}.hero-mosaic{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:2px;overflow:hidden}.hero-mosaic img{width:100%;height:100%;object-fit:cover}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--color-bg);opacity:.85}.hero-content,.hero-capture-card{position:relative;z-index:2}.hero h1{font-family:var(--font-headline);font-size:clamp(36px,6vw,64px);font-weight:700;color:var(--color-text);line-height:1.15;margin-bottom:20px;letter-spacing:-.5px}.hero h1 span{color:var(--color-primary)}.hero p{font-size:clamp(17px,2.5vw,21px);color:var(--color-text-2);max-width:600px;margin:0 auto 36px}.hero-cta{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);padding:16px 36px;font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s,transform .1s}.hero-cta:hover{background:var(--color-primary-dk);transform:translateY(-1px)}.hero-capture-card{margin-top:56px}.hero-capture-card .container{max-width:840px;margin-left:auto;margin-right:auto}.capture-frame,.capture-frame-mobile{border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #2b32282e;border:1px solid var(--color-border, #CBC0A6)}.capture-frame img,.capture-frame-mobile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.capture-frame{aspect-ratio:16 / 10.5}.capture-frame-mobile{aspect-ratio:9 / 18;max-width:260px;margin:0 auto}.problem{background:var(--color-surface)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:48px}.problem-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:28px 24px;text-align:center}.problem-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--color-primary)}.problem-card h3{font-size:16px;font-weight:700;color:var(--color-text);margin-bottom:8px}.problem-card p{font-size:14px;color:var(--color-text-2);line-height:1.55}.quote-block{margin-top:48px;background:var(--color-primary-lt);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-card) var(--radius-card) 0;padding:24px 28px;max-width:680px;margin-left:auto;margin-right:auto;text-align:center}.quote-block blockquote{font-size:16px;color:var(--color-text);line-height:1.65;font-style:italic;margin-bottom:12px}.quote-block cite{font-size:13px;color:var(--color-text-2);font-style:normal;font-weight:600}.how-section-title,.diff-section-title,.pricing-section-title,.waitlist-section-title{font-family:var(--font-headline);font-size:clamp(26px,4vw,38px);font-weight:700;color:var(--color-text);text-align:center;margin-bottom:48px;letter-spacing:-.3px}.steps{display:flex;flex-direction:column;gap:40px}.step{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:start}.step-num{width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0;margin-top:2px}.step-body h3{font-size:18px;font-weight:700;color:var(--color-text);margin-bottom:6px}.step-body p{font-size:14px;color:var(--color-text-2);line-height:1.55}.step-visual{height:360px;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0}.step-visual .capture-frame,.step-visual .capture-frame-mobile{height:100%;width:auto}.diff{background:var(--color-surface)}.diff-body{max-width:680px;margin:0 auto;text-align:center}.diff-body>p{font-size:18px;color:var(--color-text);line-height:1.7;margin-bottom:16px}.diff-body>p strong{color:var(--color-primary)}.diff-visual-inline{display:none}.diff-visuals{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.diff-visual{height:360px;display:flex;align-items:flex-end;justify-content:center}.diff-visual .capture-frame,.diff-visual .capture-frame-mobile{height:100%;width:100%}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:720px;margin:0 auto}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:32px 28px}.pricing-card.featured{border-color:var(--color-primary);background:var(--color-primary-lt)}.pricing-tier{font-size:20px;font-weight:800;color:var(--color-text);margin-bottom:4px}.pricing-price{font-size:28px;font-weight:800;color:var(--color-primary);margin-bottom:4px}.pricing-badge{display:inline-block;background:var(--color-secondary-lt);color:var(--color-primary-dk);font-size:12px;font-weight:700;padding:3px 10px;border-radius:var(--radius-btn);margin-bottom:20px}.pricing-badge.soon{background:var(--color-surface-2);color:var(--color-text-3)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px}.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--color-text-2)}.pricing-features li:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.waitlist{background:var(--color-primary);text-align:center}.waitlist-section-title{color:#fff;margin-bottom:16px}.waitlist>.container>p{color:#fffc;font-size:16px;margin-bottom:40px}.waitlist-card{background:var(--color-surface);border-radius:var(--radius-card);padding:32px;max-width:560px;margin:0 auto;box-shadow:0 8px 32px #00000026}.wl-form{display:flex;flex-direction:column;gap:16px}.wl-input{width:100%;padding:14px 16px;border:1.5px solid var(--color-border);border-radius:10px;font-size:15px;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);outline:none;transition:border-color .15s}.wl-input:focus{border-color:var(--color-primary)}.wl-consent{display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer}.wl-consent input[type=checkbox]{margin-top:3px;flex-shrink:0;accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.wl-consent-text{font-size:13px;color:var(--color-text-2);line-height:1.5}.wl-consent-text a{color:var(--color-primary)}.wl-submit{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);padding:14px 24px;font-size:15px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background .15s;width:100%}.wl-submit:hover:not(:disabled){background:var(--color-primary-dk)}.wl-submit:disabled{opacity:.6;cursor:not-allowed}.wl-msg{font-size:14px;min-height:20px}.wl-msg.success{color:var(--color-primary);font-weight:600}.wl-msg.error{color:#b91c1c}.footer{background:var(--color-text);color:#ffffff8c;text-align:center;padding:28px 24px;font-size:13px}.footer a{color:#ffffff8c;text-decoration:underline}.footer a:hover{color:#fff}@media (max-width: 640px){section{padding:52px 0}.hero{padding:64px 0 52px}.hero-mosaic{grid-template-columns:repeat(3,1fr)}.step{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.step-visual{grid-column:1 / -1;height:280px}.diff-visuals{grid-template-columns:1fr}.diff-visual{height:auto}.diff-visual .capture-frame,.diff-visual .capture-frame-mobile{width:100%;height:auto}.diff-visual-recipes{display:none}.diff-visual-inline{display:block;margin:24px 0}}
