@font-face{font-family:Inter;src:url('assets/InterVariable-latin.3100e775.woff2') format("woff2");font-weight:100 900;font-display:swap}:root{--paper:#F5F2E8;--ink:#171915;--lime:#D5FA39;--muted:#5e6259}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.icon{display:block;flex-shrink:0;fill:currentColor}.text-button .icon{width:13px;height:13px}button,a,label,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible+span{outline:3px solid #6e850d;outline-offset:5px}img{max-width:100%}.wrap{width:min(1440px,100%);margin:auto;padding-left:64px;padding-right:64px}.nav{display:flex;align-items:center;justify-content:space-between;min-height:116px;gap:30px;border-bottom:1px solid #d4d4c9}.brand{display:block;width:185px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:100px;padding:20px 26px;font-size:15px;font-weight:800;transition:background .18s,color .18s,transform .18s}.button:hover{background:var(--lime);color:var(--ink);transform:translateY(-2px)}.button .icon{width:20px;height:20px}.button.small{padding:13px 20px;gap:25px;font-size:13px}.hero{position:relative;min-height:760px;display:grid;grid-template-columns:1.45fr 1fr;padding-top:76px;padding-bottom:100px;overflow:hidden}.eyebrow,.section-label,.art-label,.scroll-note,.availability,.demo-top,.caption-foot{font-size:12px;font-weight:800;letter-spacing:.07em}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 37px}.dot{display:inline-block;width:8px;height:8px;background:var(--lime);border:1px solid var(--ink);border-radius:100%;flex-shrink:0}h1{font-size:clamp(70px,7.7vw,112px);line-height:.97;letter-spacing:-.065em;font-weight:900;margin:0;position:relative;z-index:1}h1 em{font-style:normal;position:relative;display:inline-block}h1 em:after{content:'';position:absolute;height:9px;bottom:-12px;left:2px;right:0;background:var(--lime);transform:rotate(-2deg)}.intro{font-size:17px;line-height:1.65;max-width:500px;margin:42px 0 28px}.hero-action{display:flex;gap:23px;align-items:center}.hero-action>span{font-size:12px;line-height:1.6}.availability{color:var(--muted);font-size:12px;letter-spacing:0;font-weight:400;margin:20px 0 0}.hero-art{position:relative;align-self:stretch}.hero-art img{width:100%;height:570px;object-fit:contain;transform:rotate(9deg);transform-origin:top center;animation:arrive 1.1s ease-out both}.art-label{position:absolute;top:16px;right:-12px;z-index:1;transform:rotate(90deg);transform-origin:right top;font-size:12px}.hand-note{position:absolute;bottom:34px;right:22px;font-family:Georgia,serif;font-style:italic;font-size:17px;line-height:1.2;transform:rotate(-7deg)}.scroll-note{position:absolute;bottom:30px;left:64px;font-size:12px;display:flex;gap:40px;align-items:center}.scroll-note .icon{width:20px;height:20px}.platform-strip{border-top:1px solid #cfcfc4;border-bottom:1px solid #cfcfc4}.platform-strip>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:95px;gap:30px}.platform-strip>.wrap>span{font-size:13px}.platform-strip .wrap>div{display:flex;gap:50px}.platform-strip b{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800}.platform-strip small{font-size:12px;font-weight:400;border:1px solid #c5c7bb;padding:5px 8px;border-radius:20px}.strip-mark{width:32px;height:32px}.feeling{padding-top:100px;padding-bottom:100px}.section-label{margin:0 0 35px;font-size:12px}.feeling-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin-bottom:50px}h2{font-size:clamp(40px,4.7vw,65px);line-height:1.03;letter-spacing:-.055em;font-weight:900;margin:0}.feeling-copy{max-width:430px}.feeling-copy p{font-size:16px;line-height:1.65;margin:0 0 20px}.editorial-image{position:relative;background:#f7f4eb;min-height:470px;overflow:hidden;display:grid;align-items:center}.editorial-image img{display:block;width:min(58%,560px);height:auto;margin-left:auto;object-fit:contain}.image-caption{position:absolute;left:48px;top:40px;margin:0;font-size:clamp(28px,4vw,56px);font-weight:900;line-height:1.03;letter-spacing:-.045em;max-width:min(650px,calc(100% - 96px))}.caption-foot{position:absolute;bottom:28px;left:48px;font-size:12px}.demo-section{background:var(--ink);color:var(--paper);padding:100px 0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.demo-section .section-label{color:var(--lime)}.demo-section h2{font-size:clamp(56px,6vw,84px)}.demo-intro{font-size:25px;line-height:1.4;margin:28px 0 24px}.muted{color:#b8bdb0;font-size:15px;line-height:1.7;max-width:370px}.demo-panel{background:#252820;border:1px solid #41463b;padding:28px;border-radius:22px}.demo-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:22px}.demo-top>span{display:flex;align-items:center;gap:8px}.demo-top .icon{width:14px;height:14px}.mode-switch{border:0;padding:0;margin:0 0 24px;display:flex;gap:8px}.mode-switch label{flex:1;cursor:pointer}.mode-switch input{position:absolute;opacity:0;width:1px;height:1px}.mode-switch span{display:block;text-align:center;padding:12px 10px;border:1px solid #5e6259;border-radius:8px;font-weight:800;font-size:14px}.mode-switch input:checked+span{background:var(--lime);color:var(--ink);border-color:var(--lime)}.sample-post{border-radius:12px;background:var(--paper);color:var(--ink);padding:22px}.sample-author{display:flex;align-items:center;gap:10px;font-size:12px}.sample-author>div>span{display:block;color:#5e6259;font-size:12px;margin-top:4px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#deded3;border-radius:50%;font-weight:800}.ellipsis{margin-left:auto;font-size:22px}[hidden]{display:none!important}.post-actions{font-size:12px;color:#5e6259;border-top:1px solid #d4d4c9;padding-top:14px}.demo-status{font-size:12px;margin:22px 0 12px;min-height:30px;line-height:1.5}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;padding:6px 0;background:none;color:#b8bdb0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.manifesto{padding-top:120px;padding-bottom:100px}.manifesto h2{font-size:clamp(60px,8.5vw,120px);line-height:1.02}.manifesto h2>span{color:#777b6c}.manifesto-foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px;margin-top:60px;align-items:start}.asterisk{width:80px;height:80px;color:var(--ink)}.manifesto-foot p{font-size:15px;line-height:1.7;margin:0;max-width:380px}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:70px;padding-bottom:110px;border-top:1px solid #cfcfc4}.faq-section h2{font-size:46px}.faqs details{border-bottom:1px solid #cfcfc4}.faqs summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:800}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:24px;font-weight:400}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details p{font-size:14px;line-height:1.7;color:var(--muted);padding:0 30px 20px 0;margin:0}.closing{background:var(--lime);padding:90px 0}.closing h2{font-size:clamp(52px,7vw,94px);max-width:1050px}.closing .button{margin-top:35px}.closing>.wrap>p:last-child{display:inline-block;margin-left:25px;font-size:13px}.closing .button:hover{background:var(--paper)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:150px}footer p{font-size:12px}footer>a:last-child{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800}footer>a:last-child .icon{width:14px;height:14px}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:var(--paper);padding:15px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:rotate(0deg) translateY(-20px)}to{opacity:1;transform:rotate(9deg)}}@media(min-width:1550px){.hero{min-height:800px}}@media(max-width:1050px){.wrap{padding-left:35px;padding-right:35px}.nav nav{gap:20px}.hero{grid-template-columns:1.6fr 1fr;min-height:700px;padding-top:65px}.hero-art img{height:510px}.hero h1{font-size:76px}.hero-action{align-items:flex-start;flex-direction:column;gap:14px}.scroll-note{left:35px}.platform-strip .wrap>div{gap:22px}.platform-strip b{font-size:16px;gap:8px}.demo-grid{gap:45px}.feeling-grid{gap:35px}.manifesto-foot{gap:30px}.faq-section{gap:45px}.art-label{display:none}}@media(max-width:700px){.wrap{padding-left:24px;padding-right:24px}.nav{min-height:88px;gap:14px}.brand{width:145px}.nav nav{display:none}.button.small{font-size:12px;padding:11px 15px;gap:15px}.hero{display:flex;flex-direction:column;padding-top:43px;padding-bottom:66px;min-height:0;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.03em;margin-bottom:24px}.hero h1{font-size:clamp(51px,11.5vw,78px);letter-spacing:-.065em}.hero h1 em:after{height:6px;bottom:-7px}.intro{font-size:15px;line-height:1.6;margin-top:28px;max-width:360px}.desktop{display:none}.hero-action{flex-direction:row;align-items:center;gap:16px}.hero-action .button{padding:16px 20px;gap:20px;font-size:13px}.hero-action>span{font-size:12px;max-width:145px}.availability{font-size:12px}.hero-art{height:365px;width:100%;margin-top:10px}.hero-art img{height:360px;width:80%;display:block;margin:auto;transform:rotate(9deg)}.hand-note{right:0;bottom:40px;font-size:14px}.scroll-note{left:24px;bottom:20px;font-size:12px;gap:22px}.platform-strip>.wrap{display:block;padding-top:22px;padding-bottom:22px}.platform-strip>.wrap>span:first-child{display:block;font-size:12px;margin-bottom:18px}.platform-strip .wrap>div{justify-content:space-between;gap:10px}.platform-strip b{display:block;font-size:15px}.platform-strip small{display:block;margin-top:8px;font-size:12px;text-align:center}.strip-mark{display:none}.feeling{padding-top:65px;padding-bottom:60px}.section-label{font-size:12px;margin-bottom:25px}.feeling-grid{grid-template-columns:1fr;gap:26px;margin-bottom:30px}h2{font-size:43px}.feeling-copy p{font-size:14px}.editorial-image{min-height:0}.editorial-image img{width:100%;height:auto}.image-caption{left:22px;top:22px;font-size:clamp(25px,6.6vw,36px);max-width:calc(100% - 44px)}.caption-foot{left:22px;bottom:20px;font-size:12px;max-width:250px}.demo-section{padding:65px 0}.demo-grid{grid-template-columns:1fr;gap:35px}.demo-section h2{font-size:65px}.demo-intro{font-size:22px}.muted{font-size:14px}.demo-panel{padding:18px}.sample-post{padding:16px}.manifesto{padding-top:70px;padding-bottom:65px}.manifesto h2{font-size:clamp(47px,10vw,70px)}.manifesto-foot{grid-template-columns:1fr;gap:25px;margin-top:35px}.asterisk{width:55px;height:55px}.manifesto-foot p{font-size:14px}.faq-section{padding-top:55px;padding-bottom:65px;grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:42px}.faqs summary{font-size:14px}.closing{padding:65px 0}.closing h2{font-size:clamp(40px,9.5vw,62px)}.closing>.wrap>p:last-child{display:block;margin:20px 0 0}footer{flex-wrap:wrap;min-height:160px;padding-top:26px;padding-bottom:26px}footer p{font-size:12px}footer>a:last-child{width:100%;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Closing editorial still life: shared palette, one focal object, quiet negative space. */
.closing{overflow:hidden;padding:90px 0 70px}.closing-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.closing-copy{position:relative;z-index:1}.closing h2{font-size:clamp(52px,5.7vw,82px);line-height:1.02;letter-spacing:-.055em}.closing-support{font-size:13px;margin:19px 0 0}.closing-art{position:relative;margin:0;align-self:end;padding:20px 0 34px}.closing-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 15px #17191515)}.closing-art figcaption{font-family:Georgia,serif;font-size:19px;line-height:1.2;font-style:italic;transform:rotate(-6deg);margin-top:18px;margin-left:52%;white-space:nowrap}.closing .button{margin-top:32px}@media(max-width:1050px){.closing-grid{gap:25px;grid-template-columns:1.2fr 1fr}.closing h2{font-size:clamp(44px,5.7vw,65px)}}@media(max-width:700px){.closing{padding:60px 0 30px}.closing-grid{grid-template-columns:1fr;gap:20px}.closing h2{font-size:clamp(43px,10vw,67px)}.closing-art{width:min(390px,95%);justify-self:end;padding:0 0 25px}.closing-art figcaption{font-size:16px;margin-top:5px;margin-left:55%}.closing-support{margin:17px 0 0}.closing .button{margin-top:28px}}

/* Footer links, links inside FAQ answers and the store link slot. */
.footer-links{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:12px}.footer-links a:hover,.faqs details p a:hover,.availability a:hover{text-decoration:underline;text-underline-offset:4px}.faqs details p a,.availability a{text-decoration:underline;text-underline-offset:3px}.availability a{color:var(--ink);font-weight:800}

/* Icons are inline SVGs: paths copied from Phosphor Icons (bold weight, MIT licence, https://phosphoricons.com). No icon font, no extra request. */

/*
 * Demo: the in-feed UI the extension draws, redrawn for the static page.
 * Sizes, spacing and wording follow extension/lib/renderer/overlay.css and
 * wrong-call-popover.ts. The --npc-* values are copied from design/tokens.css
 * (light theme only); the site is static, so it cannot import that file.
 * Icons are Phosphor Regular (MIT) in an inline SVG sprite at the top of the
 * demo panel.
 */
.npc-ui {
	--npc-font-family: Inter, system-ui, sans-serif;
	--npc-color-raised: #fffefa;
	--npc-color-soft: #eeeee6;
	--npc-color-text: #171915;
	--npc-color-text-muted: #5e6259;
	--npc-color-border: #e1e1d8;
	--npc-color-selected-bg: #171915;
	--npc-color-selected-text: #f5f2e8;
	--npc-color-focus: #171915;
	--npc-brand-ink: #171915;
	--npc-brand-lime: #d5fa39;
	--npc-state-caution-bg: #fff0c2;
	--npc-state-caution-fg: #684900;
	--npc-space-xs: 4px;
	--npc-space-sm: 8px;
	--npc-space-md: 12px;
	--npc-space-lg: 16px;
	--npc-radius-control: 10px;
	--npc-radius-pill: 999px;
	--npc-control-height: 44px;
	--npc-focus-width: 2px;
	--npc-focus-offset: 2px;
	--npc-motion-base: 160ms;
	font-family: var(--npc-font-family);
	color: var(--npc-color-text);
}

.sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.sample-post {
	position: relative;
	background: var(--npc-color-raised);
}

.sample-post .icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
}

