/* ==== Talkaway v6-apple (v5 rebased on the live 33d5a4c0 source): Apple-product-page layer. Loaded after style.css, only on the 16 top pages (body.ap). Light + dark. ==== */
:root{--ap-bg:#fff;--ap-bg2:#f5f5f7;--ap-card:#fff;--ap-card2:#f5f5f7;--ap-text:#1d1d1f;--ap-gray:#6e6e73;--ap-line:rgba(0,0,0,.14);--ap-link:#006A82;--ap-link-h:#005468;--ap-hero-gray:#4a4a50;
 --ap-mist:#E6F4F8;--ap-sh:0 2px 6px rgba(0,0,0,.04),0 12px 36px rgba(0,0,0,.08);--ap-nav:rgba(255,255,255,.72);--ap-navline:rgba(0,0,0,.12);
 --ap-btn:#0B1F3A;--ap-btn-h:#163A66;--ap-sig:linear-gradient(135deg,#3CC8E6 0%,#0096B8 55%,#00748F 100%);
 --ap-wash:radial-gradient(ellipse 70% 55% at 22% 0%,rgba(60,200,230,.32),transparent 72%),radial-gradient(ellipse 60% 50% at 84% 6%,rgba(0,116,143,.17),transparent 72%),radial-gradient(ellipse 80% 40% at 50% 70%,rgba(60,200,230,.14),transparent 75%),linear-gradient(180deg,#E6F4F8,rgba(255,255,255,0) 90%);
 --ap-final:linear-gradient(135deg,#00829F 0%,#006680 52%,#00455A 100%)}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ap-bg:#000;--ap-bg2:#161618;--ap-card:#1c1c1e;--ap-card2:#2c2c2e;--ap-text:#f5f5f7;--ap-gray:#a1a1a6;--ap-hero-gray:#b0b0b6;--ap-line:rgba(255,255,255,.18);--ap-link:#3CC8E6;--ap-link-h:#7fdcf0;
 --ap-mist:#0d3341;--ap-sh:0 0 0 .5px rgba(255,255,255,.08),0 12px 36px rgba(0,0,0,.5);--ap-nav:rgba(22,22,24,.72);--ap-navline:rgba(255,255,255,.14);--ap-btn:#1D4170;--ap-btn-h:#285490;
 --ap-wash:radial-gradient(ellipse 70% 60% at 20% 0%,rgba(0,150,184,.45),transparent 72%),radial-gradient(ellipse 60% 50% at 85% 8%,rgba(0,90,115,.55),transparent 72%),radial-gradient(ellipse 80% 40% at 50% 75%,rgba(0,116,143,.28),transparent 75%),linear-gradient(180deg,#04222c,rgba(0,0,0,0) 92%);
 --ap-final:linear-gradient(135deg,#006680 0%,#004357 55%,#02222d 100%)}}

body.ap{--bg:var(--ap-bg);--bg-2:var(--ap-bg2);--label:var(--ap-text);--label-2:var(--ap-text);--sub:var(--ap-gray);--hair:var(--ap-line);--line:var(--ap-line);--mist:var(--ap-mist);--cyt:var(--ap-link);
 background:var(--ap-bg);color:var(--ap-text);letter-spacing:-.011em;text-wrap:pretty}
body.ap:is(.lang-en,.lang-vi,.lang-ru,.lang-es,.lang-pt-br,.lang-fr,.lang-de,.lang-id){--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Plex Sans","Segoe UI",sans-serif}
body.ap.lang-ja{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Hiragino Sans","Plex JP","Yu Gothic UI","Meiryo","Noto Sans JP",sans-serif}
.ap :is(h1,h2,h3,.lead,.sec-p){text-wrap:balance}
html:lang(ja) .ap :is(h1,h2,h3,p,li,.lead,.sec-p,summary,.ap-fact){word-break:auto-phrase;line-break:strict;overflow-wrap:anywhere}
.ap .wrap{max-width:1120px}
.ap a{color:var(--ap-link)}
html{scroll-padding-top:76px}.ap [id]{scroll-margin-top:76px}

/* ---- global nav (thin, glass) + product subnav (sticky) ---- */
html .ap .nav,html.at-top .ap .nav{position:static;background:var(--ap-nav);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 .5px 0 var(--ap-navline)}
.ap .nav-in{min-height:44px;gap:16px;max-width:1120px}
.ap .brand{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--ap-text)}.ap-ic{display:block;flex:none}.ap-ic-btn{width:38px;height:38px;margin:-4px}
.ap .nav-r{margin-inline-start:auto;gap:10px}
.ap .lsw>summary{min-height:28px;padding:3px 10px 3px 8px;font-size:12px;font-weight:400;background:transparent;color:var(--ap-text);gap:6px}
.ap .lsw>summary:hover,.ap .lsw[open]>summary{background:var(--fill)}
.ap .lsw-ic{color:var(--ap-text)}
.ap .motion{font-size:12px;color:var(--ap-text)}
.ap-sub{position:sticky;top:0;z-index:6;background:var(--ap-nav);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 .5px 0 var(--ap-navline)}
.ap-sub-in{display:flex;align-items:center;gap:20px;min-height:44px}
.ap-sub-t{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--ap-text)!important;text-decoration:none;margin-inline-end:auto}
.ap-sub nav ul{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);list-style:none;margin:0;padding:0}
.ap-sub nav ul a{display:flex;align-items:center;min-height:44px;padding-inline:2px;font-size:13px;color:var(--ap-text);opacity:.85;text-decoration:none;white-space:nowrap}.ap-sub nav ul a:hover{opacity:1}
.ap .btn-s{min-height:28px;padding:4px 13px;font-size:12px;font-weight:400;box-shadow:none;white-space:nowrap}

/* ---- buttons / links ---- */
.ap .btn{background:var(--ap-btn);color:#fff;font-weight:400;letter-spacing:-.01em}.ap .btn:hover{background:var(--ap-btn-h)}
.ap .btn-dl{padding:11px 24px 11px 11px;font-size:17px;gap:10px}
.ap-link{font-size:19px;color:var(--ap-link);text-decoration:none}.ap-link:hover{text-decoration:underline}
.ap-link::after,.ap .more::after{content:"";display:inline-block;width:.42em;height:.42em;border-top:.11em solid currentColor;border-right:.11em solid currentColor;transform:rotate(45deg);margin-inline-start:.28em;vertical-align:.08em}
[dir=rtl] .ap-link::after,[dir=rtl] .ap .more::after{transform:rotate(-135deg)}
.ap .more{text-decoration:none;font-weight:400;font-size:19px;color:var(--ap-link)}.ap .more:hover{text-decoration:underline}

/* ---- hero: everything at first glance ---- */
.ap .hero{background:var(--ap-bg);padding:clamp(24px,3.4vw,44px) 0 clamp(28px,4vw,52px);overflow:hidden}
.ap .grid-bg{background:var(--ap-wash)}
.ap-hero{position:relative}
.ap-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center}
.ap-hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ap-name{display:flex;align-items:center;gap:16px;margin:0 0 clamp(10px,1.4vw,18px);font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.03em;color:var(--ap-text)}
.ap-bigic{width:clamp(72px,8.4vw,120px);height:auto;margin:-8% 0 -8% -8%}
.ap .hero .eyebrow{font-size:clamp(15px,1.4vw,18px);font-weight:500;color:var(--ap-hero-gray);margin:0 0 8px}
.ap .hero-h{font-size:clamp(36px,4.9vw,68px);font-weight:700;letter-spacing:-.045em;line-height:1.05;margin:0 0 clamp(12px,1.4vw,18px);min-height:0;color:var(--ap-text)}
html:lang(ja) .ap .hero-h{letter-spacing:-.015em;line-height:1.22}
.ap .lead{font-size:clamp(18px,1.6vw,22px);line-height:1.42;font-weight:500;color:var(--ap-text);max-width:28em;margin:0 0 20px;letter-spacing:-.015em}
.ap .hero .cta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 24px}
.ap .hero .cta-note{flex-basis:100%;margin:2px 0 0;font-size:14px;color:var(--ap-hero-gray)}
.ap-facts{list-style:none;margin:clamp(22px,3vw,36px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.ap-fact{display:flex;flex-direction:column;gap:2px;padding:16px 20px;background:var(--ap-card);border-radius:20px;box-shadow:var(--ap-sh);font-size:14px;line-height:1.4;color:var(--ap-gray)}
.ap-fact b{font-size:clamp(19px,1.8vw,24px);font-weight:700;letter-spacing:-.03em;color:var(--ap-text);line-height:1.2;margin-bottom:3px}
.ap .badges{margin:14px 0 0;justify-content:center;position:relative}
.ap .badges li{background:var(--ap-card);color:var(--ap-text);font-size:13px;box-shadow:0 0 0 .5px var(--ap-line)}
.ap .badges li:first-child{color:var(--ap-text)}

/* ---- hero animation: menu bar + generic window + real Talkaway overlay ---- */
.ap-stage{position:relative;font-size:clamp(8px,1.12vw,13.5px);min-width:0}
.ap-mac{position:relative;aspect-ratio:16/10.5;border-radius:1.5em;overflow:hidden;border:.42em solid #1d1d1f;background:linear-gradient(135deg,#8fe0f2 0%,#3cc8e6 28%,#0096b8 62%,#0b3a5c 100%);box-shadow:0 2.5em 5em rgba(0,60,90,.28)}
.ap-mac::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 30% 20%,rgba(255,255,255,.45),transparent 70%),radial-gradient(50% 60% at 85% 90%,rgba(11,31,58,.5),transparent 70%)}
.ap-mb{position:relative;display:flex;align-items:center;gap:1em;height:2.3em;padding:0 1.1em;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#0b1f3a}
.ap-mbb{width:3.6em;height:.7em;border-radius:.35em;background:rgba(11,31,58,.8)}
.ap-mbi{height:.55em;border-radius:.3em;background:rgba(11,31,58,.42)}.ap-mbi.w1{width:2.6em}.ap-mbi.w2{width:1.8em}.ap-sp{flex:1}
.ap-wifi,.ap-bat{height:.95em;width:auto;color:#0b1f3a}
/* menu-bar item: the app draws SF Symbol "waveform" as a template image; in a recording the bars light up in turn */
.ap-sti{display:inline-flex;align-items:center;gap:.14em;height:1.2em;padding:0 .35em;border-radius:.4em}
.ap-sti i{width:.17em;height:calc(var(--h)*1em);border-radius:.1em;background:#0b1f3a;opacity:.5}
.ap-stage.hold .ap-sti{background:rgba(11,31,58,.14)}
.ap-stage.hold .ap-sti i{animation:ap-sti .9s steps(1) infinite;animation-delay:calc(var(--k)*.15s)}
@keyframes ap-sti{0%{opacity:1}30%{opacity:.3}100%{opacity:.3}}
.ap-win{position:absolute;left:50%;top:19%;width:64%;transform:translateX(-50%);background:var(--ap-card);color:var(--ap-text);border-radius:1.2em;box-shadow:0 2.5em 5em rgba(0,40,70,.35),0 0 0 .5px rgba(0,0,0,.18);overflow:hidden}
.ap-tb{display:flex;gap:.55em;padding:1em 1.2em;background:var(--ap-card2);border-bottom:1px solid var(--ap-line)}.ap-tb i{width:.95em;height:.95em;border-radius:50%;background:#ff5f57}.ap-tb i:nth-child(2){background:#febc2e}.ap-tb i:nth-child(3){background:#28c840}
.ap-wb{padding:1.5em 2em 6.5em;text-align:start}
.ap-to{margin:0 0 1em;padding-bottom:.9em;border-bottom:1px solid var(--ap-line);font-size:1.15em;color:var(--ap-gray);line-height:1.3}
.ap-tx{margin:0;font-size:1.6em;line-height:1.5;color:var(--ap-text);font-weight:500;letter-spacing:-.02em;min-height:3em}
.ap-tx::after{content:"";display:inline-block;width:.07em;height:1em;margin-inline-start:.05em;vertical-align:-.12em;background:#0096B8;border-radius:1px}
.ap-stage:not(.is-paused).ap-live .ap-tx::after,.ap-anim .ap-stage:not(.done) .ap-tx::after{animation:blink 1.1s steps(1) infinite}
.ap-anim .ap-stage.done .ap-tx::after{opacity:0}
/* Talkaway overlay, faithful to Overlay.swift WaveStyle: dark frosted capsule 40pt high (min 132pt wide, 16pt side padding),
   13 bars 3pt wide / 3pt gap up to 24pt tall in the theme gradient, elapsed time, "esc" hint, white 8% fill, 14% edge, 20% top gloss, cool shadow */
.ap-ov{font-size:1.3em;position:absolute;left:50%;bottom:7%;transform:translate(-50%,0) scale(1);display:flex;align-items:center;gap:.6em;height:3em;min-width:9.9em;padding:0 1.2em;border-radius:99em;
 background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),rgba(28,32,40,.7);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
 box-shadow:inset 0 0 0 .04em rgba(255,255,255,.14),0 .25em .75em rgba(23,26,32,.28);color:#fff;transition:opacity .3s cubic-bezier(.32,.72,0,1),transform .3s cubic-bezier(.32,.72,0,1)}
.ap-ov::before{content:"";position:absolute;top:.04em;left:1em;right:1em;height:.04em;border-radius:1em;background:rgba(255,255,255,.2)}
.ap-ovb{display:flex;align-items:center;gap:.22em;height:1.8em}
.ap-ovb i{width:.22em;border-radius:.2em;background:linear-gradient(200deg,#3D9BFF,#0A6CDC);height:calc(.3em + .9em*var(--w))}
.ap-stage.hold .ap-ovb i{height:auto;animation:ap-bar var(--p) ease-in-out var(--d) infinite alternate}
@keyframes ap-bar{from{height:calc(.22em + 1.58em*var(--w)*.3)}to{height:calc(.22em + 1.58em*var(--w))}}
.ap-ovt{font-size:.92em;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.72);min-width:2em}
.ap-ove{font-size:.72em;color:rgba(255,255,255,.5)}
.ap-anim .ap-stage:not(.hold) .ap-ov{opacity:0;transform:translate(-50%,0) scale(.9)}
.ap-stage.is-paused .ap-ovb i,.ap-stage.is-paused .ap-sti i{animation-play-state:paused}
.ap-keycap{position:absolute;left:3%;bottom:-4%;width:4.6em;height:4.6em;display:flex;align-items:center;justify-content:center;border-radius:1.1em;font-size:1.25em;color:var(--ap-text);
 background:var(--ap-nav);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 .5px rgba(0,0,0,.18),0 .15em 0 rgba(0,0,0,.2),0 1.2em 2.4em rgba(0,40,70,.25);transition:transform .15s,box-shadow .15s,background .2s}
.ap-keycap span{font-size:1.9em;line-height:1}
.ap-stage.hold .ap-keycap{transform:translateY(.12em);background:linear-gradient(var(--ap-mist),var(--ap-mist)),var(--ap-nav);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 .5px rgba(0,116,143,.5),0 .03em 0 rgba(0,0,0,.2),0 .8em 1.6em rgba(0,40,70,.2)}

/* ---- tiles ---- */
.ap section.sec,.ap .try,.ap .offline,.ap .final,.ap .syn{padding:clamp(72px,10vw,140px) 0}
.ap main>section>.wrap>.eyebrow,.ap .try-copy .eyebrow,.ap .off-copy .eyebrow{font-size:clamp(17px,1.8vw,24px);font-weight:600;text-align:center;letter-spacing:-.015em;margin-bottom:10px;color:var(--ap-link)}
.ap main>section:not(.hero) h2,.ap .off-h,.ap .syn-h{font-size:clamp(34px,5.6vw,68px);font-weight:700;letter-spacing:-.04em;line-height:1.06;text-align:center;margin:0 auto 22px;max-width:14em;color:var(--ap-text)}
html:lang(ja) .ap main>section:not(.hero) h2,html:lang(ja) .ap .off-h,html:lang(ja) .ap .syn-h{letter-spacing:-.005em;line-height:1.25}
.ap main>section.offline h2,.ap main>section.offline .off-h,.ap main>section.final h2,.ap main>section.final .syn-h{color:#f5f5f7}
.ap .sec-p{font-size:clamp(19px,2vw,25px);line-height:1.4;font-weight:500;color:var(--ap-gray);max-width:30em;margin:0 auto clamp(40px,5vw,72px);text-align:center;letter-spacing:-.015em}
.ap main .wrap>p:has(>.more){text-align:center}
.ap .small{color:var(--ap-gray);font-size:13px;line-height:1.5}.ap section>.wrap>.small{text-align:center}
.ap-fnr{font-size:.6em;line-height:0;margin-inline-start:.1em}.ap-fnr a{text-decoration:none;display:inline-block;min-width:24px;min-height:24px;padding:6px 3px;margin:-6px -3px;text-align:center;box-sizing:border-box;line-height:12px}
/* white / #f5f5f7 alternating; offline is the one dark tile; the final block carries the cyan signature gradient */
.ap .clean,.ap .how,.ap .pricing,.ap .install{--sec-bg:var(--ap-bg);background:var(--ap-bg)}
.ap .try,.ap .privacy,.ap .speed,.ap .skins,.ap .faq{--sec-bg:var(--ap-bg2);background:var(--ap-bg2)}
.ap .try{color:var(--ap-text)}.ap .try .eyebrow{color:var(--ap-link)}.ap .try-copy p{color:var(--ap-gray);font-weight:500}
.ap .try .demo{color:#fff}.ap .try .demo .mono{color:#9AB0C7}
.ap .offline{background:linear-gradient(180deg,#0b1f3a,#07162b);color:#f5f5f7}
.ap .offline .eyebrow{color:#3CC8E6}
.ap .try-in,.ap .off-in{grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,64px);justify-items:center;text-align:center}
.ap .try-copy,.ap .off-copy{max-width:40em;margin:0 auto}
.ap .try-copy p,.ap .off-copy p{font-size:clamp(18px,1.9vw,24px);line-height:1.42}
.ap .off-copy p{color:#aab4c2;font-weight:500}.ap .off90 strong{color:#f5f5f7}
.ap .demo,.ap .off-demo{width:min(760px,100%);text-align:start;border-radius:28px}
.ap .scenes{justify-content:center}
.ap .off-note{text-align:center;color:#aab4c2;margin-top:36px;max-width:44em;margin-inline:auto}
.ap .final{background:var(--ap-final);color:#fff}
.ap .final .syn-sub{color:rgba(255,255,255,.86);font-size:clamp(19px,2vw,26px);font-weight:500}
.ap .final .cta{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px 28px}.ap .final .cta-note{flex-basis:100%;color:rgba(255,255,255,.82)}
.ap .final .btn{background:#fff;color:#00455A;box-shadow:0 10px 30px rgba(0,0,0,.25)}.ap .final .btn:hover{background:#E6F4F8}
.ap .final .eyebrow{color:#bdf0fb}.ap .final .cta-note a,.ap .final .ap-link{color:#fff}

/* ---- cards ---- */
.ap .cmp>div,.ap .step,.ap .cards3 li,.ap .req,.ap .skin,.ap .modes,.ap .calc,.ap .ec,.ap .sk-import,.ap .beta-box,.ap .dmac{border-radius:28px}
.ap .cmp-raw{background:var(--ap-bg2)}.ap .cmp-raw .cmp-t{color:var(--ap-gray)}.ap .cmp-out{background:var(--ap-card);box-shadow:0 0 0 2px var(--ap-link),var(--ap-sh)}
.ap .privacy .cards3 li,.ap .skins .skin,.ap .sk-import,.ap .dmac{background:var(--ap-card);box-shadow:var(--ap-sh)}
.ap .cards3,.ap .pts4{gap:18px}.ap .cards3 li{padding:34px 30px}
.ap .cards3 h3,.ap .pts4 h3{font-size:clamp(21px,2vw,26px);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--ap-text)}
.ap .cards3 p,.ap .pts4 p{font-size:17px;color:var(--ap-gray);line-height:1.47;margin-top:12px}
.ap .pts4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ap .pts4 li{border:0;background:var(--ap-bg2);border-radius:28px;padding:30px 26px}.ap .pts4 h3{font-size:clamp(19px,1.7vw,23px)}
.ap .step{background:var(--ap-bg2);padding:30px}.ap .step h3{font-size:24px;font-weight:700;letter-spacing:-.025em;color:var(--ap-text)}.ap .step p{color:var(--ap-gray)}
.ap .how-grid.run .step,.ap .how-grid.run .step.on{background:var(--ap-bg2)}.ap .how-grid.run .step.on{background:var(--ap-card);box-shadow:0 0 0 2px var(--ap-link),var(--ap-sh)}
.ap .modes{background:var(--ap-bg2);box-shadow:none}.ap .m-say,.ap .mpanel{background:var(--ap-card);color:var(--ap-text)}.ap .mp-out{background:var(--ap-mist)}
.ap .mtabs{border-radius:99px}.ap .mtabs [role=tab][aria-selected=true]{background:var(--ap-card);color:var(--ap-text)}
.ap .apps{text-align:center;color:var(--ap-gray);font-weight:500;letter-spacing:-.015em}
.ap .beta-box{background:var(--ap-mist);color:var(--ap-text);max-width:820px;margin:0 auto 24px;text-align:center}.ap .beta-box b{color:var(--ap-text)}
.ap .off90-s{max-width:40em;margin:36px auto 18px;text-align:center;color:var(--ap-gray);background:transparent}
.ap .skin-grid{gap:14px}.ap .skin{padding:18px 14px 20px}.ap .sk-name{color:var(--ap-text)}
.ap .sk-more{text-align:center;color:var(--ap-gray);margin:24px auto 8px}
.ap .sk-import{margin:36px auto 0;text-align:center}.ap .sk-import h3{font-size:24px;font-weight:700;letter-spacing:-.025em}
.ap .req{background:var(--ap-bg2)}
.ap .inst-grid{gap:clamp(40px,6vw,88px)}.ap .inst-grid h2,.ap .inst-grid .eyebrow{text-align:start;margin-inline:0}
.ap .inst p,.ap .req li{color:var(--ap-gray)}.ap .inst h3,.ap .req h3{color:var(--ap-text)}
.ap .faq-list{max-width:820px;margin:0 auto;border-top:1px solid var(--ap-line)}
.ap details{border-bottom-color:var(--ap-line)}.ap summary{font-size:21px;font-weight:600;letter-spacing:-.02em;padding-block:24px;color:var(--ap-text)}.ap details p{color:var(--ap-gray)}
.ap .calc{background:var(--ap-bg2)}.ap .calc-in{color:var(--ap-text)}.ap .presets button,.ap .ec-presets button{background:var(--ap-card);color:var(--ap-text)}
.ap .ec{color:var(--ap-text)}

/* ---- pricing: Free vs Pro compare table ---- */
.ap-compare{max-width:820px;margin:0 auto 20px}
.ap-compare table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;background:var(--ap-bg2);border-radius:28px;overflow:hidden}
.ap-compare th,.ap-compare td{padding:16px 22px;text-align:start;vertical-align:top;font-size:17px;line-height:1.4;border-top:1px solid var(--ap-line)}
.ap-compare thead th{border-top:0;padding-top:30px;padding-bottom:22px;font-weight:700}
.ap-pn{display:block;font-size:21px;color:var(--ap-gray);font-weight:600}.ap-pp{display:block;font-size:clamp(34px,4.4vw,52px);letter-spacing:-.04em;line-height:1.1;color:var(--ap-text);margin-top:4px}
.ap-compare th.pro,.ap-compare td:nth-child(2){background:var(--ap-card);box-shadow:inset 1px 0 0 var(--ap-line)}.ap-compare th.pro .ap-pn{color:var(--ap-link)}
.ap-compare tfoot td{font-size:14px;color:var(--ap-gray)}
.ap-compare td:first-child{color:var(--ap-text)}
.ap-pay{text-align:center;color:var(--ap-gray);font-size:14px;margin:0 0 8px}
.ap .pricing .small{text-align:center}.ap .calc{margin-top:clamp(56px,7vw,96px)}

/* ---- footer + numbered footnotes ---- */
.ap .foot{background:var(--ap-bg2);border-top:1px solid var(--ap-line);padding:28px 0 40px;font-size:12px;color:var(--ap-gray);line-height:1.5}
.ap .foot .wrap{max-width:1024px}
.ap .foot-top{border-bottom:1px solid var(--ap-line);padding:14px 0 18px;margin:0 0 18px;align-items:flex-start;flex-direction:column;gap:14px}
.ap .foot .brand{font-size:15px}.ap .foot ul{gap:8px 28px}.ap .foot li a{color:var(--ap-text);opacity:.8;font-size:12px}
.ap-notes{margin:0 0 18px;padding:0 0 18px 1.4em;padding-inline:1.4em 0;border-bottom:1px solid var(--ap-line);font-size:12px;color:var(--ap-gray);line-height:1.5}
.ap-notes li{margin:0 0 4px;padding-inline-start:.3em}.ap-notes a{color:var(--ap-gray)}.ap-notes li:target{background:var(--ap-mist);border-radius:6px}.ap-back{min-width:24px;text-align:center;text-decoration:none}
.ap .foot-lang{margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--ap-line)}
.ap .foot .foot-lang ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 24px}
.ap .foot-lang a{font-size:12px;color:var(--ap-text);opacity:.8;padding:6px 0}.ap .foot-lang a[aria-current]{opacity:1}
.ap .tm{font-size:12px;color:var(--ap-gray);max-width:60em}

/* ---- scroll fade-in ---- */
html.ap-js .ap-rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.28,.11,.32,1),transform .8s cubic-bezier(.28,.11,.32,1)}
html.ap-js .ap-rv.ap-in{opacity:1;transform:none}

/* ---- dark mode: surfaces that style.css paints with fixed light colours ---- */
@media (prefers-color-scheme:dark){
 .ap .nav .brand,.ap .lsw-list a,.ap .btn-ghost{color:var(--ap-text)}
 .ap .lsw-list{background:rgba(44,44,46,.88)}.ap .lsw .lsw-list a:hover{background:rgba(255,255,255,.1)}.ap .lsw .lsw-list a[aria-current]{background:rgba(60,200,230,.16)}
 .ap .badges li{background:var(--ap-card)}
 .ap .cmp-out,.ap .mockwin,.ap .mw-body,.ap .dmac,.ap .skin,.ap .sk-import,.ap .cards3 li,.ap .mpanel,.ap .m-say,.ap .plan,.ap .scene-l li{background:var(--ap-card);color:var(--ap-text)}
 .ap .scene-l li{background:#fff;color:#0B1F3A}
 .ap .mw-body,.ap .mw-text,.ap .mw-to{color:var(--ap-text)}.ap .mw-bar{background:var(--ap-card2);color:var(--ap-gray)}
 .ap .dn,.ap .perm li,.ap .beta-box,.ap .mp-out{background:var(--ap-mist);color:var(--ap-text);border-color:rgba(60,200,230,.3)}
 .ap .cmp-t,.ap .cmp-out .co{color:var(--ap-text)}.ap .cmp-raw .cmp-t{color:var(--ap-gray)}
 .ap .fl{background:rgba(255,120,90,.2);color:#ffb4a0}
 .ap .bt{background:var(--ap-card2)}.ap .bl,.ap .bv,.ap .res-l{color:var(--ap-text)}
 .ap .mtabs{background:var(--fill)}.ap .mtabs [role=tab]{color:var(--ap-text)}.ap .mtabs [role=tab]:hover{background:rgba(255,255,255,.08)}
 .ap .mp-name,.ap .modes-h,.ap .calc-h,.ap .ec-h,.ap .sk-name,.ap .dmac-l{color:var(--ap-text)}
 .ap .presets button,.ap .ec-presets button,.ap .ec-num{background:var(--ap-card2);color:var(--ap-text)}
 .ap .ec,.ap .ec-in,.ap .ec-out{color:var(--ap-text)}.ap .ec-out{background:var(--ap-card)}
 .ap .calc-out{background:#0d3341}
 .ap .dx{background:var(--ap-bg);color:var(--ap-gray)}
 .ap .ap-win{background:var(--ap-card)}
 .ap .ap-mac{border-color:#2c2c2e}
 .ap .hero .cta-note a,.ap .cta-note a{color:var(--ap-link)}
 .ap .final .cta-note a{color:#fff}
 .ap .off90-s{background:transparent}
 .ap input,.ap select{color-scheme:dark}
 .ap .ap-keycap{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 .5px rgba(255,255,255,.18),0 .15em 0 rgba(0,0,0,.5),0 1.2em 2.4em rgba(0,0,0,.5)}
}

/* ---- responsive ---- */
@media (max-width:960px){
 .ap-hero-grid{grid-template-columns:minmax(0,1fr)}
 .ap-hero-copy{align-items:center;text-align:center}.ap .hero .cta{justify-content:center}
 .ap-stage{font-size:clamp(8px,1.9vw,14px);max-width:760px;margin-inline:auto;width:100%}
 .ap .pts4{grid-template-columns:repeat(2,minmax(0,1fr))}.ap .foot .foot-lang ul{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ap-facts{grid-template-columns:1fr}
}
@media (max-width:760px){
 .ap .wrap{padding:0 16px}
 .ap .hero .btn-share{display:inline-flex;font-size:17px;padding:13px 24px}.ap .hero .btn-dl{display:none}
 .ap .hero .cta{align-items:center;width:100%}
 .ap .hero-h{font-size:clamp(34px,10.4vw,46px)}
 .ap-sub-in{gap:10px}.ap-sub nav{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.ap-sub nav::-webkit-scrollbar{display:none}.ap-sub-t{margin-inline-end:0;font-size:17px}.ap-sub nav ul{gap:16px;padding-inline:4px}
 .ap-stage{font-size:clamp(5.6px,2.1vw,9px)}.ap-wb{padding-bottom:2.5em}.ap-win{width:80%}.ap-mac{aspect-ratio:4/3.3}
 .ap .plans,.ap .pts4,.ap .cards3,.ap .steps{grid-template-columns:1fr}
 .ap-compare th,.ap-compare td{padding:13px 14px;font-size:15px}
 .ap .foot .foot-lang ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ap .inst-grid h2,.ap .inst-grid .eyebrow{text-align:center}.ap summary{font-size:19px}
}
@media (prefers-reduced-motion:reduce){html.ap-js .ap-rv{opacity:1;transform:none;transition:none}.ap-ovb i,.ap-sti i{animation:none!important}.ap-ov{transition:none}}
@media (prefers-reduced-transparency:reduce){html .ap .nav,html.at-top .ap .nav,.ap-sub{background:var(--ap-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.ap-mb,.ap-ov,.ap-keycap{-webkit-backdrop-filter:none;backdrop-filter:none}.ap-ov{background:#222831}}
.ap .off90-s strong,.ap .off90 strong{color:var(--ap-text)}.ap .offline .off90 strong{color:#f5f5f7}
html:lang(ja) .ap .hero-h{font-size:clamp(32px,3.9vw,56px)}
@media (max-width:760px){html:lang(ja) .ap .hero-h{font-size:clamp(30px,8.8vw,40px)}}
html:lang(ja) .ap .hero-h{font-size:clamp(30px,3.3vw,48px)}

/* ======================= v6 additions ======================= */
/* primary buttons: deep navy #0B1F3A (light) / live dark treatment #1D4170 (dark), white text (owner decision 2026-10-30, second) */
.ap .btn,.ap .btn:hover{color:#fff}
.ap .btn.btn-s,.ap .btn-s{min-height:32px;padding:5px 14px;font-size:13px;font-weight:500}
.ap .final .btn{color:#00455A}
.ap-sub-t{margin-inline-end:auto}
.ap-sub-in{margin-inline:0}
.ap-sub .btn-s{flex:none}
/* hero: notice line (records only while ⌘ is held / what does not work) */
.ap-notice{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;font-size:14px;font-weight:600;color:var(--ap-text);position:relative}
.ap-notice li{display:flex;align-items:center;gap:8px}
.ap-notice li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ap-link)}
.ap-notice li:nth-child(2)::before{background:#b25400}
@media (prefers-color-scheme:dark){.ap-notice li:nth-child(2)::before{background:#ffb561}}
.ap-fact{font-size:14px}
.ap-fact span+span{margin-top:1px}
/* contrast fixes */
.ap .assume summary{color:#fff;font-size:14px;font-weight:700;padding-block:12px;letter-spacing:0}
.ap main>section.final>.wrap>.eyebrow,.ap main>section.final .eyebrow{color:#e3f8fd}
.ap main>section.offline>.wrap .eyebrow{color:#5fd2ec}
.ap .final .cta-note,.ap .final .syn-sub{color:#fff}
.ap .dserver,.ap .dserver>span{color:var(--ap-gray)}.ap .dserver .mono{color:var(--ap-link)}
.ap .try .demo .mono{color:#b3c4d8}
/* enterprise calculator: the pack cards keep readable text in both schemes */
.ap .ec-packs li{color:var(--ap-gray)}.ap .ec-packs b,.ap .ec-packs .ec-p,.ap .ec-p bdi{color:var(--ap-text)}
.ap .ec-l [data-ec-cover]{margin-inline-start:.5em;padding-inline-start:.5em;border-inline-start:1px solid currentColor}
@media (prefers-color-scheme:dark){
 .ap .ec{--ec-ink:#f5f5f7;--ec-sub:#c9d1db;--ec-line:#3a3a3c}
 .ap .ec-packs li{color:#c9d1db}.ap .ec-packs b,.ap .ec-packs .ec-p,.ap .ec-p bdi{color:#f5f5f7}
 .ap .ec-out .ec-l,.ap .ec-out .ec-tax,.ap .ec-out .ec-note{color:#c9d5e2}
}
/* chart basis line + notes block */
.ap-basis{max-width:44em;margin:0 auto 24px;text-align:center;font-size:15px;line-height:1.45;font-weight:600;color:var(--ap-text);padding:10px 16px;border-radius:14px;background:var(--ap-mist)}
.ap .speed .small{font-size:14px}
.ap-notes-sec{margin:0}
.ap-notes{font-size:13px}
/* targets 24px or more: footer, language links, notes */
.ap .foot-top li a{display:inline-block;padding-block:6px;min-height:24px}
.ap .foot-lang a{display:inline-block;min-width:24px;min-height:24px;padding:6px 2px}
.ap .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* 1440x900: the whole first view (icon, headline, button, 3 cards, notice) fits, also for the long languages */
@media (min-width:961px) and (max-height:1000px){
 .ap .hero{padding:16px 0 20px}
 .ap-name{margin-bottom:6px}.ap-bigic{width:clamp(64px,6.2vw,92px)}
 .ap .hero-h{font-size:clamp(34px,4.1vw,58px)}
 html:lang(ja) .ap .hero-h{font-size:clamp(30px,3.3vw,46px)}
 .ap .lead{font-size:clamp(17px,1.45vw,20px);margin-bottom:14px}
 .ap-facts{margin-top:16px;gap:10px}.ap-fact{padding:12px 16px;font-size:13.5px;line-height:1.35}.ap-fact b{font-size:clamp(17px,1.5vw,21px);margin-bottom:1px}
 .ap .badges{margin-top:10px}.ap-notice{margin-top:8px}
 .ap-hero-grid{gap:clamp(20px,3vw,40px)}
}
@media (min-width:961px) and (max-height:820px){
 .ap .hero-h{font-size:clamp(30px,3.5vw,50px)}.ap-facts{margin-top:12px}.ap .badges{display:none}
}
/* phones: sub nav is one row of 44px targets that scrolls sideways with a fade; the button lives in the hero */
@media (max-width:760px){
 .ap-sub-t,.ap-sub .btn-s{display:none}
 .ap-sub-in{gap:0}
 .ap-sub nav ul,.ap-sub-in ul{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;justify-content:space-between;gap:0;padding-inline:0;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);scroll-snap-type:x proximity}
 [dir=rtl] .ap-sub-in ul{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 24px),transparent)}
 .ap-sub-in ul li{flex:none;scroll-snap-align:start}
 .ap-sub nav ul a{padding-inline:14px;font-size:14px}
 .ap-notice{justify-content:flex-start;flex-direction:column;gap:6px}
 .ap .foot .foot-lang ul{gap:0 24px}
}
@media (prefers-reduced-motion:reduce){.ap-sub-in ul{scroll-behavior:auto}}
.ap-fnr{white-space:nowrap}

@media (prefers-color-scheme:dark){.ap .btn:not(.final .btn){box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(255,255,255,.16)}}

/* v6b: notes layout, RTL / Indic headline spacing, mobile hero order, table wrapping */
.ap-notes{line-height:1.6}.ap-notes li{margin:0 0 12px}
.ap-back{display:inline-block;min-width:24px;min-height:24px;line-height:24px;vertical-align:middle}
html:is(:lang(ar),:lang(ur),:lang(hi),:lang(bn)) .ap :is(.hero-h,main>section:not(.hero) h2,.off-h,.syn-h){line-height:1.3;letter-spacing:0}
html:is(:lang(ar),:lang(ur)) .ap{letter-spacing:0}
.ap-compare td,.ap-compare th{overflow-wrap:break-word}
@media (max-width:760px){
 .ap .hero .cta>.btn-share{order:-1}
 .ap-compare th,.ap-compare td{padding:12px 11px;font-size:14.5px}
 .ap-pp{font-size:clamp(28px,8vw,40px)}
}
@media (max-width:360px){.ap-compare th,.ap-compare td{font-size:13.5px;padding:10px 8px}.ap .hero-h{font-size:clamp(28px,9.2vw,36px)}}

/* v6c: the privacy exception sentence under the three cards */
.ap-except{max-width:46em;margin:28px auto 8px;text-align:center;font-size:16px;line-height:1.55;color:var(--ap-text);font-weight:500}