/* Counter pricing, invoice and bidirectional layouts. */
[hidden]{display:none!important}
.brand-v3 .reading-toggle{display:flex!important;flex-shrink:0;font:600 16px var(--body);min-width:44px;min-height:44px}
.reading-plus{font-size:11px;vertical-align:super}
.reading-toggle>span{direction:ltr;unicode-bidi:isolate}
.brand-v3 .reading-toggle[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.floating-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg);border:1px solid var(--control-line);box-shadow:0 6px 24px #0003;font:24px var(--body);transition:transform .2s}
.floating-top:hover{transform:translateY(-3px)}
.pricing-selectors{display:grid;gap:16px;margin-bottom:20px}
.pricing-selectors label{display:block;font-size:14px;margin-bottom:8px}
.pricing-selectors select{width:100%;min-height:48px;border:1px solid var(--control-line);border-radius:12px;background:var(--card);color:var(--ink);padding:10px;font:15px var(--body)}
.brand-v3 #precision .pricing-extra{margin-top:18px}
.sample-rate{margin-top:12px}
.price-explainer{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}
.price-explainer h3{font-size:18px;margin-bottom:14px}
.price-explainer dl>div,.invoice-totals>div{display:flex;justify-content:space-between;gap:18px;margin-block:12px;align-items:baseline}
.price-explainer dd,.invoice-totals dd{margin:0;text-align:end;flex-shrink:0}
.price-explainer dl{font-size:14px}
.price-explainer p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:14px}
.chart-dates{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px;line-height:1.6}
.chart-dates>span{max-width:48%;overflow-wrap:anywhere}
.chart-dates>span:last-child{text-align:end}
.price-history svg{display:block;width:100%;height:auto}
.invoice-section{padding-block:0 100px}
.invoice-disclosure{border:1px solid var(--control-line);border-radius:24px;background:var(--surface);padding:28px}
.invoice-disclosure>summary{font-size:clamp(19px,2.2vw,28px);cursor:pointer;min-height:44px;line-height:1.6}
.invoice-disclosure>p{max-width:740px;line-height:1.8;color:var(--muted);margin-block:20px}
.invoice-print{margin-bottom:24px}
.sample-invoice{background:#fff;color:#191b17;border:1px solid #cad0c3;border-radius:6px;max-width:860px;margin-inline:auto;padding:36px;box-shadow:0 12px 40px #0001;font-size:15px}
.invoice-banner{color:#65583c;border-bottom:1px solid #cad0c3;padding-bottom:16px;letter-spacing:.06em;font-size:12px}
.invoice-head{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-block:26px}
.invoice-head img{filter:brightness(0)!important;max-width:120px}
.invoice-head h2{font-size:26px;margin-bottom:10px}
.invoice-head p{margin-top:12px}
.invoice-parties{border-block:1px solid #cad0c3;padding-block:16px;line-height:1.9;margin-bottom:24px}
.sample-invoice h3{font-size:17px}
.invoice-product{display:flex;align-items:center;gap:16px;padding-block:20px;border-bottom:1px solid #cad0c3}
.invoice-product svg{width:70px;height:70px;flex-shrink:0}
.invoice-product>div{flex:1}
.invoice-product p{margin-block:8px;font-size:13px;line-height:1.7}
.invoice-product>div>bdi{font-size:11px;color:#526047}
.invoice-totals{margin-top:24px;font-size:14px}
.invoice-total{font-size:20px;border-bottom:1px solid #cad0c3;padding-bottom:16px}
.invoice-status{display:inline-block;border:1px solid #18794e;color:#18794e;padding:8px 12px;border-radius:4px;margin-block:20px}
.invoice-trace,.invoice-privacy{font-size:13px;line-height:1.8;margin-top:12px;color:#526047}
.invoice-annotation{max-width:860px;margin:24px auto 0;padding:24px;border-inline-start:3px solid var(--brand-link)}
.invoice-annotation p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}
.brand-v3 .final-cta{padding-block:90px;background:var(--surface);border-block:1px solid var(--line);text-align:start}
.invitation-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.invitation-copy h2{font:400 clamp(34px,4.4vw,64px)/1.25 var(--display);letter-spacing:-1.5px;margin-block:24px}
.invitation-copy h2>span{display:block;position:static;transform:none}
.invitation-copy h2>span:last-child{color:var(--brand-link)}
.invitation-copy>p:not(.eyebrow){font-size:17px;line-height:1.9;color:var(--muted);max-width:580px}
.invitation-copy .btn{margin-block:28px 16px}
.invitation-copy>p.invitation-note{font-size:12px}
.invitation-steps{list-style:none;padding:0;border:1px solid var(--control-line);border-radius:24px;background:var(--card)}
.invitation-steps li{display:flex;gap:24px;padding:30px}
.invitation-steps li+li{border-top:1px solid var(--line)}
.invitation-steps li>span{font:14px var(--mono);color:var(--brand-link);padding-top:5px}
.invitation-steps h3{font-size:21px;margin-bottom:10px}
.invitation-steps p{font-size:15px;line-height:1.8;color:var(--muted)}
.brand-v3 .footer-main{grid-template-columns:1.7fr 1fr 1fr;gap:50px;align-items:start}
.brand-v3 .footer-main p.footer-story{max-width:520px;font-size:16px;line-height:1.9}
.brand-v3 .footer-main p.footer-origin{font-size:12px;letter-spacing:.08em;color:var(--brand-link);margin-block:24px 10px}
.footer-links h3{font-size:14px;color:var(--ink);margin-bottom:12px}
.brand-v3 .footer-bottom{padding-inline-end:65px}
/* Mirror directional graphics, never their text or identifying marks. */
:root[dir=rtl] .brand-v3 :is(.phone-price-chart,.customer-spark,.payment-donut svg){transform:scaleX(-1)}
:root[dir=rtl] .brand-v3 :is(.studio,.offline-visual,.language-visual,.story-visual,.customer-preview){direction:rtl}
:root[dir=rtl] .brand-v3 .weight-float{right:auto;left:0}
:root[dir=rtl] .brand-v3 .sale-float{left:auto;right:0}
:root[dir=rtl] .brand-v3 :is(.weight-bar,.breakdown-labels,.verification-pair,.receipt-state,.app-bottom,.phone-quick){direction:rtl}
:root[dir=rtl] .brand-v3 :is(.inventory-table th,.inventory-table td,.invoice-head,.verification-output,.footer-main){text-align:start}
:root[dir=rtl] .brand-v3 :is(.btn,.text-link) svg:has(use[href='#arrow-up']){transform:scaleX(-1)}
:root[dir=rtl] .brand-v3 .invitation-copy h2{letter-spacing:0;line-height:1.65}
:root[dir=rtl] .brand-v3 .invoice-banner{letter-spacing:0}
:root[dir=rtl] .brand-v3 .chart-dates{direction:rtl}
:root[dir=rtl] .brand-v3 :is(.language-art,.tool-art){direction:rtl}
:root[dir=rtl] .brand-v3 .sync-art{transform:scaleX(-1)}
:root[dir=rtl] .brand-v3 .sync-label{transform:scaleX(-1)}
:root[dir=rtl] .brand-v3 :is(.sale-float b,.market-number bdi,.sample-total strong,.receipt-id){unicode-bidi:isolate}
:root[data-comfort=large] .brand-v3 :is(.price-explainer p,.invoice-disclosure>p,.sample-invoice,.invitation-copy>p:not(.eyebrow),.invitation-steps p,.footer-main p.footer-story,.roadmap-card p){font-size:19px;line-height:1.9}
:root[data-comfort=large] .brand-v3 #precision :is(.calc-fields label,.pricing-selectors label,.pricing-selectors select,.price-explainer dl,.calc-footnote){font-size:17px}
@media(max-width:1100px){.brand-v3 .header-inner{gap:14px}.brand-v3 .desktop-nav{gap:14px}.brand-v3 .header-cta{display:none}.invitation-grid{gap:40px}}
@media(max-width:760px){.invitation-grid{grid-template-columns:1fr;gap:35px}.brand-v3 .final-cta{padding-block:60px}.brand-v3 .footer-main{grid-template-columns:1fr 1fr;gap:30px}.brand-v3 .footer-main>div:first-child{grid-column:1/-1}.invoice-section{padding-bottom:60px}.invoice-disclosure{padding:20px}.sample-invoice{padding:20px}.invoice-head{flex-direction:column}.invoice-product{flex-wrap:wrap}.invoice-product>div{min-width:140px}.invoice-product>bdi{margin-inline-start:auto}.invoice-totals>div{flex-wrap:wrap;gap:8px}.invoice-totals dd{margin-inline-start:auto}.invitation-steps li{padding:24px}.invitation-copy h2{font-size:36px}.brand-v3 .header-inner .brand img{width:105px}.brand-v3 .header-actions{gap:8px}.brand-v3 .header-actions .icon-button{width:44px;height:44px}.brand-v3 .header-actions .language-control{gap:4px}}
@media(max-width:380px){.brand-v3 .header-inner{width:calc(100% - 24px);gap:8px}.brand-v3 .header-inner .brand img{width:90px}.brand-v3 .header-actions{gap:4px}.brand-v3 .language-control>.icon{display:none}.brand-v3 #precision .calc-results{grid-template-columns:1fr}.invoice-disclosure{padding:14px}.sample-invoice{padding:16px}.invoice-annotation{padding:14px}}
@media print{
 @page{size:A4;margin:16mm}
 body>*:not(main),main>section:not(#trust),main>.trade-strip,#trust>.shell>.trust-layout,.invoice-disclosure>summary,.invoice-disclosure>p,.invoice-print,.invoice-annotation{display:none!important}
 html,body,.brand-v3{background:white!important;color:#191b17!important}
 .invoice-section,.invoice-disclosure,.sample-invoice{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
 .sample-invoice,:root[data-comfort=large] .brand-v3 .sample-invoice{font-size:11pt;line-height:1.6}.invoice-banner{font-size:9pt}.invoice-head h2{font-size:22pt}
 #trust,#trust>.shell{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:white!important}
}

/* Reader controls and invoice belong to their existing navigation/section. */
.reading-control{position:relative;flex:0 0 auto;display:flex;align-items:center}
.brand-v3 .header-actions .reading-toggle{display:grid!important;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;line-height:1;border-radius:50%;color:var(--ink)}
.brand-v3 .reading-toggle>svg{display:block;width:26px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:none}
.brand-v3 .reading-toggle[aria-expanded=true],.brand-v3 .reading-toggle.is-large{background:var(--surface-2);border-color:var(--brand-link)}
.reading-panel{position:absolute;inset-inline-end:0;top:calc(100% + 14px);width:260px;background:var(--card);color:var(--ink);border:1px solid var(--control-line);border-radius:18px;padding:18px;box-shadow:0 12px 32px #0003;z-index:100;text-align:start}
.reading-panel>p{font:500 15px/1.5 var(--body);margin:0 0 14px}
.reading-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.reading-options button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:14px 8px;min-height:88px;border:1px solid var(--control-line);border-radius:12px;background:var(--surface);color:var(--ink);font:14px/1.4 var(--body)}
.reading-options button[aria-pressed=true]{border:2px solid var(--brand-link);background:var(--app-selected);padding:13px 7px}
.reading-options .size-preview{display:grid;place-items:center;height:30px;font:500 20px/1 var(--body);direction:ltr}
.reading-options [data-text-size=large] .size-preview{font-size:27px}
.brand-v3 .invoice-cta{margin-top:30px;gap:12px}
.trust-section .invoice-section{padding:0;margin-top:40px}
.invoice-disclosure{scroll-margin-top:110px}
.elaris-emblem{display:block;width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}
:root[data-theme=light] .elaris-emblem,.brand-v3 #precision .elaris-emblem{filter:brightness(0)}
.section-number>.elaris-emblem,.tiny-star>.elaris-emblem{width:24px;height:24px}
.metal-seal>.elaris-emblem{width:34px;height:34px}
.trade-group>i{display:grid;place-items:center;font-style:normal}
.trade-group>i>.icon{width:26px;height:26px;stroke-width:1.4}
.section-number>.icon{width:24px;height:24px}
.brand-v3 .studio-footer{justify-content:center}
@media(max-width:650px){
 .reading-control{position:static}
 .reading-panel{position:fixed;inset-inline:16px;top:var(--reading-top,84px);width:auto;max-width:360px;margin-inline:auto}
 .brand-v3 .header-actions{align-items:center;gap:6px}
 .brand-v3 .header-actions .icon-button{width:44px;height:44px;padding:0;flex-shrink:0}
 .brand-v3 .invoice-cta{width:100%;padding-inline:18px;font-size:15px}
 .trust-section .invoice-section{margin-top:28px}
}
@media(max-width:350px){.brand-v3 .header-inner .brand img{width:64px}.brand-v3 .header-actions{gap:3px}.brand-v3 .header-inner{gap:6px}}
@media print{.trust-section .invoice-section{margin:0!important}.reading-panel{display:none!important}}

/* Motion: starts automatically; a small pause control sits by the demo caption. */
.studio-footer .motion-toggle{width:30px;height:30px;font-size:9px;letter-spacing:-1px;color:var(--muted);pointer-events:auto}
.studio-footer .motion-toggle .pause-symbol{font-size:9px}
/* Calm mode: the device asks for reduced motion, so keep the page alive but gentle (fade-only reveals, slower loops). */
html[data-calm='true'][data-motion='on'].enhanced [data-reveal]{translate:0 0;transition:opacity 700ms ease,border-color 500ms ease}
html[data-calm='true'][data-motion='on'] .studio-halo{animation-duration:42s}
html[data-calm='true'][data-motion='on'] .float-card{animation-duration:22s}
html[data-calm='true'][data-motion='on'] .trade-track{animation-duration:120s}