@import './tokens.css?v=f161033e0edb0914';
:root{--paper:var(--tn-background);--ink:var(--tn-text-primary);--muted:var(--tn-text-secondary);--surface:var(--tn-surface);--raised:var(--tn-surface-raised);--blue:var(--tn-primary);--positive:var(--tn-positive);--negative:var(--tn-negative)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,select{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2}h1,h2{font-weight:650}em{font-style:normal;color:var(--blue)}.shell,.nav-shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:10px 18px;border-radius:8px}.skip-link:focus{top:12px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[data-icon]{display:inline-flex;flex:none}[data-icon=apple] svg{fill:currentColor;stroke:none}.text-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:13px;font-weight:500;color:var(--blue)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 23px;border-radius:10px;background:var(--blue);color:var(--tn-on-primary);font-weight:550;font-size:14px}.button:hover{background:var(--tn-primary-hover)}
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper)94%,transparent);backdrop-filter:blur(14px)}.nav-shell{height:88px;display:flex;align-items:center;gap:28px}.wordmark{display:flex;align-items:center;gap:10px;font-weight:650;font-size:19px;white-space:nowrap;letter-spacing:-.5px}.wordmark img{border-radius:8px}.nav-shell nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}.nav-shell nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:8px}.language-control{display:flex;align-items:center;gap:5px;min-height:44px;margin-right:6px;color:var(--muted)}.language-control svg{width:16px;height:16px}.language-control select{background:transparent;color:var(--ink);border:0;font-size:12px;max-width:90px;min-height:44px;cursor:pointer}.platform-button{border:1px solid var(--tn-primary-a40);background:color-mix(in srgb,var(--blue)7%,var(--surface));color:var(--blue);display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:12px;min-height:58px;padding:12px 22px;min-width:170px;font-size:15px;font-weight:500;box-shadow:0 4px 12px var(--tn-primary-a03);transition:background .18s,transform .18s}.platform-button:hover{background:var(--tn-primary-a10);transform:translateY(-2px)}.platform-button small{display:block;font-size:10px;font-weight:400;color:var(--muted);line-height:1.2;margin-top:2px}.platform-button>span:has(small){text-align:left}.platform-button>span[data-icon]>svg{width:23px;height:23px}.platform-button .qr-mini svg{width:17px;height:17px}.nav-download{min-width:0;min-height:38px;padding:7px 12px;font-size:12px;gap:7px;border-radius:9px}.nav-download>span[data-icon]>svg{width:17px;height:17px}.hero{display:grid;grid-template-columns:1.14fr .86fr;gap:30px;align-items:center;min-height:725px;padding-top:38px;padding-bottom:42px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:550;letter-spacing:1.7px;color:var(--muted);margin-bottom:24px}.eyebrow i{width:6px;height:6px;background:var(--blue);border-radius:50%}.hero h1{font-size:clamp(48px,5vw,70px);letter-spacing:-3.5px;line-height:1.13;max-width:700px}.hero h1>span,.hero h1>em{display:block}.hero h1>em{margin-top:3px}.hero-description{font-size:15px;line-height:1.9;color:var(--muted);max-width:440px;margin-top:27px}.platforms{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.platform-note{font-size:10px;color:var(--muted);margin-top:12px}.hero-copy>.text-link{margin-top:12px}.hero-art{height:665px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.phone-mock{background:var(--surface);border:6px solid var(--surface);box-shadow:0 28px 70px color-mix(in srgb,var(--ink)12%,transparent),0 2px 8px color-mix(in srgb,var(--ink)7%,transparent);border-radius:38px;overflow:hidden;width:290px;position:relative}.phone-mock img{width:100%;height:auto;aspect-ratio:390/844}.hero-art .phone-mock{transform:rotate(4deg);width:290px}.hero-art figcaption,.showcase-art figcaption{position:absolute;bottom:0;right:8px;font-size:9px;color:var(--muted);letter-spacing:.2px}.orbit{border:1px solid var(--tn-primary-a10);border-radius:50%;position:absolute;z-index:-1;pointer-events:none}.orbit-one{width:390px;height:390px;max-width:100%;background:radial-gradient(circle,var(--tn-primary-a03),transparent 70%)}.orbit-two{width:470px;height:470px;max-width:calc(100% + 12px)}.promise-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:24px 0;align-items:center}.promise-strip>span{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:var(--muted)}.promise-strip svg{width:18px;height:18px;color:var(--blue)}
.section{padding-top:100px;padding-bottom:12px}.section-heading{margin-bottom:36px;max-width:760px}.kicker{font-size:10px;letter-spacing:1.6px;font-weight:550;color:var(--muted);display:block}h2{font-size:40px;line-height:1.25;letter-spacing:-1.4px;margin-top:15px;margin-bottom:18px}h2>span,h2>em{display:block}.section-heading>p,.showcase-copy>p{font-size:14px;color:var(--muted);line-height:1.85;max-width:480px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-card{background:var(--surface);padding:27px;border-radius:20px;display:flex;flex-direction:column;min-width:0}.feature-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--raised);color:var(--blue);border-radius:10px;margin-bottom:22px}.feature-icon svg{width:21px;height:21px}.feature-card h3{font-size:18px;letter-spacing:-.3px;font-weight:600;margin-bottom:13px}.feature-card>p{font-size:12px;color:var(--muted);line-height:1.85;min-height:89px;margin-bottom:20px}.fee-illustration,.journal-illustration,.action-illustration,.market-illustration{padding:17px;background:var(--raised);border-radius:11px;margin-top:auto;font-size:11px;min-height:161px}.fee-illustration{display:flex;flex-direction:column;gap:12px}.fee-illustration>span,.fee-illustration>strong{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}.fee-illustration b{color:var(--ink);font-weight:500;white-space:nowrap}.fee-illustration>strong{padding-top:8px;color:var(--ink);font-weight:500}.fee-illustration>strong b{font-size:21px;color:var(--positive)}.fee-illustration small{font-size:9px;font-weight:400}.tiny-label{font-size:10px;color:var(--muted)}.journal-illustration p{font-size:12px;margin:8px 0 13px;line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:9px;color:var(--blue);background:var(--surface);padding:3px 7px;border-radius:5px}.matrix-illustration{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:161px;margin-top:auto}.matrix-illustration span{padding:15px 12px;border-radius:9px;background:var(--raised);font-size:10px;line-height:1.7;color:var(--muted);display:flex;align-items:center}.matrix-illustration span:first-child{background:var(--tn-positive-background);color:var(--positive)}.action-illustration{display:flex;flex-direction:column;gap:14px}.action-illustration>b{font-size:13px;font-weight:550}.action-check{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--blue)}.action-check svg{width:15px;height:15px}.import-illustration{display:flex;align-items:center;justify-content:space-around;gap:6px;margin-top:auto;background:var(--raised);padding:22px 12px;border-radius:11px;min-height:126px}.import-illustration>span{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.import-illustration svg{width:25px;height:25px;color:var(--blue)}.import-illustration>i svg{width:18px;height:18px;color:var(--muted)}.import-illustration b{font-size:10px;font-weight:500}.feature-card .mini-note{min-height:0;margin:12px 0 0;font-size:10px;color:var(--blue);text-align:center}.market-illustration{padding:13px 15px}.market-pills{display:flex;gap:7px;font-size:9px;margin-bottom:12px}.market-pills span{padding:2px 7px;color:var(--muted);background:var(--surface);border-radius:4px}.market-pills span:last-child{background:var(--tn-primary-a10);color:var(--blue)}.market-illustration>div:not(.market-pills){display:flex;align-items:center;gap:6px;font-size:10px}.market-illustration strong{margin-left:auto;font-weight:550}.market-illustration>div>span{color:var(--negative);font-size:9px}.market-illustration>svg{width:100%;height:57px;color:var(--negative);margin-top:6px}.market-illustration>small{font-size:8px;color:var(--muted)}.illustration-note{font-size:10px;color:var(--muted);margin-top:20px}.showcase-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:115px}.showcase-copy h2{font-size:43px;max-width:440px}.showcase-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.showcase-tabs button{background:var(--surface);border:0;color:var(--muted);border-radius:8px;padding:10px 14px;font-size:12px;min-height:44px}.showcase-tabs button[aria-selected=true]{background:var(--tn-primary-a10);color:var(--blue)}.showcase-copy .screen-description{font-size:13px;margin-top:20px;min-height:76px}.showcase-art{position:relative;display:flex;justify-content:center;padding:20px 0 34px;isolation:isolate}.showcase-art .phone-mock{width:270px;border-radius:32px}.screen-glow{position:absolute;inset:20% -5%;background:radial-gradient(ellipse,var(--tn-primary-a10),transparent 70%);z-index:-1}.showcase-art figcaption{right:50%;transform:translateX(50%);white-space:nowrap}.centered{margin-inline:auto;text-align:center;max-width:800px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:42px}.step-number{display:grid;place-items:center;color:var(--blue);background:var(--tn-primary-a10);font-size:11px;font-weight:500;width:38px;height:38px;border-radius:11px;margin-bottom:24px}.steps h3{font-weight:600;font-size:18px;margin-bottom:12px}.steps p{font-size:13px;line-height:1.85;color:var(--muted)}.how-section>.text-link{margin-top:25px}.privacy-band{background:var(--surface);border-radius:24px;padding:50px;display:grid;grid-template-columns:35px 1fr 220px;gap:28px;align-items:center}.privacy-symbol{align-self:start;padding-top:2px;color:var(--blue)}.privacy-symbol svg{width:29px;height:29px}.privacy-band h2{font-size:34px;max-width:550px}.privacy-band p{font-size:13px;line-height:1.9;color:var(--muted);max-width:500px}.privacy-band .text-link{margin-top:12px}.local-badge{width:180px;height:180px;border-radius:50%;background:var(--raised);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.local-badge svg{color:var(--blue);width:30px;height:30px}.local-badge b{font-size:11px;font-weight:550}.local-badge>span:last-child{font-size:9px;color:var(--muted)}
.download-band{background:var(--blue);color:var(--tn-on-primary);border-radius:28px;padding:58px 62px;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.download-band .kicker,.download-band em{color:var(--tn-on-primary)}.download-band h2{font-size:43px;letter-spacing:-1.5px}.download-band>div>p{font-size:13px;line-height:1.9;max-width:390px}.download-help{display:inline-flex;align-items:center;gap:25px;min-height:44px;margin-top:8px;font-size:12px}.download-help:hover{text-decoration:underline}.download-band a:focus-visible,.download-band button:focus-visible{outline-color:var(--tn-on-primary)}.download-platforms{display:flex;flex-direction:column;gap:12px}.download-platforms .platform-button{border:0;justify-content:flex-start;background:var(--surface);min-height:67px;padding:13px 20px;box-shadow:none}.download-platforms .platform-button>span:last-child:not(:first-child){margin-left:auto}.download-platforms .platform-button>span:has(small){margin-left:0}.download-platforms>p{font-size:10px;text-align:center;opacity:.9;margin-top:2px}.status-section{font-size:11px;color:var(--muted);margin-top:24px;line-height:1.9;text-align:center;max-width:900px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-bottom:90px}.faq-section h2{font-size:37px;max-width:340px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-list details{background:var(--surface);border-radius:14px;padding:0 23px}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:500;padding:20px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-toggle{width:12px;height:12px;position:relative;flex:none}.faq-toggle:before,.faq-toggle:after{content:'';position:absolute;background:var(--muted);left:0;top:5px;width:12px;height:1px}.faq-toggle:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-toggle:after{transform:rotate(0)}.faq-list details p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 20px;max-width:520px}.site-footer{padding-top:28px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.footer-brand{color:var(--ink);font-size:18px;font-weight:650;white-space:nowrap}.footer-brand span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;font-weight:400;margin-left:7px}.site-footer>a:last-child{white-space:nowrap}.site-footer a:hover{color:var(--blue)}
.platform-dialog{width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;padding:32px 30px 27px;border-radius:22px;color:var(--ink);background:var(--surface);text-align:center;box-shadow:0 30px 100px color-mix(in srgb,var(--ink)25%,transparent)}.platform-dialog::backdrop{background:color-mix(in srgb,var(--ink)32%,transparent);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:13px;width:32px;height:32px;display:grid;place-items:center;border:0;background:var(--raised);color:var(--muted);border-radius:50%;padding:7px}.dialog-close svg{width:18px;height:18px}.dialog-logo{margin:0 auto;border-radius:10px}.platform-dialog h2{font-size:24px;line-height:1.4;letter-spacing:-.6px;margin:17px 0 10px}.platform-dialog>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 auto 18px;max-width:320px}.download-qr{width:196px;height:196px;padding:6px;background:white;margin:8px auto 14px;image-rendering:pixelated}.download-status{font-size:11px;color:var(--muted);line-height:1.7;min-height:38px;margin-bottom:13px}.download-file{display:flex;width:100%}.download-file[aria-disabled=true]{background:var(--tn-button-disabled);color:var(--tn-text-on-disabled);cursor:default}.copy-url{border:0;background:none;color:var(--blue);min-height:44px;padding:7px;font-size:12px}.platform-dialog code{display:block;font-size:9px;overflow-wrap:anywhere;color:var(--muted);line-height:1.8}.ios-badge{display:flex!important;justify-content:center;color:var(--blue);margin:25px auto 15px}.ios-badge svg{width:57px;height:57px}#ios-panel strong{display:block;margin-bottom:25px;font-weight:550}#ios-panel .button{width:100%}[hidden]{display:none!important}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:11px 21px;border-radius:10px;font-size:13px;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1}.connection{width:min(1160px,calc(100% - 40px));margin:25px auto;background:var(--surface);padding:24px;border-radius:15px}.connection h2{font-size:21px}.connection p{font-size:13px;color:var(--muted);margin:12px 0}
@media(max-width:1180px){.nav-shell{gap:18px}.nav-shell nav{gap:15px;font-size:11px}.language-control{margin-right:0}.hero h1{font-size:59px}.hero{gap:10px}.hero-art .phone-mock{width:275px}.orbit-two{width:400px}.feature-card{padding:23px}.download-band{padding:45px;gap:40px}}
@media(max-width:1000px){.nav-shell nav{display:none}.nav-actions{margin-left:auto}.hero h1{font-size:54px;letter-spacing:-2.6px}.hero-art{height:610px}.hero-art .phone-mock{width:250px}.platforms{gap:9px}.hero .platform-button{min-width:149px;padding:10px 14px;font-size:13px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card>p{min-height:76px}.showcase-section{gap:35px}.showcase-copy h2{font-size:37px}.privacy-band{grid-template-columns:28px 1fr 160px;padding:35px;gap:22px}.local-badge{width:155px;height:155px}.steps{gap:30px}.faq-section{gap:45px}.download-band h2{font-size:37px}.site-footer{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:85px}.shell,.nav-shell{width:calc(100% - 40px)}.nav-shell{height:76px;gap:8px}.wordmark{font-size:17px;gap:8px}.wordmark img{width:30px;height:30px}.nav-actions{gap:6px}.language-control{gap:2px}.language-control>span[data-icon]{display:none}.language-control select{font-size:11px;max-width:71px}.nav-download{min-height:36px;padding:7px;min-width:36px;border-radius:8px}.nav-download .platform-label{display:none}.nav-download>span[data-icon]>svg{width:18px;height:18px}.hero{grid-template-columns:1fr;gap:20px;padding:39px 0 35px;min-height:0}.hero-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:20px}.hero h1{font-size:clamp(43px,10.5vw,65px);letter-spacing:-2.7px;max-width:550px;margin:auto}.hero-description{font-size:14px;line-height:1.9;margin:23px auto 0;max-width:430px}.platforms{justify-content:center;gap:10px;margin-top:27px}.hero .platform-button{min-width:145px;min-height:56px;padding:10px 13px;gap:9px;font-size:13px}.hero .platform-button>span[data-icon]>svg{width:21px;height:21px}.platform-note{font-size:9px;margin-top:12px}.hero-copy>.text-link{font-size:12px;margin-top:9px}.hero-art{height:636px;max-width:380px;width:100%;margin:4px auto 0}.hero-art .phone-mock{width:270px}.orbit-one{width:310px;height:310px}.orbit-two{width:365px;height:365px;max-width:100%}.hero-art figcaption{right:0;bottom:0;font-size:8px}.promise-strip{grid-template-columns:1fr 1fr;gap:18px 8px;padding:24px 0}.promise-strip>span{font-size:10px;gap:8px;justify-content:flex-start}.promise-strip svg{width:16px;height:16px}.section{padding-top:70px;padding-bottom:10px}.section-heading{margin-bottom:28px}.kicker{font-size:9px;letter-spacing:1.3px}h2{font-size:32px;letter-spacing:-1px;margin-top:13px}.section-heading>p,.showcase-copy>p{font-size:13px;line-height:1.85}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:25px;min-height:0}.feature-card h3{font-size:18px}.feature-card>p{font-size:13px;min-height:0;margin-bottom:22px}.feature-icon{margin-bottom:20px}.fee-illustration,.journal-illustration,.action-illustration,.market-illustration,.matrix-illustration{min-height:150px}.fee-illustration{font-size:12px}.journal-illustration p{font-size:13px}.matrix-illustration span{font-size:11px}.action-illustration>b{font-size:14px}.market-illustration>div:not(.market-pills){font-size:11px}.market-illustration small{font-size:9px}.illustration-note{font-size:9px;line-height:1.8}.showcase-section{grid-template-columns:1fr;gap:28px;padding-top:78px}.showcase-copy h2{font-size:34px;max-width:420px}.showcase-tabs{gap:7px;margin-top:24px}.showcase-tabs button{font-size:11px;padding:9px 12px}.showcase-copy .screen-description{min-height:0;margin-top:17px}.showcase-art{padding-top:0;padding-bottom:30px}.showcase-art .phone-mock{width:265px}.steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.step-number{width:34px;height:34px;margin-bottom:16px}.steps h3{font-size:18px;margin-bottom:10px}.steps p{font-size:13px}.centered{text-align:left}.privacy-band{grid-template-columns:1fr;padding:29px 25px;gap:13px;border-radius:22px}.privacy-band h2{font-size:30px}.privacy-band p{font-size:13px}.privacy-symbol{padding:0}.local-badge{display:none}.download-band{grid-template-columns:1fr;gap:28px;padding:33px 25px;border-radius:22px}.download-band h2{font-size:35px}.download-band>div>p{font-size:13px}.download-platforms .platform-button{min-height:64px;font-size:14px}.download-platforms>p{font-size:9px}.status-section{font-size:10px;line-height:1.9;text-align:left;max-width:none}.faq-section{grid-template-columns:1fr;gap:27px;padding-bottom:45px}.faq-section h2{font-size:33px}.faq-list details{padding-inline:20px}.faq-list summary{font-size:13px;padding:18px 0}.faq-list details p{font-size:12px}.site-footer{flex-wrap:wrap;justify-content:flex-start;gap:16px 22px;padding:26px 0;font-size:10px}.footer-brand{width:100%;font-size:18px}.site-footer>a:last-child{margin-left:auto}.platform-dialog{padding:29px 23px 24px}.platform-dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.privacy-legal-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}

