*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:32px}body{margin:0;background:#f7f7f2;color:#242721;font:16px/1.7 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #537300;outline-offset:5px}::selection{background:#d7ff3f;color:#242721}.wrap{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2{font-weight:500;line-height:1.08;letter-spacing:-.055em;text-wrap:balance}h1{font-size:clamp(60px,6.4vw,92px);margin-bottom:26px;max-width:650px}h2{font-size:clamp(36px,4vw,52px);margin-bottom:24px}h3{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin-bottom:12px}p{margin-bottom:20px}.header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #dedfd6}.brand{display:flex;gap:12px;align-items:center;flex:none}.brand>img:first-child{border-radius:12px}.wordmark-svg{height:auto}.main-nav{display:flex;gap:28px;font-size:13px;color:#59614f}.main-nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}.language-switch{display:flex;gap:3px;flex:none;border:0;border-radius:26px;padding:4px;font-size:10px;line-height:1}.language-switch a{display:grid;place-items:center;min-width:29px;min-height:32px;border-radius:20px;color:#59614f}.language-switch a[aria-current=page]{background:#d7ff3f;color:#242721}.hero{display:grid;grid-template-columns:1.2fr .85fr;align-items:center;gap:64px;padding-block:64px 68px;min-height:810px}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#626c53;margin:0 0 24px;display:flex;gap:10px;align-items:center}.dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#829c2c}.hero-lead{font-size:22px;line-height:1.5;letter-spacing:-.025em;max-width:500px}.hero-description{font-size:15px;color:#59614f;line-height:1.85;max-width:475px;margin-bottom:30px}.hero-actions{display:flex;gap:20px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;background:#252821;color:#fff;border-radius:99px;padding:15px 25px;font-size:13px;line-height:1.5;transition:background .2s,transform .2s;text-align:center}.button:hover{background:#424d30;transform:translateY(-2px)}.quiet{font-size:12px;color:#626c53}.availability{font-size:11px;display:flex;align-items:center;gap:9px;margin-top:20px;max-width:420px}.hero-note{font-size:12px;color:#626c53;margin-top:40px;margin-bottom:0}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;margin:0}.hero-visual:before{content:'';position:absolute;width:420px;height:420px;max-width:100%;border-radius:50%;background:#e7ecda;top:18%;z-index:-1}.app-screen{display:block;width:100%;height:auto;max-width:320px;border:5px solid #242721;border-radius:42px;box-shadow:0 28px 55px -30px #30362265;background:#f7f7f2}.hero-visual .app-screen{transform:rotate(3deg)}figcaption{font-size:10px;color:#626c53;text-align:center;max-width:350px}.principles{display:flex;gap:30px;justify-content:center;align-items:center;padding-block:27px;border-block:1px solid #dedfd6;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.plus{color:#7f896f;font-size:20px}.story{padding-block:120px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.section-intro{position:sticky;top:32px;align-self:start}.section-intro>p:not(.eyebrow),.demo-copy>p:not(.eyebrow):not(.sample-disclaimer){font-size:15px;color:#59614f}.steps article{display:flex;gap:27px;border-bottom:1px solid #dfe4d6;padding-bottom:32px;margin-bottom:32px}.steps article:last-child{border:0;margin:0;padding:0}.step-number{font-size:12px;color:#626c53;padding-top:3px}.steps p{font-size:14px;color:#59614f}.feature-detail{font-size:11px;color:#626c53}.text-link{display:inline-block;border-bottom:1px solid #b9c6a3;padding-bottom:5px;font-size:13px;margin-top:8px}.demo-section{background:#eaece2;padding-block:88px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.demo-copy{max-width:500px}.tabs{display:flex;gap:24px;border-bottom:1px solid #bcc7aa;margin-block:28px}.tabs button{padding:13px 2px;background:none;border:0;border-bottom:3px solid transparent;color:#59614f;cursor:pointer;font-size:15px}.tabs button[aria-selected=true]{color:#242721;border-color:#6a8b00;font-weight:600}.demo-screens{display:grid;justify-content:center}.demo-screens [role=tabpanel]{min-width:0}.demo-screens .app-screen{max-width:340px}.demo-text{font-size:13px;border-bottom:1px solid #bec8b2;padding-bottom:14px}.demo-text summary{cursor:pointer;font-weight:600}.demo-text h3{font-size:13px;margin:18px 0 8px}.demo-text p{margin-bottom:14px;line-height:1.75}.sample-note{color:#59614f}.sample-disclaimer{font-size:11px;color:#59614f;line-height:1.8;margin-top:22px}.privacy{padding-block:115px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.privacy-details article{display:flex;gap:22px;margin-bottom:30px}.privacy-details article>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #c7d1b7;border-radius:50%;color:#597025}.privacy-details h3{font-size:17px}.privacy-details p{font-size:14px;color:#59614f;max-width:400px}.faq{padding-block:70px 100px;border-top:1px solid #dedfd6;display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-bottom:1px solid #d5ddca}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#626c53;font-size:22px;line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:#59614f;line-height:1.85}.closing{background:#d7ff3f;border-radius:24px;padding:46px 48px}.closing h2{max-width:700px;font-size:clamp(40px,5vw,66px)}.closing p:not(.eyebrow){font-size:15px;max-width:580px}.closing .eyebrow{color:#44551e}.closing .button{margin-top:10px}.footer{padding-block:65px 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:35px;border-bottom:1px solid #dedfd6}.wordmark>img{display:block}.wordmark span{display:block;font-size:9px;letter-spacing:.08em;margin-top:9px;color:#626c53}.footer-top p{margin:0;color:#626c53;font-size:13px}.footer-top>a:last-child{font-size:13px}.footer-bottom{display:flex;flex-direction:column;gap:18px;padding-top:22px;font-size:11px;color:#59614f}.footer-bottom nav{display:flex;gap:15px 24px;flex-wrap:wrap}.skip{position:fixed;z-index:100;left:12px;top:-100px;padding:10px;background:#d7ff3f}.skip:focus{top:12px}.legal{max-width:840px;padding-block:65px 90px}.legal h1{font-size:48px;line-height:1.15;letter-spacing:-.04em;margin-block:28px}.legal h2{font-size:24px;letter-spacing:-.025em;line-height:1.3;margin-top:35px}.legal p,.legal li,.legal dd,.legal dt,.legal td,.legal th{font-size:14px;line-height:1.9;color:#515c45}.legal a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal .back{font-size:12px}.legal .eyebrow{margin-top:24px}.legal .intro{font-size:16px;color:#343f2a}.legal .scope{background:#eef2e4;border:1px solid #d3ddc1;border-radius:14px;padding:22px;margin-top:30px}.scope h2{margin-top:0}.legal .scope p:last-child{margin-bottom:0}.legal-index{display:grid;gap:0;margin-block:25px}.legal-index a{padding:16px 0;border-bottom:1px solid #d3ddc1}.translation-note{background:#eef2e4;padding:14px;border-radius:10px}.legal dt{font-weight:700}.legal dd{margin:5px 0 16px}.legal blockquote{margin:20px 0;border-left:3px solid #7f9f32;padding-left:20px}.legal table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}.legal td,.legal th{border:1px solid #c6d0b6;padding:10px}.review-date{font-size:12px!important}[hidden]{display:none!important}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{gap:20px}.main-nav{gap:18px;font-size:12px}.hero{gap:35px;min-height:740px}.hero-actions{flex-wrap:wrap;gap:14px}.story,.demo-layout,.privacy,.faq{gap:45px}.app-screen{max-width:285px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:84px;gap:12px;flex-wrap:wrap;padding-block:16px}.brand{gap:9px}.brand>img:first-child{width:34px;height:34px;border-radius:10px}.brand .wordmark-svg{width:112px;height:auto}.main-nav{display:none}.language-switch{gap:0;margin-left:auto}.language-switch a{min-width:25px;min-height:30px}.hero{grid-template-columns:1fr;min-height:0;padding-block:52px 40px;gap:42px}.hero h1{font-size:clamp(52px,12vw,76px)}.hero-lead{font-size:20px}.hero-description{font-size:14px}.hero-actions{gap:15px}.button{padding:14px 22px;font-size:13px}.quiet{font-size:11px}.hero-note{margin-top:28px}.hero-visual{gap:24px}.hero-visual .app-screen{max-width:280px}.principles{gap:14px;font-size:9px;text-align:center;letter-spacing:.05em}.plus{font-size:15px}.story{grid-template-columns:1fr;padding-block:72px;gap:35px}.section-intro{position:static}.steps article{gap:22px}.demo-section{padding-block:62px}.demo-layout{grid-template-columns:1fr;gap:35px}.demo-copy{max-width:none}.demo-screens .app-screen{width:100%;max-width:310px}.demo-screens{min-width:0}.tabs{margin-block:22px}.privacy{grid-template-columns:1fr;padding-block:75px;gap:32px}.privacy-details article:last-child{margin-bottom:0}.faq{grid-template-columns:1fr;gap:12px;padding-block:55px 70px}.closing{padding:30px 25px;border-radius:18px}.closing h2{font-size:42px}.footer{padding-top:48px}.footer-top p{display:none}.footer-bottom nav{gap:14px 18px;font-size:11px}.legal{padding-block:40px 65px}.legal h1{font-size:36px;overflow-wrap:anywhere}.legal h2{font-size:22px}.legal .scope{padding:18px}}
@media(max-width:370px){.header .brand>img:first-child{display:none}.principles{gap:8px;font-size:8px}.hero h1{font-size:50px}.hero-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.highlight{background:linear-gradient(transparent 81%,#d7ff3f 81%,#d7ff3f 95%,transparent 95%);white-space:nowrap}
/* Click-through prototype: actual SwiftUI pixels with geometry-exported semantic controls. */
.phone-demo{width:100%;max-width:340px;min-width:0}.virtual-phone{position:relative;width:100%;aspect-ratio:402/856;overflow:hidden;border:5px solid #242721;border-radius:42px;background:#f7f7f2;box-shadow:0 28px 55px -30px #30362265;isolation:isolate}.virtual-phone>[data-phone-image]{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0;box-shadow:none}.phone-hotspots{position:absolute;inset:0;z-index:2}.demo-hotspot{position:absolute;border:0;padding:0;background:transparent;border-radius:8px;cursor:pointer;touch-action:manipulation}.demo-hotspot:hover{background:rgba(36,39,33,.035);box-shadow:inset 0 0 0 1px rgba(36,39,33,.13)}.demo-hotspot:focus-visible{outline:2px solid #51574e;outline-offset:-2px;background:rgba(36,39,33,.025)}.demo-hotspot:disabled{cursor:wait}.phone-demo-tools{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 14px;margin-top:18px;min-height:30px}.phone-demo-tools button{border:0;border-bottom:1px solid #a9b58f;padding:3px 0;background:none;cursor:pointer;font-size:11px;color:#515d42;flex:none}.phone-demo-tools p{font-size:11px;line-height:1.5;color:#515d42;margin:0;flex:1;min-width:160px}.hero-visual .virtual-phone{transform:rotate(3deg)}.hero-visual .phone-demo-tools{padding-top:10px}.hero-visual .phone-demo{max-width:320px}.demo-instruction{border-left:3px solid #95ae48;padding-left:16px;font-size:14px!important;color:#3e4e2d!important}.demo-recordings{padding:0;list-style:none;margin-block:25px}.demo-recordings li{display:flex;flex-direction:column;border-bottom:1px solid #c9d2bc;padding:12px 0;font-size:13px}.demo-recordings span{font-size:11px;color:#626c53}.demo-progress{display:none;position:absolute;inset:0;z-index:3;background:#f7f7f2aa;align-items:center;justify-content:center}.demo-progress:after{content:'';width:34px;height:34px;border:3px solid #d7ff3f;border-top-color:#546b19;border-radius:50%;animation:demo-spin .8s linear infinite}.demo-processing .demo-progress{display:flex}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes demo-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.hero-visual .phone-demo{max-width:280px}.virtual-phone{border-radius:38px}.hero-visual .phone-demo-tools{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.demo-progress:after{animation:none}}
.virtual-phone{box-sizing:content-box;width:calc(100% - 10px)}
.virtual-phone{aspect-ratio:var(--phone-ratio,402/856)}
.demo-hotspot{transition:background .12s,box-shadow .12s}.demo-hotspot:active{background:rgba(36,39,33,.09)}.privacy-title>span{display:block}.demo-media{flex-basis:100%;font-size:11px;color:#59614f}.demo-media progress{display:block;width:100%;height:3px;margin-top:6px;accent-color:#61695b}.sim-stop{position:absolute;left:50%;top:50%;width:58%;height:58%;transform:translate(-50%,-50%);background:#f7f7f2;display:grid;place-items:center}.sim-stop:after{content:'';width:52%;height:52%;background:#151712;border-radius:1px}.play-detail .sim-stop{background:#d7ff3f}.recording-clock{position:absolute;display:flex;align-items:center;justify-content:center;background:white;color:#111;font:400 8.1818cqw/1 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.virtual-phone{container-type:inline-size}
.demo-screens{display:flex;justify-content:center}.demo-hotspot[data-action="capture"],.demo-hotspot.play-detail{border-radius:50%}
/* A fixed phone shell, native scroll pixels and exported hit areas prevent page reflow. */
.phone-demo{overflow-anchor:none}.hero-visual .virtual-phone{transform:none}.phone-hotspots{pointer-events:none}.demo-hotspot{pointer-events:auto;transition:background-color .12s,box-shadow .12s;border-radius:.9cqw}.demo-hotspot.hit-action{border-radius:2.2727cqw}.demo-hotspot.hit-card{border-radius:3.6364cqw}.demo-hotspot.hit-pill{border-radius:999px}.demo-hotspot.hit-circle{border-radius:50%}.demo-hotspot>span{pointer-events:none}
.demo-hotspot:hover{background:transparent;box-shadow:none}@media(hover:hover) and (pointer:fine){.demo-hotspot:hover{background:rgba(36,39,33,.04);box-shadow:inset 0 0 0 1px rgba(36,39,33,.15)}}
.demo-hotspot:active{background:rgba(36,39,33,.09)}.phone-scroll{position:absolute;overflow-x:hidden;overflow-y:auto;z-index:1;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y;overflow-anchor:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch}.phone-scroll::-webkit-scrollbar{display:none}.phone-scroll-content{position:relative;width:100%;line-height:0}.phone-scroll-content>img{display:block;width:100%;height:auto;pointer-events:none}.phone-scroll-content .phone-hotspots{inset:0}.phone-scroll:focus-visible{outline:1px solid #51574e;outline-offset:-1px}
.phone-demo-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;min-height:146px;align-items:start}.phone-feedback{min-width:0}.phone-feedback>[role=status]{min-width:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.phone-feedback .demo-media{margin-top:6px;font-size:11px;line-height:1.5}.hero-visual .phone-demo-tools{padding-top:0}.demo-screens>.phone-demo{flex:0 1 78mm;max-width:78mm;width:100%}
@media(max-width:760px){.hero-visual .phone-demo{max-width:340px}}
.demo-loading .demo-progress{display:flex}.hit-text:before{content:'';position:absolute;left:0;right:0;top:50%;height:max(100%,24px);transform:translateY(-50%)}
@media(max-width:760px){.privacy-title{font-size:clamp(22px,7vw,36px)}}
.hit-circle:before,.hit-pill:before{content:'';position:absolute;left:50%;top:50%;width:max(100%,24px);height:max(100%,24px);transform:translate(-50%,-50%);border-radius:inherit}
/* Native fixed chrome and scrolling content never share the same painted pixels. */
.virtual-phone{background:var(--phone-surface,#f7f7f2)}.virtual-phone>[data-phone-footer]{display:block;position:absolute;inset:0 auto auto 0;width:100%;height:auto;max-width:none;pointer-events:none}.phone-scroll{background:var(--phone-surface,#f7f7f2)}
/* The upper phone is a tilted native screenshot linking to the single live demo. */
.hero-phone-link{display:block;width:100%;max-width:320px}.hero-phone-link .app-screen{max-width:none;transition:none}.hero-phone-link:hover .app-screen{transform:rotate(3deg)}@media(max-width:760px){.hero-phone-link{max-width:280px}}
/* The native screenshots supply both themes; only the moving simulation glyphs are painted here. */
.sim-stop{background:var(--phone-surface,#f7f7f2)}.sim-stop:after{background:var(--phone-ink,#151712)}.play-detail .sim-stop{background:#d7ff3f}.play-detail .sim-stop:after{background:#151712}.recording-clock{background:var(--clock-surface,#fff);color:var(--phone-ink,#151712)}.virtual-phone[data-appearance=dark] .demo-hotspot:focus-visible{outline-color:#c8d1bd;background:#ffffff0d}@media(hover:hover) and (pointer:fine){.virtual-phone[data-appearance=dark] .demo-hotspot:hover{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff29}}
.virtual-phone[data-appearance=dark] .demo-progress{background:#11120faa}
/* Functional library controls sit in the native filter area; result cards keep native pixels. */
.demo-library-filters{position:absolute;z-index:3;pointer-events:auto;background:var(--phone-surface);color:var(--phone-ink);display:grid;gap:2.2727cqw;line-height:1.2;--filter-card:#fff;--filter-border:#15171222;--filter-secondary:#777a73;--filter-accent:var(--phone-ink)}
.virtual-phone[data-appearance=dark] .demo-library-filters{--filter-card:#191b16;--filter-border:#ffffff29;--filter-secondary:#a2a49d;--filter-accent:#d7ff3f;color-scheme:dark}
.demo-search{display:flex;align-items:center;gap:2cqw;min-width:0;min-height:9.55cqw;padding:1.7cqw 2.73cqw;border:1px solid var(--filter-border);border-radius:2.73cqw;background:var(--filter-card)}
.demo-search-icon{display:block;flex:none;width:15px;height:15px;margin-right:1px;color:var(--filter-secondary)}
.demo-search input{min-height:24px;min-width:0;width:100%;padding:0;border:0;border-radius:0;outline:none;background:transparent;color:var(--phone-ink);font:400 16px/1.25 -apple-system,BlinkMacSystemFont,sans-serif}.demo-search:focus-within{outline:1px solid var(--filter-secondary)}.demo-search input::placeholder{color:var(--filter-secondary);opacity:1}.demo-search input::-webkit-search-cancel-button{display:none}
.demo-library-filters button{display:grid;place-items:center;flex:none;width:24px;min-height:24px;padding:0;border:0;background:none;color:var(--filter-secondary);cursor:pointer;font-size:21px;line-height:1;border-radius:50%}.demo-library-filters button:focus-visible,.demo-library-filters select:focus-visible,.demo-date-range input:focus-visible{outline:2px solid var(--filter-secondary);outline-offset:1px}
.demo-filter-choices{display:flex;align-items:center;gap:2.2727cqw;min-width:0}.demo-filter-select{position:relative;display:flex;min-width:0;max-width:calc(50% - 13px);border:1px solid var(--filter-border);border-radius:999px;background:var(--filter-card);color:var(--filter-secondary)}
.demo-filter-select:after{content:'';position:absolute;right:5px;top:calc(50% - 3px);width:4px;height:4px;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(45deg);pointer-events:none}
.demo-filter-select select{appearance:none;-webkit-appearance:none;min-width:0;width:100%;min-height:26px;padding:4px 19px 4px 26px;border:0;border-radius:inherit;background:none;color:inherit;font:500 11px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;text-overflow:ellipsis;cursor:pointer}.demo-filter-select option{color:var(--phone-ink);background:var(--filter-card)}.demo-filter-select.is-active{border-color:var(--filter-accent);color:var(--filter-accent)}.demo-clear-filters{margin-left:auto}
.demo-date-range{display:flex;gap:10px;min-width:0}.demo-date-range label{display:grid;gap:4px;min-width:0;flex:1;font-size:11px;color:var(--filter-secondary)}.demo-date-range input{box-sizing:border-box;min-width:0;width:100%;max-width:100%;height:32px;padding:3px 4px;background:var(--filter-card);border:1px solid var(--filter-border);border-radius:6px;color:var(--phone-ink);font:400 16px/1.2 -apple-system,BlinkMacSystemFont,sans-serif}.demo-date-range input::-webkit-date-and-time-value{text-align:left}
.demo-library-rows{display:flex;flex-direction:column;gap:2.7273cqw;line-height:0}.demo-native-row{position:relative;width:100%;flex:none;overflow:hidden;border-radius:3.6364cqw;isolation:isolate}.demo-native-row>img{position:absolute;left:0;top:0;width:100%;max-width:none;height:auto;pointer-events:none}.demo-native-row .demo-hotspot{z-index:1}.demo-no-results{margin:0;color:var(--phone-ink);opacity:.65;font:400 3.6364cqw/1.4 -apple-system,BlinkMacSystemFont,sans-serif}.demo-restore{border-radius:0;min-height:24px}
.demo-library-filters [hidden],.phone-scroll-content>[hidden]{display:none!important}
.demo-filter-select>svg{position:absolute;left:5px;top:calc(50% - 6px);width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@container(max-width:300px){.demo-date-range{flex-direction:column;gap:7px}}
/* Let long translated filter names wrap as whole pills instead of cutting their labels. */
.demo-filter-choices{align-items:flex-start}.demo-filter-pills{display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0}.demo-filter-select{max-width:100%}.demo-select-caption{display:block;min-height:26px;padding:5px 14px 5px 20px;font:500 11px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.demo-filter-select select{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px}.demo-filter-select:focus-within{outline:2px solid var(--filter-secondary);outline-offset:1px}.demo-clear-filters{margin-top:2px}
/* Output choices and result sections retain actual native pixels and geometry. */
.demo-overview-pieces{display:flex;flex-direction:column;gap:0;line-height:0}.demo-native-piece{position:relative;width:100%;flex:none;overflow:hidden}.demo-native-piece>img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;pointer-events:none}.demo-unchecked{position:absolute;z-index:3;background:var(--detail-card);pointer-events:none}.demo-unchecked:after{content:'';position:absolute;inset:.2273cqw;border:.3409cqw solid var(--detail-muted,#0000008c);border-radius:50%}
.demo-hotspot[data-action=confirm]:disabled{background:var(--phone-surface);opacity:.55;cursor:not-allowed}
/* Nominal iPhone 17 Pro Max body width (Apple: 78 x 163.4 mm). Browser physical units depend on display scaling; narrow layouts shrink naturally. */
.demo-screens .virtual-phone{border-radius:11% / 5.2%}
/* The demo never connects to iCloud; it only composes native UI screenshots. */
.demo-library-rows.is-trash{gap:3.6364cqw}.demo-library-rows.is-trash .demo-native-row:first-child{margin-bottom:-3.6364cqw}.demo-library-rows.is-trash .demo-native-row{border-radius:0}
.demo-dialog-backdrop{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;padding:4cqw;background:#0006;line-height:1.4;pointer-events:auto;overscroll-behavior:contain}
.demo-dialog-sheet{width:100%;max-height:85%;overflow:auto;padding:4cqw;background:var(--phone-surface);color:var(--phone-ink);border:1px solid #8884;border-radius:5cqw;box-shadow:0 8px 32px #0003;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.demo-dialog-sheet h3{font-size:clamp(13px,4cqw,17px);font-weight:600;letter-spacing:0;margin:0 0 3cqw;line-height:1.35;overflow-wrap:anywhere}.demo-dialog-sheet p{font-size:clamp(12px,3.4cqw,15px);line-height:1.45;opacity:.7;margin:0 0 3cqw}
.demo-dialog-sheet button{display:block;width:100%;min-height:44px;margin-top:2cqw;padding:8px;border:1px solid #8884;border-radius:999px;background:var(--detail-card);color:var(--phone-ink);font:600 clamp(12px,3.6cqw,16px)/1.35 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}.demo-dialog-sheet button.demo-dialog-destructive{color:#df3939;border-color:#df393944}.demo-dialog-sheet button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.demo-language-sheet{overscroll-behavior:contain;scroll-padding:12px}.demo-language-sheet .demo-language-option{position:relative;text-align:left;border-radius:12px;padding:10px 34px 10px 12px;overflow-wrap:anywhere}.demo-language-option[aria-pressed=true]:after{content:'';position:absolute;right:14px;top:calc(50% - 7px);width:7px;height:12px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}.demo-language-sheet .demo-language-notice{opacity:1;border-left:2px solid #8886;padding-left:10px;font-size:12px}.demo-language-picker{border-radius:10px}.demo-language-value{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:5px;background:var(--detail-card);color:var(--phone-ink);font:400 3.8636cqw/1.2 -apple-system,BlinkMacSystemFont,sans-serif;border-radius:inherit;white-space:normal;overflow-wrap:anywhere;pointer-events:none;padding:2px}.demo-language-value:after{content:'';width:5px;height:5px;flex:none;border:solid currentColor;border-width:0 1px 1px 0;transform:translateY(-1px) rotate(45deg)}.virtual-phone[data-appearance=dark] .demo-language-value{color:#d7ff3f}
/* Preserve a comfortable switch target without changing its native highlight. */
.demo-hotspot[role=switch]:before{content:"";position:absolute;inset:auto 0;top:50%;height:max(100%,24px);transform:translateY(-50%);border-radius:inherit}
/* A separate close-up of the real native island, linked to the main demo. */
.island-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);padding-top:100px;padding-bottom:100px;align-items:center}.island-copy h2{max-width:12ch}.island-copy>p:not(.eyebrow){color:#626a59;line-height:1.75}.island-copy ol{padding-left:1.3em;margin:28px 0;line-height:1.65}.island-copy li{padding:5px 0 5px 8px}.island-copy li::marker{color:#687a44}.island-compatibility{font-size:12px!important;max-width:47ch}.island-preview{min-width:0;padding:30px 24px;border:1px solid #d9dfcf;border-radius:28px;background:linear-gradient(145deg,#eef0e6,#e2e8d8)}.island-surface{position:relative;width:100%;aspect-ratio:564/210;container-type:inline-size;isolation:isolate}.island-surface>[data-island-image]{position:absolute;left:50%;top:7.619%;transform:translateX(-50%);width:100%;height:auto;filter:drop-shadow(0 16px 18px #24272125);pointer-events:none}.island-surface[data-state=compact]>[data-island-image]{width:46.986%}.island-surface[data-state=idle]>[data-island-image]{width:23.759%}.island-clock{position:absolute;display:flex;align-items:center;justify-content:flex-start;background:#000;color:#d7ff3f;font:600 5.3cqw/1 ui-rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;pointer-events:none}.island-surface[data-state=compact] .island-clock{font-size:3.1cqw;font-weight:400;justify-content:center}.island-hit{position:absolute;display:block;border:0;padding:0;background:transparent;border-radius:999px;cursor:pointer;touch-action:manipulation}.island-hit::before{content:"";position:absolute;inset:auto 0;top:50%;height:max(100%,24px);transform:translateY(-50%);border-radius:inherit}.island-hit:hover{box-shadow:inset 0 0 0 1px #ffffff4d;background:#ffffff08}.island-hit:focus-visible{outline:2px solid #d7ff3f;outline-offset:2px}.island-hit[hidden],.island-clock[hidden],.island-collapse[hidden]{display:none}.island-demo-tools{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;min-height:76px}.island-start{font-size:13px;min-height:44px;padding:12px 18px;max-width:100%;white-space:normal;text-align:center}.island-start:disabled{cursor:default;background:#dce4cf;color:#4c5b3b;border-color:transparent}.island-collapse{border:0;border-bottom:1px solid #a9b58f;background:none;color:#515d42;font:inherit;font-size:11px;min-height:44px;cursor:pointer}.island-status{min-height:3.2em;font-size:12px;line-height:1.6;color:#515d42;margin:8px 0}.island-preview>.text-link{font-size:12px}.island-preview .sample-disclaimer{margin-top:24px;font-size:11px;line-height:1.7}.island-demo-tools button:focus-visible{outline:2px solid #515d42;outline-offset:3px}.island-surface[data-state=idle]{opacity:.8}
@media(max-width:760px){.island-section{grid-template-columns:1fr;gap:24px;padding-top:60px;padding-bottom:60px}.island-copy h2{max-width:17ch}.island-preview{padding:24px 18px}.island-demo-tools{min-height:100px;align-content:start}.island-start{width:100%}.island-copy ol{font-size:14px}}
@media(prefers-reduced-motion:reduce){.island-hit{transition:none}}
.island-start:hover{transform:none}
.island-status{min-height:5em}
.island-surface[data-state=compact] .island-clock{font-family:-apple-system,BlinkMacSystemFont,sans-serif;justify-content:flex-start}
.island-preview{overflow:hidden}
.demo-menu-option{background:var(--detail-card,#fff);color:var(--phone-ink,#151712);border:1px solid var(--detail-muted,#aaa);border-radius:12px;min-height:44px}
.demo-hotspot.hit-utility{border-radius:2.7273cqw}
/* Mask the outer native screenshot boundary, including the last six source
pixels below the expanded island. Internal system UI pixels stay unchanged. */
.island-surface>[data-island-image]{background:#000;clip-path:inset(0 round 999px)}
.island-surface[data-state=expanded]>[data-island-image]{clip-path:inset(0 0 3.315% round 12.5% / 40%)}
/* Duo information describes actual adaptive layouts; no invented device mockup. */
.duo-section{padding-block:96px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #dedfd6;align-items:start}.duo-section>div,.duo-modes article{min-width:0}.duo-modes article{position:relative;padding:0 0 22px 62px;margin-bottom:22px;border-bottom:1px solid #dedfd6}.duo-modes h3{font-size:18px;overflow-wrap:anywhere}.duo-modes p,.duo-continuity{font-size:14px;color:#59614f;margin:0;overflow-wrap:anywhere}.duo-mode-icon{position:absolute;left:0;top:-7px;width:48px;height:48px;display:grid;place-items:center}.duo-mode-icon img{display:block;width:48px;height:48px}.duo-continuity{padding-left:62px}
@media(max-width:760px){.duo-section{grid-template-columns:1fr;gap:20px;padding-block:56px}.duo-section .section-intro{position:static}.duo-modes article{padding-left:56px}.duo-continuity{padding-left:56px}.duo-mode-icon,.duo-mode-icon img{width:44px;height:44px}}
/* Playback keeps the native button size; only its arc and clock change. */
.playback-ring{position:absolute;left:50%;top:50%;width:7.7273cqw;height:7.7273cqw;transform:translate(-50%,-50%);color:var(--phone-ink);pointer-events:none}
.play-detail .playback-ring{width:100%;height:100%;color:#000}
.demo-playback-clock{position:absolute;display:flex;align-items:center;z-index:2;pointer-events:none;background:var(--clock-surface);color:color-mix(in srgb,var(--phone-ink) 58%,transparent);font:400 2.7273cqw/1.2 -apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.demo-playback-clock.is-detail{background:var(--detail-card)}
.demo-playback-clock[hidden]{display:none}
/* A wide card button must still draw a square stop symbol. */
.sim-stop{width:5cqw;height:5cqw}
.sim-stop:after{width:64%;height:64%;border-radius:.2273cqw}
/* Search and filters stay in their own recorder-sized panel; only recordings scroll. */
.demo-library-header{position:relative;line-height:0}
.demo-library-header .demo-native-row{border-radius:0}
.demo-library-header .demo-library-filters{position:relative;width:100%}
.demo-library-header:not([hidden])+.demo-library-rows{margin-top:2.7273cqw}
.demo-category-piece{border-radius:0}.demo-category-rows{display:flex;flex-direction:column;gap:2.7273cqw}.demo-category-name{position:absolute;display:flex;align-items:center;background:#fff;color:var(--phone-ink);font:500 3.4091cqw/1.2 -apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;overflow-wrap:anywhere;pointer-events:none}.virtual-phone[data-appearance=dark] .demo-category-name{background:#171914}.demo-dialog-sheet input{display:block;width:100%;min-height:44px;padding:10px;border:1px solid #8886;border-radius:12px;background:var(--detail-card);color:var(--phone-ink);font:400 16px/1.4 -apple-system,BlinkMacSystemFont,sans-serif}.demo-dialog-sheet input:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.demo-category-name>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.4em}
/* Atlas journey: paper, near-black and the application's lime accent. */
.homepage{--atlas-night:#11120f;--atlas-panel:#171914;--atlas-lime:#d7ff3f;--atlas-paper:#f7f7f2}
.home-masthead,.hero-chapter{background:var(--atlas-night);color:var(--atlas-paper)}
.home-masthead .header{border-color:#ffffff18}
.home-masthead .main-nav,.home-masthead .language-switch a{color:#bdc4b2}
.home-masthead .language-switch a[aria-current=page]{color:#11120f}
.home-masthead a:focus-visible{outline-color:var(--atlas-lime)}
.hero-chapter{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 44%,#d7ff3f0f,transparent 52%),#11120f}
.homepage .hero{gap:80px;padding-block:72px 82px;min-height:790px}
.homepage .hero-copy,.homepage .hero-visual{min-width:0}
.homepage .hero h1{font-size:clamp(64px,7.1vw,104px);line-height:1.01;max-width:10.5ch;letter-spacing:-.065em}
.homepage .hero h1 .highlight{color:var(--atlas-lime)}
.homepage .hero-lead{color:#e5e8de;font-size:clamp(19px,1.8vw,25px)}
.homepage .hero-description{color:#b4bcaa;max-width:42ch}
.homepage .hero .eyebrow,.homepage .hero .quiet,.homepage .hero .availability,.homepage .hero .hero-note,.homepage .hero figcaption{color:#b4bcaa}
.homepage .hero .dot{background:var(--atlas-lime)}
.homepage .hero .button{background:var(--atlas-lime);color:#11120f;box-shadow:0 8px 36px #d7ff3f12}
.homepage .hero .button:hover{background:#e2ff7b}
.homepage .hero-visual{isolation:isolate}
.homepage .hero-visual:before{background:radial-gradient(circle,#d7ff3f15,transparent 68%);width:520px;height:520px;max-width:135%;top:12%;filter:blur(12px)}
.homepage .hero .app-screen{border-color:#35392e;box-shadow:0 40px 70px -28px #000,0 0 80px -34px #d7ff3f45}
.homepage .hero-phone-link:focus-visible{outline-color:var(--atlas-lime);outline-offset:14px;border-radius:42px}
.homepage .principles{color:#aeb8a0;border-color:#ffffff18;padding-block:28px;letter-spacing:.17em;font-size:10px}
.homepage .principles .plus{color:var(--atlas-lime);font-weight:300}
.homepage .story{padding-block:136px;gap:100px}
.homepage .story h2,.homepage .demo-copy h2,.homepage .duo-section h2{max-width:12ch}
.homepage .steps article{position:relative;gap:23px;border:1px solid #dadfd1;border-radius:24px;background:#fff;padding:32px 30px;margin-bottom:18px;overflow:hidden;transition:border-color .4s,box-shadow .4s}
.homepage .steps article:before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:3px;background:#8caa31;transform:scaleY(0);transform-origin:top;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.homepage .steps article.is-current{border-color:#aabb85;box-shadow:0 18px 48px -28px #556e3540}
.homepage .steps article.is-current:before{transform:scaleY(1)}
.homepage .steps article:last-child{border:1px solid #dadfd1;padding:32px 30px;margin:0}
.homepage .steps article p{margin-bottom:22px}
.homepage .step-number{font:500 12px/1.5 ui-monospace,SFMono-Regular,monospace;color:#657744;flex:none}
.homepage .demo-section{background:#e9ecdf;padding-block:112px}
.homepage .demo-screens{align-self:center}
.island-chapter{background:radial-gradient(ellipse at 77% 40%,#d7ff3f0d,transparent 58%),#11120f;color:#f7f7f2}
.homepage .island-section{padding-block:126px;gap:96px}
.island-chapter .eyebrow{color:#c8d79b}
.island-chapter .island-copy>p:not(.eyebrow),.island-chapter .island-copy li{color:#bac3ae}
.island-chapter .island-copy h2{max-width:12ch;font-size:clamp(38px,4.8vw,64px)}
.island-chapter .island-copy li::marker{color:var(--atlas-lime)}
.island-chapter .island-preview{background:linear-gradient(145deg,#20251b,#14170f);border-color:#d7ff3f26;box-shadow:0 25px 80px -36px #000;overflow:clip}
.island-chapter .island-start{background:var(--atlas-lime);color:#11120f}
.island-chapter .island-start:hover{background:#e2ff7b}
.island-chapter .island-start:disabled{background:#3b4827;color:#d3e4b9}
.island-chapter .island-collapse,.island-chapter .island-status,.island-chapter .island-preview>.text-link,.island-chapter .sample-disclaimer{color:#bac3ae;border-color:#72834d}
.island-chapter .island-preview .sample-disclaimer{color:#a6b298}
.island-chapter a:focus-visible,.island-chapter button:focus-visible{outline-color:var(--atlas-lime)}
.homepage .duo-section{padding-block:116px;gap:100px;border-top:0}
.homepage .duo-modes article{padding-bottom:28px;margin-bottom:28px}
.privacy-chapter{background:radial-gradient(ellipse at 5% 100%,#d7ff3f0b,transparent 60%),#171914;color:#f7f7f2}
.homepage .privacy{padding-block:125px;gap:96px}
.homepage .privacy>div{min-width:0}
.privacy-chapter .eyebrow{color:#c8d79b}
.privacy-chapter .privacy-title{font-size:clamp(34px,4.3vw,60px);line-height:1.15;letter-spacing:-.05em}
.privacy-chapter .privacy-title>span+span{color:var(--atlas-lime);margin-top:.16em}
.privacy-chapter .privacy-details article{margin-bottom:38px}
.privacy-chapter .privacy-details article>span{color:var(--atlas-lime);border-color:#d7ff3f45;background:#d7ff3f08}
.privacy-details article>span>svg{display:block;width:20px;height:20px}
.privacy-data-link{display:inline-flex;align-items:center;gap:7px}
.privacy-data-link>svg{display:block;flex:none;width:15px;height:15px}
.privacy-chapter .privacy-details p{color:#b9c2ad}
.privacy-chapter .text-link{color:#e4ecd8;border-color:#7a8a5b}
.privacy-chapter a:focus-visible{outline-color:var(--atlas-lime)}
.homepage .faq{border-top:0;padding-block:112px}
.homepage .closing{padding:64px 64px;border-radius:32px;background:radial-gradient(ellipse at 100% 0,#eaff9c,transparent 72%),#d7ff3f}
.homepage .closing h2{max-width:13ch}
/* Targets are visible by default. Only a working observer enables their entrance. */
.motion-ready [data-journey-target]{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-pending{opacity:0;transform:translate3d(0,28px,0)}
.motion-ready .is-revealed{opacity:1;transform:none}
.motion-ready .hero-intro{animation:atlas-enter .85s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--intro-delay,0ms)}
.motion-ready .hero-intro:focus-within{animation:none}
@keyframes atlas-enter{from{opacity:.45;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
.journey-progress{position:fixed;inset:0 0 auto;height:2px;background:#b7d548;transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.motion-ready .hero-visual{transform:translate3d(0,calc(var(--hero-progress,0) * -42px),0) rotate(calc(var(--hero-progress,0) * -1.4deg));will-change:transform}}
@media(max-width:1050px){.homepage .hero{gap:40px}.homepage .story,.homepage .duo-section,.homepage .privacy,.homepage .island-section{gap:48px}.homepage .hero h1{font-size:clamp(60px,7.5vw,85px)}}
@media(max-width:760px){
.homepage .hero{min-height:0;padding-block:52px 56px;gap:54px}
.homepage .hero h1{font-size:clamp(52px,13.9vw,76px);max-width:10.5ch}
.homepage .hero-lead{font-size:20px}
.homepage .hero-visual:before{max-width:100%;top:8%}
.homepage .principles{gap:14px;font-size:9px;letter-spacing:.08em}
.homepage .story{padding-block:76px;gap:32px}
.homepage .steps article,.homepage .steps article:last-child{padding:26px 22px;gap:18px;border-radius:20px}
.homepage .demo-section{padding-block:72px}
.homepage .island-section{padding-block:78px;gap:28px}
.island-chapter .island-copy h2{font-size:clamp(36px,10vw,48px)}
.homepage .duo-section{padding-block:76px;gap:26px}
.homepage .privacy{padding-block:78px;gap:32px}
.privacy-chapter .privacy-title{font-size:clamp(22px,7vw,36px)}
.homepage .faq{padding-block:72px;gap:20px}
.homepage .closing{padding:38px 27px;border-radius:24px}
.motion-ready .reveal-pending{transform:translate3d(0,14px,0)}
.motion-ready [data-journey-target]{transition-duration:.65s;transition-delay:0ms}
}
@media(prefers-reduced-motion:reduce){
.homepage .reveal-pending,.homepage .is-revealed,.homepage .hero-visual{opacity:1!important;transform:none!important}
.homepage [data-journey-target],.homepage .hero-intro,.homepage .steps article,.homepage .steps article:before{animation:none!important;transition:none!important}
.homepage .journey-progress{display:none}
}
@media print{.homepage .reveal-pending{opacity:1!important;transform:none!important}.homepage .journey-progress{display:none}.homepage [data-journey-target]{animation:none!important;transition:none!important}}
.motion-ready .reveal-immediate{transition:none!important}
@media(prefers-reduced-motion:reduce){.homepage .button{transition:none!important;transform:none!important}}
.homepage .hero-chapter{overflow:clip}
.homepage .hero-visual:before{left:50%;transform:translateX(-50%)}
.homepage .steps article.is-current:last-child{border-color:#aabb85}
.island-chapter .island-start{border:0}
.homepage .button:hover{transform:none}
/* One outline language for editorial navigation, disclosure and demo controls. */
.atlas-icon{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.12em;pointer-events:none}
.icon-link{display:inline-flex;align-items:center;gap:8px}
.icon-link>.atlas-icon{width:16px;height:16px}
.legal-index-link{display:flex;justify-content:space-between;gap:18px}
.legal-index-link>span{min-width:0}
.legal-index-link>.atlas-icon{margin-inline-end:1px}
.faq summary>span{display:flex;flex:none}
.faq summary .atlas-icon{width:20px;height:20px}
.faq p>.atlas-icon,.legal section p>.atlas-icon{width:.95em;height:.95em;margin-inline:.12em}
/* Approved Czech prices, clearly presented as preparation rather than checkout. */
.pricing-area{min-width:0;overflow-wrap:anywhere}
.pricing-area>h2{max-width:22ch;margin-bottom:28px}
.pricing-status{padding:20px 24px;border:1px solid #b7c49c;border-radius:18px;background:#eef2e4;margin:24px 0}
.pricing-status strong{display:block;font-size:16px}
.pricing-status p{margin:8px 0 0;font-size:14px;line-height:1.7}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}
.price-card{min-width:0;padding:28px 24px;border:1px solid #d5dccc;border-radius:22px;background:#fff}
.price-card h3{font-size:21px;margin:0 0 22px;line-height:1.35}
.price-card .price-amount{font-size:clamp(23px,2.2vw,30px);font-weight:650;line-height:1.35;letter-spacing:-.035em;color:#25301d;margin:0 0 16px}
.price-minutes{font-weight:600;font-size:15px;line-height:1.6}
.price-card .price-unit{font-size:13px;line-height:1.7;color:#56634c;margin:16px 0 0}
.pricing-currency{font-size:13px;line-height:1.75;color:#56634c}
.pricing-rules{margin-top:48px}
.pricing-rules section{border-top:1px solid #d5dccc;padding:22px 0}
.pricing-rules h3{font-size:18px;margin:0 0 10px;line-height:1.45}
.pricing-rules p{margin:0;line-height:1.8}
.pricing-chapter{background:#171914;color:#f7f7f2}
.pricing-chapter .pricing-area{padding-top:100px;padding-bottom:100px}
.pricing-chapter .eyebrow{color:#c8d6ac}
.pricing-chapter .pricing-status{background:#23291c;border-color:#52633a}
.pricing-chapter .pricing-status strong{color:#d7ff3f}
.pricing-chapter .pricing-status p,.pricing-chapter .pricing-intro,.pricing-chapter .pricing-currency{color:#c3cbb8}
.pricing-chapter .price-card{background:#1e2318;border-color:#414d32}
.pricing-chapter .price-card .price-amount{color:#d7ff3f}
.pricing-chapter .price-card .price-unit{color:#c3cbb8}
.pricing-chapter .pricing-link{margin-top:18px;background:#d7ff3f;color:#11120f}
@media(max-width:900px){.price-grid{gap:12px}.price-card{padding:24px 18px}.main-nav{gap:16px}}
@media(max-width:680px){.price-grid{grid-template-columns:1fr;gap:14px}.price-card{padding:24px}.price-card h3{margin-bottom:16px}.price-card .price-amount{font-size:28px}.pricing-status{padding:20px}.pricing-chapter .pricing-area{padding-top:64px;padding-bottom:64px}.pricing-area>h2{max-width:none}.pricing-rules{margin-top:32px}}
.demo-text summary{list-style:none;display:flex;align-items:center;gap:6px}
.demo-text summary::-webkit-details-marker{display:none}
.demo-text summary>.atlas-icon{width:13px;height:13px;transition:transform .2s}
.demo-text[open] summary>.atlas-icon{transform:rotate(90deg)}
.demo-search [data-clear-query],.demo-clear-filters{display:flex;align-items:center;justify-content:center}
.demo-search [data-clear-query]>.atlas-icon{width:13px;height:13px}
.demo-clear-filters>.atlas-icon{width:16px;height:16px}
.demo-filter-select>.atlas-icon{stroke-width:1.6}
@media(prefers-reduced-motion:reduce){.demo-text summary>.atlas-icon{transition:none}}
/* Pricing follows the native atlas surfaces; commercial availability stays explicit. */
.pricing-page{padding-block:24px 88px;max-width:1160px}
.pricing-page-heading{padding:56px 0 12px;max-width:820px}
.pricing-page-heading h1{font-size:clamp(48px,6vw,80px);max-width:none;margin-bottom:20px}
.pricing-lead{font-size:clamp(19px,2.2vw,26px);line-height:1.5;color:#59614f}
.pricing-page .pricing-status{background:transparent;border:0;border-left:2px solid #7d952f;border-radius:0;padding:4px 0 4px 18px;margin:20px 0 40px;max-width:780px}
.price-grid{gap:20px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;padding:30px 26px;border-radius:24px;overflow-wrap:normal}
.price-card-heading{min-height:66px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.price-card h3{font-size:24px;margin:0;letter-spacing:-.04em}
.price-badge{font-size:11px;font-weight:600;line-height:1.5;padding:3px 9px;border-radius:20px;background:#e9f0d6;color:#415a00}
.price-card .price-use{font-size:14px;line-height:1.6;color:#59614f;min-height:46px;margin:16px 0 24px}
.price-card .price-amount{display:flex;flex-direction:column;gap:5px;margin:0 0 24px;color:inherit;font-size:14px;letter-spacing:0}
.price-amount strong{font-size:clamp(34px,3.4vw,46px);letter-spacing:-.06em;line-height:1.15;font-weight:650}
.price-amount span{font-size:13px;font-weight:400;letter-spacing:0;color:#59614f}
.price-card .price-minutes{font-size:13px;line-height:1.5;margin:0}
.price-minutes strong{font-size:30px;letter-spacing:-.04em;margin-right:5px}
.price-card .price-unit{min-height:44px;font-size:12px;margin:8px 0 20px;color:#59614f}
.price-features{list-style:none;padding:20px 0 0;margin:0 0 24px;border-top:1px solid #dce0d4;display:grid;gap:12px;font-size:13px;line-height:1.5}
.price-features li{display:flex;align-items:flex-start;gap:9px}
.price-features svg{width:16px;height:16px;margin-top:2px;color:#567400}
.price-coming{margin:auto 0 0;padding:11px 8px;border-radius:12px;background:#f1f3eb;text-align:center;color:#626c53;font-size:12px;font-weight:600}
.price-featured{border-color:#8ca432;background:#f8faef;box-shadow:0 8px 32px -20px #546c2270}
.price-featured .price-coming{background:#e9efda;color:#415a00}
.pricing-included{font-size:14px;color:#59614f;max-width:760px}
.pricing-topups{margin-top:80px;padding-top:48px;border-top:1px solid #d5dccc}
.pricing-topups>div>p:not(.eyebrow){max-width:620px;font-size:15px;color:#59614f}
.topup-card h3{font-size:15px;margin-bottom:24px}
.topup-card h3 strong{font-size:30px;margin-right:5px}
.topup-card .price-amount strong{font-size:30px}
.topup-card .price-unit{margin-bottom:0;min-height:0}
.pricing-page .pricing-currency{margin-top:40px;max-width:800px}
.pricing-page .pricing-currency h2{font-size:20px;letter-spacing:-.02em}
.pricing-rules{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.pricing-rules>h2{grid-column:1/-1;font-size:32px}
.pricing-rules section p{font-size:14px;color:#59614f}
.pricing-chapter .price-card{background:#1b1e16;border-color:#3c4232}
.pricing-chapter .price-featured{border-color:#9db83c;background:#22291a;box-shadow:none}
.pricing-chapter .price-badge{background:#35441e;color:#d7ff3f}
.pricing-chapter .price-use,.pricing-chapter .price-amount span{color:#c3cbb8}
.pricing-chapter .price-features{border-color:#3c4232;color:#e2e7d9}
.pricing-chapter .price-features svg{color:#d7ff3f}
.pricing-chapter .price-coming{background:#2a3022;color:#c3cbb8}
.pricing-chapter .price-featured .price-coming{background:#35441e;color:#d7ff3f}
/* Opaque matching surface prevents pale subpixel seams around the rotated dark capture. */
.homepage .hero-phone-link .app-screen{background:#11120f;overflow:hidden;outline:1px solid #35392e;outline-offset:-1px;backface-visibility:hidden}
@media(max-width:900px) and (min-width:681px){.price-grid{gap:12px}.price-card{padding:24px 18px}.price-amount strong{font-size:32px}}
@media(max-width:680px){.pricing-page-heading{padding-top:38px}.price-card-heading{min-height:0;gap:10px}.price-card .price-use{min-height:0;margin-bottom:20px}.price-card{padding:26px 24px}.price-card .price-amount{margin-bottom:20px}.price-card .price-unit{min-height:0}.pricing-rules{grid-template-columns:1fr;gap:0}.pricing-topups{margin-top:50px;padding-top:32px}.topup-grid{gap:10px}.topup-card{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.topup-card h3{margin:0;align-self:center}.topup-card .price-amount{margin:0;text-align:right}.topup-card .price-unit{grid-column:1/-1;margin:10px 0 0}}
.pricing-region{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:28px 0 32px;max-width:800px}
.pricing-region label{font-weight:600;font-size:14px}
.pricing-region select{max-width:100%;min-height:44px;border:1px solid #bdc7ad;border-radius:12px;background:#fff;color:#242721;font:inherit;font-size:14px;padding:10px 38px 10px 14px}
.pricing-region p{flex:0 0 100%;margin:0;font-size:13px;line-height:1.7;color:#59614f}
.pricing-region .region-status{border-left:2px solid #7d952f;padding-left:14px}
.pricing-chapter .pricing-region p{color:#c3cbb8}
.pricing-chapter .pricing-region select{background:#22291a;color:#f7f7f2;border-color:#52633a}
.price-amount strong[data-region-price]{overflow-wrap:anywhere}
.pricing-region select:focus-visible{outline:2px solid #7d952f;outline-offset:3px}
/* Language names use their own language, independent of the selected translation. */
.language-switch{font-size:12px;flex-wrap:wrap;justify-content:center}
.language-switch a{min-height:36px;padding-inline:10px;white-space:nowrap;text-transform:none}
@media(max-width:1050px){.header{flex-wrap:wrap}.language-switch{margin-left:auto}.main-nav{flex:1;justify-content:center}}
@media(max-width:760px){.language-switch{flex:1 0 100%;margin:2px 0 0;justify-content:space-between}.language-switch a{min-width:0;min-height:38px;padding-inline:7px;font-size:11px}.header .brand>img:first-child{display:block}}
.language-switch a{min-height:44px}
@media(max-width:760px){.language-switch{justify-content:center;gap:2px}.language-switch a{min-height:44px;padding-inline:8px;font-size:12px}}
/* Compact web language codes; translated full names stay in accessible labels. */
.language-switch{flex:none;gap:3px;flex-wrap:nowrap;margin-left:auto}
.language-switch a{font-size:11px;min-width:36px;min-height:44px;padding-inline:5px}
/* Natural document flow: only the left introduction follows the reading position. */
.homepage .story{display:block;padding:0;background:radial-gradient(ellipse at 80% 50%,#d7ff3f16,transparent 65%)}
.story-stage{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:112px;align-items:start}
.story-stage .section-intro{position:sticky;top:clamp(32px,calc(50svh - 210px),140px);align-self:start}
.story-stage .section-intro h2{font-size:clamp(40px,4.9vw,66px);max-width:12ch}
.story-stage .section-intro>p:not(.eyebrow){font-size:16px;max-width:38ch}
.homepage .story .steps{min-width:0;display:grid;gap:24px}
.homepage .story .steps article,.homepage .story .steps article:last-child{position:relative;display:block;margin:0;padding:38px 34px;min-height:320px;border:1px solid #d7dfc8;border-radius:28px;background:linear-gradient(145deg,#fff,#f0f5e3);box-shadow:0 22px 55px -36px #637e3d40}
.homepage .story .steps article.is-current{border-color:#aabb85;box-shadow:0 26px 60px -34px #637e3d55}
.story .steps article .step-number{position:absolute;right:24px;top:10px;font-size:clamp(100px,10vw,145px);line-height:1;font-weight:600;letter-spacing:-.08em;color:#719323;opacity:.12}
.story .steps article>div{position:relative;padding-top:54px}
.story .steps article h3{font-size:clamp(24px,2.5vw,32px);line-height:1.18;letter-spacing:-.035em;margin-bottom:20px}
.story .steps article p{font-size:15px;line-height:1.75;margin-bottom:22px}
.story .feature-detail{font-size:12px;line-height:1.7}
.demo-copy .demo-instruction{background:#dfe8c9;border-left:3px solid #95ae48;border-radius:0 14px 14px 0;padding:18px 20px;margin-block:28px}
@media(max-width:1050px){.story-stage{gap:40px}.homepage .story .steps article,.homepage .story .steps article:last-child{padding:32px 28px}}
@media(max-width:760px){.language-switch{flex:none;gap:0;margin:0 0 0 auto;justify-content:center}.language-switch a{min-width:30px;padding-inline:3px;font-size:10px}.header{flex-wrap:nowrap}.story-stage{grid-template-columns:1fr;gap:32px;padding-block:72px}.story-stage .section-intro{position:static}.story-stage .section-intro h2{font-size:38px;max-width:none}.homepage .story .steps{gap:20px}.homepage .story .steps article,.homepage .story .steps article:last-child{padding:28px 24px;min-height:0;border-radius:24px}.story .steps article .step-number{font-size:94px;right:18px;top:8px}.story .steps article>div{padding-top:42px}.story .steps article h3{font-size:24px}.story .steps article p{font-size:14px;line-height:1.7}.story .feature-detail{font-size:11px}}
@media(max-width:370px){.homepage .story .steps article,.homepage .story .steps article:last-child{padding:26px 20px}.story-stage .section-intro h2{font-size:34px}.story .steps article h3{font-size:22px}}
@media print{.story-stage .section-intro{position:static}}
/* Fixed native side navigation is cropped from the actual current screenshot. */
[data-phone-navigation]{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;border:0;border-radius:0;box-shadow:none;pointer-events:none;z-index:2}
[data-phone-navigation][hidden]{display:none}
/* Actual simulator hardware and native UI, with no surrounding dark panel. */
.duo-section>.section-intro{position:static}
.duo-preview{grid-column:1/-1;min-width:0;width:min(100%,1040px);justify-self:center;margin:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;column-gap:clamp(18px,4vw,48px);row-gap:16px;padding:0;border:0;background:transparent}
.duo-preview img{display:block;width:100%;min-width:0;height:auto;object-fit:contain}
@media(max-width:560px){.duo-preview{grid-template-columns:1fr;gap:24px}.duo-preview-closed{max-width:58%;justify-self:center}}
/* The estimate uses the same localized current demo transcripts as the app. */
.demo-paper-estimate{position:absolute;display:flex;align-items:center;white-space:nowrap;background:var(--phone-surface);color:#00000094;font:500 2.9545cqw/1.2 -apple-system,BlinkMacSystemFont,sans-serif;pointer-events:none}
.virtual-phone[data-appearance=dark] .demo-paper-estimate{color:#ffffff94}
/* saypouch retains approved letterforms at a readable size in both themes. */
.brand .wordmark-svg{width:134px;height:auto}
@media(max-width:760px){.brand .wordmark-svg{width:112px;height:auto}}
/* Fresh native saypouch ActivityKit crops; vector clipping keeps the outer edge smooth. */
.island-surface{aspect-ratio:556/230}
.island-surface>[data-island-image]{top:6.956522%}
.island-surface[data-state=compact]>[data-island-image]{width:47.661871%}
.island-surface[data-state=idle]>[data-island-image]{width:24.100719%}
.island-surface[data-state=expanded]>[data-island-image]{clip-path:inset(0 round 999px)}
/* Keep the product name lowercase inside uppercase section labels. */
.eyebrow .brand-name{text-transform:none}