:root { color-scheme:light; --ink:#14221c; --muted:#68766f; --paper:#f4f0e7; --white:#fffef9; --green:#315d43; --brand-green:#72a33f; --blue:#159bd7; --lime:#cbef71; --line:#d9d9ce; --orange:#ed6a45; --shadow:0 28px 70px #20362a1c; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,sans-serif; min-height:100vh; }
button,input,select { font:inherit; }
button { cursor:pointer; }
header { height:78px; padding:0 max(24px,5vw); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); background:#f8f5eddd; backdrop-filter:blur(18px); position:sticky; top:0; z-index:10; }
.brand { color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:11px; font-size:13px; letter-spacing:.13em; font-weight:900; }
.mark { display:block; width:34px; height:34px; object-fit:contain; }
nav { display:flex; gap:3px; background:#e9e7de; padding:4px; border-radius:999px; }
.nav-link { display:inline-flex; align-items:center; justify-content:center; padding:8px 15px; border:0; border-radius:999px; color:var(--muted); background:transparent; font-size:12px; text-decoration:none; white-space:nowrap; }
.nav-link.active { background:var(--white); color:var(--ink); box-shadow:0 2px 9px #14221c12; }
.demo-pill { justify-self:end; border:1px solid var(--line); border-radius:999px; padding:8px 12px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
main { width:min(1240px,90vw); margin:0 auto; }
.view { display:none; animation:arrive .35s ease; } .view.active { display:block; }
@keyframes arrive { from{opacity:0;transform:translateY(7px)} }
#wallet { padding-top:86px; }
.hero-copy { width:57%; min-height:520px; }
.eyebrow { color:var(--green); font-size:10px; font-weight:900; letter-spacing:.22em; text-transform:uppercase; margin:0 0 14px; }
h1 { font:400 clamp(58px,7.1vw,102px)/.91 Georgia,serif; letter-spacing:-.055em; margin:0; }
h1 em { color:var(--green); font-weight:400; }
.hero-copy>p:not(.eyebrow) { max-width:570px; color:var(--muted); font-size:17px; line-height:1.65; margin:30px 0; }
.promise-row { display:flex; gap:29px; color:var(--muted); text-transform:uppercase; letter-spacing:.1em; font-size:10px; }
.promise-row span { display:flex; align-items:center; gap:8px; } .promise-row b { color:var(--green); font:italic 18px Georgia,serif; }
.wallet-shell { position:absolute; top:145px; left:55%; width:min(500px,40vw); padding:22px; background:#fffdf8; border:1px solid var(--line); border-radius:28px; box-shadow:var(--shadow); transform:rotate(1.2deg); }
.wallet-top { display:flex; align-items:center; justify-content:space-between; margin:0 3px 17px; }
.wallet-top label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.15em; font-weight:700; }
select { max-width:210px; border:0; background:transparent; color:var(--ink); font-weight:700; text-align:right; }
.payment-card { aspect-ratio:1.58; padding:25px 27px 22px; color:#f7f5e9; border-radius:20px; background:radial-gradient(circle at 92% 2%,#165b70 0,transparent 42%),linear-gradient(140deg,#183126,#0e1c16); box-shadow:inset 0 0 0 1px #ffffff18,0 18px 40px #18312640; position:relative; overflow:hidden; }
.payment-card:after { content:""; position:absolute; width:220px; height:220px; right:-38px; bottom:-74px; background:url("/pluribus-mark.svg") center/contain no-repeat; filter:grayscale(1) brightness(3); opacity:.045; }
.card-head,.card-foot,.card-meta { display:flex; position:relative; z-index:1; align-items:center; justify-content:space-between; }
.card-brand { display:flex; align-items:center; gap:7px; font-size:11px; letter-spacing:.18em; font-weight:900; }.card-brand img{width:18px;height:18px}
.one-use { background:var(--lime); color:#13261b; border-radius:999px; padding:6px 9px; font-size:8px; font-weight:900; letter-spacing:.14em; }
.chip { width:39px; height:29px; margin-top:19px; border-radius:7px; background:#d9c889; display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid #a69765; }
.chip i { border-right:1px solid #a69765; } .chip i:last-child{border:0}
.card-number { display:block; width:100%; padding:0; margin:18px 0 16px; color:#f7f5e9; background:transparent; border:0; text-align:left; font:400 clamp(20px,2vw,27px)/1 Georgia,serif; letter-spacing:.12em; position:relative; z-index:1; }
.card-meta { justify-content:flex-start; gap:35px; }.card-meta span{display:flex;gap:7px;align-items:center}.card-meta small{display:block;color:#9fb0a6;font-size:6px;line-height:1.2;letter-spacing:.1em}.card-meta b{font-size:11px;letter-spacing:.1em}
.card-foot { margin-top:19px; font-size:9px; letter-spacing:.15em; color:#d5ded8; }.signal{transform:rotate(-90deg);color:var(--lime)}
.credential-status { display:flex; align-items:center; justify-content:space-between; padding:16px 4px 12px; color:var(--muted); font-size:11px; }.credential-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#53b56f;box-shadow:0 0 12px #53b56f;margin-right:7px}.credential-status strong{font:17px Georgia,serif;color:var(--green)}
.wallet-actions { display:grid; grid-template-columns:auto auto 1fr; gap:8px; }
.primary,.secondary { border-radius:999px; padding:12px 17px; border:0; font-size:11px; font-weight:800; }
.primary { background:var(--ink); color:var(--white); }.primary span,.pay-button span{color:var(--lime);float:right;margin-left:15px}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink)}
.primary:hover,.pay-button:hover { background:var(--green); }.secondary:hover{border-color:var(--green)}
.setup-panel { display:grid; grid-template-columns:1fr 1.2fr; gap:50px; padding:42px; border-radius:24px; background:#e6eccf; margin:30px 0 80px; }.setup-panel.hidden{display:none}.setup-panel h2,.product h2,.checkout h2 { font:400 37px Georgia,serif; margin:0 0 12px; }.setup-panel p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:430px}
.setup-panel form { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.setup-panel form label:last-of-type{grid-column:1/-1}.setup-panel form button{grid-column:1/-1;justify-self:start}
label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
input { display:block; width:100%; margin-top:7px; padding:13px 14px; color:var(--ink); background:#fffdf8; border:1px solid #cfd4bc; border-radius:10px; outline:none; font-size:14px; text-transform:none; letter-spacing:normal; font-weight:500; }input:focus{border-color:var(--green);box-shadow:0 0 0 3px #315d4315}
.explainer { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); margin:10px 0 85px; }.explainer article{padding:38px 35px 20px 0;border-right:1px solid var(--line);margin-right:35px}.explainer article:last-child{border:0}.explainer span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--green);border-radius:50%;font:italic 15px Georgia,serif;color:var(--green)}.explainer h3{font:400 25px Georgia,serif;margin:18px 0 8px}.explainer p{color:var(--muted);font-size:13px;line-height:1.65}
#store { padding:35px 0 90px; }.store-head { padding:0 0 32px; display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.store-logo{font-weight:900;letter-spacing:.13em;color:var(--ink)}
.checkout-grid { display:grid;grid-template-columns:1fr 1fr;background:#fffdf8;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}
.product { padding:42px; background:#e8e5db; }.product-art{height:440px;background:linear-gradient(145deg,#223b2c,#0e1d15);border-radius:15px;margin-bottom:32px;position:relative;overflow:hidden}.product-art:before,.product-art:after{content:"";position:absolute;border:1px solid #cbef7155;border-radius:50%;width:500px;height:500px;left:-260px;top:-60px}.product-art:after{left:auto;right:-350px;top:-280px}.product-art span{position:absolute;bottom:22px;left:24px;color:#a9b8ae;font-size:9px;letter-spacing:.18em}.orb{position:absolute;left:50%;top:50%;width:130px;height:170px;border-radius:45% 45% 50% 50%;background:linear-gradient(160deg,#e1d5ab,#857e61);transform:translate(-50%,-50%) rotate(-8deg);box-shadow:20px 30px 50px #0008}.product>p:last-child{color:var(--muted);line-height:1.6}
.checkout { padding:clamp(35px,5vw,70px);align-self:center}.checkout-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.checkout-title strong{font:32px Georgia,serif}.checkout>label,.fields-3{display:block;margin-bottom:17px}.fields-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checkout input{border-color:var(--line);font-size:16px;padding:15px;background:white}.merchant-note{display:flex;gap:12px;background:#f3f2eb;border-radius:10px;padding:12px 14px;margin:25px 0;color:var(--muted);font-size:11px;line-height:1.5}.merchant-note p{margin:0}.pay-button{width:100%;border:0;border-radius:10px;background:var(--ink);color:white;padding:16px 18px;text-align:left;font-weight:800}.checkout-result{display:none;margin-top:15px;border-radius:10px;padding:15px;font-size:12px;line-height:1.5}.checkout-result.show{display:block}.checkout-result.approved{background:#e3f0d0;color:#27543a}.checkout-result.declined{background:#f8ded6;color:#853820}
.activity-view { padding:70px 0 100px; }.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-title h1{font-size:70px}.section-title a{color:var(--green);font-size:12px}.activity-panel{background:#fffdf8;border:1px solid var(--line);border-radius:18px;overflow:auto;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:18px 24px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.15em}.empty{text-align:center;color:var(--muted);padding:50px}.result{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.result.approved{color:#397447}.result.declined{color:var(--orange)}
#toast { position:fixed;left:50%;bottom:27px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 18px;border-radius:999px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}
footer{border-top:1px solid var(--line);padding:28px max(24px,5vw);display:flex;justify-content:space-between;color:#859089;font-size:9px;text-transform:uppercase;letter-spacing:.13em}

/* V2 wallet, funding, lifecycle, and trace surfaces */
.hidden { display:none!important; }
.text-button { padding:0; border:0; background:transparent; color:var(--green); font-size:12px; font-weight:800; text-align:left; }
.text-button:hover { text-decoration:underline; }
.v2-setup { grid-template-columns:.85fr 1.4fr; }
.v2-setup form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.v2-setup label small { display:block; margin-top:4px; color:#7d8b82; font-size:8px; letter-spacing:.05em; text-transform:none; }
.v2-setup select,.policy-grid select,.merchant-fields select { display:block; width:100%; max-width:none; height:44px; margin-top:7px; padding:0 12px; border:1px solid #cfd4bc; border-radius:10px; background:#fffdf8; color:var(--ink); outline:none; text-align:left; font-size:14px; font-weight:600; }
.v2-setup select:focus,.policy-grid select:focus,.merchant-fields select:focus { border-color:var(--green); box-shadow:0 0 0 3px #315d4315; }
.account-dashboard { margin:32px 0 82px; padding:34px; border:1px solid var(--line); border-radius:24px; background:#fffdf8; box-shadow:var(--shadow); }
.dashboard-head,.trace-head,.lifecycle-head { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.dashboard-head h2,.trace-head h2 { margin:0; font:400 37px Georgia,serif; }
.dashboard-head .eyebrow,.trace-head .eyebrow,.lifecycle-head .eyebrow { margin-bottom:8px; }
.state-pill { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:999px; background:#f8ded6; color:#853820; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.state-pill:before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.state-pill.active { background:#e3f0d0; color:#27543a; }
.balance-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:28px; border:1px solid var(--line); border-radius:15px; overflow:hidden; }
.balance-grid article { min-width:0; padding:21px; border-right:1px solid var(--line); }
.balance-grid article:last-child { border:0; }
.balance-grid small { display:block; margin-bottom:9px; color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.balance-grid strong { display:block; overflow:hidden; color:var(--green); font:400 22px Georgia,serif; text-overflow:ellipsis; }
.policy-grid { display:grid; grid-template-columns:1fr 1.45fr .8fr auto; align-items:end; gap:13px; margin-top:24px; }
.policy-grid input { border-color:var(--line); background:white; }
.policy-grid .secondary { min-height:44px; }
.stripe-setup { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; margin-top:24px; padding:22px; border-radius:14px; background:#f2f0e9; }
.stripe-setup p { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
#stripe-payment-element,#stripe-message { grid-column:1/-1; }
.stripe-setup>.primary { grid-column:1/-1; justify-self:start; }
.v2-checkout-grid { grid-template-columns:.92fr 1.08fr; }
.v2-checkout-grid .product-art { height:310px; }
.scenario-panel { margin-top:35px; padding-top:25px; border-top:1px solid #c9c7bd; }
.scenario-buttons { display:flex; flex-wrap:wrap; gap:7px; }
.scenario-buttons button,.lifecycle-controls button { border:1px solid #c8c8be; border-radius:999px; padding:8px 11px; background:#f9f7f1; color:var(--ink); font-size:9px; font-weight:800; }
.scenario-buttons button:hover,.lifecycle-controls button:hover { border-color:var(--green); color:var(--green); }
#scenario-note { min-height:38px; margin:15px 0 0; color:var(--muted); font-size:10px; line-height:1.55; }
.checkout code { padding:2px 5px; border-radius:4px; background:#e5e4dc; color:var(--green); font-size:10px; }
.checkout-actions { display:grid; grid-template-columns:1fr 1.25fr; gap:9px; }
.secondary-pay { background:white; color:var(--ink); border:1px solid var(--ink); }
.secondary-pay:hover { color:white; border-color:var(--green); }
.checkout-result small { display:block; margin-top:5px; opacity:.75; }
.lifecycle-panel { margin-top:22px; padding:20px; border:1px solid var(--line); border-radius:14px; background:#f8f6ef; }
.lifecycle-head h3 { max-width:330px; overflow:hidden; margin:2px 0 0; font:400 15px ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; }
.lifecycle-controls { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:17px; }
.lifecycle-controls label { grid-column:1/-1; }
.lifecycle-controls button { border-radius:9px; min-height:38px; }
.trace-panel { margin:28px 0 90px; padding:32px; border-radius:22px; background:#102119; color:white; box-shadow:var(--shadow); }
.trace-head .eyebrow { color:var(--lime); }
.trace-head strong { color:var(--lime); font:400 32px Georgia,serif; }
.trace-panel ol { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:28px 0 0; padding:0; list-style:none; border:1px solid #ffffff20; border-radius:13px; overflow:hidden; }
.trace-panel li { display:grid; grid-template-columns:auto 1fr; gap:13px; min-height:100px; padding:18px; border-right:1px solid #ffffff20; }
.trace-panel li:last-child { border:0; }
.trace-panel li>span { color:var(--lime); font:italic 15px Georgia,serif; }
.trace-panel li div { min-width:0; }
.trace-panel li b { display:block; overflow:hidden; font-size:9px; letter-spacing:.08em; text-overflow:ellipsis; text-transform:uppercase; }
.trace-panel li small { display:block; margin-top:6px; color:#a9b8ae; font-size:9px; }
.trace-panel li em { grid-column:2; align-self:end; color:var(--lime); font:400 17px Georgia,serif; }
.activity-summary { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:18px; border:1px solid var(--line); border-radius:15px; background:#fffdf8; overflow:hidden; }
.activity-summary:empty { display:none; }
.activity-summary article { padding:20px 24px; border-right:1px solid var(--line); }
.activity-summary article:last-child { border:0; }
.activity-summary strong { display:block; color:var(--green); font:400 26px Georgia,serif; }
.activity-summary span { display:block; margin-top:5px; color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }

/* Mobile capability page */
.mobile-page-body { overflow-x:hidden; }
.mobile-main { width:100%; }
.mobile-hero { min-height:calc(100vh - 78px); display:grid; grid-template-columns:minmax(0,1fr) minmax(480px,.85fr); align-items:center; gap:4vw; padding:80px max(5vw,calc((100vw - 1240px)/2)); background:radial-gradient(circle at 85% 30%,#dce7c7 0,transparent 28%),linear-gradient(180deg,#f4f0e7 0,#efeadf 100%); overflow:hidden; }
.mobile-hero-copy { position:relative; z-index:2; }
.mobile-hero-copy h1 { font-size:clamp(60px,6.5vw,96px); max-width:770px; }
.mobile-hero-copy h1 em { color:var(--green); font-weight:400; }
.mobile-lede { max-width:610px; color:var(--muted); font-size:18px; line-height:1.65; margin:30px 0 26px; }
.mobile-hero-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.mobile-cta { display:inline-flex; align-items:center; justify-content:space-between; min-width:190px; gap:24px; padding:14px 19px; border-radius:999px; background:var(--ink); color:white; text-decoration:none; font-size:12px; font-weight:800; transition:transform .2s ease,background .2s ease; }
.mobile-cta:hover { background:var(--green); transform:translateY(-2px); }
.mobile-cta span { color:var(--lime); }
.prototype-note { display:flex; align-items:center; gap:9px; color:var(--green); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.prototype-note i { width:8px; height:8px; border-radius:50%; background:#53b56f; box-shadow:0 0 14px #53b56f; }
.availability-note { margin:19px 0 0; color:#89938d; font-size:11px; line-height:1.5; }
.phone-stage { position:relative; min-height:660px; }
.phone-frame { position:absolute; top:50%; width:275px; margin:0; padding:7px; border-radius:52px; background:#0a0f0c; box-shadow:0 35px 70px #14221c32; overflow:hidden; }
.phone-frame img { display:block; width:100%; height:auto; border-radius:45px; }
.phone-wallet { left:3%; transform:translateY(-54%) rotate(-5deg); z-index:1; }
.phone-browser { right:1%; transform:translateY(-44%) rotate(5deg); }
.mobile-flow { padding:110px max(5vw,calc((100vw - 1240px)/2)); background:var(--white); }
.mobile-section-heading { display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:80px; margin-bottom:65px; }
.mobile-section-heading h2,.ipad-copy h2,.mobile-trust h2,.mobile-final-cta h2 { font:400 clamp(42px,4.3vw,64px)/.98 Georgia,serif; letter-spacing:-.045em; margin:0; }
.mobile-section-heading>p { color:var(--muted); font-size:15px; line-height:1.7; margin:0 0 4px; }
.mobile-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.mobile-feature-grid article { min-height:280px; padding:35px 38px 20px 0; border-right:1px solid var(--line); margin-right:38px; }
.mobile-feature-grid article:last-child { border:0; margin-right:0; }
.mobile-feature-grid span { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--green); border-radius:50%; color:var(--green); font:italic 15px Georgia,serif; }
.mobile-feature-grid h3 { font:400 30px Georgia,serif; margin:40px 0 12px; }
.mobile-feature-grid p { color:var(--muted); font-size:13px; line-height:1.7; margin:0; }
.ipad-section { display:grid; grid-template-columns:340px minmax(0,1fr); align-items:center; gap:7vw; padding:110px max(5vw,calc((100vw - 1240px)/2)); background:#e2e8d4; }
.ipad-copy p:not(.eyebrow) { color:var(--muted); font-size:15px; line-height:1.7; margin:25px 0; }
.ipad-copy ul { list-style:none; margin:30px 0 0; padding:0; border-top:1px solid #bdc8b2; }
.ipad-copy li { padding:14px 0; border-bottom:1px solid #bdc8b2; color:var(--muted); font-size:12px; }
.ipad-copy li b { display:inline-block; min-width:90px; color:var(--ink); }
.tablet-frame { position:relative; margin:0; padding:8px; border-radius:32px; background:#111714; box-shadow:0 40px 70px #14221c30; overflow:hidden; }
.tablet-frame img { display:block; width:100%; height:auto; border-radius:25px; }
.tablet-camera { position:absolute; z-index:2; top:17px; left:50%; width:5px; height:5px; border-radius:50%; background:#242d29; box-shadow:0 0 0 2px #090b0a; transform:translateX(-50%); }
.mobile-trust { display:grid; grid-template-columns:1fr 1fr; gap:9vw; padding:105px max(5vw,calc((100vw - 1100px)/2)); background:#f2eee5; }
.trust-details { border-top:1px solid var(--line); }
.trust-details p { margin:0; padding:20px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.75; }
.mobile-final-cta { padding:105px 5vw 115px; background:#102119; color:white; text-align:center; }
.mobile-final-cta img { display:block; width:64px; height:64px; margin:0 auto 27px; filter:drop-shadow(0 12px 25px #0005); }
.mobile-final-cta .eyebrow { color:var(--lime); }
.mobile-final-cta h2 { margin-bottom:35px; }
.mobile-final-cta .mobile-cta { margin:0 auto; background:var(--lime); color:var(--ink); }
.mobile-final-cta .mobile-cta:hover { background:white; }
.mobile-final-cta .mobile-cta span { color:var(--green); }
@media(max-width:900px){header{grid-template-columns:1fr auto}.demo-pill{display:none}nav{justify-self:end}.hero-copy{width:100%;min-height:auto;margin-bottom:50px}.wallet-shell{position:relative;top:auto;left:auto;width:100%;transform:none;margin-bottom:50px}.setup-panel,.checkout-grid{grid-template-columns:1fr}.explainer{grid-template-columns:1fr}.explainer article{border-right:0;border-bottom:1px solid var(--line);margin:0}.product-art{height:300px}.balance-grid{grid-template-columns:1fr 1fr}.balance-grid article:nth-child(2){border-right:0}.balance-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.policy-grid{grid-template-columns:1fr 1fr}.policy-grid .secondary{grid-column:1/-1}.trace-panel ol{grid-template-columns:1fr 1fr}.trace-panel li:nth-child(2n){border-right:0}.trace-panel li{border-bottom:1px solid #ffffff20}}
@media(max-width:580px){header{height:auto;padding-block:13px;display:flex;flex-wrap:wrap;gap:12px}nav{order:3;width:100%;justify-content:center;overflow:auto}.nav-link{flex:1;padding-inline:10px}main{width:min(92vw,600px)}#wallet{padding-top:52px}h1{font-size:53px}.promise-row{gap:12px;flex-wrap:wrap}.wallet-shell{padding:12px}.payment-card{padding:20px}.wallet-actions{grid-template-columns:1fr 1fr}.wallet-actions .primary{grid-column:1/-1}.card-number{font-size:19px}.setup-panel,.account-dashboard{padding:26px}.setup-panel form{grid-template-columns:1fr}.setup-panel form label{grid-column:1/-1}.balance-grid{grid-template-columns:1fr}.balance-grid article{border-right:0;border-bottom:1px solid var(--line)}.policy-grid{grid-template-columns:1fr}.policy-grid .secondary{grid-column:auto}.fields-3{grid-template-columns:1fr}.product{padding:25px}.checkout{padding:28px}.checkout-actions{grid-template-columns:1fr}.lifecycle-controls{grid-template-columns:1fr}.trace-panel{padding:24px}.trace-panel ol{grid-template-columns:1fr}.trace-panel li{border-right:0}.activity-summary{grid-template-columns:1fr}.activity-summary article{border-right:0;border-bottom:1px solid var(--line)}.section-title{align-items:flex-start;gap:20px;flex-direction:column}.section-title h1{font-size:48px}footer{gap:15px;flex-direction:column}}

@media(max-width:1050px) {
  .mobile-hero { grid-template-columns:minmax(0,1fr) 420px; }
  .phone-stage { min-height:600px; }
  .phone-frame { width:235px; }
  .ipad-section { grid-template-columns:280px minmax(0,1fr); }
}
@media(max-width:800px) {
  .mobile-hero { min-height:auto; grid-template-columns:1fr; padding-top:80px; }
  .mobile-hero-copy { text-align:center; }
  .mobile-hero-copy h1,.mobile-lede { margin-left:auto; margin-right:auto; }
  .mobile-hero-actions { justify-content:center; }
  .phone-stage { width:min(580px,100%); min-height:610px; margin:0 auto; }
  .phone-frame { width:min(265px,47vw); }
  .mobile-section-heading,.mobile-trust { grid-template-columns:1fr; gap:35px; }
  .mobile-feature-grid { grid-template-columns:1fr; }
  .mobile-feature-grid article { min-height:auto; margin:0; padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }
  .mobile-feature-grid h3 { margin-top:22px; }
  .ipad-section { grid-template-columns:1fr; }
  .ipad-copy { max-width:570px; }
}
@media(max-width:580px) {
  .mobile-page-body main { width:100%; }
  .mobile-page-body header nav { width:auto; order:initial; }
  .mobile-page-body header .nav-link:first-child { display:none; }
  .mobile-hero { padding:60px 5vw 45px; }
  .mobile-hero-copy h1 { font-size:50px; }
  .mobile-lede { font-size:16px; }
  .mobile-hero-actions { gap:16px; }
  .phone-stage { min-height:485px; }
  .phone-frame { padding:5px; border-radius:37px; }
  .phone-frame img { border-radius:32px; }
  .phone-wallet { left:-2%; }
  .phone-browser { right:-2%; }
  .mobile-flow,.ipad-section,.mobile-trust { padding:75px 6vw; }
  .mobile-section-heading { margin-bottom:42px; }
  .mobile-section-heading h2,.ipad-copy h2,.mobile-trust h2,.mobile-final-cta h2 { font-size:42px; }
  .tablet-frame { border-radius:20px; padding:5px; }
  .tablet-frame img { border-radius:15px; }
  .mobile-final-cta { padding:80px 6vw 90px; }
}