/* Palette, font and radii follow desktop/src/styles/app.css. Every theme-dependent colour is a token. */
:root{color-scheme:light;--canvas:#f3f5f5;--surface:#fff;--soft:#eaf0ed;--text:#1c2420;--muted:#5b675f;--answer:#414c45;--line:#dce3df;--accent:#167648;--accent-hover:#105d38;--tint:#e2f1e8;--button-bg:#167648;--button-hover:#105d38;--button-text:#fff;--quiet-bg:var(--surface);--blue-bg:#e6f0fb;--blue-fg:#245b8c;--amber-bg:#fdf3dc;--amber-fg:#6f4c00;--amber-dot:#d99a1e;--no-bg:#f1eeee;--no-fg:#6b5a5a;--focus:#2f7fef;--selection-bg:#bfebd0;--selection-fg:#133e27;--glow:#cce9d7a0;--privacy-bg:#123d2b;--privacy-text:#f1faf5;--privacy-muted:#c5d9cd;--privacy-link:#d1efdd;--privacy-line:#47745a;--screenshot-filter:none;--shadow:0 24px 70px #153e2520;--shadow-soft:0 18px 40px #163c2310;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:96px}
:root[data-theme="dark"]{color-scheme:dark;--canvas:#151b18;--surface:#202a24;--soft:#1a251e;--text:#eef5f0;--muted:#acbcb1;--answer:#c9d5cd;--line:#34473b;--accent:#69d295;--accent-hover:#83e3aa;--tint:#273f30;--button-bg:#2f7d55;--button-hover:#256a47;--quiet-bg:transparent;--blue-bg:#1f3349;--blue-fg:#a9cdf2;--amber-bg:#3a2f15;--amber-fg:#f2d08a;--amber-dot:#e8b13f;--no-bg:#2d2727;--no-fg:#d6c5c5;--focus:#6aa8ff;--selection-bg:#2f6b48;--selection-fg:#eef5f0;--glow:#24523780;--privacy-bg:#103424;--privacy-line:#3d6a50;--screenshot-filter:brightness(.86);--shadow:0 24px 70px #0005;--shadow-soft:0 18px 40px #0004}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--canvas:#151b18;--surface:#202a24;--soft:#1a251e;--text:#eef5f0;--muted:#acbcb1;--answer:#c9d5cd;--line:#34473b;--accent:#69d295;--accent-hover:#83e3aa;--tint:#273f30;--button-bg:#2f7d55;--button-hover:#256a47;--quiet-bg:transparent;--blue-bg:#1f3349;--blue-fg:#a9cdf2;--amber-bg:#3a2f15;--amber-fg:#f2d08a;--amber-dot:#e8b13f;--no-bg:#2d2727;--no-fg:#d6c5c5;--focus:#6aa8ff;--selection-bg:#2f6b48;--selection-fg:#eef5f0;--glow:#24523780;--privacy-bg:#103424;--privacy-line:#3d6a50;--screenshot-filter:brightness(.86);--shadow:0 24px 70px #0005;--shadow-soft:0 18px 40px #0004}}

/* Base */
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,summary{cursor:pointer}ul{list-style:none;margin:0;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:4px}[hidden]{display:none!important}::selection{background:transparent}:is(a,span,strong,em,code,option,b,i,small,time)::selection{background:var(--selection-bg);color:var(--selection-fg)}
.container{width:min(1184px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:16px;z-index:20;transform:translateY(-160%);background:var(--surface);padding:12px 20px;border-radius:10px;box-shadow:var(--shadow-soft)}.skip-link:focus{transform:translateY(0)}
[data-i18n]{white-space:pre-line}h1,h2,h3{overflow-wrap:break-word}html:is(:lang(de),:lang(nl),:lang(pl)) :is(h1,h2,h3){hyphens:auto}
html:lang(ja),html:lang(ko),html:lang(zh-Hans){word-break:normal;line-break:strict}html:lang(ko){word-break:keep-all}html:lang(ja) :is(h1,h2,h3),html:lang(zh-Hans) :is(h1,h2,h3){word-break:auto-phrase}
main[tabindex="-1"]:focus,section[tabindex="-1"]:focus{outline:none}main[tabindex="-1"]:focus-visible h1{outline:3px solid var(--focus);outline-offset:6px;border-radius:2px}

/* Header */
.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-1px;font-weight:750;flex-shrink:0}
.navigation{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;font-weight:550}.navigation a{padding-block:12px}.navigation a:hover,.site-footer a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 23px;border:1px solid transparent;border-radius:11px;background:var(--button-bg);color:var(--button-text);font-size:16px;line-height:1.4;font-weight:620;text-align:center;transition:background .18s,transform .18s}.button:hover{background:var(--button-hover);transform:translateY(-2px)}
.button-small{min-height:42px;font-size:14px;padding:9px 16px}.button-quiet{background:var(--quiet-bg);color:var(--text);border-color:var(--line)}.button-quiet:hover{background:var(--soft);transform:none}
.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:50%}.icon-button:hover{background:var(--soft)}
.language-control{position:relative;display:flex;align-items:center;gap:7px;height:44px;min-width:72px;padding:0 10px;border:1px solid var(--line);border-radius:22px;font-size:13px;font-weight:600;cursor:pointer}.language-control select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}.language-control:focus-within{outline:3px solid var(--focus);outline-offset:3px}.language-control svg{flex-shrink:0}
.text-link{display:inline-flex;gap:10px;align-items:center;font-weight:560;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:5px}.text-link:hover{color:var(--accent)}
.status-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--amber-dot)}.hero-note .status-dot{margin-top:.55em}

