/* Real native screenshots, rendered inside code-drawn device frames. */
.native-app-section{position:relative;overflow:hidden;padding:100px 0 90px;background:radial-gradient(ellipse at 50% 34%,#fae3df 0,transparent 50%),linear-gradient(145deg,#f6f7f9,#fff 70%);isolation:isolate}
.native-app-section:before{content:"";position:absolute;z-index:-1;inset:270px -20% auto;height:500px;border:1px solid #e3241c0b;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 70px #e3241c03,0 0 0 140px #e3241c02;pointer-events:none}
.native-app-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;margin-bottom:60px}
.native-app-heading h2{font-size:clamp(40px,5.5vw,74px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 0;color:#141923}.native-app-heading h2 span{color:#e3241c}.native-app-intro>p{font-size:17px;line-height:1.8;color:#59616d;margin:0 0 22px}.native-app-labels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.native-app-labels span{font-size:11px;font-weight:650;line-height:1.5;border:1px solid #dfe3e8;background:#fff9;padding:8px 11px;border-radius:30px;color:#485461}.native-app-intro .text-link{font-size:14px;font-weight:750;color:#c5231b;text-decoration:none}
.native-gallery-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px;border-bottom:1px solid #dce0e6;padding-bottom:15px}.native-gallery-bar p{margin:0;font-size:15px;font-weight:700;color:#253040}.native-gallery-bar>span{font-size:11px;color:#687181;white-space:nowrap}
.native-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:15px 3px 0;scrollbar-color:#df837d #eceef2;scrollbar-width:thin;scroll-behavior:smooth}.native-shot{margin:0;min-width:0}.native-phone{position:relative;display:block;border:5px solid #242629;border-radius:34px;background:#1d1e21;padding:3px;box-shadow:0 0 0 1px #94969c,0 2px 0 2px #d8d9de,0 20px 35px #242b401b;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;max-width:300px;margin:0 auto;transform:rotate(var(--phone-angle,0deg))}.native-shot:nth-child(1){--phone-angle:-2deg}.native-shot:nth-child(2){--phone-angle:1deg}.native-shot:nth-child(3){--phone-angle:-1deg}.native-shot:nth-child(4){--phone-angle:2deg}.native-phone img{display:block;width:100%;height:auto;border-radius:25px;background:#f5f5f5;aspect-ratio:1206/2622}.native-phone:after{content:"↗";position:absolute;right:-8px;bottom:24px;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#e3241c;border:3px solid #fff;border-radius:50%;font-size:16px;box-shadow:0 4px 14px #0002}.native-shot figcaption{padding:28px 4px 0}.native-shot figcaption>span{font-size:10px;letter-spacing:.12em;color:#bc2e26;font-weight:750}.native-shot h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;color:#17212e;margin:11px 0 10px}.native-shot p{font-size:13px;line-height:1.75;color:#626c78;margin:0}.native-gallery-note{font-size:11px;line-height:1.75;color:#687181;margin:30px 0 0;max-width:850px}.native-swipe-hint{display:none}
.native-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:55px 0 0;padding:35px 0;border-top:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8}.native-workflow>div{position:relative;padding-left:45px}.native-workflow>div>span{position:absolute;left:0;top:3px;font-size:11px;font-weight:750;color:#e3241c;border:1px solid #e3241c30;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.native-workflow h3{font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:4px 0 10px;color:#17212e}.native-workflow p{font-size:13px;line-height:1.8;margin:0;color:#626c78}
.native-availability{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:55px;margin-top:45px;padding:36px;border:1px solid #e2e5eb;border-radius:24px;background:#ffffffaa}.native-status{font-size:9px;letter-spacing:.1em;font-weight:750;color:#a12a22;display:flex;gap:8px;align-items:center;line-height:1.6}.native-status i{width:5px;height:5px;border-radius:50%;background:#e3241c;flex:none}.native-availability h3{font-size:clamp(25px,3vw,34px);line-height:1.13;letter-spacing:-.035em;margin:16px 0}.native-availability p{font-size:13px;line-height:1.8;color:#59616d;margin:0}.native-availability .native-payout-note{font-size:11px;margin-top:12px;color:#737c88}.native-availability-actions{display:grid;gap:20px;justify-items:start}.native-availability-actions>.btn{min-height:48px;gap:24px;display:inline-flex;align-items:center}.native-availability-actions>a:not(.btn){font-size:12px;color:#465160;text-underline-offset:4px}.native-platforms{display:flex;gap:30px;border-top:1px solid #e1e4e9;padding-top:20px;width:100%}.native-platforms>span{font-size:14px;font-weight:700;color:#293341}.native-platforms small{display:block;font-size:10px;font-weight:500;color:#707984;margin-top:4px}
.native-gallery:focus-visible,.native-phone:focus-visible{outline:3px solid #e3241c;outline-offset:6px}.native-photo-dialog{width:min(650px,calc(100vw - 24px));background:#f5f6f8;color:#17212e;border-color:#fff}.native-photo-dialog .photo-dialog-bar{align-items:center}.native-photo-dialog .photo-dialog-bar p{font-weight:700}.native-photo-dialog button{color:#17212e;background:#fff;border-color:#d5dae2}.native-photo-dialog>img{max-height:calc(100dvh - 185px);border-radius:4px}.native-photo-dialog .photo-dialog-note{color:#59616d}.native-photo-dialog::backdrop{background:#121825de}
@media(hover:hover) and (pointer:fine){.native-phone:hover{transform:translateY(-8px) rotate(0deg);box-shadow:0 0 0 1px #94969c,0 2px 0 2px #d8d9de,0 30px 50px #242b4030}}
@media(max-width:1000px){.native-app-heading{gap:35px}.native-gallery{gap:26px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:31%;overflow-x:auto;padding:14px 10px 22px;scroll-snap-type:x mandatory;scroll-padding-inline:10px;overscroll-behavior-x:contain}.native-shot{scroll-snap-align:start}.native-swipe-hint{display:inline;font-weight:650;color:#a73127}.native-workflow{gap:20px}.native-workflow>div{padding-left:0}.native-workflow>div>span{position:static;margin-bottom:14px}.native-availability{gap:30px;padding:28px}}
@media(max-width:700px){.native-app-section{padding:58px 0 48px}.native-app-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.native-app-heading h2{font-size:clamp(39px,11vw,56px);margin-top:18px}.native-app-intro>p{font-size:15px;line-height:1.75}.native-app-labels span{font-size:10px;padding:7px 9px}.native-gallery-bar{display:block;margin-bottom:16px;padding-bottom:13px}.native-gallery-bar p{font-size:14px;margin-bottom:5px}.native-gallery-bar>span{font-size:11px}.native-gallery{grid-auto-columns:82%;gap:28px;padding:15px 12px 25px;scroll-padding-inline:12px}.native-phone{border-radius:36px;max-width:290px}.native-phone img{border-radius:27px}.native-shot h3{font-size:21px}.native-shot figcaption{padding-top:25px}.native-shot p{font-size:13px}.native-gallery-note{margin-top:15px;line-height:1.85}.native-workflow{grid-template-columns:1fr;gap:25px;margin-top:34px;padding-block:27px}.native-workflow>div{padding-left:44px}.native-workflow>div>span{position:absolute;margin:0}.native-workflow h3{font-size:18px}.native-availability{grid-template-columns:1fr;padding:24px 20px;gap:22px;margin-top:30px}.native-status{font-size:8px}.native-availability-actions{justify-items:stretch}.native-availability-actions>.btn{justify-content:space-between}.native-platforms{gap:40px}.native-photo-dialog{padding:12px}.native-photo-dialog>img{max-height:calc(100dvh - 175px)}}
@media(prefers-reduced-motion:reduce){.native-phone{transition:none;transform:none}.native-gallery{scroll-behavior:auto}}