.mark {
	display: inline-flex;
	flex-shrink: 0;
	color: var(--npc-color-text);
}

.mark svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor;
}

.icon-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: var(--npc-color-text-muted);
	font-size: 15px;
	cursor: pointer;
}

.icon-btn:hover,
.icon-btn:focus-visible {
	color: var(--npc-brand-ink);
	background: radial-gradient(circle, var(--npc-brand-lime) 13px, transparent 13.5px);
}

.icon-btn:focus-visible {
	outline: var(--npc-focus-width) solid var(--npc-color-text);
	outline-offset: 1px;
}

.icon-btn[disabled] {
	cursor: default;
	opacity: 0.7;
}

.icon-btn[data-tip]:hover::after,
.icon-btn[data-tip]:focus-visible::after {
	content: attr(data-tip);
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 8px;
	border-radius: 6px;
	background: var(--npc-color-selected-bg);
	color: var(--npc-color-selected-text);
	font: 600 11px/1.3 var(--npc-font-family);
	white-space: nowrap;
	pointer-events: none;
	z-index: 5;
}

.icon-btn[aria-haspopup][aria-expanded="true"]::after {
	display: none;
}

/* Blurred body, with the centred chip over it. */
.post-anchor {
	position: relative;
}

.post-body {
	padding: 4px 0;
	font-size: 14px;
	line-height: 20px;
}