/* Hero */
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center;padding-block:72px 56px}
.hero h1{font-size:clamp(34px,4.1vw,56px);line-height:1.08;letter-spacing:-1.4px;font-weight:700;margin:0 0 24px}.hero-line{display:block}.hero-accent{color:var(--accent)}
html:lang(ja) .hero h1,html:lang(ko) .hero h1,html:lang(zh-Hans) .hero h1{letter-spacing:-.5px;line-height:1.2}
.hero-description{font-size:19px;line-height:1.6;color:var(--muted);max-width:560px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap}.hero-actions .text-link{font-size:15px}
.hero-note{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--muted);margin:20px 0 0}
.hero-visual{position:relative;padding-top:132px}.hero-visual::before{content:"";position:absolute;inset:40px 0 30px;background:radial-gradient(ellipse,var(--glow) 0,transparent 70%);z-index:-1}
.hero-mascot{position:absolute;z-index:2;right:12px;top:0;width:164px;height:164px;object-fit:contain}
.example{position:relative;z-index:1;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;padding:20px;transform:rotate(-1.5deg)}
.example-top{display:flex;gap:9px;align-items:center;margin-bottom:16px;font-size:14px}.example-badge{margin-left:auto;color:var(--muted);font-size:13px}
.file-symbol{display:inline-grid;place-items:center;flex-shrink:0;width:26px;height:30px;background:var(--tint);color:var(--accent);font-size:13px;font-style:normal;font-weight:750;border-radius:5px}.file-symbol-blue{background:var(--blue-bg);color:var(--blue-fg)}
.example-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.example-table th{font-size:13px;font-weight:560;color:var(--muted);background:var(--canvas);padding:9px 8px}.example-table td{border-bottom:1px solid var(--line);padding:9px 8px}
.city{display:inline-block;padding:2px 7px;border-radius:5px}.city-green{background:var(--tint);color:var(--accent)}.city-blue{background:var(--blue-bg);color:var(--blue-fg)}
.example-split{padding:14px 0;display:flex;gap:10px;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.example-split>span[aria-hidden]{font-size:20px;color:var(--accent)}
.example-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:14px;font-weight:560}.example-results>span{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;border:1px solid var(--line);padding:10px;border-radius:10px}
.visual-caption{font-size:13px;color:var(--muted);text-align:center;margin:22px 0 0}

/* Trust strip */
.trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-strip li{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:560;line-height:1.4}.trust-strip svg{width:21px;height:21px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Sections and cards */
.section{padding-block:88px}.section-tight{padding-top:24px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:36px}.section-heading>p{color:var(--muted);margin:0 0 4px;max-width:460px;font-size:17px}
h2{font-size:clamp(30px,3.2vw,44px);line-height:1.14;letter-spacing:-1.2px;font-weight:660;margin:0}h3{font-size:19px;line-height:1.3;letter-spacing:-.3px;margin:0 0 10px;font-weight:650}
.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}.card p{margin:0;color:var(--muted)}
.card-grid{display:grid;gap:16px}.use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.use-role{font-size:14px;font-weight:650;color:var(--accent)!important;margin-bottom:8px!important}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.feature-card{display:flex;flex-direction:column}
.feature-art{width:120px;height:120px;margin:0 0 14px}.feature-art img{width:120px;height:120px;object-fit:contain}
.feature-label{font-size:14px;font-weight:650;color:var(--accent)!important;margin-bottom:6px!important}
.feature-card .feature-more{margin:14px 0 0;border:0}.feature-more>summary{padding:0;min-height:0;display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:14px;font-weight:550;color:var(--muted)}.feature-more>summary::-webkit-details-marker{display:none}.feature-more>summary::after{content:"+";font-size:18px;line-height:1;transition:transform .15s}.feature-more[open]>summary::after{transform:rotate(45deg)}.feature-more>summary:hover{color:var(--text)}.feature-more .feature-body{margin:10px 0 0!important}.feature-example{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:14px!important;padding:12px 14px;border-radius:12px;background:var(--canvas);font-size:14px;color:var(--text)!important;font-weight:550}.feature-arrow{color:var(--accent)}

