:root{color-scheme:light;--bg: #f7f3ed;--bg-card: #ffffff;--bg-soft: #ebe6dd;--fg: #1a1a1a;--fg-muted: #6b6b6b;--fg-mute2: #8a8a8a;--accent: #c98660;--accent-deep: #b66f49;--accent-soft: #f3e6dc;--border: #e5dfd4;--code-bg: #f4f0e8;--serif: "Crimson Pro", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", serif;--sans: "Work Sans", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--fg)}.btn-pill{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:500;line-height:1;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-pill svg{width:18px;height:18px}.btn-pill:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 24px #c9866059}.btn-primary:hover{background:var(--accent-deep)}.btn-primary .cta-meta{font-size:12px;color:#fffc;margin-left:4px}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--fg)}.btn-ghost:hover{background:var(--fg);color:var(--bg)}.btn-dark{background:#1a1a1a;color:#fff;justify-content:center;width:100%}.btn-light{background:#fff;color:var(--accent-deep);justify-content:center;width:100%}.display{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.01em;margin:0}.display em{font-style:italic}.center{text-align:center}.overline{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.22em;color:var(--fg-mute2);text-transform:uppercase}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,4vw,56px);max-width:1320px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:32px;height:32px;display:inline-block;vertical-align:middle}.brand-name{font-family:var(--serif);font-style:italic;font-size:20px;font-weight:600}.nav-links{display:flex;gap:28px;margin-left:auto;margin-right:24px}.nav-links a{text-decoration:none;color:var(--fg-muted);font-size:14px}.nav-links a:hover{color:var(--fg)}.nav-cta{padding:10px 22px;background:var(--accent);color:#fff;font-size:14px}.nav-cta:hover{background:var(--accent-deep)}@media(max-width:720px){.nav-links{display:none}}.hero{text-align:center;padding:64px clamp(20px,4vw,56px) 0;max-width:1320px;margin:0 auto;overflow:hidden}.hero .display{font-size:clamp(48px,8vw,96px);margin:0 0 40px}.hero .lede{color:var(--fg-muted);font-size:clamp(16px,1.5vw,18px);margin:0 0 32px}.cta-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.beta-note{color:var(--fg-muted);font-size:13px;text-align:center;margin:0 0 64px}.phones{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,1.5vw,24px);margin:0 auto;max-width:920px;padding-top:24px}.phone{margin:0;flex-shrink:0}.phone-frame{position:relative;width:clamp(140px,22vw,220px);aspect-ratio:1206 / 2622;background:#111;border-radius:clamp(24px,4vw,38px);padding:6px;box-shadow:0 30px 60px #0000002e,0 8px 24px #0000001f;overflow:hidden}.phone-frame img{width:100%;height:100%;object-fit:cover;border-radius:clamp(20px,3.6vw,32px);display:block}.phone-left{transform:rotate(-6deg) translateY(20px);z-index:1}.phone-right{transform:rotate(6deg) translateY(20px);z-index:1}.phone-center{z-index:2;transform:translateY(-12px) scale(1.08)}@media(max-width:720px){.phones{gap:0}.phone-frame{width:36vw}.phone-left{transform:rotate(-8deg) translate(10px,30px)}.phone-right{transform:rotate(8deg) translate(-10px,30px)}.phone-center{transform:translateY(-6px) scale(1.06)}}.bento{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:minmax(220px,auto);gap:16px;max-width:1100px;margin:96px auto;padding:0 clamp(20px,4vw,32px)}.bento-card{background:var(--bg-card);border-radius:28px;padding:32px;position:relative;overflow:hidden;min-height:240px}.bento-post{grid-column:1;grid-row:1 / span 2;min-height:580px}.bento-task{grid-column:2;grid-row:1}.bento-icloud{grid-column:2;grid-row:2}.bento-note{background:var(--bg-soft);grid-column:1;grid-row:3;min-height:320px}.bento-throwback{grid-column:2;grid-row:3}.tag{display:inline-block;font-family:var(--sans);font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px;letter-spacing:.04em;margin-bottom:16px}.tag-post{background:#fff;color:var(--accent-deep);border:1px solid var(--accent)}.tag-task{background:#fff;color:#2563eb;border:1px solid #2563eb}.tag-note{background:#fff;color:#16a34a;border:1px solid #16a34a}.bento-title{font-family:var(--serif);font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin:0 0 16px;font-weight:500}.bento-title em{font-style:italic}.bento-title-sm{font-family:var(--sans);font-size:22px;font-weight:600;margin:16px 0 12px}.bento-body{color:var(--fg-muted);font-size:14px;margin:0;max-width:36ch}.bento-icon{width:28px;height:28px;color:var(--fg-muted)}.bento-shot{position:absolute;pointer-events:none}.bento-shot .phone-frame{width:260px;box-shadow:0 20px 40px #00000026}.bento-shot-bottomright{right:-20px;bottom:-80px}.bento-shot-right{right:24px;top:32px}.bento-shot-right .phone-frame{width:200px}.throwback-list{list-style:none;padding:0;margin:24px 0 0}.throwback-list li{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--border);font-size:13px}.throwback-list li:first-child{border-top:none}.year{color:var(--accent-deep);font-weight:600;min-width:40px}.memo{color:var(--fg-muted);flex:1}@media(max-width:880px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bento-post,.bento-task,.bento-icloud,.bento-note,.bento-throwback{grid-column:1;grid-row:auto;min-height:auto}.bento-post{min-height:440px}.bento-shot-bottomright{right:-40px;bottom:-120px}.bento-shot-right{position:static;margin-top:16px}.bento-shot-right .phone-frame{width:160px;margin:0 auto}}.pricing{background:var(--bg-soft);padding:96px clamp(20px,4vw,56px) 120px;margin-top:96px}.pricing>.overline{display:block;text-align:center;margin-bottom:24px}.pricing .display{font-size:clamp(36px,5vw,56px);margin-bottom:64px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:880px;margin:0 auto}.plan{background:var(--bg-card);border-radius:24px;padding:40px 32px;position:relative}.plan-pro{background:var(--accent);color:#fff}.plan-pro .plan-tag,.plan-pro .plan-features li{color:#ffffffd9}.plan-name{font-family:var(--serif);font-size:28px;font-style:italic;font-weight:600;margin:0}.plan-tag{color:var(--fg-muted);font-size:13px;margin:4px 0 24px}.plan-price{font-family:var(--serif);font-size:56px;font-weight:500;margin:0 0 24px;line-height:1}.plan-price em{font-style:italic}.plan-price .per{font-family:var(--sans);font-size:14px;font-weight:500;font-style:normal;margin-left:4px;opacity:.7}.btn-plan{padding:14px 20px;font-size:15px;margin-bottom:28px}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:10px;font-size:14px;padding:6px 0;color:var(--fg-muted)}.plan-features svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.plan-pro .plan-features svg{color:#fff}.badge{position:absolute;top:24px;right:24px;background:#fff3;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:11px;letter-spacing:.1em;padding:4px 10px;border-radius:999px}@media(max-width:720px){.plans{grid-template-columns:1fr}}.site-footer{background:var(--bg);padding:32px clamp(20px,4vw,56px);border-top:1px solid var(--border)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--fg-muted)}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--fg-muted);text-decoration:none}.footer-links a:hover{color:var(--fg)}body:not(.lp) main{max-width:720px;margin:0 auto;padding:24px clamp(20px,4vw,32px) 64px}body:not(.lp) header.site{border-bottom:1px solid var(--border);padding:16px clamp(20px,4vw,32px)}body:not(.lp) header.site a.brand{font-family:var(--serif);font-style:italic;font-weight:600;font-size:20px;color:var(--fg);text-decoration:none}body:not(.lp) h1{font-size:28px;margin:0 0 12px}body:not(.lp) h2{font-size:20px;margin:40px 0 12px;border-bottom:1px solid var(--border);padding-bottom:8px}body:not(.lp) h3{font-size:17px;margin:24px 0 8px}body:not(.lp) p,body:not(.lp) ul,body:not(.lp) ol,body:not(.lp) table{margin:12px 0}body:not(.lp) ul,body:not(.lp) ol{padding-left:24px}body:not(.lp) li{margin:4px 0}body:not(.lp) a{color:var(--accent-deep)}body:not(.lp) code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}body:not(.lp) table{width:100%;border-collapse:collapse;font-size:14px}body:not(.lp) th,body:not(.lp) td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top}body:not(.lp) th{background:var(--code-bg);font-weight:600}body:not(.lp) .meta{color:var(--fg-muted);font-size:14px}body:not(.lp) footer{border-top:1px solid var(--border);padding:24px;text-align:center;color:var(--fg-muted);font-size:14px}.connect,.connect-client{padding-top:24px}.connect-lede{color:var(--fg-muted);margin-bottom:24px}.connect-mcp-url{margin:24px 0;padding:16px;background:var(--code-bg);border-radius:8px}.connect-mcp-url h2{margin-top:0;font-size:16px}.copy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.copy-row code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all;background:transparent}.copy-row button,button.copy-btn{appearance:none;border:1px solid var(--border);background:var(--bg-card);color:var(--fg);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.copy-row button:hover,button.copy-btn:hover{background:var(--code-bg)}.connect-signin{margin:24px 0}.signin-buttons{display:flex;flex-direction:column;gap:8px;margin:12px 0}.signin-btn{display:inline-block;text-align:center;text-decoration:none;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:500}.signin-btn-apple{background:#000;color:#fff}.signin-btn-google{background:#fff;color:#1f1f1f;border:1px solid var(--border)}.note{font-size:13px;color:var(--fg-muted)}.connect-clients h2{margin-bottom:8px}.client-grid{list-style:none;padding:0;display:grid;gap:8px}.client-grid li a{display:block;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--fg)}.client-grid li a:hover{background:var(--code-bg)}.client-name{display:block;font-weight:600}.client-detail{display:block;font-size:13px;color:var(--fg-muted)}.steps{list-style:none;padding:0;margin:24px 0}.steps>li{margin-bottom:24px}.steps h2{font-size:18px;margin-bottom:4px}.steps pre{background:var(--code-bg);padding:12px;border-radius:6px;overflow-x:auto;font-size:13px}.steps pre code{background:transparent;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.steps code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.breadcrumb{font-size:13px;margin-bottom:12px}.back{margin-top:32px;font-size:14px}.not-yet-supported{background:var(--code-bg);border-radius:8px;padding:16px;margin:24px 0}.not-yet-supported p{margin:8px 0}.problem-strip{background:var(--bg-soft);padding:96px clamp(20px,4vw,56px);margin-top:96px}.problem-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}.problem-illustration{width:100%;max-width:360px;height:auto;display:block;justify-self:center}.problem-text .display{font-size:clamp(32px,4.4vw,48px);margin:0 0 20px}.problem-text .lede{color:var(--fg-muted);font-size:clamp(16px,1.5vw,18px);margin:0}@media(max-width:880px){.problem-strip{padding:64px clamp(20px,4vw,32px);margin-top:64px}.problem-inner{grid-template-columns:1fr;gap:32px}.problem-illustration{max-width:280px}}.final-cta{padding:120px clamp(20px,4vw,56px) 96px;background:var(--bg);text-align:center}.final-cta-inner{max-width:640px;margin:0 auto}.final-cta-illustration{width:100%;max-width:180px;height:auto;display:block;margin:0 auto 24px}.final-cta .display{font-size:clamp(28px,4vw,42px);margin:0 0 20px}.final-cta-sub{color:var(--fg-muted);font-size:14px;margin:0 0 28px}@media(max-width:720px){.final-cta{padding:80px clamp(20px,4vw,32px) 64px}}.bento-illustration{display:block;width:140px;max-width:100%;height:auto;margin:0 auto 16px}.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;max-width:1100px;margin:0 auto;padding:96px clamp(20px,4vw,56px)}.feature-row-reverse .feature-illustration-col{order:2}.feature-row-reverse .feature-text-col{order:1}.feature-illustration{width:100%;max-width:440px;height:auto;display:block;margin:0 auto}.feature-text-col .display{font-size:clamp(28px,3.8vw,44px);margin:12px 0 16px}.feature-text-col .lede{color:var(--fg-muted);font-size:clamp(15px,1.4vw,17px);margin:0;max-width:38ch}.feature-phone{margin-top:32px;max-width:220px}.feature-phone .phone-frame{width:100%}@media(max-width:880px){.feature-row{grid-template-columns:1fr;gap:32px;padding:64px clamp(20px,4vw,32px)}.feature-row-reverse .feature-illustration-col,.feature-row-reverse .feature-text-col{order:initial}.feature-illustration{max-width:320px}}.features-header{text-align:center;padding:80px clamp(20px,4vw,56px) 0;max-width:1100px;margin:0 auto}.features-header .display{font-size:clamp(40px,6vw,72px);margin:0}.feature-phone-large{max-width:280px;margin:0 auto}.feature-phone-large .phone-frame{width:100%}.story-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;max-width:880px;margin:0 auto;padding:56px clamp(20px,4vw,32px)}.story-row-reverse .story-illustration-col{order:2}.story-row-reverse .story-text-col{order:1}.story-row-textonly,.story-row-narrow{grid-template-columns:1fr;max-width:640px;text-align:left}.story-row-narrow{text-align:center}.story-illustration{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}.story-row .story-text-col h2{font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(26px,3.4vw,36px);line-height:1.15;margin:0 0 16px}.story-row .story-text-col p{font-family:var(--serif);font-size:19px;line-height:1.7;color:var(--fg);margin:0 0 16px;max-width:60ch}.story-row-narrow .story-text-col p{margin-left:auto;margin-right:auto}@media(max-width:880px){.story-row{grid-template-columns:1fr;gap:24px;padding:40px clamp(20px,4vw,32px)}.story-row-reverse .story-illustration-col,.story-row-reverse .story-text-col{order:initial}}.story-main{padding-top:32px}.story-title{font-family:var(--serif);font-weight:500;font-size:clamp(36px,5vw,56px);line-height:1.1;margin:16px 0}.story-title em{font-style:italic}.story-sub{font-family:var(--serif);font-style:italic;color:var(--fg-muted);font-size:19px;margin:0}