/* Original ROVNO editorial scenes. All interface surfaces stay aligned. */
body.discovery{background:#090f0c}
.product-section{padding-bottom:110px}
.section-heading p{color:#a6ada3}
.product-grid{gap:32px}
.product-block .scene{height:510px;border-color:#d4c7aa24;background:#131b15}
.wallet-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 0;animation:editorialZoom 19s ease-in-out infinite alternate}
.wallet-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b100dc9,transparent 72%)}
.scene-wallet:after{display:none}
.wallet-light{z-index:0;mix-blend-mode:soft-light}
.wallet-surface{inset:auto 30px 28px;max-width:none;margin:0;padding:24px 26px;border:1px solid #e8dec23b;border-radius:4px;background:linear-gradient(115deg,#324538c9,#34332cd4);backdrop-filter:blur(24px) saturate(.8);-webkit-backdrop-filter:blur(24px) saturate(.8);box-shadow:0 20px 45px #0004,inset 0 1px #ffffec12;overflow:hidden}
.scene-top{margin-bottom:15px;color:#d1d7bc;font-size:10px}
.scene-top img{width:32px;height:21px}
.balance-label{font-size:11px;color:#d0d7c9}
.scene-balance{font-size:54px;line-height:1.05;color:#f4f1e8}
.scene-balance>span{color:#bec4ad}
.scene-account{margin-top:15px;padding-block:11px;color:#c6cebc;font-size:11px}
.scene-account strong{font-size:16px;color:#f0f1e5}
.scene-account small{color:#c6cebc}
.scene-ledger>div{height:35px;font-size:11px;gap:9px;color:#e1e3d8}
.scene-ledger b{font-size:12px}
.scene-ledger>div:first-child b{color:#d5eac1}
.flow-icon{height:24px;width:24px;background:#e8ecd00a}
.scene-scan{bottom:0}
.scene-people .people-photo{object-position:50% 18%}
.recipient-panel{bottom:28px;left:30px;right:30px;padding:24px;background:linear-gradient(115deg,#4b5038c9,#273c2ad9);border-color:#e4d6b33d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 45px #0004,inset 0 1px #ffffec12}
.recipient-heading>div span{color:#c0c7b1}
.recipient-avatar{background:linear-gradient(135deg,#e0c8a1,#afa17e)}
.recipient-amount{color:#f6f3e7}
.recipient-amount small{color:#c5cbb6}
.feature-copy{padding-top:28px}
.feature-copy h3{font-size:30px}
.feature-copy p{color:#a6ada3}

/* Physical card: fine grain, solid edge and a moving studio reflection. */
.card-section{background:radial-gradient(ellipse at 70% 0,#3241323d,transparent 65%),#101610;border-color:#d6debe14}
.card-story{gap:64px;padding-block:100px}
.card-story-copy p{color:#aeb6a6}
.card-stage{width:100%;max-width:650px;padding:0;overflow:hidden;border:1px solid #c3cba120;border-radius:4px;background:radial-gradient(ellipse at 55% 25%,#394b2e38,transparent 70%),linear-gradient(130deg,#151d16,#0a100c 72%);box-shadow:inset 0 1px #dbeab20c}
.card-stage:before{display:none}
.card-plinth{position:relative;isolation:isolate;display:grid;align-items:center;min-height:400px;padding:60px 42px 44px;overflow:hidden}
.stage-signature{position:absolute;width:110%;max-width:none;left:14%;top:-7%;opacity:.028;filter:sepia(1);pointer-events:none;z-index:-2}
.plinth-light{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 20%,#b2c38c13 45%,transparent 70%);animation:plinthLight 10s ease-in-out infinite alternate}
.card-plinth:after{content:'';position:absolute;width:76%;height:18px;bottom:14px;left:12%;background:#0009;filter:blur(13px);pointer-events:none}
.physical-card{max-width:510px;padding:26px;border-color:#d7e7b84d;background:radial-gradient(ellipse at 12% 0,#a9c39726,transparent 65%),linear-gradient(115deg,#15935d,#006b41 57%,#003b2a);box-shadow:inset 0 1px 1px #f1ffe48c,inset 0 -2px 1px #001e19bb,0 3px 0 #003d29,0 4px 0 #df433252,0 25px 30px -12px #000e;transition:background .5s,box-shadow .5s}
.physical-card:before{background:repeating-linear-gradient(0deg,#f1ffe608 0 .6px,transparent .6px 2px),repeating-linear-gradient(90deg,#0c331503 0 1px,transparent 1px 3px);opacity:.7}
.physical-card>b{font-size:29px;text-shadow:0 1px 0 #002d24}
.physical-card[data-material=graphite]{background:radial-gradient(ellipse at 5% 0,#c2c8ac2b,transparent 60%),linear-gradient(120deg,#40483c,#252d25 52%,#111912);box-shadow:inset 0 1px 1px #f1ffe46c,inset 0 -2px 1px #06100bbb,0 3px 0 #151c16,0 4px 0 #df43325c,0 25px 30px -12px #000e}
.metal-chip{background:linear-gradient(125deg,#887d5f,#e9ddbc 32%,#b7ac8a 65%,#d9d3b8);border-color:#d9ccaa;box-shadow:inset 0 1px 1px #ffffdfc9,0 1px 1px #00271688}
.card-mark{filter:drop-shadow(0 1px 0 #bef9d95c) drop-shadow(0 -1px 0 #002a2080)}
.physical-card[data-material=graphite] .card-mark{filter:brightness(1.5) drop-shadow(0 1px 0 #e4f4cf2e)}
.card-sheen{background:linear-gradient(110deg,transparent 32%,#ffffe111 42%,#fff6db6b 49%,#ffffff0a 59%,transparent 66%);animation-duration:7s}
.card-controls{margin:4px 28px 0;max-width:none;gap:0;border-top:1px solid #b6c59d20;border-bottom:1px solid #b6c59d20}
.card-controls>a{background:none;border:0;border-radius:0;min-height:53px;color:#c0c9b4;font-size:11px;transition:background .3s}
.card-controls>a:hover{background:#d5e4b509}
.card-controls>a+a{border-left:1px solid #b6c59d20}
.material-switch{margin:0;gap:30px;min-height:90px;padding:18px 20px 24px}
.material-switch button{gap:12px;font-size:12px;color:#8f9b87}
.material-switch i{display:grid;place-items:center;width:41px;height:26px;background:linear-gradient(115deg,#148456,#00402c);border-radius:3px;border:1px solid #c2d0aa3a;box-shadow:inset 0 1px #efffc522}
.material-switch i img{width:20px;height:14px;opacity:.85}
.material-switch [data-color=graphite] i{background:linear-gradient(115deg,#42493b,#171e17)}
.material-switch [aria-pressed=true]{color:#eff0df}
.material-switch [aria-pressed=true] i{outline-color:#bfcda1;outline-offset:4px}

/* Lifestyle explorer: user-controlled, accessible tabs and fixed glass panels. */
.rhythm-section{padding-top:110px;padding-bottom:90px}
.rhythm-section .section-heading{margin-bottom:40px}
.rhythm-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:22px;border-bottom:1px solid #dce2cc24}
.rhythm-tabs button{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:57px;padding:12px 20px;background:none;text-align:left;color:#869484;font-size:14px;position:relative;transition:color .3s,background .3s}
.rhythm-tabs button:first-child{padding-left:0}
.rhythm-tabs button:last-child{padding-right:0}
.rhythm-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#d6dfc3;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.rhythm-tabs [aria-selected=true]{color:#edf1df}
.rhythm-tabs [aria-selected=true]:after{transform:scaleX(1)}
.rhythm-tabs button>span{display:flex;opacity:.35;transition:opacity .3s,transform .3s}
.rhythm-tabs [aria-selected=true]>span{opacity:1;transform:translateX(2px)}
.rhythm-tabs button:hover{color:#e1e8d2;background:#e3ebc803}
.rhythm-tabs svg{width:18px;height:18px}
.rhythm-stage{min-height:610px;border:1px solid #c9cfb32a;border-radius:4px;background:#243120}
.rhythm-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 35%;animation:editorialZoom 20s ease-in-out infinite alternate;transform-origin:25% 35%}
.rhythm-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#10180c17 55%,#0c150d63),linear-gradient(0deg,#0a100c55,transparent 55%)}
.rhythm-panels{position:relative;width:42%;max-width:460px;margin:85px 6% 60px auto}
.rhythm-panel[hidden]{display:none!important}
.rhythm-panel{animation:glassArrive .5s cubic-bezier(.16,1,.3,1) both}
.rhythm-panel h3{font-weight:350;font-size:28px;letter-spacing:-.035em;line-height:1.2;margin-bottom:28px;color:#f0eee2;min-height:67px;max-width:370px;text-wrap:balance}
.glass-panel{position:relative;padding:25px;border-radius:4px;border:1px solid #e5ddbd47;background:linear-gradient(115deg,#7e7f5966,#3a4a31b8);backdrop-filter:blur(27px) saturate(.75);-webkit-backdrop-filter:blur(27px) saturate(.75);box-shadow:inset 0 1px #fffbe119,0 24px 55px #0003;min-height:252px;overflow:hidden;color:#f5f3e7}
.glass-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff6ca09 50%,transparent 70%);transform:translateX(-110%);animation:glassReflection 10s ease-in-out infinite}
.glass-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;font-size:12px;color:#e4e8d3}
.glass-top .brand-name{font-size:17px}
.glass-top img{width:30px;height:20px}
.glass-label{font-size:11px;color:#d1d4bf}
.glass-amount{display:block;font-weight:350;font-size:49px;line-height:1.3;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fffbed}
.glass-amount>span{color:#c6cdb5}
.glass-amount small{font-size:11px;font-weight:400;letter-spacing:0;color:#d5dac5}
.glass-meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:18px;font-size:9px;color:#c6cfb9;letter-spacing:.02em}
.glass-actions{display:flex;gap:12px;margin-top:20px;border-top:1px solid #e0e6ca2b;padding-top:15px}
.glass-actions a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;font-size:10px;min-height:30px;color:#e6ead6}
.glass-actions a+a{border-left:1px solid #e0e6ca25}
.glass-actions svg{width:15px;height:15px}
.rhythm-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;min-height:55px;border-bottom:1px solid #e5e8cd55;color:#efefdf;margin-top:10px}
.rhythm-link svg{width:21px;transition:transform .3s}
.rhythm-link:hover svg{transform:translateX(5px)}
.rhythm-person{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.rhythm-person>div{display:flex;flex-direction:column;gap:3px}
.rhythm-person strong{font-size:14px;font-weight:450}
.rhythm-person>div span{font-size:10px;color:#d2d8c2;max-width:235px}
.rhythm-person .recipient-avatar{width:39px;height:39px;font-size:20px}
.rhythm-sent{margin-top:12px;display:flex;align-items:center;gap:7px;font-size:11px;color:#d6edbe}
.rhythm-sent svg{width:17px;height:17px}
.rhythm-sent path{stroke-dasharray:25;animation:rhythmCheck .7s ease-out both;animation-delay:.2s}
.rhythm-transaction{display:flex;align-items:center;gap:11px;padding:16px 0;border-bottom:1px solid #e0e6ca25}
.rhythm-transaction .transaction-icon{width:29px;height:32px;display:grid;place-items:center;background:#ecf2d910;border:1px solid #ecf2d91a;border-radius:3px;flex-shrink:0}
.transaction-icon svg{width:15px;height:15px;transform:rotate(-35deg)}
.incoming .transaction-icon svg{transform:rotate(135deg)}
.rhythm-transaction>div{display:flex;flex-direction:column;gap:4px}
.rhythm-transaction>div strong{font-size:11px;font-weight:450}
.rhythm-transaction>div span{font-size:9px;color:#c8d0b9}
.rhythm-transaction>strong{font-size:16px;font-weight:400;margin-left:auto;white-space:nowrap;letter-spacing:-.03em}
.rhythm-transaction small{font-size:8px;color:#cad2ba;letter-spacing:0}
.rhythm-transaction.incoming>strong{color:#d7ebba}
.rhythm-panel .glass-panel{height:280px}
.rhythm-panel:focus-visible{outline:1px solid #dfad83;outline-offset:10px}
.control-section{padding-top:20px;padding-bottom:110px}
.control-scene{background:radial-gradient(ellipse at 0 0,#ad8c513b,transparent 70%),linear-gradient(130deg,#242c20,#111a13);border-color:#c8bc9e25;min-height:450px}
.review-window{background:linear-gradient(130deg,#5b60404a,#233623a6);backdrop-filter:blur(20px);border-color:#d2d1aa3b;box-shadow:inset 0 1px #ffffe710,0 25px 45px #0004}
.end-section{background:radial-gradient(ellipse at 50% 100%,#263e28,transparent 80%),#0d1c13}
@keyframes plinthLight{from{transform:translateX(-20%);opacity:.3}to{transform:translateX(20%);opacity:1}}
@keyframes glassArrive{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes glassReflection{0%,16%{transform:translateX(-110%)}60%,100%{transform:translateX(110%)}}
@keyframes rhythmCheck{from{stroke-dashoffset:25}to{stroke-dashoffset:0}}
@media(max-width:1100px){.product-block .scene{height:480px}.wallet-surface{inset:auto 22px 22px;padding:22px}.recipient-panel{left:22px;right:22px;bottom:22px;padding:20px}.card-story{gap:35px}.card-plinth{min-height:330px;padding:45px 25px 35px}.physical-card>b{font-size:26px}.rhythm-stage{min-height:570px}.rhythm-panels{width:44%;margin-right:5%;margin-top:70px}.glass-panel{padding:22px}.rhythm-panel h3{font-size:26px}.rhythm-transaction{gap:8px}.rhythm-transaction>strong{font-size:14px}}
@media(max-width:800px){.product-grid{gap:22px}.wallet-surface{inset:auto 16px 18px;padding:20px}.scene-balance{font-size:48px}.scene-ledger>div{font-size:9px;gap:6px}.scene-ledger b{font-size:11px}.scene-account{font-size:10px}.recipient-panel{left:16px;right:16px;bottom:18px;padding:16px}.recipient-amount{font-size:22px}.card-stage{max-width:570px}.card-plinth{padding:55px 40px 40px;min-height:365px}.card-story{padding-block:75px;gap:35px}.physical-card>b{font-size:29px}.rhythm-panels{width:47%;margin-right:4%}.rhythm-panel h3{font-size:24px;min-height:58px}.rhythm-transaction>strong{font-size:13px}.rhythm-transaction .transaction-icon{display:none}.glass-panel{padding:20px}.glass-actions a{font-size:9px}.rhythm-photo{object-position:36% 30%}.rhythm-stage{min-height:550px}}
@media(max-width:600px){.product-section{padding-bottom:62px}.product-grid{gap:38px}.product-block .scene,.scene-people{height:480px!important}.wallet-photo{object-position:66% 0}.wallet-surface{inset:auto 18px 20px;padding:22px}.scene-top{margin-bottom:14px}.scene-balance{font-size:52px}.scene-account{font-size:10px;margin-top:15px}.scene-ledger>div{font-size:10px;gap:8px;height:35px}.scene-ledger b{font-size:12px}.recipient-panel{left:18px;right:18px;bottom:20px;padding:19px}.recipient-heading>div strong{font-size:12px}.recipient-amount{font-size:25px}.feature-copy{padding-top:22px}.feature-copy h3{font-size:25px}.card-story{padding-block:62px;gap:30px}.card-stage{max-width:none}.card-plinth{padding:38px 21px 32px;min-height:270px}.physical-card{padding:21px}.physical-card>b{font-size:24px}.physical-card .metal-chip{left:20px;width:32px;height:25px}.physical-card .contactless{left:61px;width:17px;height:23px}.physical-card .card-number,.physical-card .card-holder{left:20px}.physical-card .card-number{font-size:10px;letter-spacing:1px}.physical-card .card-holder{font-size:7px;letter-spacing:1px}.card-mark{right:20px}.card-controls{margin-inline:20px}.card-controls>a{min-height:49px;font-size:10px;gap:7px}.material-switch{gap:26px;min-height:86px;padding:16px 15px 20px}.material-switch button{font-size:11px;gap:10px}.material-switch i{width:36px;height:23px}.rhythm-section{padding-block:62px 46px}.rhythm-section .section-heading{margin-bottom:25px}.rhythm-tabs{margin-bottom:18px}.rhythm-tabs button{font-size:12px;min-height:49px;padding:10px 12px;gap:6px}.rhythm-tabs svg{width:15px;height:15px}.rhythm-stage{min-height:610px;display:flex;align-items:flex-end}.rhythm-photo{object-position:24% 0;height:75%;transform-origin:27% 25%;object-fit:cover}.rhythm-shade{background:linear-gradient(0deg,#142212 0%,#142212 10%,#142212bf 35%,transparent 65%)}.rhythm-panels{width:100%;max-width:none;margin:0;padding:0 20px 25px}.rhythm-panel h3{font-size:24px;min-height:0;margin-bottom:18px;max-width:none;line-height:1.15;letter-spacing:-.04em}.glass-panel{padding:21px;background:linear-gradient(115deg,#73795166,#28412cc7);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.rhythm-panel .glass-panel{height:257px;min-height:257px}.glass-top{margin-bottom:18px}.glass-amount{font-size:47px}.glass-meta{margin-top:15px;font-size:9px;gap:8px}.glass-actions{margin-top:16px;padding-top:12px}.glass-actions a{font-size:10px}.rhythm-person{margin-bottom:12px}.rhythm-person strong{font-size:13px}.rhythm-person>div span{font-size:10px;max-width:180px}.rhythm-transaction{gap:10px;padding:17px 0}.rhythm-transaction>strong{font-size:16px}.rhythm-transaction .transaction-icon{display:grid}.rhythm-transaction>div strong{font-size:10px}.rhythm-link{font-size:12px;min-height:49px;margin-top:8px}.control-section{padding-top:12px;padding-bottom:62px}.control-scene{min-height:410px}.review-window{padding:24px}}
@media(max-width:360px){.product-block .scene,.scene-people{height:455px!important}.wallet-surface{inset:auto 14px 16px;padding:18px}.scene-balance{font-size:48px}.scene-account strong{font-size:14px}.scene-ledger>div{font-size:9px;gap:6px}.scene-ledger b{font-size:11px}.recipient-panel{left:14px;right:14px;bottom:16px;padding:14px}.recipient-amount{font-size:23px}.card-plinth{min-height:225px;padding:30px 16px 27px}.physical-card{padding:17px;border-radius:10px}.physical-card>b{font-size:21px}.physical-card .metal-chip{left:17px;width:28px;height:22px}.physical-card .contactless{left:52px;width:15px;height:21px}.physical-card .card-number,.physical-card .card-holder{left:17px}.physical-card .card-number{font-size:8px}.physical-card .card-holder{font-size:6px}.card-mark{right:16px}.card-controls{margin-inline:16px}.card-controls>a{font-size:9px;padding-inline:5px}.material-switch{gap:22px}.material-switch button{font-size:10px}.material-switch i{width:32px;height:21px}.rhythm-tabs button{font-size:11px;padding-inline:9px}.rhythm-tabs svg{width:13px}.rhythm-panels{padding:0 15px 22px}.rhythm-panel h3{font-size:23px}.rhythm-panel .glass-panel{padding:18px;height:247px;min-height:247px}.glass-amount{font-size:43px}.glass-meta{font-size:8px}.glass-actions a{font-size:9px}.rhythm-stage{min-height:590px}.rhythm-transaction .transaction-icon{display:none}.rhythm-transaction>strong{font-size:14px}.rhythm-transaction>div strong{font-size:10px}.rhythm-person>div span{max-width:160px}.rhythm-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wallet-photo,.rhythm-photo{animation:none;transform:none}.rhythm-panel,.rhythm-sent path{animation:none}.plinth-light,.glass-panel:after{animation:none}.rhythm-tabs button:after,.rhythm-tabs button>span{transition:none}.rhythm-sent path{stroke-dashoffset:0}}
