/* Fixed navigation stays outside the clipped hero. */
.navigation-shell { position:fixed; z-index:50; top:10px; left:50%; translate:-50% 0; width:calc(100% - 20px); max-width:1780px; color:#fff; border-radius:28px 28px 15px 15px; transition:background .35s,box-shadow .35s,border-radius .35s; }
.header-slot { height:80px; }
.navigation-shell .header { border-radius:inherit; }
.navigation-shell.is-scrolled { background:#fffffff2; backdrop-filter:blur(18px); color:#172136; border-radius:18px; box-shadow:0 5px 28px #0e1d3515; }
.is-scrolled .header { background:none; height:70px; }
.is-scrolled .brand { color:#3772fe; }
.is-scrolled .desktop-nav { color:#536078; }
.is-scrolled .desktop-nav a:hover { color:#3772fe; }
.is-scrolled .menu-button { color:#172136; }
.is-scrolled .mobile-nav { background:transparent; color:#364660; border-top:1px solid #e5eaf2; border-radius:0 0 18px 18px; }
html.lenis { scroll-behavior:auto; }
.method-name { display:flex; align-items:center; gap:13px; }
.method-brand { width:53px; height:31px; object-fit:contain; border-radius:8px; }
.method-row>button { padding:18px 0; }
.method-row>button>span:last-child { flex-shrink:0; }
.method-list { padding-top:0; }
.methods-media { align-self:center; }
.selling-card { position:relative; isolation:isolate; height:370px; border-radius:22px; overflow:hidden; color:white; background:radial-gradient(ellipse at 85% 95%,#192f58,transparent 65%),#0b111c; }
.selling-card.wide { grid-column:span 2; }
.selling-copy { position:relative; z-index:2; padding:27px 26px; }
.selling-copy h3 { font-size:25px; font-weight:500; line-height:1.12; }
.selling-copy p { margin-top:13px; font-size:11px; line-height:1.65; color:#9aaecb; }
.selling-art { position:absolute; object-fit:contain; width:100%; max-width:none; height:72%; bottom:-8%; right:-4%; transition:transform 1.2s var(--ease); }
.selling-card:hover .selling-art { transform:translate(-5px,-5px) rotate(-2deg) scale(1.025); }
.selling-start .selling-art { width:110%; height:77%; right:-10%; bottom:-13%; }
.selling-care { background:radial-gradient(ellipse at 75% 55%,#183d72,transparent 70%),#0b121f; }
.selling-care .selling-copy { padding:35px 32px; }
.selling-care h3 { font-size:31px; }
.selling-care .support-time { font-size:72px; line-height:1.25; letter-spacing:-.06em; color:#8cb7ff; }
.selling-care .selling-art { width:61%; height:109%; right:-3%; bottom:-19%; }
.selling-care p { max-width:245px; }
.selling-security { background:#0a1020; }
.selling-security .selling-art { object-fit:cover; width:102%; height:77%; right:0; bottom:-16%; mask-image:linear-gradient(transparent,black 18%); }
.selling-payout .selling-art { height:81%; width:112%; right:-8%; bottom:-17%; }
.selling-withdraw .selling-art { object-fit:cover; width:127%; height:72%; right:-13%; bottom:-8%; mask-image:linear-gradient(transparent,black 27%); }
.selling-analytics { background:radial-gradient(ellipse at 30% 0,#142c52,transparent 80%),#0d1625; }
.selling-analytics .selling-copy { padding:29px 32px; }
.selling-analytics .selling-art { object-fit:cover; object-position:top left; width:85%; height:auto; right:-4%; bottom:auto; top:137px; border:1px solid #fff2; border-radius:13px; box-shadow:0 10px 60px #0006; transform:rotate(-3deg); }
.selling-analytics:hover .selling-art { transform:translate(-4px,-7px) rotate(-2deg); }
@media(min-width:1600px) { .selling-card { height:410px; }.selling-copy h3{font-size:29px}.selling-copy p{font-size:13px}.selling-care .selling-art{width:64%;right:-1%}.selling-analytics .selling-art{top:145px} }
@media(max-width:1150px) { .selling-card{height:330px}.selling-copy{padding:25px 20px}.selling-copy h3{font-size:21px}.selling-copy p{font-size:10px}.selling-care .selling-copy,.selling-analytics .selling-copy{padding:28px 25px}.selling-care h3{font-size:27px}.selling-care .support-time{font-size:63px}.selling-care .selling-art{width:66%;right:-9%}.selling-analytics .selling-art{top:135px} }
@media(max-width:900px) { .navigation-shell .header{padding:0 25px}.selling-board{grid-template-columns:repeat(2,minmax(0,1fr))}.selling-card{height:350px}.selling-card.wide{grid-column:span 1}.selling-copy h3{font-size:24px}.selling-care .selling-copy{padding:25px 22px}.selling-care h3{font-size:26px}.selling-care .support-time{font-size:55px}.selling-care p{max-width:170px;font-size:10px}.selling-care .selling-art{width:83%;right:-19%;bottom:-30%;height:100%}.selling-analytics .selling-art{top:165px;width:140%;right:-48%}.selling-security .selling-art{height:73%}.selling-analytics .selling-copy{padding:25px 22px}.method-row>button{font-size:20px}.method-brand{width:48px;height:27px}.method-stage{aspect-ratio:1.12} }
@media(max-width:650px) { .navigation-shell{top:7px;width:calc(100% - 14px);border-radius:22px 22px 13px 13px}.header-slot{height:73px}.navigation-shell .header{height:73px;padding:0 21px}.is-scrolled .header{height:64px}.navigation-shell.is-scrolled{border-radius:15px}.method-stage{aspect-ratio:1.28}.method-row>button{padding:18px 0;font-size:21px}.method-brand{width:50px;height:29px}.method-row:first-child>button{padding-top:0}.selling-board{gap:8px;padding:8px;border-radius:23px}.selling-card{height:285px;border-radius:18px}.selling-copy{padding:21px 15px}.selling-copy h3{font-size:19px;letter-spacing:-.04em}.selling-copy p{font-size:9px;line-height:1.55;margin-top:10px}.selling-care .selling-copy{padding:20px 16px}.selling-care h3{font-size:21px}.selling-care .support-time{font-size:46px;line-height:1.2}.selling-care p{font-size:9px;max-width:130px}.selling-care .selling-art{width:110%;height:74%;bottom:-25%;right:-20%}.selling-start .selling-art{height:68%;width:135%;right:-21%;bottom:-9%}.selling-security .selling-art{height:70%;bottom:-15%;width:110%;right:-5%}.selling-payout .selling-art{width:127%;height:74%;right:-13%;bottom:-9%}.selling-withdraw{height:280px}.selling-withdraw .selling-art{width:165%;right:-30%;height:66%;bottom:-4%}.selling-analytics{height:280px}.selling-analytics .selling-copy{padding:21px 15px}.selling-analytics .selling-art{width:220%;right:-130%;top:135px;border-radius:8px}.platform-section .text-link{display:none} }
@media(max-width:370px) { .selling-copy h3{font-size:17px}.selling-copy{padding:20px 12px}.selling-care .selling-copy{padding:20px 12px}.selling-care h3{font-size:19px}.selling-copy p{font-size:8px}.selling-care p{font-size:8px}.selling-analytics .selling-copy{padding:20px 12px}.selling-card{height:265px} }

/* Small labels share the same smooth type family as the headings. */
.eyebrow,.integration-step .eyebrow { font-family:Onest,Inter,sans-serif; font-size:10px; font-weight:500; letter-spacing:.06em; }
.service-number { font-family:Onest,Inter,sans-serif; font-size:11px; font-weight:500; letter-spacing:.035em; }
.technical-label { font-family:Onest,Inter,sans-serif; font-size:10px; font-weight:500; letter-spacing:.04em; }

.brand { display:flex; align-items:center; justify-content:center; flex-shrink:0; line-height:1; }
.brand-logo { width:40px; height:40px; object-fit:contain; }
.footer-navigation .brand-logo { width:38px; height:38px; }
@media(max-width:650px) { .brand-logo { width:34px; height:34px; }.footer-navigation .brand-logo { width:34px; height:34px; } }

.launch-toggle>span { pointer-events:none; }
.launch-toggle input:focus-visible+span { outline:3px solid #82a6ff; outline-offset:4px; }

/* Closing heading uses aligned lines and a tightly framed 3D object. */
.closing-copy h2 { font-size:clamp(38px,4.3vw,64px); line-height:1.08; letter-spacing:-.05em; }
.closing-title-line { display:flex; align-items:center; gap:.19em; white-space:nowrap; }
.closing-title-line+.closing-title-line { margin-top:.055em; }
.closing-toggle { position:relative; display:block; flex:0 0 1.18em; width:1.18em; height:.62em; margin:.1em 0 0; border-radius:1em; overflow:hidden; }
.closing-toggle>img { width:244%; height:216%; max-width:none; left:-133%; top:-57%; right:auto; bottom:auto; }
.footer-legal { gap:24px; font-size:11px; }
.footer-legal nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; flex:1; }
.footer-legal nav a { display:flex; align-items:center; gap:10px; min-height:49px; padding:12px 14px; background:#ffffff85; border:1px solid #dce4ef; border-radius:11px; color:#5a6b85; font-size:11px; line-height:1.4; transition:background .2s,border-color .2s,color .2s; }
.footer-legal nav a:before { display:none; }
.footer-legal nav a>svg { width:17px; height:19px; color:#6484ba; stroke-width:1.5; }
.footer-legal nav a:hover { color:#285cc4; border-color:#aec8fb; background:#fff; }
.footer-login { min-height:44px; font-size:11px; border-radius:10px; }
@media(max-width:1150px) { .footer-legal { flex-wrap:wrap; gap:20px; }.footer-legal nav { order:3; flex-basis:100%; }.footer-login { margin-left:auto; }.closing-copy h2 { font-size:48px; } }
@media(max-width:900px) { .closing-copy h2 { font-size:42px; }.footer-legal nav a { padding:11px; font-size:10px; gap:8px; } }
@media(max-width:650px) { .closing-copy h2 { font-size:38px; }.closing-title-line { gap:.16em; }.footer-legal { gap:20px; font-size:11px; }.footer-legal nav { grid-template-columns:1fr 1fr; gap:10px; }.footer-legal nav a { font-size:11px; min-height:65px; padding:12px; align-items:center; }.footer-legal nav a>svg { width:16px; height:19px; }.footer-copyright { font-size:11px; } }
@media(max-width:370px) { .closing-copy h2 { font-size:33px; }.footer-legal nav a { padding:10px; gap:7px; font-size:10px; } }

@media(min-width:901px) and (max-width:1150px) { .desktop-nav{gap:17px;font-size:10px}.header{gap:22px}.header-actions{gap:18px}.footer-navigation nav{gap:19px} }