@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-cyrillic-ext-400-normal-BuyJL26e.woff2) format("woff2"),url(/assets/pacifico-cyrillic-ext-400-normal-BH1b5rOk.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-cyrillic-400-normal-DS5_g9Hw.woff2) format("woff2"),url(/assets/pacifico-cyrillic-400-normal-BtlfDWif.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-vietnamese-400-normal-CNs27uJ4.woff2) format("woff2"),url(/assets/pacifico-vietnamese-400-normal-CLnUcRoK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-ext-400-normal-Ba3kv-va.woff2) format("woff2"),url(/assets/pacifico-latin-ext-400-normal-nyRvH6_c.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-400-normal-7HIToT7q.woff2) format("woff2"),url(/assets/pacifico-latin-400-normal-DArfF-vd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-base: #e8dfd0;--color-surface: #f0e6d6;--color-surface-raised: #f5ecdf;--color-surface-pressed: #ddd4c4;--color-border: #c8bba8;--color-text: #1e1a12;--color-text-muted: #4d4234;--color-text-subtle: #7a6b58;--color-accent: #1e1a12;--color-accent-hover: #3d3224;--shadow-sm: 2px 4px 12px rgba(60, 40, 20, .08), -1px -2px 8px rgba(60, 40, 20, .04);--shadow-md: 4px 8px 24px rgba(60, 40, 20, .1), -2px -4px 16px rgba(60, 40, 20, .06);--shadow-lg: 8px 16px 40px rgba(60, 40, 20, .12), -4px -8px 24px rgba(60, 40, 20, .08);--shadow-xl: 12px 24px 64px rgba(60, 40, 20, .15), -8px -16px 48px rgba(60, 40, 20, .1);--shadow-inset: inset 2px 2px 6px rgba(60, 40, 20, .08), inset -1px -1px 4px rgba(60, 40, 20, .04);--shadow-inset-deep: inset 4px 8px 16px rgba(60, 40, 20, .12), inset -2px -4px 8px rgba(60, 40, 20, .06);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-brand: "Pacifico", cursive;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 64px;--text-7xl: 80px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-8)}@media(min-width:768px){.container{padding:0 var(--space-12)}}.section{padding:var(--space-16) 0}.heading-hero{font-size:var(--text-7xl);font-weight:800;line-height:1.05;letter-spacing:-.05em;color:var(--color-text)}.heading-section{font-size:var(--text-5xl);font-weight:700;line-height:1.2;letter-spacing:-.04em;color:var(--color-text)}.heading-card{font-size:var(--text-xl);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--color-text)}.text-body{font-size:var(--text-lg);line-height:1.8;letter-spacing:-.01em;color:var(--color-text-muted)}.text-caption{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-subtle)}.clay-surface{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-normal)}.clay-surface:hover{background:var(--color-surface-raised);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.clay-surface-static{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.clay-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-6);border:none;cursor:pointer;font-size:var(--text-base);font-weight:600;font-family:var(--font-sans);color:var(--color-text);transition:all var(--transition-normal);text-decoration:none}.clay-button:hover{background:var(--color-surface-raised);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.clay-button:active{box-shadow:var(--shadow-inset-deep);transform:translateY(1px)}.clay-button-primary{background:var(--color-text);color:var(--color-base);box-shadow:var(--shadow-lg)}.clay-button-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.clay-button-primary:active{background:var(--color-text);transform:translateY(1px)}.clay-button-lg{padding:var(--space-5) var(--space-12);font-size:var(--text-xl);font-weight:700;border-radius:var(--radius-2xl);letter-spacing:-.01em}.nav{position:sticky;top:0;z-index:200;background:#e8dfd0d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--space-5) 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-brand);font-size:var(--text-2xl);color:var(--color-text);text-decoration:none}.nav-link{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text)}.hero{position:relative;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:calc(100vh - 84px);min-height:calc(100svh - 84px);gap:var(--space-16);padding:0 var(--space-8) var(--space-20);max-width:1440px;margin:0 auto}@media(min-width:768px){.hero{padding:0 var(--space-12) var(--space-20)}}.hero-text{display:flex;flex-direction:column;align-items:flex-start}.hero-headline{margin-bottom:var(--space-6);font-size:var(--text-7xl)}.hero-subheadline{max-width:540px;margin-bottom:var(--space-8);font-size:var(--text-2xl);line-height:1.5}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.hero-secondary-cta{font-size:var(--text-base);font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.hero-secondary-cta:hover{color:var(--color-text)}.hero-slider{position:relative;display:flex;flex-direction:column;width:100%}.hero-toggle{align-self:center;margin-bottom:var(--space-6);background:#e8dfd080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-scroll-prompt{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;justify-content:center;z-index:10}.scroll-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.scroll-link:hover{color:var(--color-text)}.scroll-chevron{animation:bounce 2s infinite;color:inherit}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.image-toggle-container{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;width:100%}.image-toggle-controls{display:flex;background:var(--color-surface);border-radius:var(--radius-full);padding:var(--space-1);box-shadow:var(--shadow-asset, inset 1px 1px 4px rgba(60,40,20,.05), inset -1px -1px 4px rgba(255,255,255,.4));margin-bottom:var(--space-4)}.toggle-btn{background:transparent;border:none;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn.active{background:var(--color-text);color:var(--color-base);box-shadow:var(--shadow-sm)}.toggle-btn:hover:not(.active){color:var(--color-text)}.image-crossfade-wrapper{position:relative;width:100%;border-radius:var(--radius-md)}.crossfade-img{width:100%;display:block;transition:opacity .6s ease-in-out}.crossfade-img:nth-child(2){position:absolute;top:0;left:0;height:100%}.crossfade-img.hidden{opacity:0;pointer-events:none}.crossfade-img.visible{opacity:1}.browser-frame{background:var(--color-surface-raised);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid rgba(180,165,140,.3)}.browser-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border-bottom:1px solid rgba(180,165,140,.2)}.browser-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border)}.browser-address{flex:1;margin-left:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.browser-frame-content{line-height:0}.browser-frame-content img{width:100%;display:block}.problem-subtitle{margin:var(--space-2) auto var(--space-6);font-size:var(--text-xl)}.gallery-stacked{margin:var(--space-10) auto 0;padding:0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-16)}.gallery-pair{display:flex;flex-direction:column;gap:var(--space-6)}.gallery-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.gallery-pair-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;text-align:center}.gallery-item{display:flex;flex-direction:column;gap:var(--space-3)}.gallery-item-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-subtle);letter-spacing:.03em;text-transform:uppercase;text-align:center}.free-features{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);max-width:900px;margin:0 auto}.free-feature{display:flex;flex-direction:column;gap:var(--space-2);text-align:center;padding:var(--space-5) var(--space-4)}.free-feature strong{font-size:var(--text-base);font-weight:700;color:var(--color-text)}.free-feature span{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.themes{text-align:center}.themes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);align-items:start;max-width:1600px;margin:var(--space-10) auto 0;padding:0 var(--space-8)}.themes-item{display:flex;flex-direction:column;gap:var(--space-3)}.themes-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.themes-book-placeholder{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:var(--color-surface-pressed);color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:600;font-style:italic}.themes-placeholder{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:var(--color-surface-pressed);border-radius:var(--radius-lg);color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:600;font-style:italic}.pro{text-align:center}.pro-badge{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-base);background:var(--color-text);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.pro-badge-inline{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-base);background:var(--color-text);padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-2);vertical-align:middle;position:relative;top:-1px}.pro-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);text-align:left}.pro-feature h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.pro-feature p{color:var(--color-text-muted);line-height:1.6}.how-it-works{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-top:var(--space-10)}.step{text-align:center}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-text);color:var(--color-base);border-radius:var(--radius-full);font-size:var(--text-2xl);font-weight:800;box-shadow:var(--shadow-lg);margin-bottom:var(--space-5)}.step h3{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3)}.step p{color:var(--color-text-muted);line-height:1.6}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:700px;margin:var(--space-10) auto 0}.pricing-card{display:flex;flex-direction:column;align-items:center;text-align:center}.pricing-card-pro{background:var(--color-surface-raised);box-shadow:var(--shadow-lg)}.pricing-tier{font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.pricing-price{font-size:var(--text-5xl);font-weight:800;color:var(--color-text);line-height:1;margin-bottom:var(--space-2)}.pricing-period{font-size:var(--text-lg);font-weight:500;color:var(--color-text-muted)}.pricing-annual{font-size:var(--text-sm);color:var(--color-text-subtle);margin-bottom:var(--space-6)}.pricing-list{list-style:none;text-align:left;width:100%;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.pricing-list li{font-size:var(--text-base);color:var(--color-text-muted);padding-left:var(--space-6);position:relative}.pricing-list li:before{content:"✓";position:absolute;left:0;color:var(--color-text);font-weight:700}.pricing-trial{font-size:var(--text-sm);color:var(--color-text-subtle);margin-top:auto}.pricing-cta{text-align:center;margin-top:var(--space-10)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}.trust-card{text-align:left}.trust-card h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.trust-lead{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-3)}.trust-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.trust-list li{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:var(--space-5);position:relative;line-height:1.5}.trust-list li:before{content:"✓";position:absolute;left:0;color:var(--color-text);font-weight:700;font-size:var(--text-sm)}.faq{max-width:800px;margin:0 auto}.faq-list{margin-top:var(--space-12);display:flex;flex-direction:column}.faq-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid var(--color-border);transition:background-color var(--transition-fast)}.faq-item:last-child{border-bottom:1px solid var(--color-border)}.faq-item:hover{background-color:var(--color-surface)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xl);font-weight:500;padding:var(--space-6) var(--space-4);color:var(--color-text)}.faq-chevron{flex-shrink:0;transition:transform var(--transition-normal);color:var(--color-text-subtle);font-size:var(--text-sm)}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{padding:0 var(--space-4) var(--space-8);color:var(--color-text-muted);line-height:1.8;font-size:var(--text-lg)}.faq-answer a{color:var(--color-text);text-decoration:underline}.footer{padding:var(--space-4) 0 var(--space-12)}.footer-waitlist{text-align:center;padding:var(--space-16) 0;margin-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.footer-waitlist .heading-section{margin-bottom:var(--space-6)}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.footer-logo{font-family:var(--font-brand);font-size:var(--text-lg);color:var(--color-text)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text)}.footer-disclaimer{font-size:var(--text-xs);color:var(--color-text-subtle);line-height:1.8;max-width:700px;margin:0 auto;text-align:center}.footer-disclaimer a{color:var(--color-text-muted);text-decoration:underline}.waitlist-form{display:flex;gap:var(--space-3);max-width:480px;margin:0 auto}.waitlist-input{flex:1;background:var(--color-base);border-radius:var(--radius-2xl);box-shadow:var(--shadow-inset);padding:var(--space-4) var(--space-5);border:none;outline:none;font-size:var(--text-lg);font-family:var(--font-sans);color:var(--color-text)}.waitlist-input::placeholder{color:var(--color-text-subtle)}.waitlist-input:focus{box-shadow:var(--shadow-inset-deep)}@media(max-width:768px){.heading-hero{font-size:var(--text-5xl)}.heading-section{font-size:var(--text-4xl)}.section{padding:var(--space-12) 0}.hero{grid-template-columns:1fr;min-height:auto;padding:var(--space-12) var(--space-6) var(--space-20);gap:var(--space-8)}.hero-text{align-items:center;text-align:center}.hero-headline{font-size:var(--text-5xl)}.hero-subheadline{font-size:var(--text-lg);margin-left:auto;margin-right:auto}.hero-cta{align-items:center}.gallery-pair-grid{grid-template-columns:1fr}.free-features{grid-template-columns:repeat(2,1fr)}.themes-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:none;padding:0 var(--space-6)}.pro-features{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:var(--space-4)}.pricing-grid,.trust-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;gap:var(--space-4)}.waitlist-form{flex-direction:column}.clay-button-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}}