.guide-container{max-width:50rem;padding:var(--spacing-8) var(--spacing-4);margin:0 auto}.back-link{align-items:center;gap:var(--spacing-2);color:var(--color-primary);margin-bottom:var(--spacing-6);font-weight:600;font-size:var(--font-size-body-sm);text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.guide-article{background:var(--color-canvas);border:1px solid var(--color-hairline);padding:var(--spacing-8);box-shadow:var(--shadow-product,0 .25rem .375rem -1px #0000000d);border-radius:var(--radius-lg)}.guide-header{border-bottom:1px solid var(--color-hairline);padding-bottom:var(--spacing-6);margin-bottom:var(--spacing-6)}.guide-header h1{font-size:var(--font-size-title-3);color:var(--color-ink);margin-bottom:var(--spacing-2);font-weight:800}.guide-meta{gap:var(--spacing-1) var(--spacing-4);font-size:var(--font-size-caption);color:var(--color-muted);flex-wrap:wrap;display:flex}.guide-body h2{font-size:var(--font-size-subhead);color:var(--color-ink);margin:var(--spacing-8) 0 var(--spacing-3);font-weight:700}.guide-body p{color:var(--color-ink);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.guide-body ol,.guide-body ul{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.guide-body li{margin-bottom:var(--spacing-2);color:var(--color-ink);line-height:var(--line-height-relaxed)}.guide-body strong{color:inherit}.tip-box,.warning-box{padding:var(--spacing-4);border-radius:var(--radius-md);margin:var(--spacing-6) 0;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed)}.tip-box{background-color:var(--color-canvas-parchment);border-left:.25rem solid var(--color-primary);color:var(--color-ink)}.warning-box{background-color:var(--color-canvas-parchment);border-left:.25rem solid var(--color-data-down);color:var(--color-ink)}.code-block{background:var(--color-surface-tile-1);color:var(--color-canvas);padding:var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-body-sm);margin-bottom:var(--spacing-4);border:1px solid var(--color-hairline);overflow-x:auto}.guide-article code{overflow-wrap:break-word}@media (width<=640px){.guide-container{padding:var(--spacing-6) var(--spacing-4)}.guide-article{padding:var(--spacing-4)}.guide-header h1{font-size:var(--font-size-heading)}.guide-body h2{margin:var(--spacing-6) 0 var(--spacing-2)}}.apple-page{-webkit-user-select:none;user-select:none}.apple-page input,.apple-page textarea,.apple-page select,.apple-page [contenteditable=true],.apple-page pre,.apple-page code{-webkit-user-select:text;user-select:text}.apple-page{background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body)}.hero-section{padding:var(--spacing-12) 0 var(--spacing-8);text-align:center}.hero-badge{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--color-primary);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-block}.hero-title{font-family:var(--font-display);font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);font-weight:800;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-display);color:var(--color-ink);margin-bottom:var(--spacing-6);text-wrap:balance}.hero-subtitle{font-family:var(--font-body);font-size:var(--font-size-body-sm);color:var(--color-muted);max-width:40rem;margin:0 auto var(--spacing-6);line-height:var(--line-height-relaxed)}.btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-body);font-size:var(--font-size-body-sm);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-focus)}.btn-outline{color:var(--color-ink);border:1px solid var(--color-hairline);background-color:#0000}.btn-outline:hover{background-color:var(--color-canvas-parchment)}.btn-link{color:var(--color-primary);padding-left:var(--spacing-8);background-color:#0000;min-height:auto}.btn-link:hover{text-decoration:underline}.features-section{padding:var(--spacing-8) 0;background-color:var(--color-canvas-parchment);border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.grid-layout{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));display:grid}.feature-card{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--spacing-6);grid-template-columns:var(--spacing-8) 1fr;gap:var(--spacing-3) var(--spacing-4);align-items:start;transition:transform .2s;display:grid}@media (prefers-reduced-motion:reduce){.feature-card{transition:none}}.feature-card:hover{border:1px solid #ffbf00}.icon-wrap{width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--radius-lg);background-color:var(--color-canvas-parchment);color:var(--color-primary);grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.feature-card h3{font-family:var(--font-display);font-size:var(--font-size-body);letter-spacing:-.01em;color:var(--color-ink);margin-bottom:var(--spacing-1);text-wrap:balance;grid-area:1/2;align-self:center;font-weight:600}.feature-card p{font-family:var(--font-body);font-size:var(--font-size-caption);color:var(--color-muted);text-wrap:pretty;grid-area:2/1/auto/-1;line-height:1.6}.cta-section{padding:var(--spacing-12) 0}.cta-card{background-color:var(--color-canvas-parchment);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center}.cta-card h2{font-family:var(--font-display);font-size:var(--font-size-subhead);color:var(--color-ink);margin-bottom:var(--spacing-4)}.cta-card p{font-family:var(--font-body);font-size:var(--font-size-body-sm);color:var(--color-muted);margin-bottom:var(--spacing-6)}@media (width<=640px){.hero-section{padding:var(--spacing-8) 0 var(--spacing-6)}.hero-title{font-size:var(--font-size-heading);margin-bottom:var(--spacing-4)}.hero-badge{margin-bottom:var(--spacing-3)}.hero-subtitle{margin-bottom:var(--spacing-6)}.btn{white-space:nowrap;justify-content:center;width:100%}.btn-link{width:auto}.features-section{padding:var(--spacing-8) 0}.grid-layout{gap:var(--spacing-4)}.cta-section{padding:var(--spacing-8) 0}.cta-card{padding:var(--spacing-6)}.cta-card h2{font-size:var(--font-size-body)}.section-title{margin-bottom:var(--spacing-8)}}.navbar.svelte-1dpc2py{--ease-ios-decelerate:cubic-bezier(.05, .7, .1, 1);min-height:var(--navbar-height,4rem);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);z-index:100;animation:svelte-1dpc2py-navbar-enter .5s var(--ease-ios-decelerate);position:fixed;top:0;left:0;right:0}@keyframes svelte-1dpc2py-navbar-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.navbar.hidden.svelte-1dpc2py{pointer-events:none}.container.svelte-1dpc2py{max-width:75rem;padding:1rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand.svelte-1dpc2py{align-items:center;text-decoration:none;display:flex}.brand.svelte-1dpc2py img:where(.svelte-1dpc2py){width:auto;height:1.3125rem;display:block}html[data-theme=dark] .brand.svelte-1dpc2py img:where(.svelte-1dpc2py){filter:invert()brightness(1.6)}.links.svelte-1dpc2py{gap:2rem;display:flex}.links.svelte-1dpc2py a:where(.svelte-1dpc2py){color:var(--color-muted);font-size:.95rem;text-decoration:none;transition:color .2s}.links.svelte-1dpc2py a:where(.svelte-1dpc2py):hover{color:var(--color-primary)}.actions.svelte-1dpc2py{align-items:center;gap:1rem;display:flex}.nav-content.svelte-1dpc2py{flex:1;justify-content:space-between;align-items:center;margin-left:3rem;display:flex}.nav-extra.svelte-1dpc2py{display:none}.mobile-toggle.svelte-1dpc2py{color:var(--color-ink);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;display:none}@media (width<=1200px){.mobile-toggle.svelte-1dpc2py{display:block}.nav-content.svelte-1dpc2py{background:color-mix(in srgb, var(--color-canvas) 85%, transparent);-webkit-backdrop-filter:blur(1.25rem)saturate(150%);border-bottom:1px solid color-mix(in srgb, var(--color-hairline) 50%, transparent);box-shadow:var(--shadow-product);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;transition:opacity .24s ease, transform .36s var(--ease-ios-decelerate), visibility 0s linear .36s;will-change:opacity, transform;flex-direction:column;gap:1rem;margin-left:0;padding:2rem 1rem;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-12px)scale(.98)}.nav-content.open.svelte-1dpc2py{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.links.svelte-1dpc2py{text-align:center;grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.links.svelte-1dpc2py a:where(.svelte-1dpc2py){opacity:0;transition:opacity .18s ease, transform .3s var(--ease-ios-decelerate);transform:translateY(-8px)}.nav-content.open.svelte-1dpc2py .links:where(.svelte-1dpc2py) a:where(.svelte-1dpc2py){opacity:1;transform:translateY(0)}.nav-content.open.svelte-1dpc2py .links:where(.svelte-1dpc2py) a:where(.svelte-1dpc2py):first-child{transition-delay:70ms}.nav-content.open.svelte-1dpc2py .links:where(.svelte-1dpc2py) a:where(.svelte-1dpc2py):nth-child(2){transition-delay:95ms}.nav-content.open.svelte-1dpc2py .links:where(.svelte-1dpc2py) a:where(.svelte-1dpc2py):nth-child(3){transition-delay:.12s}.nav-content.open.svelte-1dpc2py .links:where(.svelte-1dpc2py) a:where(.svelte-1dpc2py):nth-child(4){transition-delay:.145s}.nav-content.open.svelte-1dpc2py .links:where(.svelte-1dpc2py) a:where(.svelte-1dpc2py):nth-child(5){transition-delay:.17s}.nav-extra.svelte-1dpc2py{border-top:1px solid color-mix(in srgb, var(--color-hairline) 50%, transparent);width:100%;margin-top:.5rem;padding-top:1.5rem;display:block}.nav-extra.svelte-1dpc2py a{opacity:0;width:100%;transition:opacity .18s ease, transform .3s var(--ease-ios-decelerate);transform:translateY(-8px)}.nav-content.open.svelte-1dpc2py .nav-extra:where(.svelte-1dpc2py) a{opacity:1;transition-delay:.195s;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nav-content.svelte-1dpc2py,.links.svelte-1dpc2py a:where(.svelte-1dpc2py){transition:none!important}}@media (width<=400px){.container.svelte-1dpc2py{padding:1rem .75rem}.actions.svelte-1dpc2py{gap:.5rem}}