.post-body p {
	margin: 0 0 8px;
}

.post-body.blurred {
	filter: blur(4px);
	opacity: 0.55;
	pointer-events: none;
	user-select: none;
}

.npc-shield {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 3px 3px 10px;
	border: 1px solid var(--npc-color-border);
	border-radius: 999px;
	background: color-mix(in srgb, var(--npc-color-raised) 82%, transparent);
	backdrop-filter: blur(8px);
	box-shadow: 0 1px 2px #1719150f, 0 4px 12px #1719150a;
	color: var(--npc-color-text-muted);
	font-size: 12px;
	font-weight: 600;
}

.pill .mark {
	width: 15px;
	height: 13px;
}

.pill .icon-btn {
	width: 26px;
	height: 26px;
	color: var(--npc-color-text);
}

/* Tag row: label mode and after a reveal. */
.npc-tag {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
	margin: 2px 0 6px;
}

.chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 24px;
	margin-right: 4px;
	padding: 0 9px 0 7px;
	border-radius: 999px;
	background: var(--npc-state-caution-bg);
	color: var(--npc-state-caution-fg);
	font-size: 12px;
	font-weight: 700;
}

.chip .mark {
	width: 15px;
	height: 13px;
	color: currentColor;
}

.saved {
	display: inline-flex;
	align-items: center;
	margin-left: 4px;
	color: var(--npc-color-text-muted);
	font-size: 11px;
}

