/* Original Grovalo product demonstration: connected desktop + mobile, no copied assets. */
.grovalo-home .hero h1{color:#111b27;font-weight:800}
.grovalo-home main .section :is(p,li){color:#202b3b;font-weight:600}
.grovalo-home main .section :is(h2,h3){font-weight:800;color:#142131}
.grovalo-home .hero-description{color:#222d3b;font-weight:600}
.grovalo-home .section .lead{color:#1f2937;font-weight:650}
.grovalo-home :is(.eyebrow,.micro){font-weight:800}
.grovalo-home .section-top>p,.grovalo-home .center-heading>p{color:#273241;font-weight:600}
.grovalo-home nav>a{font-weight:800;color:#172332}
.grovalo-home .footer-top :is(p,a){color:#273444;font-weight:600}
.grovalo-home .footer-top h3{font-weight:800;color:#152233}
.grovalo-home .news-card p,.grovalo-home .faq-list details>p{color:#242f3c;font-weight:600}
.grovalo-home .global-layout .small-note{color:#34445b}
.grovalo-home #network-stage :is(#network-help,.network-note){color:#b5d1e6;font-weight:500}
.grovalo-home #workspace{position:relative;overflow:clip;background:none}
.grovalo-home #workspace>.center-heading h2 em{color:#b66c20}
.grovalo-home #workspace>.center-heading p{font-size:17px;max-width:550px;margin-inline:auto}
.workspace-showcase{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:center;position:relative;isolation:isolate}
.workspace-showcase:before{content:'';position:absolute;inset:-55px -40px -35px;z-index:-1;background:radial-gradient(ellipse at 15% 60%,#9db7e422,transparent 55%),radial-gradient(ellipse at 90% 40%,#f5b55023,transparent 45%);pointer-events:none}
.workspace-showcase.journey-other-perspective{grid-template-columns:1fr;max-width:1150px;margin-inline:auto}
.workspace-showcase .workspace-browser{width:100%;min-width:0;background:#fffefb;border:1px solid #c6d3e3;box-shadow:0 30px 65px #2445690e,0 2px 6px #21365706;border-radius:16px;position:relative}
.workspace-showcase .browser-bar{height:43px;background:linear-gradient(100deg,#eef3fa,#f7f8fb);font-size:11px;color:#415671;padding-inline:20px}
.workspace-showcase .browser-bar .micro{font-size:8px;letter-spacing:.06em;color:#526783}
.workspace-showcase .demo-layout{grid-template-columns:145px minmax(0,1fr);min-height:560px}
.workspace-showcase .demo-sidebar{padding:28px 16px;background:linear-gradient(180deg,#f1f5fc,#f9fafc);border-right:1px solid #e0e7f0;min-width:0}
.workspace-showcase .demo-sidebar .brand{font-size:23px;gap:7px;letter-spacing:-.05em}
.workspace-showcase .demo-sidebar .brand img{width:25px;height:25px}
.workspace-showcase .demo-side-links{font-size:11px;gap:8px;margin-top:33px}
.workspace-showcase .demo-side-links>span{padding:12px 10px;gap:8px;color:#3f5470;font-weight:650;line-height:1.5}
.workspace-showcase .demo-side-links .icon{width:14px;height:14px;flex-shrink:0}
.workspace-showcase .demo-side-links .selected{background:#e3ecfa;color:#274f96;border-color:#cedcf2}
.workspace-showcase .demo-account{font-size:10px;gap:7px}.workspace-showcase .demo-account small{font-size:9px}
.workspace-showcase .demo-account>span{width:27px;height:27px;font-size:10px}
.workspace-showcase .demo-main{padding:26px;min-width:0}
.workspace-showcase .demo-disclaimer{font-size:10px;padding:12px 20px;color:#3e526b;background:#f6f8fb;line-height:1.8}
.workspace-showcase .demo-motion-strip{font-size:10px;gap:12px;padding:16px 15px;background:linear-gradient(100deg,#fff7e6,#f0f5ff);flex-wrap:wrap}
.journey-dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.journey-overline{font-size:9px;font-weight:800;color:#576c89;letter-spacing:.09em;line-height:1.5;display:block}
.grovalo-home .journey-dashboard-heading h3{font-size:29px;font-weight:700;letter-spacing:-.055em;line-height:1.22;margin:13px 0 0;color:#13273f}
.journey-dashboard-heading h3>span{color:#405b7e}
.journey-example-tag{font-size:8px;letter-spacing:.06em;font-weight:800;border:1px solid #dce2eb;border-radius:5px;padding:6px;color:#50617a;white-space:nowrap;background:#f4f7fb}
.journey-action-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0}
.journey-action-row>span{font-size:10px;font-weight:650;color:#4f6179;line-height:1.8}
.journey-account-dot{color:#b4863c;padding-inline:3px}
.grovalo-home .journey-action-row .button{font-size:10px;padding:11px 13px;min-height:40px;white-space:nowrap;border-radius:7px}
.grovalo-home .journey-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:0}
.grovalo-home .journey-metrics .demo-metric{padding:17px 12px 15px;min-width:0;border:1px solid #dbe4f0;border-radius:10px;box-shadow:none;background:#f6f9ff;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}
.grovalo-home .journey-metrics .demo-metric:nth-child(2){background:#fffaed;border-color:#ecdfbf}
.grovalo-home .journey-metrics .demo-metric:nth-child(3){background:#f2f8f5;border-color:#d5e6df}
.journey-metrics .demo-metric:hover{transform:translateY(-3px);border-color:#a7bbd9;box-shadow:0 8px 18px #1b345409}
.grovalo-home .journey-metrics .demo-metric>span{font-size:10px;font-weight:750;color:#3e5470}
.grovalo-home .journey-metrics .demo-metric strong{font-size:clamp(21px,2vw,29px);font-weight:800;letter-spacing:-.065em;line-height:1.3;white-space:nowrap;color:#122b4b;margin:10px 0 7px;display:block;font-variant-numeric:tabular-nums}
.grovalo-home .journey-metrics .demo-metric small{font-size:9px;font-weight:550;color:#4e6278;line-height:1.6;display:block;min-height:29px}
.journey-metrics .motion-spark{width:40%;max-width:70px;height:24px;bottom:4px;opacity:.12}
.journey-balance-story{margin:19px 0 25px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:17px;padding:19px 18px;border:1px solid #e0e6ef;border-radius:10px;background:linear-gradient(115deg,#fffefb,#f6f9fe)}
.journey-balance-story h4{font-family:var(--heading);font-size:17px;letter-spacing:-.04em;line-height:1.45;margin:10px 0;color:#213955;font-weight:650}
.journey-balance-story .journey-overline{font-size:8px;letter-spacing:.06em}
.journey-credit-label{display:block;font-size:10px;color:#587087;font-weight:700;line-height:1.6}
.journey-chart{align-self:end;min-width:0}.journey-chart svg{display:block;width:100%;height:83px;overflow:visible}
.journey-chart-guide{fill:none;stroke:#dce5ee;stroke-width:1;stroke-dasharray:3 5}
.journey-chart-base{fill:none;stroke:#d1dfef;stroke-width:2.5;stroke-dasharray:3 4}
.journey-chart-line{fill:none;stroke:#2c7390;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
.journey-chart-node{fill:#2c7390;stroke:#e6f1f7;stroke-width:5;opacity:0;transition:opacity .5s}
.journey-chart>div{display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:650;color:#5a7189;line-height:1.5;margin-top:9px}
[data-journey-stage="2"] .journey-chart-line,[data-journey-stage="3"] .journey-chart-line,[data-journey-stage="4"] .journey-chart-line{stroke-dashoffset:0}
[data-journey-stage="2"] .journey-chart-node,[data-journey-stage="3"] .journey-chart-node,[data-journey-stage="4"] .journey-chart-node{opacity:1}
[data-journey-stage="2"] #journey-credit-label,[data-journey-stage="3"] #journey-credit-label,[data-journey-stage="4"] #journey-credit-label{color:#20674f}
.journey-activity-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.journey-activity-heading h4{font-size:13px;font-weight:800;color:#253c58;margin:0}
.journey-activity-heading>span{font-size:8px;font-weight:700;letter-spacing:.04em;color:#5b6d84}
.journey-transaction{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:69px;border-top:1px solid #e6ebf2;position:relative;transition:background .4s}
.journey-avatar{width:30px;height:30px;border:1px solid #d0dfef;display:grid;place-items:center;background:#e7f0fa;color:#385c85;border-radius:8px;font-size:10px;font-weight:800}
.journey-avatar.gold{background:#fff4dc;border-color:#ecdcba;color:#8f6a2f}.journey-avatar.blue{background:#eaf0ff;border-color:#d1ddf5;color:#4a65a6}
.journey-transaction>div>strong{font-size:11px;color:#233c58;font-weight:750;line-height:1.6;display:block;overflow-wrap:anywhere}
.journey-transaction>div>small{display:block;font-size:9px;font-weight:550;color:#536982;margin-top:3px;line-height:1.5}
.journey-transaction-value{text-align:right;min-width:85px}
.journey-transaction-value>strong{font-size:12px!important;font-weight:800!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.journey-status-tag{display:inline-flex;font-size:8px;font-weight:750;line-height:1.5;padding:3px 6px;background:#eef2f6;color:#53677e;border:1px solid #dce5ed;border-radius:4px;margin-top:5px;white-space:nowrap}
.journey-status-tag.confirmed{background:#ebf6ee;color:#286544;border-color:#cce3d5}.journey-status-tag.processing{background:#fff4dd;color:#885d1c;border-color:#ebd6a8}
.journey-payout-action{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #e3e9f1;padding-top:18px;margin-top:4px}
.journey-payout-action>span{font-size:9px;font-weight:600;color:#4e637e;line-height:1.8;max-width:240px}
.journey-payout-action>button{background:#edf2fc;border:1px solid #c6d5ed;color:#2d4e81;min-height:39px;font-size:10px;font-weight:800;border-radius:7px;padding:10px 12px;cursor:pointer;white-space:nowrap}
.journey-payout-action>button:hover{background:#e0e9f8;border-color:#93add4}
.journey-payout-action>button:disabled{background:#f4f6f8;border-color:#e0e5ea;color:#657486;cursor:default}
[data-journey-stage="1"] #journey-new-payment{background:linear-gradient(90deg,#fff5df88,transparent)}
[data-journey-stage="2"] #journey-new-payment{animation:journey-received .9s ease-out;background:linear-gradient(90deg,#edf8f288,transparent)}
[data-journey-stage="3"] #journey-withdrawal-row{animation:journey-received .8s ease-out;background:linear-gradient(90deg,#fff3d788,transparent)}
[data-journey-stage="4"] #journey-withdrawal-row{animation:journey-received .8s ease-out;background:linear-gradient(90deg,#e6f6ed88,transparent)}

/* The phone is live DOM, so the same example can be operated by mouse or keyboard. */
.journey-phone-area{position:relative;min-width:0;width:270px;justify-self:center}
.journey-phone-label{display:flex;align-items:center;gap:8px;justify-content:center;font-size:9px;font-weight:800;color:#465b76;letter-spacing:.08em;margin-bottom:18px}
.journey-phone-label>span:last-child{font-size:8px;background:#fff0d1;color:#80561d;border:1px solid #ead3a8;padding:3px 5px;border-radius:4px;letter-spacing:.03em;margin-left:4px}
.journey-live-dot{height:5px;width:5px;flex-shrink:0;border-radius:50%;background:#d3943b;box-shadow:0 0 0 4px #daa04718}
.journey-phone{position:relative;border:7px solid #203149;border-radius:39px;background:#fffdf8;box-shadow:0 24px 40px #203d6320,0 0 0 1px #8492a244,3px 0 0 #4a5b72;overflow:hidden;transform:rotate(2deg);transition:transform .4s,box-shadow .4s;isolation:isolate}
.journey-phone:hover{transform:rotate(0);box-shadow:0 28px 50px #203d6327,0 0 0 1px #8492a255}
.journey-phone-hardware{position:relative;display:flex;justify-content:space-between;align-items:center;height:35px;padding:0 18px;font-size:9px;font-weight:800;color:#22334b}
.journey-phone-hardware i{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:72px;height:20px;background:#203149;border-radius:20px}
.journey-phone-hardware>span:last-child{letter-spacing:-1px;font-size:8px}
.journey-phone-address{margin:7px 12px 0;display:flex;align-items:center;justify-content:center;gap:5px;background:#f0f1ef;border:1px solid #e6e6de;border-radius:7px;padding:9px;font-size:9px;font-weight:700;color:#4f5a66}
.journey-phone-content{padding:23px 20px 12px}
.journey-phone-brand{display:flex;align-items:center;justify-content:center;gap:4px;font-size:20px;font-weight:850;color:#263a55;letter-spacing:-.07em;margin-bottom:24px}
.journey-phone-brand>span{color:#dda338}
.journey-phone-merchant{display:flex;gap:9px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e4e5df}
.journey-phone-merchant>span{width:29px;height:29px;border-radius:8px;background:#fff0d2;border:1px solid #e8d4ad;display:grid;place-items:center;color:#89602b;font-size:9px;font-weight:800}
.journey-phone-merchant>div{font-size:11px;font-weight:800;color:#26384e}.journey-phone-merchant small{display:block;font-size:8px;font-weight:600;color:#596b7b;line-height:1.8}
.grovalo-home #workspace .journey-phone-eyebrow{font-size:9px;letter-spacing:.1em;color:#5e6771;margin:21px 0 12px;font-weight:800}
.journey-phone-amount{font-family:var(--heading);font-size:39px;letter-spacing:-.075em;font-weight:700;line-height:1.2;color:#1c304b;display:block;font-variant-numeric:tabular-nums;white-space:nowrap}
.journey-phone-amount>span{font-size:26px;color:#4a607a}
.journey-phone-currency{display:block;font-size:8px;letter-spacing:.05em;font-weight:700;color:#617084;margin-top:8px}
.journey-phone-service{display:flex;justify-content:space-between;gap:10px;padding:18px 0;border-bottom:1px solid #e5e5dc;font-size:10px;color:#475367;font-weight:600}
.journey-phone-service b{color:#25384f;font-weight:800}
.journey-phone-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:143px;gap:9px;padding-block:15px}
#journey-phone-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#9d6d25;border:1px solid #e8d7b3;background:#fff3dc}
#journey-phone-title{font-size:12px;color:#304159;letter-spacing:-.02em;font-weight:800}
.grovalo-home #workspace #journey-phone-note{font-size:10px;color:#4f6176;font-weight:550;line-height:1.65;margin:0;max-width:190px;min-height:32px}
.journey-phone-pay{width:100%;border:1px solid #e7a14c;background:linear-gradient(105deg,#ffcc77,#f6ac56);border-radius:9px;font-size:11px;font-weight:800;color:#263547;min-height:45px;padding:10px;cursor:pointer;box-shadow:0 5px 13px #d59b3712;transition:background .2s,box-shadow .2s,transform .2s;line-height:1.6}
.journey-phone-pay:hover{background:#ffcf83;box-shadow:0 7px 17px #d59b3725;transform:translateY(-1px)}
.journey-phone-pay:disabled{cursor:default;background:#e9f3ed;border-color:#c8dfd1;color:#286246;box-shadow:none;transform:none}
.grovalo-home #workspace .journey-phone-disclaimer{font-size:8px;color:#5b6878;font-weight:550;line-height:1.7;text-align:center;margin:13px 0 0}
.journey-home-indicator{height:4px;width:87px;background:#203149;border-radius:5px;margin:13px auto 8px}
.journey-phone-caption{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:10px;color:#53637a;font-weight:650;line-height:1.7;margin:20px -5px 0}
.journey-phone-caption>span{color:#b47f34;font-size:18px}
[data-journey-stage="1"] #journey-phone-icon{animation:journey-processing 3s linear infinite}
[data-journey-stage="2"] #journey-phone-icon,[data-journey-stage="3"] #journey-phone-icon,[data-journey-stage="4"] #journey-phone-icon{background:#e6f5ec;color:#32724f;border-color:#b6d8c3}
[data-journey-stage="2"] #journey-phone-title,[data-journey-stage="3"] #journey-phone-title,[data-journey-stage="4"] #journey-phone-title{color:#256145}
[data-journey-stage="2"] .journey-phone-state{animation:journey-confirmed .7s ease-out}

.journey-controls{margin-top:33px;border:1px solid #d4deeb;border-radius:12px;padding:22px 25px;background:linear-gradient(115deg,#f8faff,#fffcf4)}
.journey-control-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}
.journey-demo-pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.07em;font-weight:800;color:#71501e}
.journey-demo-pill:before{content:'';width:5px;height:5px;background:#bd8434;border-radius:50%}
.grovalo-home #workspace #journey-caption{font-size:13px;color:#334960;font-weight:600;line-height:1.8;margin:7px 0 0;max-width:640px;min-height:46px}
.journey-playback{display:flex;gap:7px;flex-shrink:0}
.journey-playback button{border:1px solid #c9d7e9;background:#fffefa;color:#3b5577;border-radius:6px;min-height:39px;font-size:11px;font-weight:750;padding:9px 12px;cursor:pointer;white-space:nowrap}
.journey-playback button:hover{border-color:#91a9ca;background:#f0f5fe}
.journey-playback button>span{padding-right:4px}
.journey-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}
.journey-steps>button{padding:13px 11px;border:1px solid #d4dfed;border-radius:7px;background:#f5f8fd;color:#425975;text-align:left;font-size:10px;font-weight:750;line-height:1.6;cursor:pointer;position:relative;overflow:hidden;min-height:45px}
.journey-steps>button>span{color:#788da9;font-size:9px;margin-right:7px}
.journey-steps>button:hover{background:#edf3fc;border-color:#a9bddb}
.journey-steps>button[aria-pressed=true]{background:#fff0d6;color:#754d1a;border-color:#d7ac6e}
.journey-steps>button[aria-pressed=true]>span{color:#a16e26}
.journey-steps>button[data-complete=true]{color:#316548;border-color:#ccdfd4;background:#f0f7f3}
.journey-controls[data-running=true] .journey-steps>button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#ce9845;transform-origin:left;animation:journey-step-time 5.2s linear infinite}
.journey-controls[data-running=true] .journey-steps>button[data-journey-step="4"][aria-pressed=true]:after{animation-duration:8s}
.grovalo-home #workspace .journey-accounting-note{font-size:10px;color:#4a5f7b;font-weight:550;line-height:1.8;margin:17px 0 0}
.journey-dialog{width:min(430px,calc(100% - 40px));padding:32px;border:1px solid #c7d6eb;border-radius:17px;background:linear-gradient(130deg,#fffdf8,#f5f8ff);box-shadow:0 40px 100px #15315144;position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 40px);overflow:auto;color:#1f334e}
.journey-dialog::backdrop{background:#19304966;backdrop-filter:blur(5px)}
.journey-dialog-close{position:absolute;right:17px;top:12px;width:32px;height:32px;border:0;background:transparent;color:#4a5f7b;font-size:25px;cursor:pointer}
.grovalo-home #workspace .journey-dialog h3{font-size:29px;line-height:1.25;letter-spacing:-.045em;font-weight:750;margin:22px 0 16px}
.grovalo-home #workspace .journey-dialog p{font-size:14px;color:#33475e;font-weight:550;line-height:1.85}
.journey-dialog label{display:block;font-size:13px;font-weight:800;margin:23px 0 9px;color:#314968}
.journey-dialog input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid #bacce3;background:#fffefb;color:#203653;font-size:16px;min-height:47px;box-sizing:border-box}
.grovalo-home .journey-dialog .button{font-size:13px;width:100%;min-height:46px;justify-content:center}
.journey-dialog small{font-size:11px;display:block;line-height:1.8;color:#4f6580;margin-top:15px}
.grovalo-home #workspace #journey-link-feedback,.grovalo-home #workspace #journey-review-feedback{color:#9b302b;font-size:12px;line-height:1.7}
.journey-review-summary{display:flex;justify-content:space-between;gap:20px;padding:18px;background:#eaf1fc;border:1px solid #c9d9ef;border-radius:8px;font-size:13px;margin-top:23px;color:#304e78}
.journey-review-summary strong{font-size:18px;font-weight:800;letter-spacing:-.04em}
[hidden].journey-phone-area,[hidden].journey-controls{display:none!important}
@keyframes journey-received{from{transform:translateX(9px);opacity:.4}to{transform:translateX(0);opacity:1}}
@keyframes journey-confirmed{from{transform:translateY(8px);opacity:.3}to{transform:translateY(0);opacity:1}}
@keyframes journey-processing{to{transform:rotate(360deg)}}
@keyframes journey-step-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media(min-width:1650px){.workspace-showcase{grid-template-columns:minmax(0,1fr) 320px;gap:42px}.journey-phone-area{width:300px}.workspace-showcase .demo-layout{grid-template-columns:175px minmax(0,1fr)}.workspace-showcase .demo-main{padding:34px}.grovalo-home .journey-metrics .demo-metric strong{font-size:34px}.grovalo-home .journey-metrics .demo-metric>span{font-size:12px}.grovalo-home .journey-metrics .demo-metric small{font-size:10px}.journey-transaction>div>strong{font-size:13px}.journey-transaction>div>small{font-size:11px}.journey-transaction{min-height:77px}.journey-phone-content{padding:28px 23px 15px}.journey-phone-amount{font-size:46px}.journey-phone-pay{font-size:12px}.journey-phone-state{min-height:155px}.journey-steps>button{font-size:12px}.journey-phone-merchant>div{font-size:12px}.journey-phone-merchant small{font-size:9px}}
@media(max-width:1200px){.workspace-showcase{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.journey-phone-area{width:250px}.workspace-showcase .demo-layout{grid-template-columns:1fr}.workspace-showcase .demo-sidebar{display:none}.workspace-showcase .browser-bar .micro{display:none}.workspace-showcase .demo-main{padding:25px}.grovalo-home .journey-metrics .demo-metric strong{font-size:28px}.journey-phone-content{padding:21px 16px 12px}.journey-control-heading{gap:20px}.journey-steps>button{font-size:9px;padding:13px 9px}.journey-steps>button>span{margin-right:4px}.journey-balance-story{gap:10px}.journey-payout-action>span{font-size:9px}}
@media(max-width:1000px){.workspace-showcase{grid-template-columns:1fr;gap:40px}.workspace-showcase .demo-main{padding:29px}.workspace-showcase .demo-layout{min-height:0}.journey-phone-area{width:min(300px,100%)}.journey-phone-content{padding:25px 22px 12px}.journey-phone-merchant>div{font-size:12px}.journey-phone-merchant small{font-size:9px}.journey-phone-amount{font-size:44px}.journey-phone-pay{font-size:12px;min-height:47px}.grovalo-home #workspace #journey-phone-note{font-size:11px;max-width:220px}.grovalo-home #workspace .journey-phone-disclaimer{font-size:10px}.journey-phone-state{min-height:153px}.journey-phone-currency{font-size:9px}.journey-phone-eyebrow{font-size:10px!important}.journey-phone-service{font-size:11px}.journey-phone-address{font-size:10px}.journey-phone-label{font-size:10px}.journey-phone-caption{font-size:12px}.journey-control-heading{display:block}.journey-playback{margin-top:19px}.journey-controls{padding:25px}.journey-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journey-steps>button{font-size:11px;min-height:48px;padding:12px}.journey-control-heading #journey-caption{min-height:0}.grovalo-home .journey-metrics .demo-metric strong{font-size:31px}.grovalo-home .journey-metrics .demo-metric>span{font-size:12px}.grovalo-home .journey-metrics .demo-metric small{font-size:10px}.journey-balance-story{gap:30px;padding:23px}.journey-balance-story h4{font-size:21px}.journey-transaction>div>strong{font-size:13px}.journey-transaction>div>small{font-size:11px}.journey-transaction-value>strong{font-size:14px!important}.journey-transaction{min-height:80px}.journey-status-tag{font-size:10px}.journey-activity-heading h4{font-size:15px}.journey-activity-heading>span{font-size:9px}.journey-payout-action>span{font-size:11px}.journey-payout-action>button{font-size:12px;min-height:44px}.grovalo-home .journey-action-row .button{font-size:12px;min-height:44px}.journey-action-row>span{font-size:12px}.journey-chart>div{font-size:9px}.journey-credit-label{font-size:12px}.journey-overline{font-size:10px}.journey-example-tag{font-size:9px}.workspace-showcase .demo-disclaimer{font-size:11px}.workspace-showcase .demo-motion-strip{font-size:11px}.grovalo-home #workspace .journey-accounting-note{font-size:11px}}
@media(max-width:600px){.grovalo-home #workspace>.center-heading p{font-size:16px}.workspace-showcase .demo-main{padding:24px 19px}.workspace-showcase .browser-bar{font-size:10px;padding-inline:13px}.journey-dashboard-heading{gap:10px;flex-wrap:wrap}.grovalo-home .journey-dashboard-heading h3{font-size:28px}.journey-dashboard-heading h3 br{display:none}.journey-dashboard-heading h3>span{display:block}.journey-example-tag{font-size:8px}.journey-action-row{flex-wrap:wrap;gap:13px;margin-top:21px}.journey-action-row>span{font-size:11px}.grovalo-home .journey-metrics{grid-template-columns:1fr;gap:10px}.grovalo-home .journey-metrics .demo-metric{padding:18px}.grovalo-home .journey-metrics .demo-metric strong{font-size:33px;margin-block:8px 5px}.grovalo-home .journey-metrics .demo-metric small{font-size:11px;min-height:0}.journey-metrics .motion-spark{height:34px;max-width:100px}.journey-balance-story{grid-template-columns:1fr;gap:20px;padding:22px}.journey-balance-story h4 br{display:none}.journey-balance-story .journey-overline{font-size:9px}.journey-chart>div{font-size:10px}.journey-chart svg{height:90px}.journey-credit-label{font-size:12px}.journey-activity-heading{align-items:flex-start;flex-wrap:wrap}.journey-activity-heading>span{font-size:8px}.journey-transaction{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;min-height:83px}.journey-transaction>div>strong{font-size:11px}.journey-transaction>div>small{font-size:10px;line-height:1.7}.journey-transaction-value>strong{font-size:12px!important}.journey-transaction-value{min-width:72px}.journey-status-tag{font-size:9px}.journey-avatar{width:27px;height:27px;font-size:9px}.journey-payout-action{align-items:flex-start;flex-direction:column;gap:13px;padding-top:20px}.journey-payout-action>span{font-size:11px;max-width:none}.journey-payout-action>button{width:100%;font-size:12px}.journey-controls{padding:22px 19px}.journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-steps>button{font-size:11px;min-height:47px}.grovalo-home #workspace #journey-caption{font-size:13px;min-height:69px}.journey-playback button{font-size:12px;min-height:43px}.journey-dialog{padding:28px 23px}.grovalo-home #workspace .journey-dialog h3{font-size:27px}.journey-phone{transform:none}.workspace-showcase:before{inset:-30px -15px}.workspace-showcase .demo-motion-strip{font-size:10px}.grovalo-home .workspace-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.journey-phone,.journey-metrics .demo-metric,.journey-chart-line,.journey-chart-node{transition:none!important}#workspace :is(.journey-transaction,.journey-phone-state,#journey-phone-icon),.journey-steps>button:after,.network-status-dot,.signal-orbit i,.signal-card.changing{animation:none!important}}
[data-motion=off] #workspace :is(.journey-chart-line,.journey-chart-node){transition:none!important}