.product-native-inner{max-width:1240px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:4rem}.product-native-copy,.product-native-showcase{min-width:0}.product-native-copy h2{max-width:17ch}.product-native-lead{margin-top:1.75rem;max-width:38ch;color:#a0a8b0}.product-native-models{margin:.9rem 0 0;font-size:1rem;line-height:1.6;color:#a0a8b0}.product-native-models span{color:#dce5df}.product-native-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.75rem}.product-native-plans{margin:1.5rem 0 0;max-width:49ch;font-size:.875rem;line-height:1.7;color:#a0a8b0}.product-native-plans a{display:inline-flex;align-items:center;gap:.2rem;color:#dce5df;white-space:nowrap}.product-native-plans a:hover{color:var(--theme-light)}.product-native-for-label{margin-bottom:1rem;padding-inline:1.25rem;color:#a0a8b0}.product-native-selector{padding-inline:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.product-native-selector button{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 0;border:0;font-size:.8125rem;font-weight:500;color:#a0a8b0;background:transparent;transition:color .2s}.product-native-selector button:before{content:"";width:.3rem;height:.3rem;border-radius:50%;background:currentColor;opacity:0}.product-native-selector button:hover,.product-native-selector button[aria-pressed=true]{color:#f0f0f0}.product-native-selector button[aria-pressed=true]:before{opacity:1;background:var(--product-accent)}.product-native-illustration{display:block;width:100%;height:auto;margin:1.25rem 0 .5rem}.product-native-panel{filter:drop-shadow(0 12px 24px rgba(0,0,0,.46))}.product-native-svg-label{font-size:10px;letter-spacing:.09em}.product-native-svg-label,.product-native-svg-nav-label{font-family:var(--font-signal),monospace;font-weight:600}.product-native-svg-nav-label{font-size:8px;letter-spacing:.05em}.product-native-detail{min-height:9rem;padding-inline:1.25rem}.product-native .product-native-audience-label{color:#dce5df;font-size:.6875rem;letter-spacing:.16em}.product-native-audience-title{margin:.65rem 0 0;font-size:clamp(1.5rem,2vw,1.75rem);line-height:1.15;color:#f0f0f0}.product-native-body{margin:.75rem 0 0;max-width:48ch;font-size:1rem;line-height:1.65;color:#a0a8b0}.product-native-plans a:focus-visible,.product-native-selector button:focus-visible{outline:2px solid var(--theme-light);outline-offset:5px}@media(min-width:1536px){.product-native-inner{max-width:1440px}}@media(max-width:1023px){.product-native-inner{grid-template-columns:minmax(0,1fr);gap:2.75rem}.product-native-desktop-break{display:none}.product-native-showcase{width:100%;max-width:38rem}.product-native-lead{max-width:48ch}}@media(max-width:639px){.product-native-for-label,.product-native-selector{padding-inline:.75rem}.product-native-selector{gap:.25rem .55rem}.product-native-selector button{gap:.3rem;font-size:.725rem}.product-native-detail{padding-inline:.75rem;min-height:10rem}.product-native-actions{gap:.5rem 1rem}}@media(prefers-reduced-motion:reduce){.product-native-selector button{transition:none}}.product-native-illustration[data-animate=true] .product-workflow-reveal{animation:var(--workflow-reveal) 8s ease-in-out infinite both;transform-box:fill-box;transform-origin:center}.product-native-illustration[data-animate=true] .product-workflow-draw{animation:var(--workflow-draw) 8s ease-in-out infinite both}.product-workflow-phase-1{--workflow-reveal:product-workflow-reveal-1;--workflow-draw:product-workflow-draw-1}.product-workflow-phase-2{--workflow-reveal:product-workflow-reveal-2;--workflow-draw:product-workflow-draw-2}.product-workflow-phase-3{--workflow-reveal:product-workflow-reveal-3;--workflow-draw:product-workflow-draw-3}.product-workflow-phase-4{--workflow-reveal:product-workflow-reveal-4;--workflow-draw:product-workflow-draw-4}.product-native-illustration[data-animate=true] .product-workflow-signal{animation:product-workflow-signal 8s linear var(--workflow-delay) infinite both}@keyframes product-workflow-reveal-1{0%{opacity:0;transform:translateY(5px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes product-workflow-reveal-2{0%,20%{opacity:0;transform:translateY(5px)}30%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes product-workflow-reveal-3{0%,40%{opacity:0;transform:translateY(5px)}50%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes product-workflow-reveal-4{0%,55%{opacity:0;transform:translateY(5px)}65%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes product-workflow-draw-1{0%{opacity:0;stroke-dashoffset:1}10%,90%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1}}@keyframes product-workflow-draw-2{0%,20%{opacity:0;stroke-dashoffset:1}30%,90%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1}}@keyframes product-workflow-draw-3{0%,40%{opacity:0;stroke-dashoffset:1}50%,90%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1}}@keyframes product-workflow-draw-4{0%,55%{opacity:0;stroke-dashoffset:1}65%,90%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:1}}@keyframes product-workflow-signal{0%,20%{opacity:0;transform:translate(0)}21%{opacity:1;transform:translate(0)}32%{opacity:1;transform:translate(var(--workflow-x),var(--workflow-y))}34%,to{opacity:0;transform:translate(var(--workflow-x),var(--workflow-y))}}@media(prefers-reduced-motion:reduce){.product-native-illustration[data-animate=true] .product-workflow-draw,.product-native-illustration[data-animate=true] .product-workflow-reveal,.product-native-illustration[data-animate=true] .product-workflow-signal{animation:none}}