.port-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(56px,7vw,100px);display:grid}.port-hero>div{min-width:0}.port-hero h1{letter-spacing:var(--site-title-tracking);text-wrap:balance;max-width:15ch;margin-block:20px 24px;font-size:clamp(2.75rem,4.4vw,4.5rem);font-weight:500;line-height:1.08}.port-hero .lede{max-width:48ch;font-size:var(--site-body-size);color:var(--site-ink-soft);line-height:var(--site-body-line-height)}.port-hero .ui-eyebrow,.port-section .ui-eyebrow{color:var(--site-brand);letter-spacing:.13em;font-size:.625rem;font-weight:600}.port-meta{color:var(--site-ink-soft);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-block:24px;font-size:.75rem;display:flex}.port-actions{flex-wrap:wrap;gap:12px;margin-block:24px;display:flex}.port-hero>div>p:last-child:not(.lede){color:var(--site-ink-soft);font-size:.75rem}.port-section{padding-block:var(--site-section-space);border-top:1px solid var(--section-divider);scroll-margin-top:9rem}.port-section h2{max-width:19ch;font-size:var(--site-section-title-size);letter-spacing:var(--site-title-tracking);font-weight:500;line-height:var(--site-section-title-line-height);margin-block:20px var(--site-heading-gap);text-wrap:balance}.port-section h3{letter-spacing:-.025em;color:var(--site-ink);font-size:1.125rem;font-weight:500;line-height:1.4}.port-section p,.port-section li{color:var(--site-ink-soft);font-size:var(--site-body-size);line-height:var(--site-body-line-height)}.port-section code{overflow-wrap:anywhere}.port-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(32px,5vw,72px);display:grid}.port-card{border-radius:var(--site-card-radius);background:var(--site-surface);min-width:0;padding:clamp(24px,3vw,36px)}.port-card p{margin-block:12px}.port-code{min-width:0}.port-steps{counter-reset:port-step;margin:0;padding:0;list-style:none}.port-steps>li{overflow-wrap:anywhere;counter-increment:port-step;border-top:1px solid var(--section-divider);min-width:0;padding:24px 0 24px 40px;position:relative}.port-steps>li:before{content:counter(port-step, decimal-leading-zero);color:var(--site-brand);font:500 .75rem/1.4 var(--santi020k-font-mono);position:absolute;top:28px;left:0}.port-steps h3{margin-bottom:8px}.port-steps p{margin-bottom:0}.port-steps-wide{gap:var(--site-grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.port-features{margin:0;padding:0;list-style:none}.port-features li{border-top:1px solid var(--section-divider);align-items:baseline;gap:16px;padding-block:20px;display:flex}.port-features .ui-icon{color:var(--site-brand);flex-shrink:0}.port-figure{min-width:0;margin:0}.port-figure>figcaption{color:var(--site-ink-soft);margin-top:20px;font-size:.75rem;line-height:1.6}.port-figure>.ui-code{margin:0}.port-phones{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:420px;margin-inline:auto;display:grid}.port-phones figure{margin:0}.port-phones img{aspect-ratio:1170/2532;object-fit:cover;border-radius:var(--site-card-radius);border:1px solid var(--site-line);width:100%;height:auto}.port-phones figcaption{color:var(--site-ink-soft);margin-top:16px;font-size:.6875rem;line-height:1.7}.port-phones figure:nth-child(2){margin-top:40px}.port-downloads{flex-wrap:wrap;gap:12px;margin-block:20px;display:flex}.port-resources{gap:8px;margin-top:20px;display:grid}.port-resources a{min-height:var(--site-control-min-height);align-items:center;font-size:.8125rem;display:inline-flex}.port-related{flex-wrap:wrap;gap:24px;margin-top:32px;display:flex}.port-related a{min-height:var(--site-control-min-height);align-items:center;display:inline-flex}.port-native-preview img{border:1px solid var(--site-line);border-radius:var(--site-card-radius);width:100%;height:auto}.port-preview-light,[data-theme=light] .port-preview-dark{display:none}[data-theme=light] .port-preview-light{display:block}.port-button{min-height:var(--site-control-min-height);border-radius:var(--site-control-radius);border:1px solid #0000;justify-content:center;align-items:center;padding:12px 20px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.port-button-primary{background:var(--site-ink);color:var(--theme-bg)}.port-button-primary:hover{background:var(--site-ink-soft)}.port-button-secondary{color:var(--site-ink);border-color:var(--site-line);background:0 0}.port-button-secondary:hover{background:var(--site-surface)}.port-button:focus-visible{outline:2px solid var(--site-brand);outline-offset:4px}@media (width<=800px){.port-hero,.port-columns,.port-steps-wide{grid-template-columns:1fr}.port-hero h1{max-width:17ch}.port-hero{gap:40px}.port-steps-wide{gap:0}}@media (width<=440px){.port-actions{flex-direction:column;align-items:stretch}.port-actions a{text-align:center}}