@font-face{font-family:LocalFallback;src:local("Arial");font-display:swap}
:root{--paper:#0d0f0e;--ink:#eceee9;--muted:#9eaaa2;--accent:#dbe7a3;--line:#3a453f;--white:#2a332e;--serif:Georgia,'Times New Roman',serif;--sans:LocalFallback,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}em{font-family:var(--serif);font-weight:400}h1{font-size:clamp(58px,6.7vw,94px);line-height:1.01;letter-spacing:-5px}h2{font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-2.5px}h3{line-height:1.22;font-size:26px;letter-spacing:-.7px}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink);margin-bottom:26px}.site-header{min-height:94px;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:auto}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:23px;font-weight:700;letter-spacing:-.8px}.brand img{border-radius:10px}.brand b{font-weight:400}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.site-header nav>a:not(.button):hover,.text-link:hover,footer>a:last-child:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--button);color:var(--button-text);border:1px solid transparent;padding:17px 24px;font-size:14px;font-weight:700;border-radius:5px;line-height:1.4;transition:transform .2s}.button:hover{background:var(--button-hover);transform:translateY(-2px)}.button span{font-size:20px;font-weight:400;line-height:1}.button.small{padding:12px 18px;gap:22px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:50px 76px}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1.2px}.dot{width:7px;height:7px;background:var(--marker);border-radius:50%;flex-shrink:0}.intro{font-size:17px;line-height:1.8;max-width:420px;margin:27px 0}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:700;display:flex;gap:13px}.fine{font-size:12px;line-height:1.75}.hero-copy>.fine{margin-top:17px}.hero-visual{position:relative;align-self:stretch;background:var(--hero-panel);border-radius:9px;padding:24px 36px 19px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:660px;overflow:hidden}.visual-top{display:flex;justify-content:space-between;width:100%;font-size:10px;letter-spacing:2px;align-items:center;margin-bottom:18px}.visual-top span:last-child{font-size:27px}.hero-screen{width:272px;border-radius:22px;border:7px solid #223b33;overflow:hidden;box-shadow:15px 22px 35px #173d3828;transform:rotate(3deg);background:#fff}.hero-screen img{width:100%;aspect-ratio:1080/2016;object-fit:cover;object-position:top}.floating-note{position:absolute;bottom:100px;left:18px;background:var(--white);box-shadow:0 8px 30px #173d3815;border-radius:6px;padding:17px 23px;display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.5;transform:rotate(-3deg)}.note-check{border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:23px;display:grid;place-items:center;width:38px;height:38px}.visual-caption{font-size:10px;margin-top:26px;letter-spacing:.5px}.benefit-strip{background:var(--band);color:var(--band-text);font-size:12px}.benefit-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:21px}.benefit-strip span:before{content:'✳';color:var(--accent);margin-right:12px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:55px}.section-heading>p{max-width:340px;font-size:15px;padding-bottom:6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:0 0 60px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{display:inline-block;color:#7c8769;font-family:var(--serif);font-style:italic;font-size:22px;margin-bottom:22px}.steps h3{font-size:23px;margin-bottom:13px}.steps p{font-size:14px;max-width:300px}.proof-panel{background:var(--proof-panel);border-radius:8px;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px;align-items:center;padding:42px;overflow:hidden}.proof-copy h3{font-size:33px;line-height:1.2;margin-bottom:22px}.proof-copy>p{font-size:14px;max-width:290px}.proof-copy .eyebrow{font-size:10px;margin-bottom:18px}.proof-copy p.fine{font-size:11px;margin-top:22px}.screenshot{padding:0;border:0;background:var(--image-panel);border-radius:10px;display:block;position:relative;overflow:hidden;width:100%;text-align:left;transition:transform .2s,box-shadow .2s}.screenshot:hover{transform:translateY(-5px);box-shadow:0 15px 25px #173d3818}.screenshot img{width:100%;height:auto;aspect-ratio:1080/2016;object-fit:cover;object-position:top}.proof-shot{border:5px solid var(--white);box-shadow:0 12px 28px #173d3812;transform:rotate(-3deg)}.proof-shot.second{transform:rotate(3deg)}.zoom-label{display:block;font-size:10px;text-align:center;letter-spacing:.4px;background:var(--white);padding:11px;color:var(--ink)}.audience-section{background:var(--audience-panel);border-block:1px solid var(--line)}.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.audiences article{padding:30px 30px 30px 0;border-top:1px solid var(--grid-line);display:flex;flex-direction:column}.audiences article:not(:nth-child(3n+1)){padding-left:30px;border-left:1px solid var(--grid-line)}.category{font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--category);display:block;margin-bottom:17px}.audiences h3{font-size:28px;margin-bottom:15px}.audiences p{font-size:14px;margin-bottom:24px;max-width:290px}.use-example{margin-top:auto;font-size:10px;line-height:1.5;color:var(--category);font-weight:700}.feature-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-gallery .screenshot{padding:24px 28px 0;background:var(--feature-one);border-radius:6px;margin-bottom:30px}.feature-gallery .screenshot img{border:4px solid var(--white);border-bottom:0;border-radius:10px 10px 0 0}.feature-gallery article:nth-child(2) .screenshot{background:var(--feature-two)}.feature-gallery article:nth-child(3) .screenshot{background:var(--feature-three)}.feature-gallery .zoom-label{background:transparent;padding:13px 0}.feature-gallery h3{font-size:23px;margin-bottom:14px}.feature-gallery p{font-size:14px}.feature-gallery .category{margin-bottom:12px}.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px;padding-top:36px;border-top:1px solid var(--line)}.extras article>span{font-size:28px;font-family:var(--serif)}.extras h3{font-size:20px;margin:15px 0 12px}.extras p{font-size:13px}.quiet-band{background:var(--quiet-panel);text-align:center;padding-block:80px}.quiet-band h2{font-size:clamp(36px,4vw,56px)}.quiet-band p:not(.eyebrow){margin:24px 0 30px;font-size:15px}.quiet-band .eyebrow{margin-bottom:22px}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}summary{position:relative;padding:22px 30px 22px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:700;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font-size:22px;top:17px;font-weight:400}details[open] summary:after{content:'−'}.faqs details p{font-size:14px;padding:0 28px 24px 0}.final-cta{background:var(--band);color:var(--band-text);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:60px;gap:30px}.final-cta .eyebrow{color:var(--accent)}.final-cta p:not(.eyebrow){color:var(--band-muted);margin-top:22px;font-size:14px}.light{background:var(--accent);color:var(--accent-text)}.light:hover{background:var(--accent-hover)}footer{padding-block:40px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:18px}footer p,footer>a:last-child{font-size:11px}.skip{position:fixed;top:-100px;left:15px;background:var(--button);color:var(--button-text);padding:10px;z-index:50}.skip:focus{top:10px}.menu-toggle{background:transparent;border:1px solid var(--line);border-radius:4px;padding:9px 12px;font-size:12px;color:var(--ink)}dialog{padding:20px;border:0;border-radius:10px;background:var(--paper);max-height:94dvh;width:min(540px,94vw);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#0a1e19cc}dialog img{max-height:74dvh;width:auto;margin:auto;object-fit:contain}dialog p{font-size:12px;margin-top:16px;max-width:430px}.close-dialog{display:block;margin:0 0 16px auto;padding:9px 16px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:5px;font-size:13px}body.modal-open{overflow:hidden}
@media(min-width:1450px){.hero{gap:100px;padding-top:65px}.hero-visual{min-height:720px}.hero-screen{width:300px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.site-header{padding-inline:28px}.site-header nav{gap:20px}.hero{gap:35px}h1{font-size:70px;letter-spacing:-3.7px}.hero-visual{padding-inline:22px;min-height:610px}.hero-screen{width:244px}.floating-note{left:12px;padding:12px;font-size:11px}.hero-copy .eyebrow{font-size:9px}.proof-panel{padding:28px;gap:20px}.proof-copy h3{font-size:28px}.feature-gallery{gap:24px}.feature-gallery .screenshot{padding:20px 18px 0}.steps{gap:28px}.benefit-strip .wrap{flex-wrap:wrap;justify-content:center;column-gap:36px}.benefit-strip span{white-space:nowrap}.audiences article{padding-right:22px}.audiences article:not(:nth-child(3n+1)){padding-left:22px}}
@media(max-width:760px){.site-header{min-height:80px;flex-wrap:wrap;gap:15px;padding:18px 22px}.brand{font-size:21px}.site-header .brand img{width:36px;height:36px}.menu-toggle:not([hidden]){display:block}.site-header nav{width:100%;flex-wrap:wrap;gap:16px 22px;padding:14px 0 4px;border-top:1px solid var(--line)}.site-header nav.is-collapsed{display:none}.site-header nav .button{margin-left:auto}.wrap{width:calc(100% - 44px)}.hero{grid-template-columns:1fr;padding-top:30px;gap:40px;padding-bottom:45px}.hero-copy{max-width:560px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:24px}h1{font-size:clamp(57px,11vw,82px);letter-spacing:-3.5px}.intro{font-size:16px;max-width:480px}.hero-visual{min-height:600px;max-width:540px;width:100%;margin-inline:auto;padding-top:18px}.hero-screen{width:245px}.floating-note{left:20px;bottom:90px;padding:15px 20px;font-size:12px}.visual-top{padding-inline:5px}.benefit-strip{font-size:10px}.benefit-strip .wrap{justify-content:flex-start;gap:13px;width:calc(100% - 44px);padding-block:20px}.benefit-strip span{width:calc(50% - 7px);white-space:normal}.benefit-strip span:before{margin-right:6px}.section{padding-block:70px}.section-heading{display:block;margin-bottom:36px}.section-heading>p{margin-top:22px;max-width:470px;font-size:14px}h2{font-size:46px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:20px}.steps{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.steps article{display:grid;grid-template-columns:38px 1fr;gap:0 14px;padding-top:20px}.step-number{grid-row:span 2;margin:0}.steps h3{font-size:24px;margin-bottom:10px}.steps p{max-width:480px}.proof-panel{grid-template-columns:1fr 1fr;padding:26px 22px;gap:24px 18px}.proof-copy{grid-column:1/-1}.proof-copy>p{max-width:100%}.proof-copy h3{font-size:32px}.proof-copy p.fine{margin-top:15px}.proof-shot{border-width:3px;border-radius:7px}.zoom-label{font-size:8px}.audiences{grid-template-columns:1fr 1fr}.audiences article{padding:25px 18px 25px 0}.audiences article:not(:nth-child(3n+1)){padding-left:0;border-left:0}.audiences article:nth-child(even){border-left:1px solid var(--grid-line);padding-left:18px;padding-right:0}.audiences h3{font-size:24px}.audiences p{font-size:13px}.category{font-size:8px;letter-spacing:1px}.use-example{font-size:9px}.feature-gallery{grid-template-columns:1fr;gap:42px}.feature-gallery article{max-width:440px;margin:auto;width:100%}.feature-gallery .screenshot{padding:25px 45px 0;margin-bottom:22px}.feature-gallery h3{font-size:26px}.extras{grid-template-columns:1fr;gap:25px;margin-top:42px;padding-top:30px}.extras article{display:grid;grid-template-columns:30px 1fr;gap:0 15px}.extras article>span{grid-row:span 2}.extras h3{margin-top:4px}.quiet-band{padding-block:60px}.quiet-band h2{font-size:38px;letter-spacing:-1.5px}.quiet-band p:not(.eyebrow){font-size:14px}.quiet-band p br{display:none}.faq-section{grid-template-columns:1fr;gap:32px}.faq-section h2 br{display:none}.final-cta{padding:36px 28px;display:block}.final-cta .button{margin-top:30px}footer{flex-wrap:wrap;padding-block:30px}footer p{order:3;width:100%}.actions{gap:22px}.text-link{font-size:12px}.button{padding:16px 20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.more-screens{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:-60px;margin-bottom:90px}.screen-link{border:1px solid var(--line);border-radius:6px;padding:20px;display:flex;align-items:center;gap:24px;text-align:left;background:transparent;color:var(--ink)}.screen-link>img{width:78px;border-radius:4px}.screen-link>span>span:last-child{display:block;font-size:11px;margin-top:12px}.screen-link strong{font-size:18px;line-height:1.35;display:block;font-weight:500}.screen-link .category{margin-bottom:10px}.screen-link:hover{background:var(--audience-panel)}@media(max-width:760px){.more-screens{grid-template-columns:1fr;gap:16px;margin-top:-25px;margin-bottom:65px}.screen-link{padding:16px;gap:20px}.screen-link>img{width:72px}}

/* Accessibility: visible focus, comfortable targets and system contrast support. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header nav>a:not(.button),footer>a:last-child,.text-link{min-height:44px;display:inline-flex;align-items:center}
.menu-toggle,.close-dialog{min-height:44px;min-width:44px}
.step-number{color:var(--category)}
:target{scroll-margin-top:24px}
@media(forced-colors:active){a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid Highlight}.button,.menu-toggle,.screenshot,.screen-link,.close-dialog{border:1px solid ButtonText}.hero-screen{border-color:CanvasText}.dot{background:CanvasText}}

:root{color-scheme:dark;--paper:#0d0f0e;--ink:#eceee9;--muted:#9eaaa2;--accent:#dbe7a3;--line:#3a453f;--white:#2a332e;--button:#dbe7a3;--button-text:#1a241c;--button-hover:#edf1c6;--band:#121614;--band-text:#eceee9;--band-muted:#a0ada5;--accent-text:#1a241c;--accent-hover:#edf1c6;--focus:#f0bd83;--marker:#c5d7ac;--hero-panel:#141816;--proof-panel:#141816;--image-panel:#181d1a;--audience-panel:#111413;--grid-line:#3a453f;--category:#c5d7ac;--feature-one:#181d1a;--feature-two:#1c1a16;--feature-three:#161c19;--quiet-panel:#171b16}
:root[data-theme="light"]{color-scheme:light;--paper:#f5f3eb;--ink:#173d38;--muted:#56645c;--accent:#e5ed9f;--line:#d8dcd1;--white:#fffef9;--button:#173d38;--button-text:#fffef9;--button-hover:#2a5650;--band:#173d38;--band-text:#f5f3eb;--band-muted:#c1d0c3;--accent-text:#173d38;--accent-hover:#f0f5bc;--focus:#ad5c2b;--marker:#6e8854;--hero-panel:#e3e8d9;--proof-panel:#e8eade;--image-panel:#e5e8dd;--audience-panel:#eceee4;--grid-line:#ccd3c4;--category:#536d4c;--feature-one:#e5e8da;--feature-two:#e8dfce;--feature-three:#dce6e1;--quiet-panel:#e6eacb}

.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:12px;min-height:80px;padding-block:16px}
.site-header .brand{grid-column:1;grid-row:1;min-width:0}
.site-header .header-try{grid-column:2;grid-row:1;white-space:nowrap;padding:12px 17px}
.site-header .header-tutorial{
  grid-column:2;
  grid-row:1;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 10px;
  white-space:nowrap;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(242,244,239,.72);
}
.site-header .header-tutorial:hover{color:#f2f4ef}
.site-header .header-tutorial span{font-size:0}
.site-header .header-tutorial span::before{
  content:'north_east';
  display:block;
  font-family:'Material Symbols Outlined';
  font-size:18px;
  font-weight:400;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  -webkit-font-feature-settings:'liga';
  font-feature-settings:'liga';
}
.theme-toggle{grid-column:3;grid-row:1;justify-self:end}
.case-shortcuts{display:block;padding:16px 0 34px}
.case-shortcuts .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:12px}
.case-shortcuts ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.case-shortcuts a{display:block;overflow:hidden;border-radius:9px;color:var(--ink);background:var(--paper);box-shadow:0 5px 16px #173d3812;transition:transform .2s,box-shadow .2s}
.case-shortcuts a:hover{transform:translateY(-3px);box-shadow:0 10px 22px #173d3820}
.case-shortcuts img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.case-shortcuts span{display:block;padding:8px 9px 9px;font-size:11px;font-weight:700;line-height:1.25}
.case-shortcuts a[aria-current="page"]{outline:3px solid var(--button);outline-offset:2px}
.case-mini-nav{padding:8px 0 18px}.case-mini-nav ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.case-mini-nav a{display:flex;align-items:center;gap:7px;min-height:44px;padding:4px;border-radius:7px;background:var(--proof-panel);color:var(--ink);font-size:12px;font-weight:700;line-height:1.2}.case-mini-nav a:hover{background:var(--hero-panel)}.case-mini-nav img{width:56px;height:38px;flex:0 0 56px;object-fit:cover;border-radius:4px}.case-mini-nav a[aria-current="page"]{outline:2px solid var(--button);outline-offset:1px}
@media(max-width:760px){.site-header{padding:12px 22px;gap:8px;min-height:68px}.site-header .brand{font-size:21px;gap:8px}.site-header .brand img{width:36px;height:36px}.site-header .header-try{font-size:11px;padding:12px 13px}.case-shortcuts{padding-top:8px;padding-bottom:24px}.case-shortcuts ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.case-shortcuts span{padding:7px;font-size:10px}}
@media(max-width:760px){.case-mini-nav{padding-top:4px}.case-mini-nav ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.case-mini-nav a{font-size:12px}}
@media(max-width:420px){.case-shortcuts ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.site-header{padding-inline:12px;gap:6px}.site-header .brand{font-size:17px;gap:5px}.site-header .brand img{width:27px;height:27px}.site-header .header-try{padding-inline:10px;font-size:10px}}
@media(forced-colors:active){.theme-toggle,.case-shortcuts a{border:1px solid ButtonText}.case-shortcuts a[aria-current="page"]{outline:2px solid Highlight;outline-offset:1px}}
/* QR glyph inside app launch buttons */
.button .qr-glyph{display:inline-flex;width:80px;height:80px;align-items:center;justify-content:center;margin-left:-18px;margin-right:-13px;border-radius:6px;overflow:hidden;background:#fff url('assets/index2-open-app-qr.svg') center/80px 80px no-repeat;mix-blend-mode:multiply}.button .qr-glyph svg{display:none}.button.small .qr-glyph{margin-left:-12px;margin-right:-13px}
/* Feature band: give the core benefits a stronger visual rhythm. */
.benefit-strip{background:var(--hero-panel);color:var(--ink);border-block:1px solid var(--line)}.benefit-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-block:28px}.benefit-strip span{display:flex;align-items:center;gap:12px;min-height:42px;padding-inline:22px;font-size:13px;line-height:1.35}.benefit-strip span+span{border-left:1px solid var(--line)}.benefit-strip span:before{content:'✓';display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin:0;border:1px solid var(--category);border-radius:50%;color:var(--category);font-size:14px;font-weight:700}
@media(max-width:760px){.benefit-strip .wrap{grid-template-columns:1fr 1fr;gap:0;padding-block:12px}.benefit-strip span{width:auto;min-height:62px;padding:12px 8px;font-size:12px;gap:8px}.benefit-strip span:before{flex-basis:24px;width:24px;height:24px;font-size:12px}.benefit-strip span+span{border-left:0}.benefit-strip span:nth-child(even){border-left:1px solid var(--line)}.benefit-strip span:nth-child(n+3){border-top:1px solid var(--line)}}
.button .qr-glyph{mix-blend-mode:normal;background-color:var(--white);border:2px solid var(--white);box-shadow:0 0 0 1px color-mix(in srgb,var(--button-text) 22%,transparent)}
:root{--button:#dbe7a3;--button-text:#25382f;--button-hover:#edf1c6}.button .qr-glyph{mix-blend-mode:multiply;border-color:var(--button)}
/* Light theme uses dark-green buttons — invert the black QR so modules read white. */
:root[data-theme="light"] .button:not(.light) .qr-glyph{mix-blend-mode:screen;filter:invert(1);border-color:transparent;box-shadow:none}
.cta-subline{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:22px;color:var(--band-muted)!important;font-size:17px!important}.cta-subline span+span{padding-left:30px;border-left:1px solid var(--band-muted)}
@media(max-width:760px){.cta-subline{gap:12px 20px;font-size:15px!important}.cta-subline span+span{padding-left:20px}}
.button[data-app-link]{font-size:0}.button[data-app-link]::before{content:'Get BoxSeek QR\A for free, forever.';white-space:pre;text-align:center;font-size:21px;line-height:1.25}.button[data-app-link] .qr-glyph,.button[data-app-link]>span:last-child{font-size:20px}
@media(max-width:760px){.button[data-app-link]::before{font-size:18px}}
@media(max-width:760px){.final-cta .button{width:100%;min-width:0}}
.quiet-promise{font-family:var(--serif);font-size:clamp(36px,4vw,56px)!important;line-height:1.08;color:var(--ink)!important;margin:20px auto 30px!important;max-width:900px}
.benefit-strip span:before{content:'check';font-family:'Material Symbols Outlined';font-size:18px;font-weight:400;line-height:1}.faqs summary:after{content:'add';font-family:'Material Symbols Outlined';font-size:22px;line-height:1}.faqs details[open] summary:after{content:'remove'}
/* Google Material Symbols for interface icons; the QR image and brand mark remain real assets. */
.button[data-app-link]>span:last-child::before,.hero-tutorial a span::before,.text-link span::before,footer>a:last-child span::before,.visual-top span:last-child::before,.extras article>span::before{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}
.button[data-app-link]>span:last-child,.text-link span,footer>a:last-child span,.visual-top span:last-child,.extras article>span{font-size:0}.button[data-app-link]>span:last-child::before,.hero-tutorial a span::before{content:'north_east';font-size:20px}.hero-tutorial a span{font-size:0}.text-link span::before{content:'south';font-size:18px}footer>a:last-child span::before{content:'north';font-size:18px}.visual-top span:last-child::before{content:'south_west';font-size:27px}.extras article:nth-child(1)>span::before{content:'north_east';font-size:28px}.extras article:nth-child(2)>span::before{content:'schedule';font-size:28px}.extras article:nth-child(3)>span::before{content:'download';font-size:28px}
.proof-copy>p{font-size:16px}.proof-copy .eyebrow{font-size:12px}.proof-copy p.fine{font-size:13px}

/* Floating-note check: inline SVG, sized and nudged for optical center. */
.note-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:0;line-height:0}
.note-check::before{content:none}
.note-check svg{display:block;width:22px;height:22px;margin:1px 0 0 1px;overflow:visible}
/* Keep the floating tag readable against the hero panel. */
.floating-note{background:var(--white);border:1px solid var(--line);box-shadow:0 16px 42px #00000038,0 4px 14px #00000022;color:var(--ink);font-size:14px}
.floating-note strong{color:var(--ink)}
:root:not([data-theme="light"]) .floating-note{background:#313b36;border-color:#4a564f;box-shadow:0 18px 48px #00000070,0 0 0 1px #ffffff0d}
:root[data-theme="light"] .floating-note{background:var(--white);border-color:var(--line);box-shadow:0 16px 42px #173d3828,0 4px 14px #173d3818}
.proof-copy>p{font-size:17px}.proof-copy .eyebrow{font-size:12px}.proof-copy p.fine{font-size:14px}
/* Readable type: lift small/UI sizes; leave display headlines alone. */
body{font-size:17px}
.eyebrow{font-size:12px;letter-spacing:1.5px}
.site-header nav{font-size:14px}
.button{font-size:15px}
.button.small{font-size:13px}
.intro{font-size:18px}
.text-link{font-size:14px}
.fine{font-size:14px}
.visual-top{font-size:12px;letter-spacing:1.5px}
.visual-caption{font-size:12px}
.benefit-strip{font-size:14px}
.benefit-strip span{font-size:14px}
.section-heading>p{font-size:16px}
.steps p{font-size:15px}
.zoom-label{font-size:12px}
.category{font-size:11px;letter-spacing:1.4px}
.audiences p{font-size:15px}
.use-example{font-size:12px}
.feature-gallery p{font-size:15px}
.extras p{font-size:14px}
.quiet-band p:not(.eyebrow){font-size:16px}
summary{font-size:16px}
.faqs details p{font-size:15px}
.final-cta p:not(.eyebrow){font-size:15px}
.cta-subline{font-size:18px!important}
footer p,footer>a:last-child{font-size:13px}
.menu-toggle,.close-dialog{font-size:14px}
dialog p{font-size:14px}
.screen-link>span>span:last-child{font-size:13px}
.case-shortcuts .eyebrow{font-size:11px}
.case-shortcuts span{font-size:12px}
.case-mini-nav a{font-size:13px}
.site-header .header-try{font-size:13px}
@media(max-width:1050px){.floating-note{font-size:13px}.hero-copy .eyebrow{font-size:11px}}
@media(max-width:760px){body{font-size:16px}.hero-copy .eyebrow{font-size:11px}.intro{font-size:17px}.floating-note{font-size:13px}.benefit-strip,.benefit-strip span{font-size:13px}.section-heading>p{font-size:15px}.eyebrow{font-size:11px}.zoom-label{font-size:11px}.audiences p{font-size:14px}.category{font-size:10px}.use-example{font-size:11px}.quiet-band p:not(.eyebrow){font-size:15px}.text-link{font-size:13px}.button{font-size:14px}.case-shortcuts span{font-size:12px}.case-mini-nav a{font-size:13px}.site-header .header-try{font-size:12px}.cta-subline{font-size:16px!important}.fine{font-size:13px}}
@media(max-width:360px){.site-header .header-try{font-size:11px}.case-shortcuts span{font-size:11px}}
/* Shared sticky header + theme toggle — homepage look on every page. */
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  width:100%;
  max-width:none;
  margin:0;
  padding-inline:max(24px,calc((100% - 1200px) / 2));
  background:rgba(10,12,11,0.78);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(242,244,239,0.1);
  color:#f2f4ef;
}
.site-header .brand{color:#f2f4ef}
.theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  border-radius:50%;
  line-height:0;
  font-size:0;
  overflow:hidden;
  background:#f2f4ef;
  color:#0d0f0e;
  border:1px solid #f2f4ef;
}
.theme-toggle:hover{background:#e5e8df}
.theme-toggle svg,.theme-toggle .material-symbols-outlined{display:none}
.theme-toggle::before{
  content:'light_mode';
  display:block;
  width:22px;
  height:22px;
  font-size:22px;
  line-height:22px;
  text-align:center;
  color:#0d0f0e;
  font-family:'Material Symbols Outlined';
  font-weight:400;
  font-style:normal;
  letter-spacing:normal;
  text-transform:none;
  -webkit-font-feature-settings:'liga';
  font-feature-settings:'liga';
  -webkit-font-smoothing:antialiased;
}
/* Light mode: white moon on the same dark glass header. */
:root[data-theme="light"] .theme-toggle{
  background:transparent;
  color:#fff;
  border-color:rgba(242,244,239,0.35);
}
:root[data-theme="light"] .theme-toggle::before{content:'dark_mode';color:#fff}
:root[data-theme="light"] .theme-toggle:hover{background:rgba(242,244,239,0.14)}
@media(max-width:760px){
  .site-header{padding-inline:22px}
}
@media(max-width:360px){
  .site-header{padding-inline:12px}
}