:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--apple-bg:#f5f5f7;--apple-canvas:radial-gradient(120% 75% at 50% -12%, #0071e314 0%, #f5f5f700 65%), #f5f5f7;--apple-surface-glass:#ffffffd1;--apple-surface-card:#fff;--apple-surface-subtle:#f9f9fb;--apple-surface-pressed:#efeff2;--apple-text-primary:#1d1d1f;--apple-text-secondary:#6e6e73;--apple-text-tertiary:#86868b;--apple-text-quaternary:#aeaeb2;--apple-blue:#0071e3;--apple-blue-hover:#0077ed;--apple-blue-pressed:#06c;--apple-blue-tint:#0071e314;--apple-blue-gradient:linear-gradient(180deg, #0077ed 0%, #06c 100%);--apple-green:#34c759;--apple-green-hover:#30b852;--apple-green-tint:#34c7591a;--apple-purple:#af52de;--apple-purple-tint:#af52de1a;--apple-amber:#ff9500;--apple-amber-tint:#ff95001a;--hairline:#0000000f;--hairline-strong:#0000001f;--specular-rim:#ffffffbf;--shadow-sm:0 1px 3px #0000000a, 0 4px 10px #00000005;--shadow-nav:0 1px 0 #ffffffe6 inset, 0 8px 30px #0000000f;--shadow-card:0 0 0 1px #0000000a, 0 2px 8px #00000005, 0 16px 40px #0000000d;--shadow-card-hover:0 0 0 1px #0000000f, 0 8px 24px #0000000a, 0 28px 64px #00000017;--shadow-btn-primary:inset 0 1px 0 #ffffff59, 0 4px 14px #0071e347;--shadow-btn-primary-hover:inset 0 1px 0 #ffffff73, 0 6px 20px #0071e35c;--radius-pill:999px;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--spring-snappy:cubic-bezier(.16, 1, .3, 1);--spring-gentle:cubic-bezier(.25, 1, .5, 1);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--apple-bg)}body{min-width:320px;color:var(--apple-text-primary);background:var(--apple-canvas);min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,code,pre{font-family:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline-offset:3px;outline:3px solid #0071e373}.site-shell{width:min(1080px,100% - 36px);margin:0 auto;padding-bottom:72px;position:relative}.apple-navbar{z-index:100;margin:14px 0 32px;position:sticky;top:14px}.navbar-inner{background:var(--apple-surface-glass);-webkit-backdrop-filter:blur(24px)saturate(190%);border:1px solid var(--specular-rim);border-radius:var(--radius-pill);box-shadow:var(--shadow-nav);transition:all .2s var(--spring-snappy);justify-content:space-between;align-items:center;gap:16px;padding:7px 10px 7px 12px;display:flex}.brand-link{transition:transform .15s var(--spring-snappy);align-items:center;gap:10px;display:inline-flex}.brand-link:active{transform:scale(.97)}.brand-symbol{width:32px;height:32px;transition:transform .18s var(--spring-snappy);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-symbol-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0071e338);width:100%;height:100%;display:block}.brand-link:hover .brand-symbol{transform:scale(1.06)}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text__main{letter-spacing:-.015em;color:var(--apple-text-primary);font-size:14px;font-weight:750}.brand-text__sub{color:var(--apple-text-tertiary);font-size:11px;font-weight:500}.nav-links{border-radius:var(--radius-pill);background:#0000000a;align-items:center;gap:3px;padding:3px;display:flex}.nav-item{border-radius:var(--radius-pill);color:var(--apple-text-secondary);transition:all .18s var(--spring-snappy);padding:6px 14px;font-size:13px;font-weight:600}.nav-item:hover{color:var(--apple-text-primary)}.nav-item.router-link-active{color:var(--apple-text-primary);background:#fff;box-shadow:0 2px 8px #0000000f,0 0 0 .5px #0000000a}.nav-item:active{transform:scale(.96)}.navbar-actions{align-items:center;display:flex}.nav-console-btn{border-radius:var(--radius-pill);color:var(--apple-blue);background:var(--apple-blue-tint);transition:all .18s var(--spring-snappy);border:1px solid #0071e31f;align-items:center;gap:5px;padding:6px 14px;font-size:12.5px;font-weight:650;display:inline-flex}.nav-console-btn:hover{background:#0071e324;transform:translateY(-1px)}.nav-console-btn:hover .nav-console-arrow{transform:translate(1px,-1px)}.nav-console-arrow{transition:transform .18s var(--spring-snappy)}.nav-console-btn:active{transform:scale(.97)}.badge{border-radius:var(--radius-pill);letter-spacing:-.01em;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.badge--apple{background:var(--apple-blue-tint);color:var(--apple-blue);border:1px solid #0071e324}.badge--pill{color:var(--apple-text-secondary);background:#0000000a;border:1px solid #0000000a}.btn-apple-primary{border-radius:var(--radius-pill);background:var(--apple-blue-gradient);color:#fff;letter-spacing:-.015em;box-shadow:var(--shadow-btn-primary);transition:all .2s var(--spring-snappy);justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:650;display:inline-flex}.btn-apple-primary:hover{box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-1.5px)}.btn-apple-primary:hover .btn-arrow{transform:translate(2px)}.btn-arrow{transition:transform .18s var(--spring-snappy)}.btn-apple-primary:active{transform:scale(.975);box-shadow:inset 0 2px 4px #0003}.btn-apple-primary--hero{padding:13px 26px;font-size:15px}.btn-apple-secondary{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--apple-text-primary);letter-spacing:-.01em;border:1px solid var(--hairline-strong);box-shadow:var(--shadow-sm);transition:all .2s var(--spring-snappy);background:#ffffffe0;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:650;display:inline-flex}.btn-apple-secondary:hover{background:#fff;border-color:#0000002e;transform:translateY(-1.5px);box-shadow:0 4px 14px #0000000f}.btn-apple-secondary:active{background:var(--apple-surface-pressed);transform:scale(.975)}.btn-apple-secondary--hero{padding:13px 24px;font-size:15px}.apple-hero{text-align:center;padding:clamp(32px,6vw,64px) 0 clamp(36px,5vw,56px)}.hero__content{flex-direction:column;align-items:center;max-width:780px;margin:0 auto;display:flex}.hero-status-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hairline-strong);background:#ffffffe6;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;display:inline-flex;box-shadow:0 2px 8px #00000008}.status-beacon{justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:relative}.beacon-dot{background:var(--apple-green);border-radius:999px;width:6px;height:6px}.beacon-ring{background:#34c75959;border-radius:999px;width:10px;height:10px;animation:2s cubic-bezier(.24,0,.38,1) infinite beacon-pulse;position:absolute}@keyframes beacon-pulse{0%{opacity:.8;transform:scale(.8)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(.8)}}.status-label{color:var(--apple-text-secondary);letter-spacing:-.01em;font-size:12px;font-weight:650}.hero__headline{letter-spacing:-.035em;color:var(--apple-text-primary);margin:0 0 18px;font-size:clamp(34px,5.2vw,56px);font-weight:800;line-height:1.1}.hero__headline-accent{background:linear-gradient(135deg,#1d1d1f 30%,#0071e3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero__lead{color:var(--apple-text-secondary);letter-spacing:-.01em;max-width:650px;margin:0 0 32px;font-size:clamp(15px,2vw,17.5px);line-height:1.65}.hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:32px;display:flex}.hero__ext-link{color:var(--apple-text-secondary);transition:all .18s var(--spring-snappy);align-items:center;gap:4px;padding:10px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.hero__ext-link:hover{color:var(--apple-blue);transform:translateY(-1px)}.hero-trust-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.trust-chip{color:var(--apple-text-tertiary);align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.trust-chip svg{color:var(--apple-green);flex-shrink:0}.home-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:28px;display:grid}.bento-feature-card{background:var(--apple-surface-card);border:1px solid var(--hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all .25s var(--spring-snappy);flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,36px);display:flex;position:relative;overflow:hidden}.bento-feature-card:before{content:"";background:linear-gradient(90deg,#fffc,#fff3);height:1px;position:absolute;top:0;left:0;right:0}.bento-feature-card:hover{box-shadow:var(--shadow-card-hover);border-color:#00000014;transform:translateY(-3px)}.bento-feature-card--codex:hover{border-color:#0071e340}.bento-feature-card--image:hover{border-color:#af52de40}.bento-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bento-icon-box{border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 12px #0000000f}.bento-icon-box--blue{color:#fff;background:linear-gradient(135deg,#0077ed 0%,#06c 100%)}.bento-icon-box--purple{color:#fff;background:linear-gradient(135deg,#af52de 0%,#8e30c4 100%)}.bento-feature-card__meta{align-items:center;gap:8px;display:flex}.bento-feature-card__num{color:var(--apple-text-quaternary);letter-spacing:.05em;font-size:13px;font-weight:700}.bento-card-title-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.bento-feature-card__title{letter-spacing:-.02em;color:var(--apple-text-primary);margin:0;font-size:clamp(22px,3vw,26px);font-weight:750}.badge-tag{border-radius:var(--radius-pill);background:var(--apple-blue-tint);color:var(--apple-blue);border:1px solid #0071e324;padding:3px 8px;font-size:11px;font-weight:700}.badge-tag--purple{background:var(--apple-purple-tint);color:var(--apple-purple);border:1px solid #af52de29}.bento-feature-card__desc{color:var(--apple-text-secondary);letter-spacing:-.01em;margin:0 0 20px;font-size:14.5px;line-height:1.6}.bento-highlights{flex-direction:column;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.bento-highlights li{color:var(--apple-text-primary);align-items:center;gap:8px;font-size:13px;font-weight:550;display:flex}.bento-highlights svg{color:var(--apple-green);flex-shrink:0}.bento-feature-card__action{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.action-text{color:var(--apple-blue);letter-spacing:-.01em;font-size:14px;font-weight:650}.action-circle{background:var(--apple-blue-tint);width:32px;height:32px;color:var(--apple-blue);transition:all .18s var(--spring-snappy);border-radius:999px;place-items:center;display:grid}.bento-feature-card:hover .action-circle{background:var(--apple-blue);color:#fff;transform:translate(3px)}.home-specs-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.spec-tile{background:var(--apple-surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .18s var(--spring-snappy);padding:16px 20px}.spec-tile:hover{border-color:#0071e333;transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.spec-tile:active{transform:scale(.98)}.spec-tile--status{cursor:default}.spec-tile--status:hover{border-color:var(--hairline);transform:none}.spec-tile__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.spec-tile__label{text-transform:uppercase;letter-spacing:.04em;color:var(--apple-text-tertiary);font-size:11.5px;font-weight:700}.spec-copy-badge{color:var(--apple-blue);background:var(--apple-blue-tint);border-radius:var(--radius-pill);padding:2px 7px;font-size:11px;font-weight:650}.status-indicator{color:var(--apple-green);align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.status-dot{background:var(--apple-green);border-radius:999px;width:6px;height:6px}.spec-tile__code{color:var(--apple-text-primary);background:var(--apple-surface-subtle);word-break:break-all;border:1px solid #0000000a;border-radius:6px;padding:3px 6px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px;font-weight:600}.spec-tile__text{color:var(--apple-text-secondary);margin:0;font-size:12.5px;line-height:1.5}.wizard-container{margin-top:12px}.wizard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.wizard-pill-meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.wizard-header__info h2{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(26px,3.8vw,36px);font-weight:800}.wizard-header__desc{color:var(--apple-text-secondary);max-width:650px;margin:0;font-size:15px;line-height:1.6}.wizard-header__tools{flex-shrink:0;align-items:center;gap:8px;display:flex}.tool-button{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hairline-strong);color:var(--apple-text-secondary);transition:all .18s var(--spring-snappy);background:#ffffffd9;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:650;display:inline-flex;box-shadow:0 1px 3px #00000008}.tool-button:hover{color:var(--apple-text-primary);background:#fff;transform:translateY(-1px)}.tool-button--active{background:var(--apple-blue-tint);color:var(--apple-blue);border-color:#0071e333}.tool-button:active{transform:scale(.97)}.wizard-video-card{background:var(--apple-surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:24px;overflow:hidden}.wizard-video-card__bar{background:var(--apple-surface-subtle);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;font-weight:650;display:flex}.video-bar-left{align-items:center;gap:8px;display:flex}.video-dot{background:var(--apple-blue);border-radius:999px;width:8px;height:8px}.close-text-btn{color:var(--apple-blue);font-size:12px;font-weight:650}.wizard-video-player{background:#000;width:100%;max-height:440px;display:block}.step-pill-bar{margin-bottom:24px}.step-pill-track{border-radius:var(--radius-pill);background:#0000000a;border:1px solid #00000008;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.step-pill{border-radius:var(--radius-pill);color:var(--apple-text-tertiary);transition:all .18s var(--spring-snappy);justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:650;display:flex}.step-pill:hover{color:var(--apple-text-primary)}.step-pill--active{color:var(--apple-text-primary);background:#fff;box-shadow:0 2px 8px #00000014,0 0 0 .5px #0000000a}.step-pill--completed{color:var(--apple-text-secondary)}.step-pill__badge{width:18px;height:18px;color:var(--apple-text-secondary);background:#0000000f;border-radius:999px;place-items:center;font-size:11px;font-weight:750;display:grid}.step-pill--active .step-pill__badge{background:var(--apple-blue);color:#fff}.step-pill--completed .step-pill__badge{background:var(--apple-green);color:#fff}.step-pill:active{transform:scale(.97)}.step-card{background:var(--apple-surface-card);border:1px solid var(--hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:24px;padding:clamp(24px,4vw,36px);position:relative}.step-card:before{content:"";background:linear-gradient(90deg,#ffffffe6,#ffffff4d);height:1px;position:absolute;top:0;left:0;right:0}.step-card__meta-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.step-card__eyebrow{color:var(--apple-blue);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.step-card__step-num{color:var(--apple-text-tertiary);letter-spacing:.06em;font-size:11px;font-weight:750}.step-card__title{letter-spacing:-.02em;color:var(--apple-text-primary);margin:0 0 10px;font-size:clamp(22px,3.2vw,30px);font-weight:800}.step-card__desc{color:var(--apple-text-secondary);margin:0 0 20px;font-size:15px;line-height:1.6}.step-card__cta{margin-bottom:24px}.step-card__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.bento-tile--step{background:var(--apple-surface-subtle);border-radius:var(--radius-md);transition:all .18s var(--spring-snappy);border:1px solid #0000000a;padding:18px}.bento-tile--step:hover{background:#fff;border-color:#0071e32e;transform:translateY(-1.5px);box-shadow:0 4px 16px #0000000a}.bento-tile__index{color:var(--apple-blue);letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:800}.bento-tile__title{color:var(--apple-text-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:14px;font-weight:750}.bento-tile__text{color:var(--apple-text-secondary);margin:0;font-size:12.5px;line-height:1.55}.step-tip-callout{background:var(--apple-blue-tint);border-radius:var(--radius-md);border:1px solid #0071e324;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.step-tip-callout__icon{color:var(--apple-blue);flex-shrink:0;margin-top:1px}.step-tip-callout__body{color:var(--apple-text-primary);font-size:13.5px;line-height:1.55}.step-tip-callout__body ul{margin:6px 0 0;padding-left:18px}.step-tip-callout__body li{margin-bottom:4px}.step-tip-callout__body a,.page-header__desc a,.pipeline-card__desc a,.step-card__desc a{color:var(--apple-blue);text-underline-offset:3px;transition:all .15s var(--spring-snappy);font-weight:600;-webkit-text-decoration:underline #0071e373;text-decoration:underline #0071e373}.step-tip-callout__body a:hover,.page-header__desc a:hover,.pipeline-card__desc a:hover,.step-card__desc a:hover{color:var(--apple-blue-hover);-webkit-text-decoration-color:var(--apple-blue);text-decoration-color:var(--apple-blue)}.embedded-faq{background:var(--apple-surface-subtle);border:1px solid var(--hairline);border-radius:var(--radius-lg);margin-top:24px;padding:20px}.embedded-faq__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.faq-head-left{align-items:center;gap:8px;display:flex}.faq-status-dot{background:var(--apple-amber);border-radius:999px;width:7px;height:7px}.embedded-faq__header h4{letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:750}.faq-sub{color:var(--apple-text-tertiary);font-size:12px;font-weight:600}.accordion-list{flex-direction:column;gap:8px;display:flex}.accordion-item{border-radius:var(--radius-sm);transition:all .18s var(--spring-snappy);background:#fff;border:1px solid #0000000d;overflow:hidden}.accordion-item--expanded{border-color:#0071e333;box-shadow:0 2px 8px #0000000a}.accordion-trigger{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.accordion-title{color:var(--apple-text-primary);font-size:13.5px;font-weight:650}.accordion-icon-wrap{color:var(--apple-text-tertiary);transition:transform .2s var(--spring-snappy)}.accordion-item--expanded .accordion-icon-wrap{color:var(--apple-blue);transform:rotate(90deg)}.accordion-content{color:var(--apple-text-secondary);border-top:1px solid #00000008;padding:10px 16px 14px;font-size:13px;line-height:1.6}.accordion-content p{margin:0}.step-card__footer{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;display:flex}.nav-btn{border-radius:var(--radius-pill);transition:all .18s var(--spring-snappy);justify-content:center;align-items:center;padding:9px 18px;font-size:13.5px;font-weight:650;display:inline-flex}.nav-btn:active{transform:scale(.97)}.nav-btn--prev{background:var(--apple-surface-subtle);border:1px solid var(--hairline-strong);color:var(--apple-text-secondary)}.nav-btn--prev:hover:not(:disabled){color:var(--apple-text-primary);background:#fff}.nav-btn--prev:disabled{opacity:.35;cursor:not-allowed}.nav-counter{color:var(--apple-text-tertiary);font-size:13px;font-weight:600}.nav-counter strong{color:var(--apple-text-primary);font-weight:750}.nav-btn--next{background:var(--apple-blue-gradient);color:#fff;box-shadow:var(--shadow-btn-primary)}.nav-btn--next:hover{box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-1px)}.nav-btn--finish{background:linear-gradient(#34c759 0%,#28a745 100%);box-shadow:inset 0 1px #ffffff59,0 4px 14px #34c75947}.step-card--celebrate{text-align:center;background:radial-gradient(120% 70% at 50% 0,#34c75914 0%,#fff 70%),#fff;border:1px solid #34c75940;flex-direction:column;justify-content:center;align-items:center;padding:clamp(40px,6vw,64px) 24px;display:flex;box-shadow:0 16px 48px #34c7591a}.celebrate-symbol{animation:celebrate-pop .5s var(--spring-snappy);margin-bottom:20px}@keyframes celebrate-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.celebrate-eyebrow{margin-bottom:12px}.celebrate-title{letter-spacing:-.025em;color:var(--apple-text-primary);margin:0 0 12px;font-size:clamp(24px,3.5vw,32px);font-weight:800}.celebrate-desc{color:var(--apple-text-secondary);max-width:560px;margin:0 0 28px;font-size:15.5px;line-height:1.65}.celebrate-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn-apple-primary--celebrate{background:linear-gradient(#34c759 0%,#28a745 100%);box-shadow:inset 0 1px #ffffff59,0 4px 14px #34c75947}.code-card{border-radius:var(--radius-md);background:#1c1c1e;border:1px solid #ffffff1a;margin:16px 0;overflow:hidden;box-shadow:0 8px 24px #0000002e}.code-card__header{background:#2c2c2e;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.code-card__traffic-lights{align-items:center;gap:6px;display:flex}.traffic-dot{border-radius:999px;width:10px;height:10px}.traffic-dot--red{background:#ff5f56}.traffic-dot--yellow{background:#ffbd2e}.traffic-dot--green{background:#27c93f}.code-card__title{color:#a1a1a6;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11.5px;font-weight:600;overflow:hidden}.copy-btn{color:#e5e5ea;transition:all .15s var(--spring-snappy);background:#ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.copy-btn:hover{background:#ffffff2e}.copy-btn:active{transform:scale(.96)}.copy-btn--copied{background:var(--apple-green);color:#fff}.code-card__body pre{color:#f5f5f7;margin:0;padding:16px 18px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.code-card__body code{font-family:inherit}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.screenshot-card{flex-direction:column;display:flex}.screenshot-frame{border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);transition:all .2s var(--spring-snappy);background:#fff;overflow:hidden;box-shadow:0 4px 16px #0000000d}.screenshot-frame:hover{border-color:#0071e340;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.screenshot-frame__top{background:#f2f2f7;border-bottom:1px solid #0000000f;align-items:center;gap:5px;padding:6px 10px;display:flex}.mock-dot{border-radius:999px;width:8px;height:8px}.mock-dot--red{background:#ff5f56}.mock-dot--yellow{background:#ffbd2e}.mock-dot--green{background:#27c93f}.mock-title{color:var(--apple-text-tertiary);margin-left:4px;font-size:10px;font-weight:550}.screenshot-card__button{cursor:zoom-in;width:100%;display:block;position:relative}.screenshot-card__button img{object-fit:cover;width:100%;height:auto;display:block}.screenshot-card__zoom-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;background:#00000059;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:650;transition:opacity .18s;display:flex;position:absolute;inset:0}.screenshot-card__button:hover .screenshot-card__zoom-hint{opacity:1}.screenshot-card__info{padding:10px 4px 0}.screenshot-card__title{color:var(--apple-text-primary);margin:0 0 4px;font-size:13.5px;font-weight:700}.screenshot-card__caption{color:var(--apple-text-secondary);margin:0;font-size:12px;line-height:1.5}.lightbox{z-index:1000;-webkit-backdrop-filter:blur(30px)saturate(180%);background:#0f0f12d1;place-items:center;padding:24px;animation:.2s lightbox-fade;display:grid;position:fixed;inset:0}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox__dialog{border-radius:var(--radius-lg);width:min(1000px,94vw);animation:dialog-scale .25s var(--spring-snappy);background:#fff;overflow:hidden;box-shadow:0 30px 80px #0006}@keyframes dialog-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox__bar{background:#f5f5f7;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.lightbox__title-wrap{align-items:center;gap:8px;display:flex}.lightbox__dot{background:var(--apple-blue);border-radius:999px;width:8px;height:8px}.lightbox__title{font-size:14px;font-weight:700}.lightbox__close{width:28px;height:28px;color:var(--apple-text-secondary);transition:all .15s var(--spring-snappy);background:#0000000f;border-radius:999px;place-items:center;display:grid}.lightbox__close:hover{color:var(--apple-text-primary);background:#0000001f}.lightbox__close:active{transform:scale(.92)}.lightbox__body{background:#000;place-items:center;padding:14px;display:grid}.lightbox__body img{object-fit:contain;max-width:100%;max-height:72vh;display:block}.lightbox__footer{background:#f5f5f7;border-top:1px solid #00000014;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.lightbox__caption{color:var(--apple-text-secondary);margin:0;font-size:13px}.lightbox__esc-hint{color:var(--apple-text-tertiary);background:#0000000d;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.image-view{margin-top:12px}.page-header{margin-bottom:28px}.page-header__meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.page-header__title{letter-spacing:-.025em;color:var(--apple-text-primary);margin:0 0 10px;font-size:clamp(28px,4vw,40px);font-weight:800}.page-header__desc{color:var(--apple-text-secondary);max-width:700px;margin:0 0 20px;font-size:15.5px;line-height:1.6}.page-header__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-title{letter-spacing:-.015em;margin:32px 0 16px;font-size:20px;font-weight:750}.way-cards-stack{flex-direction:column;gap:22px;margin-top:20px;display:flex}.way-card{background:var(--apple-surface-card);border:1px solid var(--hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all .2s var(--spring-snappy);padding:clamp(24px,4vw,36px)}.way-card:hover{box-shadow:var(--shadow-card-hover)}.way-card--primary{background:linear-gradient(#fff 0%,#f7faff 100%);border-color:#0071e333;box-shadow:0 4px 24px #0071e314}.way-card__badge-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.way-pill-tag{color:var(--apple-blue);background:var(--apple-blue-tint);border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:700}.way-card__title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(20px,2.6vw,24px);font-weight:750}.way-card__desc{color:var(--apple-text-secondary);margin:0;font-size:14.5px;line-height:1.6}.way-card__steps{flex-direction:column;gap:10px;margin:20px 0;display:flex}.way-step-row{border-radius:var(--radius-sm);background:#00000006;border:1px solid #00000008;align-items:baseline;gap:12px;padding:11px 16px;display:flex}.way-step-badge{background:var(--apple-blue);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:11px;font-weight:750;display:grid}.way-step-text{color:var(--apple-text-primary);font-size:13.5px;line-height:1.55}.way-card__cta{margin:16px 0}.bento-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.bento-tile--glass{background:var(--apple-surface-card);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .18s var(--spring-snappy);padding:20px}.bento-tile--glass:hover{box-shadow:var(--shadow-card);border-color:#0071e333;transform:translateY(-2px)}.bento-tile__action{margin-top:10px}.text-link{color:var(--apple-blue);font-size:13px;font-weight:650}.text-link:hover{text-decoration:underline}.bento-tile__code{background:var(--apple-surface-subtle);word-break:break-all;border:1px solid #0000000a;border-radius:6px;margin-top:10px;padding:4px 8px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;display:block}.apple-footer{border-top:1px solid var(--hairline);margin-top:56px;padding-top:28px}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.footer-meta{color:var(--apple-text-secondary);align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:flex}.footer-sep{color:var(--apple-text-quaternary)}.footer-link{color:var(--apple-blue)}.footer-link:hover{text-decoration:underline}.footer-badge{color:var(--apple-green)}.footer-security{color:var(--apple-text-tertiary);max-width:600px;margin:0;font-size:12px;line-height:1.55}@media (width<=768px){.site-shell{width:calc(100% - 24px)}.home-bento,.home-specs-strip,.step-card__grid,.screenshot-grid,.bento-tile-grid{grid-template-columns:1fr}.wizard-header{flex-direction:column}.step-pill-track{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar-inner{padding:6px 10px}.nav-item{padding:5px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.image-pipeline{flex-direction:column;gap:20px;margin:24px 0;display:flex}.pipeline-card{background:var(--apple-surface-card);border:1px solid var(--hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all .2s var(--spring-snappy);padding:clamp(24px,4vw,32px)}.pipeline-card:hover{box-shadow:var(--shadow-card-hover)}.pipeline-card--highlight{background:linear-gradient(#fff 0%,#f7faff 100%);border-color:#0071e338;box-shadow:0 6px 28px #0071e314}.pipeline-card__header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.pipeline-badge{width:38px;height:38px;color:var(--apple-text-secondary);letter-spacing:.04em;background:#0000000d;border-radius:12px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.pipeline-badge--highlight{background:var(--apple-blue);color:#fff;box-shadow:0 4px 12px #0071e34d}.pipeline-card__title-wrap{flex:1}.pipeline-card__title{letter-spacing:-.015em;color:var(--apple-text-primary);margin:0 0 6px;font-size:clamp(18px,2.5vw,22px);font-weight:750}.pipeline-card__desc{color:var(--apple-text-secondary);margin:0;font-size:14.5px;line-height:1.6}.pipeline-card__action{margin-top:10px}.btn-apple-primary--large{gap:10px;padding:13px 26px;font-size:15px}.btn-size-chip{border-radius:var(--radius-pill);background:#ffffff40;padding:2px 8px;font-size:11px;font-weight:600}.drag-guide-box{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0071e30f 0%,#34c75914 100%);border:1.5px dashed #0071e359;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.drag-guide-box__badge{background:var(--apple-blue);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 14px #0071e347}.drag-guide-box__body{flex:1}.drag-guide-box__title{color:var(--apple-text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:700;display:flex}.drag-action-tag{color:var(--apple-green);border-radius:var(--radius-pill);background:#34c7591f;padding:2px 8px;font-size:11px;font-weight:700}.drag-guide-box__text{color:var(--apple-text-secondary);margin:0;font-size:13.5px;line-height:1.6}@media (width<=640px){.drag-guide-box{flex-direction:column;gap:12px;padding:14px 16px}}.step-tip-callout--compact{margin-top:14px;margin-bottom:0;padding:12px 16px}.prompt-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px;display:grid}.prompt-example-card{background:var(--apple-surface-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .18s var(--spring-snappy);border:1px solid #0000000d;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.prompt-example-card:hover{background:#fff;border-color:#0071e340;transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.prompt-example-card:active{transform:scale(.98)}.prompt-example-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.prompt-tag{color:var(--apple-blue);background:var(--apple-blue-tint);border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:700}.prompt-copy-hint{color:var(--apple-text-tertiary);font-size:11px;font-weight:600}.prompt-example-card:hover .prompt-copy-hint{color:var(--apple-blue)}.prompt-example-text{color:var(--apple-text-primary);margin:0;font-size:13px;line-height:1.55}