:root {
  --paper:#f9f6f2; --panel:#f4eee5; --ink:#141414; --muted:#555550;
  --green:#94e130; --pink:#fad0f6; --orange:#ffa24d; --purple:#a158eb;
  --ui-line:#eeedeb; --ui-muted:#777; --ui-shadow:0 18px 45px #3d362619,0 3px 8px #3d362608;
  --max:1200px;
}
* { box-sizing:border-box }
html { scroll-behavior:smooth; scroll-padding-top:32px }
body { margin:0; background:var(--paper); color:var(--ink); font:400 18px/1.5 Figtree,Arial,sans-serif; -webkit-font-smoothing:antialiased }
h1,h2,h3,h4,p { margin:0 }
h1,h2 { font-weight:600; letter-spacing:-.05em; line-height:1.1 }
h3 { font-weight:600 }
a { color:inherit; text-decoration:none }
button,input { font:inherit }
button { cursor:pointer }
img { display:block; max-width:100%; height:auto }
button,a { -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #386d00; outline-offset:5px }
button:disabled { cursor:wait }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
.skip-link { position:fixed; left:16px; top:-80px; background:#141414; color:white; padding:12px 20px; z-index:100 }
.skip-link:focus { top:10px }
.button { display:inline-flex; align-items:center; justify-content:center; background:var(--ink); color:white; border:1px solid var(--ink); padding:16px 32px; border-radius:5px; font-weight:600; font-size:20px; line-height:1.2; min-height:54px; transition:background .2s }
.button:hover { background:#33332f; border-color:#33332f }
.button-secondary { background:transparent; color:var(--ink) }
.button-secondary:hover { background:#e9e4db; border-color:#141414 }
.quiet-button { border:0; background:none; padding:8px 0; color:var(--muted); font-size:14px; min-height:40px }
.quiet-button:hover { color:var(--ink); text-decoration:underline; text-underline-offset:4px }
.site-header { max-width:1320px; margin:auto; padding:23px 60px; display:flex; align-items:center; gap:35px; min-height:90px }
.brand { flex-shrink:0 }
.brand img { width:166px }
.site-header nav { margin-left:auto; display:flex; gap:34px; font-size:16px }
.site-header nav a:hover { text-decoration:underline; text-underline-offset:5px }
.header-cta { font-size:16px; min-height:46px; padding:12px 24px }

/* A single promise, followed by a generous product composition. */
.hero { max-width:1360px; margin:0 auto; padding:42px 36px 22px; background:var(--panel); border-radius:16px; overflow:hidden }
.hero-intro { text-align:center; position:relative; z-index:5 }
h1 { font-size:64px; line-height:1.04; max-width:1020px; margin:0 auto 22px }
.hero-intro>p:first-of-type { max-width:620px; margin:auto; font-size:19px; line-height:1.5 }
.hero-action { display:flex; justify-content:center; align-items:center; gap:22px; margin-top:24px }
.hero-action .button { font-size:18px; padding:16px 26px }
.hero-action>span { font-size:19px }
.hero-inclusions { font-size:15px; color:var(--muted); margin-top:13px }
.app-surface { background:white; box-shadow:0 12px 32px #332b2010,0 2px 5px #332b2005; border-radius:10px; font-family:Inter,Arial,sans-serif }
.demo { position:relative }
.sync-demo { max-width:1020px; margin:34px auto 0 }
.sync-scene { position:relative; width:100%; aspect-ratio:1020/390; isolation:isolate; }
.device { position:absolute; font-family:Inter,Arial,sans-serif; transform:none; color:#252525 }
.device-screen { position:relative; height:100%; border:7px solid #252525; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 10px 20px #201e1a18,0 0 0 1px #8d8c87; display:flex; flex-direction:column }
.device-laptop { width:60%; height:94%; left:0; bottom:10px; z-index:1 }
.device-laptop .device-screen { border-radius:11px 11px 2px 2px; border-width:7px 7px 9px; }
.laptop-base { position:absolute; height:12px; bottom:-11px; left:-3%; width:106%; background:linear-gradient(#d9d9d6,#b9bab8); border-radius:1px 1px 45% 45%/1px 1px 70% 70%; box-shadow:0 5px 5px #2828220b }
.laptop-base:before { content:''; position:absolute; width:15%; height:4px; left:42.5%; top:0; border-radius:0 0 5px 5px; background:#a4a5a3 }
.device-tablet { width:40%; height:80%; right:14.4%; bottom:0; z-index:2 }
.device-tablet .device-screen { border:9px solid #242424; border-radius:16px }
.device-phone { width:13.7%; height:73.5%; right:0; bottom:0; z-index:3 }
.device-phone .device-screen { border:6px solid #252525; border-radius:24px }
.desktop-tabs { height:30px; display:flex; gap:14px; align-items:center; background:#f2f1ef; color:#6c6c69; font-size:11px; padding:0 9px }
.desktop-tabs svg { width:14px; height:14px }
.window-dots { display:flex; gap:5px; padding-right:5px }
.window-dots i { width:6px; height:6px; background:#b9b9b4; border-radius:50% }
.active-app-tab { background:#fff; align-self:stretch; display:flex; align-items:center; padding:0 18px; border-radius:7px 7px 0 0; margin-top:4px; min-width:165px }
.device-app-body { display:flex; flex:1; min-height:0 }
.device-rail { display:flex; flex-direction:column; align-items:center; padding:11px 0; gap:13px; width:42px; flex-shrink:0; background:#f5f4f2; color:#666763 }
.device-rail>span { width:27px; height:27px; display:grid; place-items:center; border-radius:50% }
.device-rail svg { width:17px; height:17px }
.device-rail .rail-active { color:white; background:#00a82d }
.device-note { min-width:0; flex:1 }
.device-toolbar { display:flex; align-items:center; gap:12px; height:33px; padding:0 17px; color:#74746e; font-size:10px }
.device-toolbar>span:first-child { flex:1 }
.device-toolbar svg { width:15px; height:15px; flex-shrink:0 }
.device-toolbar .toolbar-space { flex:1 }
.device-toolbar .app-share { font-size:9px; background:#6854ff; color:#fff; padding:3px 10px; border-radius:3px }
.note-body { padding:10px 36px 12px; }
.note-book { display:flex; gap:5px; align-items:center; font-size:10px; color:#787873; margin-bottom:7px }
.note-book svg { width:11px; height:11px }
.note-body h3 { font-size:27px; font-weight:600; letter-spacing:-.04em; line-height:1.15; margin-bottom:6px }
.note-intro { color:#797975; font-size:11px; margin-bottom:11px; }
.note-photo { width:100%; height:81px; object-fit:cover; object-position:50% 52%; border-radius:3px; margin-bottom:13px }
.note-agenda { display:flex; align-items:baseline; gap:16px; padding:5px 8px; margin:0 -8px; font-size:14px; line-height:1.45; border-radius:4px; background:#f0f6e9; }
.time-value { font-weight:600; font-variant-numeric:tabular-nums; min-width:39px; }
.note-address { margin:6px 0 8px 55px; font-size:11px; line-height:1.4; color:#686861 }
.note-address span+span:before { content:' · ' }
.note-agenda.secondary { background:none; color:#6c6c66; font-size:11px; padding-top:0; }
.note-agenda.secondary>span:first-child { min-width:39px }
.device-footer { display:flex; justify-content:space-between; gap:4px; color:#888880; font-size:9px; padding:5px 14px; margin-top:auto }
.device-status { padding:7px 11px 2px; display:flex; justify-content:space-between; color:#555650; font-size:8px; line-height:1.4; }
.status-indicators { display:flex; align-items:center; gap:3px; }.status-wifi { width:10px; height:8px; }.status-battery { width:13px; height:7px; }
.device-tablet .device-rail { width:32px; gap:10px; padding-top:4px }
.device-tablet .device-rail svg { width:14px; height:14px }
.device-tablet .device-rail>span { width:23px; height:23px }
.device-tablet .device-toolbar { height:26px; padding:0 13px; gap:12px }
.device-tablet .device-toolbar svg { width:12px; height:12px }
.device-tablet .note-body { padding:6px 15px 5px }
.device-tablet .note-book { font-size:8px; margin-bottom:5px }
.device-tablet .note-body h3 { font-size:20px; margin-bottom:8px }
.device-tablet .note-intro { display:none }
.device-tablet .note-photo { height:56px; margin-bottom:9px }
.device-tablet .note-agenda { font-size:11px; gap:9px; padding:5px 6px; margin:0 -6px }
.device-tablet .time-value { min-width:31px }
.device-tablet .note-address { font-size:9px; margin:5px 0 6px 40px }
.device-tablet .note-address span { display:block }
.device-tablet .note-address span+span:before { content:'' }
.device-tablet .note-agenda.secondary { display:none }
.device-tablet .device-footer { font-size:7px; padding:4px 10px }
.device-phone .device-status { padding:12px 9px 8px; font-size:9px }
.device-phone .device-toolbar { height:22px; padding:0 9px; gap:8px }
.device-phone .device-toolbar svg { width:12px; height:12px }
.device-phone .device-toolbar svg:nth-child(2) { display:none }
.device-phone .note-body { padding:9px 11px 6px }
.device-phone .note-book { display:none; }
.device-phone .note-body h3 { font-size:18px; margin-bottom:11px }
.device-phone .note-intro { display:none }
.device-phone .note-photo { height:51px; margin-bottom:11px }
.device-phone .note-agenda { flex-direction:column; gap:0; font-size:10px; padding:5px 6px; margin:0 -6px }
.device-phone .time-value { font-size:12px }
.device-phone .note-address { font-size:9px; margin:8px 0 0 }
.device-phone .note-address span { display:block }
.device-phone .note-address span+span:before { content:'' }
.device-phone .note-agenda.secondary { display:none }
.device-phone .device-footer { padding:4px 9px 7px; font-size:6px }
.sync-message { display:flex; align-items:center; justify-content:center; gap:9px; margin:24px auto 0; min-height:30px; text-align:center; font-size:15px; line-height:1.4; color:#5d6056; }
.sync-message img { width:28px; height:28px; }
.sync-demo>.demo-controls { bottom:-4px!important }
.benefits { max-width:var(--max); margin:auto; padding:68px 30px 60px }
h2 { font-size:50px; line-height:1.1 }
.feature-row { display:grid; grid-template-columns:1.05fr 1fr; gap:80px; align-items:center }
.feature-copy { max-width:440px }
.feature-icon { width:64px; height:64px; margin-bottom:20px; object-fit:contain }
.feature-copy>p { margin-top:22px; font-size:18px; line-height:1.55 }
.feature-copy .feature-fact { font-size:15px; color:var(--muted); margin-top:18px }
.offline-scene { height:460px; isolation:isolate }
.offline-photo { position:absolute; left:0; top:8px; width:78%; height:265px; border-radius:10px; transform:rotate(-4deg); overflow:hidden }
.offline-photo img { width:100%; height:100%; object-fit:cover; object-position:30% 50% }
.offline-document { position:absolute; right:0; top:65px; width:330px; padding:25px; transform:rotate(3deg) }
.document-crumb { color:#6b6b6b; font-size:12px; margin-bottom:14px }
.offline-document h3 { font-size:24px; letter-spacing:-.035em; line-height:1.2 }
.offline-document>p { font-size:12px; color:#656565; margin:9px 0 18px }
.offline-note-line { font-size:13px; display:flex; gap:15px; padding:7px 0 }
.offline-note-line strong { font-weight:500 }
.offline-address { display:flex; flex-direction:column; gap:3px; padding:10px 13px; background:#f5f2ed; margin:6px 0; border-radius:4px; font-size:13px }
.offline-address strong { font-weight:600 }
.offline-address span { color:#656565; font-size:12px }
.offline-ready { display:flex; gap:8px; align-items:center; margin-top:14px; font-size:12px; color:#466325 }
.offline-ready>span:first-child { font-size:18px }
.connection-control { position:absolute; right:12px; top:5px; padding:11px 13px; display:flex; align-items:center; gap:12px; background:white; border-radius:8px; box-shadow:var(--ui-shadow); font:500 13px/1.4 Inter,Arial,sans-serif }
#connection-toggle { width:46px; height:32px; background:#94e130; padding:6px; border:0; border-radius:25px; transition:background .25s }
#connection-toggle>span { display:block; width:20px; height:20px; border-radius:100%; background:#fff; transform:translateX(14px); box-shadow:0 1px 3px #0002; transition:transform .25s }
#connection-toggle[aria-checked=false] { background:#93938c }
#connection-toggle[aria-checked=false]>span { transform:translateX(0) }
.offline-scene>.demo-controls { position:absolute; bottom:0; left:0; right:0 }
.more-benefits { padding-top:80px }
.benefits-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:36px }
.benefits-heading h2 { font-size:46px }
.benefits-heading p { color:var(--muted); font-size:18px; max-width:440px; padding-bottom:3px }
.benefit-demos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px }
.small-feature-copy { min-height:137px }
.small-feature h3 { font-size:27px; line-height:1.15; letter-spacing:-.04em; font-weight:600; margin-bottom:14px }
.small-feature-copy p { font-size:16px; line-height:1.5; color:var(--muted); max-width:355px }
.small-feature .demo { padding-top:10px }
.search-scene,.task-scene,.pdf-scene { min-height:328px; display:flex; flex-direction:column; justify-content:space-between }
.search-window { padding:18px; min-height:264px; transform:rotate(-2deg) }
.search-input { display:flex; align-items:center; gap:9px; background:#f7f7f5; padding:12px 10px; border-radius:5px; min-height:68px; font-size:14px; line-height:1.45 }
.search-input img { width:24px; height:24px; flex-shrink:0 }
.typing-caret { display:inline-block; width:1px; height:17px; background:#737373; opacity:0; flex-shrink:0 }
.search-meta { display:flex; justify-content:space-between; color:#727272; font-size:12px; margin:14px 0 }
.search-result h4 { font-size:22px; font-weight:600; letter-spacing:-.03em; margin:6px 0 8px; line-height:1.2 }
.search-result p { font-size:13px; color:#5d5d5d; line-height:1.5 }
.result-source { display:block; font-size:12px; color:#777 }
.source-note { display:inline-block; margin-top:12px; font-size:12px; background:#f9eff8; padding:4px 8px; border-radius:4px }
.task-window { padding:20px; min-height:264px; transform:rotate(1deg) }
.task-window-heading { display:flex; gap:9px; align-items:center; margin-bottom:11px }
.task-window-heading h4 { font-size:16px; font-weight:600; letter-spacing:-.02em }
.task-window-heading img { width:28px; height:28px }
.task-row { display:flex; gap:10px; position:relative; padding:12px 0; cursor:pointer; font-size:13px }
.task-row input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer }
.task-checkbox { width:19px; height:19px; border:1.5px solid var(--purple); border-radius:50%; flex-shrink:0; display:grid; place-items:center; color:var(--purple); font-size:12px; margin-top:1px }
.task-row input:checked+.task-checkbox:after { content:'✓' }
.task-row input:checked~.task-content>span { text-decoration:line-through; color:#777 }
.task-row input:focus-visible+.task-checkbox { outline:3px solid #386d00; outline-offset:5px }
.task-content { display:flex; flex-direction:column; gap:6px }
.task-content small { font-size:12px; color:#6d6d6d; display:flex; align-items:center; gap:4px }
.task-content img { width:16px; height:16px }
.task-status { font-size:12px; color:#717171; margin-top:13px }
.pdf-paper { padding:20px 22px; min-height:264px; transform:rotate(2deg) }
.pdf-heading { display:flex; align-items:center; gap:8px; font-size:12px; color:#777; margin-bottom:12px }
.pdf-heading>span:first-child { padding:3px 4px; border-radius:3px; background:#f1eeea; font-size:12px }
.pdf-paper h4 { font-size:25px; line-height:1.1; letter-spacing:-.04em; margin-bottom:14px; font-weight:600 }
.pdf-paper p { font-size:12px; line-height:1.8; color:#656565 }
.pdf-paper mark { color:inherit; background:linear-gradient(#fad0f6,#fad0f6) left center/0 95% no-repeat; transition:background-size .65s }
.pdf-paper mark.is-marked { background-size:100% 95% }
.annotation-tool { border:0; padding:8px; background:#f7f5f3; font-size:12px; border-radius:5px; display:flex; gap:7px; align-items:center; margin:12px 0 0; min-height:36px }
.pen-swatch { width:14px; height:14px; border-radius:50%; background:var(--pink) }
.plans-section { background:var(--panel) }
.plans-inner { max-width:var(--max); margin:auto; padding:65px 30px 48px }
.personal-offer { display:grid; grid-template-columns:1fr 1.25fr; gap:75px; align-items:start }
.offer-intro h2 { font-size:46px }
.offer-intro>p:not(.offer-price) { font-size:19px; line-height:1.5; margin-top:15px }
.offer-price { font-size:48px; line-height:1; font-weight:500; letter-spacing:-.04em; margin:25px 0 22px }
.offer-price span { font-size:18px; font-weight:400; letter-spacing:0; margin-left:7px }
.professional-option { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:44px; font-size:15px; color:var(--muted) }
.professional-option p { max-width:745px }
.professional-option strong { color:var(--ink); font-weight:500 }
.professional-option p>span { white-space:nowrap }
.text-link { background:none; border:0; border-bottom:1px solid currentColor; padding:6px 0; font-size:15px; color:var(--ink); min-height:40px; white-space:nowrap }
.full-comparison { margin-top:25px }
.full-comparison>summary { cursor:pointer; display:flex; justify-content:space-between; align-items:center; min-height:54px; font-size:17px; font-weight:500; padding:10px 0; list-style:none }
.full-comparison>summary::-webkit-details-marker { display:none }
.disclosure-sign { font-size:27px; font-weight:400; transition:transform .2s }
.full-comparison[open] .disclosure-sign { transform:rotate(45deg) }
.comparison-content { padding:22px 0 6px }
.comparison-wrap { width:100% }
.plan-table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:16px }
.feature-column { width:29% }
.personal-column { background:#e5efda }
.plan-table th,.plan-table td { padding:17px 20px; text-align:left; vertical-align:middle }
.plan-table thead th { vertical-align:top; font-weight:400; padding-top:22px; padding-bottom:25px }
.plan-table thead th:first-child { vertical-align:bottom }
.plan-table thead th:nth-child(3) { border-radius:10px 10px 0 0 }
.plan-name { display:block; font-size:20px; font-weight:600; letter-spacing:-.02em; margin-bottom:18px }
.plan-price { display:block; font-size:36px; letter-spacing:-.04em; line-height:1.2; font-weight:500 }
.plan-term { display:block; margin-top:6px; font-size:13px; color:var(--muted) }
.plan-table .button { font-size:14px; min-height:44px; padding:11px 10px; width:100%; margin-top:22px }
.plan-table tbody th { font-weight:500 }
.plan-table tbody th,.plan-table tbody td { border-top:1px solid #dcd7ce }
.plan-table tbody tr:last-child td:nth-child(3) { border-radius:0 0 10px 10px }
.sync-comparison td:nth-child(3) { color:#355616 }
.compare-label { font-size:15px; color:var(--muted) }
.mobile-plan-choice { display:none }
.site-footer { max-width:1320px; margin:auto; padding:32px 60px; display:flex; align-items:center; justify-content:space-between; gap:25px }
.site-footer>div { display:flex; gap:25px; align-items:center; font-size:13px; color:var(--muted) }
dialog { border:0; border-radius:16px; padding:38px; width:min(500px,calc(100vw - 36px)); max-height:calc(100dvh - 40px); overflow:auto; background:var(--paper); box-shadow:0 25px 80px #0003 }
dialog::backdrop { background:#14141475; backdrop-filter:blur(4px) }
.dialog-close { position:absolute; top:12px; right:16px; border:0; background:none; font-size:32px; padding:0; width:40px; height:40px }
dialog>img { width:144px; height:auto; margin-bottom:33px }
dialog h2 { font-size:40px }
.dialog-price { font-size:42px; margin:22px 0; letter-spacing:-.04em }
.dialog-price span { font-size:16px; letter-spacing:0; margin-left:5px }
dialog ul { padding-left:20px; font-size:16px; line-height:1.8 }
.prototype-note { font-size:14px; color:var(--muted); margin:25px 0 }
.dialog-return { width:100%; font-size:18px }
/* Optional controls live within the artwork, leaving the offer as the main action. */
.demo-controls { position:absolute!important; inset:auto 0 0 auto!important; width:40px; height:40px; min-height:0; padding:0; margin:0!important; display:block; z-index:12; opacity:1 }
.demo-toggle { width:40px; height:40px; min-height:40px; border:0; border-radius:50%; background:transparent; display:grid; place-items:center; padding:0; color:#595953; text-decoration:none!important }
.demo-toggle>span { font-size:23px; line-height:1 }
.demo-toggle[data-state=playing]>span,.demo-toggle[data-state=paused]>span { display:none }
.demo-toggle[data-state=playing]:before { content:''; width:7px; height:12px; border-left:2px solid currentColor; border-right:2px solid currentColor }
.demo-toggle[data-state=paused]:before { content:''; border-left:9px solid currentColor; border-top:6px solid transparent; border-bottom:6px solid transparent; margin-left:2px }
.demo-toggle:hover,.demo-toggle:focus-visible { background:#ffffffa8; color:#141414 }
.sync-demo .demo-controls { bottom:-3px!important }
.sync-message { max-width:calc(100% - 72px); white-space:normal; text-align:center }
.sync-phone .note-address { border-radius:4px }
.query-suggestion { display:block; margin-top:15px; padding:7px 9px; background:#f7f7f5; border:0; border-radius:4px; color:#646461; font:400 12px/1.4 Inter,Arial,sans-serif; min-height:32px; text-align:left }
.query-suggestion:hover,.query-suggestion:focus-visible { color:#141414; background:#f2eaf1 }
.pdf-paper { position:relative }
.annotation-tool { position:absolute; right:15px; bottom:12px; width:38px; height:38px; min-height:38px; padding:0; margin:0; justify-content:center; border-radius:5px; background:transparent }
.annotation-tool:hover,.annotation-tool:focus-visible { background:#f4edf3 }
.annotation-tool[aria-pressed=true] .pen-swatch { box-shadow:0 0 0 3px #f9eff8 }

/* Supporting benefits have less visual weight and a clear reading sequence. */
.benefits { max-width:1200px; padding:110px 30px 85px }
.feature-row { grid-template-columns:1fr 1.12fr; gap:90px; }
.offline-section .feature-copy { grid-column:1; grid-row:1; }
.offline-section .offline-scene { grid-column:2; grid-row:1; }
.feature-copy { max-width:440px }
.feature-icon { width:56px; height:56px; margin-bottom:24px }
h2 { font-size:50px }
.offline-scene { height:440px; background:#f5eadd; border-radius:16px }
.offline-photo { width:69%; height:230px; left:23px; top:28px; transform:none; border-radius:8px }
.offline-document { width:76%; top:112px; right:25px; padding:22px; transform:none; }
.offline-document>p { margin:8px 0 14px }
.offline-note-line { padding:5px 0 }
.offline-ready { margin-top:13px }
.connection-control { top:26px; right:24px; padding:10px 12px; box-shadow:0 6px 16px #332b200c }
.offline-scene>.demo-controls { right:9px!important; bottom:5px!important }
.more-benefits { padding-top:115px }
.benefits-heading { display:block; text-align:center; margin-bottom:64px }
.benefits-heading h2 { font-size:48px }
.benefits-heading p { margin:20px auto 0; max-width:570px; font-size:18px; }
.benefit-demos { display:grid; grid-template-columns:1fr 1fr; gap:66px 72px }
.small-feature-copy { min-height:0 }
.small-feature h3 { font-size:33px; line-height:1.13; margin-bottom:15px }
.small-feature-copy p { font-size:17px; max-width:420px }
.small-feature .demo { padding-top:0; margin-top:25px }
.search-section { grid-column:1/-1; display:grid; grid-template-columns:1.12fr 1fr; gap:90px; align-items:center; margin-bottom:4px }
.search-section .small-feature-copy { grid-column:2; grid-row:1 }
.search-section .search-scene { grid-column:1; grid-row:1; margin:0 }
.search-section h3 { font-size:45px; letter-spacing:-.045em }
.search-scene { background:#f1e9f2; min-height:350px; padding:28px!important; border-radius:16px; justify-content:center }
.search-window { min-height:0; padding:22px; transform:none; }
.search-input { min-height:58px; font-size:15px; padding:12px; }
.search-meta { margin:14px 0 18px; }
.search-result h4 { font-size:27px; margin-bottom:8px }
.search-result p { font-size:14px; max-width:350px }
.source-note { margin-top:15px; font-size:12px; padding:4px 7px }
.query-suggestion { display:block; margin-top:16px; padding:5px 0; border:0; border-radius:0; background:transparent; color:#696568; font:400 12px/1.4 Inter,Arial,sans-serif; min-height:28px; text-align:left; opacity:0; transition:opacity .25s }
.search-scene:hover .query-suggestion,.search-scene:focus-within .query-suggestion { opacity:1 }
.query-suggestion:hover { color:#141414; text-decoration:underline; text-underline-offset:3px }
.task-scene,.pdf-scene { min-height:330px; }
.task-window,.pdf-paper { min-height:330px; transform:none; }
.task-window { padding:28px; }
.task-window-heading { margin-bottom:20px; gap:12px }
.task-window-heading h4 { font-size:19px }
.task-row { font-size:15px; padding:14px 0; }
.task-content small { font-size:13px; }
.task-status { margin-top:22px; font-size:13px }
.pdf-paper { padding:0; overflow:hidden }
.pdf-heading { padding:13px 22px; margin:0; background:#f1f0ed; font-size:12px; gap:9px; }
.pdf-document { position:relative; padding:22px 27px 26px; }
.pdf-document .pdf-kicker { font-family:Inter,Arial,sans-serif; font-size:9px; letter-spacing:.12em; color:#74625e; margin:0 0 9px }
.pdf-document h4 { font-family:Georgia,serif; font-size:29px; line-height:1.03; letter-spacing:-.025em; margin-bottom:13px; font-weight:400 }
.pdf-document h4 br { display:none }
.pdf-document p { font-size:12px; line-height:1.6; max-width:360px; margin-top:8px; }
.pdf-note { font:italic 14px/1.4 Georgia,serif; color:#885b75; margin-top:16px; }
.pdf-page-number { position:absolute; right:26px; bottom:22px; color:#99938a; font-size:10px }
.pdf-paper .annotation-tool { bottom:8px; right:9px; }
.plans-inner { padding:74px 30px 44px }
.personal-offer { grid-template-columns:.95fr 1.1fr; gap:80px }
.offer-intro h2 { font-size:46px }
.professional-option { margin-top:48px }
.full-comparison { margin-top:22px }
.demo-controls { position:absolute!important; inset:auto 0 0 auto!important; width:40px; height:40px; min-height:0; padding:0; margin:0!important; display:block; z-index:12; }
.demo-toggle { width:40px; height:40px; border:0; border-radius:50%; background:transparent; display:grid; place-items:center; color:#595953; cursor:pointer }
.demo-toggle>span { font-size:23px; line-height:1; }
.annotation-tool { position:absolute; }
.sync-message { max-width:calc(100% - 72px); }
@media(hover:hover) and (pointer:fine) { .demo-toggle,.annotation-tool { opacity:0; transition:opacity .2s,background .2s }.demo:hover .demo-toggle,.demo:focus-within .demo-toggle,.demo:hover .annotation-tool,.demo:focus-within .annotation-tool { opacity:1 } }
@media(hover:none) { .query-suggestion { opacity:1; min-height:40px }.demo-toggle { opacity:1 } }
html.motion-off { scroll-behavior:auto }
.motion-off *, .motion-off *:after { transition-duration:.001ms!important; animation-duration:.001ms!important }
@media(max-width:1400px) { .hero { margin:0 28px }.site-header,.site-footer { padding-left:40px; padding-right:40px } }
@media(max-width:1100px) {
 .hero { padding:38px 30px 22px }h1 { font-size:58px }
 .sync-scene { aspect-ratio:1020/410 }
 .device-laptop { width:64%; height:93%; }
 .device-tablet { width:33%; right:15%; height:69%; }
 .device-phone { width:15.4%; height:78%; }
 .note-body { padding:7px 24px 9px }.note-body h3 { font-size:24px }.note-photo { height:68px; margin-bottom:10px }.note-intro { margin-bottom:8px }
 .device-tablet .note-body { padding:5px 10px }.device-tablet .note-body h3 { font-size:18px }.device-tablet .note-photo { height:44px; margin-bottom:8px }.device-tablet .note-book { display:none }.device-tablet .note-address { margin-left:0 }.device-tablet .note-address span { display:inline }
 .device-phone .note-body { padding:8px }.device-phone .note-body h3 { font-size:16px; margin-bottom:8px }.device-phone .note-photo { height:40px; margin-bottom:8px }.device-phone .note-book { display:none }.device-phone .note-address { font-size:8px }.device-phone .device-footer { font-size:6px }
 .benefits { padding:85px 40px 70px }.feature-row,.search-section { gap:55px }h2 { font-size:45px }.feature-copy>p { font-size:17px }
 .offline-scene { height:415px }.offline-document { width:84%; right:14px; padding:20px; }.offline-document h3 { font-size:22px }.offline-document>p { font-size:11px }.offline-address { padding:10px }.offline-ready { font-size:11px }
 .more-benefits { padding-top:90px }.benefits-heading { margin-bottom:48px }.benefits-heading h2 { font-size:44px }.benefit-demos { gap:52px 40px }.search-section h3 { font-size:39px }.search-scene { padding:24px!important; min-height:350px }.search-window { padding:18px }.search-result h4 { font-size:25px }
 .small-feature h3 { font-size:30px }.search-section h3 { font-size:39px }.small-feature-copy p { font-size:16px }.task-window { padding:23px }.task-row { font-size:14px }.task-window-heading h4 { font-size:17px }.task-content small { font-size:12px }.pdf-document { padding:22px }
 .personal-offer { gap:45px }.offer-intro h2 { font-size:40px }.plans-inner { padding-left:40px; padding-right:40px }.plan-table th,.plan-table td { padding-left:13px; padding-right:13px }.plan-table .button { font-size:12px }
 .capacity { gap:19px }.capacity-stat { min-width:119px }.capacity-copy p { font-size:14px }.capacity-copy h3 { font-size:21px }
}
@media(max-width:820px) and (min-width:681px) {
 .site-header nav { gap:20px }.site-header { gap:22px; padding-left:28px; padding-right:28px }.brand img { width:145px }.header-cta { padding:12px 16px; font-size:14px }
 h1 { font-size:50px }.hero-intro>p:first-of-type { max-width:510px; font-size:18px }.sync-demo { margin-top:30px }.sync-scene { height:365px; aspect-ratio:auto }.device-laptop { width:84%; height:92%; }.device-tablet { display:none }.device-phone { width:24%; height:80%; right:0 }
 .device-phone .note-body h3 { font-size:19px }.device-phone .note-photo { height:50px }.device-phone .note-book { display:none }.device-phone .note-agenda { font-size:11px }.device-phone .note-address { font-size:9px }.device-laptop .note-body { padding:9px 28px }.device-laptop .note-photo { height:80px }.device-laptop .note-agenda { font-size:13px }.device-laptop .note-agenda.secondary { display:none }
 .benefits { padding:72px 30px 65px }.feature-row,.search-section { gap:30px; grid-template-columns:1fr 1fr }.feature-copy h2 { font-size:38px }.feature-icon { width:48px; height:48px; margin-bottom:18px }.offline-scene { height:400px }.offline-document { top:105px; width:90%; right:10px; padding:17px }.offline-document h3 { font-size:20px }.offline-note-line { font-size:11px; gap:9px }.offline-address span { font-size:11px }.offline-ready { font-size:10px }.offline-photo { left:15px; top:25px; width:78%; height:220px }
 .search-section h3 { font-size:36px }.search-scene { padding:18px!important; min-height:360px }.search-input { font-size:13px; padding:9px }.search-result p { font-size:12px }.search-result h4 { font-size:23px }.search-meta { font-size:10px }.source-note { font-size:10px }.benefit-demos { gap:48px 30px }.task-window { padding:19px }.task-row { font-size:12px }.task-content small { font-size:11px }.task-window-heading h4 { font-size:15px }.small-feature h3 { font-size:27px }.search-section h3 { font-size:36px }.pdf-document h4 { font-size:28px }
 .offer-benefits ul { grid-template-columns:1fr; gap:13px }.offer-benefits li { font-size:15px }.personal-offer { grid-template-columns:1fr 1fr; gap:38px }.offer-intro h2 { font-size:37px }.offer-intro>p:not(.offer-price) { font-size:18px }.offer-intro .button { padding:16px 20px; font-size:17px }.capacity>img { width:40px }.capacity-stat { min-width:98px }.capacity-stat span { font-size:13px }.capacity-stat strong { font-size:25px }.capacity-copy h3 { font-size:20px }
}
@media(max-width:680px) {
 body { font-size:16px }.site-header { padding:16px 20px; min-height:74px; gap:15px }.brand img { width:133px }.site-header nav { display:none }.header-cta { margin-left:auto; font-size:14px; padding:11px 14px; min-height:42px }
 .hero { margin:0 12px; padding:29px 17px 20px; border-radius:13px }h1 { font-size:39px; line-height:1.06; margin-bottom:19px }.hero-intro>p:first-of-type { font-size:17px; line-height:1.45; max-width:430px }.hero-action { flex-wrap:wrap; gap:13px; margin-top:21px }.hero-action .button { padding:14px 17px; font-size:16px; min-height:48px }.hero-action>span { font-size:16px }.hero-inclusions { font-size:13px; max-width:290px; margin:13px auto 0 }
 .sync-demo { margin-top:29px; }.sync-scene { aspect-ratio:auto; height:340px; }.device-laptop { width:91%; height:82%; bottom:39px; left:0 }.device-phone { width:39%; height:80%; bottom:0; right:-3px; }.device-tablet { display:none }.device-screen { border-width:5px; border-radius:8px }.device-laptop .device-screen { border-width:5px 5px 7px; border-radius:8px 8px 1px 1px }.device-phone .device-screen { border-width:5px; border-radius:21px }.laptop-base { height:8px; bottom:-7px; }.desktop-tabs { height:25px; font-size:8px; gap:8px; padding:0 7px }.window-dots { gap:3px; padding:0 }.window-dots i { width:4px; height:4px }.desktop-tabs svg { width:10px; height:10px }.active-app-tab { min-width:0; padding:0 10px }
 .device-rail { width:29px; gap:10px; padding-top:8px }.device-rail svg { width:12px; height:12px }.device-rail>span { width:21px; height:21px }.device-laptop .device-toolbar { padding:0 9px; height:22px; font-size:7px; gap:6px }.device-toolbar .app-share { display:none }.device-laptop .note-body { padding:7px 13px }.device-laptop .note-book { display:none }.device-laptop .note-body h3 { font-size:20px; margin-bottom:10px }.device-laptop .note-intro { display:none }.device-laptop .note-photo { height:62px; margin-bottom:11px }.device-laptop .note-agenda { font-size:11px; gap:7px; margin:0 -5px; padding:5px }.device-laptop .time-value { min-width:31px }.device-laptop .note-address { margin-left:0; max-width:100px; font-size:9px }.device-laptop .note-address span { display:block }.device-laptop .note-address span+span:before { content:'' }.device-laptop .note-agenda.secondary { display:none }.device-laptop .device-footer { font-size:7px; padding:4px 8px }
 .device-phone .device-status { padding:10px 8px 6px; font-size:8px }.device-phone .device-toolbar { gap:7px; height:21px; padding:0 8px }.device-phone .device-toolbar svg { width:11px; height:11px }.device-phone .note-body { padding:8px }.device-phone .note-book { display:none }.device-phone .note-body h3 { font-size:17px; margin-bottom:10px }.device-phone .note-photo { height:49px; margin-bottom:10px }.device-phone .note-agenda { font-size:10px; padding:4px 5px; margin:0 -5px }.device-phone .time-value { font-size:12px }.device-phone .note-address { font-size:9px; margin-top:8px }.device-phone .device-footer { font-size:6px; padding:4px 8px 9px }.device-phone .device-footer>span+span { display:none }
 .sync-message { margin-top:18px; font-size:12px; max-width:calc(100% - 48px); gap:7px; justify-content:flex-start; text-align:left; margin-left:0; min-height:35px }.sync-message img { width:25px; height:25px; flex-shrink:0 }
 .benefits { padding:62px 24px 52px }h2 { font-size:37px }.feature-row { display:flex; flex-direction:column; gap:30px }.feature-copy { order:0; width:100%; max-width:none }.feature-icon { width:48px; height:48px; margin-bottom:20px }.feature-copy>p { font-size:17px; margin-top:18px }.feature-copy .feature-fact { font-size:14px; margin-top:14px }.offline-scene { order:1; width:100%; height:412px; max-width:440px; }.offline-document { top:100px; width:85%; right:15px; padding:20px }.offline-photo { left:19px; top:24px; width:74%; height:235px }.offline-document h3 { font-size:23px }.offline-document>p { font-size:11px }.offline-note-line { font-size:12px; gap:13px }.offline-ready { font-size:11px }.offline-address span { font-size:11px }.connection-control { right:17px; top:22px; padding:9px 11px }
 .more-benefits { padding-top:67px }.benefits-heading { text-align:left; margin-bottom:36px }.benefits-heading h2 { font-size:36px }.benefits-heading p { font-size:17px; margin-top:18px }.benefits-heading h2 br { display:none }
 .benefit-demos { display:flex; flex-direction:column; gap:45px }.small-feature,.search-section { display:block; margin:0 }.small-feature h3,.search-section h3 { font-size:30px }.search-section h3 br { display:none }.search-section .feature-icon { display:none }.small-feature-copy p { max-width:none; font-size:16px }.small-feature .demo,.search-section .search-scene { margin-top:24px; }.search-scene { min-height:342px; padding:21px!important; }.search-window { padding:18px; }.search-input { font-size:13px; padding:10px; min-height:58px }.search-result h4 { font-size:25px }.search-result p { font-size:13px }.search-meta { font-size:11px }.source-note { font-size:11px }.query-suggestion { font-size:11px }
 .task-scene,.pdf-scene,.task-window,.pdf-paper { min-height:300px }.task-window { padding:24px }.task-window-heading { margin-bottom:18px }.task-window-heading h4 { font-size:17px }.task-row { font-size:14px; padding:13px 0 }.task-content small { font-size:12px }.task-status { font-size:12px; margin-top:20px }.pdf-document { padding:23px }.pdf-document h4 { font-size:29px }.pdf-document p { font-size:12px }.pdf-heading { padding:12px 21px }.pdf-document .pdf-kicker { font-size:9px }
 .capacity { display:grid; grid-template-columns:1fr 1fr; gap:25px 20px; margin-top:49px; padding-top:0 }.capacity>img { display:none }.capacity-copy { grid-column:1/-1 }.capacity-copy h3 { font-size:26px; margin-bottom:10px }.capacity-copy p { font-size:16px }.capacity-stat { min-width:0 }.capacity-stat strong { font-size:31px }.capacity-stat span { font-size:15px }
 .plans-inner { padding:47px 24px 29px }.personal-offer { grid-template-columns:1fr; gap:33px }.offer-intro h2 { font-size:38px }.offer-intro>p:not(.offer-price) { font-size:18px }.offer-price { font-size:44px; margin:23px 0 21px }.offer-intro .button { width:100%; font-size:18px }.offer-benefits { padding:0 }.offer-benefits h3 { font-size:23px; margin-bottom:22px }.offer-benefits ul { grid-template-columns:1fr; gap:17px }.offer-benefits li { font-size:16px }.offer-benefits li>span { font-size:13px }.professional-option { display:block; margin-top:32px; font-size:15px }.professional-option .text-link { margin-top:10px }.full-comparison { margin-top:20px }.full-comparison>summary { font-size:16px }
 .mobile-plan-choice { display:flex; gap:24px; justify-content:center; margin:0 auto 20px }.mobile-plan-choice button { border:0; border-bottom:2px solid transparent; background:none; padding:8px 0; font-size:16px; min-height:44px; color:#6b6b66 }.mobile-plan-choice button[aria-pressed=true] { color:#141414; border-color:#141414 }
 .plan-table colgroup { display:none }.plan-table tr>th:first-child { width:39% }.plan-table tr>:nth-child(2) { width:24% }.plan-table tr>:nth-child(3),.plan-table tr>:nth-child(4) { width:37% }.plan-table:not(.show-professional) tr>:nth-child(4),.plan-table.show-professional tr>:nth-child(3) { display:none }.plan-table:not(.show-professional) tr>:nth-child(3) { background:#e5efda }.plan-table.show-professional tr>:nth-child(4) { background:#ebe4f2 }
 .plan-table th,.plan-table td { padding:14px 8px; font-size:14px; line-height:1.35 }.plan-table .plan-name { font-size:17px; letter-spacing:-.035em; margin-bottom:16px }.plan-table .plan-price { font-size:28px }.plan-table .plan-term { font-size:12px; min-height:32px }.plan-table .button { font-size:12px; padding:9px 5px; min-height:50px; margin-top:14px }.plan-table thead th:first-child { font-size:14px }.plan-table thead th:nth-child(4) { border-radius:10px 10px 0 0 }.plan-table tbody tr:last-child td:nth-child(4) { border-radius:0 0 10px 10px }
 .site-footer { padding:25px 24px; align-items:start }.site-footer img { width:124px }.site-footer>div { flex-direction:column; align-items:end; gap:3px; font-size:12px }.site-footer .quiet-button { font-size:13px; padding:0; min-height:32px }
}
@media(max-width:380px) { h1 { font-size:36px }.hero-action { gap:10px }.hero-action .button { font-size:15px; padding:14px 13px }.hero-action>span { font-size:15px }.brand img { width:125px }.header-cta { font-size:13px; padding:11px 12px }.hero { padding-left:15px; padding-right:15px }.device-phone { width:40%; }.device-phone .note-body h3 { font-size:16px }.device-laptop .note-body h3 { font-size:18px }.plan-table .plan-name { font-size:15px }.plan-table .plan-price { font-size:25px }.plan-table th,.plan-table td { padding:13px 6px; font-size:13px } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto }*,*:after { transition-duration:.001ms!important; animation-duration:.001ms!important } }
@media print { .site-header,.site-footer,.demo-controls,dialog { display:none!important }.full-comparison>.comparison-content { display:block!important }.hero { margin:0 }.demo { break-inside:avoid } }

/* The complete upgrade offer: genuine Evernote icons, open space, one purchase action. */
.plans-inner { padding-top:82px; }
.overview-heading { text-align:center; margin-bottom:54px; }
.overview-heading h2 { font-size:50px; }
.overview-heading p { margin:18px auto 0; color:var(--muted); font-size:18px; }
.upgrade-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:43px 72px; }
.upgrade-grid li { min-width:0; }
.upgrade-grid img { width:64px; height:64px; display:block; object-fit:contain; margin:0 0 17px; }
.upgrade-grid h3 { font-size:22px; line-height:1.25; letter-spacing:-.025em; font-weight:600; margin:0 0 10px; }
.upgrade-grid p { font-size:16px; line-height:1.5; color:var(--muted); max-width:295px; }
.upgrade-grid p strong { color:var(--ink); font-weight:500; }
.personal-offer { display:flex; justify-content:space-between; align-items:center; gap:32px; margin-top:63px; padding:30px 34px; border-radius:12px; background:var(--paper); }
.offer-intro h3 { font-size:30px; line-height:1.15; letter-spacing:-.04em; font-weight:600; }
.offer-intro>p:not(.offer-price) { margin-top:9px; font-size:16px; color:var(--muted); }
.offer-action { display:flex; align-items:center; gap:30px; flex-shrink:0; }
.offer-price { margin:0; font-size:38px; white-space:nowrap; }
.offer-price span { font-size:16px; margin-left:4px; }
.offer-action .button { white-space:nowrap; }
.professional-option { margin-top:31px; }
.full-comparison { margin-top:18px; }
@media(max-width:1100px) {
 .upgrade-grid { column-gap:40px; }.upgrade-grid h3 { font-size:21px; }
 .personal-offer { padding:28px; gap:24px; }.offer-action { gap:20px; }.offer-action .button { font-size:16px; padding:15px 23px; }
 .offer-intro h3 { font-size:27px; }.offer-price { font-size:34px; }
}
@media(max-width:820px) {
 .overview-heading h2 { font-size:43px; }.upgrade-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px 48px; }
 .personal-offer { align-items:flex-start; }.offer-action { flex-direction:column; align-items:flex-start; gap:17px; }.offer-intro { max-width:255px; }
 .offer-intro>p:not(.offer-price) { font-size:16px; }.offer-price { font-size:34px; }
}
@media(max-width:680px) {
 .plans-inner { padding-top:53px; }.overview-heading { text-align:left; margin-bottom:36px; }.overview-heading h2 { font-size:36px; max-width:280px; }.overview-heading p { font-size:17px; margin-top:17px; max-width:310px; margin-left:0; }
 .upgrade-grid { gap:31px 23px; }.upgrade-grid img { width:50px; height:50px; margin-bottom:14px; }.upgrade-grid h3 { font-size:19px; line-height:1.2; margin-bottom:9px; }.upgrade-grid p { font-size:15px; line-height:1.45; }.upgrade-grid p br { display:none; }
 .personal-offer { display:block; padding:25px 22px; margin-top:40px; border-radius:10px; }.offer-intro { max-width:none; }.offer-intro h3 { font-size:29px; }.offer-action { margin-top:25px; gap:20px; align-items:stretch; }.offer-price { font-size:36px; }.offer-action .button { width:100%; font-size:17px; }
 .professional-option { margin-top:26px; }
}
@media(max-width:350px) { .upgrade-grid { column-gap:18px; }.upgrade-grid h3 { font-size:18px; }.upgrade-grid p { font-size:14px; } }

/* Each upgrade gets its own product composition and one optional demo action. */
.benefits { max-width:1260px; padding:65px 30px; }
.feature-chapter { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.18fr); gap:64px; align-items:center; padding:48px; border-radius:16px; margin:0 0 36px; background:#f4eee5; }
.feature-chapter:last-child { margin-bottom:0; }
.chapter-search { background:#f1ecf4; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); }
.chapter-pdf { background:#f5eee8; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); }
.chapter-search .chapter-copy,.chapter-pdf .chapter-copy { grid-column:2; grid-row:1; }
.chapter-search .demo,.chapter-pdf .demo { grid-column:1; grid-row:1; }
.chapter-copy,.feature-chapter .feature-copy { max-width:440px; }
.chapter-copy .feature-icon { width:58px; height:58px; margin-bottom:25px; }
.chapter-copy h2 { font-size:43px; line-height:1.08; letter-spacing:-.045em; }
.chapter-copy>p { font-size:18px; line-height:1.5; margin-top:21px; }
.chapter-copy .feature-fact { font-size:14px; color:var(--muted); margin-top:13px; }
.chapter-try { font-size:16px; min-height:47px; margin-top:26px; padding:13px 22px; font-weight:600; background:transparent; }
.chapter-try:hover { background:#141414; color:#fff; }
.feature-chapter .demo { width:100%; min-width:0; height:430px; min-height:0; padding:0!important; margin:0; background:none; border-radius:0; }
.chapter-offline .offline-scene { height:430px; }
.chapter-offline .offline-photo { width:78%; height:240px; top:10px; left:0; }
.chapter-offline .offline-document { width:83%; right:0; top:116px; padding:23px; }
.chapter-offline .connection-control { top:23px; right:0; }
.chapter-offline .offline-document h3 { font-size:25px; }.chapter-offline .offline-document>p { font-size:12px; }
.chapter-offline .offline-note-line { font-size:13px; }.chapter-offline .offline-address span { font-size:12px; }.chapter-offline .offline-ready { font-size:12px; }
.feature-chapter .demo-controls { right:-8px!important; bottom:-12px!important; }
.chapter-search .search-window { position:absolute; width:94%; min-height:0; height:308px; top:0; left:0; padding:24px; transform:none; z-index:2; }
.chapter-search .search-input { padding:12px; min-height:56px; font-size:15px; gap:8px; }
.chapter-search .search-input img { width:24px; height:24px; }
.chapter-search .search-meta { font-size:11px; margin:13px 0 17px; }
.chapter-search .search-result h4 { font-size:29px; margin:0 0 9px; }
.chapter-search .search-result p { font-size:14px; line-height:1.5; max-width:335px; }
.chapter-search .source-note { font-size:11px; margin-top:13px; }
.chapter-search .query-suggestion { position:absolute; bottom:16px; left:24px; font-size:11px; margin:0; padding:4px 0; min-height:26px; }
.search-note-preview { position:absolute; width:69%; height:217px; right:0; bottom:0; padding:19px 20px; z-index:3; }
.search-note-preview .document-crumb { font-size:10px; margin-bottom:7px; }
.search-note-preview h4 { font-size:20px; letter-spacing:-.025em; line-height:1.2; margin-bottom:11px; }
.search-note-preview img { height:58px; width:100%; object-fit:cover; border-radius:3px; margin-bottom:10px; }
.search-note-preview p { font-size:11px; line-height:1.5; color:#62625d; }.search-note-preview strong { color:#262626; font-weight:500; }
.chapter-tasks .task-scene { display:flex; justify-content:center; }
.chapter-tasks .task-window { width:100%; min-height:0; height:auto; padding:31px; transform:none; }
.chapter-tasks .task-window-heading { margin-bottom:29px; gap:11px; }.chapter-tasks .task-window-heading h4 { font-size:23px; }.chapter-tasks .task-window-heading img { width:31px; height:31px; }
.chapter-tasks .task-row { padding:18px 0; gap:13px; font-size:17px; }.chapter-tasks .task-checkbox { width:22px; height:22px; margin-top:2px; }
.chapter-tasks .task-content small { font-size:13px; min-height:21px; }.chapter-tasks .task-content>span { min-height:26px; }
.chapter-tasks .task-status { font-size:13px; margin-top:29px; }
.chapter-pdf .pdf-paper { height:430px; min-height:0; width:100%; transform:none; padding:0; }
.chapter-pdf .pdf-heading { padding:14px 24px; font-size:12px; }
.chapter-pdf .pdf-document { padding:27px 30px; }
.chapter-pdf .pdf-document .pdf-kicker { font-size:10px; margin:0 0 14px; }
.chapter-pdf .pdf-document h4 { font-size:36px; font-weight:400; margin:0 0 19px; }.chapter-pdf .pdf-document h4 br { display:none; }
.chapter-pdf .pdf-document p { font-size:14px; line-height:1.55; max-width:390px; margin-top:11px; }
.chapter-pdf .pdf-note { font:400 13px/1.45 Inter,Arial,sans-serif; background:#fbf2f9; border-radius:5px; padding:11px 13px; margin-top:23px; min-height:65px; color:#6e4361; }
.pdf-note-label { display:block; font-size:10px; font-weight:600; margin-bottom:4px; }
.chapter-pdf .pdf-page-number { display:none; }
.chapter-pdf .annotation-tool { right:13px; bottom:10px; }
.pdf-paper mark { transition:background-size .3s; }
.hero-note-task { display:flex; align-items:center; gap:7px; margin-top:8px; font-size:11px; line-height:1.4; }
.hero-check { display:grid; place-items:center; flex-shrink:0; width:13px; height:13px; border:1px solid #a158eb; border-radius:50%; color:transparent; font-size:9px; }
.hero-note-task.is-done .hero-check { background:#a158eb; color:white; }
.hero-note-task.is-done>span+span { text-decoration:line-through; color:#787873; }
.hero-location { min-height:1.4em; }
.is-editing { background:#ede4f7!important; }
.hero-location.is-editing:after,.time-value.is-editing:after,#new-task-text.is-editing:after { content:''; display:inline-block; height:.95em; border-right:1px solid currentColor; vertical-align:-.1em; margin-left:1px; }
.device-laptop .note-intro { display:none; }.device-laptop .note-photo { height:74px; }
.device-tablet .hero-note-task { font-size:9px; margin-top:6px; gap:5px; }.device-tablet .hero-check { width:11px; height:11px; }
.device-phone .hero-note-task { font-size:8px; margin-top:7px; gap:4px; }.device-phone .hero-check { width:10px; height:10px; font-size:7px; }
@media(max-width:1100px) {
 .benefits { padding:55px 28px; }.feature-chapter { padding:35px; gap:38px; }.chapter-copy h2 { font-size:37px; }.chapter-copy>p { font-size:17px; }.chapter-copy .feature-icon { width:51px; height:51px; margin-bottom:21px; }
 .chapter-search .search-window { padding:20px; }.chapter-search .search-input { font-size:14px; }.chapter-search .search-result h4 { font-size:25px; }.chapter-search .search-result p { font-size:13px; }.search-note-preview { width:77%; padding:17px; }.search-note-preview h4 { font-size:19px; }
 .chapter-tasks .task-window { padding:25px; }.chapter-tasks .task-window-heading h4 { font-size:20px; }.chapter-tasks .task-row { font-size:15px; }.chapter-tasks .task-content small { font-size:12px; }
 .chapter-pdf .pdf-document { padding:25px; }.chapter-pdf .pdf-document h4 { font-size:32px; }.chapter-pdf .pdf-document p { font-size:13px; }.chapter-pdf .pdf-note { font-size:12px; }
 .chapter-offline .offline-document { width:89%; padding:20px; }.chapter-offline .offline-document h3 { font-size:22px; }.chapter-offline .offline-ready { font-size:11px; }
}
@media(max-width:820px) {
 .feature-chapter { gap:28px; padding:29px; }.chapter-copy h2 { font-size:32px; }.chapter-copy>p { font-size:16px; }.chapter-try { font-size:15px; padding:12px 17px; }
 .chapter-search .search-window { width:100%; padding:17px; }.chapter-search .search-input { font-size:12px; padding:10px; }.chapter-search .search-result h4 { font-size:24px; }.chapter-search .search-result p { font-size:12px; }.chapter-search .query-suggestion { left:17px; font-size:10px; }.search-note-preview { width:88%; padding:15px; }
 .chapter-tasks .task-window { padding:23px 19px; }.chapter-tasks .task-window-heading h4 { font-size:18px; }.chapter-tasks .task-window-heading img { width:27px; height:27px; }.chapter-tasks .task-row { font-size:14px; gap:9px; }.chapter-tasks .task-content small { font-size:11px; }
 .chapter-pdf .pdf-document { padding:23px 20px; }.chapter-pdf .pdf-document h4 { font-size:29px; }.chapter-pdf .pdf-document p { font-size:12px; }.chapter-pdf .pdf-note { margin-top:17px; }
 .chapter-offline .offline-document { padding:18px; width:95%; }.chapter-offline .offline-note-line { font-size:11px; }.chapter-offline .offline-address span { font-size:11px; }.chapter-offline .offline-ready { font-size:10px; }
}
@media(max-width:680px) {
 .benefits { padding:38px 12px; }.feature-chapter { display:flex; flex-direction:column; gap:31px; padding:29px 22px; margin-bottom:20px; border-radius:13px; }
 .chapter-copy,.feature-chapter .feature-copy { order:0; width:100%; max-width:none; }.chapter-copy .feature-icon { width:49px; height:49px; margin-bottom:20px; }.chapter-copy h2 { font-size:34px; }.chapter-copy>p { font-size:17px; margin-top:18px; }.chapter-copy h2 br { display:none; }.chapter-try { margin-top:22px; font-size:16px; }
 .feature-chapter .demo { order:1; height:415px; }.chapter-offline .offline-scene { height:415px; }.chapter-offline .offline-document { width:90%; padding:19px; top:111px; }.chapter-offline .offline-document h3 { font-size:23px; }.chapter-offline .offline-ready { font-size:11px; }.chapter-offline .connection-control { top:18px; }
 .chapter-search .search-window { height:295px; padding:19px; }.chapter-search .search-input { font-size:13px; }.chapter-search .search-meta { font-size:10px; }.chapter-search .query-suggestion { left:19px; }.search-note-preview { width:85%; height:210px; padding:17px; }.search-note-preview p { font-size:11px; }
 .chapter-tasks .task-scene { height:350px; }.chapter-tasks .task-window { padding:24px 21px; }.chapter-tasks .task-row { font-size:15px; padding:15px 0; }.chapter-tasks .task-window-heading { margin-bottom:20px; }.chapter-tasks .task-window-heading h4 { font-size:19px; }.chapter-tasks .task-content small { font-size:12px; }.chapter-tasks .task-status { margin-top:23px; }
 .chapter-pdf .pdf-paper { height:415px; }.chapter-pdf .pdf-document { padding:23px; }.chapter-pdf .pdf-document p { font-size:13px; }.chapter-pdf .pdf-document h4 { font-size:30px; }.chapter-pdf .pdf-note { font-size:12px; }
 .device-laptop .note-photo { height:60px; }.device-laptop .hero-note-task { font-size:9px; margin-top:6px; }.device-laptop .hero-check { width:11px; height:11px; }.device-phone .hero-note-task { font-size:7px; }.device-phone .hero-check { width:9px; height:9px; }
}

.chapter-search .query-suggestion { display:none; }

.faq-section { max-width:1200px; margin:0 auto; padding:70px 30px 48px; display:grid; grid-template-columns:.8fr 1.2fr; gap:65px; align-items:start; }
.faq-section h2 { font-size:39px; line-height:1.1; }
.faq-list details { border-bottom:1px solid #dfdbd3; }
.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; font-size:18px; font-weight:500; line-height:1.4; padding:19px 0; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary>span { font-size:25px; font-weight:400; flex-shrink:0; line-height:1; transition:transform .2s; }
.faq-list details[open] summary>span { transform:rotate(45deg); }
.faq-list p { font-size:16px; line-height:1.55; color:var(--muted); padding:0 32px 22px 0; }
@media(max-width:820px) { .faq-section { gap:35px; }.faq-section h2 { font-size:34px; }.faq-list summary { font-size:17px; } }
@media(max-width:680px) { .faq-section { display:block; padding:45px 24px 28px; }.faq-section h2 { font-size:34px; margin-bottom:21px; }.faq-section h2 br { display:none; }.faq-list summary { font-size:17px; padding:18px 0; }.faq-list p { padding-right:8px; } }

/* Lifestyle photo and saved note share one composition without covering the face. */
.chapter-offline .offline-scene { height:465px; }
.chapter-offline .offline-photo { width:78%; height:398px; left:0; top:0; border-radius:11px; }
.chapter-offline .offline-photo img { height:100%; object-fit:cover; object-position:45% 50%; }
.chapter-offline .offline-document { width:68%; right:0; top:188px; padding:21px; }
.chapter-offline .offline-document h3 { font-size:24px; margin-bottom:17px; }
.chapter-offline .offline-document .document-crumb { font-size:10px; margin-bottom:9px; }
.chapter-offline .connection-control { top:28px; right:0; }
@media(max-width:1100px) {
 .chapter-offline .offline-document { width:76%; padding:20px; }.chapter-offline .offline-document h3 { font-size:22px; }.chapter-offline .offline-photo { width:88%; }
}
@media(max-width:820px) {
 .chapter-offline .offline-document { width:91%; top:207px; padding:19px; }.chapter-offline .offline-photo { width:100%; height:361px; }.chapter-offline .offline-document h3 { font-size:22px; }
}
@media(max-width:680px) {
 .chapter-offline .offline-scene { height:450px; }.chapter-offline .offline-photo { width:93%; height:332px; }.chapter-offline .offline-photo img { object-position:39% 50%; }.chapter-offline .offline-document { width:87%; top:207px; padding:19px; }.chapter-offline .connection-control { top:17px; right:0; }
}

/* Each demonstration represents a different part of an existing user's notes. */
.note-project-brief { display:flex; flex-direction:column; justify-content:center; padding:10px 14px; background:#eee9dd; color:#343932; text-align:left; }
.note-project-brief strong { font-size:13px; line-height:1.3; font-weight:600; }
.note-project-brief>span { font-size:10px; line-height:1.35; margin-top:4px; color:#696b61; }
.device-tablet .note-project-brief { padding:8px 11px; }.device-tablet .note-project-brief strong { font-size:12px; }.device-tablet .note-project-brief>span { font-size:9px; }
.device-phone .note-project-brief { padding:7px 9px; }.device-phone .note-project-brief strong { font-size:11px; }.device-phone .note-project-brief>span { font-size:9px; }
.chapter-search .search-scene { height:460px; }
.search-note-preview { height:180px; }
.search-note-preview .study-topic { font-size:12px; color:#454540; margin-bottom:13px; }
.study-details { margin:0; font-size:11px; line-height:1.6; }
.study-details>div { display:flex; justify-content:space-between; gap:10px; }
.study-details dt { color:#777770; }.study-details dd { margin:0; font-weight:500; }
@media(max-width:820px) { .chapter-search .search-scene { height:475px; }.search-note-preview { height:190px; } }
@media(max-width:680px) {
 .device-laptop .note-project-brief { padding:7px 10px; }.device-laptop .note-project-brief strong { font-size:11px; }.device-laptop .note-project-brief>span { font-size:9px; }
 .device-phone .note-project-brief { padding:5px 7px; }.device-phone .note-project-brief strong { font-size:9px; }.device-phone .note-project-brief>span { font-size:7px; margin-top:2px; }
 .chapter-search .search-scene { height:460px; }.search-note-preview { height:180px; }
}

@media(max-width:820px) { .chapter-offline .offline-scene { height:490px; } }