@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.gn-root{position:relative;display:inline-flex;align-items:center;isolation:isolate;padding:4px 0}.gn-blob-layer{position:absolute;top:-10px;bottom:-10px;left:0;right:0;pointer-events:none;filter:url(#goo-nav-filter);z-index:0;overflow:visible}.gn-list{position:relative;z-index:1;display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.gn-item{will-change:transform;display:flex}.gn-pill{border-radius:90px}.gn-link{display:inline-block;padding:2px 10px;border-radius:980px;text-decoration:none;-webkit-user-select:none;user-select:none;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;vertical-align:middle}.gn-marquee{display:block;overflow:hidden;height:20px;line-height:20px}.gn-marquee__inner{display:flex;flex-direction:column;transition:transform .38s cubic-bezier(.22,1,.36,1)}.gn-link:hover .gn-marquee__inner{transform:translateY(-50%)}.gn-marquee__text{display:block;height:20px;line-height:20px;font-size:14px;font-weight:500;letter-spacing:-.01em;color:#6e6e73;white-space:nowrap}.gn-marquee__text:last-child{color:#1d1d1f}.gn-item--lit .gn-marquee__text{color:#000}.gn-link--active .gn-marquee__text:first-child{color:#1d1d1f;font-weight:600}.gn-item--lit .gn-link--active .gn-marquee__text{color:#000}.mb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:980px;overflow:hidden;isolation:isolate;text-decoration:none;cursor:pointer;border:none;outline:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;transition:color .22s ease,border-color .22s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.mb--md{padding:12px 24px;font-size:15px;font-weight:500;letter-spacing:-.01em}.mb--sm{padding:7px 16px;font-size:13px;font-weight:500;letter-spacing:-.01em}.mb--primary{background:#0071e3;color:#fff}.mb--ghost{background:transparent;color:#1d1d1f;border:1px solid #D2D2D7}.mb-fill{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:60px;height:60px;border-radius:50%;pointer-events:none;z-index:0;transform-origin:center;will-change:transform}.mb--primary .mb-fill{background:#ffffff2e}.mb--ghost .mb-fill{background:#1d1d1f}.mb-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;pointer-events:none}.mb--ghost.mb--on{color:#fff;border-color:#1d1d1f}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__body{display:flex;flex:1;padding-top:var(--navbar-height)}.layout__main{flex:1;min-height:calc(100vh - var(--navbar-height));overflow-y:auto}.layout__main.with-sidebar{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));box-sizing:border-box}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-height);background:#ffffffd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}.navbar__inner{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px);height:100%;display:flex;align-items:center;gap:32px}.navbar__brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.navbar__beta{font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:#4a4a4a;background:#e5e5ea;padding:2px 6px;border-radius:6px;font-family:-apple-system,sans-serif;margin-top:1px}.navbar__title{font-size:17px;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;font-family:-apple-system,SF Pro Text,system-ui,sans-serif}.navbar__version{display:none}.navbar__nav{display:flex;align-items:center;gap:0;flex:1}.navbar__link{padding:6px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#6e6e73;text-decoration:none;transition:color .15s ease,background .15s ease;font-family:-apple-system,SF Pro Text,system-ui,sans-serif}.navbar__link:hover{color:#1d1d1f;background:#0000000a}.navbar__link.active{color:#1d1d1f;font-weight:600}.navbar__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.sidebar{position:fixed;top:var(--navbar-height);left:0;bottom:0;width:var(--sidebar-width);background:#fff;border-right:1px solid #E5E5EA;overflow-y:auto;z-index:50}.sidebar__inner{padding:24px 12px;display:flex;flex-direction:column;gap:28px}.sidebar__section{display:flex;flex-direction:column;gap:2px}.sidebar__section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#aeaeb2;padding:4px 12px 10px;font-family:-apple-system,sans-serif}.sidebar__link{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#4a4a4a;text-decoration:none;transition:background .15s ease,color .15s ease;font-family:-apple-system,SF Pro Text,system-ui,sans-serif}.sidebar__link:hover{background:#f5f5f7;color:#1d1d1f}.sidebar__link.active{background:transparent;color:#1d1d1f;font-weight:700}.mobile-only-links{display:none}.navbar__menu-btn{display:none;background:none;border:none;padding:8px;cursor:pointer;color:#1d1d1f;margin-right:-10px;transition:transform .2s ease;z-index:101;position:relative}.navbar__menu-btn svg{transition:transform .2s ease}.navbar__menu-btn:active{transform:scale(.9)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--navbar-height);background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}@media (max-width: 768px){.mobile-only-links{display:flex}.navbar__inner{gap:16px;padding:0 16px}.navbar__menu-btn{display:flex;align-items:center;justify-content:center}.navbar__brand{flex:1;justify-content:center;margin-right:28px}.navbar__title{font-size:16px}.navbar__actions{display:none}.hidden-mobile{display:none!important}.navbar__nav{display:none}.sidebar{box-shadow:4px 0 24px #0000}.sidebar.open{box-shadow:4px 0 24px #0000001a}.layout__main.with-sidebar{margin-left:0;width:100%;max-width:100vw}}:root{--lp-bg: #F5F5F7;--lp-surface: #FFFFFF;--lp-border: #D2D2D7;--lp-border-light: #E5E5EA;--lp-text-primary: #1D1D1F;--lp-text-secondary: #6E6E73;--lp-text-tertiary: #AEAEB2;--lp-blue: #0071E3;--lp-blue-hover: #0077ED;--lp-blue-subtle: rgba(0, 113, 227, .08);--lp-radius-card: 16px;--lp-radius-btn: 980px;--lp-shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 8px 32px rgba(0, 0, 0, .06);--lp-shadow-hover: 0 2px 6px rgba(0, 0, 0, .07), 0 16px 48px rgba(0, 0, 0, .1);--lp-max-w: 1100px;--lp-gutter: clamp(20px, 5vw, 60px);--lp-section-py: clamp(80px, 10vw, 140px)}.lp{background:var(--lp-bg);color:var(--lp-text-primary);font-family:-apple-system,SF Pro Display,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.lp-section{padding:var(--lp-section-py) var(--lp-gutter);max-width:calc(var(--lp-max-w) + var(--lp-gutter) * 2);margin-left:auto;margin-right:auto}.lp-section__inner{display:grid;gap:48px}.lp-section__head{margin-bottom:56px}.lp-section__head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.lp-h2{font-size:clamp(32px,4.5vw,52px);font-weight:700;letter-spacing:-.025em;line-height:1.08;color:var(--lp-text-primary)}.lp-label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--lp-blue);margin-bottom:14px}.lp-eyebrow{font-size:13px;font-weight:500;color:var(--lp-text-secondary);letter-spacing:.02em;margin-bottom:16px}.lp-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;border-radius:var(--lp-radius-btn);padding:11px 24px;border:none;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;white-space:nowrap;font-family:inherit;letter-spacing:-.01em}.lp-btn--primary{background:var(--lp-blue);color:#fff;box-shadow:0 1px 3px #0071e340}.lp-btn--primary:hover{background:var(--lp-blue-hover);transform:translateY(-1px);box-shadow:0 4px 16px #0071e34d}.lp-btn--primary:active{transform:translateY(0)}.lp-btn--ghost{background:transparent;color:var(--lp-blue);border:1px solid rgba(0,113,227,.3)}.lp-btn--ghost:hover{background:var(--lp-blue-subtle);border-color:#0071e380}.lp-btn--lg{font-size:17px;padding:14px 32px}.lp-link-arrow{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:500;color:var(--lp-blue);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .18s ease;white-space:nowrap;flex-shrink:0;align-self:flex-end;margin-bottom:4px}.lp-link-arrow:hover{border-color:var(--lp-blue)}.lp-hero{padding:clamp(56px,7vw,100px) var(--lp-gutter) clamp(60px,8vw,100px);text-align:center;max-width:100%;border-bottom:1px solid var(--lp-border-light)}.lp-hero__inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0}.lp-hero__title{font-size:clamp(48px,7.5vw,88px);font-weight:700;letter-spacing:-.04em;line-height:1.04;color:var(--lp-text-primary);margin-bottom:20px}.lp-hero__title--accent{margin-left:10px;display:inline-block;transform:skew(-9deg);color:var(--lp-blue);cursor:default}@keyframes faster-race{0%{transform:skew(-9deg) translate(0);text-shadow:-3px 0 0 rgba(0,113,227,.18),-7px 0 0 rgba(0,113,227,.07);filter:blur(0px)}to{transform:skew(-17deg) translate(22px);text-shadow:-7px 0 0 rgba(0,113,227,.55),-15px 0 0 rgba(0,113,227,.3),-26px 0 0 rgba(0,113,227,.14),-40px 0 0 rgba(0,113,227,.05);filter:blur(1px)}}.lp-hero__subtitle{font-size:clamp(15px,1.5vw,21px);font-weight:400;color:var(--lp-text-secondary);line-height:1.5;letter-spacing:-.01em;margin-bottom:40px;max-width:500px}.lp-hero__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.lp-hero__rule{width:48px;height:1px;background:var(--lp-border);margin:80px auto 0;transform-origin:left}.lp-philosophy{border-bottom:1px solid var(--lp-border-light)}.lp-philosophy__inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px}.lp-philosophy__body{display:flex;flex-direction:column;gap:20px;padding-top:52px}.lp-philosophy__text{font-size:17px;line-height:1.65;color:var(--lp-text-secondary);letter-spacing:-.01em}.lp-section__inner{padding-bottom:0}.lp-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lp-border-light);max-width:var(--lp-max-w);margin:0 auto;padding:0 var(--lp-gutter) 40px}.lp-pillar{padding:36px 36px 32px;border-right:1px solid var(--lp-border-light)}.lp-pillar:last-child{border-right:none}.lp-pillar__num{display:block;font-size:11px;font-weight:600;color:var(--lp-text-tertiary);letter-spacing:.08em;margin-bottom:20px}.lp-pillar__title{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--lp-text-primary);margin-bottom:12px}.lp-pillar__desc{font-size:15px;line-height:1.6;color:var(--lp-text-secondary)}.lp-components{border-bottom:1px solid var(--lp-border-light)}.lp-comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lp-comp-card{background:var(--lp-surface);border:1px solid var(--lp-border-light);border-radius:var(--lp-radius-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--lp-shadow-card);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.lp-comp-card__preview{height:176px;background:var(--lp-bg);border-bottom:1px solid var(--lp-border-light);display:flex;align-items:center;justify-content:center;overflow:hidden}.lp-comp-card__footer{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.lp-comp-card__name{font-size:15px;font-weight:600;color:var(--lp-text-primary);letter-spacing:-.01em;margin-bottom:2px}.lp-comp-card__cat{font-size:12px;color:var(--lp-text-tertiary);font-weight:500}.lp-comp-card__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.lp-comp-card__view{font-size:13px;font-weight:500;color:var(--lp-blue);text-decoration:none;white-space:nowrap;transition:opacity .15s ease}.lp-comp-card__view:hover{opacity:.75}.comp-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--lp-border);background:transparent;color:var(--lp-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;flex-shrink:0}.comp-copy-btn:hover{background:var(--lp-border-light);color:var(--lp-text-primary)}.comp-copy-btn.copied{background:#34c7591a;border-color:#34c75966;color:#34c759}.cp-wrapper{--cp-text-primary: #1D1D1F;--cp-text-secondary: #6E6E73;--cp-text-tertiary: #8E8E93;--cp-bg: #FFFFFF;--cp-border: #E5E5EA;--cp-border-light: rgba(0, 0, 0, .08);--cp-glass-bg: rgba(255, 255, 255, .6);--cp-glass-border: rgba(255, 255, 255, .4);--cp-toggle-bg: #E5E5EA;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;color:var(--cp-text-primary)}.cp-wrapper[data-theme=dark]{--cp-text-primary: #FFFFFF;--cp-text-secondary: rgba(255, 255, 255, .6);--cp-text-tertiary: rgba(255, 255, 255, .4);--cp-bg: #1c1c1e;--cp-border: rgba(255, 255, 255, .15);--cp-border-light: rgba(255, 255, 255, .1);--cp-glass-bg: rgba(0, 0, 0, .3);--cp-glass-border: rgba(255, 255, 255, .15);--cp-toggle-bg: rgba(255, 255, 255, .15)}@media (max-width: 560px){.cp-wrapper{padding:16px}}.cp-wrapper--col{flex-direction:column;gap:8px}.cp-hint{font-size:11px;color:var(--cp-text-tertiary);font-family:-apple-system,sans-serif;letter-spacing:.01em;pointer-events:none;-webkit-user-select:none;user-select:none}.cp-btn{display:inline-flex;align-items:center;gap:6px;background:var(--lp-blue);color:#fff;border:none;border-radius:980px;padding:11px 22px;font-size:15px;font-weight:500;font-family:-apple-system,sans-serif;cursor:pointer;letter-spacing:-.01em;box-shadow:0 2px 8px #0071e340;transition:transform .15s ease,box-shadow .15s ease;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-btn--pressed{transform:scale(.94)!important;box-shadow:0 1px 3px #0071e333!important;transition:transform .08s ease,box-shadow .08s ease!important}.cp-btn--burst{animation:btn-burst .45s cubic-bezier(.22,1,.36,1)}@keyframes btn-burst{0%{transform:scale(.94)}40%{transform:scale(1.06)}70%{transform:scale(.98)}to{transform:scale(1)}}.cp-toggle{width:52px;height:30px;border-radius:99px;background:var(--cp-toggle-bg);position:relative;cursor:pointer;transition:background .2s ease;border:none;outline:none;flex-shrink:0}.cp-toggle--on{background:var(--lp-blue)}.cp-toggle__thumb{position:absolute;width:24px;height:24px;border-radius:99px;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px #0003;transition:transform .22s cubic-bezier(.22,1,.36,1)}.cp-toggle--on .cp-toggle__thumb{transform:translate(22px)}.cp-glass{background:var(--cp-glass-bg);border:1px solid var(--cp-glass-border);border-radius:14px;padding:18px 20px;width:180px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:8px}.cp-glass__bar{height:10px;background:var(--cp-border);border-radius:5px}.cp-glass__bar--thin{height:7px;opacity:.6}.cp-toast{display:flex;align-items:center;gap:10px;background:var(--cp-bg);border:1px solid var(--cp-border);border-radius:14px;padding:12px 16px;box-shadow:0 4px 20px #00000014;min-width:200px;-webkit-user-select:none;user-select:none}.cp-toast--in{animation:toast-in .38s cubic-bezier(.22,1,.36,1) both}.cp-toast--out{animation:toast-out .3s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.96)}}.cp-toast__icon{width:22px;height:22px;background:#34c759;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;flex-shrink:0}.cp-toast__text{font-size:14px;font-weight:500;color:var(--cp-text-primary);flex:1}.cp-toast__dismiss{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--cp-text-tertiary);cursor:pointer;font-size:13px;padding:0;width:18px;height:18px;border-radius:99px;transition:background .15s,color .15s;flex-shrink:0}.cp-toast__dismiss:hover{background:var(--cp-border-light);color:var(--cp-text-secondary)}.cp-ring-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:99px;transition:background .18s ease;display:flex;align-items:center;justify-content:center}.cp-ring-btn:hover{background:#0071e30f}.cp-ring-btn:active{background:#0071e31a}.cp-shimmer-group--btn{background:none;border:none;padding:0;text-align:left;font-family:inherit}.cp-shimmer-loaded{display:flex;align-items:center;gap:12px;width:180px;animation:shimmer-resolve .4s cubic-bezier(.22,1,.36,1) both}@keyframes shimmer-resolve{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cp-shimmer-loaded__avatar{width:32px;height:32px;border-radius:99px;background:#0071e3;flex-shrink:0}.cp-shimmer-loaded__lines{flex:1;display:flex;flex-direction:column;gap:7px}.cp-shimmer-loaded__line{height:9px;background:var(--lp-border);border-radius:5px}.cp-shimmer-group{width:100%;max-width:220px;display:flex;flex-direction:column;gap:10px}@media (max-width: 560px){.cp-shimmer-group{max-width:180px}}.cp-shimmer-line{height:11px;background:linear-gradient(90deg,var(--lp-border-light) 0%,#e8e8ed 50%,var(--lp-border-light) 100%);background-size:300% 100%;border-radius:6px;animation:shimmer 1.6s infinite ease-in-out}.cp-shimmer-line--wide{width:100%}.cp-shimmer-line--mid{width:72%}.cp-shimmer-line--narrow{width:48%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lp-dev{border-bottom:1px solid var(--lp-border-light)}.lp-dev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--lp-border-light);border:1px solid var(--lp-border-light);border-radius:var(--lp-radius-card);overflow:hidden}.lp-dev-card{background:var(--lp-surface);padding:36px 32px;transition:background .18s ease}.lp-dev-card__icon{width:40px;height:40px;border-radius:10px;background:var(--lp-bg);border:1px solid var(--lp-border-light);display:flex;align-items:center;justify-content:center;color:var(--lp-blue);margin-bottom:20px}.lp-dev-card__title{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--lp-text-primary);margin-bottom:8px}.lp-dev-card__desc{font-size:14px;line-height:1.6;color:var(--lp-text-secondary)}.lp-cta{border-bottom:1px solid var(--lp-border-light);text-align:center}.lp-cta__inner{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto}.lp-cta__title{font-size:clamp(40px,5.5vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1.06;color:var(--lp-text-primary);margin-bottom:16px;margin-top:4px}.lp-cta__sub{font-size:17px;color:var(--lp-text-secondary);margin-bottom:40px;letter-spacing:-.01em}.lp-cta__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.lp-footer__link{display:inline-block;overflow:hidden;font-size:15px;height:1.25em;line-height:1.25;text-decoration:none;vertical-align:bottom}.lp-fl__inner{display:flex;flex-direction:column;transition:transform .38s cubic-bezier(.22,1,.36,1)}.lp-footer__link:hover .lp-fl__inner{transform:translateY(-50%)}.lp-fl__text{display:block;height:1.25em;line-height:1.25;font-size:15px;font-weight:400;color:#ffffffa6;white-space:nowrap}.lp-fl__text:last-child{color:#fff}.lp-footer{background:#111;color:#f5f5f7}.lp-footer__top{max-width:var(--lp-max-w);margin:0 auto;padding:clamp(56px,8vw,100px) var(--lp-gutter) clamp(48px,6vw,80px);display:flex;align-items:flex-start;justify-content:space-between;gap:60px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.08)}.lp-footer__brand{display:flex;flex-direction:column;gap:20px;max-width:360px}.lp-footer__wordmark{font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.04em;line-height:1;color:#fff;font-family:-apple-system,SF Pro Display,system-ui,sans-serif;display:block}.lp-footer__tagline{font-size:18px;line-height:1.55;color:#ffffff80;font-family:-apple-system,sans-serif;font-weight:400;letter-spacing:-.01em}.lp-footer__cta{display:inline-flex;align-items:center;padding:11px 22px;border:1px solid rgba(255,255,255,.3);border-radius:980px;font-size:13px;font-weight:500;color:#fff;text-decoration:none;letter-spacing:.01em;font-family:-apple-system,sans-serif;transition:background .18s ease,border-color .18s ease;align-self:flex-start}.lp-footer__cta:hover{background:#ffffff14;border-color:#ffffff80}.lp-footer__cols{display:flex;gap:56px;flex-shrink:0}.lp-footer__col{display:flex;flex-direction:column;gap:14px;min-width:110px}.lp-footer__col-title{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;font-family:-apple-system,sans-serif;margin-bottom:4px}.lp-footer__link{font-size:15px;font-weight:400;color:#ffffffa6;text-decoration:none;font-family:-apple-system,sans-serif;letter-spacing:-.01em;transition:color .15s ease}.lp-footer__link:hover{color:#fff}.lp-footer__bar{max-width:var(--lp-max-w);margin:0 auto;padding:20px var(--lp-gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.lp-footer__copy,.lp-footer__made{font-size:12px;color:#ffffff40;font-family:-apple-system,sans-serif;letter-spacing:.01em}@media (max-width: 960px){.lp-philosophy__inner{grid-template-columns:1fr;gap:40px}.lp-philosophy__body{padding-top:0}.lp-pillars{grid-template-columns:1fr}.lp-pillar{border-right:none;border-bottom:1px solid var(--lp-border-light);padding:36px 24px}.lp-pillar:last-child{border-bottom:none}.lp-comp-grid,.lp-dev-grid{grid-template-columns:repeat(2,1fr)}.lp-footer__top{flex-direction:column;gap:40px}.lp-footer__cols{gap:36px}}@media (max-width: 600px){.lp-comp-grid,.lp-dev-grid{grid-template-columns:1fr}.lp-footer__cols{flex-wrap:wrap;gap:28px}.lp-footer__bar{flex-direction:column;align-items:flex-start;gap:6px}.lp-section__head-row{flex-direction:column;align-items:flex-start}}.cp-float-nav{display:flex;gap:4px;padding:6px;background:var(--cp-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:980px;box-shadow:0 8px 32px #00000014,inset 0 0 0 1px var(--cp-glass-border);width:100%;max-width:280px;justify-content:center}@media (max-width: 560px){.cp-float-nav{gap:2px;padding:4px}}.cp-fn-btn{position:relative;border:none;background:none;padding:10px 20px;cursor:pointer;border-radius:980px;outline:none;-webkit-tap-highlight-color:transparent;max-width:100%}@media (max-width: 400px){.cp-fn-btn{padding:8px 12px}}.cp-fn-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--cp-text-secondary);transition:color .3s ease}.cp-fn-content span{font-size:10px;font-weight:500}.cp-fn-btn.active .cp-fn-content{color:var(--cp-bg)}.cp-fn-pill{position:absolute;top:0;right:0;bottom:0;left:0;background:#0071e3;border-radius:980px;z-index:0}.cp-grad-header{width:100%;height:100%;background:linear-gradient(135deg,#4f8ef7,#a066ff);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px}@media (max-width: 560px){.cp-grad-header{padding:16px}}.cp-gh-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:-.02em}.cp-gh-subtitle{font-size:15px;color:#ffffffbf;margin:0}.cp-search-bar{display:flex;align-items:center;gap:10px;background:var(--cp-glass-bg);padding:10px 14px;border-radius:12px;width:100%;max-width:280px;border:1.5px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.cp-search-bar.focused{border-color:#4f8ef799;box-shadow:0 0 0 3px #4f8ef726}.cp-search-input{flex:1;border:none;background:none;font-size:15px;color:var(--cp-text-primary);outline:none;min-width:0}.cp-search-input::placeholder{color:var(--cp-text-tertiary)}.cp-search-clear{border:none;background:none;padding:0;color:var(--cp-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center}.cp-search-clear:hover{color:var(--cp-text-secondary)}.cp-bs-wrapper{position:relative;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}.cp-bs-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10}.cp-bs-sheet{position:absolute;bottom:0;left:10px;right:10px;height:180px;background:var(--cp-bg);border-radius:20px 20px 0 0;z-index:20;display:flex;flex-direction:column;align-items:center;box-shadow:0 -4px 24px #0000001f}.cp-bs-handle{width:36px;height:5px;border-radius:3px;background:var(--cp-border);margin:10px 0 20px}.cp-bs-content{width:100%;padding:0 16px;display:flex;flex-direction:column;align-items:flex-start}.cp-avatar-stack{display:flex;align-items:center}.cp-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--cp-bg);margin-right:-12px;box-shadow:0 2px 8px #00000014}.cp-avatar:last-child{margin-right:0}.cp-avatar--overflow{background:var(--cp-border);color:var(--cp-text-secondary);font-size:11px;font-weight:600}.cp-carousel{display:flex;gap:16px;overflow-x:auto;width:100%;height:100%;padding:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.cp-carousel::-webkit-scrollbar{display:none}.cp-carousel-card{flex:0 0 160px;height:100%;border-radius:16px;scroll-snap-align:center;box-shadow:0 8px 24px #0000001f;max-width:80vw}.cp-placeholder{font-size:13px;color:var(--lp-text-tertiary);font-weight:500;letter-spacing:.02em}.cp-login-card{background:#fff;border-radius:18px;padding:24px;width:100%;max-width:280px;box-shadow:0 4px 24px #0000000a,0 1px 2px #00000005;display:flex;flex-direction:column;gap:16px;border:1px solid var(--lp-border-light);transform:scale(.65);transform-origin:center}@media (max-width: 560px){.cp-login-card{padding:20px;transform:scale(.75)}}.cp-login-header{text-align:left;margin-bottom:4px}.cp-login-header h4{font-size:18px;font-weight:600;margin:0 0 2px;color:var(--lp-text-primary);letter-spacing:-.01em}.cp-login-header p{font-size:12px;color:var(--lp-text-secondary);margin:0}.cp-login-inputs{display:flex;flex-direction:column;gap:10px}.cp-login-input-group{background:#f5f5f7;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1.5px solid transparent;transition:all .2s ease}.cp-login-input-group.focused{border-color:#0071e366;background:#fff;box-shadow:0 2px 8px #0071e31a}.cp-login-input-group svg{color:var(--lp-text-tertiary);transition:color .2s ease}.cp-login-input-group.focused svg{color:var(--lp-blue)}.cp-login-input-group input{border:none;background:transparent;font-size:13px;width:100%;outline:none;color:var(--lp-text-primary);font-family:inherit}.cp-login-input-group input::placeholder{color:var(--lp-text-tertiary)}.cp-login-btn{background:var(--lp-blue);color:#fff;border:none;padding:14px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 12px #0071e340;margin-top:4px}.cp-login-btn:active:not(.disabled){transform:scale(.96)}.cp-signup-agree{display:flex;align-items:center;gap:8px;cursor:pointer;margin-top:-2px}.cp-signup-agree span{font-size:11px;color:var(--lp-text-secondary)}.cp-toggle-small{width:32px;height:18px}.cp-toggle-small .cp-toggle__thumb{width:14px;height:14px;top:2px;left:2px}.cp-toggle-small.cp-toggle--on .cp-toggle__thumb{transform:translate(14px)}.cp-signup-btn{background:linear-gradient(135deg,#4f8ef7,#a066ff);box-shadow:0 4px 12px #4f8ef740}.cp-signup-btn.disabled{opacity:.5;pointer-events:none;box-shadow:none}@media (max-width: 1024px){.lp-philosophy__inner,.lp-dev-grid,.lp-comp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.lp-section{padding:clamp(60px,8vw,80px) clamp(16px,4vw,24px)}.lp-hero{padding:clamp(40px,6vw,60px) clamp(16px,4vw,24px) clamp(40px,6vw,60px)}.lp-philosophy__inner{grid-template-columns:1fr;gap:24px}.lp-pillars{grid-template-columns:1fr;gap:0;padding-bottom:24px}.lp-pillar{padding:24px 0;border-right:none;border-bottom:1px solid var(--lp-border-light)}.lp-pillar:last-child{border-bottom:none}.lp-comp-grid{grid-template-columns:1fr}.lp-dev-grid{grid-template-columns:1fr;gap:1px}.lp-dev-card{padding:24px 20px}.lp-hero__title{font-size:clamp(36px,10vw,48px)}.lp-hero__title--accent{display:block;margin-left:0;margin-top:8px}.lp-footer__inner{flex-direction:column;align-items:center;text-align:center;gap:16px}.lp-footer__links{justify-content:center;flex-wrap:wrap}}.cp-page{padding:48px clamp(20px,4vw,56px) 100px;max-width:1100px;margin:0 auto;background:#f5f5f7;min-height:100%;overflow-x:hidden}.cp-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid #E5E5EA}.cp-page__eyebrow{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#0071e3;margin-bottom:10px;font-family:-apple-system,sans-serif}.cp-page__title{font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-.03em;color:#1d1d1f;line-height:1.06;margin-bottom:8px;font-family:-apple-system,SF Pro Display,system-ui,sans-serif}.cp-page__subtitle{font-size:15px;color:#6e6e73;line-height:1.5;font-family:-apple-system,sans-serif}.cp-search-wrap{flex-shrink:0;width:280px}.cp-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #D2D2D7;border-radius:12px;padding:10px 14px;transition:border-color .18s ease,box-shadow .18s ease}.cp-search:focus-within{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31f}.cp-search__icon{color:#aeaeb2;flex-shrink:0}.cp-search__input{flex:1;background:none;border:none;outline:none;font-size:14px;color:#1d1d1f;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;min-width:0}.cp-search__input::placeholder{color:#aeaeb2}.cp-search__clear{display:flex;align-items:center;justify-content:center;background:#e5e5ea;border:none;color:#6e6e73;width:20px;height:20px;border-radius:99px;cursor:pointer;flex-shrink:0;transition:background .15s ease}.cp-search__clear:hover{background:#d2d2d7;color:#1d1d1f}.cp-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}@media (max-width: 768px){.cp-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin:0 -16px 12px;padding-left:16px;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent)}.cp-cats::-webkit-scrollbar{display:none}}.cp-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:980px;font-size:13px;font-weight:500;background:#fff;border:1px solid #D2D2D7;color:#6e6e73;cursor:pointer;transition:all .15s ease;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;white-space:nowrap}.cp-pill:hover{border-color:#aeaeb2;color:#1d1d1f;background:#fff}.cp-pill.active{background:#0071e3;border-color:#0071e3;color:#fff;box-shadow:0 2px 8px #0071e340}.cp-count{font-size:13px;color:#aeaeb2;margin-bottom:24px;font-family:-apple-system,sans-serif}.cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cp-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid #E5E5EA;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 16px #0000000d;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s ease;height:100%;max-width:100%}.cp-card__preview{position:relative;height:180px;background:#f5f5f7;border-bottom:1px solid #E5E5EA;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .2s ease}.cp-card__badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:600;padding:3px 9px;border-radius:980px;background:#0071e31a;color:#0071e3;border:1px solid rgba(0,113,227,.25);letter-spacing:.02em;font-family:-apple-system,sans-serif}.cp-card__body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.cp-card__top{display:flex;flex-direction:column;gap:5px}.cp-card__name{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.015em;font-family:-apple-system,SF Pro Text,system-ui,sans-serif}.cp-card__desc{font-size:13px;color:#6e6e73;line-height:1.5;font-family:-apple-system,sans-serif}.cp-card__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}.cp-card__tags{display:flex;flex-wrap:wrap;gap:5px}.cp-card__tag{font-size:11px;padding:3px 9px;border-radius:980px;background:#f5f5f7;color:#aeaeb2;border:1px solid #E5E5EA;font-family:-apple-system,sans-serif;white-space:nowrap}.cp-card__cta{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:500;color:#0071e3;opacity:0;transition:opacity .18s ease;flex-shrink:0;font-family:-apple-system,sans-serif}.cp-card:hover .cp-card__cta{opacity:1}.cp-empty{text-align:center;padding:100px 20px;color:#aeaeb2}.cp-empty svg{margin:0 auto 16px;color:#d2d2d7}.cp-empty p{font-size:15px;color:#6e6e73;margin-bottom:20px;font-family:-apple-system,sans-serif}.cp-empty__clear{font-size:14px;font-weight:500;color:#0071e3;background:none;border:none;cursor:pointer;font-family:-apple-system,sans-serif;padding:0;transition:opacity .15s ease}.cp-empty__clear:hover{opacity:.7}@media (max-width: 1024px){.cp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cp-page{padding:24px 16px 80px}.cp-page__header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:20px}.cp-page__title{font-size:32px;font-weight:800}.cp-search-wrap{width:100%}.cp-card__body{padding:16px}.cp-card__name{font-size:16px}}@media (max-width: 560px){.cp-page{padding:20px 12px 60px}.cp-grid{grid-template-columns:1fr;gap:16px}}.detail{padding:40px 40px 80px;width:100%;max-width:1000px;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.detail__breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#8e8e93;margin-bottom:24px}.breadcrumb__link{color:#6e6e73;text-decoration:none;transition:color .15s}.breadcrumb__link:hover{color:#1d1d1f}.breadcrumb__sep{color:#c7c7cc}.breadcrumb__current{color:#1d1d1f;font-weight:500}.detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.detail__title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.detail__title{font-size:32px;font-weight:800;letter-spacing:-.6px}.detail__desc{font-size:15px;color:#6e6e73;line-height:1.6;margin-bottom:12px;max-width:520px}.detail__tags{display:flex;flex-wrap:wrap;gap:6px}.detail__copy-btn{flex-shrink:0;font-size:14px;padding:10px 18px}.detail__tabs{margin-bottom:24px;max-width:240px}.detail__tabs.tabs{background:#f5f5f7;border-radius:9px;padding:3px}.detail__tabs .tab-btn{color:#8e8e93;font-weight:500;font-size:13px;border-radius:7px;padding:6px 16px}.detail__tabs .tab-btn:hover:not(.active){color:#1d1d1f;background:#0000000a}.detail__tabs .tab-btn.active{background:#fff;color:#1d1d1f;font-weight:600;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.mockup-tester{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.mockup-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#fff;border:1px solid #E5E5EA;border-radius:12px}.mockup-sel-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;background:transparent;border:1px solid transparent;color:#6e6e73;cursor:pointer;transition:all .15s ease}.mockup-sel-btn:hover{background:#0000000a;color:#1d1d1f}.mockup-sel-btn.active{background:#0071e31a;border-color:#0071e34d;color:#0071e3}.mockup-sel-label{display:inline}.mockup-bg-picker{margin-left:auto;display:flex;align-items:center;gap:10px}.mockup-bg-label{font-size:12px;color:#8e8e93;white-space:nowrap}.mockup-bg-swatches{display:flex;gap:6px;align-items:center}.swatch{width:22px;height:22px;border-radius:6px;cursor:pointer;transition:transform .15s}.swatch:hover{transform:scale(1.2)}.swatch.active{box-shadow:0 0 0 2px #0071e3}.swatch--color-input{border-radius:6px;padding:0;border:none;background:none;cursor:pointer;width:22px;height:22px}.mockup-canvas{display:flex;align-items:center;justify-content:center;min-height:700px;border-radius:16px;border:1px solid #E5E5EA;padding:60px 40px;transition:background .3s;position:relative;overflow:hidden}.mockup-device-wrap{display:flex;justify-content:center;max-width:100%}.iphone-device,.ipad-device,.mac-device{max-width:100%}.iphone-device{position:relative;border:2px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #ffffff0a,0 40px 80px #0009,inset 0 1px #ffffff14;overflow:hidden}.iphone-device.has-image-bg{border:none;box-shadow:none;background:transparent!important}.iphone-device.has-image-bg .iphone-screen{top:0;right:0;bottom:0;left:0;border-radius:inherit!important}.iphone-side-btn{position:absolute;width:3px;border-radius:2px;background:#ffffff26}.iphone-side-btn--left{left:-3px}.iphone-side-btn--right{right:-3px}.iphone-screen{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:linear-gradient(160deg,#0e0e1a,#12121f);overflow:hidden;display:flex;flex-direction:column}.dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:108px;height:32px;background:#000;border-radius:99px;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding-right:12px}.dynamic-island__camera{width:10px;height:10px;border-radius:50%;background:#1a1a2a;border:1px solid rgba(255,255,255,.1)}.iphone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);height:26px;background:#000;border-radius:0 0 18px 18px;z-index:10}.iphone-status{display:flex;justify-content:space-between;align-items:center;padding:52px 16px 8px;font-size:11px;font-weight:600;color:#ffffffd9}.status-icons{display:flex;gap:6px;font-size:9px;align-items:center}.iphone-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}.iphone-comp-label{font-size:12px;color:#ffffff59;font-weight:500}.iphone-home-indicator{width:120px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 8px}.ipad-device{position:relative;border:2px solid rgba(255,255,255,.1);box-shadow:0 40px 80px #00000080,inset 0 1px #ffffff0f;overflow:hidden}.ipad-side-btn{position:absolute;background:#ffffff1f;border-radius:2px}.ipad-side-btn--top{top:-2px;left:50%;transform:translate(-50%);width:60px;height:3px}.ipad-side-btn--right{right:-2px;top:50%;transform:translateY(-50%);width:3px;height:80px}.ipad-screen{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:linear-gradient(160deg,#0e0e1a,#111120);display:flex;flex-direction:column;overflow:hidden}.ipad-camera{position:absolute;top:14px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#1a1a2a;border:1px solid rgba(255,255,255,.08);z-index:5}.ipad-nav{display:flex;align-items:center;justify-content:space-between;padding:36px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.ipad-nav__back{color:var(--accent-blue);font-size:20px}.ipad-nav__title{font-weight:700;font-size:14px;color:#fff}.ipad-nav__action{color:#fff6;font-size:16px}.ipad-content{display:flex;flex:1;overflow:hidden}.ipad-sidebar{width:120px;border-right:1px solid rgba(255,255,255,.06);padding:12px 8px;display:flex;flex-direction:column;gap:4px}.ipad-sidebar__item{padding:8px 12px;border-radius:8px;font-size:12px;color:#fff6}.ipad-sidebar__item.active{background:#4f8ef726;color:var(--accent-blue);font-weight:600}.ipad-main{flex:1;display:flex}.ipad-home-bar{height:4px;width:100px;background:#fff3;border-radius:2px;margin:8px auto}.mac-wrap{display:flex;flex-direction:column;align-items:center}.mac-device{position:relative;border:2px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff0f;display:flex;flex-direction:column;overflow:hidden}.mac-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:140px;height:22px;background:#000;border-radius:0 0 12px 12px;z-index:5}.mac-menubar{display:flex;align-items:center;padding:24px 16px 8px;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:4}.mac-menubar__dots{display:flex;gap:6px}.mac-menubar__dots span{width:10px;height:10px;border-radius:50%;display:block}.mac-menubar__title{flex:1;text-align:center;font-size:12px;font-weight:500;color:#fff9}.mac-menubar__right{display:flex;gap:8px;font-size:11px;color:#fff6}.mac-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mac-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.mac-toolbar__info{font-size:11px;color:#ffffff4d}.mac-preview{flex:1;display:flex}.mac-stand__neck{width:140px;height:30px;background:linear-gradient(to bottom,#ffffff14,#ffffff0d);border-radius:0 0 4px 4px;margin:0 auto}.mac-stand__base{width:280px;height:8px;background:#ffffff0f;border-radius:4px;margin:0 auto}.code-pane{background:#1d1d1f;border:1px solid #E5E5EA;border-radius:16px;overflow:hidden;margin-bottom:48px}.code-pane__topbar{display:flex;align-items:center;padding:12px 16px;background:#2d2d30;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}.code-pane__dots{display:flex;gap:6px}.code-pane__dots span{width:10px;height:10px;border-radius:50%}.code-pane__dots span:nth-child(1){background:#ff5f57}.code-pane__dots span:nth-child(2){background:#febc2e}.code-pane__dots span:nth-child(3){background:#28c840}.code-pane__filename{flex:1;text-align:center;font-size:12px;color:#aeaeb2;font-family:SF Mono,Fira Code,monospace}.code-pane__copy{font-size:12px;padding:5px 12px;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.1)}.code-pane__copy:hover{background:#ffffff26;color:#fff}.code-pane__copy.btn-primary{background:#0071e3;color:#fff;border-color:#0071e3}.code-pane__body{overflow-x:auto;max-height:520px;overflow-y:auto}.usage-section{margin-bottom:48px}.usage-section__title{font-size:22px;font-weight:700;margin-bottom:20px}.usage-steps{display:flex;flex-direction:column;gap:16px}.usage-step{display:flex;gap:16px;align-items:flex-start;padding:24px;background:#fff;border:1px solid #E5E5EA;border-radius:16px;box-shadow:0 1px 3px #0000000d}.usage-step__num{width:32px;height:32px;border-radius:10px;background:#0071e3;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.usage-step__title{font-weight:600;margin-bottom:6px;font-size:16px;color:#1d1d1f}.usage-step__desc{font-size:14px;color:#6e6e73;line-height:1.5}.detail__nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail__nav-btn{padding:24px;text-decoration:none;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #E5E5EA;border-radius:16px;transition:box-shadow .2s ease,border-color .2s ease}.detail__nav-btn:hover{box-shadow:0 4px 16px #0000000d;border-color:#d2d2d7}.detail__nav-btn:nth-child(2){text-align:right}.detail__nav-dir{font-size:13px;color:#8e8e93}.detail__nav-name{font-size:16px;font-weight:600;color:#1d1d1f}@media (max-width: 768px){.detail{padding:24px 16px 60px}.detail__header{flex-direction:column}.mockup-bg-picker{flex-direction:column;align-items:flex-start}.mockup-canvas{min-height:400px;padding:30px 20px}.ipad-device,.mac-device{transform:scale(.65);transform-origin:center}.detail__nav{grid-template-columns:1fr}}:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: #16161f;--bg-card-hover: #1c1c28;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--text-primary: #f0f0ff;--text-secondary: #8888aa;--text-muted: #555570;--accent-blue: #4f8ef7;--accent-purple: #a066ff;--accent-orange: #ff6b35;--accent-teal: #00d4aa;--gradient-1: linear-gradient(135deg, #4f8ef7 0%, #a066ff 100%);--gradient-2: linear-gradient(135deg, #ff6b35 0%, #ff0080 100%);--gradient-glow: radial-gradient(ellipse at top, rgba(79, 142, 247, .15) 0%, transparent 70%);--sidebar-width: 260px;--navbar-height: 60px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(79, 142, 247, .15);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:#f5f5f7;color:#1d1d1f;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-border{border:1px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,var(--gradient-1) border-box}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:500;background:#4f8ef71f;color:var(--accent-blue);border:1px solid rgba(79,142,247,.25)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;border:none;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 20px #4f8ef74d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #4f8ef766}.btn-ghost{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--border-hover)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:#ffffff0d;border-color:var(--border-hover)}.code-block{background:#0d0d14;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,monospace;font-size:13px;overflow-x:auto}.tabs{display:flex;gap:4px;background:#ffffff0a;border-radius:var(--radius-sm);padding:4px}.tab-btn{flex:1;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;border:none;background:transparent;color:var(--text-secondary);transition:all .2s ease}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #0000004d}.tab-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0a}