@font-face{font-family:Onest;src:url('assets/Onest-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('assets/Onest-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Onest;src:url('assets/Onest-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Onest;src:url('assets/Onest-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f6f3e9;--ink:#253e33;--green:#325e49;--muted:#5f6c5d;--line:#d3d8c8;--tint:#e7eadc;--white:#fffdf7;--rust:#be764c;color-scheme:light;font-family:Onest,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}h1,h2,h3,p,figure{margin:0}p{color:var(--muted)}h1,h2,h3{letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(2rem,3.3vw,2.875rem);font-weight:600}h3{font-size:1.25rem;font-weight:600;letter-spacing:-.03em}img{display:block;max-width:100%;height:auto}em{font-style:normal;color:var(--green)}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:12px 20px;background:var(--green);color:var(--paper)}.skip:focus{top:12px}.header{height:88px;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line)}.brand{font-size:1.5625rem;letter-spacing:-.055em;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain;margin-right:8px}.brand span{color:var(--green)}.brand:hover{text-decoration:none}nav{margin-left:auto;display:flex;gap:30px;font-size:.875rem}.header-link{font-size:.875rem;font-weight:600;padding-block:6px;border-bottom:1px solid currentColor;white-space:nowrap}.header-link span{padding-left:15px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;font-weight:600;line-height:1.5}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:44px 56px;min-height:650px}.hero h1{font-size:clamp(4rem,6.1vw,5.5rem);line-height:.995;letter-spacing:-.065em;font-weight:700;margin-block:22px 32px}.hero h1 em{position:relative;white-space:nowrap}.hero h1 em:after{content:'';position:absolute;left:2px;right:0;bottom:-9px;height:4px;border-radius:50%;background:#cc855b;transform:rotate(-1deg)}.lead{font-size:1.1875rem;line-height:1.55;letter-spacing:-.025em;max-width:470px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.button{min-height:52px;padding:12px 21px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--green);border-radius:9px;font-size:.9375rem;font-weight:600;line-height:1.3}.button:hover{text-decoration:none;background:#274b3a;color:var(--white)}.primary{background:var(--green);color:var(--white)}.secondary{color:var(--green)}.apk{font-size:.75rem;line-height:1.2;font-weight:400;border:1px solid currentColor;border-radius:3px;padding:2px}.sub-action{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.875rem;margin-top:13px}.sub-action a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.continuity{font-size:.75rem;margin-top:27px;max-width:420px}.hero-art{height:535px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;padding-left:60px}.hero-art:before{content:'';position:absolute;inset:28px 0 5px 30px;background:#e4e8d9;border-radius:48% 48% 10px 10px;z-index:-1}.hero-phone{width:302px;height:495px;overflow:hidden;flex-shrink:0;border:7px solid var(--white);border-radius:31px;transform:rotate(2deg);box-shadow:0 20px 40px #263e331a;background:#f3f1e7}.hero-phone img{width:100%;height:auto}.scribble{font:italic 1.2rem/1.16 Georgia,serif;color:var(--ink);position:absolute;top:7px;left:0;transform:rotate(-8deg);z-index:1}.scribble span{display:block;margin:6px 0 0 64px;font:2.75rem/1 Onest,Arial,sans-serif;transform:rotate(8deg)}.sticky-note{position:absolute;bottom:-2px;left:0;transform:rotate(-3deg);background:#f5d59b;color:#544228;font-size:.8125rem;line-height:1.5;padding:16px 24px;box-shadow:0 4px 0 #3d332517}.sticky-note strong{font-weight:500}.occasions{border-block:1px solid var(--line);padding:17px 0;background:#eeeee2}.occasions>.wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.035em;font-weight:500}.occasions i{font-size:1.375rem;color:var(--rust);font-style:normal}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:24px}.footer .brand{font-size:1.25rem}.footer .brand img{width:30px;height:30px}.footer>span,.footer>div{font-size:.75rem;color:var(--muted)}.footer>div{display:flex;gap:22px}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{gap:28px}nav{gap:20px}.hero{gap:20px}.hero h1{font-size:4.5rem}.hero-art{padding-left:35px}.hero-phone{width:270px;height:470px}.scribble{left:-10px;font-size:1.0625rem}.sticky-note{padding:14px 18px}.actions{gap:8px}.button{padding-inline:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:72px;gap:16px}.brand{font-size:1.375rem}.brand img{width:35px;height:35px;margin-right:5px}nav{display:none}.header-link{margin-left:auto;font-size:.875rem}.header-link span{padding-left:8px}.hero{display:flex;flex-direction:column;gap:24px;align-items:stretch;min-height:0;padding-block:26px 30px}.eyebrow{font-size:.75rem;letter-spacing:.06em}.hero h1{font-size:3.625rem;line-height:1.01;margin-block:16px 24px;letter-spacing:-.06em}.hero h1 br:first-of-type{display:none}.lead{font-size:1rem;max-width:470px}.actions{gap:8px;flex-wrap:nowrap;margin-top:22px}.button{padding:12px 13px;min-height:49px;gap:8px;font-size:.875rem}.sub-action{font-size:.75rem;gap:6px;margin-top:11px}.continuity{font-size:.75rem;line-height:1.5;margin-top:16px}.hero-art{height:297px;padding:0 10px 0 64px;margin-top:2px}.hero-art:before{inset:6px 3px 4px 10px;border-radius:45% 45% 8px 8px}.hero-phone{width:218px;height:283px;border-width:5px;border-radius:22px}.scribble{left:0;top:1px;font-size:.9375rem;line-height:1.08}.scribble span{font-size:2rem;margin:6px 0 0 25px}.sticky-note{left:-2px;bottom:0;padding:10px 14px;font-size:.75rem}.occasions{padding-block:13px}.occasions>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;font-size:.6875rem;letter-spacing:.02em}.occasions i{display:none}.footer{flex-wrap:wrap;gap:15px}.footer>span{order:3;flex-basis:100%}.footer>div{gap:12px}.footer .brand{font-size:1.125rem}.footer .brand img{width:26px;height:26px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:3.15rem}.button{font-size:.75rem;padding-inline:10px;gap:6px}.apk{font-size:.6875rem}.actions{gap:7px}.eyebrow{font-size:.6875rem}.hero-art{padding-left:51px}.hero-phone{width:199px}.sticky-note{font-size:.6875rem}.scribble{font-size:.8125rem}.occasions>.wrap{font-size:.625rem}}
.quick-start{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px;max-width:480px}.quick-start li{display:grid;grid-template-columns:27px 1fr;gap:12px;align-items:start}.step-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid #b9c6ac;border-radius:50%;font-size:.8125rem;line-height:1;background:#e8ecde;color:var(--green);margin-top:1px}.quick-start strong{display:block;font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:-.02em}.quick-start li>div>span{display:block;margin-top:2px;font-size:.875rem;line-height:1.45;color:var(--muted)}.quick-start+.actions{margin-top:25px}
@media(max-width:760px){.quick-start{gap:12px;margin-top:20px}.quick-start li{gap:10px;grid-template-columns:25px 1fr}.step-number{width:25px;height:25px}.quick-start strong{font-size:.9375rem}.quick-start li>div>span{font-size:.875rem}.quick-start+.actions{margin-top:23px}.hero-copy h1{margin-bottom:22px}.hero{padding-bottom:28px}}
@media(min-width:761px) and (max-width:1100px) and (max-height:760px){.header{height:72px}.hero{min-height:0;padding-block:24px 30px}.hero h1{font-size:3.625rem;margin-block:16px 24px}.hero .lead{font-size:1.0625rem}.hero-art{height:470px}.hero-phone{height:440px;width:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.scenarios{padding-block:44px 50px}.tabs{display:flex;gap:34px;border-bottom:1px solid var(--line);margin-bottom:32px}.tabs button{border:0;border-bottom:3px solid transparent;padding:13px 0;background:transparent;color:var(--muted);font-size:1.0625rem}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--green)}.scene{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:74px;min-width:0}.scene-copy h2{margin:20px 0}.scene-copy>p:not(.eyebrow){max-width:435px;font-size:1.0625rem}.scene-copy .inline-options{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;color:var(--green);font-size:.875rem!important}.inline-options span{color:#98a28f}.aside-note{display:flex;gap:14px;align-items:flex-start;margin-top:30px}.aside-note>span{font-size:1.625rem;line-height:1;color:var(--rust)}.aside-note p{font-size:.875rem;line-height:1.5}.scene-image{height:455px;border-radius:15px;overflow:hidden;box-shadow:0 6px 0 #d8ddcb;align-self:stretch;background:#f5f1e7}.scene-image img{width:100%;max-width:390px;margin:-3px auto 0}.debts{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;border-top:1px solid var(--line);padding-block:48px;align-items:center}.debt-image{background:#e8ebdd;border:1px solid #dbe0ce;border-radius:14px;padding:18px 24px 16px;overflow:hidden}.screen-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;margin-bottom:16px}.theme-switch{display:flex;gap:2px;padding:3px;border:1px solid #cdd3bd;border-radius:7px}.theme-switch button{border:0;background:transparent;border-radius:4px;color:var(--muted);font-size:.75rem;padding:6px 8px}.theme-switch button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 3px #253e3310}.debt-screen{overflow:hidden;aspect-ratio:390/304;border-radius:10px;border:1px solid #cdd3bd;background:#f3f1e7;width:100%;max-width:390px;margin-inline:auto}.debt-screen img{width:100%;height:auto}.debt-image figcaption{font-size:.75rem;text-align:center;margin-top:14px;color:var(--muted);max-width:360px;margin-inline:auto}.debt-copy h2{font-size:2.55rem;margin-block:18px 20px}.debt-copy>p:not(.eyebrow){font-size:1.0625rem;max-width:465px}.settle-line{display:flex;align-items:center;gap:14px;margin-top:28px}.settle-icon{width:40px;height:40px;border:1px solid #b9c6af;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;flex-shrink:0;color:var(--green)}.settle-line p{font-size:.875rem}.settle-line strong{color:var(--ink);font-weight:500}.debt-copy .quiet-note{font-size:.75rem!important;margin:12px 0 0 54px}.statistics{display:grid;grid-template-columns:.77fr 1.3fr;gap:50px;align-items:center;border-top:1px solid var(--line);padding-block:48px}.stats-copy h2{margin:18px 0 20px}.stats-copy>p:not(.eyebrow){font-size:1rem;max-width:340px}.stats-image img{border:1px solid #d6dacb;border-radius:12px;box-shadow:0 7px 0 #d6dccc70}.stats-image figcaption{font-size:.75rem;text-align:right;margin-top:16px;color:var(--muted)}.currency-note{margin-top:27px!important;font-size:.875rem!important;line-height:1.6}.currency-note>span{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;border:1px solid #b8c5ab;color:var(--green);background:var(--paper);margin-right:-8px;margin-bottom:11px}.currency-note>span:nth-child(2){background:#e8ecde}.currency-note>span:nth-child(3){background:#d9e0c8}.currency-note>strong{font-weight:500;color:var(--green);padding-left:16px}.assistant{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:48px 54px;border-top:1px solid var(--line)}.assistant h2{font-size:2.65rem;margin:17px 0 20px}.assistant>div>p:not(.eyebrow){max-width:430px;font-size:1rem}.assistant .approval-note{font-size:.875rem!important;color:var(--green);margin-top:15px}.new{color:var(--green)}.text-link{display:inline-flex;gap:35px;font-size:.875rem;align-items:center;border-bottom:1px solid var(--ink);padding-block:5px;margin-top:18px}.text-link:hover{text-decoration:none}.conversation{padding:24px;background:#e7eadb;border-radius:14px}.example-label{text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;color:var(--muted)}.message{padding:17px 19px;font-size:.9375rem;line-height:1.5;max-width:100%}.from-user{background:var(--green);color:var(--white);border-radius:14px 14px 3px 14px;margin:18px 0 13px 29px}.from-assistant{border-radius:14px 14px 14px 3px;background:var(--white);margin-right:23px;display:flex;flex-direction:column;gap:3px}.assistant-name{font-size:.75rem;color:var(--muted);margin-bottom:4px}.from-assistant strong{font-size:1.0625rem;font-weight:600;letter-spacing:-.02em}.from-assistant>p{font-size:.875rem}.prepared{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;border-top:1px solid var(--line);margin-top:10px;padding-top:12px;font-size:.75rem}.prepared>span{color:var(--green)}.example-footnote{font-size:.75rem;text-align:center;margin-top:14px}.start{background:var(--green);color:var(--paper);padding-block:44px}.start-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.start-heading h2{font-size:2.5rem}.start-heading p{color:#dde4d5;font-size:.9375rem;max-width:490px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.platforms>a{display:flex;align-items:center;gap:17px;padding:22px 0;border-block:1px solid #c7d6be66;transition:color .15s}.platforms>a:hover{text-decoration:none;color:#f5d59b}.platforms h3{font-size:1.375rem}.platforms p{font-size:.8125rem;color:#dde4d5;margin-top:5px}.platforms>a>span:last-child{margin-left:auto;font-size:1.5rem}.platforms svg{width:32px;height:32px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.max-icon{width:32px;flex-shrink:0;font-size:1.875rem;font-weight:600}.platform-notes{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.platform-notes p{color:#dde4d5;font-size:.75rem}.faq{display:grid;grid-template-columns:.8fr 1.3fr;gap:75px;padding-block:48px}.faq h2{font-size:2.5rem}.faq-heading p{font-size:1rem;margin-top:13px}.faq-heading>img{width:65px;height:65px;object-fit:contain;margin-top:24px;transform:rotate(-8deg)}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding-block:17px;font-size:.9375rem}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.25rem;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:.875rem;line-height:1.65;max-width:580px;padding-bottom:20px}
@media(max-width:1050px){.scene,.debts{gap:40px}.statistics{gap:35px;grid-template-columns:.9fr 1.2fr}.debt-copy h2{font-size:2.125rem}.debt-image{padding-inline:16px}.screen-caption{font-size:.75rem;gap:5px}.theme-switch button{padding-inline:6px}.assistant{gap:36px}.assistant h2{font-size:2.35rem}.platforms{gap:20px}.platforms>a{gap:11px}.platforms p{font-size:.75rem}.start-heading{gap:25px}.start-heading h2{font-size:2.25rem}.start-heading p{font-size:.875rem}.scene-copy h2{font-size:2.4rem}.scene-copy .inline-options{gap:8px;font-size:.8125rem!important}.scene-image{height:410px}.currency-note>strong{padding-left:11px}}
@media(max-width:760px){.scenarios{padding-block:24px 32px}.tabs{gap:0;justify-content:space-between;margin-bottom:25px}.tabs button{font-size:.875rem;padding-block:12px}.scene{display:flex;flex-direction:column;gap:23px;align-items:stretch}.scene-copy h2{font-size:2.125rem;margin:15px 0}.scene-copy>p:not(.eyebrow){font-size:1rem;max-width:none}.scene-copy .inline-options{font-size:.875rem!important;gap:11px;margin-top:18px}.aside-note{display:none}.scene-image{height:375px;border-radius:11px}.scene-image img{width:100%;margin-top:-2px}.debts{display:flex;flex-direction:column-reverse;align-items:stretch;gap:22px;padding-block:32px}.debt-copy h2{font-size:2rem;margin:15px 0}.debt-copy>p:not(.eyebrow){font-size:1rem}.settle-line{margin-top:19px;gap:11px}.settle-icon{width:35px;height:35px;font-size:1.25rem}.settle-line p{font-size:.875rem}.debt-copy .quiet-note{margin-left:46px;font-size:.75rem!important}.debt-image{padding:13px 14px 12px;border-radius:10px}.screen-caption{font-size:.8125rem;margin-bottom:12px;gap:9px}.theme-switch button{font-size:.75rem;padding:5px 7px}.debt-screen{border-radius:8px}.debt-image figcaption{font-size:.75rem;margin-top:11px;line-height:1.4}.statistics{display:flex;flex-direction:column;gap:22px;padding-block:32px;align-items:stretch}.stats-copy h2{font-size:2.125rem;margin:15px 0}.stats-copy h2 br{display:none}.stats-copy>p:not(.eyebrow){max-width:none;font-size:1rem}.currency-note{margin-top:17px!important;font-size:.875rem!important}.currency-note br:last-child{display:none}.currency-note>span{margin-bottom:6px}.stats-image img{border-radius:8px}.stats-image figcaption{font-size:.75rem;text-align:left;margin-top:12px}.assistant{display:flex;flex-direction:column;gap:23px;align-items:stretch;padding-block:32px}.assistant h2{font-size:2.125rem;margin:15px 0}.assistant>div>p:not(.eyebrow){font-size:1rem}.assistant .approval-note{font-size:.875rem!important;margin-top:12px}.text-link{margin-top:13px}.conversation{padding:17px 15px;border-radius:11px}.message{font-size:.875rem;padding:14px 15px}.from-user{margin-left:19px;margin-top:15px}.from-assistant{margin-right:14px}.from-assistant strong{font-size:1rem}.from-assistant>p{font-size:.8125rem}.prepared{font-size:.75rem;gap:3px 6px}.example-footnote{font-size:.75rem;margin-top:12px}.start{padding-block:32px}.start-heading{display:block}.start-heading h2{font-size:2.125rem}.start-heading p{font-size:.875rem;margin-top:17px}.start-heading p br{display:none}.platforms{grid-template-columns:1fr;gap:0;margin-top:23px}.platforms>a{border-top:0;padding-block:17px;gap:15px}.platforms>a:first-child{border-top:1px solid #c7d6be66}.platforms h3{font-size:1.25rem}.platforms p{font-size:.875rem}.platforms svg,.max-icon{width:30px}.platform-notes{flex-direction:column;gap:7px;margin-top:16px}.platform-notes p{font-size:.75rem}.faq{display:block;padding-block:32px}.faq-heading{display:flex;align-items:center;gap:16px;margin-bottom:23px}.faq-heading h2{font-size:2rem}.faq-heading p{margin:0;font-size:.875rem;line-height:1.4}.faq-heading>img{width:44px;height:44px;margin:0 0 0 auto}.questions summary{font-size:.875rem;padding-block:16px;gap:14px}.questions details p{font-size:.875rem;padding-bottom:17px}}
@media(max-width:370px){.tabs button{font-size:.8125rem}.scene-copy h2{font-size:1.875rem}.scene-copy .inline-options{font-size:.8125rem!important;gap:8px}.scene-image{height:330px}.debt-copy h2{font-size:1.8rem}.debt-image{padding-inline:11px}.screen-caption{font-size:.75rem}.theme-switch button{padding-inline:5px}.stats-copy h2{font-size:1.875rem}.currency-note>strong{font-size:.8125rem;padding-left:10px}.assistant h2{font-size:2rem}.from-user{margin-left:10px}.from-assistant{margin-right:6px}.message{padding-inline:12px}.prepared{font-size:.6875rem}.faq-heading{gap:11px}.faq-heading h2{font-size:1.8125rem}.faq-heading p{font-size:.8125rem}.faq-heading>img{width:35px;height:35px}}
.section-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.section-actions .button{min-height:44px;padding:10px 16px;border-radius:999px}.telegram-cta{letter-spacing:-.015em}.telegram-cta-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.start .section-actions{margin-top:24px}.start .section-actions .primary{background:var(--paper);color:var(--green);border-color:var(--paper)}.start .section-actions .primary:hover{background:#f5d59b;color:#274b3a}.faq-actions{grid-column:2;margin-top:28px}
@media(max-width:760px){.section-actions{margin-top:20px}.section-actions .button{width:auto}.start .section-actions{margin-top:21px}.faq-actions{grid-column:auto;margin-top:22px}}

/* A single persistent entry point, only between visible inline actions. */
.floating-actions{position:fixed;z-index:60;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:24px;display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:32px;background:var(--paper);box-shadow:0 6px 28px #253e3326;max-width:calc(100vw - 24px)}
.floating-actions[hidden]{display:none}
.floating-actions .button{min-height:44px;padding:10px 16px;border-radius:999px;white-space:nowrap}
.footer{padding-bottom:120px}
@media(min-width:861px){body:has(.cookie) .floating-actions{bottom:96px}}
@media(max-width:760px){.floating-actions{left:12px;right:12px;justify-content:center}.floating-actions .button{flex:1;justify-content:center;font-size:13px;padding:10px 9px}.floating-actions .button svg{width:16px}.floating-actions .button>span:last-child{display:none}}

/* Brief entrances and movement in response to the visitor. Nothing loops. */
@media (prefers-reduced-motion: no-preference) {
  .hero-copy > .eyebrow,
  .hero-copy h1,
  .hero-copy .lead,
  .quick-start li,
  .hero-copy .actions,
  .hero-copy .sub-action {
    animation: arrive 620ms cubic-bezier(.16, 1, .3, 1) both;
  }
  .hero-copy h1 { animation-delay: 60ms; }
  .hero-copy .lead { animation-delay: 120ms; }
  .quick-start li:nth-child(1) { animation-delay: 180ms; }
  .quick-start li:nth-child(2) { animation-delay: 260ms; }
  .quick-start li:nth-child(3) { animation-delay: 340ms; }
  .hero-copy .actions { animation-delay: 420ms; }
  .hero-copy .sub-action { animation-delay: 460ms; }
  .hero h1 em::after {
    transform-origin: left center;
    animation: draw-underline 750ms cubic-bezier(.2, .7, .2, 1) 280ms both;
  }
  .hero-art { animation: place-screen 900ms cubic-bezier(.16, 1, .3, 1) 100ms both; }
  .hero-phone {
    animation: screen-sway 3800ms ease-in-out 600ms;
    translate: var(--pointer-x, 0px) var(--pointer-y, 0px);
    transition: translate 420ms cubic-bezier(.2, .7, .2, 1);
  }
  .sticky-note {
    animation: note-settle 1400ms cubic-bezier(.2, .7, .2, 1) 500ms both;
    translate: calc(var(--pointer-x, 0px) * -.35) calc(var(--pointer-y, 0px) * -.4);
    transition: translate 600ms ease-out;
  }
  .scribble span { animation: point-to-screen 1400ms ease-in-out 650ms; }
  .button { transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; }
  .button:active { transform: translateY(1px) scale(.985); }
  .button > span:last-child,
  .header-link span,
  .text-link span,
  .platforms > a > span:last-child { transition: transform 220ms ease; }
  .tabs button { transition: color 200ms ease, border-color 240ms ease; }
  .theme-switch button { transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease; }
  summary::after { transition: transform 220ms ease; }
  details[open] summary::after { animation: turn-mark 240ms ease; }
  details[open] > p { animation: answer-in 280ms ease-out; }
  .brand img { transition: transform 350ms cubic-bezier(.2, .7, .2, 1); }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .button:hover { transform: translateY(-2px); box-shadow: 0 5px 0 #253e3312; }
  .button:active { transform: translateY(1px) scale(.985); box-shadow: none; }
  .button:hover > span:last-child,
  .header-link:hover span,
  .text-link:hover span,
  .platforms > a:hover > span:last-child { transform: translate(2px, -2px); }
  .brand:hover img { transform: rotate(-8deg) translateY(-2px); }
}

@keyframes arrive {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes draw-underline {
  from { transform: rotate(-1deg) scaleX(0); }
  to { transform: rotate(-1deg) scaleX(1); }
}
@keyframes place-screen {
  from { opacity: 0; transform: translateY(20px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes screen-sway {
  0%, 100% { transform: translateY(0) rotate(2deg); }
  42% { transform: translateY(-9px) rotate(.8deg); }
  72% { transform: translateY(-3px) rotate(2.6deg); }
}
@keyframes note-settle {
  0% { opacity: 0; transform: translateY(13px) rotate(-8deg); }
  70% { opacity: 1; transform: translateY(-2px) rotate(-2deg); }
  100% { opacity: 1; transform: translateY(0) rotate(-3deg); }
}
@keyframes point-to-screen {
  0%, 100% { transform: translate(0, 0) rotate(8deg); }
  45% { transform: translate(5px, 5px) rotate(13deg); }
}
@keyframes answer-in {
  from { opacity: .25; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes turn-mark {
  from { transform: rotate(-90deg); }
  to { transform: rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-phone, .sticky-note { translate: none; }
}

/* Essential copy is readable immediately while its entrance still moves. */
@media (prefers-reduced-motion: no-preference) {
  .hero-copy > .eyebrow, .hero-copy h1, .hero-copy .lead { animation-name: arrive-content; }
}
@keyframes arrive-content { from { transform: translateY(12px); } to { transform: translateY(0); } }