:root{--ink:var(--ink);--green:var(--accent);--muted:var(--muted);--paper:var(--surface);--line:var(--line);--soft:var(--soft);--font:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--muted);outline-offset:5px;border-radius:4px}.skip{position:absolute;left:20px;top:-100px;background:var(--surface);padding:10px;z-index:5}.skip:focus{top:10px}.site-header,main,footer{max-width:1200px;margin:auto;padding-inline:48px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:650;letter-spacing:-.8px}.brand img{border-radius:10px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.guide-link:hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center;padding:78px 0 92px}.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:550;margin:0 0 22px;color:var(--muted)}.live-dot{display:inline-block;background:var(--muted);width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px}h1{font-size:clamp(48px,5.2vw,70px);letter-spacing:-3.6px;line-height:1.07;font-weight:500;margin:0 0 25px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-3px}.intro{max-width:440px;font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:14px;font-weight:550;border:1px solid var(--green);padding:15px 22px;border-radius:8px;min-height:50px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:var(--on-accent)}.primary:hover{background:var(--accent)}.primary img{filter:brightness(0) invert(1)}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.secondary:hover{background:var(--line)}.hero-meta{font-size:12px;color:var(--muted);margin:14px 0 0}.hero-meta span{padding:0 6px}.reference-board{background:var(--line);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 20px 60px color-mix(in srgb, var(--ink) 3%, transparent);transform:rotate(1.4deg)}.board-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:var(--muted);padding-bottom:18px}.board-category{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:5px 9px}.reference-image{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.reference-image>img{width:100%;height:auto;display:block}.highlight{position:absolute;left:14.5%;top:54%;width:56%;height:16%;border:2px solid var(--accent);border-radius:3px;box-shadow:0 0 0 1000px color-mix(in srgb, var(--ink) 3%, transparent)}.highlight span{position:absolute;top:-12px;left:-12px;background:var(--green);color:var(--on-accent);display:grid;place-items:center;width:23px;height:23px;border-radius:5px;font-size:11px}.observation{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:17px;margin-top:17px}.note-number{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;background:var(--line);color:var(--green);border-radius:5px;font-size:11px}.observation strong{font-weight:550;font-size:13px}.observation p{font-size:12px;line-height:1.5;color:var(--muted);margin:5px 0 0}.board-bottom{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;padding-top:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding:36px 0 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.features article>img{opacity:.8;margin-bottom:9px}.features h2{font-size:17px;letter-spacing:-.3px;margin:0 0 10px;font-weight:550}.features p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.download-section{padding:86px 0}.section-heading{max-width:600px}.section-heading h2,.how-section h2,.feedback h2{font-weight:500;font-size:42px;line-height:1.13;letter-spacing:-1.6px;margin:0 0 22px}.section-heading>p:last-child{max-width:520px;font-size:16px;color:var(--muted)}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.download-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px}.download-card>div{display:flex;justify-content:space-between;align-items:center}.platform{font-size:12px;color:var(--muted)}.version{font-size:11px;background:var(--soft);padding:4px 8px;border-radius:5px;color:var(--muted)}.download-card h3{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:20px 0 9px}.download-card p{font-size:13px;color:var(--muted);margin:0 0 24px}.download-link{width:100%}.file-meta{display:block;font-size:11px;color:var(--muted);margin-top:10px;text-align:center}.guide-link{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding-top:19px;margin-top:24px}.beta-note{font-size:12px;color:var(--muted);line-height:1.7;max-width:750px;margin:22px 0 0}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding:70px 0}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0}.steps li>span{font:italic 22px Georgia,serif;color:var(--muted)}.steps h3{font-size:17px;font-weight:550;margin:0 0 8px}.steps p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.feedback{background:var(--soft);border-radius:14px;padding:40px;display:flex;gap:40px;justify-content:space-between;align-items:center;margin:0 0 70px}.feedback p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:560px;margin:0}.feedback h2{font-size:34px}.feedback .button{flex-shrink:0}.feedback .eyebrow{margin-bottom:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:26px;font-size:11px;color:var(--muted)}footer .brand{font-size:16px;color:var(--ink)}footer p{font-size:11px;max-width:320px}footer>div{display:flex;gap:18px}.document{max-width:800px;padding-top:60px;padding-bottom:70px}.document h1{font-size:44px;letter-spacing:-1.7px}.document h2{font-size:25px;letter-spacing:-.6px;margin-top:44px;font-weight:550}.document h3{font-size:18px;margin-top:28px}.document p,.document li{color:var(--muted);line-height:1.8}.document a{text-decoration:underline;text-underline-offset:3px}.document li{margin-bottom:10px}.document code{font-size:.88em;overflow-wrap:anywhere}.document .back{font-size:13px;display:inline-block;margin-bottom:35px}.document .banner{padding:15px 20px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.document time{font-size:13px;color:var(--muted)}@media(max-width:900px){.site-header,main,footer{padding-inline:28px}.hero{gap:30px;padding-top:45px}h1{font-size:52px;letter-spacing:-2.8px}.intro{font-size:16px}.reference-board{padding:15px}.features{gap:26px}.how-section{gap:40px}.section-heading h2,.how-section h2{font-size:34px}footer{flex-wrap:wrap}.feedback{padding:28px;gap:25px}.feedback h2{font-size:30px}.feedback .button{gap:10px}}@media(max-width:640px){.site-header,main,footer{padding-inline:22px}.site-header{height:80px}.brand{font-size:20px}.brand img{width:30px;height:30px}nav{gap:16px;font-size:12px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:37px 0 47px;gap:38px}h1{font-size:52px;letter-spacing:-2.8px}h1 em{letter-spacing:-2.5px}.intro{max-width:100%;font-size:16px}.reference-board{transform:none;max-width:490px}.features{grid-template-columns:1fr;gap:27px;padding:32px 0}.features article{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.features p{grid-column:2}.features article>img{grid-row:1/3}.features h2{margin-bottom:6px}.download-section{padding:50px 0}.download-options{grid-template-columns:1fr;gap:15px}.download-card{padding:23px}.section-heading h2,.how-section h2{font-size:34px}.how-section{grid-template-columns:1fr;gap:28px;padding:45px 0}.feedback{flex-direction:column;align-items:stretch;gap:25px;padding:24px;margin-bottom:40px}.feedback h2{font-size:30px}.feedback .button{align-self:flex-start}footer{display:block;padding-block:24px}footer>div{margin-top:18px}.document{padding-top:35px}.document h1{font-size:36px}.eyebrow{font-size:10px}.observation p{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Reference-led landing page; document pages keep their existing layout. */
.landing .site-header{height:92px}.landing main{max-width:1320px}.landing .hero{display:block;text-align:center;padding:68px 0 48px}.landing h1{font-size:clamp(44px,5.4vw,76px);line-height:1.1;letter-spacing:-3.7px}.landing h1 em{letter-spacing:-3px}.landing .intro{max-width:620px;margin:0 auto 27px;line-height:1.6}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px}.text-link{font-size:14px;font-weight:550;display:inline-flex;gap:14px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.product-stage{background:var(--line);border:1px solid var(--line);border-radius:18px;padding:22px 22px 0;box-shadow:0 25px 70px color-mix(in srgb, var(--ink) 4%, transparent);margin-bottom:56px}.preview-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:0 4px 18px}.window-dots{letter-spacing:3px;color:var(--muted)}.preview-body{display:grid;grid-template-columns:190px 1fr;background:var(--surface);border:1px solid var(--line);border-radius:10px 10px 0 0;min-height:380px;position:relative;overflow:hidden}.preview-sidebar{background:var(--soft);border-right:1px solid var(--line);padding:22px 15px;font-size:12px}.preview-sidebar .brand{font-size:18px;gap:8px}.preview-capture{background:var(--green);color:var(--on-accent);padding:10px 9px;border-radius:6px;margin:24px 0}.preview-sidebar p{font-size:9px;letter-spacing:.1em;color:var(--muted);margin-top:25px}.preview-sidebar>div:not(.brand):not(.preview-capture){padding:9px;border-radius:6px;color:var(--muted)}.preview-sidebar .preview-active{background:var(--line);color:var(--green)!important;font-weight:600}.preview-active span{float:right}.preview-library{padding:30px}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading h2{font-size:24px;font-weight:550;letter-spacing:-.9px;margin:0}.preview-heading>span{font-size:10px;color:var(--muted)}.demo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.demo-tile{height:230px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--soft)}.demo-tile>img{width:100%;height:100%;object-fit:contain}.editorial{padding:23px;background:var(--line);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.editorial small{font-size:8px;letter-spacing:.12em}.editorial strong{font:30px/1.15 Georgia,serif}.editorial>span{font-size:9px}.palette{padding:22px;background:var(--accent);color:var(--line);position:relative}.palette>span{font-size:8px;letter-spacing:.12em}.palette>div{width:70px;height:70px;border-radius:50%;background:var(--muted);margin:18px 0}.palette strong{font-size:22px;line-height:1.1;font-weight:500}.floating-note{position:absolute;bottom:18px;right:35px;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 25px color-mix(in srgb, var(--ink) 7%, transparent);max-width:350px;border-radius:10px;padding:16px;display:flex;gap:12px;transform:rotate(-2deg)}.floating-note small{font-size:8px;letter-spacing:.1em;color:var(--muted);display:block;margin-bottom:4px}.floating-note strong{font-size:13px;font-weight:550}.floating-note p{font-size:11px;color:var(--muted);margin:5px 0 0}.preview-caption{text-align:center;font-size:10px;color:var(--muted);margin:13px 0;padding-bottom:13px}.landing .features{border-top:0;padding:8px 0 48px;gap:50px}.story{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:85px;padding:90px 0}.story-copy h2,.learning-section h2,.faq h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;letter-spacing:-1.8px;font-weight:500;margin:0 0 24px}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:450px}.annotation-demo{border-radius:14px;background:var(--line);border:1px solid var(--line);padding:20px;transform:rotate(1deg)}.annotation-toolbar{display:flex;align-items:center;gap:10px;font-size:12px;padding-bottom:16px}.demo-done{margin-left:auto;background:var(--green);color:var(--on-accent);padding:5px 15px;border-radius:5px;font-size:10px}.annotation-demo .reference-image{max-height:300px}.annotation-demo .reference-image>img{object-fit:cover}.annotation-demo .observation{margin-top:12px}.learning-section{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;background:var(--ink);color:var(--soft);border-radius:18px;padding:60px}.learning-section .eyebrow{color:var(--muted)}.learning-section h2 em{font:italic 1em Georgia,serif;letter-spacing:-1px}.learning-section p{font-size:15px;line-height:1.8;color:var(--line);max-width:510px}.learning-section code{color:var(--soft)}.learning-footnote{display:block;font-size:11px;color:var(--muted);line-height:1.6;max-width:420px;margin-top:24px}.markdown-preview{background:var(--soft);color:var(--ink);border:1px solid var(--muted);border-radius:10px;box-shadow:0 18px 40px color-mix(in srgb, var(--ink) 13%, transparent);transform:rotate(2deg)}.markdown-preview>div{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;font:12px monospace}.markdown-preview>div>span{font:8px var(--font);letter-spacing:.08em;margin-left:auto;color:var(--muted)}.markdown-preview pre{font:12px/1.85 monospace;padding:22px;margin:0;white-space:pre-wrap}.markdown-preview pre>span{color:var(--muted)}.sync-story{grid-template-columns:1.15fr 1fr}.sync-visual{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--soft);border-radius:14px;padding:45px 25px;min-height:290px}.sync-app{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.sync-app strong{font-size:18px;font-weight:550}.sync-app>span{font-size:10px;color:var(--muted)}.sync-app img{border-radius:10px}.figma-card{background:var(--surface);border:1px solid var(--line);padding:25px 18px;border-radius:10px}.figma-note{font-size:10px;background:var(--soft);border-radius:5px;padding:10px;margin-top:8px;max-width:140px}.sync-arrow{opacity:.65}.landing .download-section{border-top:1px solid var(--line);padding:70px 0}.landing .section-heading{max-width:720px}.landing .section-heading h2 br{display:none}.landing .section-heading>p:last-child{max-width:650px}.landing .download-card{padding:30px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;border-top:1px solid var(--line);padding:65px 0 85px}.faq h2{font-size:32px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:16px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary::after{content:'';color:var(--muted)}.faq details[open] summary::after{transform:rotate(180deg)}.faq summary::-webkit-details-marker{display:none}.faq details p{font-size:14px;line-height:1.75;color:var(--muted);margin:15px 25px 0 0}.landing .feedback{background:var(--line)}.landing footer{max-width:1320px}
@media(max-width:1000px){.story{gap:40px}.preview-body{grid-template-columns:155px 1fr}.preview-library{padding:22px}.demo-tile{height:205px}.editorial strong{font-size:24px}.palette strong{font-size:19px}.preview-sidebar .brand{font-size:14px}.learning-section{padding:40px;gap:35px}.sync-visual{gap:15px;padding:30px 15px}.figma-card{padding:20px 12px}.faq{gap:35px}}
@media(max-width:740px){.landing .hero{padding:40px 0 32px}.landing h1{font-size:46px;letter-spacing:-2.4px}.landing h1 em{letter-spacing:-2px}.landing .intro br{display:none}.product-stage{padding:13px 13px 0;margin-bottom:35px}.preview-bar>span:last-child{display:none}.preview-body{grid-template-columns:1fr;min-height:0}.preview-sidebar{display:none}.preview-library{padding:20px 15px 100px}.preview-heading h2{font-size:20px}.preview-heading>span{font-size:8px}.demo-gallery{gap:10px;margin-top:18px;grid-template-columns:1fr 1fr}.demo-tile{height:180px}.demo-tile:last-child{display:none}.editorial{padding:16px}.editorial strong{font-size:24px}.floating-note{bottom:15px;right:16px;left:16px;max-width:none;transform:none;padding:12px}.preview-caption{font-size:9px}.landing .features{gap:25px}.story,.sync-story{grid-template-columns:1fr;gap:30px;padding:48px 0}.story-copy>p:not(.eyebrow){font-size:15px}.annotation-demo{transform:none}.learning-section{grid-template-columns:1fr;padding:28px;gap:30px}.learning-section h2{font-size:33px}.markdown-preview{transform:none}.sync-visual{order:2;min-height:230px}.faq{grid-template-columns:1fr;gap:20px;padding:40px 0 50px}.landing .download-section{padding:48px 0}.landing .section-heading h2{font-size:34px}.hero-actions{gap:20px}.hero-actions .button{padding:13px 16px;gap:12px}.hero-actions .text-link{font-size:12px;gap:6px}}
@media(max-width:380px){.landing h1{font-size:39px}.hero-actions{flex-direction:column;gap:14px}.editorial strong{font-size:21px}.preview-heading h2{font-size:18px}.preview-caption{font-size:8px}.learning-section{padding:22px}.markdown-preview pre{font-size:11px;padding:17px}.sync-visual{gap:10px}.sync-arrow{width:25px}.sync-app strong{font-size:16px}}

.annotation-demo .highlight{top:72%;left:14%;width:45%;height:16%}

.feedback-document{max-width:720px}.feedback-document form{margin-top:32px}.feedback-document label{display:block;font-size:14px;font-weight:550;margin-bottom:22px}.feedback-document label>span{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:5px}.feedback-document input,.feedback-document select,.feedback-document textarea{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;color:var(--ink);font:15px/1.5 var(--font);margin-top:8px}.feedback-document textarea{resize:vertical}.feedback-document :is(input,select,textarea,button):focus-visible{outline:3px solid var(--muted);outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feedback-document .form-note{font-size:12px;line-height:1.7;margin:0 0 22px}.feedback-document button{cursor:pointer;font-family:var(--font)}#email-fallback{margin-top:32px;border-top:1px solid var(--line)}#email-fallback h2{margin-top:25px}#email-fallback .button{margin-top:15px}@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:0}}

.app-hero{margin:0 0 56px;padding:18px 18px 0;background:var(--line);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 70px color-mix(in srgb, var(--ink) 4%, transparent)}.app-hero>img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.app-hero figcaption{text-align:center;font-size:11px;color:var(--muted);padding:12px 0}@media(max-width:640px){.app-hero{padding:7px 7px 0;border-radius:10px;margin-bottom:35px}.app-hero figcaption{font-size:9px;padding:9px 0}}

.feature-shot{margin:0;background:var(--line);padding:12px;border:1px solid var(--line);border-radius:16px}.feature-shot>img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 8px 30px color-mix(in srgb, var(--ink) 6%, transparent)}.feature-shot figcaption,.sync-pair figcaption{font-size:10px;color:var(--muted);text-align:center;padding:13px 3px 2px;line-height:1.5}.story:has(.feature-shot){grid-template-columns:.8fr 1.4fr;gap:50px}.learning-section{grid-template-columns:1fr 1.1fr;gap:45px}.evidence-visual{min-width:0}.evidence-source{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:18px;color:var(--ink);align-items:center}.evidence-source>img{width:92px;height:120px;object-fit:cover;border:1px solid var(--line);border-radius:7px}.visual-label{font-size:8px;letter-spacing:.1em;font-weight:600;color:var(--muted)}.evidence-source p{font:18px/1.35 Georgia,serif;color:var(--ink);margin:10px 0 14px}.collection-chip{display:inline-flex;align-items:center;gap:6px;background:var(--line);border-radius:5px;padding:4px 8px;font-size:10px;color:var(--ink)}.evidence-connector{display:flex;align-items:center;justify-content:center;gap:10px;height:44px}.evidence-connector span{height:1px;width:30px;background:var(--muted)}.evidence-connector>img{filter:brightness(0) invert(1);opacity:.65}.notes-file{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 15px 40px color-mix(in srgb, var(--ink) 8%, transparent)}.notes-file header{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);font:12px monospace}.notes-file small{font:8px Arial;letter-spacing:.08em;color:var(--muted);margin-left:auto}.file-content{display:grid;grid-template-columns:20px 1fr;gap:2px 12px;padding:20px 18px;font:11px/1.8 monospace}.line-number{color:var(--muted);font-size:9px;text-align:right}.file-muted{color:var(--muted)}.learning-section .visual-caption{font-size:10px;color:var(--muted);text-align:center;margin:14px 0 0}.sync-pair{margin:0;background:var(--line);padding:20px;border:1px solid var(--line);border-radius:16px;min-width:0}.sync-pair-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px;font-size:12px;font-weight:550}.sync-pair-heading>span{display:flex;align-items:center;gap:7px}.sync-pair-heading>span>img{border-radius:5px}.paired-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.paired-panel{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.paired-image{position:relative;margin-top:12px;background:var(--line);padding:12px;border-radius:6px}.paired-image>img{width:100%;height:auto;display:block;border-radius:7px}.linked-region{position:absolute;bottom:7%;left:8%;width:84%;height:8%;border:2px solid var(--accent);font-size:8px;color:var(--on-accent);background:color-mix(in srgb, var(--accent) 13%, transparent);padding:0}.linked-region::first-letter{background:var(--accent)}.paired-note{padding:10px 0 0}.paired-note b{font-size:10px;font-weight:600}.paired-note p{font-size:10px;line-height:1.5;margin:5px 0 0;color:var(--muted)}.figma-example{background:var(--soft)}.figma-example .paired-note{margin-top:10px;padding:10px;background:var(--surface);border-left:2px solid var(--accent);border-radius:3px}.sync-story{gap:45px;grid-template-columns:1.3fr .9fr}
@media(max-width:740px){.story:has(.feature-shot),.learning-section,.sync-story{grid-template-columns:1fr;gap:28px}.feature-shot{padding:6px}.feature-shot figcaption{font-size:9px}.evidence-source>img{width:80px;height:115px}.evidence-source p{font-size:17px}.sync-pair{padding:12px}.paired-panels{gap:8px}.paired-panel{padding:9px}.paired-image{padding:7px}.sync-pair-heading{font-size:10px}.sync-pair figcaption{font-size:9px}.sync-pair{order:2}.file-content{font-size:10px;gap:2px 8px}.notes-file small{font-size:7px}}

.linked-region{bottom:14%;left:14%;width:72%;height:7%}

.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.guide-link,.site-header nav a,.document .back{display:flex;align-items:center;gap:8px}.faq summary::after{content:'';background:url('/assets/chevron-down.svg') center/20px 20px no-repeat;width:20px;height:20px;flex:0 0 20px}.faq details[open] summary::after{transform:rotate(180deg)}

.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.guide-link,.site-header nav a,.document .back{display:flex;align-items:center;gap:8px}.faq summary::after{content:'';background:url('/assets/chevron-down.svg') center/20px 20px no-repeat;width:20px;height:20px;flex:0 0 20px}.faq details[open] summary::after{transform:rotate(180deg)}

.app-hero{padding:0;background:transparent;border:0;box-shadow:none}.app-hero>img{border:0;border-radius:16px}.app-hero figcaption{padding:12px 0}

/* Neutral framing lets the reference colours carry the page. */
.app-hero{padding:14px 14px 0;background:var(--soft);border:1px solid var(--line);border-radius:20px;box-shadow:none}.app-hero>img{border:1px solid var(--line);border-radius:12px;box-shadow:none}.feature-shot,.sync-pair{background:var(--soft);border-color:var(--line);box-shadow:none}.feature-shot>img{box-shadow:none}.evidence-source>img{width:145px;height:125px;object-fit:contain;background:var(--soft)}.evidence-source p{font-size:16px}.paired-image{background:var(--soft);padding:8px}.linked-region{left:8%;width:84%;bottom:18%;height:16%;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.notes-file{box-shadow:none}.file-content{font-size:10px;overflow-wrap:anywhere}@media(max-width:640px){.app-hero{padding:7px 7px 0;border-radius:12px}.evidence-source{flex-direction:column;align-items:flex-start}.evidence-source>img{width:100%;height:155px}.evidence-source p{font-size:17px}}

.hero-crop{position:relative;aspect-ratio:1680/1185;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.hero-crop>img{position:absolute;display:block;width:109.4%;max-width:none;height:auto;left:-4.76%;top:-4.56%;box-shadow:none}.app-hero{box-shadow:none}.app-hero figcaption{padding:12px 0}
/* Landing-page colour exploration: warm neutrals, restrained violet. */
body.landing{--ink:var(--ink);--green:var(--accent);--muted:var(--muted);--paper:var(--surface);--line:var(--line);--soft:var(--soft);background:var(--paper)}
.landing .primary:hover{background:var(--accent)}.landing .secondary{border-color:var(--line)}.landing .secondary:hover{background:var(--soft)}.landing .live-dot{background:var(--accent)}.landing .features article>img,.landing .text-link .ui-icon,.landing .guide-link .ui-icon{opacity:.75}.landing .download-card{border-color:var(--line)}.landing .version{background:var(--soft);color:var(--muted)}.landing .learning-section{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.landing .learning-section .eyebrow{color:var(--muted)}.landing .learning-section>div>p{color:var(--muted)}.landing .learning-section code{color:var(--accent)}.landing .learning-footnote{color:var(--muted)}.landing .learning-section .visual-caption{color:var(--muted)}.landing .evidence-connector span{background:var(--muted)}.landing .evidence-connector>img{filter:none;opacity:.55}.landing .evidence-source,.landing .notes-file{background:var(--surface);border-color:var(--line);color:var(--ink)}.landing .evidence-source p{color:var(--ink)}.landing .collection-chip{background:var(--soft);color:var(--accent)}.landing .notes-file header{border-color:var(--line)}.landing .line-number{color:var(--muted)}.landing .file-muted{color:var(--muted)}.landing .feedback{background:var(--soft);border:1px solid var(--line)}.landing .app-hero,.landing .feature-shot,.landing .sync-pair{background:var(--soft);border-color:var(--line)}.landing .paired-panel{background:var(--surface);border-color:var(--line)}.landing .figma-example{background:var(--soft)}.landing .beta-note{color:var(--muted)}.landing a:focus-visible,.landing summary:focus-visible{outline-color:var(--muted)}