.intro-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;padding-block:64px 80px;display:grid}.intro-hero h1{letter-spacing:-.035em;font-size:clamp(38px,4vw,56px);line-height:1.22}.intro-hero-copy>p{margin:24px 0 28px;font-size:17px;line-height:1.7}.intro-hero-visual{justify-content:flex-end;margin:0;padding:20px 36px 30px;display:flex;position:relative}.intro-scene{border-radius:12px;position:absolute;inset:60px 14% 75px 0;overflow:hidden}.intro-scene .v-image-frame{height:100%}.intro-hero-phone{border:1px solid var(--valueon-border);border-radius:16px;width:260px;height:auto;display:block;position:relative}.intro-hero-visual figcaption{color:var(--valueon-text-secondary);font-size:12px;position:absolute;bottom:0;right:36px}.intro-journey{border-top:1px solid var(--v-border);grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.intro-tabs{border-bottom:1px solid var(--v-border);margin:36px 0 24px;display:flex}.intro-tabs button{min-height:48px;color:var(--valueon-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 16px}.intro-tabs button[aria-selected=true]{color:var(--v-ink);border-bottom-color:var(--valueon-primary);font-weight:700}.intro-tabs button:hover{background:var(--valueon-secondary)}.intro-tabs button:focus-visible,.intro-phone-stage:focus-visible{outline:2px solid var(--valueon-primary);outline-offset:4px}.intro-step-copy{min-height:150px}.intro-step-copy h3{margin:0 0 12px;font-size:20px}.intro-step-copy p{margin:0 0 20px;font-size:15px;line-height:1.7}.intro-phone-stage{background:var(--valueon-secondary);text-align:center;border-radius:12px;padding:32px}.intro-phone{border:1px solid var(--valueon-border);border-radius:12px;width:300px;max-width:100%;height:auto;margin:auto;display:block}.v-site .intro-caption{color:var(--valueon-text-primary);margin:16px 0 0;font-size:12px}.intro-merchant-visual{min-width:0;margin:0;padding:20px 0}.intro-merchant-visual img{border:1px solid var(--valueon-border);border-radius:12px;width:100%;height:auto}.intro-merchant-visual figcaption{color:var(--valueon-text-secondary);margin-top:12px;font-size:12px}.intro-merchant-mobile{display:none}.intro-merchant-scene{border-radius:12px;margin-top:28px;overflow:hidden}.intro-onboarding{grid-template-columns:.85fr 1.15fr;gap:80px;scroll-margin-top:100px;display:grid}.intro-onboarding h2{margin-bottom:24px}.intro-onboarding .v-actions{flex-wrap:wrap;margin-top:24px}.intro-onboarding-info article{border-top:1px solid var(--v-border);padding:24px 0}.intro-onboarding-info h3{margin:0 0 12px;font-size:20px}.intro-onboarding-info p{margin:0;font-size:15px;line-height:1.7}.intro-onboarding-info details{border-top:1px solid var(--v-border);padding:16px 0}.intro-onboarding-info summary{cursor:pointer;min-height:32px}.intro-onboarding-info details p{margin-top:16px}.intro-onboarding-info dl{grid-template-columns:70px 1fr;gap:12px;font-size:14px;display:grid}.intro-onboarding-info dd{margin:0}.intro-email{text-underline-offset:4px;overflow-wrap:anywhere;margin-top:12px;display:inline-block}.intro-operation-steps{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.intro-operation-steps li{border-bottom:2px solid var(--valueon-border);color:var(--valueon-text-secondary);flex:1;padding:10px 4px;font-size:13px}.intro-operation-steps li[aria-current=step]{border-color:var(--valueon-primary);color:var(--valueon-primary);font-weight:700}.intro-preview-status{color:var(--valueon-primary);font-size:12px;font-weight:700}.v-console-body h3{margin:0 0 8px;font-size:25px}.intro-page .promotion-preview{border-top:1px solid var(--v-border);padding-top:48px;padding-bottom:48px}@media (max-width:900px){.intro-hero{grid-template-columns:1fr 1fr;gap:32px}.intro-hero-visual{padding-right:0}.intro-hero-phone{width:230px}.intro-journey,.intro-onboarding{gap:36px}}@media (max-width:600px){.intro-hero{grid-template-columns:1fr;gap:32px;padding-block:40px 48px}.intro-hero-copy>p{margin:20px 0 24px;font-size:15px}.intro-hero-visual{padding:0 16px 30px}.intro-hero-visual figcaption{right:16px}.intro-scene{inset:30px 20% 65px 0}.intro-journey,.intro-onboarding{grid-template-columns:1fr;gap:28px}.intro-tabs{margin-top:28px}.intro-step-copy{min-height:130px}.intro-phone-stage{padding:20px}.intro-merchant-desktop{display:none}.intro-merchant-mobile{max-width:320px;margin:auto;display:block}.intro-merchant-visual figcaption{text-align:center}}