:root{--bg:#f0f7fb;--bg-warm:#e3eff5;--fg:#1a2530;--fg-soft:#4a6070;--fg-muted:#5a7a8b;--accent:#e8734a;--accent-soft:#f09070;--accent-bg:#fef0eb;--surface:#fff;--surface-border:#d0e2ec;--sky:#4aafe8;--wood:#b8844a;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0e1a22;--bg-warm:#142530;--fg:#e8f0f4;--fg-soft:#9ab8c8;--fg-muted:#7a9aab;--accent:#f08a60;--accent-soft:#f4a080;--accent-bg:#2a1810;--surface:#142530;--surface-border:#1e3545;--sky:#3a9ad8;--wood:#c8945a}}*{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(--sky);color:#fff}.lang-selector{position:relative}.lang-selector-btn{font-size:.78rem;font-family:var(--sans);color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .5rem;transition:background .15s,color .15s;display:flex}.lang-selector-btn:hover{background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg)}.lang-dropdown{background:var(--surface);border:1px solid var(--surface-border);z-index:200;border-radius:8px;min-width:140px;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001a}.lang-option{cursor:pointer;width:100%;color:var(--fg-soft);text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.82rem;transition:background .1s;display:flex}.lang-option:hover{background:var(--bg-warm);color:var(--fg)}.lang-option.active{color:var(--accent);font-weight:500}.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;align-items:center;gap:.35rem;font-size:1.35rem;font-style:italic;display:flex}.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{cursor:pointer;background:#1a7ab8;border:none;border-radius:6px;padding:.55rem 1.25rem;font-family:inherit;transition:opacity .2s;color:#fff!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;position:relative}.hero:before{content:"";background:linear-gradient(175deg, color-mix(in srgb, var(--sky) 25%, var(--bg)) 0%, var(--bg) 100%);z-index:-1;pointer-events:none;width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-icon{box-shadow:0 4px 16px color-mix(in srgb, var(--sky) 25%, transparent), 0 16px 48px color-mix(in srgb, var(--sky) 15%, transparent);border-radius:36px;margin-bottom:1.75rem}.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(--sky);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{color:#fff;cursor:pointer;background:#1a7ab8;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(--sky) 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-mockup-wrap{justify-content:center;display:flex;position:relative}.compare-section{text-align:center;max-width:1100px;margin:0 auto;padding:clamp(3rem,6vh,5rem) 2rem}.compare-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);margin-bottom:clamp(2rem,4vh,3rem);font-size:clamp(1.6rem,2.5vw,2.2rem);font-style:italic;font-weight:400}.compare-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.compare-box{background:var(--surface);border:1px solid var(--surface-border);text-align:center;border-radius:12px;padding:1.5rem 1rem 1.25rem}.compare-box-highlight{border-color:var(--sky);background:color-mix(in srgb, var(--sky) 5%, var(--surface));box-shadow:0 0 0 1px var(--sky), 0 8px 32px color-mix(in srgb, var(--sky) 12%, transparent)}.compare-canvas{justify-content:center;align-items:center;width:100%;height:320px;margin:0 auto 1rem;display:flex;position:relative}.compare-dot,.compare-trails{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-cursor{z-index:2;filter:drop-shadow(0 1px 3px #0003);will-change:transform;transition:none;position:relative}.compare-cursor-idle{opacity:.4}.compare-cursor-organic{margin-top:-12px;margin-left:-14px;position:absolute;top:50%;left:50%}.compare-zzz-bubble{font-family:var(--serif);color:var(--fg-muted);opacity:.6;gap:3px;font-style:italic;display:flex;position:absolute;top:35%;left:55%}.compare-zzz-bubble span:first-child{font-size:1.2rem;transform:translateY(6px)}.compare-zzz-bubble span:nth-child(2){font-size:1.6rem;transform:translateY(2px)}.compare-zzz-bubble span:nth-child(3){font-size:2rem}.compare-label{font-family:var(--sans);color:var(--fg);margin-bottom:.35rem;font-size:.95rem;font-weight:500}.compare-box-highlight .compare-label{color:var(--sky)}.compare-desc{color:var(--fg-muted);max-width:220px;margin:0 auto;font-size:.8rem;line-height:1.45}@media (max-width:900px){.compare-grid{grid-template-columns:1fr;max-width:340px;margin:0 auto}}.sep{max-width:1100px;margin:0 auto;padding:0 2rem}.sep hr{background:var(--surface-border);border:none;height:1px}.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;color:var(--sky);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:592px;margin:0 auto;position:relative}.mockup-screenshot-container{width:100%;position:relative}.mockup-screenshot{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.mockup-shake-overlay{transition:transform .1s}.mockup-shake-overlay:hover{background:#ffffff14}.mockup-shake-overlay:active{transform:scale(.97)}.mockup-shake-overlay.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}.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-top:3px solid var(--sky);border-radius:12px;padding:clamp(1.5rem,3vw,2.5rem)}.pricing-icon{box-shadow:0 2px 8px color-mix(in srgb, var(--sky) 15%, transparent);border-radius:16px;margin-bottom:1rem}.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(--sky);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;color:#fff;width:100%;font-size:.95rem;font-weight:500;font-family:var(--sans);cursor:pointer;background:#1a7ab8;border:none;border-radius:8px;padding:.9rem;transition:opacity .2s;display:block}.pricing-btn:hover{opacity:.85}.faq-section{max-width:720px;margin:0 auto;padding:3rem 2rem 4rem}.faq-section-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);margin-bottom:1.5rem;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:400}.faq-item-home{border-bottom:1px solid var(--surface-border)}.faq-question-home{color:var(--fg);cursor:pointer;padding:1rem 0;font-size:.95rem;font-weight:500;list-style:none}.faq-question-home::-webkit-details-marker{display:none}.faq-question-home:after{content:"+";float:right;color:var(--fg-muted);font-size:1.2rem;transition:transform .15s}details[open] .faq-question-home:after{content:"−"}.faq-answer-home{color:var(--fg-soft);padding-bottom:1rem;font-size:.9rem;line-height:1.65}.home-guides-section{border-top:1px solid var(--surface-border);max-width:900px;margin:0 auto;padding:2rem 2rem 3rem}.home-guides-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--fg-soft);margin-bottom:1.25rem;font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:400}.home-guides-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.4rem 1.5rem;display:grid}.home-guides-grid a{color:var(--fg-soft);border-bottom:1px dashed #0000;padding:.35rem 0;font-size:.85rem;text-decoration:none}.home-guides-grid a:hover{color:var(--fg);border-bottom-color:var(--surface-border)}.home-guides-seeall{margin-top:1.5rem;font-size:.85rem}.home-guides-seeall a{color:var(--fg-soft);text-decoration:none}.home-guides-seeall a:hover{color:var(--fg)}.featured-on{text-align:center;opacity:.45;max-width:1100px;margin:0 auto;padding:1.25rem 2rem 1.75rem;transition:opacity .3s}.featured-on:hover,.featured-on:focus-within{opacity:.95}.featured-on-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);margin-bottom:.85rem;font-size:.65rem}.featured-on-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.9rem,2vw,1.75rem);display:flex}.featured-on-logos a{font-family:var(--sans);color:var(--fg-muted);white-space:nowrap;font-size:.78rem;font-weight:500;transition:color .2s}.featured-on-logos a:hover{color:var(--fg)}.featured-on-badge{filter:grayscale();opacity:.75;align-items:center;transition:filter .2s,opacity .2s;display:flex}.featured-on-badge:hover{filter:grayscale(0);opacity:1}.featured-on-badge img{width:auto;height:22px;display:block}.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)}.hero-price-pill{user-select:none;background:0 0;border-radius:4px;align-items:baseline;gap:.4rem;padding:.4rem .75rem;display:inline-flex}.hero-price-amount{font-family:var(--serif);color:var(--sky);letter-spacing:-.01em;font-size:1.35rem;font-style:italic;line-height:1}.hero-price-note{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);font-size:.72rem;font-weight:500}.hero-trust{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.1rem;font-size:.82rem;display:flex}.hero-trust-dot{color:var(--fg-muted);opacity:.5}.trust-strip{max-width:1100px;margin:clamp(1rem,2vh,1.5rem) auto 0;padding:0 2rem}.trust-strip-inner{background:color-mix(in srgb, var(--surface) 60%, transparent);border:1px solid color-mix(in srgb, var(--surface-border) 70%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem 1.25rem;padding:.75rem 1.25rem;display:flex}.trust-item{color:var(--fg-soft);align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.trust-icon{color:var(--sky);flex-shrink:0}.trust-link{color:var(--fg-soft);border-bottom:1px dotted color-mix(in srgb, var(--fg-muted) 50%, transparent);transition:color .15s,border-color .15s}.trust-link:hover{color:var(--sky);border-bottom-color:var(--sky)}.trust-sub{font-variant-numeric:tabular-nums;color:var(--fg-muted);margin-left:.1rem;font-size:.75rem}.trust-sep{background:var(--surface-border);width:1px;height:14px;display:inline-block}.trust-dot{width:10px;height:10px;display:inline-block;position:relative}.trust-dot-core{background:#22c070;border-radius:50%;position:absolute;inset:2px;box-shadow:0 0 0 1px #22c07080}.trust-dot-pulse{opacity:.45;background:#22c070;border-radius:50%;animation:2.4s ease-out infinite trust-pulse;position:absolute;inset:0}@keyframes trust-pulse{0%{opacity:.55;transform:scale(.6)}80%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.trust-dot-pulse{animation:none}}.cmp-section{max-width:1100px;margin:0 auto;padding:clamp(3rem,6vh,5rem) 2rem clamp(2rem,4vh,3rem)}.cmp-header{max-width:720px;margin-bottom:clamp(2rem,4vh,3rem)}.cmp-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--fg);margin-bottom:.85rem;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:400;line-height:1.1}.cmp-kicker{color:var(--fg-soft);max-width:620px;font-size:1rem;line-height:1.6}.cmp-table{background:var(--surface);border:1px solid var(--surface-border);box-shadow:0 1px 0 color-mix(in srgb, var(--surface-border) 50%, transparent), 0 8px 30px color-mix(in srgb, var(--sky) 6%, transparent);border-radius:14px;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(120px,1fr));display:grid;overflow:hidden}.cmp-row{display:contents}.cmp-cell{border-top:1px solid color-mix(in srgb, var(--surface-border) 80%, transparent);color:var(--fg-soft);justify-content:center;align-items:center;min-height:52px;padding:.95rem 1.1rem;font-size:.92rem;display:flex}.cmp-row:first-child .cmp-cell{border-top:none}.cmp-cell-feature{text-align:left;color:var(--fg);background:color-mix(in srgb, var(--bg-warm) 35%, var(--surface));justify-content:flex-start;font-weight:500}.cmp-cell-head{background:color-mix(in srgb, var(--bg-warm) 55%, var(--surface));color:var(--fg);letter-spacing:-.005em;padding-top:1.1rem;padding-bottom:1.1rem;font-size:.88rem;font-weight:500}.cmp-feature-head-label{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-size:.72rem;font-weight:500}.cmp-cell-head-us{background:linear-gradient(180deg, color-mix(in srgb, var(--sky) 10%, var(--surface)) 0%, color-mix(in srgb, var(--sky) 5%, var(--surface)) 100%);color:var(--sky);position:relative}.cmp-cell-head-us:after{content:"";background:var(--sky);height:2px;position:absolute;inset:auto 0 0}.cmp-us-ribbon{font-family:var(--serif);letter-spacing:-.01em;color:var(--sky);font-size:1.1rem;font-style:italic}.cmp-cell-us{background:color-mix(in srgb, var(--sky) 4%, var(--surface))}.cmp-glyph{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.cmp-glyph-yes{color:#1f9b60;background:#1f9b601f}@media (prefers-color-scheme:dark){.cmp-glyph-yes{color:#4cd89a;background:#4cd89a29}}.cmp-glyph-no{color:var(--fg-muted);background:color-mix(in srgb, var(--fg-muted) 12%, transparent);opacity:.65}.cmp-glyph-partial{color:var(--wood);background:color-mix(in srgb, var(--wood) 14%, transparent)}.cmp-na{color:var(--fg-muted);opacity:.7;font-size:.78rem;font-style:italic}.cmp-text{color:var(--fg-muted);text-align:center;font-size:.82rem;line-height:1.3}.cmp-price{font-family:var(--serif);color:var(--fg);letter-spacing:-.01em;font-size:1.05rem;font-style:italic}.cmp-price-accent{color:var(--sky);font-size:1.15rem}.cmp-cards{gap:1rem;display:none}.cmp-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:14px;padding:1.25rem 1.25rem .5rem}.cmp-card-us{border-color:var(--sky);background:color-mix(in srgb, var(--sky) 4%, var(--surface));box-shadow:0 0 0 1px var(--sky), 0 8px 28px color-mix(in srgb, var(--sky) 12%, transparent)}.cmp-card-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.85rem;display:flex}.cmp-card-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--fg);font-size:1.3rem;font-style:italic}.cmp-card-us .cmp-card-title{color:var(--sky)}.cmp-card-badge{letter-spacing:.02em;color:var(--sky);background:color-mix(in srgb, var(--sky) 12%, transparent);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:500}.cmp-card-list{flex-direction:column;display:flex}.cmp-card-row{border-top:1px solid color-mix(in srgb, var(--surface-border) 60%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.cmp-card-row:first-child{border-top:none}.cmp-card-key{color:var(--fg-soft);flex:1;font-size:.88rem}.cmp-card-val{flex-shrink:0}@media (max-width:900px){.nav-bar{padding:.75rem 1.25rem}.nav-links{gap:1.25rem}.nav-logo{font-size:1.15rem}.hero{text-align:center;grid-template-columns:1fr;padding-top:7rem}.hero-icon{border-radius:26px;width:120px;height:120px;margin-left:auto;margin-right:auto}.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{width:100%;margin-top:2rem;display:block}.mockup-wrapper{width:100%;max-width:100%;margin:0}.feature-row{grid-template-columns:1fr;gap:.5rem}.feature-desc{max-width:100%}.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}.cmp-table{display:none}.cmp-cards{flex-direction:column;display:flex}.cmp-section{padding:clamp(2rem,5vh,3.5rem) 1.25rem}.hero-trust{justify-content:center}.trust-strip{padding:0 1.25rem}.trust-strip-inner{padding:.65rem .9rem}}@media (max-width:480px){.nav-bar{padding:.6rem 1rem}.nav-logo{gap:.25rem;font-size:1.05rem}.nav-links{gap:.75rem}.nav-links a:not(.nav-cta):not(.lang-selector-btn){display:none}.nav-cta{padding:.45rem .9rem!important;font-size:.78rem!important}.hero-text h1{font-size:2.2rem}.hero-icon{border-radius:22px;width:100px;height:100px;margin-bottom:1rem}}