/* Original Viondo layout. App Store badge uses a monochrome inverse in dark mode. */
:root{color-scheme:light;--yellow:#ffd447;--ink:#1d1d1f;--muted:#6e6e73;--paper:#f5f5f7;--line:#e5e5e9;--header:72px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #957100;outline-offset:5px}img{display:block;max-width:100%;height:auto}main,footer,.header-inner{width:min(1200px,100%);margin:auto}main{padding:0 40px}.site-header{position:sticky;top:0;z-index:20;background:#f5f5f7ed;backdrop-filter:blur(18px);border-bottom:1px solid #0000000d}.header-inner{height:var(--header);padding:0 40px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand img{border-radius:8px}.header-inner nav{margin-left:auto;display:flex;gap:28px;font-size:14px;color:var(--muted)}.header-inner nav a{text-decoration:none}.header-inner nav a:hover{color:var(--ink)}.store-badge{display:inline-block;line-height:0;flex-shrink:0}.store-badge img{width:180px;height:60px}.store-badge-small img{width:120px;height:40px}.store-badge:hover{opacity:.86}.hero{min-height:calc(100svh - var(--header));display:grid;grid-template-columns:1.15fr 1fr;gap:76px;align-items:center;padding:48px 0 64px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:650;margin:0 0 20px;color:var(--muted)}h1,h2,h3{text-wrap:balance}.hero h1{font-size:clamp(44px,4.7vw,66px);line-height:1.08;letter-spacing:-2.6px;margin:0 0 24px;font-weight:750}.lede{font-size:19px;line-height:1.65;color:var(--muted);max-width:510px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:550;text-decoration:none}.compatibility{font-size:12px;color:var(--muted);margin-top:20px}.hero-art{display:flex;justify-content:center;align-items:center;min-width:0}.hero-art img{height:min(65svh,590px);width:auto;max-width:100%;object-fit:contain;border-radius:22px;box-shadow:0 16px 48px #1d1d1f15}.section{padding:80px 0}.section-heading{max-width:660px;margin-bottom:36px}h2{font-size:clamp(30px,3vw,42px);line-height:1.16;letter-spacing:-1.4px;margin:0 0 16px}.section-heading p:not(.eyebrow){color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-grid article{background:#fff;border:1px solid #00000008;border-radius:24px;padding:32px}.feature-icon{display:grid;place-items:center;width:46px;height:46px;background:#f5f5f7;border-radius:14px;margin-bottom:24px}.feature-icon svg{width:25px;height:25px}h3{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}.feature-grid p,.steps p{font-size:16px;color:var(--muted);margin:0}.screenshots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.screenshots img{width:100%;border-radius:20px}.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.steps li{background:white;border:1px solid #00000008;border-radius:24px;padding:30px}.steps li>span{display:grid;place-items:center;width:40px;height:40px;font-size:14px;font-weight:650;border-radius:50%;background:#f5f5f7;margin-bottom:24px}.faq-section{display:grid;grid-template-columns:.85fr 1.3fr;gap:64px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-list details{background:#fff;border-radius:18px;border:1px solid #00000008}summary{position:relative;cursor:pointer;list-style:none;font-size:16px;font-weight:600;padding:22px 56px 22px 24px}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:22px;top:18px;font-size:24px;font-weight:400;color:var(--muted)}details[open]>summary::after{content:'−'}.faq-list p{padding:0 24px 24px;margin:0;font-size:15px;color:var(--muted)}.download-section{padding:56px 32px;margin:36px 0 72px;text-align:center;background:#fff;border-radius:28px;border:1px solid #00000008}.download-section>img{border-radius:16px;margin:0 auto 24px}.download-section p{color:var(--muted);margin:0 0 24px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:32px 40px}footer p{font-size:12px;color:var(--muted)}footer nav{display:flex;gap:24px;font-size:13px;color:var(--muted)}footer nav a{text-decoration:none}.button{display:inline-block;padding:12px 20px;border-radius:14px;background:var(--yellow);font-weight:600;text-decoration:none}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:30}.skip:focus{top:10px}
.legal-head{padding:64px 0 42px;max-width:780px}.legal-head h1{font-size:clamp(42px,5vw,64px);line-height:1.08;letter-spacing:-2px;margin:0 0 24px}.legal-head>p:not(.eyebrow){color:var(--muted)}.date{font-size:13px}.legal-layout{display:grid;grid-template-columns:230px minmax(0,730px);gap:64px;padding-bottom:72px}.legal-layout aside nav{display:flex;flex-direction:column;gap:13px;border-top:2px solid var(--ink);padding-top:20px}.legal-layout article section{margin-bottom:36px}.legal-layout h2{font-size:23px;letter-spacing:-.4px}.legal-layout p{font-size:16px;overflow-wrap:anywhere}.contact{padding:28px;background:var(--yellow);border-radius:16px}.contact p{margin-bottom:0}

@media(max-width:1000px){.hero{gap:36px}.hero h1{font-size:50px}.header-inner{gap:24px}.header-inner nav{gap:22px}.steps li{padding:24px}.faq-section{gap:32px}}
@media(max-width:700px){:root{--header:108px}html{scroll-padding-top:132px}main{padding:0 20px}.header-inner{height:108px;padding:12px 20px;display:grid;grid-template-columns:1fr auto;gap:10px}.brand{font-size:22px}.header-inner nav{grid-row:2;grid-column:1/-1;justify-content:space-between;margin:0;font-size:13px}.header-inner>.store-badge{grid-row:1;grid-column:2}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0 52px;min-height:calc(100svh - 108px)}.hero h1{font-size:clamp(38px,9vw,54px);letter-spacing:-1.8px}.lede{font-size:17px}.hero-actions{gap:20px}.hero-art img{height:auto;width:240px;max-width:70%;border-radius:18px}.section{padding:48px 0}.feature-grid,.steps,.faq-section{grid-template-columns:1fr}.feature-grid article{padding:28px}.section-heading{margin-bottom:28px}.feature-icon{margin-bottom:20px}.screenshots{display:flex;overflow-x:auto;gap:16px;padding-bottom:16px;scroll-snap-type:x mandatory}.screenshots img{width:76%;flex:0 0 76%;scroll-snap-align:start;border-radius:18px}.faq-section{gap:8px}.steps li{padding:28px}.download-section{margin:24px 0 48px;padding:40px 24px}footer{padding:28px 20px;align-items:flex-start;flex-direction:column}footer nav{gap:18px;flex-wrap:wrap}.legal-layout{grid-template-columns:1fr;gap:30px}.legal-layout aside nav{flex-direction:row;flex-wrap:wrap}.legal-head{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* October 19: compact downloads, landscape hero and restrained card motion. */
.brand-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;background:var(--yellow);border-radius:999px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:650;flex-shrink:0;transition:box-shadow .2s,transform .2s}
.brand-download svg{width:23px;height:23px}.brand-download:hover{box-shadow:0 5px 16px #b28a0026;transform:translateY(-1px)}
.store-badge{border-radius:8px;box-shadow:0 5px 14px #00000018;transition:transform .2s,box-shadow .2s}.store-badge img{width:144px;height:48px}.store-badge:hover{opacity:1;transform:translateY(-2px);box-shadow:0 9px 22px #00000022}
.hero{grid-template-columns:1fr 1.15fr;gap:48px}.hero h1{font-size:clamp(40px,4.2vw,60px)}.hero-art img{width:100%;height:auto;max-width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:26px;box-shadow:0 20px 50px #1d1d1f20}.hero .lede{font-size:18px}.download-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin:20px 0 0}.download-note svg{width:18px;height:18px;fill:none;stroke:#9a7400;stroke-width:1.7;flex-shrink:0}.compatibility{margin-top:8px}
.feature-icon{background:var(--yellow);color:var(--ink)}.feature-grid article{padding:34px;transition:transform .25s ease,box-shadow .25s ease}.screenshots{max-width:940px;margin:auto;gap:16px}.screenshots img{border-radius:16px}.preview-section{padding-top:60px;padding-bottom:60px}.steps li{transition:transform .25s,box-shadow .25s}
@media(hover:hover){.feature-grid article:hover,.steps li:hover{transform:translateY(-4px);box-shadow:0 14px 32px #1d1d1f0a}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:gentle-in .65s ease both}.hero-art{animation:gentle-in .8s .1s ease both}@keyframes gentle-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){.hero{gap:28px}.hero h1{font-size:46px}}
@media(max-width:700px){.header-inner>.brand-download{grid-row:1;grid-column:2}.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(38px,9vw,54px)}.hero-art img{width:100%;max-width:100%;height:auto;border-radius:20px}.download-note{font-size:12px}.feature-grid article{padding:28px}.screenshots img{width:62%;flex-basis:62%}.screenshots{gap:14px}.preview-section{padding:40px 0}}
@media(prefers-reduced-motion:reduce){.brand-download,.store-badge,.feature-grid article,.steps li{transition:none;transform:none!important}}

:root{--surface:#fff;--header-bg:#f5f5f7ed;--soft:#f5f5f7;--card-border:#00000008}
:root[data-theme="dark"]{color-scheme:dark;--paper:#19191b;--ink:#f5f5f7;--muted:#acacb3;--line:#343438;--surface:#242427;--header-bg:#19191bf0;--soft:#303034;--card-border:#ffffff0b}
.site-header{background:var(--header-bg);border-color:var(--line)}.feature-grid article,.steps li,.faq-list details,.download-section{background:var(--surface);border-color:var(--card-border)}.steps li>span{background:var(--soft)}.feature-icon,.brand-download,.button,.contact{color:#1d1d1f}.skip{background:var(--surface)}.download-note svg{stroke:currentColor}
.theme-toggle{display:grid;place-items:center;position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .sun{display:none}[data-theme="dark"] .theme-toggle .sun{display:block}[data-theme="dark"] .theme-toggle .moon{display:none}.theme-toggle:focus-visible{outline:3px solid #b48d10;outline-offset:4px}.header-inner{gap:22px}[data-theme="dark"] .store-badge{box-shadow:0 0 0 1px #ffffff40,0 5px 16px #00000026}[data-theme="dark"] .hero-art img{box-shadow:0 20px 50px #00000036}
@media(max-width:700px){.header-inner{grid-template-columns:1fr auto auto;gap:10px}.header-inner>.theme-toggle{grid-column:2;grid-row:1}.header-inner>.brand-download{grid-column:3}.header-inner nav{grid-column:1/-1}.brand-download{padding:9px 12px;font-size:13px}.theme-toggle{width:36px;height:36px}.brand{font-size:21px;gap:7px}.brand img{width:28px;height:28px}}

.content-disclaimer{max-width:1120px;margin:0 auto 28px;padding:0 24px;font-size:12px;line-height:1.7;color:var(--muted);text-align:center}

/* Subtle screen illumination and compact feature explanations. */
.download-note svg{color:var(--yellow);stroke:var(--yellow)}
.hero-art{position:relative;isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:-12% -10%;z-index:-1;border-radius:40%;background:radial-gradient(ellipse,#ffd44740 0%,#ffd44720 55%,transparent 76%);filter:blur(32px);opacity:0;pointer-events:none;transition:opacity .3s}
[data-theme="dark"] .hero-art::before{opacity:1}
[data-theme="dark"] .store-badge img{filter:invert(1)}
[data-theme="dark"] .store-badge{box-shadow:0 5px 18px #0003}
.feature-grid article{position:relative}
.feature-diagram{position:absolute;top:34px;right:30px;width:156px;height:46px;color:var(--muted);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateY(4px);transition:opacity .22s,transform .22s;pointer-events:none}
.diagram-accent,.diagram-progress,.diagram-dot,.diagram-knob,.diagram-search{stroke:var(--yellow)}
.diagram-dot,.diagram-knob{fill:var(--yellow)}
.diagram-line{stroke-dasharray:2 5;opacity:.45}
.feature-grid article:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.feature-grid article:focus-visible .feature-diagram{opacity:1;transform:none}
@media(hover:hover){.feature-grid article:hover .feature-diagram{opacity:1;transform:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.feature-grid article:hover .diagram-dot,.feature-grid article:focus-visible .diagram-dot{animation:diagram-send 1.8s ease both}
.feature-grid article:hover .diagram-arrive,.feature-grid article:focus-visible .diagram-arrive{animation:diagram-arrive 1.8s ease both}
.feature-grid article:hover .diagram-progress,.feature-grid article:focus-visible .diagram-progress{stroke-dasharray:72;animation:diagram-progress 1.8s ease both}
.feature-grid article:hover .diagram-knob,.feature-grid article:focus-visible .diagram-knob{animation:diagram-knob 1.8s ease both}
.feature-grid article:hover .diagram-search,.feature-grid article:focus-visible .diagram-search{animation:diagram-search 1.8s ease both}
}
@keyframes diagram-send{0%,10%{transform:translateX(0);opacity:0}25%{opacity:1}80%,100%{transform:translateX(34px);opacity:0}}
@keyframes diagram-arrive{0%,40%{opacity:.2}100%{opacity:1}}
@keyframes diagram-progress{from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
@keyframes diagram-knob{from{transform:translateX(-15px)}to{transform:translateX(33px)}}
@keyframes diagram-search{0%{transform:translate(-8px,10px)}60%,100%{transform:none}}
@media(hover:none){.feature-diagram{opacity:.75;transform:none}}
@media(max-width:700px){.feature-diagram{top:28px;right:24px;width:140px}}
@media(prefers-reduced-motion:reduce){.feature-diagram{opacity:.75;transform:none;transition:none}.hero-art::before{transition:none}}

/* Story-led Features carousel. Native horizontal scrolling also works without JS. */
.features-section{padding-top:64px}
.feature-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:28px;background:var(--surface);border:1px solid var(--card-border)}
.feature-track::-webkit-scrollbar{display:none}
.feature-track:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
.feature-slide{display:grid;grid-template-columns:1.12fr 1fr;gap:38px;align-items:center;flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:32px}
.feature-photo{min-width:0;overflow:hidden;border-radius:20px}
.feature-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.feature-copy{min-width:0}
.slide-label{font-size:12px;font-weight:650;color:var(--muted);margin:0 0 12px;letter-spacing:.5px}
.feature-copy h3{font-size:clamp(26px,2.5vw,34px);line-height:1.14;letter-spacing:-1px;margin-bottom:16px}
.slide-intro{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.feature-points{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px;line-height:1.5}
.feature-points li{padding-left:18px;position:relative}.feature-points li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--yellow);border-radius:50%}
.feature-explainer{display:flex;align-items:center;gap:18px;padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}
.feature-explainer .feature-diagram{position:static;opacity:1;transform:none;width:140px;height:44px;flex-shrink:0}
.feature-explainer span{font-size:11px;line-height:1.5;color:var(--muted);max-width:140px}
.feature-note{font-size:11px;line-height:1.5;color:var(--muted);margin:14px 0 0}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:24px}
.carousel-controls[hidden]{display:none}
.carousel-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}
.carousel-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.carousel-arrow:hover{background:var(--yellow);color:#1d1d1f;transform:translateY(-1px)}
.carousel-position{display:flex;align-items:center;gap:16px}.carousel-dots{display:flex;gap:0}.carousel-dot{border:0;padding:12px 7px;background:transparent;cursor:pointer}.carousel-dot::after{content:"";display:block;width:7px;height:7px;border-radius:10px;background:var(--muted);opacity:.35;transition:width .2s,opacity .2s}.carousel-dot[aria-current="true"]::after{background:var(--yellow);width:22px;opacity:1}.carousel-status{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.carousel-arrow:focus-visible,.carousel-dot:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.screenshots img{transition:transform .28s ease,box-shadow .28s ease;transform-origin:center}
@media(hover:hover){.screenshots img:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 14px 28px #0002}}
@media(prefers-reduced-motion:no-preference){
.feature-slide.is-active .diagram-dot{animation:diagram-send 1.8s ease both}
.feature-slide.is-active .diagram-arrive{animation:diagram-arrive 1.8s ease both}
.feature-slide.is-active .diagram-progress{stroke-dasharray:72;animation:diagram-progress 1.8s ease both}
.feature-slide.is-active .diagram-knob{animation:diagram-knob 1.8s ease both}
.feature-slide.is-active:hover .feature-diagram{animation:scheme-nudge .4s ease both}
@keyframes scheme-nudge{from{transform:translateY(2px);opacity:.6}to{transform:none;opacity:1}}
}
@media(max-width:1000px){.feature-slide{padding:24px;gap:24px;grid-template-columns:1fr 1fr}.feature-copy h3{font-size:28px}.slide-intro{font-size:15px}.feature-explainer{gap:10px}.feature-explainer .feature-diagram{width:112px}}
@media(max-width:700px){.features-section{padding-top:40px}.feature-track{border-radius:24px;align-items:stretch}.feature-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:20px;gap:24px;align-items:start}.feature-photo{border-radius:16px}.feature-copy h3{font-size:29px}.feature-explainer .feature-diagram{width:140px}.feature-points{font-size:14px}.carousel-controls{padding-top:16px}.screenshots{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.screenshots img,.carousel-arrow,.carousel-dot::after{transition:none;transform:none!important}}
@media(max-width:700px){.hero-art::before{inset:-8% -4%}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.feature-slide.is-active:hover .diagram-dot{animation-name:story-send}
.feature-slide.is-active:hover .diagram-arrive{animation-name:story-arrive}
.feature-slide.is-active:hover .diagram-progress{animation-name:story-progress}
.feature-slide.is-active:hover .diagram-knob{animation-name:story-knob}
@keyframes story-send{0%,10%{transform:translateX(0);opacity:0}25%{opacity:1}80%,100%{transform:translateX(34px);opacity:0}}
@keyframes story-arrive{0%,40%{opacity:.2}100%{opacity:1}}
@keyframes story-progress{from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
@keyframes story-knob{from{transform:translateX(-15px)}to{transform:translateX(33px)}}
}

/* Viondo toolkit: asymmetric editorial cards, not a uniform feature list. */
.capabilities-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px}.capabilities-heading h2{font-size:clamp(36px,4.4vw,58px);letter-spacing:-2px;margin:0}.capabilities-heading h2 span{background:var(--yellow);color:#1d1d1f;padding:0 8px;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.capabilities-heading>p{max-width:340px;color:var(--muted);margin:0 0 4px;font-size:16px}.capability-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.capability-card{grid-column:span 2;border:1px solid var(--line);border-radius:26px;background:var(--surface);padding:28px;min-width:0;transition:transform .25s,box-shadow .25s}.capability-lead{grid-column:span 3;background:var(--yellow);color:#1d1d1f;border-color:var(--yellow)}.capability-mirror{grid-column:span 3;background:#242427;color:#f5f5f7;border-color:#343438}.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.capability-top svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.capability-top>span{font-size:11px;letter-spacing:1.4px;font-weight:650}.capability-mirror .capability-top{color:var(--yellow)}.capability-card h3{font-size:22px;line-height:1.2;margin:0 0 12px}.capability-lead h3,.capability-mirror h3{font-size:clamp(28px,2.7vw,36px);letter-spacing:-1px}.capability-card p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.capability-lead p,.capability-lead small{color:#41402d}.capability-mirror p,.capability-mirror small{color:#bdbdc5}.capability-card small{font-size:11px;display:block;margin-top:20px}.capability-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:24px;background:var(--yellow);color:#1d1d1f;border-radius:13px}.capability-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.screen-scheme,.mirror-scheme{height:100px;display:flex;align-items:center;justify-content:center;gap:22px;margin:26px 0 0}.scheme-phone{border:2px solid currentColor;width:38px;height:66px;border-radius:9px;display:grid;place-items:center}.scheme-display{position:relative;border:2px solid currentColor;border-radius:9px;width:150px;height:88px;display:grid;place-items:center;font-size:25px}.scheme-display b{position:absolute;bottom:8px;left:12px;right:12px;height:2px;background:currentColor;opacity:.35}.scheme-link{height:2px;width:60px;background:#1d1d1f40;position:relative}.scheme-link i{position:absolute;width:7px;height:7px;top:-2px;border-radius:50%;background:#1d1d1f}.mirror-scheme>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;border:1px solid #ffffff50;border-radius:13px;transform:rotate(-5deg)}.mirror-scheme>div:last-child{transform:rotate(5deg);padding:22px}.mirror-scheme i{width:22px;height:28px;border-radius:5px;background:var(--yellow);opacity:.85}.mirror-scheme i:nth-child(2){opacity:.5}.mirror-scheme i:nth-child(3){opacity:.25}.mirror-scheme>span{color:var(--yellow);font-size:26px}.setup-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:32px 0;padding:40px 0}.setup-section .section-heading{margin-bottom:28px}.setup-section .steps{gap:30px}.setup-section .steps li{background:none;border:0;border-radius:0;padding:0 0 0 20px;border-left:2px solid var(--yellow)}.setup-section .steps li>span{background:var(--yellow);color:#1d1d1f;border-radius:10px;width:34px;height:34px;margin-bottom:16px}.setup-section .steps h3{font-size:20px}.setup-section .steps p{font-size:14px}.setup-section .steps li:hover{transform:none;box-shadow:none}
@media(hover:hover){.capability-small:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000000b}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.capability-lead:hover .scheme-link i{animation:toolkit-send 1.5s ease infinite}.capability-mirror:hover .mirror-scheme i{animation:toolkit-pulse 1.6s ease both}.capability-mirror:hover .mirror-scheme i:nth-child(2){animation-delay:.12s}.capability-mirror:hover .mirror-scheme i:nth-child(3){animation-delay:.24s}@keyframes toolkit-send{from{transform:translateX(0);opacity:0}30%{opacity:1}to{transform:translateX(54px);opacity:0}}@keyframes toolkit-pulse{50%{transform:translateY(-5px);opacity:1}}}
@media(max-width:900px){.capabilities-heading{gap:24px}.capability-small{grid-column:span 3}.capability-card{padding:24px}.screen-scheme{gap:12px}.scheme-link{width:40px}}
@media(max-width:700px){.capabilities-heading{display:block}.capabilities-heading>p{margin-top:24px;max-width:100%}.capability-grid{grid-template-columns:1fr}.capability-card{grid-column:auto}.capabilities-heading h2{font-size:40px}.capability-small{display:grid;grid-template-columns:42px 1fr;column-gap:18px}.capability-icon{grid-row:1/3;margin:0}.capability-small h3{font-size:21px}.capability-small p{grid-column:2}.setup-section{margin:12px 0;padding:32px 0}.setup-section .steps{gap:24px}}
@media(prefers-reduced-motion:reduce){.capability-card{transition:none;transform:none!important}}

/* October 23: quieter dark surfaces and an integrated Pro section. */
[data-theme="dark"] .capability-lead{background:var(--surface);border-color:var(--line);color:var(--ink)}
[data-theme="dark"] .capability-lead p,[data-theme="dark"] .capability-lead small{color:var(--muted)}
[data-theme="dark"] .capability-lead .capability-top,[data-theme="dark"] .capability-lead .screen-scheme{color:var(--yellow)}
[data-theme="dark"] .capability-lead .scheme-link{background:#ffd44740}
[data-theme="dark"] .capability-lead .scheme-link i{background:var(--yellow)}
[data-theme="dark"] .capabilities-heading h2 span{background:none;color:var(--ink);padding:0;border-radius:0;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:9px}
.pro-panel{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:44px;margin-top:48px;border:0;border-radius:28px;background:linear-gradient(120deg,#fff9e6,var(--surface) 70%)}
.pro-label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.6px;font-weight:700;margin:0 0 22px;color:var(--ink)}
.pro-label svg{width:28px;height:28px;padding:4px;background:var(--yellow);border-radius:8px;fill:none;stroke:#1d1d1f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pro-copy h2{font-size:clamp(30px,3.3vw,44px);line-height:1.15;letter-spacing:-1.3px;margin-bottom:20px}
.pro-copy>p:not(.pro-label){font-size:16px;color:var(--muted);margin:0;line-height:1.65}
.pro-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 20px}.pro-actions>span{font-size:12px;color:var(--muted)}
.pro-copy>p.pro-terms{font-size:11px;line-height:1.6;max-width:440px}
.pro-benefits{list-style:none;margin:0;padding:0;display:grid;gap:24px}.pro-benefits li{display:flex;align-items:flex-start;gap:16px}.pro-benefits h3{font-size:18px;letter-spacing:-.2px;margin:0 0 6px}.pro-benefits p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.pro-check{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--yellow);color:#1d1d1f;font-size:16px;font-weight:650}
[data-theme="dark"] .pro-panel{background:linear-gradient(120deg,#2c2a20,var(--surface) 70%)}
[data-theme="dark"] .pro-label{color:var(--yellow)}
@media(max-width:900px){.pro-panel{padding:32px;gap:32px}}
@media(max-width:700px){.pro-panel{grid-template-columns:1fr;padding:26px;margin-top:28px;gap:30px;border-radius:24px}.pro-copy h2{font-size:34px}.pro-copy>p:not(.pro-label){font-size:15px}.pro-copy>p.pro-terms{font-size:11px}.pro-benefits{gap:22px}.pro-benefits h3{font-size:18px}.pro-actions{gap:14px}.pro-benefits{padding-top:26px;border-top:1px solid var(--line)}}

/* Rounded setup cards and community links share the site surfaces. */
.setup-section{border:0;margin:0;padding:60px 0}
.setup-section .steps{gap:18px}
.setup-section .steps li{background:var(--surface);border:0;border-radius:26px;padding:28px}
.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.step-icon{width:44px;height:44px;background:var(--yellow);border-radius:14px;display:grid;place-items:center;color:#1d1d1f}
.step-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.step-number{font-size:13px;font-weight:600;letter-spacing:1px;color:var(--muted)}
.setup-section .steps h3{font-size:22px;margin:0 0 12px}.setup-section .steps p{font-size:15px;margin:0}
.community-section .section-heading{max-width:none;text-align:center;margin-bottom:30px}
.community-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;max-width:640px;margin:auto}
.community-card{display:flex;align-items:center;gap:20px;background:var(--surface);padding:24px;border-radius:24px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.community-icon{background:#ff4500;display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border-radius:17px}
.community-name{display:grid;gap:2px}.community-name strong{font-size:21px}.community-name>span{color:var(--muted);font-size:15px}.community-arrow{margin-left:auto;font-size:23px;color:var(--muted)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.community-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000012}}
footer{display:block}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%}
footer .content-disclaimer{max-width:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--line);text-align:left;font-size:11px}
@media(max-width:700px){.setup-section{padding:40px 0}.setup-section .steps{gap:16px}.setup-section .steps li{padding:24px}.step-top{margin-bottom:22px}.community-card{padding:22px;gap:16px}.footer-top{flex-direction:column;align-items:flex-start}}

/* Compact supporting sections and a softer feature showcase. */
.community-section{padding:36px 0 40px}
.community-section .section-heading{margin-bottom:20px}
.community-section .eyebrow{font-size:10px;margin-bottom:10px}
.community-section h2{font-size:28px;letter-spacing:-.8px;margin:0 0 10px}
.community-section .section-heading>p:last-child{font-size:14px;margin:0}
.community-links{max-width:420px}
.community-card{padding:16px 20px;border-radius:20px;gap:14px}
.community-icon{width:42px;height:42px;border-radius:13px}.community-icon img{width:25px;height:25px}
.community-name strong{font-size:17px}.community-name>span{font-size:13px}.community-arrow{font-size:19px}
footer{padding-top:24px;padding-bottom:24px}
.footer-top .brand{font-size:20px}.footer-top p{margin:4px 0 0;font-size:11px}
footer nav{font-size:12px;gap:22px}
footer .content-disclaimer{border:0;margin:16px 0 0;padding:0;font-size:11px;line-height:1.6}
.faq-section{display:block;padding:40px 0 48px}
.faq-section .section-heading{max-width:none;margin-bottom:24px;display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:end}
.faq-section .eyebrow{grid-column:1/-1;margin-bottom:12px}.faq-section h2{font-size:34px;letter-spacing:-1px;margin:0}
.faq-section .section-heading>p:last-child{font-size:13px;margin:0}
.faq-list{background:var(--surface);border-radius:28px;padding:14px;display:grid;gap:6px}
.faq-list details{background:var(--paper);border:0;border-radius:16px;margin:0;padding:0}
.faq-list summary{font-size:15px;padding:18px 22px}
.faq-list details>p{font-size:14px;padding:0 22px 20px;margin:0;max-width:900px}
.faq-list details[open]{background:var(--soft)}
.capabilities-heading{align-items:center;margin-bottom:28px}
.capabilities-heading h2{font-size:clamp(34px,3.5vw,44px);letter-spacing:-1.3px}
.capabilities-heading h2 span,[data-theme="dark"] .capabilities-heading h2 span{background:none;padding:0;color:var(--ink);text-decoration:none}
.capability-lead,.capability-mirror,[data-theme="dark"] .capability-lead{background:linear-gradient(120deg,#fff9e6,var(--surface) 80%);color:var(--ink);border:0;padding:32px}
[data-theme="dark"] .capability-lead,[data-theme="dark"] .capability-mirror{background:linear-gradient(120deg,#2c2a20,var(--surface) 80%)}
.capability-lead p,.capability-lead small,.capability-mirror p,.capability-mirror small{color:var(--muted)}
.capability-top{margin-bottom:20px}.capability-top>svg{background:var(--yellow);color:#1d1d1f;width:42px;height:42px;padding:9px;border-radius:13px}
.capability-top>span,.capability-mirror .capability-top{color:var(--muted)}
.capability-lead h3,.capability-mirror h3{font-size:clamp(26px,2.5vw,32px)}
.screen-scheme,.mirror-scheme{height:100px;margin:24px 0 0;color:var(--ink);background:var(--surface);border-radius:20px;padding:14px}
[data-theme="dark"] .screen-scheme{color:var(--yellow)}
.scheme-phone{width:30px;height:54px;border-radius:8px}.scheme-display{width:120px;height:70px;font-size:22px}
.scheme-link{background:var(--line)}.scheme-link i{background:var(--yellow)}
.mirror-scheme>div{border-color:var(--line);transform:none;padding:10px}.mirror-scheme>div:last-child{transform:none;padding:16px}
.mirror-scheme i{width:18px;height:24px}.capability-card small{margin-top:16px}
.capability-small{border:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.capability-lead,.capability-mirror{transition:transform .3s,box-shadow .3s}
.capability-lead:hover,.capability-mirror:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000c}
.capability-mirror:hover .mirror-scheme>div:last-child{animation:screen-receive 1.6s ease both}
@keyframes screen-receive{0%{transform:scale(.96)}55%{transform:scale(1.04)}100%{transform:scale(1)}}
}
@media(max-width:700px){
.community-section{padding:24px 0 32px}.community-section h2{font-size:26px}.community-links{max-width:100%}
.faq-section .section-heading{display:block}.faq-section h2{font-size:30px}.faq-section .section-heading>p:last-child{margin-top:14px}
.faq-list{padding:8px;border-radius:24px}.faq-list summary{padding:16px;font-size:14px}.faq-list details>p{padding:0 16px 18px;font-size:13px}
.capability-lead,.capability-mirror,[data-theme="dark"] .capability-lead{padding:24px}
.footer-top{gap:16px}footer{padding-top:20px;padding-bottom:20px}
}

/* Reveal the warm accent on hover; keep FAQ collapsed as one nested tray. */
.capability-lead,.capability-mirror,[data-theme="dark"] .capability-lead,[data-theme="dark"] .capability-mirror{background:var(--surface)}
@media(hover:hover){
.capability-lead:hover,.capability-mirror:hover{background:linear-gradient(120deg,#fff9e6,var(--surface) 80%)}
[data-theme="dark"] .capability-lead:hover,[data-theme="dark"] .capability-mirror:hover{background:linear-gradient(120deg,#2c2a20,var(--surface) 80%)}
}
.faq-tray{background:var(--surface);border-radius:24px}
.faq-tray>summary{padding:24px 60px 24px 24px;font-size:18px}
.faq-tray>summary::after{top:50%;transform:translateY(-50%)}
.faq-tray .faq-list{padding-top:0}
.faq-list summary{padding-right:56px}
.faq-list summary::after{top:50%;transform:translateY(-50%)}
@media(max-width:700px){.faq-tray>summary{font-size:16px;padding:20px 52px 20px 20px}.faq-list summary{padding-right:48px}}

.step-scheme{width:132px;height:54px;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .25s}
.step-motion-signal{fill:var(--yellow);stroke:var(--yellow)}.step-motion-progress{stroke:var(--yellow);stroke-width:3;stroke-dasharray:54;stroke-dashoffset:54}
@media(hover:hover){.setup-section .steps li:hover .step-scheme{opacity:1}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.setup-section .steps li{transition:transform .25s,box-shadow .25s}
.setup-section .steps li:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000012}
.steps li:hover .step-motion-file{animation:step-import 2s ease infinite}
.steps li:hover .step-motion-signal{animation:step-signal 1.6s ease infinite}
.steps li:hover .step-motion-progress{animation:step-play 2.2s ease infinite}
@keyframes step-import{0%{transform:translateY(-5px);opacity:0}30%,65%{transform:translateY(5px);opacity:1}100%{transform:translate(54px,8px);opacity:0}}
@keyframes step-signal{0%{transform:translateX(0);opacity:0}25%{opacity:1}100%{transform:translateX(25px);opacity:0}}
@keyframes step-play{0%,10%{stroke-dashoffset:54}85%,100%{stroke-dashoffset:0}}
}
@media(hover:none){.step-scheme{opacity:.7}}

/* Keep the moments, setup and app preview closely connected. */
#moments{padding-bottom:24px}
.setup-section{padding:24px 0 32px}
.setup-section .section-heading{margin-bottom:24px}
.setup-section .eyebrow{margin-bottom:12px}
.preview-section{padding-top:32px}
@media(max-width:700px){#moments{padding-bottom:16px}.setup-section{padding:20px 0 24px}.preview-section{padding-top:24px}}

/* Mobile-first refinement; desktop 1.0 layout is preserved. */
.menu-toggle,.capability-pagination{display:none}.capability-track{display:contents}
@media(max-width:700px){
:root{--header:64px}html{scroll-padding-top:76px}
.header-inner{display:flex;height:64px;min-height:64px;padding:0 16px;gap:6px;flex-wrap:nowrap;position:relative}
.header-inner .brand{font-size:21px;gap:6px;margin-right:auto}.header-inner .brand img{width:28px;height:28px}
.header-inner .theme-toggle{width:40px;height:44px;min-width:40px;margin:0;order:0;border:0}
.menu-toggle{display:grid;place-items:center;width:40px;height:44px;flex:0 0 40px;padding:8px;background:none;border:0;color:var(--ink);border-radius:12px}
.menu-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.menu-toggle:focus-visible{outline:2px solid var(--yellow)}
.header-inner .brand-download{padding:10px 12px;font-size:13px;gap:5px;min-height:44px;margin:0;order:0}
.header-inner .brand-download svg{width:18px;height:18px}
.header-inner nav{display:none;position:absolute;top:58px;right:16px;left:16px;width:auto;flex-direction:column;gap:0;margin:0;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 36px #0002;order:0}
.header-inner nav.is-open{display:flex}.header-inner nav a{padding:12px 16px;font-size:15px}
main{padding:0 16px}.section{padding-top:36px;padding-bottom:36px}
.hero{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:calc(100svh - 64px);padding:14px 0 20px}
.hero-art{order:-1;width:100%}.hero-art img{width:100%;height:clamp(120px,24svh,210px);object-fit:cover;border-radius:22px}
.hero-copy{width:100%}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 0 8px}
.hero h1{font-size:clamp(30px,8.4vw,38px);letter-spacing:-1.4px;line-height:1.05;margin:0 0 12px}
.hero .lede{font-size:14px;line-height:1.5;margin:0 0 16px;max-width:none}
.hero-actions{gap:16px;flex-wrap:nowrap}.hero-actions .store-badge img{width:138px;height:46px}.hero-actions .text-link{font-size:12px}
.hero .download-note{font-size:10px;gap:6px;margin:12px 0 0}.hero .download-note svg{width:15px;height:15px}
.hero .compatibility{font-size:10px;margin:5px 0 0}
.capabilities-heading h2{font-size:30px}.capabilities-heading{margin-bottom:20px}.capabilities-heading .eyebrow{font-size:10px;margin-bottom:10px}
.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.capability-track{display:flex;grid-column:1/-1;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:22px;position:relative}
.capability-track::-webkit-scrollbar{display:none}
.capability-track .capability-card{flex:0 0 92%;scroll-snap-align:start;min-width:0;padding:22px;border-radius:22px}
.capability-track .is-selected{background:linear-gradient(120deg,#fff9e6,var(--surface) 80%)}
[data-theme="dark"] .capability-track .is-selected{background:linear-gradient(120deg,#2c2a20,var(--surface) 80%)}
.capability-top{margin-bottom:16px}.capability-top>svg{width:36px;height:36px;padding:7px}.capability-top>span{font-size:9px}
.capability-track h3{font-size:25px}.capability-track p{font-size:13px;line-height:1.5}.capability-track small{font-size:10px;line-height:1.45}
.capability-track .screen-scheme,.capability-track .mirror-scheme{height:86px;margin-top:18px;gap:12px;padding:10px}
.capability-pagination{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:4px;margin:-4px 0 4px}
.capability-pagination span{font-size:10px;color:var(--muted);margin:0 8px}.capability-pagination button{width:44px;height:36px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.capability-pagination button::after{content:"";width:6px;height:6px;border-radius:6px;background:var(--muted);opacity:.35}.capability-pagination button[aria-current="true"]::after{width:18px;background:var(--yellow);opacity:1}
.capability-small{display:block;padding:16px;border-radius:20px;grid-column:auto}
.capability-small .capability-icon{width:32px;height:32px;border-radius:10px;margin-bottom:12px}.capability-small .capability-icon svg{width:19px;height:19px}
.capability-small h3{font-size:16px;line-height:1.2;margin-bottom:8px;letter-spacing:-.3px}.capability-small p{font-size:12px;line-height:1.45}
#moments{padding-top:28px;padding-bottom:16px}
#moments .section-heading{margin-bottom:16px}#moments .eyebrow{font-size:10px;margin-bottom:8px}#moments h2{font-size:28px;margin-bottom:8px}#moments .section-heading>p:last-child{font-size:12px}
.feature-slide{padding:14px;gap:12px;grid-template-rows:auto 1fr}.feature-photo img{height:clamp(110px,22svh,185px);aspect-ratio:auto;object-fit:cover}
.slide-label{font-size:10px;margin-bottom:6px}.feature-copy h3{font-size:23px;margin-bottom:8px;letter-spacing:-.6px}.slide-intro{font-size:12px;line-height:1.45;margin-bottom:10px}.feature-points{font-size:11px;line-height:1.45;gap:5px}.feature-points li{padding-left:14px}
.feature-explainer{margin-top:10px;padding-top:8px;gap:12px}.feature-explainer .feature-diagram{width:100px;height:30px}.feature-explainer span{font-size:9px}.feature-note{font-size:9px;margin-top:7px;line-height:1.4}
.carousel-controls{padding-top:8px}.carousel-arrow{width:40px;height:40px}.carousel-position{gap:8px}
.setup-section{padding:20px 0 24px}.setup-section h2{font-size:27px}.setup-section .section-heading{margin-bottom:16px}.setup-section .eyebrow{font-size:10px;margin-bottom:8px}
.setup-section .steps{gap:10px}.setup-section .steps li{padding:16px 18px;border-radius:20px}.step-top{margin-bottom:10px;height:32px}.step-icon{width:32px;height:32px;border-radius:10px}.step-icon svg{width:19px;height:19px}.step-scheme{height:32px;width:90px}.step-number{font-size:10px}.setup-section .steps h3{font-size:18px;margin-bottom:6px}.setup-section .steps p{font-size:12px;line-height:1.45}
.pro-panel{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:22px;margin-top:28px}
.pro-copy{display:contents}.pro-label{order:0;font-size:10px;margin:0 0 12px}.pro-copy h2{order:1;font-size:30px;line-height:1.1;margin:0 0 12px}.pro-copy>p:not(.pro-label){order:2;font-size:13px;line-height:1.45;margin:0}
.pro-benefits{order:3;border:0;padding:0;margin:18px 0;gap:12px}.pro-benefits li{gap:10px}.pro-benefits h3{font-size:15px;margin-bottom:3px}.pro-benefits p{font-size:11px;line-height:1.4}.pro-check{flex-basis:21px;height:21px;font-size:13px}
.pro-actions{order:4;margin:0 0 12px;gap:14px}.pro-actions .store-badge img{width:138px;height:46px}.pro-actions>span{font-size:11px}
.pro-copy>p.pro-terms{order:5;font-size:9px;line-height:1.45}
}
@media(max-width:700px) and (max-height:640px){
.hero{gap:10px;padding:10px 0 14px}.hero-art img{height:18svh}.hero h1{font-size:30px;margin-bottom:8px}.hero .lede{font-size:12px;margin-bottom:10px}.hero .eyebrow{margin-bottom:6px}.hero .download-note{margin-top:8px}
#moments h2{font-size:25px}.feature-photo img{height:16svh}.feature-slide{gap:10px}.feature-copy h3{font-size:21px}.feature-explainer{display:none}
.pro-panel{padding:18px}.pro-copy h2{font-size:27px}.pro-benefits{gap:9px;margin:12px 0}.pro-label{margin-bottom:8px}
}
@media(max-width:700px) and (max-height:740px){
#moments{padding-top:16px;padding-bottom:12px}
.feature-photo img{height:18svh}
.feature-explainer{display:none}
.pro-panel{padding:18px}.pro-copy h2{font-size:27px}.pro-benefits{gap:9px;margin:12px 0}.pro-label{margin-bottom:8px}
}
@media(max-width:360px){
.header-inner{padding:0 12px;gap:2px}.header-inner .brand{font-size:18px;gap:5px}.header-inner .brand img{width:25px;height:25px}.header-inner .brand-download{padding:10px 9px;font-size:12px}.header-inner .theme-toggle,.menu-toggle{width:36px;min-width:36px;flex-basis:36px}
}

.pro-actions>span{color:#18733c;font-weight:650}[data-theme="dark"] .pro-actions>span{color:#62d88d}
.community-links{max-width:420px;grid-template-columns:1fr}
.email-card{position:relative;gap:8px}.email-link{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-decoration:none}.email-icon{background:#0783ff}.email-icon svg{width:27px;height:27px;fill:none;stroke:white;stroke-width:2;stroke-linejoin:round}
.copy-email{display:grid;place-items:center;flex:0 0 44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.copy-email svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.copy-status{position:absolute;bottom:3px;right:20px;color:var(--muted);font-size:10px}
@media(max-width:700px){
.header-inner .menu-toggle{order:2}.header-inner .brand-download{order:1}
.hero{justify-content:space-between;gap:12px;padding:20px 0 24px;min-height:calc(100svh - 65px)}
.hero-copy{display:contents;animation:none}
.hero .eyebrow{order:-3;width:100%;font-size:12px;font-weight:700;letter-spacing:1.6px;margin:0;color:var(--muted)}
.hero-art{order:-2;animation:none}.hero-art img{height:clamp(145px,calc(100svh - 425px),360px)}
.hero h1{width:100%;font-size:34px;margin:0;line-height:1.08}.hero .lede{font-size:14px;margin:0;line-height:1.5}.hero-actions{width:100%;margin:0}.hero .download-note{width:100%;margin:0;font-size:11px}.hero .compatibility{width:100%;margin:0;font-size:10px}
.community-links{max-width:100%}.email-card{padding:14px}.email-link{gap:10px}.email-link .community-name>span{font-size:12px}.email-link .community-arrow{font-size:17px}
}
@media(max-width:700px) and (max-height:650px){.hero{padding:14px 0 18px;gap:9px}.hero-art img{height:clamp(120px,calc(100svh - 405px),245px)}.hero h1{font-size:30px}.hero .lede{font-size:12px}.hero .download-note{font-size:10px}}

/* Compact navigation and aligned contact actions. */
:root{--download-green:#00ad59}[data-theme="dark"]{--download-green:#35d879}
.pro-actions>span,[data-theme="dark"] .pro-actions>span,.free-download,.download-note svg{color:var(--download-green)}
.download-note svg{stroke:var(--download-green)}.free-download{font-weight:650}.download-note{gap:5px}
.community-card{display:grid;grid-template-columns:42px minmax(0,1fr) 32px 24px;gap:10px;padding:18px 20px;min-height:84px}
.email-link{display:contents}.community-icon{grid-column:1;grid-row:1}.community-name{grid-column:2;grid-row:1;min-width:0}
.community-arrow,.email-link .community-arrow{grid-column:4;grid-row:1;margin:0;text-align:center;font-size:20px}
.copy-email{grid-column:3;grid-row:1;width:32px;min-width:32px;height:44px;padding:5px}
.email-link .community-name>span{font-size:13px}.email-icon{background:#0783ff}
.capability-small{cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s,background .2s}
.capability-small.is-enlarged{transform:scale(1.045);z-index:2;background:linear-gradient(120deg,#fff9e6,var(--surface) 85%);box-shadow:0 10px 25px #0002}
[data-theme="dark"] .capability-small.is-enlarged{background:linear-gradient(120deg,#343021,var(--surface) 85%)}
.capability-small:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
@media(max-width:700px){
.header-inner nav{left:auto;right:16px;width:max-content;min-width:0;max-width:calc(100vw - 32px);padding:6px;border-radius:14px}
.header-inner nav a{padding:10px 14px;font-size:15px;white-space:nowrap}
.community-card{padding:18px 14px;gap:8px;grid-template-columns:42px minmax(0,1fr) 32px 24px}
.email-link .community-name>span{font-size:12px}.community-name>span{font-size:12px}
}
@media(max-width:360px){.header-inner nav{right:12px}.community-card{padding:16px 12px;gap:6px;grid-template-columns:36px minmax(0,1fr) 28px 20px}.community-icon{width:36px;height:36px}.community-name>span,.email-link .community-name>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.capability-small{transition:none}}

/* Avoid re-blurring the page beneath the sticky header on every scroll frame. */
.site-header{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}