:root[data-theme="dark"]{color-scheme:dark}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);line-height:1}
.theme-toggle svg{width:16px;height:16px;stroke-width:1.65}
.theme-toggle:hover{background:var(--raised)}
.theme-sun,:root[data-theme="dark"] .theme-moon{display:none}
:root[data-theme="dark"] .theme-sun{display:inline}
@media(max-width:380px){.nav-actions{gap:2px}.nav-shell{gap:4px}.wordmark{font-size:15px;gap:5px}.language-control select{max-width:65px}}

.preview-features{display:grid;gap:28px}.preview-features article{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:28px;background:var(--surface);border-radius:16px}.preview-features h3{font-size:20px}.preview-features p,.preview-more{font-size:15px;color:var(--muted);line-height:1.8}.preview-more{margin-top:28px;max-width:900px}
@media(max-width:760px){.preview-features{gap:14px}.preview-features article{grid-template-columns:1fr;gap:12px;padding:24px}.preview-features h3{font-size:18px}.preview-features p,.preview-more{font-size:13px}}

.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-tabs{flex-wrap:wrap}.hero h1{font-size:clamp(42px,4.1vw,60px)}
@media(max-width:1000px) and (min-width:761px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.steps{grid-template-columns:1fr}.hero h1{font-size:clamp(35px,8.4vw,52px);letter-spacing:-1.7px}}

