@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-canvas);color:var(--color-primary);font-family:Manrope,sans-serif}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:19px;font-weight:800}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--color-primary);color:white;font-family:'DM Mono';font-style:italic}.nav-link{color:inherit;text-decoration:none;font-size:14px;font-weight:700}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding-block:64px 80px}.eyebrow{font:500 11px 'DM Mono';letter-spacing:.16em}.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--color-accent);vertical-align:middle;margin-right:10px}.hero h1,.section-heading h2,.steps h2,.download h2{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0}.hero h1 em,.section-heading em,.steps em,.download em{color:var(--color-accent);font-style:normal}.lede{font-size:18px;line-height:1.7;color:var(--color-secondary);max-width:560px}.actions{display:flex;gap:12px;margin:34px 0}.button{padding:15px 20px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:800}.primary{background:var(--color-primary);color:white}.primary span{margin-left:18px}.secondary{border:1px solid var(--color-border);color:var(--color-primary)}.trust-row{display:flex;gap:26px;padding-top:22px;border-top:1px solid var(--color-border);font:12px 'DM Mono';color:var(--color-secondary)}.trust-row b{color:var(--color-primary);font-size:16px}.phone-stage{position:relative;min-height:570px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d9a983;border-radius:50%;width:500px;height:500px}.orbit-two{width:380px;height:380px}.phone{position:relative;z-index:2;width:286px;padding:20px;background:#f7f5ed;border:8px solid var(--color-primary);border-radius:38px;box-shadow:0 30px 60px #27352730;transform:rotate(3deg)}.phone-top{display:flex;justify-content:space-between;margin:5px 4px 22px}.balance-card{padding:19px;background:white;border-radius:20px;box-shadow:0 8px 22px #1921180d}.card-meta{display:flex;justify-content:space-between;text-align:right;font-size:11px}.card-meta small{color:var(--color-secondary)}.nfc{color:var(--color-accent);font-weight:800;font-size:18px}.balance-card p{font:10px 'DM Mono';color:var(--color-secondary);margin:26px 0 5px}.balance-card h2{font-size:29px;margin:0}.success{color:#32804d}.scan{display:flex;justify-content:space-between;background:var(--color-primary);color:white;padding:14px 16px;margin:13px 0;border-radius:13px;font-size:12px;font-weight:700}.history-title{font-size:12px;font-weight:800;display:flex;justify-content:space-between}.transaction{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border-top:1px solid #dedbd2;padding:10px 0;font-size:9px}.transaction i{display:grid;place-items:center;width:25px;height:25px;background:#dff1df;color:green;border-radius:50%}.transaction .pay{background:#fbe5d7;color:var(--color-accent)}.transaction span{display:flex;flex-direction:column}.transaction small{color:var(--color-secondary);margin-top:2px}.transaction strong:last-child{color:green}.transaction strong.minus{color:var(--color-accent)}.tap-card{position:absolute;z-index:3;right:0;bottom:90px;width:170px;height:105px;background:var(--color-accent);color:white;border-radius:16px;padding:17px;transform:rotate(-8deg);box-shadow:0 18px 35px #672b1733}.tap-card span{font:10px 'DM Mono'}.tap-card b{display:block;font-size:27px;margin-top:15px}.cards-section{background:var(--color-primary);color:white;padding:100px 0}.light{color:#b3bcb3}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading h2,.steps h2,.download h2{font-size:clamp(38px,5vw,62px)}.section-heading p{max-width:390px;color:#aab2aa;line-height:1.7}.card-list{display:grid;grid-template-columns:repeat(7,1fr);margin-top:58px;border:1px solid #3c463e;border-radius:18px;overflow:hidden}.card-list span{min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid #3c463e;font-size:12px;color:#b9c0ba}.card-list span:last-child{border:0}.card-list b{font-size:17px;color:white}.steps{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:110px}.steps ol{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:60px 1fr;border-top:1px solid var(--color-border);padding:24px 0}.steps li>b{font:12px 'DM Mono';color:var(--color-accent)}.steps li span{display:flex;flex-direction:column;color:var(--color-secondary);font-size:14px}.steps li strong{font-size:18px;color:var(--color-primary);margin-bottom:5px}.download{background:var(--color-surface);color:white;padding:86px 0}.download-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.download-inner p{color:#c0d0c3;line-height:1.7}.coming{display:inline-block;border:1px solid #78917e;border-radius:10px;padding:15px 18px;font:12px 'DM Mono'}footer{height:110px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:12px;color:var(--color-secondary)}
@media(max-width:800px){.wrap{width:min(100% - 32px,600px)}.hero{grid-template-columns:1fr;padding-top:55px;overflow:hidden}.hero-copy{text-align:center}.eyebrow{font-size:10px}.lede{font-size:16px}.actions,.trust-row{justify-content:center}.phone-stage{min-height:520px}.orbit{width:430px;height:430px}.tap-card{right:2%}.section-heading,.steps,.download-inner{display:block}.section-heading p{margin-top:35px}.card-list{grid-template-columns:repeat(2,1fr)}.card-list span{border-bottom:1px solid #3c463e}.steps{padding-block:80px}.steps ol{margin-top:55px}.download-inner>div:last-child{margin-top:40px}footer{height:auto;padding-block:30px;gap:25px;flex-direction:column}.nav-link{display:none}}
@media(max-width:480px){.hero h1{font-size:46px}.actions{flex-direction:column}.trust-row{gap:12px;font-size:9px}.phone{width:260px}.tap-card{right:-25px}.card-list{grid-template-columns:1fr 1fr}.section-heading h2,.steps h2,.download h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Use the real app screen in the landing-page device frame. */
.phone-stage{min-height:700px}
.phone{width:min(100%,310px);padding:0;background:#fff;border:8px solid var(--color-primary);border-radius:40px;overflow:hidden;box-shadow:0 30px 60px #27352730;transform:rotate(2deg)}
.app-screenshot{display:block;width:100%;height:auto}
@media(max-width:800px){.phone-stage{min-height:680px}}
@media(max-width:480px){.phone{width:min(100%,280px)}}

/* Shared Uber Base semantic tokens from CekSaldo/AppPalette.swift. */
:root{
  color-scheme:light dark;
  --color-canvas:#FFFFFF;
  --color-surface:#F6F6F6;
  --color-elevated:#EEEEEE;
  --color-primary:#000000;
  --color-secondary:#545454;
  --color-border:#E2E2E2;
  --color-accent:#276EF1;
  --color-positive:#048848;
  --color-negative:#E11900;
  --color-amber:#FFC043;
  --color-warning:#996F00;
  --color-accent-container:#E9F0FE;
  --color-positive-container:#E6F3EC;
  --color-negative-container:#FCE8E5;
  --color-amber-container:#FFF2D6;
  --color-action:var(--color-primary);
  --color-action-content:var(--color-canvas);
}
@media(prefers-color-scheme:dark){
  :root{
    --color-canvas:#000000;
    --color-surface:#141414;
    --color-elevated:#1F1F1F;
    --color-primary:#FFFFFF;
    --color-secondary:#AFAFAF;
    --color-border:#333333;
    --color-accent:#5B91F5;
    --color-positive:#66D19E;
    --color-negative:#F1998E;
    --color-amber:#FFCF70;
    --color-warning:#FFCF70;
    --color-accent-container:#17243D;
    --color-positive-container:#183027;
    --color-negative-container:#381D1A;
    --color-amber-container:#332A18;
    --color-action:var(--color-primary);
    --color-action-content:var(--color-canvas);
  }
}
body{background:var(--color-canvas);color:var(--color-primary)}
.brand-mark{background:var(--color-action);color:var(--color-action-content)}
.hero h1 em,.section-heading h2 em,.steps h2 em,.download h2 em{color:var(--color-accent)}
.eyebrow span{background:var(--color-accent)}
.primary{background:var(--color-action);color:var(--color-action-content)}
.secondary{border-color:var(--color-border);color:var(--color-primary)}
.lede,.steps li span,footer p{color:var(--color-secondary)}
.trust-row{border-color:var(--color-border);color:var(--color-secondary)}
.trust-row b,.steps li strong{color:var(--color-primary)}
.orbit{border-color:var(--color-accent-container)}
.phone{border-color:var(--color-primary);box-shadow:0 30px 60px #00000024}
.success,.transaction strong:last-child{color:var(--color-positive)}
.transaction i{background:var(--color-positive-container);color:var(--color-positive)}
.transaction .pay{background:var(--color-elevated);color:var(--color-primary)}
.transaction strong.minus{color:var(--color-primary)}
.cards-section{background:var(--color-surface);color:var(--color-primary)}
.light,.section-heading p,.card-list span{color:var(--color-secondary)}
.card-list,.card-list span{border-color:var(--color-border)}
.card-list b{color:var(--color-primary)}
.download{background:var(--color-surface);color:var(--color-primary)}
.download-inner p{color:var(--color-secondary)}
.store-badge{border-color:var(--color-border)}
.store-badge:focus-visible,.button:focus-visible,.nav-link:focus-visible,.brand:focus-visible,.download-choice-back:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.coming-dialog{background:var(--color-surface);color:var(--color-primary)}
.coming-dialog>p:not(.eyebrow){color:var(--color-secondary)}
.download-choice-back{color:var(--color-accent)}
.brand-mark{border:1px solid var(--color-border)}
.brand-mark{display:block;width:35px;height:35px;border-radius:10px;object-fit:cover;background:none}
.store-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.store-badge{display:flex;align-items:center;gap:10px;min-width:178px;height:56px;padding:7px 14px;border:1px solid #778b7b;border-radius:9px;background:#050505;color:white;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease}.store-badge:hover{background:#181818;transform:translateY(-2px)}.store-badge:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.store-badge svg{width:29px;height:29px;fill:white;flex:0 0 auto}.store-badge .play-icon{width:28px}.store-badge span{display:flex;flex-direction:column}.store-badge small{font-size:9px;line-height:1.1}.store-badge strong{font-size:17px;line-height:1.2;letter-spacing:-.02em}.coming-dialog{width:min(420px,calc(100% - 32px));padding:38px;border:0;border-radius:24px;background:var(--color-surface);color:var(--color-primary);box-shadow:0 30px 90px #0006;text-align:center}.coming-dialog::backdrop{background:#111a;backdrop-filter:blur(5px)}.coming-dialog>img{width:72px;height:72px;border-radius:18px}.coming-dialog .eyebrow{margin-top:22px}.coming-dialog h2{margin:12px 0;font-size:32px;line-height:1.05;letter-spacing:-.04em}.coming-dialog>p:not(.eyebrow){color:var(--color-secondary);line-height:1.6}.dialog-close{position:absolute;top:13px;right:16px;border:0;background:none;color:var(--color-secondary);font-size:26px;cursor:pointer}.dialog-button{border:0;margin-top:10px;cursor:pointer}
.download-choice{min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-block:48px 80px}.download-choice-icon{width:80px;height:80px;border-radius:18px}.download-choice h1{font-size:clamp(38px,7vw,68px);line-height:1.05;letter-spacing:-.055em;margin:18px 0}.download-choice h1 em{color:var(--color-accent);font-style:normal}.download-choice>p:not(.eyebrow){max-width:560px;color:var(--color-secondary);line-height:1.7}.download-choice .store-buttons{justify-content:center}.download-choice-back{margin-top:30px;color:var(--color-accent);font-weight:700}.download-choice a:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}

.proof{padding-block:34px 28px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.proof-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}
.proof-stat{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.proof-stat dt{order:2;color:var(--color-secondary);font-size:13px;font-weight:700}
.proof-stat dd{order:1;margin:0;color:var(--color-accent);font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.proof-period{margin:18px 0 0;text-align:center;color:var(--color-secondary);font-size:11px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.proof{padding-block:28px 24px}.proof-stats{gap:12px}.proof-stat dt{max-width:150px;font-size:11px}.proof-period{font-size:10px}}

/* Social proof: hero rating pill, four lifetime stats, store reviews, creator videos. */
.nav-links{display:flex;gap:26px}
.rating-pill{display:inline-flex;align-items:center;gap:8px;margin-top:2px;padding:9px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-secondary);text-decoration:none;font-size:13px;font-weight:600;transition:border-color .18s ease}
.rating-pill b{color:var(--color-primary);font-weight:800}
.rating-pill .stars{color:var(--color-amber);font-size:13px;letter-spacing:.05em}
.rating-pill-sep{color:var(--color-border)}
.rating-pill:hover{border-color:var(--color-secondary)}
.proof-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.reviews{padding-block:100px 90px}
.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:40px}
.reviews h2{font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-.055em;margin:22px 0 0}
.reviews h2 em{color:var(--color-accent);font-style:normal}
.rating-summary{display:flex;align-items:center;gap:16px;padding:18px 22px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);color:inherit;text-decoration:none;transition:border-color .18s ease}
.rating-summary:hover{border-color:var(--color-secondary)}
.rating-summary>b{font-size:48px;font-weight:800;letter-spacing:-.04em;line-height:1}
.rating-summary>span{display:flex;flex-direction:column;gap:4px}
.rating-summary .stars{color:var(--color-amber);font-size:18px;letter-spacing:.08em}
.rating-summary small{max-width:230px;color:var(--color-secondary);font-size:12px;line-height:1.4}
.review-list{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.review-card{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-canvas)}
.review-stars{margin:0;color:var(--color-amber);font-size:15px;letter-spacing:.1em}
.review-card h3{margin:0;font-size:18px;letter-spacing:-.02em}
.review-card blockquote{flex:1;margin:0;color:var(--color-secondary);font-size:14px;line-height:1.65}
.review-card footer{height:auto;padding:0;margin-top:8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}
.review-card footer b{font-size:13px}
.review-card footer span{color:var(--color-secondary);font:11px 'DM Mono'}
.reviews-note{margin:26px 0 0;color:var(--color-secondary);font-size:12px;line-height:1.6}
.reviews-note a{color:var(--color-accent);font-weight:700}
.videos{background:var(--color-surface);padding:100px 0 90px;overflow:hidden}
.videos .section-heading p{max-width:440px}
.hero{overflow:hidden}
.video-scroller{display:flex;gap:16px;margin-top:52px;padding:6px calc((100% - min(1160px,100% - 48px)) / 2) 16px;scroll-padding-inline:calc((100% - min(1160px,100% - 48px)) / 2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.video-card{flex:0 0 232px;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start}
.video-cover{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;border-radius:20px;overflow:hidden;background:var(--color-elevated);cursor:pointer;box-shadow:0 14px 34px #0000001f;transition:transform .2s ease}
.video-cover:hover{transform:translateY(-3px)}
.video-cover:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.video-cover img{display:block;width:100%;height:100%;object-fit:cover}
.video-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000a6,transparent 45%)}
.video-play{position:absolute;left:50%;top:50%;z-index:2;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffe6;box-shadow:0 8px 24px #00000040}
.video-play::after{content:"";position:absolute;left:55%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #000}
.video-stat{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;color:#fff;font:600 12px Manrope,sans-serif;text-align:left;text-shadow:0 1px 6px #000c}
.video-creator{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.video-creator>span:last-child{display:flex;flex-direction:column;min-width:0}
.video-creator b{font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-creator small{color:var(--color-secondary);font-size:12px}
.video-creator:hover b{color:var(--color-accent)}
.video-platform{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--color-primary);font-size:0}
.video-platform::before{content:"";width:18px;height:18px;background:var(--color-canvas);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.video-platform.tiktok{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.5 2h3.2c.2 1.9 1.5 3.4 3.3 3.8v3.2c-1.2 0-2.3-.4-3.3-1v6.6a5.8 5.8 0 1 1-5.8-5.8c.3 0 .6 0 .9.1v3.3a2.6 2.6 0 1 0 1.7 2.4V2z'/%3E%3C/svg%3E")}
.video-platform.instagram{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7zm5 3.5a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9zm0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm5.2-3.2a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2z'/%3E%3C/svg%3E")}
.video-dialog{width:min(420px,calc(100% - 24px));padding:0;border:0;border-radius:24px;background:var(--color-canvas);color:var(--color-primary);box-shadow:0 30px 90px #0008;overflow:hidden}
.video-dialog::backdrop{background:#000000b3;backdrop-filter:blur(6px)}
.video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 20px;border-bottom:1px solid var(--color-border)}
.video-dialog-creator{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.video-dialog-creator b{font-size:15px}
.video-dialog-creator small{color:var(--color-secondary);font-size:12px}
.video-dialog-close{width:36px;height:36px;border:0;border-radius:50%;background:var(--color-elevated);color:var(--color-primary);font-size:22px;line-height:1;cursor:pointer}
.video-frame{position:relative;height:min(68vh,640px);background:#000}
.video-frame-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:32px;color:#ffffffb3;font-size:13px;line-height:1.6;text-align:center}
.video-frame iframe{position:relative;display:block;width:100%;height:100%;border:0}
.video-dialog-foot{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;font-size:13px;font-weight:700}
.video-dialog-foot a{color:var(--color-accent);text-decoration:none}
@media(max-width:800px){.nav-links{display:none}.proof-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.reviews{padding-block:70px 60px}.reviews-head{display:block}.rating-summary{display:inline-flex;margin-top:28px}.review-list{grid-template-columns:1fr 1fr}.videos{padding:70px 0 60px}.video-scroller{padding-inline:calc((100% - min(100% - 32px,600px)) / 2);scroll-padding-inline:calc((100% - min(100% - 32px,600px)) / 2)}.video-card{flex-basis:204px}}
@media(max-width:480px){.review-list{grid-template-columns:1fr}.video-card{flex-basis:184px}.video-frame{height:min(62vh,560px)}}
@media(prefers-reduced-motion:reduce){.video-cover,.rating-pill,.rating-summary{transition:none}.video-cover:hover{transform:none}}
.source-dialog{width:min(440px,calc(100% - 32px));padding:34px 26px 22px}
.source-dialog h2{font-size:28px}
.source-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.source-options button{min-height:46px;padding:10px 8px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-canvas);color:var(--color-primary);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease;touch-action:manipulation}
.source-options button:hover{border-color:var(--color-accent)}
.source-options button:active{transform:scale(.97)}
.source-options button:focus-visible,.source-skip:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}
.source-skip{margin-top:16px;padding:8px 12px;border:0;background:none;color:var(--color-secondary);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}

/* Analytics refresh: two store ratings, six reviews, usage-ranked features, data notes. */
.rating-pill{flex-wrap:wrap;justify-content:center}
.reviews-head>div:first-child{flex:1 1 auto}
.rating-summaries{flex:0 0 auto;display:flex;flex-direction:column;gap:10px}
.review-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards-note,.steps-note{margin:22px 0 0;color:var(--color-secondary);font-size:12px;line-height:1.6}
.steps-note{max-width:420px}
@media(max-width:800px){.rating-summaries{flex-direction:row;flex-wrap:wrap;margin-top:28px}.rating-summary{margin-top:0}.review-list{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.rating-pill-users{display:none}.review-list{grid-template-columns:1fr}.rating-summary{width:100%}}

/* Reimbursement positioning: sample report, roles, verification, pricing, team, FAQ. */
.nav{gap:24px}
.nav-links{margin-left:auto}
.nav-cta{padding:10px 16px;border-radius:12px;background:var(--color-action);color:var(--color-action-content);text-decoration:none;font-size:14px;font-weight:800}
.nav-cta:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.hero h1{font-size:clamp(46px,5.4vw,72px)}
.trust-row span{display:flex;flex-direction:column;gap:4px}
.pains{padding-block:100px 30px}
.pain-list{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pain-card{padding:26px 24px;border:1px solid var(--color-border);border-radius:24px;background:var(--color-canvas)}
.pain-index{margin:0;font:500 12px 'DM Mono';color:var(--color-accent)}
.pain-card h3{margin:14px 0 10px;font-size:20px;letter-spacing:-.02em}
.pain-card p:last-child{margin:0;color:var(--color-secondary);font-size:14px;line-height:1.65}
.steps li span{line-height:1.6}
.roles{background:var(--color-surface);padding:100px 0}
.role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px}
.role-card{padding:28px 26px;border:1px solid var(--color-border);border-radius:24px;background:var(--color-canvas);scroll-margin-top:24px}
.role-tag{display:inline-block;margin:0;padding:6px 12px;border-radius:999px;background:var(--color-accent-container);color:var(--color-primary);font-size:12px;font-weight:800}
.role-card h3{margin:16px 0 4px;font-size:20px;letter-spacing:-.02em}
.role-card ul{list-style:none;margin:16px 0 0;padding:0}
.role-card li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--color-border);color:var(--color-secondary);font-size:14px;line-height:1.55}
.role-card li::before{content:"";position:absolute;left:2px;top:17px;width:12px;height:7px;border-left:2px solid var(--color-positive);border-bottom:2px solid var(--color-positive);transform:rotate(-45deg)}
.sample{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:110px}
.sample h2{font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-.055em;margin:22px 0}
.sample h2 em{color:var(--color-accent);font-style:normal}
.sample-copy>p:not(.eyebrow){color:var(--color-secondary);font-size:17px;line-height:1.7;max-width:520px}
.sample-points{list-style:none;margin:28px 0 0;padding:0}
.sample-points li{padding:14px 0;border-top:1px solid var(--color-border);color:var(--color-secondary);font-size:14px;line-height:1.6}
.sample-points b{color:var(--color-primary)}
.sample-stage{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 20px;border-radius:24px;background:var(--color-surface)}
.sample-caption{margin:0;color:var(--color-secondary);font-size:12px}
.cs-receipt{width:290px;padding:18px;background-color:#fff;color:#121212;border:1px solid #d9d9d9;border-radius:6px;font-variant-ligatures:none;box-shadow:0 20px 50px #0000001a;transform:rotate(1.5deg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='66'%3E%3Ctext x='0' y='38' transform='rotate(-25 90 33)' font-family='Manrope,Arial,sans-serif' font-size='9.75' font-weight='800' fill='%23000' fill-opacity='0.06'%3ECekSaldo %C2%B7 PT Hamanto Studio Aja%3C/text%3E%3C/svg%3E")}
.cs-receipt p{margin:0}
.cs-receipt-head{display:flex;gap:10px;align-items:center;padding-bottom:8px;border-bottom:1px solid #d1d1d1;margin-bottom:7px}
.cs-receipt-mark{width:46px;height:46px;border-radius:11px}
.cs-receipt-head b{display:block;font-size:18px;font-weight:800;line-height:1.1}
.cs-receipt-head .org{display:block;font-size:9px;font-weight:700}
.cs-receipt-head .meta{display:block;font-size:8.5px;color:#616161}
.cs-receipt .cs-receipt-kind{font-size:10px;font-weight:700;letter-spacing:.1em;color:#616161;margin:5px 0 2px}
.cs-receipt .cs-receipt-loc{font-size:16px;font-weight:800}
.cs-receipt .cs-receipt-road{font-size:9px;font-weight:500;color:#616161;margin-top:2px}
.cs-receipt .cs-receipt-date{font:500 11.5px 'DM Mono',monospace;margin:5px 0 8px}
.cs-receipt-amount{display:flex;justify-content:space-between;align-items:baseline}
.cs-receipt-amount span{font-size:10px;font-weight:700;letter-spacing:.07em}.cs-receipt-amount b{font-size:14px;font-weight:800}
.cs-receipt-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:4px 0}.cs-receipt-row span{color:#616161}.cs-receipt-row b{font-weight:500}
.cs-receipt-row .mono{font-family:'DM Mono',monospace}
.cs-receipt .cs-receipt-note{font-size:9px;font-weight:500;margin-top:6px}
.cs-receipt-qr{display:block;width:132px;height:132px;margin:10px auto 4px}
.cs-receipt .cs-receipt-scan{text-align:center;font-size:10px;font-weight:700}
.cs-receipt .cs-receipt-host{text-align:center;font:9px 'DM Mono',monospace;color:#616161}
.cs-receipt .cs-receipt-foot{text-align:center;font-size:8.5px;color:#616161;margin-top:7px}
.verify-band{background:var(--color-primary);color:var(--color-canvas);padding:100px 0}
.verify-band .eyebrow{color:color-mix(in srgb,var(--color-canvas) 70%,transparent)}
.verify-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.verify-band h2{font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-.055em;margin:22px 0}
.verify-band h2 em{color:var(--color-accent);font-style:normal}
.verify-lede{color:color-mix(in srgb,var(--color-canvas) 72%,transparent);line-height:1.7;margin:0 0 30px}
.verify-band .button.secondary{display:inline-block;border-color:color-mix(in srgb,var(--color-canvas) 35%,transparent);color:var(--color-canvas)}
.verify-band .button.secondary:hover{border-color:var(--color-canvas)}
.verify-grid{display:grid;gap:14px}
.verify-card{padding:24px 26px;border:1px solid color-mix(in srgb,var(--color-canvas) 22%,transparent);border-radius:24px}
.verify-card h3{margin:0 0 6px;font-size:18px}
.verify-card ul{margin:0;padding:0;list-style:none}
.verify-card li{position:relative;padding:8px 0 0 26px;color:color-mix(in srgb,var(--color-canvas) 75%,transparent);font-size:14px;line-height:1.6}
.verify-card.is-yes li::before{content:"";position:absolute;left:2px;top:14px;width:12px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);color:var(--color-canvas)}
.verify-card.is-no li::before{content:"–";position:absolute;left:3px;top:7px;color:var(--color-canvas);font-weight:800}
.card-list span{gap:2px;padding:14px 6px}
.card-cap{margin-top:8px;padding:3px 8px;border-radius:999px;background:var(--color-positive-container);color:var(--color-positive);font-size:10.5px;font-weight:700;white-space:nowrap}
.card-cap.is-muted{background:var(--color-elevated);color:var(--color-secondary)}
.pricing{padding-block:110px 60px}
.plan-list{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-top:52px;align-items:start}
.plan-card{padding:30px 28px;border:1px solid var(--color-border);border-radius:24px}
.plan-card h3{margin:0;font-size:26px;letter-spacing:-.03em}
.plan-card.is-premium{border:2px solid #7C3AED;background:color-mix(in srgb,#7C3AED 5%,var(--color-canvas))}
.plan-card.is-premium h3{color:#6D28D9}
.plan-sub{margin:6px 0 0;color:var(--color-secondary);font-size:14px}
.plan-card ul{list-style:none;margin:22px 0 0;padding:0}
.plan-card li{position:relative;padding:11px 0 11px 26px;border-top:1px solid var(--color-border);font-size:15px}
.plan-card li::before{content:"";position:absolute;left:2px;top:16px;width:12px;height:7px;border-left:2px solid var(--color-positive);border-bottom:2px solid var(--color-positive);transform:rotate(-45deg)}
.plan-card.is-premium li::before{border-color:#7C3AED}
.button.premium{display:inline-block;margin-top:22px;background:linear-gradient(90deg,#6D28D9,#7C3AED);color:#fff}
.button.premium span{margin-left:14px}
.button.premium:focus-visible,.verify-band .button:focus-visible,.team .button:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.team{padding-block:20px 60px}
.team-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:44px;border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface)}
.team h2{font-size:clamp(34px,4vw,48px);line-height:1;letter-spacing:-.05em;margin:18px 0 0}
.team h2 em{color:var(--color-accent);font-style:normal}
.team-inner p{margin:0 0 24px;color:var(--color-secondary);line-height:1.7}
.team .button{display:inline-block}
.team .button span{margin-left:14px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:80px;padding-block:80px 110px}
.faq>.eyebrow{grid-column:1 / -1}
.faq h2{margin:10px 0 0;font-size:clamp(38px,5vw,56px);line-height:.98;letter-spacing:-.055em}
.faq h2 em{color:var(--color-accent);font-style:normal}
.faq-list{border-bottom:1px solid var(--color-border)}
.faq details{border-top:1px solid var(--color-border)}
.faq summary{position:relative;padding:20px 40px 20px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:800;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:16px;color:var(--color-secondary);font-size:24px;font-weight:600;transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.faq details p{margin:0 0 22px;color:var(--color-secondary);font-size:15px;line-height:1.7}
.faq details a{color:var(--color-accent);font-weight:700}
.videos .eyebrow{color:var(--color-secondary)}
@media(max-width:800px){
  .nav{height:72px}.nav-cta{margin-left:auto}
  .pains{padding-block:70px 10px}.pain-list,.role-list{grid-template-columns:1fr}
  .roles{padding:70px 0}
  .sample,.verify-inner,.team-inner,.faq,.plan-list{display:block}
  .sample{padding-block:70px}.sample-stage{margin-top:36px}
  .verify-band{padding:70px 0}.verify-grid{margin-top:40px}
  .plan-card+.plan-card{margin-top:16px}.pricing{padding-block:70px 40px}
  .team-inner{padding:30px 24px}.team-inner>div+div{margin-top:24px}
  .faq{padding-block:50px 70px}.faq-list{margin-top:32px}
}
@media(max-width:480px){
  .cs-receipt{width:min(100%,280px)}
  .sample h2,.verify-band h2{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.faq summary::after{transition:none}}
.steps h2{font-size:clamp(36px,4.2vw,54px)}
@media(max-width:480px){.trust-row{gap:18px}.trust-row span{flex:1}}

/* Hero flow: tap the card, get the report with its activity proof. Nothing overlaps the content. */
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px}
.hero>*{min-width:0}
.flow{display:grid;grid-template-columns:164px 58px minmax(0,1fr);align-items:center}
.flow-step{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.flow-device{position:relative;width:100%;padding-top:44px}
.flow-phone{width:100%;border-width:6px;border-radius:28px;transform:none;box-shadow:0 20px 44px #00000026}
.flow-card{position:absolute;top:0;left:50%;width:100px;height:62px;margin-left:-50px;padding:9px 10px;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;background:linear-gradient(135deg,#2b3340,#0d0f12);color:#fff;box-shadow:0 10px 22px #0000003d;transform:rotate(-8deg)}
.flow-card svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;animation:flow-wave 1.8s ease-out infinite}
.flow-card span{font:500 9px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
@keyframes flow-wave{0%,100%{opacity:.45}50%{opacity:1}}
.flow-link{position:relative;height:2px;margin-bottom:34px;background:repeating-linear-gradient(90deg,var(--color-accent) 0 6px,transparent 6px 11px)}
.flow-link::after{content:"";position:absolute;right:-2px;top:-5px;border-style:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent var(--color-accent)}
.flow-link span{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:5px 9px;border-radius:999px;background:var(--color-accent-container);color:var(--color-primary);font-size:11px;font-weight:800;white-space:nowrap}
.flow-label{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-align:center}
.flow-label b{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--color-action);color:var(--color-action-content);font-size:11px}
.report{width:100%;margin:0;padding:18px 18px 14px;background:#fff;color:#121212;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 20px 50px #0000001f;font-variant-ligatures:none}
.report p{margin:0}
.report-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1.5px solid #121212}
.report-brand{font-size:11px;font-weight:800}
.report .report-title{margin-top:4px;font-size:17px;font-weight:800;letter-spacing:-.02em}
.report .report-card{margin-top:8px;font-size:11px}
.report .report-number{margin-top:2px;font:500 11px 'DM Mono',monospace;letter-spacing:.04em}
.report .report-range{margin-top:4px;font:10px 'DM Mono',monospace;color:#616161}
.report-qr{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;width:66px;text-align:center;font-size:7.5px;font-weight:700;line-height:1.2}
.report-qr svg{width:60px;height:60px}
.report-table{width:100%;margin-top:4px;border-collapse:collapse;table-layout:fixed;font-size:10px}
.report-table th{padding:7px 4px 5px;text-align:left;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.report-table th:first-child{width:62px}.report-table th:last-child{width:78px}
.report-table td{padding:5px 4px;border-top:1px solid #e6e6e6;vertical-align:top;line-height:1.3}
.report-table tbody tr:nth-child(odd) td{background:#f5f5f5}
.report-table tbody td:first-child{font:9px 'DM Mono',monospace;color:#3a3a3a}
.report-table td b{display:block;font-weight:700}
.report-table td small{display:block;color:#616161;font-size:9px}
.report-table .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.report-topup .num{color:#048848}
.report-table tfoot td{border-top:1.5px solid #121212;font-weight:800;background:none}
.report-table tfoot tr+tr td{border-top:1px solid #e6e6e6}
.report .report-section{margin:12px 0 6px;font-size:8px;font-weight:800;letter-spacing:.1em;color:#121212}
.report-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.report-photo svg{display:block;width:100%;height:auto;border-radius:3px}
.report-photo span{display:block;margin-top:3px;font-size:8px;color:#616161;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-records{display:grid;gap:0}
.report-records span{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid #e6e6e6;font:8.5px 'DM Mono',monospace;color:#616161}
.report-records b{font:700 9px Manrope,sans-serif;color:#121212}
.report .report-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:8px;color:#616161}
.report-foot span{font:500 8px 'DM Mono',monospace;letter-spacing:.12em;color:#121212}
@media(max-width:1180px){
  .hero{grid-template-columns:minmax(0,1fr);gap:36px;min-height:0}
  .flow{width:min(100%,640px);margin-inline:auto}
}
@media(max-width:800px){.hero{padding-bottom:40px}}
@media(max-width:560px){
  .flow{grid-template-columns:minmax(0,1fr);justify-items:center}
  .flow-scan{width:150px}
  .flow-link{width:2px;height:44px;margin:14px 0 18px;background:repeating-linear-gradient(180deg,var(--color-accent) 0 6px,transparent 6px 11px)}
  .flow-link::after{right:-5px;top:auto;bottom:-6px;border-width:8px 6px 0 6px;border-color:var(--color-accent) transparent transparent transparent}
  .flow-link span{left:14px;bottom:auto;top:50%;transform:translateY(-50%)}
  .flow-out{width:100%}
}
@media(prefers-reduced-motion:reduce){.flow-card svg{animation:none;opacity:1}}
.flow-device{padding-top:58px}.flow-phone{z-index:2}.flow-card{z-index:1}
/* Card-only first step: no phone, just the card that gets tapped. */
.flow{grid-template-columns:176px 64px minmax(0,1fr)}
.flow-device{display:grid;place-items:center;padding:0;min-height:120px}
.flow-card{position:relative;top:auto;left:auto;margin:0;width:170px;height:107px;padding:14px 16px;border-radius:14px;transform:rotate(-6deg);box-shadow:0 18px 36px #00000033}
.flow-card svg{position:absolute;top:14px;right:14px;width:24px;height:24px}
.flow-card-chip{width:30px;height:22px;margin-top:22px;border-radius:5px;background:linear-gradient(135deg,#e7d39a,#b89b52);opacity:1!important}
.flow-card .flow-card-name{font-size:10px}
@media(max-width:560px){.flow-scan{width:auto}.flow-card{width:180px;height:113px}}
.flow-link span{padding:7px 12px;font-size:13px;background:var(--color-action);color:var(--color-action-content)}
@media(max-width:560px){.flow{grid-template-columns:minmax(0,1fr)}}

.roles{padding:80px 0 90px}
@media(max-width:800px){.roles{padding:60px 0}}
.plan-card.is-premium{position:relative}
.plan-proof{position:absolute;top:-14px;right:22px;margin:0;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,#6D28D9,#7C3AED);color:#fff;font-size:12px;font-weight:700}
.plan-proof b{font-weight:800}
@media(max-width:480px){.rating-pill-users{display:inline}}
/* Time connector between the card and the report: its own column with breathing room. */
.flow{grid-template-columns:170px 124px minmax(0,1fr)}
.flow-link{height:auto;margin:0 0 34px;padding:0 18px;background:none;display:flex;flex-direction:column;align-items:center;text-align:center}
.flow-link::after{content:none}
.flow-time{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--color-accent);color:#fff;box-shadow:0 0 0 6px var(--color-accent-container)}
.flow-time svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flow-link b{margin-top:14px;font-size:20px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.flow-link small{margin-top:2px;color:var(--color-secondary);font-size:12px;white-space:nowrap}
.flow-arrow{position:relative;width:100%;height:2px;margin-top:14px;background:repeating-linear-gradient(90deg,var(--color-accent) 0 6px,transparent 6px 11px)}
.flow-arrow::after{content:"";position:absolute;right:-2px;top:-5px;border-style:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent var(--color-accent)}
@media(max-width:1280px) and (min-width:1181px){.flow{grid-template-columns:150px 112px minmax(0,1fr)}.flow-card{width:150px;height:95px}}
@media(max-width:560px){
  .flow{grid-template-columns:minmax(0,1fr)}
  .flow-link{width:auto;margin:22px 0 20px;padding:0}
  .flow-arrow{width:2px;height:28px;background:repeating-linear-gradient(180deg,var(--color-accent) 0 6px,transparent 6px 11px)}
  .flow-arrow::after{right:-5px;top:auto;bottom:-6px;border-width:8px 6px 0 6px;border-color:var(--color-accent) transparent transparent transparent}
}
.flow-card{transform:rotate(-4deg)}
@media(min-width:561px){.flow-link{padding:0 16px 0 26px}}
@media(min-width:561px){.flow{grid-template-columns:160px 140px minmax(0,1fr)}.flow-card{width:160px;height:100px}.flow-link{padding:0 14px 0 22px}}
@media(max-width:1280px) and (min-width:1181px){.flow{grid-template-columns:136px 136px minmax(0,1fr)}.flow-card{width:136px;height:86px}.flow-link{padding:0 10px 0 20px}}
@media(min-width:1181px){.hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:36px}}
.report-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px;background:#eee}
/* Time label without an icon: the number itself carries the step. */
.flow-link b{margin-top:0;color:var(--color-accent);font-size:26px;line-height:1;letter-spacing:-.04em}
.flow-link small{margin-top:6px;color:var(--color-primary);font-size:12px;font-weight:700}
.flow-arrow{margin-top:12px}
@media(min-width:561px){.flow{grid-template-columns:150px 150px minmax(0,1fr)}.flow-card{width:150px;height:94px}.flow-link{padding:0 8px 0 18px}}
@media(max-width:1280px) and (min-width:1181px){.flow{grid-template-columns:128px 144px minmax(0,1fr)}.flow-card{width:128px;height:81px}.flow-link{padding:0 6px 0 16px}.flow-link b{font-size:24px}}
@media(max-width:560px){.flow-link b{font-size:30px}}
/* Rotating hooks are longer than the old headline: smaller and balanced so each line breaks evenly. */
.hero h1{font-size:clamp(34px,3.4vw,48px);line-height:1.02;text-wrap:balance}
@media(max-width:480px){.hero h1{font-size:36px}}

/* Funnel audit: sticky install bar, cards strip under the hero, steps CTA, priced plans, role links, FAQ receipt. */
.sticky-cta{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));z-index:20;display:none;flex-direction:column;align-items:center;gap:2px;padding:12px 18px;border-radius:16px;background:var(--color-action);color:var(--color-action-content);text-decoration:none;text-align:center;box-shadow:0 12px 32px #00000040;transform:translateY(calc(100% + 24px));transition:transform .22s ease}
.sticky-cta>span{font-size:16px;font-weight:800}
.sticky-cta small{font-size:11px;opacity:.75}
.sticky-cta.is-visible{transform:none}
.sticky-cta:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.rating-pill{margin-bottom:0}
p.rating-pill{cursor:default}
.cards-strip{padding-block:36px 8px;border-top:1px solid var(--color-border)}
.cards-strip-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:18px}
.cards-strip-head h2{margin:0;font-size:20px;letter-spacing:-.02em}
.cards-strip-head p{margin:0;color:var(--color-secondary);font-size:13px;line-height:1.5;text-align:right;max-width:420px}
.cards-strip .card-list{margin-top:0}
.cards-strip .card-list span{min-height:92px;padding:12px 6px}
.steps{padding-block:80px 90px}
.steps ol{margin-bottom:28px}
.steps-cta{display:inline-block}
.steps-cta span{margin-left:14px}
.reviews{padding-block:80px}
.reviews-stats{margin:14px 0 0;color:var(--color-secondary);font-size:15px}
.reviews-stats b{color:var(--color-primary)}
.rating-summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.pricing{padding-block:90px 70px}
.plan-price{margin:10px 0 0;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.plan-price b{font-weight:800}
.plan-card.is-premium .plan-price{color:#6D28D9}
.plan-cta{margin-top:22px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.plan-cta .button{display:inline-block}
.plan-cta .button span{margin-left:14px}
.plan-cta p{margin:0;color:var(--color-secondary);font-size:13px}
.roles{padding:80px 0}
.role-card{display:flex;flex-direction:column}
.role-card ul{flex:1}
.role-link{display:inline-block;margin-top:18px;padding-top:14px;border-top:1px solid var(--color-border);color:var(--color-accent);font-size:14px;font-weight:800;text-decoration:none;align-self:stretch}
.role-link:hover span{margin-left:4px}
.role-link span{display:inline-block;margin-left:2px;transition:margin .15s ease}
.role-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}
.roles .team-inner{margin-top:48px}
.roles .team-inner .eyebrow{color:var(--color-secondary)}
.faq{padding-block:80px 100px}
.faq details[open] summary{color:var(--color-accent)}
.faq details p b{color:var(--color-primary)}
.faq-receipt{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0 26px;padding:28px 16px;border-radius:24px;background:var(--color-surface)}
.faq-receipt .cs-receipt{transform:none;box-shadow:0 12px 30px #00000014}
.faq-receipt .sample-caption{margin:0;color:var(--color-secondary);font-size:12px}
.download{padding:80px 0 90px}
.videos{padding:80px 0 80px}
.video-creator{cursor:default}
.video-creator b{color:inherit}
@media(max-width:800px){
  .sticky-cta{display:flex}
  body{padding-bottom:0}
  .cards-strip-head{display:block}
  .cards-strip-head p{text-align:left;margin-top:6px}
  .steps{padding-block:60px 70px}.steps-cta{display:block;text-align:center}
  .reviews{padding-block:60px 50px}
  .pricing{padding-block:60px 50px}
  .roles{padding:60px 0}.roles .team-inner{margin-top:32px}
  .faq{padding-block:60px 80px}
  .download{padding:60px 0 70px}
  .videos{padding:60px 0}
}
@media(max-width:480px){
  .trust-row{font-size:11px}
  .report-records,.report>.report-section:nth-last-of-type(2){display:none}
  .report-table{font-size:11px}.report-table tbody td:first-child{font-size:10px}.report-table td small{font-size:10px}
  .cards-strip .card-list span{min-height:84px}
  .faq-receipt{padding:20px 10px}
}
@media(prefers-reduced-motion:reduce){.sticky-cta,.role-link span{transition:none}}