:root{
  --blue:#0A4DA2;
  --blue-2:#0B5DBB;
  --blue-dark:#0D1B2A;
  --green:#2E7D32;
  --green-soft:#EAF4EC;
  --bg:#F4F6F8;
  --bg-soft:#F8FAFC;
  --white:#fff;
  --text:#0D1B2A;
  --muted:#55657A;
  --muted-2:#7B8797;
  --line:#DDE4EC;
  --shadow:0 18px 45px rgba(13,27,42,.07);
  --radius:22px;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.narrow{max-width:860px}.skip{position:absolute;left:-999px;top:10px;background:var(--blue-dark);color:#fff;padding:10px 12px;border-radius:10px;z-index:100}.skip:focus{left:10px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.91);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}.brand-symbol{display:block;width:44px;height:44px;object-fit:contain}.brand-word{font-weight:800;letter-spacing:-.02em;font-size:22px;color:var(--blue-dark)}.brand-word .accent{color:var(--green)}.main-nav{display:flex;align-items:center;gap:18px;font-size:14px}.main-nav a{text-decoration:none;color:var(--muted);font-weight:650}.main-nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--line);padding:9px 13px;border-radius:999px;color:var(--blue)!important;background:#fff}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:14px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--blue-dark);margin:5px auto}
.hero{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);padding:68px 0 54px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:750;color:var(--blue)}.eyebrow span{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(46,125,50,.12)}h1{font-size:clamp(34px,4vw,55px);line-height:1.06;letter-spacing:-.025em;margin:0 0 18px}h2{font-size:clamp(24px,2.4vw,36px);line-height:1.16;letter-spacing:-.02em;margin:0 0 12px}h3{margin:0 0 8px;font-size:19px}.lead{font-size:19px;color:var(--muted);margin:0 0 24px;max-width:66ch}.hero-actions,.download-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;text-decoration:none;border:1px solid transparent;font-weight:800;cursor:pointer}.button.primary{background:var(--blue);color:#fff}.button.secondary{background:#fff;color:var(--blue);border-color:var(--line)}.button.white{background:#fff;color:var(--blue)}.button:hover{filter:brightness(1.05);text-decoration:none}.store-button{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:11px 15px;text-decoration:none;font-weight:800;background:#fff}.disabled{opacity:.62;cursor:not-allowed}.trust-row{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-row div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.trust-row strong,.trust-row span{display:block}.trust-row span{font-size:13px;color:var(--muted);margin-top:4px}.hero-panel{display:flex;justify-content:center}.phone-mockup{width:min(360px,100%);background:#fff;border:1px solid var(--line);border-radius:38px;padding:22px;box-shadow:var(--shadow)}.phone-top{width:90px;height:5px;background:#dbe2ea;border-radius:999px;margin:0 auto 22px}.phone-logo{width:94px;display:block;margin:0 auto 16px}.phone-mockup h2{text-align:center;font-size:28px}.phone-mockup p{text-align:center;color:var(--muted)}.mock-card{border:1px solid var(--line);border-radius:18px;padding:13px;margin-top:10px;background:#fbfcfd}.mock-card.active{border-color:rgba(46,125,50,.35);background:rgba(46,125,50,.06)}.mock-card span,.mock-card strong{display:block}.mock-card span{color:var(--muted);font-size:13px}
.section{padding:68px 0}.compact-section{padding-top:46px}.light-band{background:var(--bg);border-block:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:24px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading p,.split-heading p,.card p,.page-hero p{color:var(--muted)}.steps-grid,.cards-grid{display:grid;gap:18px}.steps-grid{grid-template-columns:repeat(3,1fr)}.cards-grid.three{grid-template-columns:repeat(3,1fr)}.cards-grid.two,.contact-grid{grid-template-columns:repeat(2,1fr);display:grid;gap:20px}.step-card,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 10px 28px rgba(13,27,42,.04)}.card.highlight{border-color:rgba(46,125,50,.28);background:linear-gradient(180deg,#fff,var(--green-soft))}.step-card span,.flow strong,.timeline strong{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(10,77,162,.08);color:var(--blue);font-weight:900;margin-bottom:14px}.split-heading{display:grid;grid-template-columns:1fr .95fr;gap:30px;align-items:center}.two-choice{display:grid;gap:12px}.two-choice a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none}.two-choice strong,.two-choice span{display:block}.two-choice span{color:var(--muted);margin-top:4px}.privacy-callout{background:var(--blue-dark);color:#fff}.privacy-callout p{color:#dbe6f5}.callout-grid{display:grid;grid-template-columns:1fr .85fr;gap:32px;align-items:center}.principles-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.principles-list li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px}.cta-card .button{margin-top:10px}.page-hero{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);padding:58px 0 44px;border-bottom:1px solid var(--line)}.page-hero .lead{max-width:760px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flow>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.principles article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.principles h2{font-size:21px}.principles article.important{grid-column:1 / -1;background:var(--green-soft);border-color:rgba(46,125,50,.25)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.timeline span{display:block;color:var(--muted)}.link-card{text-decoration:none}.meta{font-size:13px;color:var(--blue)!important;font-weight:800}.contact-info{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.contact-info h2{font-size:30px}.contact-note{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.contact-note strong{display:block;margin-bottom:4px}.form-card label{display:block;margin-bottom:12px}.form-card label span{display:block;font-weight:750;margin-bottom:6px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;font:inherit;background:#fff}.check-line{display:flex!important;gap:10px;align-items:flex-start}.check-line input{width:auto;margin-top:5px}.field-error,.validation{color:#C62828;font-size:14px}.success{background:rgba(46,125,50,.08);border:1px solid rgba(46,125,50,.25);padding:12px;border-radius:14px;margin-bottom:14px}
.site-footer{background:#f8fafc;border-top:1px solid var(--line);padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:28px}.footer-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:12px}.footer-brand .brand-symbol{width:54px;height:54px}.footer-brand .brand-word{font-size:24px}.site-footer p{color:var(--muted)}.site-footer h3{font-size:15px}.site-footer a{display:block;color:var(--muted);text-decoration:none;margin:6px 0}.site-footer a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}
@media (max-width:980px){.main-nav{display:none}.menu-toggle{display:block}.menu-open .main-nav{display:flex;position:absolute;right:20px;top:72px;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;width:min(320px,calc(100vw - 40px));box-shadow:var(--shadow)}.hero-grid,.split-heading,.callout-grid,.cards-grid.two,.contact-grid{grid-template-columns:1fr}.steps-grid,.cards-grid.three,.flow,.timeline,.trust-row,.footer-grid,.principles{grid-template-columns:1fr}.brand-word{font-size:20px}.brand-symbol{width:40px;height:40px}.hero{padding-top:46px}.section{padding:48px 0}.principles article.important{grid-column:auto}}

/* v3 – benefit/prestige communication layer */
.hero-new{background:linear-gradient(180deg,#fff 0%,#f5f8fb 100%);position:relative;overflow:hidden}.hero-new:before{content:"";position:absolute;inset:auto -120px -220px auto;width:520px;height:520px;background:radial-gradient(circle,rgba(10,77,162,.08),transparent 65%);pointer-events:none}.quick-proof{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-proof div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 10px 30px rgba(13,27,42,.035)}.quick-proof strong,.quick-proof span{display:block}.quick-proof strong{font-size:16px}.quick-proof span{font-size:13px;color:var(--muted);margin-top:4px}.prestige-phone{padding:20px}.merchant-mini{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:20px;padding:12px;background:#f8fafc;margin-bottom:18px}.merchant-mini img{width:42px;height:42px;object-fit:contain}.merchant-mini span,.merchant-mini strong{display:block}.merchant-mini span{font-size:12px;color:var(--muted)}.merchant-mini strong{font-size:16px}.phone-sub{font-size:14px}.choice-card{border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:10px;background:#fbfcfd;transition:.15s ease}.choice-card.active{border-color:rgba(46,125,50,.35);background:linear-gradient(180deg,#fff,var(--green-soft))}.choice-card span,.choice-card strong{display:block}.choice-card span{color:var(--muted);font-size:13px}.choice-card strong{font-size:16px}.intro-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-stack{display:grid;gap:12px}.value-stack>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 24px rgba(13,27,42,.035)}.value-stack strong,.value-stack span{display:block}.value-stack span{color:var(--muted);margin-top:4px}.benefit-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}.benefit-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(13,27,42,.045);min-height:205px}.benefit-card.main-benefit{grid-row:span 2;background:linear-gradient(180deg,#fff 0%,#f2f7ff 100%);border-color:rgba(10,77,162,.18)}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:42px;padding:0 10px;border-radius:999px;background:rgba(10,77,162,.08);color:var(--blue);font-weight:900;font-size:13px;margin-bottom:16px}.benefit-card h3{font-size:22px;line-height:1.22}.benefit-card p{color:var(--muted);margin-bottom:0}.compact-benefits{grid-template-columns:repeat(2,1fr)}.compact-benefits .main-benefit{grid-row:auto}.scenario-section{background:#f8fafc;border-block:1px solid var(--line)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(13,27,42,.04)}.scenario-card.featured{border-color:rgba(46,125,50,.28);background:linear-gradient(180deg,#fff,var(--green-soft))}.scenario-label{display:inline-flex;border-radius:999px;padding:6px 10px;background:rgba(10,77,162,.08);color:var(--blue);font-weight:850;font-size:13px;margin-bottom:14px}.scenario-card h3{font-size:25px}.scenario-card p{color:var(--muted);margin-bottom:0}.badge-section{background:#fff}.badge-grid{display:grid;grid-template-columns:1fr .78fr;gap:34px;align-items:center}.counter-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 22px 55px rgba(13,27,42,.08);position:relative}.counter-card:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(10,77,162,.18);border-radius:22px;pointer-events:none}.counter-card img{width:72px;height:72px;object-fit:contain}.counter-card h3{font-size:28px;line-height:1.16;margin-top:12px}.counter-card ul{padding-left:20px;color:var(--muted);margin-bottom:20px}.counter-card li{margin:7px 0}.qr-placeholder{width:105px;height:105px;border-radius:18px;background:repeating-linear-gradient(45deg,#0D1B2A 0 6px,#fff 6px 12px);display:grid;place-items:center;font-weight:900;color:#fff;text-shadow:0 1px 2px #000;border:8px solid #fff;box-shadow:0 0 0 1px var(--line)}.large-counter-card{max-width:430px;margin-inline:auto}.muted-note{color:var(--muted);margin-top:16px}.customer-hero,.merchant-hero{background:linear-gradient(180deg,#fff 0%,#f5f8fb 100%)}.enhanced-flow>div{min-height:235px}.enhanced-flow h3{font-size:22px}
@media (max-width:980px){.quick-proof,.benefit-grid,.compact-benefits,.scenario-grid,.badge-grid{grid-template-columns:1fr}.benefit-card.main-benefit{grid-row:auto}.quick-proof{margin-top:20px}.counter-card h3{font-size:24px}}



/* v4 – concrete situations, merchant perspective and integration levels */
.situations-section{background:#fff;border-top:1px solid var(--line)}
.situations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.situation-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(13,27,42,.04);min-height:230px}
.situation-card span,.level-card span{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:999px;background:rgba(10,77,162,.08);color:var(--blue);font-weight:900;font-size:13px;margin-bottom:14px}
.situation-card h3{font-size:23px;line-height:1.2}
.situation-card p{color:var(--muted);margin-bottom:0}
.merchant-perspective{background:#f8fafc;border-block:1px solid var(--line)}
.perspective-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.perspective-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 16px 40px rgba(13,27,42,.045)}
.perspective-card.highlight{border-color:rgba(46,125,50,.28);background:linear-gradient(180deg,#fff,var(--green-soft))}
.perspective-card h3{font-size:28px}
.perspective-card ul{margin:14px 0 0;padding-left:20px;color:var(--muted)}
.perspective-card li{margin:9px 0}
.integration-levels{border-top:1px solid var(--line)}
.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.level-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(13,27,42,.04)}
.level-card h3{font-size:23px}
.level-card p{color:var(--muted);margin-bottom:0}
@media (max-width:980px){.situations-grid,.perspective-grid,.level-grid{grid-template-columns:1fr}.situation-card{min-height:auto}}

/* v5 – card creation, merchant channels and customer preferences */
.scenario-grid.four{grid-template-columns:repeat(4,1fr)}
.profile-flow-section{background:#fff;border-block:1px solid var(--line)}
.profile-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.profile-step,.profile-detail-card,.mode-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(13,27,42,.04)}
.profile-step span{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:999px;background:rgba(10,77,162,.08);color:var(--blue);font-weight:900;font-size:13px;margin-bottom:14px}
.profile-step h3,.profile-detail-card h3,.mode-card h3{font-size:23px;line-height:1.2}
.profile-step p,.profile-detail-card p,.mode-card p{color:var(--muted);margin-bottom:0}
.profile-note{margin-top:18px;background:var(--green-soft);border:1px solid rgba(46,125,50,.22);border-radius:20px;padding:18px;display:flex;gap:8px;align-items:flex-start}
.profile-note strong{white-space:nowrap}.profile-note span{color:var(--muted)}
.profile-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.profile-detail-card.featured{border-color:rgba(46,125,50,.28);background:linear-gradient(180deg,#fff,var(--green-soft))}
.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.merchant-modes{border-block:1px solid var(--line)}
.preferences-section{background:#fff;border-bottom:1px solid var(--line)}.partner-channel-section{background:#fff;border-top:1px solid var(--line)}
@media (max-width:980px){.scenario-grid.four,.profile-flow-grid,.profile-detail-grid,.mode-grid{grid-template-columns:1fr}.profile-note{display:block}.profile-note strong{display:block;margin-bottom:6px}}