:root{--primary: #526447;--primary-dim: #46583c;--primary-soft: #8ea68b;--on-primary: #ecffdd;--surface: #fbf9f4;--surface-low: #f5f4ed;--surface-lowest: #ffffff;--surface-high: #ebeae2;--surface-highest:#e5e4dc;--on-surface: #31332e;--on-surface-var: #6b6d66;--outline-var: rgba(178,178,171,.35);--sage-wash-1: rgba(167,184,168,.22);--sage-wash-2: rgba(74,93,75,.1);--serif: "Newsreader", "Source Serif Pro", Georgia, serif;--sans: "Plus Jakarta Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-lg: 16px;--r-xl: 24px;--r-xxl: 48px;--r-full: 9999px;--pad-section: clamp(72px, 10vw, 128px);--max-w: 1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}img{max-width:100%;display:block}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}.italic{font-style:italic}.eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-var)}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.015em}h1{font-size:clamp(44px,6vw,80px);line-height:1.02}h2{font-size:clamp(32px,4.2vw,54px);line-height:1.08}h3{font-size:clamp(22px,2.4vw,30px);line-height:1.25}p{margin:0}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 28px}section{padding:var(--pad-section) 0;position:relative}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#fbf9f4b8}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;max-width:var(--max-w);margin:0 auto}.logo{font-family:var(--serif);font-size:22px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--on-surface)}.logo-mark{width:32px;height:32px;border-radius:9px;object-fit:cover;flex:none;box-shadow:0 4px 14px #31332e14}.nav-links{display:flex;gap:32px;align-items:center;font-size:14px;color:var(--on-surface-var)}.nav-links a{text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--on-surface)}.language-switch{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--primary);background:var(--surface-highest);border:0;border-radius:var(--r-full);min-width:46px;height:38px;padding:0 14px;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.language-switch:hover{color:var(--on-surface);background:var(--surface-high);transform:translateY(-1px)}.language-switch:focus-visible{outline:2px solid var(--primary-soft);outline-offset:3px}.nav-cta{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.02em;padding:10px 20px;border-radius:var(--r-full);background:linear-gradient(145deg,var(--primary),var(--primary-dim));color:var(--on-primary);text-decoration:none;box-shadow:0 6px 24px #31332e14;transition:transform .2s ease,box-shadow .2s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px #31332e1f}@media(max-width:720px){.nav-links a:not(.nav-cta){display:none}.nav-links{gap:10px}.nav-inner{padding-left:28px;padding-right:28px}.language-switch{min-width:42px;height:38px;padding:0 12px}}.hero{padding-top:72px;padding-bottom:40px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-bg:before,.hero-bg:after{content:"";position:absolute;border-radius:var(--r-full);filter:blur(2px)}.hero-bg:before{width:720px;height:720px;background:var(--sage-wash-1);top:-160px;right:-160px}.hero-bg:after{width:560px;height:560px;background:var(--sage-wash-2);left:-140px;bottom:-240px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}@media(max-width:880px){.hero-inner{grid-template-columns:1fr;gap:56px}}.hero-text .eyebrow{margin-bottom:24px}.hero h1 .underline{font-style:italic;position:relative;white-space:nowrap}.hero-sub{margin-top:28px;max-width:520px;font-size:18px;color:var(--on-surface-var);line-height:1.6}.hero-actions{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}.btn{font-family:var(--sans);font-size:15px;font-weight:600;padding:16px 28px;border-radius:var(--r-full);text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:0;cursor:pointer}.btn-primary{background:linear-gradient(145deg,var(--primary),var(--primary-dim));color:var(--on-primary);box-shadow:0 10px 30px #31332e1a}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px #31332e24}.btn-ghost{background:var(--surface-highest);color:var(--on-surface)}.btn-ghost:hover{background:var(--surface-high)}.hero-meta{margin-top:28px;display:flex;gap:20px;align-items:center;font-size:13px;color:var(--on-surface-var)}.hero-meta .dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--primary-soft)}.phone-stage{position:relative;height:640px;display:flex;align-items:center;justify-content:center}.app-screenshot-frame{width:314px;aspect-ratio:1320 / 2868;border-radius:48px;overflow:hidden;background:var(--surface-lowest);box-shadow:0 40px 80px #31332e1f,0 10px 24px #31332e0f}.app-screenshot{width:100%;height:100%;object-fit:cover;display:block}.phone-real{width:340px;height:680px;border-radius:48px;background:#fdfcf7;position:relative;overflow:hidden;box-shadow:0 40px 80px #31332e1f,0 10px 24px #31332e0f}.ph-wash{position:absolute;border-radius:9999px;pointer-events:none}.ph-wash-a{width:480px;height:480px;left:80px;top:220px;background:#a7b8a838}.ph-wash-b{width:400px;height:400px;left:-160px;top:120px;background:#4a5d4b1a}.ph-topbar{position:absolute;top:28px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}.ph-topbar-left{display:flex;align-items:center;gap:14px;color:#4a443f}.ph-topbar-title{font-family:var(--serif);font-style:italic;font-size:17px;color:#4a443f}.ph-avatar{width:32px;height:32px;border-radius:9999px;background:linear-gradient(135deg,#4a5d4b,#8ea68b)}.ph-eyebrow{position:absolute;top:118px;left:0;right:0;text-align:center;margin:0;font-size:10px;font-weight:500;letter-spacing:2px;color:#717971}.ph-title{position:absolute;top:138px;left:24px;right:24px;text-align:center;margin:0;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.15;color:#191c19e6}.ph-visual{position:absolute;top:268px;left:50%;transform:translate(-50%);width:180px;height:180px}.ph-ring{position:absolute;border-radius:9999px}.ph-ring-o{inset:0;background:#8ea68b1a}.ph-ring-m{inset:20px;background:#8ea68b24}.ph-ring-i{inset:46px;background:#8ea68b33}.ph-bars{position:absolute;inset:0;display:flex;gap:5px;align-items:center;justify-content:center}.ph-bars span{width:4px;border-radius:4px;background:#6b7a6b;animation:ph-pulse 1.8s ease-in-out infinite}.ph-bars span:nth-child(1){height:18px;animation-delay:0s}.ph-bars span:nth-child(2){height:36px;animation-delay:.12s}.ph-bars span:nth-child(3){height:54px;animation-delay:.24s}.ph-bars span:nth-child(4){height:26px;animation-delay:.36s}.ph-bars span:nth-child(5){height:12px;animation-delay:.48s}@keyframes ph-pulse{0%,to{transform:scaleY(.8);opacity:.75}50%{transform:scaleY(1.15);opacity:1}}.ph-timer{position:absolute;top:488px;left:0;right:0;margin:0;text-align:center;font-family:var(--serif);font-weight:300;font-size:44px;color:#2f312d;letter-spacing:-.01em}.ph-status{position:absolute;top:548px;left:0;right:0;margin:0;text-align:center;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#717971;display:flex;justify-content:center;align-items:center;gap:8px}.ph-dot{width:5px;height:5px;border-radius:9999px;background:#8ea68b}.ph-actions{position:absolute;bottom:56px;left:0;right:0;display:flex;justify-content:space-around;align-items:flex-end;padding:0 32px}.ph-act{display:flex;flex-direction:column;align-items:center;gap:10px}.ph-btn{width:48px;height:48px;border-radius:9999px;background:#e1e1da8c;display:flex;align-items:center;justify-content:center}.ph-btn.ph-rec{width:64px;height:64px;background:linear-gradient(145deg,var(--primary),var(--primary-dim));box-shadow:0 10px 24px #31332e38}.ph-sq{width:20px;height:20px;background:#fff;border-radius:3px}.ph-lab{font-size:10px;letter-spacing:1.8px;color:#717971;font-weight:500}.ph-lab-strong{color:#2f312d;font-weight:600}.ph-lab-muted{color:#a3a79d}.phone{width:320px;height:640px;border-radius:48px;background:var(--surface-lowest);box-shadow:0 40px 80px #31332e1a,0 10px 24px #31332e0f;padding:28px 22px;position:relative;overflow:hidden}.phone:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:96px;height:28px;background:var(--on-surface);border-radius:var(--r-full);opacity:.9}.phone-chrome{margin-top:48px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--on-surface-var);letter-spacing:.08em}.phone-label{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--on-surface)}.phone-body{margin-top:24px;text-align:center}.phone-eyebrow{font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--on-surface-var);text-transform:uppercase}.phone-title{font-family:var(--serif);font-size:22px;margin-top:10px;color:var(--on-surface)}.phone-visual{position:relative;margin:42px auto 0;width:220px;height:220px;border-radius:var(--r-full);background:radial-gradient(circle at 50% 50%,#8ea68b2e,#8ea68b0d 70%);display:flex;align-items:center;justify-content:center}.phone-visual:before{content:"";position:absolute;inset:-20px;border-radius:var(--r-full);background:radial-gradient(circle at 50% 50%,rgba(142,166,139,.1),transparent 70%)}.wave{display:flex;gap:5px;align-items:center;height:52px}.wave span{width:4px;border-radius:4px;background:var(--primary);animation:pulse 1.6s ease-in-out infinite}.wave span:nth-child(1){height:18px;animation-delay:0s}.wave span:nth-child(2){height:34px;animation-delay:.15s}.wave span:nth-child(3){height:52px;animation-delay:.3s}.wave span:nth-child(4){height:28px;animation-delay:.45s}.wave span:nth-child(5){height:14px;animation-delay:.6s}@keyframes pulse{0%,to{transform:scaleY(.75);opacity:.7}50%{transform:scaleY(1.15);opacity:1}}.phone-timer{margin-top:56px;font-family:var(--serif);font-size:44px;color:var(--on-surface);letter-spacing:-.01em}.phone-status{margin-top:6px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--on-surface-var);display:flex;gap:8px;align-items:center;justify-content:center}.phone-status .dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--primary-soft)}.phone-actions{position:absolute;bottom:36px;left:0;right:0;display:flex;justify-content:space-around;align-items:center}.phone-btn{width:52px;height:52px;border-radius:var(--r-full);background:var(--surface-low);display:flex;align-items:center;justify-content:center;color:var(--on-surface-var)}.phone-btn.record{width:72px;height:72px;background:linear-gradient(145deg,var(--primary),var(--primary-dim));color:var(--on-primary);box-shadow:0 12px 28px #31332e33}.philosophy{background:var(--surface)}.philosophy-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}@media(max-width:880px){.philosophy-grid{grid-template-columns:1fr;gap:40px}}.philosophy h2{max-width:620px}.philosophy-lead{font-size:19px;color:var(--on-surface-var);line-height:1.7;max-width:560px}.features{background:var(--surface-low)}.features-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:64px;gap:40px;flex-wrap:wrap}.features-head p{max-width:420px;color:var(--on-surface-var);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.feature-grid{grid-template-columns:1fr}}.feature{background:var(--surface-lowest);padding:36px 32px;border-radius:var(--r-xl);display:flex;flex-direction:column;gap:16px;transition:transform .3s ease}.feature:hover{transform:translateY(-2px)}.feature .glyph{width:44px;height:44px;border-radius:var(--r-full);background:var(--surface-high);display:flex;align-items:center;justify-content:center;color:var(--primary)}.feature h3{font-size:22px}.feature p{color:var(--on-surface-var);font-size:15px;line-height:1.6}.showcase{background:var(--surface)}.showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:120px}.showcase-row:last-child{margin-bottom:0}.showcase-row.reverse .showcase-visual{order:2}@media(max-width:900px){.showcase-row,.showcase-row.reverse{grid-template-columns:1fr;gap:48px}.showcase-row.reverse .showcase-visual{order:0}}.showcase h2{max-width:460px;margin-bottom:24px}.showcase p{color:var(--on-surface-var);font-size:17px;line-height:1.7;max-width:460px}.showcase .eyebrow{margin-bottom:20px;display:block}.showcase-visual{background:var(--surface-low);border-radius:var(--r-xxl);padding:48px 40px;min-height:420px;position:relative;overflow:hidden}.showcase-visual.sage{background:linear-gradient(150deg,#8ea68b2e,#fbf9f4b3)}.showcase-visual.cream{background:var(--surface-lowest);box-shadow:0 30px 60px #31332e0f}.notecards{display:flex;flex-direction:column;gap:14px}.notecard{background:var(--surface-lowest);padding:22px 24px;border-radius:var(--r-xl);box-shadow:0 10px 30px #31332e0f}.notecard .meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-var);margin-bottom:12px}.notecard .title{font-family:var(--serif);font-size:20px;margin-bottom:6px}.notecard .body{color:var(--on-surface-var);font-size:14px;line-height:1.5}.notecard.tinted{background:var(--surface-low)}.sage-scene{position:relative;height:340px}.sage-scene .ring{position:absolute;border-radius:var(--r-full);border:1px solid rgba(74,93,75,.08)}.sage-scene .r1{inset:10% 20%}.sage-scene .r2{inset:20% 30%}.sage-scene .r3{inset:30% 38%}.sage-scene .bars{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;height:80px}.sage-scene .bars span{width:6px;background:var(--primary);border-radius:6px}.sage-scene .bars span:nth-child(1){height:24px}.sage-scene .bars span:nth-child(2){height:56px}.sage-scene .bars span:nth-child(3){height:80px}.sage-scene .bars span:nth-child(4){height:40px}.sage-scene .bars span:nth-child(5){height:18px}.sage-scene .label{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--on-surface-var)}.quote-band{background:var(--surface);text-align:center}.quote{max-width:780px;margin:0 auto;font-family:var(--serif);font-size:clamp(26px,3.2vw,38px);line-height:1.3;color:var(--on-surface);letter-spacing:-.01em}.quote-attr{margin-top:32px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-var)}.faq{background:var(--surface-low)}.faq-head{text-align:center;margin-bottom:64px}.faq-head p{color:var(--on-surface-var);max-width:520px;margin:16px auto 0}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--surface-lowest);border-radius:var(--r-xl);padding:24px 32px;cursor:pointer;transition:background .2s ease}.faq-item[open]{background:var(--surface-lowest)}.faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:20px;color:var(--on-surface);gap:24px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:22px;color:var(--primary);font-weight:300;transition:transform .25s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin-top:16px;color:var(--on-surface-var);font-size:15px;line-height:1.65}.cta{background:var(--surface);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:720px;height:720px;border-radius:var(--r-full);left:50%;top:20%;transform:translate(-50%);background:radial-gradient(circle at 50% 50%,var(--sage-wash-1),transparent 70%);pointer-events:none}.cta-inner{position:relative;z-index:1}.cta h2{max-width:680px;margin:0 auto 24px}.cta p{color:var(--on-surface-var);max-width:520px;margin:0 auto 40px;font-size:17px}.footer{background:var(--surface-low);padding:72px 0 40px;color:var(--on-surface-var)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}.footer h4{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface);margin-bottom:18px}.footer-brand p{max-width:300px;font-size:14px;line-height:1.6;margin-top:16px}.footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer a{color:var(--on-surface-var);text-decoration:none;font-size:14px;transition:color .2s ease}.footer a:hover{color:var(--on-surface)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;font-size:12px;color:var(--on-surface-var);flex-wrap:wrap;gap:12px}.footer-bottom .logo{font-size:18px}.legal-hero{padding-top:96px;padding-bottom:48px;background:var(--surface)}.legal-hero .eyebrow{margin-bottom:20px}.legal-hero h1{font-size:clamp(40px,5vw,64px);max-width:820px}.legal-hero p.meta{margin-top:24px;color:var(--on-surface-var);font-size:14px}.legal-body{background:var(--surface);padding-top:24px;padding-bottom:120px}.legal-body .wrap{max-width:820px}.legal-body h2{font-size:28px;margin-top:56px;margin-bottom:18px}.legal-body h2:first-child{margin-top:0}.legal-body h3{font-family:var(--sans);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-top:36px;margin-bottom:10px}.legal-body p,.legal-body li{color:var(--on-surface);font-size:16px;line-height:1.75;margin:0 0 14px}.legal-body ul{padding-left:22px}.legal-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}.contact-card{background:var(--surface-lowest);padding:32px 28px;border-radius:var(--r-xl)}.contact-card h3{font-family:var(--serif);font-size:22px;margin-bottom:10px}.contact-card p{color:var(--on-surface-var);font-size:15px;line-height:1.55;margin-bottom:16px}.contact-card a{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--primary);text-decoration:none}.contact-card a:hover{text-decoration:underline;text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
