/* Homepage-only visual layer. Shared pages and business JavaScript remain untouched. */
body.home-upgrade{--home-ink:#142b3b;--home-muted:#526777;--home-teal:#087f73;--home-mint:#aaf2cf;--home-paper:#f6f8f5;color:var(--home-ink);background:#fff}
.home-upgrade .site-head{background:rgba(255,255,255,.96);border-bottom-color:#e5ece9}
.home-upgrade .brand{font-size:1.05rem;letter-spacing:-.04em}
.home-upgrade .brand-mark{width:38px;height:38px;border-radius:13px;background:#0b2737;color:#8be7c1}
.home-upgrade .nav-links>a,.home-upgrade .drop>button{color:#294454}
.home-upgrade .nav-cta{background:#0b2737!important;border-radius:999px!important;padding:11px 18px!important}
.home-upgrade .home-hero{overflow:hidden;padding:76px 0 82px;background:radial-gradient(ellipse at 78% 48%,rgba(129,228,188,.27),transparent 34%),linear-gradient(120deg,#f6f8f5 0%,#edf5f0 54%,#e5f1eb 100%);color:var(--home-ink)}
.home-upgrade .hero-grid{grid-template-columns:1.08fr .92fr;gap:clamp(38px,7vw,96px);align-items:center}
.home-upgrade .hero-copy{position:relative;z-index:2;max-width:650px}
.home-upgrade .eyebrow{color:var(--home-teal);font-size:.74rem;letter-spacing:.16em}
.home-upgrade .eyebrow:before{width:30px;height:2px}
.home-upgrade .hero-copy h1{max-width:650px;margin:20px 0 19px;font-size:clamp(3.2rem,6.15vw,5.5rem);line-height:.98;letter-spacing:-.065em;text-wrap:balance}
.home-upgrade .hero-copy>p{max-width:570px;margin:0;color:#496171;font-size:clamp(1.05rem,1.65vw,1.2rem);line-height:1.72}
.home-upgrade .buttons{gap:12px;margin-top:29px}
.home-upgrade .btn{min-height:52px;padding:13px 21px;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.home-upgrade .btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(10,48,55,.13)}
.home-upgrade .btn-primary{background:#087f73;color:#fff}
.home-upgrade .btn-primary:hover{background:#066b62}
.home-upgrade .btn-contact{display:inline-flex;align-items:center;gap:13px;border:1px solid #c7d6d0;background:rgba(255,255,255,.68);color:#183747}
.home-upgrade .btn-contact span{color:var(--home-teal);font-size:1.1rem}
.home-upgrade .trust{gap:9px;margin-top:24px;color:#476171;font-size:.82rem}
.home-upgrade .trust span{padding:6px 10px;border:1px solid rgba(48,92,83,.12);border-radius:999px;background:rgba(255,255,255,.55)}
.home-upgrade .trust span:before{color:var(--home-teal)}
.home-upgrade .hero-text-link{display:inline-flex;gap:10px;align-items:center;margin-top:23px;color:#315467;font-size:.9rem;font-weight:800;text-decoration:none}
.home-upgrade .hero-text-link span{color:var(--home-teal)}
.home-upgrade .hero-visual{position:relative;isolation:isolate;min-width:0;padding:22px 27px 17px;border:1px solid rgba(24,63,67,.1);border-radius:32px;background:rgba(255,255,255,.68);box-shadow:0 28px 75px rgba(20,55,49,.13);backdrop-filter:blur(14px)}
.home-upgrade .visual-caption{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#375666;font-size:.78rem;font-weight:850;letter-spacing:.04em}
.home-upgrade .live-dot{width:8px;height:8px;border-radius:50%;background:#27a77f;box-shadow:0 0 0 4px rgba(39,167,127,.12)}
.home-upgrade .sample-label{margin-left:auto;padding:5px 9px;border-radius:999px;background:#e5f5ed;color:#08715f;font-size:.62rem;letter-spacing:.1em}
.home-upgrade .phone{position:relative;z-index:1;width:min(330px,100%);padding:9px;border-radius:29px;background:#112b38;box-shadow:0 22px 50px rgba(5,24,35,.22);transform:none}
.home-upgrade .phone-screen{border-radius:22px}
.home-upgrade .phone-top{align-items:center;padding:16px 18px;background:#f1f7f4;color:#173845}
.home-upgrade .phone-brand{display:flex;align-items:center;gap:8px;font-size:.85rem}
.home-upgrade .phone-brand .brand-mark{width:27px;height:27px;border-radius:9px;font-size:14px}
.home-upgrade .phone-demo-label{padding:5px 9px;border-radius:999px;background:#e1f2eb;color:#14725e;font-size:.68rem}
.home-upgrade .scan-card{margin:15px;padding:19px;border:1px solid #e6ece8;border-radius:18px;box-shadow:0 8px 24px rgba(16,44,48,.08)}
.home-upgrade .scan-line{background:linear-gradient(90deg,#168a70 45%,#e4ece8 45%)}
.home-upgrade .scan-card .btn{border-radius:11px}
.home-upgrade .sample-note{margin:11px 0 0;color:#73858d;font-size:.72rem;text-align:center}
.home-upgrade .full-demo-link{display:flex;justify-content:center;gap:8px;padding:14px 8px 4px;color:#087569;font-size:.86rem;font-weight:850;text-decoration:none}
.home-upgrade .full-demo-link:hover,.home-upgrade .hero-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.home-upgrade .visual-orbit{position:absolute;z-index:-1;border:1px solid rgba(8,127,115,.12);border-radius:50%;pointer-events:none}
.home-upgrade .orbit-one{width:390px;height:390px;top:50%;left:50%;transform:translate(-50%,-50%)}
.home-upgrade .orbit-two{width:470px;height:470px;top:50%;left:50%;transform:translate(-50%,-50%)}
.home-upgrade .section-head h2{color:#163344}
.home-upgrade .cards{gap:18px}
.home-upgrade .card{border-color:#e5ece8;border-radius:22px;box-shadow:0 8px 28px rgba(18,49,50,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-upgrade .card:hover{transform:translateY(-4px);border-color:#b8d8cb;box-shadow:0 18px 36px rgba(18,49,50,.09)}
.home-upgrade .card-icon{border-radius:15px;background:#e7f5ee}
.home-upgrade .card a{color:#087f73}
.home-upgrade .steps .step{border-color:#e5ece8;border-radius:20px}
.home-upgrade .cta-band{border-radius:28px;background:linear-gradient(125deg,#102d3d,#164b4a)}
.home-upgrade :focus-visible{outline:3px solid #d58935;outline-offset:3px}
@media(max-width:900px){
 .home-upgrade .home-hero{padding:62px 0 68px}
 .home-upgrade .hero-grid{grid-template-columns:1fr;gap:36px}
 .home-upgrade .hero-copy{max-width:760px}
 .home-upgrade .hero-copy h1{max-width:700px;font-size:clamp(3.1rem,8vw,5rem)}
 .home-upgrade .hero-visual{width:min(520px,100%);margin:0 auto}
}
@media(max-width:580px){
 .home-upgrade .home-hero{padding:48px 0 54px}
 .home-upgrade .hero-copy h1{max-width:12ch;margin-top:16px;font-size:clamp(2.7rem,12.4vw,3.7rem);line-height:1.01}
 .home-upgrade .hero-copy>p{font-size:1rem;line-height:1.65}
 .home-upgrade .buttons{gap:9px;margin-top:23px}
 .home-upgrade .buttons .btn{width:100%}
 .home-upgrade .trust{gap:7px;margin-top:18px}
 .home-upgrade .trust span{padding:5px 8px;font-size:.72rem}
 .home-upgrade .hero-text-link{margin-top:18px}
 .home-upgrade .hero-visual{padding:17px 15px 13px;border-radius:25px}
 .home-upgrade .phone{width:min(100%,315px)}
 .home-upgrade .section-head{margin-bottom:25px}
 .home-upgrade .cards{gap:12px}
 .home-upgrade .card{padding:21px}
}
@media(prefers-reduced-motion:reduce){
 .home-upgrade .btn,.home-upgrade .card{transition:none}
 .home-upgrade .btn:hover,.home-upgrade .card:hover{transform:none}
}
/* Round 2: compact hero, more room for the interactive preview, and a truthful simulated flow. */
.home-upgrade .home-hero{padding:54px 0 58px}
.home-upgrade .hero-grid{grid-template-columns:.94fr 1.06fr;gap:clamp(30px,4.8vw,64px)}
.home-upgrade .phone{width:min(380px,100%)}
.home-upgrade .demo-flow{margin:7px 2px 0;padding:13px 14px 11px;border:1px solid #e5eee9;border-radius:17px;background:linear-gradient(135deg,#f7fbf8,#fff)}
.home-upgrade .demo-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;color:#234454;font-size:.78rem}
.home-upgrade .demo-flow-heading span{padding:4px 7px;border-radius:999px;background:#e6f5ed;color:#08715f;font-size:.57rem;font-weight:900;letter-spacing:.08em}
.home-upgrade .demo-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}
.home-upgrade .demo-flow li{display:flex;min-width:0;flex-direction:column;gap:5px;padding:9px 8px;border:1px solid #e8efeb;border-radius:12px;background:#fff}
.home-upgrade .demo-flow li span{color:#087f73;font-size:.64rem;font-weight:900;letter-spacing:.08em}
.home-upgrade .demo-flow li b{color:#294454;font-size:.66rem;line-height:1.3}
.home-upgrade .section{padding-top:70px;padding-bottom:70px}
.home-upgrade .section-head{margin-bottom:30px}
.home-upgrade .card-icon{width:48px;height:48px;margin-bottom:16px;border:1px solid #d8ede3;border-radius:16px;background:linear-gradient(145deg,#f0faf4,#e1f3e9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-size:1.28rem}
.home-upgrade .card:hover .card-icon{border-color:#b9ddcb;background:#def3e8}
@media(max-width:900px){
 .home-upgrade .home-hero{padding:52px 0 56px}
 .home-upgrade .hero-grid{grid-template-columns:1fr;gap:28px}
 .home-upgrade .phone{width:min(380px,100%)}
 .home-upgrade .section{padding-top:64px;padding-bottom:64px}
}
@media(max-width:580px){
 .home-upgrade .home-hero{padding:42px 0 46px}
 .home-upgrade .hero-grid{gap:23px}
 .home-upgrade .hero-visual{padding:15px 13px 11px}
 .home-upgrade .phone{width:min(100%,340px)}
 .home-upgrade .demo-flow{padding:11px 10px 9px}
 .home-upgrade .demo-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .home-upgrade .demo-flow li{min-height:62px;padding:8px}
 .home-upgrade .demo-flow li b{font-size:.7rem}
 .home-upgrade .section{padding-top:58px;padding-bottom:58px}
 .home-upgrade .section-head{margin-bottom:24px}
}
/* Round 3: CSS-drawn Pro-style titanium handset and accessible staged demo. */
.home-upgrade .phone-showcase{padding:18px 20px 15px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,250,247,.74));backdrop-filter:blur(10px)}
.home-upgrade .phone-showcase .visual-caption{max-width:390px;margin:0 auto 12px}
.home-upgrade .iphone-demo{--device-width:min(100%,354px);display:flex;flex-direction:column;align-items:center;width:100%;max-width:430px;margin:0 auto}
.home-upgrade .iphone-shell{position:relative;width:var(--device-width);aspect-ratio:9/19.45;padding:7px;border:1px solid #8e9397;border-radius:clamp(43px,5vw,54px);background:linear-gradient(118deg,#f3f3f0 0%,#7a8084 5%,#272b2e 12%,#555b60 49%,#202428 88%,#b9bdbe 96%,#575c60 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.54),inset 0 0 0 3px rgba(255,255,255,.08),0 35px 72px rgba(10,24,34,.34),0 12px 25px rgba(8,29,38,.22);isolation:isolate}
.home-upgrade .iphone-shell:before{position:absolute;z-index:2;inset:3px;border:1px solid rgba(255,255,255,.24);border-radius:inherit;content:"";pointer-events:none}
.home-upgrade .iphone-side-button{position:absolute;z-index:-1;width:3px;border-radius:3px;background:linear-gradient(90deg,#25282b,#a0a4a6,#393d40);box-shadow:0 1px 1px rgba(0,0,0,.4)}
.home-upgrade .side-silent{left:-4px;top:15%;height:31px}.home-upgrade .side-volume-up{left:-4px;top:22%;height:53px}.home-upgrade .side-volume-down{left:-4px;top:30%;height:53px}.home-upgrade .side-power{right:-4px;top:25%;height:80px}
.home-upgrade .iphone-screen{position:relative;display:flex;overflow:hidden;width:100%;height:100%;flex-direction:column;border:1px solid rgba(6,15,20,.66);border-radius:clamp(37px,4.5vw,47px);background:linear-gradient(180deg,#fbfcfc 0%,#f5f8f7 100%);color:#122c39;box-shadow:inset 0 0 0 1px rgba(255,255,255,.66)}
.home-upgrade .iphone-statusbar{position:relative;display:flex;flex:0 0 36px;align-items:center;justify-content:space-between;padding:8px 19px 0;color:#102632;font-size:.64rem;font-weight:900;letter-spacing:.01em}
.home-upgrade .dynamic-island{position:absolute;top:8px;left:50%;display:flex;width:74px;height:22px;align-items:center;justify-content:flex-end;padding-right:8px;border:1px solid #11191d;border-radius:999px;background:linear-gradient(180deg,#05090b,#11191e);box-shadow:inset 0 1px 2px rgba(255,255,255,.1);transform:translateX(-50%)}
.home-upgrade .dynamic-island i{width:7px;height:7px;border:1px solid #243746;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4d7585,#071119 70%);box-shadow:0 0 0 1px #070c0f}
.home-upgrade .status-icons{display:flex;align-items:center;gap:4px;height:14px}
.home-upgrade .signal-icon{display:flex;height:11px;align-items:flex-end;gap:1px}.home-upgrade .signal-icon b{display:block;width:2px;border-radius:2px 2px 0 0;background:#132a34}.home-upgrade .signal-icon b:nth-child(1){height:4px}.home-upgrade .signal-icon b:nth-child(2){height:6px}.home-upgrade .signal-icon b:nth-child(3){height:8px}.home-upgrade .signal-icon b:nth-child(4){height:10px}
.home-upgrade .wifi-icon{overflow:hidden;width:12px;height:12px;color:#142b35;font-size:1rem;font-style:normal;font-weight:950;line-height:.7;transform:rotate(-37deg)}
.home-upgrade .battery-icon{position:relative;width:17px;height:9px;border:1px solid #172d37;border-radius:3px;padding:1px}.home-upgrade .battery-icon:after{position:absolute;top:2px;right:-3px;width:2px;height:3px;border-radius:0 2px 2px 0;background:#172d37;content:""}.home-upgrade .battery-icon b{display:block;width:75%;height:100%;border-radius:1px;background:#16866f}
.home-upgrade .app-top{display:flex;flex:0 0 54px;align-items:center;gap:9px;padding:5px 16px 9px;border-bottom:1px solid #e8efec}
.home-upgrade .app-avatar{display:grid;width:31px;height:31px;place-items:center;border-radius:11px;background:#102d3a;color:#9ce8c8;font-size:1rem;font-weight:900}
.home-upgrade .app-brand{display:grid;gap:0}.home-upgrade .app-brand strong{color:#183747;font-size:.78rem;line-height:1.25}.home-upgrade .app-brand small{color:#7a8b92;font-size:.58rem;line-height:1.2}
.home-upgrade .simulation-chip{margin-left:auto;padding:5px 8px;border:1px solid #d9eee4;border-radius:999px;background:#eff8f3;color:#08745e;font-size:.55rem;font-weight:950;letter-spacing:.08em}
.home-upgrade .phone-scenes{position:relative;flex:1;min-height:0;margin:0 13px}
.home-upgrade .phone-scene{position:absolute;inset:0;display:flex;visibility:hidden;flex-direction:column;justify-content:center;gap:10px;padding:15px 3px 12px;opacity:0;transform:translateY(9px);transition:opacity .34s ease,transform .34s ease,visibility .34s}
.home-upgrade .phone-scene.is-active{visibility:visible;opacity:1;transform:translateY(0)}
.home-upgrade .scene-kicker{color:#11836c;font-size:.57rem;font-weight:950;letter-spacing:.12em}
.home-upgrade .phone-scene h3{margin:0;color:#152f3b;font-size:clamp(1.08rem,1.6vw,1.26rem);line-height:1.17;letter-spacing:-.035em}
.home-upgrade .scene-description{margin:0;color:#687b83;font-size:.68rem;line-height:1.46}
.home-upgrade .qr-scanner{position:relative;display:grid;width:min(47%,158px);aspect-ratio:1;margin:13px auto 2px;place-items:center}
.home-upgrade .qr-code{display:grid;width:72%;height:72%;grid-template-columns:repeat(5,1fr);gap:3px;padding:7px;border:1px solid #e2eae6;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(16,50,49,.1)}
.home-upgrade .qr-code i{border-radius:2px;background:#193440}.home-upgrade .qr-code i:nth-child(2n),.home-upgrade .qr-code i:nth-child(5n),.home-upgrade .qr-code i:nth-child(7n){background:#fff}.home-upgrade .qr-code i:nth-child(1),.home-upgrade .qr-code i:nth-child(2),.home-upgrade .qr-code i:nth-child(6),.home-upgrade .qr-code i:nth-child(7),.home-upgrade .qr-code i:nth-child(4),.home-upgrade .qr-code i:nth-child(5),.home-upgrade .qr-code i:nth-child(9),.home-upgrade .qr-code i:nth-child(10),.home-upgrade .qr-code i:nth-child(16),.home-upgrade .qr-code i:nth-child(17),.home-upgrade .qr-code i:nth-child(21),.home-upgrade .qr-code i:nth-child(22){background:#142f3c}
.home-upgrade .scan-corner{position:absolute;width:18px;height:18px;border-color:#16866f;border-style:solid}.home-upgrade .corner-tl{top:5px;left:5px;border-width:2px 0 0 2px;border-radius:7px 0 0}.home-upgrade .corner-tr{top:5px;right:5px;border-width:2px 2px 0 0;border-radius:0 7px 0 0}.home-upgrade .corner-bl{bottom:5px;left:5px;border-width:0 0 2px 2px;border-radius:0 0 0 7px}.home-upgrade .corner-br{right:5px;bottom:5px;border-width:0 2px 2px 0;border-radius:0 0 7px}
.home-upgrade .scan-beam{position:absolute;top:20%;left:13%;width:74%;height:2px;border-radius:2px;background:#26b98a;box-shadow:0 0 10px rgba(23,177,128,.65);animation:phone-scan 2.2s ease-in-out infinite alternate}
.home-upgrade .scan-caption{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:#71858d;font-size:.63rem}.home-upgrade .scan-caption span,.home-upgrade .screen-demo-label span{width:6px;height:6px;border-radius:50%;background:#24a57d;box-shadow:0 0 0 3px rgba(36,165,125,.11)}
.home-upgrade .guest-card{display:grid;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #e3ece7;border-radius:15px;background:#fff;box-shadow:0 5px 15px rgba(18,52,50,.045)}
.home-upgrade .guest-avatar{display:grid;width:37px;height:37px;place-items:center;border-radius:12px;background:#e6f5ed;color:#13735e;font-size:.7rem;font-weight:950}
.home-upgrade .guest-card strong,.home-upgrade .guest-card small{display:block}.home-upgrade .guest-card strong{overflow:hidden;color:#24404c;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.home-upgrade .guest-card small{margin-top:3px;color:#7b8c93;font-size:.55rem}
.home-upgrade .verified-mark{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#e5f5ed;color:#12816a;font-size:.68rem;font-weight:950}
.home-upgrade .entitlement-card{display:grid;gap:5px;padding:13px;border:1px solid #dfebe5;border-radius:14px;background:linear-gradient(145deg,#f7faf8,#eff7f2)}
.home-upgrade .entitlement-card span{color:#819097;font-size:.53rem;font-weight:950;letter-spacing:.1em}.home-upgrade .entitlement-card strong{color:#234350;font-size:.82rem}.home-upgrade .entitlement-card small{color:#778990;font-size:.6rem}
.home-upgrade .claim-status{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:12px;font-size:.65rem;font-weight:900}
.home-upgrade .claim-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.home-upgrade .claim-status.waiting{background:#fff4d9;color:#8a650e}.home-upgrade .claim-status.redeemed{background:#e2f6ec;color:#087657}
.home-upgrade .confirm-summary{display:grid;gap:0;padding:0 13px;border:1px solid #e2ebe6;border-radius:14px;background:#fff}.home-upgrade .confirm-summary div,.home-upgrade .receipt-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ef}.home-upgrade .confirm-summary div:last-child,.home-upgrade .receipt-row:last-child{border-bottom:0}.home-upgrade .confirm-summary span,.home-upgrade .receipt-row span{color:#788991;font-size:.59rem}.home-upgrade .confirm-summary strong,.home-upgrade .receipt-row strong{color:#26434e;font-size:.61rem;text-align:right}
.home-upgrade .screen-confirm-button{position:relative;margin-top:3px;padding:13px 12px;border-radius:12px;background:#087f73;color:#fff;font-size:.69rem;font-weight:900;text-align:center;box-shadow:0 5px 12px rgba(8,127,115,.2)}
.home-upgrade .tap-pointer{position:absolute;right:31px;bottom:67px;z-index:1;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#f1a84e;box-shadow:0 2px 8px rgba(6,27,33,.34);opacity:0;transform:translate(12px,-15px) scale(.75)}
.home-upgrade .tap-pointer i{position:absolute;top:4px;left:7px;width:0;height:0;border-top:10px solid #17333e;border-right:6px solid transparent;border-left:2px solid transparent;transform:rotate(-20deg)}
.home-upgrade .phone-scene.is-active .tap-pointer{animation:tap-confirm 2.4s ease-in-out both}
.home-upgrade .screen-hint{margin:0;color:#819097;font-size:.58rem;text-align:center}
.home-upgrade .success-symbol{display:grid;width:66px;height:66px;margin:2px auto 4px;place-items:center;border:1px solid #c9ecd9;border-radius:50%;background:linear-gradient(145deg,#effaf3,#d7f2e3);box-shadow:0 8px 20px rgba(23,136,94,.12);color:#10805e;font-size:1.9rem;font-weight:700;animation:success-pop .45s cubic-bezier(.2,.8,.2,1) both}
.home-upgrade .phone-scene.is-active .success-symbol span{animation:success-check .4s .25s ease both}
.home-upgrade .phone-scene .success-symbol+h3,.home-upgrade .phone-scene .success-symbol~.scene-description{text-align:center}
.home-upgrade .receipt-row{padding:10px 1px}
.home-upgrade .warning-symbol{display:grid;width:50px;height:50px;margin:0 auto 5px;place-items:center;border:1px solid #f0dfb8;border-radius:16px;background:#fff6e4;color:#a47418;font-size:1.45rem;font-weight:900}
.home-upgrade .phone-scene .warning-symbol~h3,.home-upgrade .phone-scene .warning-symbol~.scene-description{text-align:center}
.home-upgrade .duplicate-note{display:grid;gap:6px;padding:12px;border:1px solid #f0e5cc;border-radius:13px;background:#fffaf0}.home-upgrade .duplicate-note strong{color:#6b531e;font-size:.65rem;line-height:1.4}.home-upgrade .duplicate-note span{color:#8a7957;font-size:.57rem;line-height:1.4}
.home-upgrade .screen-demo-label{display:flex;flex:0 0 22px;align-items:center;justify-content:center;gap:6px;color:#829096;font-size:.48rem;font-weight:950;letter-spacing:.1em}
.home-upgrade .home-indicator{flex:0 0 7px;width:29%;max-width:105px;align-self:center;margin-bottom:3px;border-radius:99px;background:#17262c}
.home-upgrade .phone-demo-controls{display:flex;width:min(100%,354px);align-items:center;gap:9px;margin:13px auto 0}
.home-upgrade .phone-demo-controls button{min-height:42px;padding:9px 15px;border:1px solid #d3e4dc;border-radius:999px;background:#fff;color:#21414d;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.home-upgrade .phone-demo-controls button:hover{transform:translateY(-1px);border-color:#a9d2c0;background:#f5fbf7}.home-upgrade .phone-demo-controls button:active{transform:scale(.97)}
.home-upgrade .phone-demo-controls .demo-control-primary{border-color:#087f73;background:#087f73;color:#fff}.home-upgrade .phone-demo-controls .demo-control-primary:hover{background:#066b62}
.home-upgrade .demo-step-count{margin-left:auto;color:#607881;font-size:.68rem;font-weight:900;font-variant-numeric:tabular-nums}
.home-upgrade .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
@keyframes phone-scan{from{top:17%;opacity:.55}to{top:81%;opacity:1}}
@keyframes tap-confirm{0%,20%{opacity:0;transform:translate(12px,-15px) scale(.75)}38%{opacity:1;transform:translate(0,0) scale(1)}48%{opacity:1;transform:translate(0,0) scale(.76)}62%,100%{opacity:0;transform:translate(0,0) scale(.76)}}
@keyframes success-pop{0%{opacity:0;transform:scale(.55)}75%{transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes success-check{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
.home-upgrade .iphone-demo.is-paused .scan-beam{animation-play-state:paused}
.home-upgrade .iphone-demo :focus-visible{outline:3px solid #d58935;outline-offset:3px}
@media(max-width:900px){.home-upgrade .iphone-demo{--device-width:min(100%,354px)}}
@media(max-width:580px){
 .home-upgrade .phone-showcase{padding:14px 10px 13px;border-radius:25px}
 .home-upgrade .phone-showcase .visual-caption{margin-bottom:10px;font-size:.71rem}
 .home-upgrade .iphone-demo{--device-width:min(100%,330px)}
 .home-upgrade .iphone-shell{border-radius:48px;padding:6px}
 .home-upgrade .iphone-screen{border-radius:41px}
 .home-upgrade .phone-demo-controls{gap:7px;margin-top:11px}
 .home-upgrade .phone-demo-controls button{min-height:44px;padding:9px 13px;font-size:.72rem}
 .home-upgrade .phone-demo-controls .demo-control-primary{min-width:112px}
 .home-upgrade .phone-scene{gap:9px;padding:12px 3px 10px}
 .home-upgrade .qr-scanner{width:min(43%,142px)}
}
@media(prefers-reduced-motion:reduce){
 .home-upgrade .phone-scene,.home-upgrade .phone-demo-controls button{transition:none}
 .home-upgrade .scan-beam,.home-upgrade .tap-pointer,.home-upgrade .success-symbol,.home-upgrade .success-symbol span{animation:none!important}
}