.review-views{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.review-views[hidden]{display:none}.review-views button{min-height:44px;border:0;border-radius:8px;padding:8px 12px;color:var(--muted);background:var(--surface)}.review-views button[aria-pressed="true"]{color:var(--blue);background:var(--tn-primary-a10)}

.hero .platform-button[data-platform="android"]{background:var(--blue);color:var(--tn-on-primary);border-color:transparent}.hero .platform-button[data-platform="android"]:hover{background:var(--tn-primary-hover)}

/* Local motion study — activated only by environment.motionPreview. */
.tn-motion-preview{--tn-motion-press:140ms;--tn-motion-ease:cubic-bezier(.22,.61,.36,1)}
.tn-motion-preview .showcase-tabs{position:relative;isolation:isolate;background:var(--surface);border-radius:12px;padding:4px;width:fit-content;max-width:100%}
.tn-motion-preview .showcase-tabs button{position:relative;z-index:1;background:transparent}
.tn-motion-preview .showcase-tabs button[aria-selected=true]{background:transparent;color:var(--blue)}
.showcase-active-indicator{position:absolute;left:0;top:0;z-index:0;pointer-events:none;background:var(--tn-primary-a10);border-radius:8px;transform-origin:left center}
.tn-motion-preview .platform-button,.tn-motion-preview .button,.tn-motion-preview .theme-toggle,.tn-motion-preview .showcase-tabs button,.tn-motion-preview .review-views button{transition:transform var(--tn-motion-press) var(--tn-motion-ease),background 180ms,color 180ms}
.tn-motion-preview .platform-button:active,.tn-motion-preview .button:active{transform:translateY(0) scale(.985)}
.tn-motion-preview .theme-toggle:active,.tn-motion-preview .showcase-tabs button:active,.tn-motion-preview .review-views button:active{transform:scale(.97)}
.tn-motion-preview .text-link [aria-hidden]{transition:transform 180ms var(--tn-motion-ease)}
@media(hover:hover) and (pointer:fine){.tn-motion-preview .text-link:hover [aria-hidden]{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.tn-motion-preview *, .tn-motion-preview *::before,.tn-motion-preview *::after{animation:none!important;transition:none!important}}

.tn-preview-build body{padding-bottom:90px}.motion-preview-controls{position:fixed;z-index:110;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:6px 12px;background:var(--surface);color:var(--muted);border-radius:12px;box-shadow:0 4px 22px color-mix(in srgb,var(--ink)12%,transparent);font-size:12px;white-space:nowrap}.motion-preview-controls button,.motion-preview-controls a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:0;border-radius:8px;background:var(--raised);color:var(--blue);font-size:inherit}.motion-preview-controls>span{padding-inline:4px}@media(max-width:420px){.motion-preview-controls{gap:6px;padding:4px 6px;font-size:11px}.motion-preview-controls button,.motion-preview-controls a{padding-inline:8px}}