/* Workflow */
.workflow-section{background:var(--soft);padding-block:80px}.workflow-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:64px}
.steps{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:24px}.steps li{display:flex;gap:16px;align-items:flex-start}
.step-number{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);font-size:14px;font-weight:600}
.steps h3{font-size:18px;margin:3px 0 6px}.steps p{color:var(--muted);margin:0;max-width:420px}
.app-preview{margin:0;min-width:0}.preview-label{font-size:13px;font-weight:560;color:var(--muted);margin:0 0 12px}
.preview-link{display:block;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);overflow:hidden}.preview-link img{filter:var(--screenshot-filter)}
.preview-open{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line);color:var(--accent);font-size:14px;font-weight:560;line-height:1.5}.preview-link:hover .preview-open{background:var(--tint)}
.app-preview figcaption{font-size:13px;text-align:center;color:var(--muted);margin-top:12px}

/* Comparison and "what carries over" */
.compare-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-card h3{display:flex;align-items:center;gap:8px}.compare-card-roweave{border:2px solid var(--accent);background:var(--tint)}.compare-card-roweave p{color:var(--text)}.compare-card-roweave img{width:24px;height:24px}
.keep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.keep-badge{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:650;letter-spacing:0;margin:0 0 16px;line-height:1.35}
.keep-mark{display:inline-flex;flex:0 0 20px;width:20px;height:20px;margin-top:.1em}.keep-mark svg{display:block;width:20px;height:20px}
.keep-yes .keep-badge{color:var(--accent)}.keep-exp .keep-badge{color:var(--amber-fg)}.keep-no .keep-badge{color:var(--no-fg)}
.keep-card ul{display:grid;gap:10px;font-size:15px;line-height:1.5}.keep-card li{padding-left:14px;position:relative}.keep-card li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.6}
.keep-card .keep-note{margin:14px 0 0;font-size:14px;line-height:1.5}
.section-note{font-size:14px;color:var(--muted);margin:18px 0 0}

