:root { --ink:#182235; --muted:#667287; --blue:#4169e8; --blue-dark:#162a62; --mint:#3bdab8; --paper:#f7f9fd; --line:#e5e9f1; --night:#182333; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:"DM Sans",Arial,sans-serif; background:var(--white); }
a { color:inherit; }
.container { width:min(1120px, calc(100% - 48px)); margin-inline:auto; }
.topbar { height:86px; display:flex; justify-content:space-between; align-items:center; }
.brand { color:#172136; font:800 34px/1 "Manrope",sans-serif; letter-spacing:-2px; text-decoration:none; }
.brand span { color:var(--blue); }
.topbar-link { color:#526079; font-weight:700; text-decoration:none; font-size:14px; }.topbar-link span{ color:var(--blue); font-size:18px; margin-left:4px; }
.hero { background:var(--blue); overflow:hidden; padding:56px 0 50px; }.hero-inner { display:grid; grid-template-columns:1fr 1.05fr; gap:60px; align-items:center; }.hero-copy { color:white; position:relative; min-height:435px; }.eyebrow { margin:0 0 12px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:1.2px; }.eyebrow.light { color:#b9c8ff; }.eyebrow.mint { color:var(--mint); }.hero h1,.section h2,.stories h2,.final-cta h2 { font:800 clamp(36px,4.1vw,61px)/.98 "Manrope",sans-serif; letter-spacing:-2.7px; margin:0; }.hero h1 { max-width:470px; }.hero h1 em { color:var(--mint); font-style:normal; }.hero-description { width:min(100%,400px); font-size:19px; line-height:1.4; color:#e9edff; margin:22px 0 0; }.hero-visual { position:absolute; right:12px; bottom:0; width:300px; height:265px; }.hero-visual img { position:absolute; inset:12px 12px 10px 25px; width:247px; height:245px; object-fit:cover; border-radius:47% 53% 49% 51%; filter:saturate(.9); }.orb { position:absolute; border-radius:50%; }.orb-one { background:var(--mint); height:46px; width:46px; right:0; top:17px; }.orb-two { width:78px; height:23px; border-radius:20px; background:#a6baff; left:0; top:75px; transform:rotate(-10deg); }.floating-chip { position:absolute; background:white; color:var(--blue-dark); bottom:5px; right:0; padding:12px 15px; border-radius:13px; box-shadow:0 12px 25px #0e276d59; font-size:12px; line-height:1.15; transform:rotate(-4deg); }.floating-chip strong { font-size:15px; }
.simulation-card { background:white; border-radius:24px; padding:34px 34px 30px; box-shadow:0 18px 35px #14348032; }.simulation-card h2 { font:800 31px/1.1 "Manrope",sans-serif; letter-spacing:-1.3px; margin:0; max-width:430px; }.form-intro { margin:9px 0 23px; color:var(--muted); font-size:14px; } form { display:grid; gap:12px; } label { display:grid; gap:6px; } label>span { color:#556276; font-size:12px; font-weight:700; } input { border:1px solid transparent; background:#f3f5f8; border-radius:9px; width:100%; padding:14px; outline:none; color:var(--ink); font:14px "DM Sans",sans-serif; transition:.2s; } input:focus { background:white; border-color:var(--blue); box-shadow:0 0 0 3px #4169e81c; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.consent { display:flex; align-items:flex-start; gap:8px; margin:3px 0 5px; }.consent input { width:15px; height:15px; margin:0; accent-color:var(--blue); }.consent span { font-weight:400; line-height:1.35; }.consent a { color:var(--blue); }.button { border:0; border-radius:11px; background:var(--blue); color:white; padding:15px 20px; font:700 14px "DM Sans",sans-serif; text-align:center; text-decoration:none; cursor:pointer; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-2px); background:#3158d7; }.button span { margin-left:7px; font-size:18px; }.success-state { text-align:center; padding:29px 5px 25px; }.success-icon { margin:0 auto 18px; height:52px; width:52px; display:grid; place-items:center; border-radius:50%; background:var(--mint); font-size:25px; color:var(--night); font-weight:800; }.success-state h2 { margin-bottom:11px; }.success-state p:not(.eyebrow) { color:var(--muted); line-height:1.5; margin:0 auto 24px; max-width:350px; }.button.secondary { display:inline-block; }
.section { padding:92px 0; }.section-heading { max-width:570px; }.section h2 { font-size:42px; }.section-heading>p:last-child { color:var(--muted); margin:12px 0 30px; }.benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }.benefit-card { min-height:220px; padding:24px 21px; border:1px solid var(--line); border-radius:16px; }.icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--mint); color:var(--night); font:800 27px/1 "Manrope",sans-serif; }.benefit-card h3 { color:var(--blue); font:800 18px/1.08 "Manrope",sans-serif; letter-spacing:-.7px; margin:22px 0 9px; }.benefit-card p { color:var(--muted); font-size:14px; line-height:1.36; margin:0; }
.stories { background:#202b3a; padding:80px 0; color:white; }.stories-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:35px; }.stories h2 { max-width:625px; font-size:43px; }.review-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:16px; align-items:stretch; }.review { position:relative; padding:28px; background:#f6f8fc; color:var(--muted); border-radius:17px; min-height:233px; display:flex; flex-direction:column; justify-content:space-between; }.review p { font:500 18px/1.24 "DM Sans",sans-serif; margin:0; letter-spacing:-.4px; }.featured-review { padding-left:154px; }.review-badge { position:absolute; left:22px; bottom:73px; border-radius:12px; background:var(--blue); color:white; padding:11px 9px; font-size:14px; line-height:1.3; text-align:center; transform:rotate(-3deg); }.person { display:flex; align-items:center; gap:10px; color:var(--ink); }.person strong,.person small { display:block; }.person small { color:var(--blue); margin-top:2px; font-size:11px; }.avatar { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:white; font-weight:800; }.avatar-one{background:#f09e7c}.avatar-two{background:#7271bc}.avatar-three{background:#2e9c94}
.faq { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:84px; }.faq-image { position:relative; }.faq-image img { display:block; width:100%; height:420px; object-fit:cover; border-radius:22px; }.image-note { position:absolute; right:-22px; bottom:25px; background:var(--blue); color:white; padding:16px 20px; border-radius:12px; font-size:14px; transform:rotate(-2deg); }.faq h2 { font-size:43px; margin-bottom:23px; } details { border-top:1px solid var(--line); padding:17px 0; } details:last-child { border-bottom:1px solid var(--line); } summary { cursor:pointer; color:#26344c; font-weight:700; list-style:none; padding-right:28px; position:relative; } summary::after { content:'+'; color:var(--blue); position:absolute; right:3px; font-size:21px; top:-5px; } details[open] summary::after { content:'−'; } details p { font-size:14px; color:var(--muted); line-height:1.5; margin:11px 0 0; max-width:440px; }
.final-cta { background:var(--blue); color:white; padding:68px 0; }.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }.final-cta h2 { font-size:43px; max-width:650px; }.final-cta p:not(.eyebrow) { color:#dce3ff; max-width:555px; margin:13px 0 0; font-size:17px; }.cta-button { white-space:nowrap; background:var(--mint); color:#14273b; padding:17px 24px; }.cta-button:hover { background:#63e4ca; }
footer { background:#1d2939; color:#cdd4df; padding:50px 0 22px; }.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:45px; }.footer-brand { color:white; font-size:30px; }.footer-grid p { max-width:275px; color:#aab4c4; font-size:13px; line-height:1.5; }.footer-grid h3 { color:white; font:700 14px "Manrope",sans-serif; margin:7px 0 15px; }.footer-grid a:not(.brand) { display:block; color:var(--mint); text-decoration:none; margin:0 0 9px; font-size:13px; }.copyright { margin-top:40px; padding-top:20px; border-top:1px solid #ffffff21; color:#9ca8b9; font-size:12px; }
@media (max-width:850px) { .hero-inner,.faq { grid-template-columns:1fr; }.hero { padding-top:42px; }.hero-copy { min-height:385px; }.hero-visual { right:0; transform:scale(.9); transform-origin:bottom right; }.simulation-card { max-width:620px; width:100%; margin:auto; }.benefit-grid { grid-template-columns:repeat(2,1fr); }.stories-heading { display:block; }.stories-heading h2 { margin-top:8px; }.review-grid { grid-template-columns:1fr 1fr; }.featured-review { grid-column:span 2; }.faq { gap:43px; }.faq-image { max-width:590px; }.footer-grid { grid-template-columns:1.4fr 1fr 1fr; }.footer-grid>div:first-child { grid-column:span 3; } }
@media (max-width:540px) { .container { width:min(100% - 32px,1120px); }.topbar { height:70px; }.brand { font-size:29px; }.topbar-link { font-size:12px; }.topbar-link span { display:none; }.hero { padding:34px 0 32px; }.hero-copy { min-height:400px; }.hero h1 { font-size:45px; }.hero-description { font-size:17px; max-width:310px; }.hero-visual { transform:scale(.75); right:-20px; bottom:-17px; }.simulation-card { padding:27px 20px; border-radius:18px; }.simulation-card h2 { font-size:28px; }.form-row { grid-template-columns:1fr; }.section { padding:62px 0; }.section h2,.stories h2,.faq h2,.final-cta h2 { font-size:34px; letter-spacing:-1.8px; }.benefit-grid,.review-grid { grid-template-columns:1fr; }.benefit-card { min-height:175px; }.featured-review { grid-column:auto; padding-left:124px; }.review-badge { left:18px; bottom:76px; font-size:11px; }.review { min-height:200px; }.faq-image img { height:300px; }.image-note { right:-8px; bottom:15px; }.cta-inner { display:block; }.cta-button { display:inline-block; margin-top:27px; }.footer-grid { grid-template-columns:1fr 1fr; gap:32px 24px; }.footer-grid>div:first-child { grid-column:span 2; }.copyright { margin-top:30px; } }

body.journey-open { overflow:hidden; }.journey[hidden] { display:none; }.journey { position:fixed; z-index:20; inset:0; display:grid; grid-template-columns:minmax(330px,1fr) minmax(500px,1fr); min-height:100dvh; background:white; color:#404d62; }.journey-aside { position:relative; padding:42px clamp(35px,5vw,84px); overflow:hidden; background:radial-gradient(circle at 51% 53%,#fff 0 9%,transparent 29%),radial-gradient(circle at 44% 37%,#e5fbd0 0,transparent 28%),linear-gradient(140deg,#bdf6ec 0%,#e1f9f2 47%,#fff1ca 100%); }.journey-aside::after { content:''; position:absolute; inset:auto -30% -55% auto; height:440px; width:440px; border-radius:50%; background:#ffffffa8; filter:blur(18px); }.journey-brand { position:relative; z-index:1; font-size:32px; }.journey-aside-copy { position:absolute; z-index:1; top:50%; transform:translateY(-50%); max-width:350px; }.journey-aside-copy p { margin:0 0 12px; color:#008f8d; font-size:12px; letter-spacing:1.6px; font-weight:800; }.journey-aside-copy strong { display:block; color:#344156; font:800 clamp(35px,4.2vw,56px)/1.03 "Manrope",sans-serif; letter-spacing:-2px; }.journey-aside-copy span { display:block; max-width:315px; margin-top:17px; font-size:17px; line-height:1.45; }.journey-panel { position:relative; padding:43px clamp(34px,6vw,100px); overflow-y:auto; }.journey-top { height:30px; display:flex; align-items:center; justify-content:space-between; }.back-button { border:0; padding:0; background:transparent; color:#087d83; font:600 14px "DM Sans",sans-serif; cursor:pointer; }.back-button:first-letter { color:#344156; font-size:22px; }.journey-count { color:#697589; font-size:13px; font-weight:700; }.journey-progress { height:4px; background:#d8f5ec; margin:21px calc(clamp(34px,6vw,100px) * -1) 0; }.journey-progress span { display:block; width:16.666%; height:100%; background:#37d7b3; transition:width .25s ease; }.journey-form { max-width:500px; padding-top:52px; }.journey-step { display:none; }.journey-step.is-active { display:block; animation:step-in .22s ease-out; }.journey-step h2 { color:#364359; font:800 clamp(31px,3vw,45px)/1.08 "Manrope",sans-serif; letter-spacing:-1.8px; margin:0; }.step-intro { color:#566378; font-size:16px; line-height:1.5; margin:12px 0 27px; }.journey-step label { margin:0 0 25px; }.journey-step label > span { color:#3d4a5d; }.journey-step input { background:#f2f3f5; padding:18px 16px; font-size:16px; border-radius:9px; }.journey-step input:focus { background:#fff; }.journey-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:53px; padding:14px 22px; border:0; border-radius:10px; background:#3f4d62; color:white; font:700 15px "DM Sans",sans-serif; text-decoration:none; cursor:pointer; transition:transform .2s,background .2s; }.journey-button:hover { background:#2c384a; transform:translateY(-1px); }.journey-button span { font-size:20px; }.choice-stack { display:grid; gap:9px; }.choice,.bank-choice { border:1px solid #d8dce2; border-radius:9px; background:#fff; color:#435067; text-align:left; font:500 16px "DM Sans",sans-serif; cursor:pointer; transition:.18s; }.choice { padding:14px 16px; }.choice:hover,.choice.is-selected,.bank-choice:hover,.bank-choice.is-selected { border-color:#39cbae; background:#effcf8; box-shadow:inset 0 0 0 1px #39cbae; color:#1f4e54; }.date-field { max-width:320px; }.bank-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.bank-choice { min-height:56px; padding:12px 14px; font-weight:600; }.connection-summary { display:grid; gap:1px; border:1px solid #dfe4eb; border-radius:13px; overflow:hidden; margin:0 0 17px; }.connection-summary div { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:15px 16px; background:#f8fafd; }.connection-summary span { color:#6c788c; font-size:13px; }.connection-summary strong { color:#364359; text-align:right; font-size:14px; }.secure-note { border-radius:10px; padding:13px 14px; color:#226b62; background:#e9fbf5; font-size:13px; line-height:1.4; margin:0 0 24px; }.completion-step { padding-top:32px; }.completion-step .success-icon { margin:0 0 17px; }.completion-step > p:not(.eyebrow) { max-width:420px; color:#667287; line-height:1.5; margin:12px 0 25px; }.completion-step .journey-button { background:#3bdab8; color:#173144; }.completion-step .journey-button:hover { background:#58e1c3; } @keyframes step-in { from { opacity:0; transform:translateX(10px); } to { opacity:1; transform:translateX(0); } }
@media (max-width:760px) { .journey { display:block; }.journey-aside { min-height:174px; padding:27px 24px; }.journey-aside-copy { top:auto; bottom:25px; transform:none; }.journey-aside-copy p,.journey-aside-copy span { display:none; }.journey-aside-copy strong { font-size:29px; }.journey-panel { min-height:calc(100dvh - 174px); padding:26px 24px 40px; }.journey-progress { margin:18px -24px 0; }.journey-form { padding-top:38px; }.journey-step h2 { font-size:31px; }.bank-grid { grid-template-columns:1fr; }.choice { padding:13px 14px; }.journey-count { font-size:12px; } }

.journey-step select { appearance:none; width:100%; border:1px solid transparent; border-radius:9px; outline:none; background:#f2f3f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233d4a5d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat calc(100% - 16px) center; color:#364359; padding:18px 44px 18px 16px; font:16px "DM Sans",sans-serif; }.journey-step select:focus { border-color:var(--blue); background-color:white; box-shadow:0 0 0 3px #4169e81c; }.bank-details { margin-bottom:25px; }.autonomous-choice { display:flex!important; align-items:flex-start; gap:11px; margin:-7px 0 25px!important; cursor:pointer; }.autonomous-choice input { width:19px; height:19px; flex:0 0 19px; padding:0; margin:1px 0 0; accent-color:#37cdae; }.autonomous-choice span { display:grid!important; gap:2px; color:#3d4a5d!important; font-size:14px!important; }.autonomous-choice small { color:#738096; font-size:13px; font-weight:400; }.journey-step input:disabled { color:#9aa4b3; background:#e7eaee; cursor:not-allowed; }.guarantee-box { margin:-3px 0 25px; }.guarantee-box p { color:#657185; font-size:14px; line-height:1.35; margin:0 0 10px; }.guarantee-button { display:flex; align-items:center; justify-content:space-between; width:100%; padding:12px 13px; margin-top:8px; border:1px solid #d9e0e8; border-radius:9px; background:white; color:#49566b; font:600 14px "DM Sans",sans-serif; text-align:left; cursor:pointer; }.guarantee-button span { border-radius:8px; padding:6px 11px; color:#29796d; background:#d9f8ee; font-weight:700; }.guarantee-button.is-selected { border-color:#38cfad; background:#effcf8; }.guarantee-button.is-selected span { color:white; background:#35c8a8; }.offer-step { max-width:460px; }.offer-step h2 { max-width:470px; }.offer-value { display:flex; flex-direction:column; color:#172132; font:800 clamp(52px,5vw,80px)/.95 "Manrope",sans-serif; letter-spacing:-4px; margin:31px 0 24px; }.offer-value small { color:#667287; font:700 12px "DM Sans",sans-serif; letter-spacing:1px; margin:0 0 7px 3px; }.installment-label { color:#3c495d; font-size:14px; font-weight:700; margin:0 0 11px; }.installment-list { display:grid; gap:10px; }.installment-option { position:relative; display:grid; grid-template-columns:1fr auto; gap:3px 16px; width:100%; padding:15px 45px 15px 17px; border:1px solid #e1e5eb; border-radius:12px; background:#fff; color:#344156; text-align:left; box-shadow:0 4px 10px #26334712; cursor:pointer; transition:.2s; }.installment-option span { color:#657185; font-size:12px; }.installment-option b { grid-column:1; font:800 18px/1.1 "Manrope",sans-serif; letter-spacing:-.7px; }.installment-option i { position:absolute; top:50%; right:17px; color:#6d7889; font:400 28px/1 Arial,sans-serif; transform:translateY(-50%); }.installment-option:hover,.installment-option.is-selected { border-color:#36cbaa; background:#effcf8; box-shadow:0 5px 16px #36cbaa24; }.offer-footnote { color:#738096; font-size:12px; line-height:1.4; margin:13px 0 0; }.journey-loading[hidden] { display:none; }.journey-loading { position:absolute; z-index:50; inset:0; display:grid; place-items:center; padding:24px; background:#f8fbffef; backdrop-filter:blur(7px); }.loading-card { width:min(100%,380px); text-align:center; padding:44px 30px; border:1px solid #e1e8f1; border-radius:22px; background:#fff; box-shadow:0 22px 55px #25355824; }.loading-card .eyebrow { color:#268d83; }.loading-card h2 { color:#344156; font:800 38px/1 "Manrope",sans-serif; letter-spacing:-1.8px; margin:19px 0 8px; }.loading-card p:last-child { color:#69768a; line-height:1.45; margin:0; }.loading-spinner { width:58px; height:58px; margin:0 auto; border:5px solid #dcf6ef; border-top-color:#36cbaa; border-radius:50%; animation:loading-spin .85s linear infinite; } @keyframes loading-spin { to { transform:rotate(360deg); } }
@media (max-width:760px) { .bank-details { grid-template-columns:1fr 1fr; }.offer-value { font-size:59px; }.loading-card { padding:37px 25px; }.journey-loading { position:fixed; } }

.verification-step,.selfie-summary-step,.camera-step,.final-step { max-width:510px; }.form-feedback { min-height:20px; margin:-10px 0 4px; color:#267d72; font-size:13px; line-height:1.4; }.form-feedback.is-error { color:#bd3b4e; }.text-button { width:max-content; padding:6px 0; border:0; background:none; color:#087d83; font:600 14px "DM Sans",sans-serif; text-decoration:underline; cursor:pointer; }.code-field { max-width:300px; }.code-field input { font-size:25px; font-weight:800; letter-spacing:9px; text-align:center; }.approval-card { overflow:hidden; margin:25px 0 29px; border:1px solid #dfe4eb; border-radius:15px; background:#fff; box-shadow:0 5px 15px #2633470d; }.approval-card > div:first-child { padding:20px 21px 13px; }.approval-card span { display:block; color:#697589; font-size:12px; font-weight:700; }.approval-card strong { display:block; color:#182a5b; font:800 32px/1.08 "Manrope",sans-serif; letter-spacing:-1.4px; }.approval-split { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:0 21px 19px; }.approval-split p { margin:0; }.approval-split strong { margin-top:5px; color:#354257; font-size:16px; letter-spacing:-.4px; }.approval-bank { display:flex; align-items:center; gap:12px; padding:15px 20px; background:#f4f6f9; }.approval-bank > span { display:grid; place-items:center; width:37px; height:37px; border-radius:10px; background:#d5f8ed; color:#277a6c; font-size:22px; }.approval-bank p { flex:1; margin:0; }.approval-bank p strong { color:#354257; font:800 14px/1.2 "DM Sans",sans-serif; letter-spacing:0; }.approval-bank p small { display:block; color:#68758a; margin-top:3px; font-size:12px; }.approval-bank button { border:0; background:none; color:#087d83; font:700 13px "DM Sans",sans-serif; cursor:pointer; }.identity-copy { color:#536075; font-size:16px; line-height:1.48; }.selfie-tips { display:grid; gap:0; padding:0; margin:28px 0; border-top:1px solid #e5e9ee; list-style:none; }.selfie-tips li { padding:15px 3px; border-bottom:1px solid #e5e9ee; color:#526077; font-size:14px; }.selfie-start { width:100%; background:#4169e8; }.camera-frame { position:relative; display:grid; place-items:center; width:min(100%,360px); aspect-ratio:3/4; overflow:hidden; margin:25px auto 17px; border-radius:50% 50% 46% 46% / 42% 42% 56% 56%; background:#172235; }.camera-frame video,.camera-frame canvas { width:100%; height:100%; object-fit:cover; transform:scaleX(-1); }.face-guide { position:absolute; z-index:1; width:64%; height:68%; border:3px solid #3bdab8; border-radius:50%; box-shadow:0 0 0 999px #17223538; pointer-events:none; }.camera-placeholder { position:absolute; z-index:2; width:76%; color:#fff; text-align:center; font-size:14px; line-height:1.4; }.camera-consent { display:flex!important; align-items:flex-start; gap:10px; margin:5px 0 17px!important; cursor:pointer; }.camera-consent input { width:18px; height:18px; flex:0 0 18px; padding:0; margin:1px 0 0; accent-color:#3acbaa; }.camera-consent span { color:#566378!important; font-size:13px!important; font-weight:400!important; line-height:1.4; }.camera-step .journey-button[disabled] { cursor:not-allowed; opacity:.45; }.payment-banner { position:relative; overflow:hidden; min-height:180px; margin:0 0 28px; padding:32px 28px; border-radius:17px; background:linear-gradient(120deg,#2ed7b4,#70e269); color:#14283b; }.payment-banner p { position:relative; z-index:1; margin:0; font:700 31px/1.08 "Manrope",sans-serif; letter-spacing:-1.4px; }.payment-banner strong { font-weight:800; }.payment-banner span { position:absolute; right:-18px; top:-60px; width:175px; height:310px; border:39px solid #d0f84a; transform:rotate(34deg); opacity:.82; }.payment-banner span::before { content:''; position:absolute; width:39px; height:360px; background:#d0f84a; left:37px; top:-74px; }.final-step > h2 { font-size:32px; }.payment-summary { display:grid; gap:0; overflow:hidden; margin:20px 0 13px; border:1px solid #dfe4eb; border-radius:13px; }.payment-summary div { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px 16px; background:#f9fbfd; border-bottom:1px solid #e7ebf0; }.payment-summary div:last-child { border-bottom:0; }.payment-summary span { color:#697589; font-size:13px; }.payment-summary strong { color:#344156; text-align:right; font-size:14px; }.payment-integration { display:flex; align-items:flex-start; gap:11px; margin:0 0 24px; padding:14px; border-radius:11px; background:#ebfbf5; }.payment-lock { display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:7px; color:#176d62; background:#c6f5e7; }.payment-integration strong { color:#23675f; font-size:14px; }.payment-integration p { margin:3px 0 0; color:#39736d; font-size:12px; line-height:1.35; }.final-step .journey-button { background:#4169e8; }
@media (max-width:760px) { .approval-split { grid-template-columns:1fr; gap:13px; }.approval-bank { align-items:flex-start; }.approval-bank button { white-space:nowrap; }.payment-banner { min-height:145px; padding:28px 21px; }.payment-banner p { font-size:26px; }.final-step > h2 { font-size:30px; } }

/* Checkout Pix (Orders API): o QR Code e o código copia e cola chegam do servidor. */
.payment-integration { margin-bottom:18px; }.pix-checkout { margin:0 0 23px; }.pix-generate,.secondary-final-action { width:100%; }.pix-feedback { margin:9px 0 0; }.pix-payment { display:grid; gap:13px; margin-top:10px; padding:17px; border:1px solid #d8e7e5; border-radius:14px; background:#f8fffd; }.pix-qr { display:block; width:min(100%,220px); aspect-ratio:1; margin:0 auto; padding:8px; border:1px solid #e0e6eb; border-radius:10px; background:#fff; object-fit:contain; }.pix-code-field { display:grid!important; gap:7px; margin:0!important; }.pix-code-field > span { color:#526277!important; font-size:13px!important; font-weight:700!important; }.pix-code-field textarea { width:100%; min-height:85px; resize:vertical; padding:11px; border:1px solid #dce3ea; border-radius:8px; outline:none; color:#3c495d; background:#fff; font:12px/1.35 "DM Sans",sans-serif; word-break:break-all; }.pix-code-field textarea:focus { border-color:#36cbaa; box-shadow:0 0 0 3px #36cbaa1c; }.copy-pix-button { width:100%; min-height:46px; border:0; border-radius:9px; color:#fff; background:#087d83; font:700 14px "DM Sans",sans-serif; cursor:pointer; }.copy-pix-button:hover { background:#066b70; }.pix-ticket { justify-self:center; }

/* Imagem local da seção principal. */
.hero-visual { width:300px; height:300px; }.hero-visual img { position:static; display:block; width:100%; height:100%; object-fit:cover; object-position:center; border:4px solid #7da3ff; border-radius:50%; filter:none; box-shadow:0 15px 32px #10287340; }.hero-visual::after { content:''; position:absolute; z-index:1; right:-9px; top:67px; width:45px; height:45px; border-radius:50%; background:#91b0ff; box-shadow:25px 4px 0 #91b0ff; }
.camera-status { margin:0 0 12px; }.camera-ready-button { position:sticky; bottom:16px; z-index:3; width:100%; min-height:54px; border:0; border-radius:27px; color:#fff; background:linear-gradient(135deg,#4169e8,#3158d7); box-shadow:0 10px 24px #243f9b45; font:800 16px "DM Sans",sans-serif; cursor:pointer; }.camera-ready-button:hover { background:linear-gradient(135deg,#4e75ed,#3158d7); transform:translateY(-1px); }.camera-frame.is-aligned .face-guide { border-color:#75e95b; box-shadow:0 0 0 999px #17223521,0 0 20px #75e95b99; }
@media (max-width:540px) { .hero-visual { right:auto; left:50%; bottom:-17px; transform:translateX(-50%) scale(.75); transform-origin:bottom center; } }
.pix-payment[hidden] { display:none; }

/* Mantém a imagem principal diretamente abaixo do texto da hero. */
.hero-copy { min-height:0; }.hero-visual { position:relative; right:auto; bottom:auto; margin-top:28px; }.hero-visual::after { pointer-events:none; }
@media (max-width:850px) { .hero-copy { min-height:0; }.hero-visual { right:auto; margin-top:28px; transform:none; transform-origin:center; } }
@media (max-width:540px) { .hero-visual { right:auto; left:auto; bottom:auto; margin:28px auto 0; transform:none; } }