:root{--bg:#f6f3ee;--bg-warm:#ede8df;--fg:#1a1714;--fg-soft:#5c554a;--fg-muted:#8a8279;--accent:#d63384;--accent-soft:#e8609f;--accent-bg:#fce7f1;--surface:#fff;--surface-border:#e2ddd5;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#141210;--bg-warm:#1c1a17;--fg:#ece8e1;--fg-soft:#a9a29a;--fg-muted:#706b63;--accent:#e8609f;--accent-soft:#f472b6;--accent-bg:#2d1520;--surface:#1c1a17;--surface-border:#2e2a25}}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--fg);font-family:var(--sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.nav-bar{z-index:100;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);border-bottom:1px solid color-mix(in srgb, var(--surface-border) 50%, transparent);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--serif);color:var(--fg);letter-spacing:-.01em;font-size:1.35rem;font-style:italic}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--fg-soft);font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-cta{background:var(--fg);border-radius:6px;padding:.55rem 1.25rem;transition:opacity .2s;color:var(--bg)!important;font-size:.85rem!important;font-weight:500!important}.nav-cta:hover{opacity:.8}.hero{grid-template-columns:380px 1fr;align-items:start;gap:clamp(2rem,4vw,4rem);max-width:1200px;margin:0 auto;padding:clamp(7rem,14vh,10rem) 2rem clamp(4rem,8vh,6rem);display:grid}.hero-text{max-width:520px}.hero-text h1{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);margin-bottom:1.5rem;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:400;line-height:1.05}.hero-text h1 em{color:var(--accent);font-style:italic}.hero-text p{color:var(--fg-soft);max-width:420px;margin-bottom:2rem;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-buy{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-size:1rem;font-weight:500;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn-buy:hover{box-shadow:0 6px 24px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-1px)}.btn-ghost{color:var(--fg-soft);align-items:center;gap:.5rem;padding:.85rem .25rem;font-size:.95rem;transition:color .2s;display:inline-flex}.btn-ghost:hover{color:var(--fg)}.hero-price{color:var(--fg-muted);margin-top:.75rem;font-size:.85rem}.hero-mockup-wrap{justify-content:center;display:flex;position:relative}.sep{max-width:1100px;margin:0 auto;padding:0 2rem}.sep hr{background:var(--surface-border);border:none;height:1px}.modes{max-width:1100px;margin:0 auto;padding:clamp(4rem,8vh,7rem) 2rem}.modes-header{margin-bottom:clamp(2.5rem,5vh,4rem)}.modes-header h2{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400}.modes-header p{color:var(--fg-soft);max-width:480px;font-size:1.05rem;line-height:1.6}.modes-list{background:var(--surface-border);border:1px solid var(--surface-border);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.mode-item{background:var(--surface);padding:clamp(1.5rem,3vw,2.5rem);transition:background .2s}.mode-item:hover{background:var(--bg-warm)}.mode-num{font-family:var(--serif);color:var(--accent);margin-bottom:1rem;font-size:2.5rem;font-style:italic;line-height:1}.mode-item h3{margin-bottom:.4rem;font-size:1.1rem;font-weight:500}.mode-item p{color:var(--fg-soft);font-size:.9rem;line-height:1.55}.features{max-width:1100px;margin:0 auto;padding:clamp(4rem,8vh,7rem) 2rem}.features-header{margin-bottom:clamp(3rem,6vh,5rem)}.features-header h2{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400}.feature-row{border-top:1px solid var(--surface-border);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,6rem);padding:clamp(1.5rem,3vh,2.5rem) 0;display:grid}.feature-row:last-child{border-bottom:1px solid var(--surface-border)}.feature-label{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(1.4rem,2vw,1.8rem);font-style:italic}.feature-desc{color:var(--fg-soft);max-width:400px;font-size:.95rem;line-height:1.6}.mockup-wrapper{width:100%;max-width:580px;margin:0 auto;position:relative}.mockup-window{background:#1c1c1e;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000004d,0 30px 80px #00000080}.mockup-titlebar{background:#2c2c2e;border-bottom:1px solid #3a3a3c;align-items:center;gap:8px;padding:14px 16px;display:flex}.mockup-dot{border-radius:50%;width:12px;height:12px}.mockup-dot.red{background:#ff5f57}.mockup-dot.yellow{background:#febc2e}.mockup-dot.green{background:#28c840}.mockup-title{text-align:center;color:#86868b;font-size:.8rem;font-family:var(--sans);flex:1;margin-right:44px}.mockup-body{padding:16px}.mockup-section-group{background:#2c2c2e;border-radius:10px;margin-bottom:10px;overflow:hidden}.mockup-row{color:#f5f5f7;cursor:default;font-size:.82rem;font-family:var(--sans);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex;position:relative}.mockup-row:last-child{border-bottom:none}.mockup-row:hover,.mockup-row.active{background:#ffffff0f}.mockup-row-label{align-items:center;gap:8px;display:flex}.mockup-radio{border:2px solid var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.mockup-radio.selected:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.mockup-toggle{background:#48484a;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.mockup-toggle.on{background:var(--accent)}.mockup-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.mockup-toggle.on:after{transform:translate(16px)}.mockup-range{appearance:none;cursor:pointer;z-index:2;background:0 0;width:100%;height:20px;margin:0;position:relative}.mockup-range::-webkit-slider-runnable-track{background:#48484a;border-radius:2px;height:4px}.mockup-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border:none;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 4px #0006}.mockup-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.mockup-range::-moz-range-track{background:#48484a;border:none;border-radius:2px;height:4px}.mockup-range::-moz-range-thumb{cursor:grab;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0006}.mockup-range-bg{z-index:1;pointer-events:none;background:0 0;border-radius:2px;width:100%;height:4px;margin-top:-12px;position:relative}.mockup-range-fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));border-radius:2px;height:100%;transition:width .1s}.mockup-shake-btn{background:var(--accent);color:#fff;width:100%;font-size:.85rem;font-weight:500;font-family:var(--sans);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px;transition:transform .1s,opacity .15s;display:flex}.mockup-shake-btn:hover{opacity:.9}.mockup-shake-btn:active{transform:scale(.98)}.mockup-shake-btn.shaking{animation:.4s ease-in-out btn-shake}@keyframes btn-shake{0%,to{transform:translate(0)}15%{transform:translate(-3px)rotate(-1deg)}30%{transform:translate(3px)rotate(1deg)}45%{transform:translate(-2px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.demo-cursor{z-index:20;pointer-events:none;filter:drop-shadow(0 2px 4px #0000004d);margin-top:-16px;margin-left:-6px;transition:opacity .2s;position:absolute}.mockup-slider-track{background:#48484a;border-radius:2px;width:100%;height:4px;margin-top:6px}.mockup-slider-fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));border-radius:2px;height:100%}.mockup-section-label{color:#86868b;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-family:var(--sans);padding:10px 14px 4px}.mockup-row-subtitle{color:#86868b;font-size:.72rem}.callout{opacity:0;pointer-events:none;z-index:10;align-items:center;gap:10px;transition:opacity .25s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:translate(6px)}.callout.visible{opacity:1;pointer-events:auto;transform:translate(0)}.callout.left{flex-direction:row-reverse;right:calc(100% + 20px);transform:translate(-6px)}.callout.left.visible{transform:translate(0)}.callout.right{left:calc(100% + 20px)}.callout-line{background:var(--accent);flex-shrink:0;width:28px;height:1px}.callout-text{white-space:nowrap;color:var(--accent-bg);background:var(--accent);font-size:.82rem;font-family:var(--sans);border-radius:6px;padding:5px 12px;font-weight:400}.callouts-mobile{min-height:2.5rem;margin-top:1.25rem;display:none}.callout-mobile-item{color:color-mix(in srgb, var(--bg) 70%, transparent);justify-content:center;align-items:center;gap:10px;font-size:.9rem;display:flex}.callout-mobile-item:before{content:"→";color:var(--accent-soft)}.callouts-mobile p{text-align:center;color:color-mix(in srgb, var(--bg) 40%, transparent);font-size:.85rem}.pricing-section{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1100px;margin:0 auto;padding:clamp(4rem,8vh,7rem) 2rem;display:grid}.pricing-left h2{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400}.pricing-left p{color:var(--fg-soft);max-width:380px;line-height:1.6}.pricing-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;padding:clamp(1.5rem,3vw,2.5rem)}.pricing-card-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.pricing-card-header h3{font-size:1.05rem;font-weight:500}.pricing-card-header .price-tag{font-family:var(--serif);color:var(--accent);font-size:2rem;font-style:italic}.pricing-card-header .price-note{color:var(--fg-muted);font-size:.85rem}.pricing-features{margin-bottom:2rem;list-style:none}.pricing-features li{color:var(--fg-soft);align-items:center;gap:.75rem;padding:.45rem 0;font-size:.9rem;display:flex}.pricing-features li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.pricing-btn{text-align:center;background:var(--fg);width:100%;color:var(--bg);font-size:.95rem;font-weight:500;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;padding:.9rem;transition:opacity .2s;display:block}.pricing-btn:hover{opacity:.85}@media (prefers-color-scheme:dark){.pricing-btn{background:var(--accent);color:#fff}}.site-footer{border-top:1px solid var(--surface-border);justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:2.5rem 2rem;display:flex}.site-footer span{color:var(--fg-muted);font-size:.85rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--fg-muted);font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--fg)}@media (max-width:900px){.hero{text-align:center;grid-template-columns:1fr;padding-top:7rem}.hero-text{max-width:100%}.hero-text p{max-width:100%;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-mockup-wrap{margin-top:2rem}.modes-list{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr;gap:.5rem}.feature-desc{max-width:100%}.callout{display:none!important}.callouts-mobile{display:block}.pricing-section{grid-template-columns:1fr;gap:2rem}.pricing-left{text-align:center}.pricing-left p{max-width:100%;margin:0 auto}.site-footer{text-align:center;flex-direction:column;gap:1rem}}@media (max-width:480px){.nav-links a:not(.nav-cta){display:none}.hero-text h1{font-size:2.2rem}.mode-num{font-size:2rem}.mockup-window{border-radius:8px}}