:root{--ink:#252627;--muted:#737777;--paper:#f7f7f5;--orange:#ef7954;--radius:30px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}main{width:100%;max-width:none;margin:auto;background:var(--paper);overflow:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1f6fd7;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(46px,14.6vw,76px);line-height:1.02}h2{font-size:clamp(38px,11.1vw,55px);line-height:1.04}h3{font-size:26px;letter-spacing:-.035em;line-height:1.15;font-weight:600}p{font-size:18px;line-height:1.45}.soft{color:#919694}.section{padding:76px 24px}.intro{color:var(--muted);margin-top:23px}.button{display:flex;align-items:center;justify-content:center;width:100%;border:0;border-radius:100px;background:var(--ink);color:white;min-height:58px;padding:17px 23px;font-size:17px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#404142;transform:translateY(-2px)}.button:active{transform:scale(.98)}
/* Opening */
.hero{position:relative;isolation:isolate;min-height:min(900px,100svh);background:radial-gradient(ellipse at 100% 35%,#ffd071 0,transparent 55%),radial-gradient(ellipse at 0 55%,#ff624e 0,transparent 65%),linear-gradient(150deg,#ffa287,#ff9c5e 70%,#ffd99a);color:white;display:flex;flex-direction:column;padding:0 24px 32px}header{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:100px;height:43px;position:relative;overflow:hidden}.brand img{position:absolute;width:115px;max-width:none;height:auto;left:-7px;top:-1px}.bank{display:block;width:112px;height:auto;object-fit:contain}.hero-copy{padding-top:29px;text-align:center}.hero-art{position:relative;height:345px;margin:0 -24px;flex:1;min-height:270px;max-height:410px}.glass-app{position:absolute;width:270px;height:auto;left:50%;top:40px;transform:translateX(-50%);animation:levitate 6s ease-in-out infinite;filter:drop-shadow(0 18px 22px #bb592b25)}.glass-heart{position:absolute;height:auto}.heart-one{width:118px;left:3px;top:190px;transform:rotate(-20deg);animation:heart-float 7s ease-in-out infinite}.heart-two{width:100px;right:0;top:17px;transform:rotate(18deg);animation:heart-float 6s ease-in-out -2s infinite}.hero-bottom{text-align:center;margin-top:auto;padding-top:16px}.hero-bottom p{font-size:18px;line-height:1.4;color:#50251e;margin:0 0 28px}.hero-bottom .button{min-height:62px}
/* Scrubbed, pinned scene. No scroll interception. */
.facts{position:relative;background:#fff;height:280svh}.facts-pin{height:100svh;max-height:1100px;position:sticky;top:0;overflow:hidden;isolation:isolate;display:grid;place-items:center}.facts h2{position:relative;z-index:2;font-size:clamp(48px,13.3vw,69px);text-align:center;line-height:1.02;letter-spacing:-.055em;will-change:transform,opacity}.facts h2 span{color:var(--orange)}.flying-facts{position:absolute;inset:0;pointer-events:none}.flying-facts{z-index:3}.flying-card{position:absolute;left:50%;top:50%;width:clamp(142px,39vw,185px);height:clamp(161px,43vw,206px);background:#f3f3f3;border-radius:24px;padding:16px 13px;overflow:hidden;will-change:transform,opacity;box-shadow:0 10px 35px #222a2510}.flying-card h3{font-size:clamp(16px,4.5vw,22px);line-height:1.12;letter-spacing:-.025em;position:relative;z-index:1;text-align:center}.flying-card img{position:absolute;max-width:none;height:auto}.fly-cat{background:#fff0dc;transform:translate(-115%,-185%) rotate(-12deg)}.fly-cat img{width:91%;left:5%;top:39%}.fly-car{background:#edf2ec;transform:translate(20%,-185%) rotate(9deg)}.fly-car img{width:150%;left:7%;top:30%}.fly-dessert{background:#fff0e8;transform:translate(20%,100%) rotate(11deg)}.fly-dessert img{width:95%;left:2%;top:42%}.fly-audio{background:#f1f2f5;transform:translate(-130%,130%) rotate(-9deg)}.fly-audio img{width:82%;right:-8%;top:34%}.fly-salad{background:#f0f4e6;transform:translate(-60%,-250%) rotate(-8deg)}.fly-salad img{width:108%;left:-4%;top:40%}
/* Explanation after the animation */
.fact-story{background:#fff;padding-top:36px;padding-bottom:80px}.story-steps{margin-top:40px;display:grid;gap:34px}.story-steps article{padding-top:28px;border-top:1px solid #e2e5e0}.story-steps h3{margin-bottom:14px;font-size:28px}.story-steps p{color:var(--muted);font-size:18px;max-width:390px}
/* Real people */
.people{background:var(--paper);border-radius:36px 36px 0 0}.identity-scene{position:relative;padding:34px 14px 99px;margin:12px -10px 30px;background:radial-gradient(ellipse at 50% 55%,#ffca9e88,transparent 70%)}.identity-profile{width:242px;margin:auto;transform:rotate(-6deg);border:6px solid white;border-radius:28px;background:white;box-shadow:0 18px 40px #2c221b13;overflow:hidden}.identity-photo{height:252px;position:relative;overflow:hidden;border-radius:22px}.identity-photo>img{position:absolute;width:173.07%;height:auto;left:-44.38%;top:0}.identity-info{padding:17px 9px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.identity-info strong{font-size:21px;letter-spacing:-.05em}.identity-info>span{font-size:14px;color:var(--muted)}.checkmark{display:inline-grid;place-items:center;background:#263f38;color:white;width:18px;height:18px;font-size:12px;border-radius:50%;vertical-align:middle}.identity-stamp{position:absolute;bottom:8px;left:0;right:0;transform:rotate(3deg);background:#fff;border:1px solid #e5e7e1;padding:17px 13px;display:flex;align-items:center;gap:12px;border-radius:18px;box-shadow:0 10px 20px #2526270a}.tid{font-size:16px;font-weight:800;padding:12px 7px;background:#ffdf34;border-radius:12px;letter-spacing:-1px}.identity-stamp strong{display:block;font-size:15px;letter-spacing:-.03em}.identity-stamp div span{font-size:14px;color:var(--muted);display:block;margin-top:5px}.identity-stamp>b{margin-left:auto;color:#42684a;font-size:22px}.proof-copy h3{margin-bottom:16px;font-size:28px}.proof-copy p{color:var(--muted);margin-top:14px}
/* App screen, reconstructed from 4169:20728 */
.choice{padding-top:18px;padding-bottom:64px}.app-preview{position:relative;width:100%;max-width:375px;aspect-ratio:375/812;margin:36px auto 0;filter:drop-shadow(0 22px 26px #15212b1c)}.app-screen{width:375px;height:812px;position:absolute;top:0;left:0;transform:scale(var(--app-scale,.85));transform-origin:top left;border-radius:32px;overflow:hidden;background:linear-gradient(152.3deg,#465561 3.7336%,#000 64.669%);color:#f6f7f8}.app-status{position:absolute;top:0;left:0;width:375px;height:44px}.app-time{position:absolute;left:34px;top:17px}.app-battery{position:absolute;right:14px;top:17px}.app-signal{position:absolute;right:18px;top:18px}.app-heading{position:absolute;top:52px;left:24px;width:327px;text-align:center}.app-heading h3{font-size:30px;font-weight:700;letter-spacing:.36px;line-height:1.16}.app-heading p{font-size:17px;letter-spacing:-.41px;line-height:1.2;color:#ffffffb3;margin-top:10px}.app-sheet{position:absolute;top:194px;left:0;width:375px;height:659px;background:#fff;border-radius:32px;color:#333}.app-grid{padding:16px;display:grid;grid-template-columns:166px 166px;gap:12px}.app-fact{position:relative;isolation:isolate;width:166px;height:166px;border:0;background:#f3f3f3;border-radius:20px;padding:14px;overflow:hidden;text-align:center;color:#333;transition:filter .2s,opacity .2s}.app-fact.wide{grid-column:span 2;width:343px;height:126px;text-align:left;padding:16px 14px}.app-fact-title{position:relative;display:block;font-size:17px;font-weight:700;line-height:20px;letter-spacing:-.41px;z-index:2}.app-fact-subtitle{position:relative;display:block;font-size:13px;color:#0007;line-height:16px;letter-spacing:-.08px;margin-top:3px;z-index:2}.app-fact .app-fact-title{position:absolute;top:14px;left:14px;right:14px}.app-fact.wide .app-fact-title{top:16px}.app-fact.wide .app-fact-subtitle{position:absolute;top:37px;left:14px}.app-asset{position:absolute;max-width:none;height:auto;pointer-events:none;z-index:1}.app-cat .app-asset{width:85.28%;left:7.17%;top:39.33%}.app-salad .app-asset{width:103.45%;left:-1.73%;top:37.9%}.app-dessert .app-asset{width:92.7%;left:3.61%;top:39.14%}.app-car .app-asset{width:160.11%;left:6.95%;top:28.5%}.app-car.wide .app-asset{width:254px;left:174px;top:10px}.app-audio.wide .app-asset{width:154px;left:207px;top:18px}.app-glow{position:absolute;left:-87px;top:-1px;z-index:0;pointer-events:none}.app-car.wide .app-glow{left:127px;top:-60px}.app-audio.wide .app-glow{left:99px;top:-42px}.app-edit{position:absolute;z-index:4;right:12px;bottom:12px;width:40px;height:28px;border-radius:99px;background:white;display:grid;place-items:center}.app-edit img{opacity:.5}.app-handle{position:absolute;z-index:4;left:10px;bottom:10px;display:grid;gap:3px;justify-items:start;opacity:.4}.app-fact[aria-pressed=false]{filter:grayscale(1);opacity:.45}.app-fact[aria-pressed=false] .app-edit::after{content:'+';position:absolute;color:#333;font-size:22px;line-height:1}.app-fact[aria-pressed=false] .app-edit img{visibility:hidden}.app-bottom{position:absolute;bottom:0;left:0;width:375px;height:106px;padding:0 24px;background:linear-gradient(transparent,#fff 55.063%);z-index:5}.app-bottom .button{min-height:56px;height:56px;font-size:17px;font-weight:700;padding:0 24px;letter-spacing:-.41px}.home-indicator{position:absolute;width:133px;height:5px;border-radius:100px;background:#000;bottom:8px;left:121px}.app-confirm{position:absolute;inset:0;z-index:6;padding:150px 28px 35px;background:linear-gradient(152.3deg,#465561,#101416);text-align:center;display:flex;align-items:center;flex-direction:column;gap:24px}.app-confirm[hidden]{display:none}.app-confirm h3{font-size:30px}.app-confirm p{font-size:18px;color:#ffffffbb}.confirmation-mark{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#f7ba8f;color:#262a29;font-size:58px}.app-confirm .button{margin-top:20px;background:white;color:#222}
/* Privacy has its own visual hierarchy */
.privacy-story{background:#eef0e9;padding-top:56px;padding-bottom:60px;border-radius:32px;margin:0 8px}.privacy-story h2{font-size:clamp(31px,8.9vw,43px);line-height:1.12;letter-spacing:-.04em}.privacy-story .soft{color:#778273}.privacy-story .intro{font-size:18px;line-height:1.45;margin-top:23px}.private-list{margin-top:28px;border-top:1px solid #cfd5c9}.private-list>div{padding:19px 0;border-bottom:1px solid #cfd5c9;display:flex;align-items:center;justify-content:space-between;font-size:18px}.private-list span{font-size:25px;color:#7e8878}
/* Questions and closing */
.faq{background:var(--paper);padding-top:72px}.questions{margin-top:33px}details{border-bottom:1px solid #dde0da}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;font-size:18px;line-height:1.3;font-weight:500;padding:23px 0;min-height:78px}summary::-webkit-details-marker{display:none}summary span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#e9ece6;border-radius:50%;font-weight:400;font-size:23px;transition:transform .25s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);font-size:17px;line-height:1.5;padding:0 28px 24px 0}.closing{position:relative;isolation:isolate;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 85% 0%,#e7d9a2,transparent 45%),radial-gradient(ellipse at 0 65%,#ff7450,transparent 70%),linear-gradient(135deg,#ffa17c,#ffbf77);padding-top:200px;padding-bottom:28px;color:white}.closing-heart{position:absolute;top:25px;width:158px;height:auto;left:calc(50% - 79px);transform:rotate(-14deg);animation:heart-float 6s ease-in-out infinite}.closing h2{font-size:clamp(36px,10.5vw,54px)}.closing p{color:#5c2c20;margin-top:25px;font-size:18px}.closing .button{margin-top:30px}
/* Installation guide */
body.modal-open{overflow:hidden}dialog{width:100%;max-width:520px;height:100%;max-height:100dvh;inset:0;margin:0 auto;border:0;padding:80px 16px 30px;color:var(--ink);background:radial-gradient(ellipse at 100% 5%,#ffac70,transparent 58%),radial-gradient(ellipse at 0 90%,#648e9f,transparent 65%),linear-gradient(155deg,#ad452e,#222f38 75%);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{background:#1b232bbd;backdrop-filter:blur(12px)}dialog .close{position:absolute;right:19px;top:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff66;background:#ffffff26;color:white;border-radius:50%;padding:0}.close svg{display:block;width:18px;height:18px}.install-card{background:#ffffffe3;backdrop-filter:blur(20px);padding:25px 23px 30px;border:1px solid #ffffff55;border-radius:32px}.install-heading{display:flex;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid #3333}.install-icon{width:62px;height:62px;flex-shrink:0;border-radius:17px;background:linear-gradient(135deg,#ffa478,#ffc965);display:grid;place-items:center;overflow:hidden}.install-icon img{width:65px;height:auto}.install-heading h2{font-size:23px;letter-spacing:-.02em;font-weight:600;line-height:1.2}.install-heading p{font-size:16px;color:#68686b;line-height:1.3;margin-top:3px}.install-lead{font-size:18px;line-height:1.4;padding:23px 0}.platforms{display:flex;background:#0000000a;padding:4px;border-radius:14px;gap:4px;margin-bottom:25px}.platform{width:50%;border:0;background:transparent;border-radius:10px;padding:10px;color:#676969;font-size:16px}.platform[aria-pressed=true]{color:#222;background:#fff;box-shadow:0 2px 7px #0000000a}.install-steps{list-style:none;padding:0;margin:0;display:grid;gap:24px}.install-steps[hidden]{display:none}.install-steps li{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:16px}.install-steps p{font-size:17px;line-height:1.4}.step-icon{font-size:24px;line-height:28px;text-align:center}.install-steps strong{font-weight:600}
.reveal{transition:opacity .7s,translate .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal:not(.in-view){opacity:0;translate:0 24px}@keyframes levitate{50%{transform:translate(-50%,-12px) rotate(4deg)}}@keyframes heart-float{50%{translate:0 -12px;rotate:8deg}}
@media(min-width:600px){main{box-shadow:0 0 100px #00000014}.hero{min-height:860px}}
@media(max-width:359px){.section{padding-left:20px;padding-right:20px}.hero{padding-left:20px;padding-right:20px;padding-bottom:24px}.hero-copy{padding-top:10px}.hero-art{min-height:260px}.glass-app{width:230px;top:25px}.heart-one{width:95px;top:156px}.heart-two{width:80px}.hero-bottom p{font-size:17px}.identity-stamp{gap:8px;padding:14px 9px}.identity-stamp strong,.identity-stamp div span{font-size:13px}.closing h2{font-size:34px}.install-card{padding:22px 18px}.install-steps li{gap:12px}.install-steps p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.in-view){opacity:1;translate:none}.facts{height:auto}.facts-pin{height:auto;max-height:none;min-height:930px;position:relative;display:block;padding:65px 20px}.facts h2{font-size:48px}.flying-facts{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.flying-card{position:relative;left:auto;top:auto;transform:none!important;width:100%;height:190px;box-shadow:none}.flying-card:last-child{grid-column:span 2;width:50%;justify-self:center}}
.bank-logo{display:block;width:112px;height:35px;position:relative}.bank-logo-inner{display:block;position:absolute;left:0;top:0;width:359px;height:111px;transform:scale(.312);transform-origin:top left}.bank-logo-inner img{position:absolute;max-width:none}.bank-shield{left:0;top:0}.bank-type{left:136.006px;top:29.135px}
.bank-type:last-child{left:187.678px}
.app-edit img{filter:brightness(0)}.app-handle img{filter:brightness(0)}
/* Revision 3 — tighter hero, continuous facts, profile constellation */
.hero{min-height:0;height:auto;padding-bottom:28px}.hero header{height:76px;flex-shrink:0}.hero-copy{padding-top:14px}.hero h1{font-size:clamp(44px,13vw,65px)}.hero-art{flex:none;height:440px;min-height:0;max-height:none;margin-top:24px;isolation:isolate}.hero-phone{position:absolute;top:0;left:50%;width:260px;height:563px;transform:translateX(-50%) rotate(-3deg);border:5px solid #ffffff80;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 20px 45px #97452730;color:#333}.phone-photo{height:307px;position:relative;border-radius:20px;overflow:hidden}.phone-photo>img{width:100%;height:100%;object-fit:cover}.phone-status{position:absolute;top:8px;left:15px;right:15px;font-size:10px;color:white;display:flex;justify-content:space-between}.phone-filter,.phone-info{position:absolute;top:34px;width:30px;height:30px;border-radius:50%;background:#ffffff25;display:grid;place-items:center;color:white;font-weight:700}.phone-filter{left:12px}.phone-info{right:12px}.phone-dots{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:2px;color:#ffffff99}.phone-name{font-size:19px;font-weight:700;text-align:center;padding:17px 0;border-radius:20px;background:white}.phone-facts{padding:9px;background:#fff;border-radius:24px}.phone-facts>div{position:relative;overflow:hidden;background:#f3f3f3;border-radius:15px;height:86px;padding:12px 10px;margin-bottom:6px}.phone-facts strong{font-size:12px;position:relative;z-index:1}.phone-facts small{display:block;font-size:9px;color:#888;max-width:110px;margin-top:3px}.phone-facts img{position:absolute;width:150px;right:-47px;bottom:-7px}.phone-nav{position:absolute;bottom:20px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-around;font-size:24px;color:white}.phone-nav span{background:#333c;padding:10px 16px;border-radius:30px;font-size:18px}.hero-art::after{content:"";position:absolute;z-index:3;inset:250px 0 -12px;background:linear-gradient(180deg,#ffa36700,#ffa76c 86%,#ffa76c);pointer-events:none}.hero{background:radial-gradient(ellipse at 100% 25%,#ffd071,transparent 60%),linear-gradient(145deg,#ff8164,#ffa76c 75%)}.hero-bottom{position:relative;z-index:4;margin-top:0;padding-top:0}.hero-bottom p{font-size:17px;line-height:1.4;margin-bottom:22px;max-width:390px;margin-left:auto;margin-right:auto}.glass-heart{z-index:4}.heart-one{top:230px;left:0;width:100px}.heart-two{top:58px;right:0;width:88px}
.facts{height:225svh}.fact-benefits{position:absolute;z-index:5;left:24px;right:24px;top:43%;display:grid;gap:28px}.fact-benefits article{display:flex;gap:15px;align-items:flex-start;opacity:0;will-change:transform,opacity}.benefit-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;background:#edf3e9;color:#52734b;font-size:30px}.fact-benefits article:nth-child(2) .benefit-icon{color:#b66b45;background:#fff0e6}.fact-benefits article:nth-child(3) .benefit-icon{color:#9e6e86;background:#f7ebf0}.fact-benefits h3{font-size:clamp(29px,8.3vw,40px);line-height:1.1;margin-bottom:8px}.fact-benefits p{font-size:17px;line-height:1.35;color:#808580}
.people{padding-top:56px;padding-bottom:35px}.identity-scene{height:770px;margin:30px -24px 0;padding:0;background:radial-gradient(ellipse at 50% 45%,#ffca9e70,transparent 70%)}.verified{display:flex;gap:10px;justify-content:center;align-items:center;margin-bottom:22px;font-size:15px;color:#506350}.verified b{display:inline-grid;place-items:center;background:#506b50;border-radius:50%;color:#fff;font-size:12px;width:18px;height:18px;margin-left:4px}.tid-logo{display:block;width:67px;height:36px;position:relative}.tid-logo img{transform:scale(.284);transform-origin:top left;position:absolute;max-width:none}.identity-profile{position:absolute;left:50%;margin:0;width:242px;z-index:3;transform:translateX(-50%) rotate(-5deg)}.main-profile{top:65px}.identity-info{padding:15px 8px 10px}.profile-facts{height:90px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 75% 80%,#fff0df,transparent),#f6fbf4;border-radius:20px}.profile-facts img{width:85px;height:83px;object-fit:contain;flex-shrink:0;margin:0 -21px}.profile-facts img:first-child{width:105px}.side-profile{width:195px;top:423px;z-index:2;transform:rotate(-12deg);left:13px}.side-profile .identity-photo{height:192px}.side-profile .identity-photo img{width:100%;height:100%;left:0;object-fit:cover}.side-profile .identity-info{display:block;padding:12px 7px 8px}.side-profile .identity-info strong{font-size:18px;display:block;margin-bottom:4px}.side-profile .identity-info>span{font-size:12px}.side-profile .profile-facts{height:70px}.side-profile .profile-facts img{width:80px;height:70px;margin:0 -12px}.right-profile{left:auto;right:9px;top:450px;transform:rotate(11deg)}.faq{padding-top:45px}.closing{padding-top:35px}.closing-heart{position:relative;display:block;left:auto;top:auto;width:140px;height:140px;object-fit:contain;margin:0 auto 20px}.closing p{font-size:18px;line-height:1.45}
@media(max-width:370px){.hero-art{height:390px}.hero-phone{width:236px;height:513px}.phone-photo{height:280px}.hero-art::after{inset:240px 0 -12px}.hero header{height:68px}.hero-copy{padding-top:10px}.hero-bottom p{font-size:16px}.identity-scene{height:730px}.side-profile{width:165px;left:7px;top:426px}.right-profile{left:auto;right:5px;top:450px}.side-profile .identity-photo{height:165px}.fact-benefits{left:20px;right:20px;gap:22px}.fact-benefits p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.facts{height:auto}.facts-pin{min-height:0;padding-bottom:50px}.fact-benefits{position:relative;inset:auto;margin-top:40px}.fact-benefits article{opacity:1;transform:none!important}}
.hero-art{overflow:hidden}.phone-status{left:0;right:auto;top:0;transform:scale(.341);transform-origin:top left}.phone-status img{max-width:none}.phone-info img{transform:scale(.5);transform-origin:center}.hero-phone{mask-image:linear-gradient(#000 0%,#000 50%,transparent 80%)}
/* Figma revision 4184:2746 — mobile source width 430 */
.hero{padding:0 24px 28px;min-height:0;background:radial-gradient(ellipse at 100% 25%,#ffd071 0,transparent 60%),linear-gradient(125.943deg,#ff8164 6.173%,#ffa76c 71.913%)}
.brand-lockup,.hero header{display:flex;align-items:center;justify-content:center;gap:19px;height:76px;flex-shrink:0}.brand-v4{display:block;width:117px;height:34px;position:relative}.brand-v4 img,.brand-cross img{display:block;max-width:none}.brand-cross{display:block;width:15px;height:12px}.brand-partner{display:block;width:146px;height:35px;object-fit:contain;flex:none;transform:translateY(-1.2px)}.bank-v4{position:relative;display:block;width:112px;height:35px;flex-shrink:0}.bank-v4 img{position:absolute;object-fit:cover}.bank-v4-shield{left:.01px;top:.01px;width:34.32px;height:34.32px}.bank-v4-type{left:42.38px;top:9.14px;width:69.576px;height:14.04px}.bank-v4-a{left:58.49px;top:9.14px;width:17.472px;height:14.04px}
.hero-copy{height:147px;padding-top:22px;text-align:center;flex:none}.hero h1{font-size:58px;line-height:58px;letter-spacing:-3.3667px;font-weight:600}.hero-art{height:calc(464px * var(--layout-scale,1));min-height:0;max-height:none;flex:none;margin:0 -24px;overflow:visible}.hero-art::after{display:none}.hero-art-canvas{position:absolute;top:calc(12px * var(--layout-scale,1));left:50%;width:430px;height:440px;overflow:hidden;transform:translateX(-50%) scale(var(--layout-scale,1));transform-origin:top center}.screen-stack{position:absolute}.screen-stack img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.screen-stack::after{content:"";position:absolute;inset:0;opacity:.4}.screen-right{left:188.604px;top:16.996px;width:185.647px;height:396.319px;transform:rotate(8.92deg)}.screen-right::after{background:linear-gradient(254.068deg,#ffbe6f00 20.259%,#ffa76c 53.048%)}.screen-left{left:50.906px;top:37.85px;width:170.73px;height:364.474px;transform:rotate(-10.89deg)}.screen-left::after{background:linear-gradient(-85.651deg,#ff8164 35.888%,#ffa76c00 97.947%)}.screen-center{position:absolute;left:113.688px;top:6.442px;width:193px;height:413px;object-fit:cover;transform:rotate(-2deg)}.hero .heart-one{width:100px;height:67px;left:0;top:230px;object-fit:cover}.hero .heart-two{width:88px;height:59px;left:336.963px;right:auto;top:3.153px;object-fit:cover}.hero-bottom{margin:0;padding:0}.hero-bottom p{font-size:17px;line-height:23.8px;letter-spacing:-.4316px;margin:0 0 22px;max-width:none}.hero-bottom .button{height:62px;min-height:62px}
main h2,.facts h2,.closing h2{font-size:48px;line-height:50px;letter-spacing:-2.65px}.fact-benefits h3{font-size:48px;line-height:50px;letter-spacing:-1.8px}.fact-benefits{left:37px;right:24px;gap:28px}.benefit-icon,.fact-benefits article:nth-child(2) .benefit-icon,.fact-benefits article:nth-child(3) .benefit-icon{background:none;border-radius:0}.benefit-icon img{display:block;max-width:none}.fact-benefits article>div{min-width:0}.fact-benefits p{font-size:17px;line-height:22.95px;letter-spacing:-.4316px;max-width:288px}.fact-benefits article:nth-child(2) p{max-width:238px}.fact-benefits article:nth-child(3) p{max-width:218px}
.people{background:white;padding:19px 24px 25px}.people h2{text-align:center;letter-spacing:-2.7162px}.people .intro{text-align:center;font-size:18px;line-height:26.1px;letter-spacing:-.4395px;margin-top:23px}.profiles-v4{position:relative;height:calc(418px * var(--layout-scale,1));margin:0 -24px}.profiles-canvas{position:absolute;left:50%;top:0;width:430px;height:454px;transform:translateX(-50%) scale(var(--layout-scale,1));transform-origin:top center;background:radial-gradient(ellipse at 50% 45%,#ffca9e70 0,transparent 70%)}.profile-v4{position:absolute;border-radius:28px;box-shadow:0 18px 40px #2c221b14}.profile-v4>img:first-child{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.profile-v4-left{left:-21.526px;top:124.58px;width:195px;height:246.302px;transform:rotate(-12deg);overflow:hidden;background:white}.profile-v4-right{left:258.551px;top:118.038px;width:195px;height:246.302px;transform:rotate(15deg);overflow:hidden}.profile-v4-center{left:90.016px;top:65.171px;width:242px;height:312.478px;border:6px solid white;background:white;transform:rotate(-5deg)}.profile-tid{position:absolute;left:168px;top:-23px;width:89.521px;height:48.379px;object-fit:cover;transform:rotate(11.93deg)}
.faq h2{text-align:center;white-space:nowrap;margin-left:-16px;margin-right:-16px;letter-spacing:-2.7px}.closing{padding:35px 24px 28px;min-height:653.688px}.closing-hearts{width:140px;height:140px;position:relative;margin:0 auto}.closing .closing-heart{position:absolute;display:block;object-fit:contain;margin:0}.closing .heart-large{width:170.544px;height:170.544px;left:-.904px;top:-22.493px}.closing .heart-small{width:117.005px;height:117.005px;left:-10.585px;top:46.825px;animation-delay:-2s}.closing h2{padding-top:20px;min-height:133px}.closing p{margin-top:25px;font-size:18px;line-height:24px;letter-spacing:-.4395px}.closing .button{margin-top:30px}
@media(max-width:400px){.hero-copy{height:137px}.hero h1{font-size:52px;line-height:54px;letter-spacing:-3px}.brand-lockup,.hero header{gap:12px}.fact-benefits{left:20px;right:16px}.fact-benefits article{gap:10px}.fact-benefits h3{letter-spacing:-2.6px}.faq h2{letter-spacing:-3.3px;transform:scaleX(.86);transform-origin:center}.people h2{letter-spacing:-3px}.closing h2{letter-spacing:-3px}}
@media(max-width:350px){.hero-copy{height:125px}.hero h1{font-size:46px;line-height:48px;letter-spacing:-2.7px}.hero-bottom p{font-size:16px}.fact-benefits h3{font-size:48px;transform:scaleX(.84);transform-origin:left;width:119%}.fact-benefits p{font-size:16px}.faq h2{transform:scaleX(.74)}.people h2{font-size:48px;letter-spacing:-3.8px}.closing h2{font-size:48px;letter-spacing:-3.8px}}
@media(prefers-reduced-motion:reduce){.fact-benefits{inset:auto}.fact-benefits article{opacity:1;transform:none!important}}
/* Mobile spacing and natural typography */
.hero{min-height:100svh}.hero-bottom{margin-top:auto}.hero-art-canvas{overflow:visible}
main h2,.facts h2,.closing h2{font-size:44px;line-height:46px;letter-spacing:-2px}
.people h2{font-size:44px;line-height:46px;letter-spacing:-2px;margin-left:-8px;margin-right:-8px}
.faq{background:#fff}.faq h2{font-size:42px;line-height:46px;letter-spacing:-1.8px;transform:none;margin-left:-12px;margin-right:-12px}
.fact-benefits{left:47px;right:20px;gap:28px}.fact-benefits article{gap:20px}.fact-benefits h3{font-size:40px;line-height:44px;letter-spacing:-1.3px;transform:none;width:auto}
/* Let the next section enter sooner without changing the card paths. */
.facts{height:215svh}.facts-pin{height:92svh}
@media(max-width:400px){.fact-benefits{left:30px;right:20px}.fact-benefits article{gap:16px}.fact-benefits h3{font-size:38px;line-height:42px;letter-spacing:-1.4px}.people h2{font-size:42px;line-height:44px;letter-spacing:-2px}.faq h2{font-size:38px;line-height:42px;letter-spacing:-1.5px;transform:none}.closing h2{font-size:42px;line-height:44px;letter-spacing:-2px}}
@media(max-width:350px){.people h2{font-size:36px;line-height:39px;letter-spacing:-1.7px}.faq h2{font-size:32px;line-height:36px;letter-spacing:-1px;transform:none}.fact-benefits{left:26px;right:12px}.fact-benefits article{gap:14px}.fact-benefits h3{font-size:32px;line-height:36px;letter-spacing:-1px;transform:none;width:auto}.closing h2{font-size:36px;line-height:39px;letter-spacing:-1.7px}}
@media(prefers-reduced-motion:reduce){.facts{height:auto}.facts-pin{height:auto}.fact-benefits{inset:auto}}

/* Keep the artwork close to the call to action on taller phones. */
.hero-art{flex:1 0 auto;min-height:calc(464px * var(--layout-scale,1))}
.hero-art-canvas{top:auto;bottom:calc(12px * var(--layout-scale,1));transform-origin:bottom center}
.hero-bottom{margin-top:0}
.install-steps li{grid-template-columns:28px minmax(0,1fr);align-items:start}
.step-icon{display:flex;align-items:center;justify-content:center;height:1.4em;font-size:17px;line-height:1.4}
.step-icon svg{display:block;flex:none;width:24px;height:24px}
@media(max-width:370px){.step-icon{font-size:16px}}

/* Tablet and desktop layouts share the same content and animation. */
@media(min-width:600px){
 main{max-width:none}
 .hero{padding-left:40px;padding-right:40px}
 .hero-art{margin-left:-40px;margin-right:-40px}
 .people{padding:56px 40px 40px}
 .people .intro{max-width:580px;margin-left:auto;margin-right:auto}
 .profiles-v4{max-width:600px;margin-left:auto;margin-right:auto}
 .fact-benefits{max-width:480px;left:50%;right:auto;width:calc(100% - 80px);transform:translateX(-50%)}
 .faq{padding:80px 40px}
 .questions{max-width:760px;margin-left:auto;margin-right:auto}
 .closing p{max-width:560px;margin-left:auto;margin-right:auto}
 .hero-bottom .button,.closing .button{max-width:400px;margin-left:auto;margin-right:auto}
 .closing{padding:56px 40px 32px}
}
@media(min-width:900px){
 main{--page-gutter:max(48px,calc((100vw - 1200px)/2));background:#fff}
 .hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:112px 1fr auto 1fr;column-gap:32px;padding:0 var(--page-gutter) 48px;min-height:max(760px,100svh)}
 .hero header{grid-column:1 / -1;grid-row:1;height:112px;justify-content:flex-start;gap:19px}
 .hero-copy{grid-column:1;grid-row:2;align-self:end;height:auto;padding:32px 0 0;text-align:left}
 .hero h1{font-size:clamp(64px,6.4vw,88px);line-height:1.02;letter-spacing:-.055em}
 .hero-bottom{grid-column:1;grid-row:3;text-align:left;padding-top:28px;align-self:start}
 .hero-bottom p{max-width:100%;font-size:20px;line-height:28px;margin-bottom:32px}
 .hero-bottom .button{width:320px;max-width:100%;margin-left:0}
 .hero-art{grid-column:2;grid-row:2 / 5;align-self:center;min-height:0;height:calc(454px * var(--hero-scale,1.25));margin:0;flex:none}
 .hero-art-canvas{top:14px;bottom:auto;transform:translateX(-50%) scale(var(--hero-scale,1.25));transform-origin:top center}
 main h2,.facts h2,.people h2,.faq h2,.closing h2{font-size:48px;line-height:1.06;letter-spacing:-2.4px}
 .people{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto 1fr;column-gap:48px;padding:80px var(--page-gutter);min-height:680px;border-radius:0;background:#f7f8fa}
 .people h2{grid-column:1;grid-row:2;text-align:left;margin:0}
 .people .intro{grid-column:1;grid-row:3;text-align:left;max-width:440px;margin:24px 0 0;font-size:20px;line-height:29px}
 .profiles-v4{grid-column:2;grid-row:1 / -1;align-self:center;width:100%;max-width:none;height:calc(430px * var(--profile-scale,1.15));margin:0}
 .profiles-canvas{transform:translateX(-50%) scale(var(--profile-scale,1.15))}
 .facts{height:220svh}
 .facts-pin{height:100svh;max-height:none;min-height:600px}
 .flying-card{width:210px;height:234px;border-radius:28px;padding-top:20px}
 .flying-card h3{font-size:24px}
 .fact-benefits{left:var(--page-gutter);right:var(--page-gutter);top:47%;width:auto;max-width:none;transform:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
 .fact-benefits article{flex-direction:column;gap:20px}
 .fact-benefits h3{font-size:32px;line-height:36px;letter-spacing:-1px;margin-bottom:8px}
 .fact-benefits p,.fact-benefits article:nth-child(2) p,.fact-benefits article:nth-child(3) p{max-width:310px;font-size:18px;line-height:26px}
 .faq{padding:100px var(--page-gutter) 112px}
 .faq h2{margin:0}
 .questions{margin-top:48px;max-width:800px}
 .questions summary{font-size:21px;padding-top:26px;padding-bottom:26px}
 .questions details>p{font-size:18px;line-height:1.55}
 .closing{padding:64px var(--page-gutter) 32px;min-height:680px}
 .closing h2{min-height:0;padding-top:24px}
 .closing p{font-size:20px;line-height:28px;max-width:570px}
 .closing .button{margin-top:32px;width:360px}
 dialog{width:600px;max-width:calc(100vw - 64px);height:auto;max-height:calc(100dvh - 64px);margin:auto;border-radius:32px;padding:76px 24px 24px}
 .install-card{padding:28px}
}
@media(min-width:900px) and (prefers-reduced-motion:reduce){
 .facts{height:auto}
 .facts-pin{height:auto;min-height:0;padding:80px var(--page-gutter)}
 .fact-benefits{position:relative;inset:auto;margin:56px 0 0;width:100%;transform:none}
}

/* Balance the mobile hero and bring the next sections closer. */
@media(max-width:899px){
 .hero-copy{height:auto;padding-bottom:0}
 .hero-art-canvas{top:calc(50% + 8px * var(--layout-scale,1));bottom:auto;transform:translate(-50%,-50%) scale(var(--layout-scale,1));transform-origin:center}
 .people{padding-top:48px}
}
@media(max-width:899px) and (prefers-reduced-motion:no-preference){
 .facts{height:205svh}
 .facts h2{top:-8svh}
}

/* Give the mobile opening balanced outer margins. */
@media(max-width:899px){
 .hero{padding-top:16px;padding-bottom:52px}
 .people{padding-top:72px}
}

/* Move the FAQ content lower within its section. */
.faq{padding-top:125px}
@media(min-width:600px){.faq{padding-top:160px}}
@media(min-width:900px){.faq{padding-top:180px}}

/* Keep the facts transition compact and place the brand after the FAQ. */
.closing{min-height:0;padding-bottom:84px}
.site-footer{display:flex;align-items:center;justify-content:center;gap:19px;min-height:132px;margin:0;padding:32px 24px;border:0;background:linear-gradient(125deg,#ff8164,#ffa76c)}
@media(max-width:400px){.site-footer{gap:12px}}
@media(min-width:600px){.closing{padding-bottom:96px}}
@media(min-width:900px){.closing{margin-top:-22svh}}

/* Consistent section heading sizes. */
main h2,.people h2,.facts h2,.closing h2,.faq h2{font-size:42px}
@media(max-width:899px){.fact-benefits h3{font-size:clamp(32px,9vw,36px);line-height:1.1}}
@media(max-width:359px){.faq h2{white-space:normal}}
@media(max-width:899px){.people{padding-top:112px}}
@media(max-width:899px){.closing h2{min-height:0}.closing p{margin-top:18px}}
.questions details:last-child{border-bottom:0}
@media(max-width:899px){.fly-dessert,.fly-audio{z-index:2}}
@media(min-width:401px) and (max-width:899px){.fact-benefits{top:calc(43% + 40px)}}
@media(max-width:400px){.fact-benefits{top:calc(43% + 20px)}}

/* One clear message beneath the animated fact cards. */
.fact-benefits{left:50%;right:auto;width:calc(100% - 48px);max-width:720px;transform:translateX(-50%);display:block}
.fact-benefits article{display:block;text-align:center}
.fact-benefits h2{top:auto;font-size:42px;line-height:1.08;letter-spacing:-2px}
.fact-benefits p{max-width:620px;margin:20px auto 0;font-size:18px;line-height:1.45;letter-spacing:normal;color:var(--muted)}
@media(min-width:900px){.fact-benefits{max-width:760px}.fact-benefits p{font-size:22px;line-height:1.45}}
@media(max-width:400px){.fact-benefits{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.fact-benefits{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:720px;margin:40px auto 0;transform:none}}
@media(max-width:899px) and (prefers-reduced-motion:no-preference){.closing{margin-top:-110px}}

/* Supplied fact artwork already contains the text and illustration. */
.flying-card{aspect-ratio:414/411;height:auto;padding:0;background:#f3f3f3;border-radius:24px}
.flying-card img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
@media(max-width:899px){.fact-benefits{top:calc(43% + 90px)}}
@media(max-width:400px){.fact-benefits{top:calc(43% + 70px)}}
@media(min-width:900px){.fact-benefits{top:calc(47% + 120px)}}
@media(prefers-reduced-motion:reduce){.flying-card,.flying-card:last-child{width:100%;height:auto;grid-column:auto}.fact-benefits{top:auto}}
@media(min-width:900px){.closing{margin-top:-8svh}}

/* Draw FAQ controls from centered lines instead of font glyphs. */
.questions summary span{position:relative;font-size:0;line-height:0}
.questions summary span::before,.questions summary span::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%)}
.questions summary span::after{transform:translate(-50%,-50%) rotate(90deg)}

/* Full-width installation screen on phones and tablets. */
@media(max-width:899px){dialog{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding-left:clamp(16px,4vw,28px);padding-right:clamp(16px,4vw,28px)}}
.install-view[hidden]{display:none}
.android-install{min-height:calc(100dvh - 130px);display:flex;flex-direction:column;padding:10px 0 0;background:transparent;border:0;backdrop-filter:none}
.android-install h2{margin:0;color:#fff;text-align:center;font-size:clamp(26px,6.5vw,38px);line-height:1.12;letter-spacing:-.04em;font-weight:600}
.android-download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2.5vw,18px);width:100%;margin:auto 0}
.android-download-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;aspect-ratio:1;padding:clamp(12px,3vw,22px);text-align:center;color:var(--ink);background:#fffffff0;border:2px solid #ffffffa8;border-radius:clamp(22px,5vw,34px);cursor:pointer;box-shadow:0 16px 34px #1b1c2a1c;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.android-download-option:hover{transform:translateY(-3px)}
.android-download-option:active{transform:scale(.98)}
.android-download-option{text-decoration:none;-webkit-tap-highlight-color:transparent}
.android-download-option:focus-visible{outline:3px solid #0077ff;outline-offset:3px}
.android-download-graphic{display:grid;place-items:center;flex:1;min-height:0;width:100%}
.match-download-icon,.rustore-icon{display:block;width:clamp(65px,19vw,118px);height:clamp(65px,19vw,118px);object-fit:contain;border-radius:24%}
.android-download-copy{display:grid;gap:5px;min-width:0;width:100%}
.android-download-copy strong{font-size:clamp(17px,4.6vw,23px);line-height:1.1;font-weight:600}
.android-download-copy span{font-size:clamp(11px,3vw,15px);line-height:1.2;color:#696d70}
@media(max-width:350px){.android-download-option{padding:10px}.android-download-copy{gap:3px}}

/* Stack the Android choices as two wide touch targets. */
@media(max-width:899px){
 .android-download-options{grid-template-columns:minmax(0,1fr);gap:16px}
 .android-download-option{aspect-ratio:auto;height:clamp(190px,27svh,270px);padding:20px}
 .android-download-graphic{flex:1}
 .match-download-icon,.rustore-icon{width:clamp(80px,17vw,118px);height:clamp(80px,17vw,118px)}
}

/* The visible installation view follows the device platform, not the window width. */
dialog[data-view=android] #desktop-install-view{display:none}
dialog[data-view=desktop] .install-view{display:none}
dialog[data-view=desktop] #desktop-install-view{display:flex;flex-direction:column;align-items:center;text-align:center}
.desktop-download-logo{display:block;width:90px;height:90px;margin:0 auto 18px;object-fit:contain;border-radius:22px}
#desktop-install-view h2{font-size:38px;line-height:1.1}
#desktop-install-view .desktop-download-lead{max-width:410px;margin:12px auto 0;font-size:18px;line-height:1.4;color:#656a6e}
.desktop-download-qr{position:relative;width:238px;height:238px;margin:26px auto 0;padding:14px;border:1px solid #e3e6e8;border-radius:22px;background:#fff;box-shadow:0 12px 30px #1b1c2a12}
.desktop-download-qr img{display:block;width:100%;height:100%}
@media(max-width:899px){
 /* Desktop in a narrow window: centered QR on the full-screen white dialog. */
 dialog[data-view=desktop] #desktop-install-view{justify-content:center;min-height:calc(100dvh - 120px)}
}
@media(min-width:900px){
 /* Android on a wide screen (tablet): the options sit in the centered card. */
 .android-install{min-height:0}
}
@media(min-width:900px){
 dialog{width:760px;max-width:calc(100vw - 64px);height:max-content;padding:76px 28px 28px}
 .desktop-qr-view{padding:30px;background:#fffffff0;border:1px solid #ffffffa8;border-radius:30px;text-align:center}
 .desktop-qr-view h2{font-size:32px;line-height:1.12;letter-spacing:-.04em;font-weight:600}
 .desktop-qr-view>p{margin-top:10px;color:#6b6d70;font-size:17px;line-height:1.35}
 .qr-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
 .qr-choices-single{grid-template-columns:minmax(0,280px);justify-content:center}
 .qr-choice{display:flex;flex-direction:column;align-items:center;min-width:0;padding:22px 18px 24px;background:#fff;border:1px solid #e2e4e5;border-radius:24px;box-shadow:0 10px 24px #1b1c2a0d}
 .qr-visual{position:relative;width:160px;height:160px;margin-bottom:18px;padding:9px;background:#fff;border-radius:12px}
 .qr-visual img{display:block;width:100%;height:100%}
 .qr-visual span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 11px;border-radius:7px;background:#fff;color:#36383a;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0003}
 .qr-choice strong{font-size:21px;line-height:1.2}
 .qr-choice small{margin-top:6px;color:#777b7e;font-size:14px;line-height:1.3}
 .desktop-qr-view .qr-pending{margin-top:20px;font-size:14px}
}

/* One desktop installation screen; keep the platform switch on mobile only. */
@media(min-width:900px){
 dialog{width:1000px}
 .desktop-qr-view{padding:30px}
 .desktop-install-groups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;margin-top:24px;text-align:left}
 .desktop-install-group{min-width:0;padding:22px;background:#f4f6f8;border:1px solid #e1e5e8;border-radius:24px}
 .desktop-install-group h3{font-size:26px;line-height:1.15;font-weight:600}
 .desktop-install-group>p{margin-top:6px;color:#74787b;font-size:15px;line-height:1.3}
 .desktop-install-group .qr-choices{margin-top:20px;gap:12px}
 .desktop-install-group .qr-choice{padding:16px 12px 18px;text-align:center}
 .desktop-install-group .qr-visual{width:min(140px,100%);height:auto;aspect-ratio:1}
 .desktop-install-group .qr-choice strong{font-size:18px}
 .desktop-install-group .qr-choice small{font-size:13px}
}
@media(max-width:899px){
 .android-download-options{margin:20px 0 0}
 .android-download-option{justify-content:center;gap:26px}
 .android-download-option:first-child{gap:20px}
 .android-download-graphic{flex:none;width:auto}
 .android-download-copy{width:auto}
 .match-download-icon{width:clamp(112px,24vw,150px);height:clamp(112px,24vw,150px)}
 .rustore-icon{width:clamp(100px,20vw,130px);height:clamp(100px,20vw,130px)}
}

/* Match FAQ whitespace above the heading and below the last collapsed row. */
.faq{padding-bottom:102px}
@media(min-width:600px){.faq{padding-bottom:137px}}
@media(min-width:900px){.faq{padding-bottom:154px}}

/* iOS installation video keeps the 3:2 composition inside the dialog. */
.install-video{display:block;width:100%;height:auto;aspect-ratio:3/2;margin:24px 0 26px;overflow:hidden;border:1px solid #dadddf;border-radius:22px;background:#f3f3f5;object-fit:contain}
.install-heading{padding-bottom:0;border-bottom:0}

/* One QR entry point for the desktop installation screen. */
@media(min-width:900px){
 dialog{width:640px}
 #desktop-install-view{padding:34px 36px 30px}
 .desktop-download-logo{display:block;width:140px;height:140px;margin:0 auto 12px;object-fit:contain;border-radius:22px}
 #desktop-install-view h2{font-size:38px;line-height:1.1}
 #desktop-install-view .desktop-download-lead{max-width:410px;margin:12px auto 0;font-size:18px;line-height:1.4;color:#656a6e}
 .desktop-download-qr{position:relative;width:238px;height:238px;margin:26px auto 0;padding:14px;border:1px solid #e3e6e8;border-radius:22px;background:#fff;box-shadow:0 12px 30px #1b1c2a12}
 .desktop-download-qr img{display:block;width:100%;height:100%}
 .desktop-download-qr span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:7px 13px;border-radius:8px;background:#fff;color:#36383a;font-size:15px;font-weight:600;box-shadow:0 2px 8px #0003}
 #desktop-install-view .qr-pending{margin-top:18px;font-size:14px}
}

/* Full-screen white desktop installation view. */
@media(min-width:900px){
 dialog{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0 32px;border-radius:0;background:#fff}
 dialog .close{top:28px;right:28px;border-color:#dce0e2;background:#f5f6f7;color:#252627}
 #desktop-install-view{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;min-height:100dvh;margin:0 auto;padding:64px 0;border:0;border-radius:0;background:transparent;backdrop-filter:none}
}

@media(min-width:900px){
 dialog{width:640px;max-width:calc(100vw - 64px);height:max-content;max-height:calc(100dvh - 64px);margin:auto;padding:36px 32px 36px;border-radius:32px}
 dialog::backdrop{background:#1b232b80;backdrop-filter:blur(6px)}
 dialog .close{top:22px;right:22px}
 #desktop-install-view{min-height:0;padding:0}
}

/* White installation surface with readable controls on both platforms. */
dialog{background:#fff}
dialog .close{border-color:#dce0e2;background:#f5f6f7;color:#252627}
#ios-install-view{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.android-install h2{color:var(--ink)}
.android-download-option{background:#f5f6f7;border-color:#eceef0}

/* Keep the longer verification heading readable on narrow screens. */
.people h2{font-size:clamp(26px,7.6vw,48px);line-height:1.08;letter-spacing:-.045em}

/* Sentence boundaries and balanced short copy prevent isolated final words. */
.copy-sentence{display:block}
.hero-bottom p,.people .intro,.closing p,.fact-benefits p{ text-wrap:balance }
.questions p,.install-steps p{ text-wrap:pretty }


/* Reserve space for all copy, including narrow and short viewports. */
@media(prefers-reduced-motion:no-preference){
 .facts{min-height:calc(var(--facts-min-height, 600px) + 100svh)}
 .facts-pin{min-height:var(--facts-min-height, 600px);max-height:none}
 .closing{margin-top:0}
}

/* Let the longer introduction determine its own height. */
.hero-copy{height:auto;padding-bottom:24px}
.hero h1{font-size:clamp(36px,8.5vw,58px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
@media(min-width:900px){.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(44px,4.5vw,64px)}}

/* Center the standalone Match logo and tighten the profile introduction. */
.hero header.brand-lockup,.site-footer.brand-lockup{justify-content:center}
.hero header.brand-lockup{--lockup-scale:.77;--partner-scale:.77}
.hero .brand-v4{width:calc(117px * var(--lockup-scale,1));height:calc(34px * var(--lockup-scale,1))}
.hero .brand-v4 img{width:100%;height:100%}
.hero .brand-partner{width:calc(146px * var(--lockup-scale,1) * var(--partner-scale,1));height:calc(35px * var(--lockup-scale,1) * var(--partner-scale,1));transform:translateY(calc(-2px * var(--lockup-scale,1) + 1px * var(--lockup-scale,1) * var(--partner-scale,1)))}
@media(min-width:900px){.hero header.brand-lockup{--lockup-scale:1;--partner-scale:.77}}
.hero .brand-v4:focus-visible,.site-footer .brand-v4:focus-visible{outline:0;box-shadow:0 0 0 3px #ffffff80;border-radius:4px}
@media(max-width:899px){.profiles-v4{margin-top:-24px}}

/* Size the mobile illustration naturally and preserve the surrounding gaps. */
@media(max-width:899px){
 .hero{min-height:0;padding-top:32px;padding-bottom:40px}
 .hero header{height:auto;flex:none;align-items:center}
 .hero .brand-v4{transform:none}
 .hero-copy{padding-top:24px;padding-bottom:0}
 .hero h1{font-size:clamp(34px,8.5vw,48px);line-height:1.04}
 .hero-art{--opening-art-scale:calc(var(--layout-scale,1) * .9);height:calc(440px * var(--opening-art-scale));min-height:0;flex:none;margin-top:28px;margin-bottom:28px}
 .hero-art-canvas{top:50%;transform:translate(-50%,-50%) scale(var(--opening-art-scale))}
 .hero .heart-two{top:24px}
 .hero-bottom p{font-size:16px;line-height:1.3;margin-bottom:30px}
 .hero-bottom .button{height:56px;min-height:56px}
}

/* Slightly tighter typography and spacing on phones. */
@media(max-width:599px){
 .hero h1{font-size:clamp(32px,calc(8.5vw - 2px),46px)}
 main h2,.people h2,.facts h2,.closing h2,.faq h2,.fact-benefits h2{font-size:40px;line-height:1.08}
 .hero{padding-top:36px}
 .hero-copy{padding-top:18px}
 .hero-art{margin-top:24px;margin-bottom:24px}
 .hero-bottom p{margin-bottom:24px}
 .hero{padding-bottom:32px}
 .people{padding-top:96px;padding-bottom:24px}
 .people .intro{margin-top:18px}
 .faq{padding-top:100px;padding-bottom:64px}
 .closing{padding-top:28px;padding-bottom:24px}
 .closing p{margin-top:16px}
 .closing .button{margin-top:24px}
}
@media(max-width:400px){
 .people h2,.closing h2{font-size:40px}
 .faq h2{font-size:36px}
}
@media(max-width:350px){
 .people h2,.closing h2{font-size:34px}
 .faq h2{font-size:30px}
}

/* Footer legal links: quiet white text on the orange footer, comfortable touch target. */
.site-footer{flex-direction:column;height:auto;gap:4px;padding:28px 24px 20px}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 24px}
.footer-legal a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#fff;font-size:15px;line-height:1.3;font-weight:500;opacity:.92;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:4px;transition:opacity .18s,text-decoration-color .18s}
.footer-legal a:hover{opacity:1;text-decoration-color:#fff}
.footer-legal a:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:6px}

/* Dialog gets focus itself, so the close button shows a focus ring only after Tab. */
dialog:focus,dialog:focus-visible{outline:none}

/* Keep the legal link clear of the browser toolbar / home indicator (viewport-fit=cover). */
.site-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}

/* "С сайта" is disabled while the APK is in development (toggle: APK_DOWNLOAD_ENABLED in script.js). */
.dev-badge[hidden]{display:none}
.dev-badge{position:absolute;top:clamp(10px,2.4vw,16px);right:clamp(10px,2.4vw,16px);display:inline-flex;align-items:center;padding:5px 11px;border-radius:100px;background:#fff0e8;color:var(--orange);font-size:clamp(11px,3vw,13px);line-height:1.2;font-weight:600;white-space:nowrap}
.android-download-option.is-disabled{cursor:default;pointer-events:none;box-shadow:none;background:#f5f6f7}
.android-download-option.is-disabled .android-download-graphic,.android-download-option.is-disabled .android-download-copy{opacity:.45;filter:grayscale(.35)}
.android-download-option.is-disabled:hover,.android-download-option.is-disabled:active{transform:none}

/* First-screen images fade in after loading. Hiding is instant (no flash), revealing is animated. */
.hero-art img,.hero-art .screen-stack{transition:opacity .45s ease}
.hero-art .is-loading{opacity:0;transition:none}
@media(prefers-reduced-motion:reduce){.hero-art img,.hero-art .screen-stack{transition:none}}