.saved:focus {
	outline: none;
}

/* Why panel. */
.npc-why {
	margin: 6px 0 8px;
}

.panel {
	padding: 10px 12px;
	border-radius: 10px;
	background: var(--npc-color-soft);
	color: var(--npc-color-text);
	font-size: 12px;
	line-height: 1.5;
}

.why-title {
	margin-bottom: 4px;
	font-weight: 700;
}

.why-signs {
	margin: 0;
	padding: 0;
	list-style: none;
}

.why-signs li {
	margin-top: 2px;
}

.why-signs li::before {
	content: "\2022";
	margin-right: 8px;
	color: var(--npc-color-text-muted);
}

.why-note {
	margin-top: 4px;
	color: var(--npc-color-text-muted);
}

/* Hide mode: the whole card collapses to one slim bar. */
.npc-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 8px 8px 8px 14px;
	border-radius: 8px;
	background: var(--npc-color-soft);
	color: var(--npc-color-text-muted);
	font-size: 13px;
}

.npc-bar .mark {
	width: 18px;
	height: 16px;
}

.npc-bar .icon-btn {
	width: 32px;
	height: 32px;
	margin-left: auto;
	font-size: 17px;
}

.bar-text strong {
	color: var(--npc-color-text);
	font-weight: 700;
}

.sample-post.is-collapsed {
	padding: 0;
	background: none;
}

/* "Wrong call?" confirm, placed under the flag button by script.js. */
.demo-panel {
	position: relative;
}

.confirm {
	position: absolute;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: var(--npc-space-sm);
	width: min(280px, 100%);
	padding: var(--npc-space-md) var(--npc-space-lg) var(--npc-space-lg);
	border: 1px solid var(--npc-color-border);
	border-radius: var(--npc-radius-control);
	background: var(--npc-color-raised);
	box-shadow: 0 1px 2px #1719151f, 0 8px 24px #17191529;
	font-size: 14px;
	transform-origin: top left;
}

.confirm:focus {
	outline: none;
}

