.extension-container{width:min(100% - 3rem,960px);margin-inline:auto}.extension-narrow,.extension-teaser-container{width:min(100% - 3rem,832px);margin-inline:auto}.extension-copy{color:hsl(var(--muted-foreground));line-height:1.7}.extension-copy a{color:hsl(var(--primary))}.extension-eyebrow{color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.extension-wordmark{font-family:Comfortaa, var(--font-sans);font-weight:700}.extension-wordmark sup{font-family:var(--font-sans);vertical-align:super;margin-left:.12em;font-size:.3em}.extension-hero{border-bottom:1px solid hsl(var(--border));background:radial-gradient(at 50% 0,#e8572a1f,#0000 65%),linear-gradient(120deg,#121212,#0a0a0a);padding:112px 0}.extension-back{color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;margin-bottom:64px;font-size:.875rem;display:inline-flex}.extension-hero-content{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;display:grid}.extension-hero-icon{-o-object-fit:contain;object-fit:contain;width:112px;height:112px;margin-top:20px}.extension-audience{letter-spacing:.065em;text-transform:uppercase;max-width:100%;color:hsl(var(--primary));background:hsl(var(--primary-subtle));border-radius:999px;margin-bottom:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.extension-hero-title{overflow-wrap:break-word;margin-bottom:24px;font-size:clamp(2.25rem,4.5vw,4rem);font-weight:500;line-height:1.15}.extension-hero-description{color:hsl(var(--muted-foreground));max-width:800px;font-size:1.25rem;line-height:1.6}.extension-stores{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.extension-store{color:#fff;background:#000;border:1px solid #333;border-radius:8px;align-items:center;gap:12px;min-width:192px;min-height:60px;padding:10px 16px;display:inline-flex}.extension-store-icon{color:#ddd;filter:grayscale();flex-shrink:0;width:34px;height:34px}.extension-store-intro{color:#aaa;font-size:.6875rem;line-height:1.2;display:block}.extension-store-label{font-size:1rem;font-weight:600;line-height:1.3;display:block}.extension-overview-hero{text-align:center;background:radial-gradient(at 50% 0,#e8572a26,#0000 65%),#0b0b0b;padding:112px 0}.extension-overview-hero h1{max-width:900px;margin:0 auto 24px;font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.12}.extension-overview-hero .extension-copy{max-width:760px;margin-inline:auto;font-size:1.25rem}.extension-overview{background:hsl(var(--background));padding:80px 0}.extension-overview-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.extension-built-for{white-space:nowrap;color:hsl(var(--muted-foreground));align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.extension-built-for svg{color:hsl(var(--primary))}.extension-card{--extension-accent:hsl(var(--primary));border:1px solid color-mix(in srgb, var(--extension-accent) 28%, transparent);background:#1e1e1e;border-radius:12px;margin-top:24px;padding:36px;position:relative;overflow:hidden}.extension-card[data-accent=blue]{--extension-accent:#60a5fa}.extension-card:before{content:"";background:var(--extension-accent);height:3px;position:absolute;top:0;left:0;right:0}.extension-card-layout{grid-template-columns:64px minmax(0,1fr);gap:24px;display:grid}.extension-card-icon{background:color-mix(in srgb, var(--extension-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--extension-accent) 20%, transparent);-o-object-fit:contain;object-fit:contain;border-radius:16px;width:64px;height:64px;padding:12px}.extension-card-title{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.extension-card h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.2}.extension-card-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--extension-accent);background:color-mix(in srgb, var(--extension-accent) 8%, #171717);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.extension-highlights{color:hsl(var(--muted-foreground));grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 28px;font-size:.875rem;line-height:1.4;display:grid}.extension-highlights li{align-items:start;gap:8px;display:flex}.extension-highlights svg{color:var(--extension-accent);flex-shrink:0;margin-top:1px}.extension-link-button{border:1px solid hsl(var(--border));border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:6px 12px;font-size:.875rem;font-weight:500;display:inline-flex}.extension-link-button:hover{background:hsl(var(--muted))}.extension-teaser{border:1px solid hsl(var(--primary) / .25);background:linear-gradient(110deg,#1d1d1d,#2b201d);border-radius:12px;grid-template-columns:56px minmax(0,1fr) auto;gap:24px;padding:36px;display:grid}.extension-teaser-icon{width:56px;height:56px;color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .2);background:hsl(var(--primary-subtle));border-radius:16px;justify-content:center;align-items:center;display:flex}.extension-teaser p{text-decoration:none}.extension-teaser h2{scroll-margin-top:160px}.extension-teaser-tags{border-top:1px solid hsl(var(--border));flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:24px;display:flex}.extension-teaser-tags li{border:1px solid hsl(var(--primary) / .2);color:hsl(var(--muted-foreground));border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;display:flex}.extension-teaser-tags svg,.extension-teaser-link{color:hsl(var(--primary))}.extension-teaser-link{white-space:nowrap;align-self:start;align-items:center;gap:12px;padding-top:8px;font-size:.875rem;display:inline-flex}.extension-section{background:hsl(var(--background));padding:72px 0}.extension-section-alt{border-block:1px solid hsl(var(--border));background:#0d0d0d}.extension-section-title{margin-bottom:16px;font-size:clamp(1.5rem,3vw,2rem)}.extension-intro{border-bottom:1px solid hsl(var(--border));padding-block:48px}.extension-intro p+p{margin-top:16px}.extension-feature-rows{margin-top:40px}.extension-feature-row{border-top:1px solid hsl(var(--border));grid-template-columns:24px 240px minmax(0,1fr);align-items:start;gap:24px;padding-block:24px;display:grid}.extension-feature-row:last-child{border-bottom:1px solid hsl(var(--border))}.extension-feature-row svg,.extension-function-id{color:hsl(var(--primary))}.extension-feature-row h3,.extension-feature-row h4{font-size:1rem}.extension-reference-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;display:flex}.extension-reference-heading .extension-copy{max-width:680px}.extension-reference-block{border-top:1px solid hsl(var(--border));margin-top:48px;padding-top:32px}.extension-reference-block h3{margin-bottom:24px;font-size:1.375rem}.extension-reference-heading+.extension-reference-block{border-top:0;margin-top:0;padding-top:0}.extension-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.extension-figures img{border-radius:8px;width:100%;height:auto}.extension-figures figcaption{color:hsl(var(--muted-foreground));margin-top:16px;font-size:.875rem;line-height:1.6}.extension-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.extension-platforms h4{margin-bottom:16px;font-size:1rem}.extension-platforms a{align-items:center;gap:6px;display:inline-flex}.extension-platforms a svg{color:hsl(var(--primary));flex-shrink:0}.extension-check-list{gap:12px;display:grid}.extension-check-list li{color:hsl(var(--muted-foreground));align-items:start;gap:8px;font-size:.875rem;line-height:1.6;display:flex}.extension-check-list svg{color:hsl(var(--primary));flex-shrink:0;margin-top:4px}.extension-function-id{font-size:.875rem;font-weight:600}.extension-caution{color:#eab308;margin-top:8px;font-size:.875rem}.extension-detail-figure{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.extension-detail-figure img{border-radius:8px;max-width:100%;height:auto}.extension-detail-figure figcaption{font-size:.875rem}.extension-table-wrap{border-radius:6px;position:relative;overflow-x:auto}.extension-table{border-collapse:collapse;text-align:left;width:100%;min-width:500px}.extension-table caption{text-align:left;color:hsl(var(--muted-foreground));margin-bottom:16px;font-size:.875rem}.extension-table th,.extension-table td{border-bottom:1px solid hsl(var(--border));padding:16px;font-size:.875rem}.extension-table thead{background:#171717}.extension-table td{color:hsl(var(--muted-foreground))}.extension-two-columns{grid-template-columns:1fr 1fr;gap:48px;display:grid}.extension-steps{counter-reset:step;gap:16px;list-style:none;display:grid}.extension-steps li{color:hsl(var(--muted-foreground));counter-increment:step;gap:12px;font-size:.875rem;line-height:1.6;display:flex}.extension-steps li:before{content:counter(step, decimal-leading-zero);color:hsl(var(--primary));flex-shrink:0;margin-top:3px;font-size:.75rem;font-weight:600}.extension-note{grid-template-columns:24px minmax(0,1fr);gap:24px;display:grid}.extension-note>svg{color:hsl(var(--primary));margin-top:3px}.extension-note h2{margin-bottom:16px;font-size:1.5rem}.extension-note .extension-copy{margin-bottom:24px}.extension-note-links{flex-wrap:wrap;gap:12px;display:flex}.extension-note-links .extension-primary-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.clicknix-heading{font-family:Comfortaa, var(--font-sans);border-left:4px solid hsl(var(--primary));background:linear-gradient(90deg, hsl(var(--primary-subtle)), transparent);margin-bottom:48px;padding:24px;font-size:clamp(1.5rem,3.5vw,3rem);font-weight:500}.clicknix-heading .extension-wordmark{color:hsl(var(--primary))}.clicknix-steps{border-block:1px solid hsl(var(--border));grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:40px 0 48px;padding-block:32px;display:grid}.clicknix-steps li:before{margin-bottom:16px;display:block}.clicknix-steps li{display:block}.clicknix-example{border:1px solid hsl(var(--border));background:#1e1e1e;border-radius:12px;grid-template-columns:3fr 1.3fr;margin-top:32px;display:grid;overflow:hidden}.clicknix-example img{align-self:center;width:100%;height:auto}.clicknix-example figcaption{align-self:center;padding:32px}.clicknix-example h3{margin-bottom:12px;font-size:1.25rem}.clicknix-example .extension-eyebrow{font-size:.75rem}.clicknix-example .extension-copy{font-size:.875rem}.clicknix-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:32px 0;display:grid}.clicknix-benefits h3{margin-bottom:12px;font-size:1rem}.clicknix-benefits .extension-copy{font-size:.875rem}@media (width<=767px){.extension-container,.extension-narrow,.extension-teaser-container{width:calc(100% - 2rem)}.extension-hero,.extension-overview-hero{padding-block:64px}.extension-back{margin-bottom:40px}.extension-hero-content{grid-template-columns:1fr;gap:24px}.extension-hero-icon{width:80px;height:80px;margin-top:0}.extension-hero-description,.extension-overview-hero .extension-copy{font-size:1.125rem}.extension-card{padding:24px}.extension-card-layout{grid-template-columns:1fr;gap:20px}.extension-overview-heading{flex-direction:column;align-items:start;gap:12px}.extension-highlights,.extension-platforms,.extension-two-columns,.clicknix-steps,.clicknix-benefits{grid-template-columns:1fr}.extension-highlights{gap:16px}.extension-teaser{grid-template-columns:1fr;gap:20px;padding:24px}.extension-feature-row{grid-template-columns:24px minmax(0,1fr);gap:16px}.extension-feature-row>div:last-child{grid-column:2}.extension-figures,.extension-detail-figure,.clicknix-example{grid-template-columns:1fr}.extension-note{gap:16px}.extension-section{padding-block:48px}.clicknix-example figcaption{padding:24px}}