:root{color-scheme:light;--ink:#172c47;--muted:#617089;--blue:#1464d8;--line:#e3e9f1;--surface:#f5f8fc;--positive:#3b8a73;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-synthesis:none;color:var(--ink);background:#fff;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{display:block}img{max-inline-size:100%}p,h1,h2,h3,figure{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#d9e9ff}.container{inline-size:min(1180px,calc(100% - 80px));margin-inline:auto}.icon{inline-size:22px;block-size:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.small{inline-size:17px;block-size:17px}.icon-library{position:absolute;inline-size:0;block-size:0}.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:10px;z-index:100;background:#fff;padding:14px;transform:translateY(-150%);border:1px solid var(--blue);border-radius:8px}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;inset-block-start:0;z-index:20;background:rgba(255,255,255,.94);border-block-end:1px solid #e8edf580;backdrop-filter:blur(16px)}.nav-row{min-block-size:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:650;letter-spacing:.2px;flex-shrink:0}.brand img{border-radius:10px}.brand-subtitle{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);font-weight:500;margin-block-start:5px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#4c5c73}.site-header nav>a:not(.nav-github){padding-block:15px}.site-header nav>a:hover{color:var(--blue)}.nav-github{display:flex;align-items:center;gap:9px;border:1px solid #dce3ee;border-radius:8px;padding:10px 15px;background:#fff;color:var(--ink);font-weight:600}.nav-github .icon{inline-size:18px;block-size:18px}.menu-toggle{display:none}
.hero{padding-block:91px 90px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-block-size:700px}.project-status{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:550;letter-spacing:.6px;color:#496987;background:#eff5fc;border:1px solid #dde9f6;border-radius:30px;padding:8px 12px}.project-status>.icon{margin-inline-start:5px}.status-dot{inline-size:6px;block-size:6px;border-radius:100%;background:#4a90da;flex-shrink:0}h1{font-size:clamp(48px,5.4vw,72px);line-height:1.22;letter-spacing:-3px;font-weight:650;margin-block:25px 22px}h1>span{color:var(--blue)}.hero-description{font-size:21px;line-height:1.8;font-weight:500;letter-spacing:.3px}.hero-detail{color:var(--muted);font-size:14px;line-height:1.9;margin-block-start:12px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-block-start:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 18px;min-block-size:48px;border-radius:9px;font-size:13px;font-weight:550;transition:background .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:#fff;box-shadow:0 5px 15px #1464d81b}.button.primary:hover{background:#0f55bd;box-shadow:0 8px 20px #1464d830}.button.secondary{padding-inline:10px;color:#40546d}.button.secondary:hover{background:#f1f5fa}.availability{display:flex;gap:17px;align-items:center;margin-block-start:24px;font-size:11px;color:#748197}.availability>span{display:flex;align-items:center;gap:7px}.availability>i{block-size:10px;inline-size:1px;background:#d7e0ec}
.hero-art{position:relative;min-inline-size:0;block-size:500px;isolation:isolate}.art-grid{position:absolute;inset:20px -6px 2px;background-image:linear-gradient(#dfe9f467 1px,transparent 1px),linear-gradient(90deg,#dfe9f467 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);z-index:-2}.orbit{position:absolute;border:1px solid #e4edf8;border-radius:50%;inline-size:420px;block-size:420px;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:-1}.orbit-two{inline-size:290px;block-size:290px;background:#f1f6fd99;border-color:#e8f0fa}.art-corner{position:absolute;font-size:10px;color:#8194ab;letter-spacing:1px}.corner-top{inset:12px auto auto 28px}.corner-top::before{content:"+";font-size:17px;margin-inline-end:12px;color:#9ab3cf}.corner-bottom{inset:auto 15px 10px auto;font-size:9px}.ledger-object{position:absolute;inline-size:242px;block-size:310px;inset:105px auto auto 145px;transform:rotate(-11deg);filter:drop-shadow(12px 28px 22px #1d57a425)}.ledger-object::after{content:"";position:absolute;inset:8px -7px -7px 8px;border:1px solid #c7d4e5;border-radius:5px 12px 12px 5px;background:repeating-linear-gradient(0deg,#eff3f8 0 1px,#d6e0ed 1px 2px);z-index:-1}.ledger-cover{position:absolute;inset:0;border-radius:5px 12px 12px 5px;background:#1764ce;color:#fff;box-shadow:inset 0 0 0 1px #3179de,inset 15px 0 18px #064caa70;padding:26px 24px 24px 30px;display:flex;flex-direction:column}.ledger-spine{position:absolute;inset:1px auto 0 10px;border-inline-start:1px solid #003d9440;border-inline-end:1px solid #70a4ec60;inline-size:3px;z-index:1}.book-topline{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#e1ecff}.book-topline .icon{inline-size:19px;block-size:19px}.book-title{font-size:34px;line-height:1.5;letter-spacing:1px;font-weight:550;margin-block-start:45px}.book-rule{block-size:1px;background:#ffffff40;margin-block-start:auto}.book-bottom{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px;padding-block-start:15px;color:#d2e5ff}.platform-float{position:absolute;display:flex;align-items:center;gap:11px;min-block-size:57px;padding:12px 15px;background:#ffffff;border:1px solid #e2e9f3;box-shadow:0 8px 26px #224c7d09;border-radius:12px;font-size:13px;font-weight:650;z-index:2;animation:arrive .7s both}.platform-float img{object-fit:contain;border-radius:7px;inline-size:28px;block-size:28px}.float-dot{inline-size:5px;block-size:5px;background:#8ba7c7;border-radius:100%;margin-inline-start:8px}.platform-buff{inset:62px auto auto 66px;transform:rotate(-4deg)}.platform-uu{inset:113px 5px auto auto;transform:rotate(6deg);animation-delay:.1s}.platform-steam{inset:280px auto auto 9px;transform:rotate(-5deg);animation-delay:.2s}.art-note{position:absolute;inset:auto 10px 66px auto;display:flex;align-items:center;gap:10px;padding:14px 17px;background:#fff;border:1px solid #e4eaf3;border-radius:10px;box-shadow:0 8px 26px #224c7d0a;font-size:11px;transform:rotate(3deg);z-index:3}.note-check{color:var(--positive);background:#edf7f3;border-radius:50%;padding:4px}.note-check .icon{inline-size:14px;block-size:14px}
.platform-band{border-block:1px solid var(--line);background:#fcfdff}.platform-band-inner{min-block-size:98px;display:flex;align-items:center;gap:34px;justify-content:space-between}.platform-band p{font-size:12px;color:var(--muted)}.platform-band strong{font-weight:500;color:var(--ink)}.platform-wordmarks{display:flex;align-items:center;gap:48px}.platform-wordmarks>span{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;color:#344964}.platform-wordmarks img{border-radius:7px;object-fit:contain}.band-note{color:#718097;font-size:11px}
.section{padding-block:112px}.section-heading{margin-block-end:49px}.eyebrow{display:block;color:var(--blue);font-size:11px;letter-spacing:1.8px;font-weight:600;margin-block-end:17px}h2{font-size:clamp(29px,3vw,40px);line-height:1.45;letter-spacing:-1px;font-weight:620}.section-heading>p,.section-heading>div+p{font-size:14px;line-height:1.95;color:var(--muted);margin-block-start:18px}.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.split-heading>p{padding-block-end:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.feature{border-block-start:1px solid var(--line);padding-block-start:30px;display:flex;flex-direction:column;align-items:flex-start}.feature-icon{display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:12px;background:#edf4ff;color:var(--blue);margin-block-end:24px}.feature-number{font-size:10px;letter-spacing:1px;color:#8290a4;margin-block-end:12px}.feature h3{font-size:21px;font-weight:600;margin-block-end:15px}.feature p{font-size:13px;line-height:1.95;color:var(--muted)}.feature-foot{margin-block-start:auto;padding-block-start:26px;font-size:10px;letter-spacing:.3px;color:#7187a1}
.preview-section{background:#f4f7fc;border-block:1px solid #eaf0f7;padding-block:96px 60px}.centered{text-align:center}.centered>p{margin-block-start:17px}.mobile-break{display:none}.preview-note{font-size:10px;color:#778ba5;text-align:center;margin-block:20px 46px}.device-descriptions{display:grid;grid-template-columns:1fr 1fr;gap:66px;max-inline-size:900px;margin-inline:auto;padding-block-start:30px;border-block-start:1px solid #dce5f1}.device-descriptions>article{display:flex;gap:16px}.device-descriptions>article>.icon{color:#5277a8;margin-block-start:3px}.device-descriptions h3{font-size:14px;font-weight:550}.device-descriptions p{font-size:12px;color:var(--muted);line-height:1.85;margin-block-start:8px}
.principles{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px}.principles-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin-block-start:18px}.privacy-seal{display:flex;align-items:center;gap:13px;margin-block-start:30px;color:#396c66;font-size:12px}.privacy-seal>.icon{inline-size:37px;block-size:37px;stroke-width:1.2}.privacy-seal small{display:block;font-size:10px;color:#81908e;margin-block-start:5px}.principle-list{padding-block-start:8px}.principle-list>article{display:flex;gap:25px;border-block-end:1px solid var(--line);padding-block:26px}.principle-list>article:first-child{padding-block-start:0}.principle-list>article>span{font-size:11px;color:#93a5bd;padding-block-start:4px;font-variant-numeric:tabular-nums}.principle-list h3{font-size:17px;font-weight:600;margin-block-end:12px}.principle-list p{font-size:13px;line-height:1.9;color:var(--muted)}
.opensource-section{padding-block-end:20px}.opensource-panel{background:#102f56;color:#fff;padding:60px 64px;border-radius:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;position:relative}.opensource-panel .eyebrow{color:#8fb8ed;font-size:10px}.opensource-panel h2{font-size:34px;font-weight:550;line-height:1.5}.opensource-panel p{font-size:13px;line-height:1.9;color:#adbed4;margin-block-start:18px}.button.light{background:#fff;color:#173e6a;margin-block-start:25px;padding:13px 18px;font-size:12px}.button.light:hover{background:#e9f2ff}.repository-card{border:1px solid #456080;border-radius:12px;background:#193b62;padding:27px 28px;box-shadow:0 16px 25px #071b3220;min-inline-size:0}.repo-heading{display:flex;align-items:center;justify-content:space-between}.repo-heading>span{font-size:9px;border:1px solid #526c8b;border-radius:20px;padding:4px 9px;color:#bdcde0}.repository-card .repo-owner{font-size:13px;color:#9cb4cf;margin-block-start:27px}.repository-card .repo-name{font-size:22px;line-height:1.5;font-weight:550;color:#fff;margin-block-start:2px;overflow-wrap:anywhere;letter-spacing:-.5px}.repository-card .repo-description{font-size:10px;margin-block-start:10px;color:#b7c8dd}.repo-tags{display:flex;gap:7px;flex-wrap:wrap;margin-block:22px}.repo-tags>span{font-size:9px;padding:5px 8px;border-radius:5px;color:#bed2eb;background:#24486f}.repo-status{font-size:9px;display:flex;align-items:center;gap:8px;border-block-start:1px solid #3a5778;padding-block-start:17px;color:#b0c3db}.repo-status .status-dot{background:#7badeb;inline-size:5px;block-size:5px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-block:90px 100px}.faq-section h2{font-size:32px}.faq-list details{border-block-end:1px solid var(--line)}.faq-list details:first-child{border-block-start:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding-block:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;color:#8295ae;font-weight:300;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:1.9;color:var(--muted);padding-block-end:22px;padding-inline-end:28px}.faq-list p>a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.site-footer{background:#f8fafd;border-block-start:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:34px}.footer-top .brand{font-size:14px}.footer-top .brand-subtitle{font-size:10px;letter-spacing:.5px}.footer-top>div{display:flex;gap:27px;color:#65768d;font-size:11px}.footer-top a:hover{color:var(--blue)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block-start:1px solid var(--line);padding-block:22px;color:#7c8da3;font-size:9px;line-height:1.8}
@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1440px){.hero{padding-block:105px;min-block-size:740px}.hero-art{transform:scale(1.04)}}
@media(max-width:1100px){.container{inline-size:calc(100% - 64px)}.hero{gap:10px;padding-block:70px}.hero-art{transform:scale(.88);transform-origin:center right}.ledger-object{inset-inline-start:115px}.platform-buff{inset-inline-start:25px}.platform-steam{inset-inline-start:-20px}.hero-actions{gap:5px}.button{font-size:12px;padding-inline:14px}.platform-wordmarks{gap:32px}.band-note{display:none}.principles{gap:70px}.opensource-panel{padding:50px 40px;gap:40px}.repository-card .repo-name{font-size:20px}}
@media(max-width:800px){.container{inline-size:calc(100% - 40px)}.nav-row{min-block-size:76px}.site-header nav{gap:19px}.site-header nav>a{font-size:11px}.brand{font-size:14px}.brand-subtitle{font-size:8px;letter-spacing:1.2px}.brand img{inline-size:36px;block-size:36px}.hero{grid-template-columns:1.1fr 1fr;min-block-size:620px;padding-block:60px 50px;gap:0}h1{font-size:52px;letter-spacing:-2px}.hero-description{font-size:18px}.hero-detail{font-size:12px}.hero-art{transform:scale(.7);inline-size:450px;justify-self:end;margin-inline-end:0}.hero-actions{gap:9px;align-items:flex-start;flex-direction:column}.availability{gap:12px;font-size:10px}.platform-band-inner{min-block-size:88px;gap:20px}.platform-wordmarks{gap:24px}.platform-wordmarks>span{font-size:15px}.platform-band p{font-size:10px}.section{padding-block:80px}.feature-grid{gap:25px}.feature h3{font-size:18px}.feature p{font-size:12px}.feature-foot{font-size:9px;line-height:1.8}.split-heading>p{font-size:12px}.preview-section{padding-block:70px 45px}.device-descriptions{gap:35px}.principles{gap:50px}.opensource-panel{gap:30px;padding:40px 30px}.opensource-panel h2{font-size:28px}.repository-card{padding:22px 20px}.repository-card .repo-name{font-size:17px}.faq-section{gap:30px}.faq-section h2{font-size:27px}}
@media(max-width:620px){html{scroll-padding-top:88px}.container{inline-size:calc(100% - 40px)}.nav-row{min-block-size:72px}.brand{font-size:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;inline-size:44px;block-size:44px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.menu-toggle>span{display:block;block-size:1.5px;inline-size:100%;background:currentColor;transition:transform .18s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.site-header nav{display:none;position:absolute;inset:72px 0 auto;background:#fff;border-block-end:1px solid var(--line);box-shadow:0 12px 15px #20355208;padding:15px 20px 22px;gap:4px;align-items:stretch;flex-direction:column}.site-header nav[data-open=true]{display:flex}.site-header nav>a:not(.nav-github){padding:13px;font-size:13px}.nav-github{justify-content:center;margin-block-start:8px}.hero{display:flex;flex-direction:column;padding-block:44px 35px;min-block-size:0;gap:24px}.hero-copy{align-self:stretch}.project-status{font-size:10px;padding:7px 10px}.project-status .icon{inline-size:15px;block-size:15px}h1{font-size:clamp(43px,11.5vw,62px);margin-block:22px 18px;letter-spacing:-2px;line-height:1.25}.hero-description{font-size:19px;line-height:1.7}.hero-detail{font-size:12px;line-height:1.9;margin-block-start:12px}.hero-actions{flex-direction:row;align-items:center;gap:9px;margin-block-start:23px}.button{font-size:11px;gap:7px;padding:13px;min-block-size:46px}.button .icon{inline-size:18px;block-size:18px}.button .icon.small{inline-size:15px;block-size:15px}.button.secondary{padding-inline:7px}.availability{margin-block-start:20px;font-size:10px}.hero-art{align-self:center;inline-size:min(100%,400px);block-size:375px;transform:none;margin-inline:0}.orbit-one{inline-size:320px;block-size:320px}.orbit-two{inline-size:220px;block-size:220px}.ledger-object{inline-size:180px;block-size:235px;inset:71px auto auto calc(50% - 80px)}.ledger-cover{padding:20px 17px 17px 23px}.book-topline{font-size:8px}.book-topline .icon{inline-size:16px;block-size:16px}.book-title{font-size:26px;margin-block-start:33px}.book-bottom{font-size:6px;padding-block-start:12px}.platform-float{min-block-size:45px;padding:9px 11px;border-radius:10px;gap:8px;font-size:11px}.platform-float img{inline-size:23px;block-size:23px}.float-dot{margin-inline-start:2px;inline-size:4px;block-size:4px}.platform-buff{inset:29px auto auto 7px}.platform-uu{inset:84px -2px auto auto}.platform-steam{inset:218px auto auto -3px}.art-note{font-size:9px;inset:auto -2px 44px auto;padding:11px;gap:7px}.note-check{padding:3px}.corner-top{inset:0 auto auto 9px;font-size:8px}.corner-top::before{font-size:13px;margin-inline-end:8px}.corner-bottom{font-size:7px;inset-block-end:8px;inset-inline-end:0}.platform-band-inner{padding-block:24px;flex-direction:column;gap:20px}.platform-band p{font-size:11px}.platform-wordmarks{justify-content:space-between;inline-size:100%;gap:18px}.platform-wordmarks>span{font-size:14px;gap:8px}.platform-wordmarks img{inline-size:24px;block-size:24px}.section{padding-block:64px}.split-heading{flex-direction:column;align-items:flex-start;gap:0}.section-heading{margin-block-end:33px}.eyebrow{font-size:10px;margin-block-end:13px}h2{font-size:30px;letter-spacing:-.8px}.split-heading>p{font-size:12px;line-height:1.9;margin-block-start:17px}.feature-grid{grid-template-columns:1fr;gap:28px}.feature{padding-block-start:25px}.feature-icon{inline-size:42px;block-size:42px;margin-block-end:18px}.feature-number{font-size:9px;margin-block-end:10px}.feature h3{font-size:21px;margin-block-end:12px}.feature p{font-size:13px;max-inline-size:440px}.feature-foot{padding-block-start:17px;font-size:10px}.preview-section{padding-block:60px 34px}.preview-section h2{font-size:28px}.mobile-break{display:block}.centered>p{font-size:12px;line-height:1.9}.preview-note{font-size:9px;line-height:1.8;margin-block:24px 30px}.device-descriptions{grid-template-columns:1fr;gap:26px;padding-block-start:26px}.device-descriptions>article{gap:13px}.device-descriptions h3{font-size:13px}.device-descriptions p{font-size:12px;margin-block-start:7px}.principles{grid-template-columns:1fr;gap:37px}.principles-heading>p{font-size:13px}.privacy-seal{margin-block-start:22px}.principle-list>article{gap:20px;padding-block:23px}.principle-list h3{font-size:16px}.principle-list p{font-size:12px}.opensource-section{inline-size:calc(100% - 24px);padding-block-end:0}.opensource-panel{padding:32px 24px;grid-template-columns:1fr;gap:34px;border-radius:14px}.opensource-panel h2{font-size:29px}.opensource-panel p{font-size:12px}.button.light{margin-block-start:21px}.repository-card{padding:24px}.repository-card .repo-name{font-size:22px}.repository-card .repo-owner{margin-block-start:21px}.faq-section{display:block;padding-block:60px}.faq-section h2{font-size:28px}.faq-section .section-heading{margin-block-end:25px}.faq-list summary{font-size:12px;padding-block:20px;gap:18px;line-height:1.8}.faq-list details>p{font-size:12px;padding-inline-end:10px}.footer-top{align-items:flex-start;gap:28px;flex-direction:column;padding-block:30px}.footer-top>div{gap:25px;font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;padding-block:20px;font-size:9px}}
@media(max-width:620px){html:not(.js) .nav-row{flex-wrap:wrap;padding-block:15px;gap:12px}html:not(.js) .menu-toggle{display:none}html:not(.js) .site-header nav{display:flex;position:static;flex-basis:100%;padding:0;box-shadow:none;border:0;flex-direction:row;flex-wrap:wrap;gap:10px}html:not(.js) .site-header nav>a:not(.nav-github){padding:10px;font-size:12px}html:not(.js) .nav-github{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Actual app captures: unmodified UI, responsive presentation. */
.capture-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:42px;align-items:start;margin:50px auto 0;max-inline-size:1100px}
.capture-group{min-inline-size:0}.capture-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:20px;font-size:12px;font-weight:600}.capture-heading>span:first-child{display:flex;align-items:center;gap:8px}.capture-live{font-size:10px;color:#6f829c;font-weight:400}
.capture-open{display:block;position:relative;overflow:hidden;background:#f7f9fd;border:1px solid #d6e1ee;box-shadow:0 18px 45px #1a3c6712;transition:box-shadow .2s}.capture-open:hover{box-shadow:0 18px 45px #1a3c6720}.mac-capture{border-radius:12px;aspect-ratio:23/15}.mac-capture>img{inline-size:100%;block-size:100%;object-fit:contain}.phone-capture{inline-size:100%;aspect-ratio:606/1312;border-radius:39px;isolation:isolate}.phone-capture>img{position:absolute;inline-size:105.2806%;max-inline-size:none;block-size:auto;inset-inline-start:-2.6403%;inset-block-start:-5.7927%}.capture-zoom{position:absolute;inset:auto 14px 14px auto;display:flex;align-items:center;gap:6px;font-size:10px;background:#ffffffed;padding:9px 12px;border:1px solid #dce6f2;border-radius:30px;color:#315b8c;box-shadow:0 2px 10px #25446e0d;opacity:0;translate:0 4px;transition:opacity .2s,translate .2s}.capture-open:hover .capture-zoom,.capture-open:focus-visible .capture-zoom{opacity:1;translate:0 0}.phone-capture .capture-zoom{inset-block-end:55px}
.capture-caption{font-size:11px;color:#647b97;text-align:center;line-height:1.7;margin-block:17px 0}.capture-tabs{display:flex;justify-content:center;gap:5px;margin-block-start:19px}.capture-tabs a{padding:9px 14px;border:1px solid transparent;border-radius:8px;font-size:11px;color:#69809d;transition:background .2s,color .2s}.capture-tabs a:hover{background:#e7effa;color:var(--blue)}.capture-tabs a.is-active{background:#fff;border-color:#d7e2f1;color:var(--blue);box-shadow:0 2px 5px #244b7a06}.preview-note{font-size:10px;line-height:1.8;margin-block:35px;color:#71859e}
.capture-dialog{border:1px solid #d9e4f0;border-radius:16px;padding:0;inline-size:min(1280px,calc(100vw - 32px));max-inline-size:none;max-block-size:calc(100dvh - 32px);color:var(--ink);background:#f6f8fc;box-shadow:0 35px 100px #03162c66;overflow:auto}.capture-dialog::backdrop{background:#10243cbd;backdrop-filter:blur(8px)}.capture-dialog-bar{position:sticky;inset-block-start:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;background:#fff;z-index:1;border-block-end:1px solid var(--line)}.capture-dialog h2{font-size:14px;letter-spacing:0;font-weight:600;line-height:1.6}.capture-dialog form{margin:0}.capture-dialog button{border:1px solid #d7e0ed;border-radius:8px;padding:9px 13px;background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap;font-size:12px}.capture-dialog button span{font-size:18px;margin-inline-start:7px}.capture-dialog-content{padding:18px;display:grid;place-items:center}.capture-dialog-content img{max-block-size:calc(100dvh - 184px);max-inline-size:100%;inline-size:auto;block-size:auto;object-fit:contain;border-radius:8px}.capture-original{display:block;text-align:center;font-size:12px;color:var(--blue);padding:0 15px 20px;text-decoration:underline;text-underline-offset:4px}.capture-is-open{overflow:hidden}
@media(max-width:1100px){.capture-grid{grid-template-columns:minmax(0,1fr) 215px;gap:30px}.phone-capture{border-radius:34px}}
@media(max-width:800px){.capture-grid{grid-template-columns:minmax(0,1fr) 190px;gap:23px}.capture-live{display:none}.phone-capture{border-radius:30px}.capture-tabs a{padding:9px 11px}.capture-caption{font-size:10px}}
@media(max-width:620px){.capture-grid{grid-template-columns:minmax(0,1fr);gap:36px;margin-block-start:35px}.capture-heading{margin-block-end:14px}.capture-live{display:inline}.ios-gallery{inline-size:min(100%,270px);justify-self:center}.phone-capture{border-radius:42px}.capture-zoom{opacity:1;translate:none;font-size:9px;padding:7px 10px;inset-inline-end:9px;inset-block-end:9px}.phone-capture .capture-zoom{opacity:0}.capture-caption{font-size:11px}.capture-tabs{margin-block-start:14px}.capture-tabs a{padding:10px 17px}.preview-note{font-size:10px;margin-block:28px;max-inline-size:280px;margin-inline:auto}.capture-dialog-bar{padding:12px 14px;gap:12px}.capture-dialog h2{font-size:12px}.capture-dialog-content{padding:9px}.capture-dialog button{padding:8px 10px}.capture-dialog-content img{max-block-size:calc(100dvh - 175px)}}
@media(prefers-reduced-motion:reduce){.capture-open,.capture-zoom,.capture-tabs a{transition:none}}