:root{--paper:#f2eee5;--paper-2:#e6e0d2;--paper-3:#d9d1be;--paper-card:#faf6ec;--ink:#1a1714;--ink-2:#3a342c;--ink-3:#6e6657;--ink-4:#9a917f;--line:#c9bfa8;--line-soft:#dad1bc;--accent:#2f5d4f;--accent-2:#6e6657;--accent-3:#b0743a;--cream:#c9b998;--roast-light:#c9a57b;--roast-medium:#8e5a3b;--roast-dark:#4a2c1f;--card:var(--paper-card);--card-2:#ffffff80;--serif:"Fraunces", "Georgia", serif;--sans:"Inter", -apple-system, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-3)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.serif{font-family:var(--serif)}.italic{font-style:italic}h1,h2,h3{font-family:var(--serif);letter-spacing:-.4px;margin:0;font-weight:500}nav{justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:relative}.brand{align-items:center;gap:9px;display:flex}.brand .mark{background:linear-gradient(135deg, var(--roast-medium), var(--roast-dark));width:30px;height:30px;color:var(--paper);font-family:var(--serif);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-style:italic;font-weight:600;display:flex}.brand .name{font-family:var(--serif);font-variation-settings:"opsz" 144;font-size:18px;font-style:italic;font-weight:500}.nav-links{color:var(--ink-2);align-items:center;gap:28px;font-size:14px;font-weight:500;display:none}.nav-links a{color:var(--ink-2)}.nav-links a:hover{color:var(--ink)}.nav-cta.btn{display:none}.btn{letter-spacing:.1px;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:13px 22px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-2);color:var(--paper)}.btn-ghost{border-color:var(--line);color:var(--ink-2);background:0 0}.btn-ghost:hover{border-color:var(--ink-3);color:var(--ink)}.btn-lg{border-radius:14px;padding:16px 28px;font-size:15px}.btn-block{width:100%}.nav-toggle-checkbox{opacity:0;pointer-events:none;position:absolute}.nav-toggle-btn{border:1px solid var(--line-soft);background:var(--card);cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:40px;height:40px;display:flex}.nav-toggle-btn span{background:var(--ink-2);border-radius:2px;width:16px;height:2px;margin:0 auto;transition:transform .2s,opacity .2s;display:block}.nav-toggle-checkbox:checked~.nav-toggle-btn span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle-checkbox:checked~.nav-toggle-btn span:nth-child(2){opacity:0}.nav-toggle-checkbox:checked~.nav-toggle-btn span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{flex-direction:column;gap:2px;max-height:0;transition:max-height .25s;display:flex;overflow:hidden}.nav-toggle-checkbox:checked~.mobile-menu{max-height:320px}.mobile-menu a.mobile-link{color:var(--ink-2);border-bottom:1px solid var(--line-soft);padding:14px 4px;font-size:15px;font-weight:500}.mobile-menu a.mobile-link:hover{color:var(--ink)}.mobile-menu .btn{margin:14px 0 18px}.hero{padding:28px 0 8px;position:relative;overflow:hidden}.hero-swirl{background:radial-gradient(circle at 35% 35%, var(--cream) 0%, var(--roast-medium) 42%, var(--roast-dark) 82%);opacity:.24;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:-140px;right:-180px}.hero-inner{z-index:1;max-width:640px;position:relative}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.eyebrow .line{background:var(--line);flex:0 0 32px;height:1px}.hero h1{font-variation-settings:"opsz" 144;text-wrap:pretty;margin-bottom:16px;font-size:34px;line-height:1.08}.hero h1 .accent{color:var(--accent)}.hero p.lead{color:var(--ink-2);max-width:480px;margin:0 0 26px;font-size:15.5px;line-height:1.6}.hero-ctas{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px;display:flex}.hero-ctas .btn{width:100%}.hero-note{color:var(--ink-4);font-size:12px}.showcase{z-index:1;margin-top:36px;position:relative}.showcase-frame{background:var(--card);border:1px solid var(--line-soft);border-radius:20px;padding:6px;box-shadow:0 26px 60px -24px #1e181059}.showcase-frame img{width:100%;display:block}.showcase-frame img,.showcase-frame .mock{border-radius:15px}.mock{background:var(--paper);grid-template-columns:1fr;gap:12px;padding:18px;display:grid}.mock-card{background:var(--card);border:1px solid var(--line-soft);border-radius:14px;flex-direction:column;gap:9px;padding:14px;display:flex}.mock-swatch{border-radius:10px;width:100%;height:58px}.mock-swatch.light{background:linear-gradient(135deg,#d4b088,#b58659)}.mock-swatch.medium{background:linear-gradient(135deg,#a06a42,#6b3f26)}.mock-swatch.dark{background:linear-gradient(135deg,#4a2c1f,#2a1810)}.mock-title{font-family:var(--serif);font-variation-settings:"opsz" 24;font-size:15px;font-weight:500}.mock-sub{color:var(--ink-3);font-size:11px;font-family:var(--mono);letter-spacing:.4px}.mock-rating{font-family:var(--serif);margin-left:auto;font-size:22px;font-style:italic;font-weight:500}.section{padding:52px 0}.section-head{max-width:560px;margin:0 0 30px}.section-head .eyebrow{margin-bottom:12px}.section-head h2{font-variation-settings:"opsz" 144;text-wrap:pretty;font-size:27px;line-height:1.16}.features{grid-template-columns:1fr;gap:16px;display:grid}.feature{background:var(--card);border:1px solid var(--line-soft);border-radius:16px;padding:22px}.feature .icon{background:var(--paper-2);border:1px solid var(--line-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.feature h3{font-variation-settings:"opsz" 24;margin-bottom:7px;font-size:17px}.feature p{color:var(--ink-3);margin:0;font-size:13.5px;line-height:1.55}.pricing-grid{grid-template-columns:1fr;gap:16px;max-width:760px;display:grid}.plan{border:1px solid var(--line-soft);border-radius:18px;flex-direction:column;gap:16px;padding:26px;display:flex;position:relative}.plan.free{background:var(--card)}.plan.sync{background:var(--ink);color:var(--paper);border-color:var(--ink)}.plan .badge{background:var(--accent-3);color:#fff;letter-spacing:.6px;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:-11px;right:24px}.plan .plan-name{font-family:var(--serif);font-variation-settings:"opsz" 24;font-size:21px;font-style:italic;font-weight:500}.plan .plan-tag{color:var(--ink-3);font-size:12.5px}.plan.sync .plan-tag{color:#f2eee5a6}.plan .price{font-family:var(--serif);font-variation-settings:"opsz" 144;align-items:baseline;gap:6px;font-size:38px;font-weight:500;display:flex}.plan .price .unit{color:var(--ink-3);font-size:13px;font-family:var(--sans);font-weight:500}.plan.sync .price .unit{color:#f2eee599}.plan ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.plan li{align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.4;display:flex}.plan.free li{color:var(--ink-2)}.plan.sync li{color:#f2eee5e6}.plan .check{flex-shrink:0;margin-top:2px}.plan .btn{margin-top:auto}.plan.sync .btn-primary{background:var(--paper);color:var(--ink)}.plan.sync .btn-primary:hover{background:var(--cream)}.faq{flex-direction:column;max-width:720px;display:flex}.faq-item{border-bottom:1px solid var(--line-soft);padding:18px 0}.faq-item summary{cursor:pointer;font-family:var(--serif);font-variation-settings:"opsz" 24;justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .plus{font-family:var(--sans);color:var(--ink-3);flex-shrink:0;font-size:20px;font-weight:300;transition:transform .15s}.faq-item[open] summary .plus{transform:rotate(45deg)}.faq-item p{color:var(--ink-3);max-width:600px;margin:12px 0 0;font-size:14px;line-height:1.6}footer{border-top:1px solid var(--line-soft);color:var(--ink-4);flex-direction:column;align-items:flex-start;gap:14px;padding:28px 0;font-size:12.5px;display:flex}footer .foot-links{flex-wrap:wrap;gap:20px;display:flex}footer a{color:var(--ink-4)}footer a:hover{color:var(--ink-2)}.legal-page{min-height:calc(100vh - 110px);padding:52px 0 72px}.legal-wrap{max-width:760px}.legal-back{margin-bottom:48px;font-size:13px;font-weight:600;display:inline-block}.legal-page .eyebrow{margin-bottom:10px}.legal-page h1{font-size:40px;line-height:1.1}.legal-updated{color:var(--ink-4);margin:10px 0 36px;font-size:12px}.legal-page h2{margin:34px 0 10px;font-size:21px}.legal-page p,.legal-page li{color:var(--ink-2);font-size:14.5px;line-height:1.7}.legal-page ul{padding-left:22px}.legal-page li+li{margin-top:8px}@media (width>=640px){.hero h1{font-size:46px}.features,.mock{grid-template-columns:repeat(2,1fr)}}@media (width>=860px){.wrap{padding:0 32px}nav{padding:22px 0}.brand .mark{border-radius:9px;width:32px;height:32px;font-size:16px}.brand .name{font-size:19px}.nav-links{display:flex}.nav-cta.btn{display:inline-flex}.nav-toggle-btn,.mobile-menu{display:none}.hero{padding:64px 0 20px}.hero-swirl{opacity:.28;width:480px;height:480px;top:-180px;right:-160px}.hero-swirl:before,.hero-swirl:after{content:"";border:1px solid #ffebc826;border-radius:50%;position:absolute}.hero-swirl:before{inset:70px}.hero-swirl:after{inset:130px}.hero h1{margin-bottom:20px;font-size:60px}.hero p.lead{margin-bottom:32px;font-size:17px}.hero-ctas{flex-flow:wrap;margin-bottom:12px}.hero-ctas .btn{width:auto}.hero-note{font-size:12.5px}.showcase{margin-top:56px}.showcase-frame{border-radius:24px;padding:8px;box-shadow:0 40px 90px -30px #1e181059}.showcase-frame img,.showcase-frame .mock{border-radius:18px}.mock{grid-template-columns:1fr 1fr 1fr;gap:14px;padding:28px 32px}.mock-card{gap:10px;padding:16px}.mock-swatch{height:64px}.section{padding:88px 0}.section-head{margin-bottom:44px}.section-head h2{font-size:36px}.features{grid-template-columns:repeat(3,1fr);gap:20px}.feature{border-radius:18px;padding:26px}.pricing-grid{grid-template-columns:1fr 1fr;gap:20px}.plan{border-radius:20px;padding:32px}footer{flex-direction:row;justify-content:space-between;align-items:center;padding:36px 0}}