.confirm-title {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.confirm-body {
	color: var(--npc-color-text-muted);
	font-size: 12px;
	line-height: 1.5;
}

.confirm-actions {
	display: flex;
	justify-content: flex-end;
	gap: var(--npc-space-sm);
	margin-top: var(--npc-space-xs);
}

.confirm-btn {
	min-width: 72px;
	min-height: var(--npc-control-height);
	padding: 0 var(--npc-space-lg);
	border: 1px solid var(--npc-color-text);
	border-radius: var(--npc-radius-pill);
	background: var(--npc-color-raised);
	color: var(--npc-color-text);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.confirm-btn.is-primary {
	border-color: var(--npc-brand-ink);
	background: var(--npc-brand-lime);
	color: var(--npc-brand-ink);
}

.confirm-btn:hover {
	filter: brightness(0.96);
}

.confirm-btn:focus-visible {
	outline: var(--npc-focus-width) solid var(--npc-color-focus);
	outline-offset: var(--npc-focus-offset);
}

@media (prefers-reduced-motion: no-preference) {
	.icon-btn {
		transition: background 0.15s, color 0.15s;
	}

	.post-body {
		transition: filter 0.2s;
	}

	.confirm {
		animation: confirm-in var(--npc-motion-base) ease-out;
	}

	.confirm-btn {
		transition: filter 120ms;
	}
}

@keyframes confirm-in {
	from {
		opacity: 0;
		transform: translateY(-4px) scale(0.98);
	}
}

.sample-author {
	margin-bottom: 12px;
}
.return-page{padding-top:110px;padding-bottom:140px;min-height:62vh}.return-page h1{font-size:clamp(52px,6vw,92px)}.return-copy{font-size:17px;line-height:1.65;max-width:520px;margin:28px 0 0}.return-page .button{margin-top:40px}@media(max-width:700px){.return-page{padding-top:60px;padding-bottom:80px}.return-copy{font-size:16px}}


/* Offer hierarchy: one install action, an honest comparison, room to scan. */
.hero-secondary{display:inline-flex;align-items:center;gap:12px;margin-top:22px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.hero-secondary .icon{width:16px;height:16px}.hero-action>span strong{font-size:14px}.hero .intro{max-width:510px}.hero-action .button{gap:22px;white-space:nowrap}
.demo-disclosure{max-width:360px;font-size:12px;line-height:1.6;color:#b8bdb0;margin-top:30px}
.pricing{padding-top:100px;padding-bottom:80px;scroll-margin-top:25px}
.pricing-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-bottom:48px}
.pricing-heading>p{max-width:360px;font-size:17px;line-height:1.65;margin:0 0 3px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.plan{padding:40px;border:1px solid #c7c9bc;display:flex;flex-direction:column;background:#faf8f0}
.plan-pro{background:var(--lime);border-color:var(--ink)}
.plan-kicker{font-size:11px;font-weight:800;letter-spacing:.09em;margin:0 0 25px}
.plan h3{font-size:27px;letter-spacing:-.045em;line-height:1.15;margin:0;font-weight:900}
.plan-price{font-size:72px;line-height:1.1;font-weight:900;letter-spacing:-.07em;margin:24px 0 18px}
.plan-price span{font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap}
.plan-description{font-size:16px;line-height:1.6;max-width:330px;margin:0;min-height:52px}
.plan ul{list-style:none;padding:25px 0 28px;margin:26px 0 0;border-top:1px solid #17191533;flex:1}
.plan li{position:relative;padding-left:23px;margin-bottom:20px;font-size:14px;line-height:1.5}
.plan li:last-child{margin-bottom:0}.plan li:before{content:'✓';position:absolute;left:0;top:0;font-weight:800}
.plan li strong{display:block;font-weight:750}.plan li span{display:block;margin-top:4px;font-size:13px;color:#45493e}
.plan .button{width:100%;font-size:14px}.plan-pro .button:hover{background:var(--paper)}
.plan-footnote{font-size:12px;line-height:1.6;margin:16px 0 0;min-height:39px;color:#45493e}
.pricing-note{max-width:780px;margin:24px auto 0;text-align:center;font-size:12px;line-height:1.7;color:var(--muted)}
.pricing-note a{text-decoration:underline;text-underline-offset:3px}
.belief{padding-top:50px;padding-bottom:85px;border-top:1px solid #cfcfc4;display:grid;grid-template-columns:1.4fr 1fr;gap:24px 70px;align-items:end}
.belief .section-label{grid-column:1/-1;margin-bottom:0}.belief h2{font-size:clamp(36px,3.8vw,54px)}
.belief>p:last-child{font-size:15px;line-height:1.7;margin:0;max-width:400px}
@media(max-width:1050px){.pricing-heading,.belief{gap:30px}.plan{padding:28px}.plan-price{font-size:62px}.plan h3{font-size:25px}}
@media(max-width:700px){.hero-action{align-items:flex-start;flex-direction:column;gap:15px}.hero-action>span{max-width:none}.hero-action>span br{display:none}.hero-action>span strong{margin-right:5px;font-size:12px}.hero-secondary{margin-top:18px}.hero-art{height:300px}.hero-art img{height:295px}.pricing{padding-top:65px;padding-bottom:55px}.pricing-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.pricing-heading>p{font-size:15px}.plans{grid-template-columns:1fr;gap:18px}.plan{padding:28px 24px}.plan-price{font-size:65px}.plan-description{font-size:15px;min-height:0}.plan-footnote{min-height:0}.pricing-note{text-align:left}.belief{padding-top:40px;padding-bottom:55px;grid-template-columns:1fr;gap:24px}.belief h2{font-size:36px}.belief>p:last-child{font-size:14px}}
/* Keep the vertical art caption within the hero instead of rotating it above the crop. */
.art-label{writing-mode:vertical-rl;transform:none;right:0;top:16px}

/* Hero: a typographic opening paired with one high-contrast editorial poster. */
.hero{grid-template-columns:1.25fr 1fr;gap:48px;min-height:0;padding-top:36px;padding-bottom:48px;align-items:center;overflow:visible}
.hero-copy{padding:30px 0}.hero .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:32px}
.hero h1{font-size:clamp(62px,6.25vw,90px);line-height:1.01;letter-spacing:-.065em}
.hero h1 em{color:var(--muted);filter:blur(2px)}.hero h1 em:after{display:none}
.hero .intro{font-size:17px;line-height:1.65;max-width:450px;margin:32px 0}
.hero-action{flex-direction:column;align-items:flex-start;gap:17px}.hero-action .button{background:var(--lime);color:var(--ink);padding:20px 26px;border-color:var(--lime);gap:36px;font-size:15px;box-shadow:0 3px 0 var(--ink)}
.hero-action .button:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hero-action>span{font-size:12px;max-width:none}.hero-action>span br{display:none}.hero-action>span strong{font-size:12px;margin-right:5px}
.hero .availability{max-width:420px;line-height:1.7;margin-top:10px;font-size:11px}
.hero-art{isolation:isolate;min-height:590px;align-self:stretch;background:var(--ink);color:var(--paper);overflow:hidden}
.hero-art img{position:absolute;top:5px;right:-15px;height:475px;width:100%;object-fit:contain;transform:rotate(-9deg);animation:none;filter:drop-shadow(12px 16px 12px #0004)}
.hero-art-kicker{position:absolute;top:25px;left:28px;font-size:10px;font-weight:700;letter-spacing:.12em;z-index:1;color:#d2d5c9}
.hero-art-title{position:absolute;bottom:29px;left:30px;font-size:62px;line-height:.95;letter-spacing:-.055em;font-weight:900;color:var(--lime);z-index:1}
.hero-art-index{position:absolute;right:25px;bottom:30px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.1em;color:#d2d5c9}
@media(min-width:1550px){.hero{min-height:0}}
@media(max-width:1050px){.hero{gap:30px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:clamp(53px,6.5vw,70px)}.hero .eyebrow{font-size:10px;line-height:1.5}.hero-art{min-height:550px}.hero-art img{height:430px;right:-10px}.hero-art-title{font-size:52px}.hero .intro{font-size:16px}}
@media(max-width:700px){.hero{display:grid;grid-template-columns:1fr;gap:28px;padding-top:20px;padding-bottom:24px}.hero-copy{padding:12px 0 0}.hero .eyebrow{font-size:9px;margin-bottom:24px;letter-spacing:.05em}.hero h1{font-size:clamp(49px,11.9vw,80px)}.hero h1 em{filter:blur(1.4px)}.hero .intro{font-size:15px;margin:25px 0;max-width:390px}.hero-action .button{padding:17px 23px;font-size:14px}.hero-action>span{font-size:11px}.hero-action>span strong{font-size:11px}.hero .availability{font-size:11px}.hero-art{width:100%;height:410px;min-height:0;margin:0}.hero-art img{height:360px;top:-12px;right:-35px;width:90%;margin:0}.hero-art-kicker{top:20px;left:22px;font-size:9px}.hero-art-title{font-size:48px;bottom:23px;left:22px}.hero-art-index{right:20px;bottom:24px;font-size:8px}}

/* High-contrast monochrome print grain on light and dark surfaces: decorative, click-through, and excluded from forced-colour modes. */
body::after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;background-image:url("assets/grain.1a34d307.svg");background-repeat:repeat;opacity:.17;mix-blend-mode:normal}
@media(forced-colors:active){body::after{display:none}}
@media print{body::after{display:none}}

/* Let the cutout hook sit directly on the paper; platform marks stay monochrome. */
.hero-art{background:transparent;color:var(--ink);overflow:hidden}
.hero-art img{height:530px;top:-10px;right:0;filter:none}
.hero-art-title{color:var(--ink);font-family:Georgia,serif;font-size:27px;font-weight:400;font-style:italic;line-height:1.05;letter-spacing:-.03em;left:auto;right:25px;bottom:25px;transform:rotate(-6deg)}
.platform-logo{display:block;width:28px;height:28px;object-fit:contain}
@media(max-width:1050px){.hero-art img{height:480px}.hero-art-title{font-size:24px;right:12px}}
@media(max-width:700px){.hero-art{overflow:hidden;height:380px}.hero-art img{height:355px;top:-5px;right:12px;width:90%}.hero-art-title{font-size:22px;right:8px;bottom:20px}.platform-strip b{display:flex;flex-direction:column;align-items:center;gap:8px}.platform-strip small{margin-top:0}.platform-logo{width:26px;height:26px}}

/* A quiet platform signature, one editorial break, and a unified closing statement. */
.platform-strip{border:0}.platform-strip>.wrap{justify-content:center;min-height:92px;gap:30px;border-top:1px solid #17191526;border-bottom:1px solid #17191526}
.platform-strip>.wrap>span{font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--muted)}
.platform-strip .wrap>.platforms-live{display:flex;gap:24px;align-items:center}
.feeling{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:90px;padding-bottom:90px}
.break-art{position:relative;margin:0;min-width:0}.break-art img{display:block;width:100%;height:auto}.break-art figcaption{position:absolute;left:30px;top:30px;font-size:10px;font-weight:700;letter-spacing:.1em}
.break-copy h2{font-size:clamp(42px,4.25vw,61px);line-height:1.04;letter-spacing:-.055em}
.break-copy .section-label{margin-bottom:26px}.break-copy>p:not(.section-label){font-size:16px;line-height:1.7;max-width:390px;margin:26px 0 0}.break-copy>p:last-child{margin-top:16px;color:var(--muted)}
.closing-description{font-size:16px;line-height:1.7;max-width:380px;margin:26px 0 0}
@media(max-width:1050px){.feeling{gap:40px}.break-copy h2{font-size:45px}.break-copy>p:not(.section-label){font-size:15px}.break-art figcaption{left:20px;top:20px;font-size:9px}}
@media(max-width:700px){.platform-strip>.wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;min-height:88px;padding-top:22px;padding-bottom:22px}.platform-strip>.wrap>span:first-child{width:100%;margin:0;font-size:9px}.platform-strip .wrap>.platforms-live{justify-content:flex-start;gap:22px}.platform-strip .platform-logo{width:24px;height:24px}.feeling{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:55px}.break-copy{grid-row:1}.break-copy h2{font-size:clamp(39px,9vw,58px)}.break-copy>p:not(.section-label){font-size:15px;margin-top:22px}.break-copy>p:last-child{margin-top:14px}.break-art{width:100%;max-width:450px;justify-self:center}.break-art figcaption{top:24px;left:24px;font-size:9px}.closing-description{font-size:15px;margin-top:22px}}

/* Preserve the demo's original ink background under its own dark-surface grain. */
.demo-section{position:relative;isolation:isolate;z-index:21;background:var(--ink)}
.demo-section::after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;background-image:url("assets/grain.1a34d307.svg");background-repeat:repeat;opacity:.38;mix-blend-mode:soft-light}
@media(forced-colors:active){.demo-section::after{display:none}}
@media print{.demo-section::after{display:none}}

/* A purposeful editorial pause, followed by a direct invitation to the demo. */
.feeling{grid-template-columns:1.3fr 1fr;gap:90px;padding-top:110px;padding-bottom:110px;align-items:center}
.break-statement h2{font-size:clamp(48px,5.6vw,80px);line-height:1.02;letter-spacing:-.06em}
.break-statement h2 span{color:var(--muted)}
.break-statement .section-label{margin-bottom:32px}
.break-detail{border-left:1px solid #17191535;padding:10px 0 10px 40px}
.break-detail .break-lead{font-size:27px;font-weight:750;line-height:1.2;letter-spacing:-.035em;margin:0 0 24px}
.break-detail>p:not(.break-lead){font-size:15px;line-height:1.75;max-width:350px;margin:0 0 18px}
.demo-link{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:13px 0;border-bottom:2px solid var(--ink);font-size:15px;font-weight:800;transition:border-color .15s}
.demo-link:hover{border-color:#809b00}.demo-link-note{font-size:11px;font-weight:400;color:var(--muted)}
@media(max-width:1050px){.feeling{gap:40px}.break-detail{padding-left:30px}.break-statement h2{font-size:58px}.break-detail .break-lead{font-size:24px}}
@media(max-width:700px){.feeling{grid-template-columns:1fr;gap:32px;padding-top:65px;padding-bottom:65px}.break-statement h2{font-size:clamp(45px,10vw,65px)}.break-statement .section-label{margin-bottom:26px}.break-detail{border-left:0;border-top:1px solid #17191535;padding:30px 0 0}.break-detail .break-lead{font-size:25px}.break-detail>p:not(.break-lead){max-width:390px}.demo-link{margin-top:8px}}

/* Small editorial cutouts and handwritten marginalia, with reserved space. */
.paper-flight{display:flex;align-items:center;gap:15px;margin:24px 0 -25px 50px;max-width:430px}
.paper-flight img{display:block;width:265px;height:auto;transform:rotate(-7deg)}
.paper-flight figcaption,.demo-nudge span,.free-nudge span{font:italic 18px/1.15 Georgia,serif;letter-spacing:-.02em}
.paper-flight figcaption{max-width:105px;transform:rotate(-7deg)}
.demo-nudge{display:flex;align-items:flex-start;gap:15px;margin-top:28px;max-width:320px;justify-content:flex-end}
.demo-nudge span{color:var(--lime);transform:rotate(-7deg);margin-top:23px;white-space:nowrap}
.demo-nudge img{width:145px;height:auto;filter:invert(1);transform:rotate(8deg);opacity:.9}
.plan{position:relative}.free-nudge{position:absolute;right:30px;top:30px;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.free-nudge span{font-size:16px;transform:rotate(7deg)}.free-nudge img{width:90px;height:auto;transform:rotate(145deg);margin-top:24px}
@media(max-width:1050px){.paper-flight{margin-left:0;gap:5px}.paper-flight img{width:210px}.paper-flight figcaption{font-size:16px}.free-nudge{right:20px;top:18px}.free-nudge span{font-size:14px}.free-nudge img{width:65px;margin-top:20px}.plan-kicker{max-width:170px}}
@media(max-width:700px){.paper-flight{margin:22px 0 0;gap:15px;justify-content:center}.paper-flight img{width:62%;max-width:240px}.paper-flight figcaption{font-size:16px;max-width:90px}.demo-nudge{margin-top:24px;justify-content:flex-start}.demo-nudge img{width:105px;transform:rotate(65deg);margin-left:8px}.demo-nudge span{font-size:18px;margin-top:0}.free-nudge{right:24px;top:24px}.free-nudge img{width:75px}.plan-kicker{max-width:150px}}
@media(max-width:360px){.free-nudge{display:none}}
/* Anchor the texture to the document so long sections share one continuous finish. */
body{position:relative}body::after{position:absolute}

/* A small paper question mark keeps the FAQ in the same illustration family. */
.faq-illustration{display:block;width:150px;height:auto;margin:30px 0 0 90px;transform:rotate(-9deg);pointer-events:none}
@media(max-width:1050px){.faq-illustration{width:135px;margin-left:55px}}
@media(max-width:700px){.faq-section>div:first-child{position:relative;min-height:145px;padding-right:75px}.faq-section h2{font-size:clamp(32px,8.5vw,42px)}.faq-illustration{position:absolute;width:70px;right:0;top:35px;margin:0;transform:rotate(10deg)}}

/* The closing cutout follows the same folded-paper language as the plane and FAQ. */
.closing-art{width:min(390px,100%);justify-self:center;align-self:center;padding:10px 0 30px}
.closing-art img{filter:none;transform:rotate(-8deg)}
.closing-art figcaption{margin-left:55%;margin-top:8px}
@media(max-width:700px){.closing-art{width:min(280px,85%);justify-self:center;padding:15px 0 20px}.closing-art figcaption{margin-left:57%;margin-top:0}}

/* Report AI: how reports make the filter better. The form is a static, decorative copy of extension/lib/renderer/report-popover.ts. */
.report{padding-top:100px;padding-bottom:90px;scroll-margin-top:25px}
.report-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-bottom:48px}
.report-heading>p{max-width:380px;font-size:17px;line-height:1.65;margin:0 0 3px}
.report-body{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start}
.report-steps{list-style:none;margin:0;padding:0;counter-reset:report-step;border-top:1px solid #17191533}
.report-steps li{position:relative;padding:22px 0 22px 52px;border-bottom:1px solid #17191533;counter-increment:report-step}
.report-steps li:before{content:counter(report-step,decimal-leading-zero);position:absolute;left:0;top:24px;font-size:12px;font-weight:800;letter-spacing:.07em}
.report-steps strong{display:block;font-size:19px;font-weight:900;letter-spacing:-.035em;line-height:1.25}
.report-steps span{display:block;margin-top:6px;max-width:460px;font-size:15px;line-height:1.6;color:#45493e}
.report-wrong,.report-privacy{font-size:14px;line-height:1.7;max-width:520px;margin:22px 0 0}
.report-privacy{font-size:12px;color:var(--muted)}
.report-privacy a{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.report-privacy a:hover{text-decoration-thickness:2px}
.report-mock{margin:0;padding:28px;border:1px solid #c7c9bc;background:#faf8f0;min-width:0}
.report-mock-post{display:flex;flex-direction:column;gap:8px;max-width:320px;margin:0 auto;padding:12px 14px 16px;border:1px solid var(--npc-color-border);border-radius:12px;background:var(--npc-color-raised)}
.report-mock-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--npc-color-text-muted)}
.report-mock-title{font-weight:700}
.report-mock .icon-btn{width:26px;height:26px;border:1px solid var(--npc-brand-ink);background:var(--npc-brand-lime);color:var(--npc-brand-ink)}
.report-mock .icon-btn .mark{width:15px;height:13px}
.report-mock .bar{display:block;height:8px;border-radius:4px;background:var(--npc-color-soft)}
.report-mock .bar.is-short{width:62%}
.report-card{display:flex;flex-direction:column;gap:var(--npc-space-sm);width:min(320px,100%);margin:10px auto 0;padding:var(--npc-space-md) var(--npc-space-lg) var(--npc-space-lg);border:1px solid var(--npc-color-border);border-radius:var(--npc-radius-control);background:var(--npc-color-raised);box-shadow:0 1px 2px #1719151f,0 8px 24px #17191529}
.report-rows{display:flex;flex-direction:column;gap:var(--npc-space-xs)}
.report-row{display:flex;align-items:center;gap:var(--npc-space-sm);padding:3px 0;font-size:13px;line-height:18px}
.report-row-label{flex:1;min-width:0}
.report-box{display:grid;place-items:center;flex-shrink:0;width:16px;height:16px;border:1.5px solid var(--npc-brand-ink);border-radius:3px;color:var(--npc-color-selected-text)}
.report-box.is-on{background:var(--npc-brand-ink)}
.report-box .icon{width:11px;height:11px}
.report-more{flex-shrink:0;padding:2px 4px;color:var(--npc-color-text-muted);font-size:12px;text-decoration:underline}
.report-field-label{font-size:13px;font-weight:700}
.report-field{padding:6px 8px;border:1px solid var(--npc-color-border);border-radius:6px;background:var(--paper);font-size:13px;line-height:18px;min-height:60px}
.report-counter{margin-top:calc(var(--npc-space-xs) * -1);color:var(--npc-color-text-muted);font-size:11px;text-align:right}
.report-card .confirm-btn{display:inline-flex;align-items:center;justify-content:center;cursor:default}
.report-mock-label{max-width:320px;margin:20px auto 0;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
@media(max-width:1050px){.report-heading,.report-body{gap:30px}.report-body{grid-template-columns:1fr 1fr}.report-mock{padding:20px 16px}.report-steps li{padding-left:40px}.report-steps strong{font-size:17px}.report-steps span{font-size:14px}}
@media(max-width:700px){.report{padding-top:65px;padding-bottom:55px}.report-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.report-heading>p{font-size:15px}.report-body{grid-template-columns:1fr;gap:30px}.report-mock{padding:20px 14px}.report-steps li{padding-left:36px}.report-wrong{font-size:13px}}