/* Privacy */
.privacy-section{padding-top:24px}.privacy-panel{padding:60px 64px;display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:center;background:var(--privacy-bg);color:var(--privacy-text);border-radius:26px;overflow:hidden}
.privacy-copy>p{color:var(--privacy-muted);max-width:560px;line-height:1.7;margin:22px 0}.privacy-copy .text-link{font-size:15px;color:var(--privacy-link)}.privacy-copy .text-link:hover{color:var(--privacy-text)}
.privacy-note{padding-left:28px;border-left:1px solid var(--privacy-line)}.privacy-note img{width:170px;height:auto;margin-inline:auto}
.privacy-panel a:focus-visible{outline-color:#9cc8ff}

/* FAQ */
.about-section{max-width:760px}.about-section h2{margin-bottom:18px}.about-section p{margin:0 0 12px;font-size:18px;line-height:1.65;color:var(--text)}.about-section p:last-child{color:var(--muted)}.about-section a{color:var(--accent);font-weight:560;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;font-weight:560;line-height:1.5}summary::-webkit-details-marker{display:none}
.faq-mark{font-size:24px;font-weight:400;line-height:1;flex-shrink:0;color:var(--accent);transition:transform .2s}details[open]>summary>.faq-mark{transform:rotate(45deg)}
.answer{color:var(--answer);line-height:1.7;padding:0 28px 20px 0}.answer p{margin:0 0 12px}.answer p:last-child{margin-bottom:0}.answer a{text-decoration:underline;text-underline-offset:3px;color:var(--accent);font-weight:550}

/* Download */
.download-section{padding-bottom:72px}.download-panel{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:56px 24px}.download-panel>img{width:80px;height:80px;margin:0 auto 20px}
.download-panel h2{font-size:clamp(32px,3.6vw,48px)}.download-panel>p{color:var(--muted);margin:20px auto 0;max-width:620px}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(680px,100%);margin:30px auto 0;text-align:left}
.platform-card{min-width:0;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--canvas)}.platform-card h3{font-size:21px;margin:0}.platform-card>p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.status-pill{display:inline-flex!important;align-items:center;gap:8px;margin-top:16px!important;padding:5px 12px;border-radius:999px;background:var(--amber-bg);color:var(--amber-fg)!important;font-size:13px!important;font-weight:620}
.download-panel .download-meta{font-size:14px;margin-top:22px}
.platform-card .button{display:flex;width:100%;justify-content:center;margin-top:16px}.platform-card .button[hidden]{display:none}.platform-card .store-button+.direct-download{margin-top:10px;background:var(--quiet-bg);color:var(--text);border-color:var(--line)}.platform-card .store-button[hidden]+.direct-download{margin-top:16px;background:var(--button-bg);color:var(--button-text);border-color:transparent}.platform-card .platform-file{margin-top:10px!important;font-size:13px!important}.platform-card .platform-hint{margin-top:8px;font-size:13px;color:var(--muted);border:0;padding:0}.platform-hint>summary{padding:0;min-height:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.platform-hint>summary::-webkit-details-marker{display:none}.platform-hint>summary::after{content:"+";font-size:16px;line-height:1;transition:transform .15s}.platform-hint[open]>summary::after{transform:rotate(45deg)}.platform-hint>summary:hover{color:var(--text)}.platform-hint p{margin:6px 0 0;font-size:12px;line-height:1.5}.beta-pill{background:var(--blue-bg);color:var(--blue-fg)!important;margin-top:22px!important}.beta-pill .status-dot,.hero-note .status-dot{background:var(--blue-fg)}

/* Footer */
.site-footer{padding-bottom:30px}.footer-top{display:flex;align-items:center;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.footer-top .brand{font-size:21px}.footer-top>p{font-size:14px;color:var(--muted);margin:0}
.language-links{display:flex;flex-wrap:wrap;gap:6px 18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.language-links a{padding-block:4px}.language-links a[aria-current="page"]{color:var(--text);font-weight:650}
.footer-bottom{display:flex;align-items:center;gap:24px;font-size:13px;color:var(--muted);padding-top:14px}.footer-bottom>p{margin:0}.footer-bottom>span{margin-left:auto}
.privacy-disclosure{margin-top:14px;border:0}.privacy-disclosure summary{font-size:14px;padding:12px 0}.privacy-disclosure .answer{max-width:900px;font-size:14px}

/* Responsive */
@media(min-width:901px){.menu-toggle{display:none}.faq-aside{position:sticky;top:108px;align-self:start}}
/* Three cards are too narrow for one-line examples below ~1180px: stack them like on tablets. */
@media(min-width:901px) and (max-width:1180px){.feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:96px 1fr;column-gap:22px;align-items:start}.feature-art{grid-row:1/5;width:96px;height:96px;margin:0}.feature-art img{width:96px;height:96px}.feature-card>*:not(.feature-art){grid-column:2}}
@media(min-width:901px) and (max-width:1120px){.header-actions .button-small{display:none}}
@media(max-width:1100px){.header-inner{gap:20px}.navigation{gap:18px}.hero{gap:32px}.workflow-layout{gap:36px}.faq-section{gap:44px}.privacy-panel{padding:48px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .container{width:calc(100% - 40px)}.header-inner{min-height:68px;flex-wrap:wrap;gap:0}.header-actions{margin-left:auto;gap:8px}
  .navigation{order:3;flex-basis:100%;margin:0;justify-content:center;flex-wrap:wrap;gap:4px 20px;border-top:1px solid var(--line);padding-block:4px}.navigation[data-collapsed="true"]{display:none}
  .hero{grid-template-columns:1fr;gap:20px;padding-block:40px 40px}.hero-copy{max-width:680px}.hero-visual{width:min(540px,100%);margin-inline:auto;padding-top:100px}.hero-mascot{width:124px;height:124px;right:10px}
  .section{padding-block:64px}.section-tight{padding-top:16px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:16px;max-width:640px}
  .use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:96px 1fr;column-gap:22px;align-items:start}.feature-art{grid-row:1/5;width:96px;height:96px;margin:0}.feature-art img{width:96px;height:96px}.feature-card>*:not(.feature-art){grid-column:2}
  .workflow-section{padding-block:64px}.workflow-layout{grid-template-columns:1fr}.app-preview{max-width:640px;margin-inline:auto}
  .keep-grid{grid-template-columns:1fr}
  .privacy-section{padding-top:16px}.privacy-panel{gap:24px;padding:40px}.privacy-note{padding-left:18px}.privacy-note img{width:140px}
  .faq-section{grid-template-columns:1fr;gap:20px}
  .footer-top{flex-wrap:wrap}
}
@media(max-width:560px){
  .container{width:calc(100% - 32px)}.header-inner{min-height:64px;gap:8px}.header-actions .button{display:none}.header-actions{gap:6px}
  .brand{font-size:21px;gap:6px}.brand img{width:30px;height:30px}.language-control{min-width:60px;gap:5px;padding-inline:8px;font-size:12px}.language-control svg{width:15px}.icon-button{width:40px;height:40px}
  .hero{padding-block:28px 32px}.hero h1{font-size:clamp(30px,8.6vw,40px);letter-spacing:-.9px;margin-bottom:16px}
  .hero-description{font-size:17px;line-height:1.55;margin-bottom:22px}.hero-actions{gap:14px}.hero-actions .button{width:100%}.hero-actions .text-link{margin-inline:auto}.hero-note{justify-content:center;text-align:left;margin-top:16px}
  .hero-visual{padding-top:80px}.hero-mascot{width:100px;height:100px;right:6px}.example{padding:14px;transform:none}.example-top{flex-wrap:wrap;font-size:13px}.example-table{font-size:13px;table-layout:fixed}.example-table th,.example-table td{padding:8px 5px;overflow-wrap:anywhere}.example-results{font-size:13px;gap:8px}.example-results>span{padding:8px;gap:6px}.visual-caption{margin-top:14px}
  .trust-strip{grid-template-columns:1fr;gap:12px;padding:18px 0}.trust-strip li{font-size:13px;gap:8px;align-items:flex-start;justify-content:flex-start}.trust-strip svg{width:18px;height:18px;margin-top:1px}
  .section{padding-block:52px}.section-tight{padding-top:8px}h2{font-size:clamp(26px,7.4vw,32px);letter-spacing:-.7px}h2 [data-i18n]{white-space:normal}.section-heading>p{font-size:16px}
  .use-grid,.compare-grid{grid-template-columns:1fr}.card{padding:20px}
  .feature-card{display:flex}.feature-art{margin:0 0 12px}.feature-art,.feature-art img{width:72px;height:72px}
  .workflow-section{padding-block:52px}.steps{gap:20px}
  .privacy-panel{grid-template-columns:1fr;padding:30px 22px;gap:22px}.privacy-note{border-left:0;border-top:1px solid var(--privacy-line);padding:18px 0 0;display:flex;gap:16px;align-items:center}.privacy-note img{width:84px;margin:0}
  summary{gap:18px;padding:18px 0}.answer{padding-right:0}
  .download-section{padding-bottom:48px}.download-panel{padding:36px 18px}.download-panel>img{width:64px;height:64px}.platform-grid{grid-template-columns:1fr;gap:12px}.platform-card{padding:18px 20px}
  .footer-top{gap:12px}.footer-top>p{flex-basis:100%}.footer-bottom{flex-wrap:wrap;gap:12px 20px}.footer-bottom>span{margin-left:0;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){.button,.icon-button,.step-number,.example,.card,.status-pill,.keep-badge{border:1px solid ButtonText}.city{border:1px solid CanvasText}}
.footer-privacy{margin:18px 0 0;max-width:760px;font-size:13px;line-height:1.55;color:var(--muted)}.footer-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer-privacy a:hover{color:var(--text)}
/* WebKit paints selection gaps up to the nearest selection root; positioned text blocks keep the highlight inside the text column (Safari). */
@media(max-width:560px){.feature-example{padding:10px 12px;font-size:13px;gap:4px 8px}}
/* WebKit fills the rest of a selected line up to the nearest "selection root" (by default the whole page), using the colour of the last selected text.
   A transform makes each text block its own selection root, so the fill stays inside the block. */
:is(p,li,h1,h2,h3,h4,summary,figcaption,blockquote,dt,dd){transform:translate(0)}
/* Three columns: every card title takes two lines, so closed cards line up. */
@media(min-width:1181px){.feature-card h3{min-height:2.6em}}