/* Shared additions for the Web, Loyalty and connected product story. */
.web-page .hero h1,.loyalty-page .hero h1{font-size:clamp(54px,5.9vw,85px);letter-spacing:-4px;line-height:1.02}.hero-grid>*{min-width:0}.web-stage{padding:35px 0}.browser-frame{border:1px solid #46523b;border-radius:10px;overflow:hidden;box-shadow:0 28px 70px #0004;transform:rotate(-2deg)}.browser-bar{background:#283020;display:flex;gap:6px;align-items:center;padding:13px}.browser-bar i{width:6px;height:6px;background:#76836a;border-radius:50%}.browser-bar span{font-size:8px;margin-left:10px;color:#cad2be}.browser-frame img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.web-label{margin:30px 0 16px 24px;border-left:2px solid var(--lime);padding:4px 17px;display:flex;flex-direction:column;gap:7px}.web-label b{font-weight:500;font-size:21px}.web-label span{font-size:10px;color:#b7c5a7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 50px}.service-grid article{border-top:1px solid #c8d1bb;padding-top:23px}.service-grid article>span{font-size:10px;color:#69844c;letter-spacing:1px}.service-grid h3{font-size:26px;margin:18px 0 15px}.service-grid p{font-size:14px;color:#69745c;line-height:1.8}.choice-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.choice-tabs button{background:transparent;border:1px solid #49563c;border-radius:4px;color:#bbc9ab;padding:15px 24px;font-size:13px}.choice-tabs button[aria-selected=true]{color:var(--ink);background:var(--lime);border-color:var(--lime)}.technology-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px;background:#20291a;border:1px solid #3a472e;border-radius:5px}.technology-panel h3{font-size:34px;margin:10px 0 18px}.technology-panel p{font-size:14px;color:#b3c2a4}.technology-panel ul{padding-left:18px;font-size:14px;color:#c4d6b1;line-height:2}.technology-panel .tech-badge{font-size:70px;letter-spacing:-5px;color:var(--lime);border-top:1px solid #5d6c4d;padding-top:22px;display:block}.technology-panel small{font-size:11px;color:#9caf89}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.portfolio-card{background:#1d2717;border:1px solid #3e4c31;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.portfolio-screen{aspect-ratio:16/10;overflow:hidden;background:#e9edde;position:relative;display:flex;align-items:center;justify-content:center;padding:25px}.portfolio-screen>img{max-width:180px;max-height:80px;object-fit:contain}.portfolio-screen.is-screen{padding:0;align-items:flex-start}.portfolio-screen.is-screen>img{max-width:100%;max-height:none;width:100%;object-fit:cover;object-position:top}.portfolio-screen span{position:absolute;bottom:12px;left:12px;font-size:8px;background:#121411e8;padding:5px 10px;letter-spacing:.7px}.portfolio-copy{padding:25px;display:flex;flex-direction:column;flex:1}.portfolio-copy small{font-size:9px;color:#a6bb8e;letter-spacing:.9px}.portfolio-copy h3{font-size:24px;margin:12px 0}.portfolio-copy p{font-size:13px;color:#aab99a;line-height:1.8;margin-bottom:22px}.portfolio-copy button{margin-top:auto;background:transparent;border:0;border-top:1px solid #465638;padding:15px 0 0;display:flex;justify-content:space-between;text-align:left;font-size:12px}.portfolio-copy button:hover{color:var(--lime)}.connected{background:#252f1c}.ecosystem-track{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #50613d;border-radius:5px}.ecosystem-track>a{padding:30px;border-right:1px solid #50613d;position:relative}.ecosystem-track>a:last-child{border-right:0}.ecosystem-track>a:hover{background:#303d23}.ecosystem-track a>span{font-size:10px;letter-spacing:1.4px;color:var(--lime)}.ecosystem-track h3{font-size:27px;margin:20px 0 14px}.ecosystem-track p{font-size:13px;color:#bac9aa;line-height:1.8}.ecosystem-track b{display:block;font-size:11px;font-weight:500;margin-top:24px;color:var(--lime)}.package-bar{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:40px}.package-bar h3{font-size:27px}.package-bar p{font-size:13px;color:#b8c8a6;margin-top:12px}.package-bar .button{flex-shrink:0}.wallet-stage{position:relative;text-align:center;padding:16px 0 12px}.wallet-orbit{font-size:9px;letter-spacing:2px;color:#c0d5a6;margin-bottom:24px}.phone{width:265px;max-width:100%;margin:auto;background:#e9eadd;color:var(--ink);border:7px solid #31362b;border-radius:37px;padding:18px 13px 25px;box-shadow:20px 32px 80px #0004;transform:rotate(3deg);position:relative}.phone-notch{width:88px;height:17px;border-radius:15px;background:#31362b;position:absolute;top:8px;left:calc(50% - 44px)}.phone-header{display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin:10px 0 23px;padding:0 7px}.wallet-card{background:var(--lime);padding:20px 17px 16px;border-radius:12px;text-align:left;box-shadow:0 10px 20px #3648221a}.wallet-brand{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:26px}.wallet-brand b{font-size:16px;letter-spacing:-.6px}.wallet-brand>span{font-size:6px;letter-spacing:.6px;max-width:50px}.wallet-kicker{font-size:7px;letter-spacing:1.1px}.wallet-card>strong{font-size:61px;line-height:1.1;display:block;font-weight:500;letter-spacing:-3px}.wallet-member{display:flex;justify-content:space-between;gap:10px;font-size:6px;margin:21px 0;letter-spacing:.4px}.wallet-member b{font-size:10px;font-weight:500;line-height:2}.stamp-row{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #9cb85d;padding-top:15px;font-size:20px}.wallet-code{background:#edf9d6;padding:8px 5px;text-align:center;margin-top:20px;color:#263b11;border-radius:5px;font-family:monospace;font-size:25px;line-height:1}.wallet-card>small{font-size:6px;text-align:center;display:block;margin-top:8px}.phone-note{font-size:9px;text-align:center;margin-top:23px;color:#62724e;line-height:1.8}.phone-note b{font-weight:500;color:#33491e}.wallet-platforms{display:flex;justify-content:center;gap:10px;margin:27px 0 14px}.wallet-platforms span{border:1px solid #526341;border-radius:5px;padding:8px 13px;font-size:11px}.journey{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.journey li{border-top:1px solid #c8d1bb;padding-top:21px}.journey li>span{font-size:37px;font-family:var(--serif);color:#69834b}.journey h3{font-size:24px;margin:18px 0 15px}.journey p{font-size:13px;line-height:1.8;color:#69755c}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.demo-grid>div>p{font-size:14px;line-height:1.9;color:#b4c3a3;margin-top:22px;max-width:480px}.demo-control{padding:38px;background:#27321e;border:1px solid #52643c;border-radius:6px}.demo-control h3{font-size:27px;margin:16px 0 24px}.demo-control label{font-size:12px;display:block;color:#c4d5b0}.demo-control input{display:block;width:100%;accent-color:var(--lime);margin:22px 0 12px;cursor:pointer}.demo-control output{font-size:33px;letter-spacing:-1px;color:var(--lime)}.demo-rule-tabs{display:flex;gap:8px;margin:24px 0}.demo-rule-tabs button{border:1px solid #6c8250;background:transparent;color:#d1e2bc;padding:9px 17px;border-radius:4px;font-size:12px}.demo-rule-tabs button[aria-pressed=true]{background:var(--lime);color:var(--ink);border-color:var(--lime)}.demo-results{border-top:1px solid #55653f;padding-top:24px;min-height:105px}.demo-results strong{font-size:31px;font-weight:500}.demo-results p{font-size:12px;color:#b7c8a2;margin-top:8px}.demo-control>p.fineprint{font-size:10px;line-height:1.8;margin-top:24px}.wallet-comparison{display:grid;grid-template-columns:1fr 1fr;gap:40px}.wallet-comparison article{border-top:1px solid #5d6c4f;padding-top:24px}.wallet-comparison article>span{font-size:10px;color:var(--lime);letter-spacing:1.6px}.wallet-comparison h3{font-size:29px;margin:20px 0}.wallet-comparison p{font-size:14px;line-height:1.8;color:#b6c6a4}.wallet-comparison a{display:inline-block;margin-top:25px;font-size:12px;color:var(--lime)}
@media(max-width:1000px){.web-page .hero h1,.loyalty-page .hero h1{font-size:62px;letter-spacing:-3px}.service-grid{gap:30px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.technology-panel{gap:30px;padding:30px}.ecosystem-track>a{padding:22px}.ecosystem-track h3{font-size:23px}.demo-grid{gap:35px}.journey{grid-template-columns:repeat(2,1fr)}.package-bar{align-items:flex-start}.package-bar h3{font-size:23px}}
@media(max-width:700px){.web-page .hero-grid,.loyalty-page .hero-grid{grid-template-columns:1fr;gap:18px}.web-page .hero h1,.loyalty-page .hero h1{font-size:clamp(42px,11.5vw,64px);letter-spacing:-2.5px}.web-stage{padding:20px 4px 10px}.browser-frame{transform:rotate(-1deg)}.web-label{margin:22px 0 15px 8px}.service-grid{grid-template-columns:1fr 1fr;gap:30px 23px}.service-grid h3{font-size:23px}.service-grid p{font-size:13px}.technology-panel,.demo-grid,.wallet-comparison{grid-template-columns:1fr;gap:30px}.ecosystem-track{grid-template-columns:1fr}.ecosystem-track>a{border-right:0;border-bottom:1px solid #50613d;padding:25px}.ecosystem-track>a:last-child{border-bottom:0}.ecosystem-track h3{font-size:27px}.package-bar{flex-direction:column;gap:23px}.wallet-stage{padding-top:20px}.phone{width:255px}.demo-control{padding:27px}.wallet-comparison{gap:45px}.journey h3{font-size:23px}.portfolio-grid{grid-template-columns:1fr}.portfolio-copy h3{font-size:27px}.technology-panel .tech-badge{font-size:52px}.technology-panel h3{font-size:29px}.choice-tabs button{padding:13px 16px}.demo-results strong{font-size:29px}}
@media(max-width:400px){.service-grid,.journey{grid-template-columns:1fr}.browser-bar span{font-size:6px}.demo-control{padding:23px}.header .small{padding:11px 9px}}