.connectors-hero{padding:clamp(var(--s-6),4vw,var(--s-8)) 0 clamp(var(--s-6),4vw,var(--s-7));background:var(--surface-warm);position:relative;overflow:hidden}.connectors-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 30% at 20% 0%,rgba(91,126,240,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 90% 100%,rgba(139,92,246,.04) 0%,transparent 60%);pointer-events:none}.connectors-hero__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5);position:relative}.connectors-hero__masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-bottom:var(--s-5);margin-bottom:var(--s-7);border-bottom:1px solid var(--ink);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap}.connectors-hero__eyebrow{font-weight:500;color:var(--ink)}.connectors-hero__divider{flex-grow:1;height:1px;min-width:24px;max-width:80px;background:var(--ink-subtle)}.connectors-hero__edition{font-weight:500;color:var(--ink)}.connectors-hero__head{margin-bottom:var(--s-7);max-width:720px}.connectors-hero__h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.04;letter-spacing:-.03em;color:var(--ink);margin:0 0 var(--s-5);text-wrap:balance}.connectors-hero__h1 em{font-style:italic;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.connectors-hero__sub{font-family:var(--font-display);font-size:clamp(1.0625rem,1.75vw,1.25rem);line-height:1.65;color:var(--ink-2);max-width:660px;margin:0 0 var(--s-4)}.connectors-hero__sub:last-child{margin-bottom:0}.connectors-hero__sub em{font-style:italic;color:var(--ink);font-weight:500}.connectors-hero__stats{display:grid;grid-template-columns:repeat(2,auto);gap:var(--s-3);padding-top:var(--s-5);border-top:1px solid var(--border);align-items:center}@media(min-width:720px){.connectors-hero__stats{grid-template-columns:auto auto 1fr;gap:var(--s-6)}}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat__num{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1;color:var(--ink);letter-spacing:-.02em}.hero-stat__label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.hero-stat--badge{display:flex;flex-direction:row;align-items:center;gap:8px;grid-column:1 / -1;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}@media(min-width:720px){.hero-stat--badge{grid-column:auto;justify-self:end;max-width:320px}}.hero-stat__badge-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--brand-bright);flex-shrink:0}.hero-stat__badge-icon svg{width:16px;height:16px}.hero-stat__badge-text{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;color:var(--ink);font-weight:500;line-height:1.4}.connector-charter{padding:clamp(var(--s-7),6vw,var(--s-9)) 0;background:var(--surface);border-top:1px solid var(--border)}.connector-charter__inner{max-width:760px;margin:0 auto;padding:0 var(--s-6)}.connector-charter__eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}.connector-charter__eyebrow:before{content:"";width:32px;height:1px;background:var(--ink-subtle)}.connector-charter__h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.028em;color:var(--ink);margin:0 0 var(--s-7);text-wrap:balance}.connector-charter__h2 em{font-style:italic;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.connector-charter__h2 br{display:none}@media(min-width:720px){.connector-charter__h2 br{display:inline}}.connector-charter__body{font-family:var(--font-display);font-size:clamp(1.0625rem,1.55vw,1.1875rem);line-height:1.7;color:var(--ink-2);max-width:640px}.connector-charter__body p{margin:0 0 var(--s-4)}.connector-charter__body p:last-child{margin-bottom:0}.connector-charter__body em{font-style:italic;color:var(--ink)}.connector-charter__hint{display:inline-flex;align-items:center;gap:var(--s-3);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--border-soft, transparent);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-muted)}.connector-charter__hint-mark{font-size:.85rem;color:var(--brand);animation:conn-hint-bob 2.4s ease-in-out infinite}@keyframes conn-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.doorways{padding:clamp(var(--s-7),6vw,var(--s-9)) 0;background:var(--surface-warm);border-top:1px solid var(--border)}.doorways__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.doorways__head{text-align:center;max-width:640px;margin:0 auto var(--s-9)}.doorways__h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.875rem,3.6vw,2.75rem);line-height:1.1;letter-spacing:-.028em;color:var(--ink);margin:0 0 var(--s-4);text-wrap:balance}.doorways__sub{font-family:var(--font-display);font-style:italic;font-size:clamp(.9375rem,1.4vw,1.0625rem);line-height:1.55;color:var(--ink-2);margin:0}.doorways__tier{margin-bottom:clamp(var(--s-7),5vw,var(--s-8))}.doorways__tier:last-child{margin-bottom:0}.doorways__tier-head{display:grid;grid-template-columns:56px 1fr;gap:var(--s-4);align-items:start;margin-bottom:var(--s-6);padding-bottom:var(--s-4);border-bottom:1px solid var(--border)}.doorways__tier-num{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(2rem,3vw,2.75rem);line-height:.9;letter-spacing:-.02em;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.doorways__tier-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.375rem,2.2vw,1.625rem);line-height:1.2;letter-spacing:-.018em;color:var(--ink);margin:0 0 4px}.doorways__tier-desc{font-family:var(--font-display);font-style:italic;font-size:clamp(.875rem,1.3vw,.9375rem);line-height:1.55;color:var(--ink-2);margin:0}.doorways__grid{display:grid;gap:var(--s-4);grid-template-columns:1fr}@media(min-width:720px){.doorways__grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.doorways__grid--3{grid-template-columns:repeat(3,1fr)}}.doorways__grid--full{grid-template-columns:1fr}.doorway-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.doorway-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--brand-gradient);transition:height .24s ease}@media(hover:hover)and (pointer:fine){.doorway-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 32px -16px #0f172a1f}.doorway-card:hover:before{height:100%}}@media(hover:none){.doorway-card:active{border-color:var(--border-strong)}.doorway-card:active:before{height:100%}}.doorway-card__head{display:grid;grid-template-columns:36px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-4) var(--s-4) var(--s-3);border-bottom:1px solid var(--border-soft, transparent)}.doorway-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);background:linear-gradient(135deg,#5b7ef014,#8b5cf60d);color:var(--ink)}.doorway-card__icon svg{width:20px;height:20px}.doorway-card--claude .doorway-card__icon{background:linear-gradient(135deg,#d8865424,#d886540d);color:#c46a3a}.doorway-card--chatgpt .doorway-card__icon{background:linear-gradient(135deg,#10a37f1f,#10a37f0a);color:#10a37f}.doorway-card--gemini .doorway-card__icon{background:linear-gradient(135deg,#5b7ef024,#8b5cf60f);color:#5b7ef0}.doorway-card--cursor .doorway-card__icon{background:linear-gradient(135deg,#0f172a14,#0f172a08);color:var(--ink)}.doorway-card--copilot .doorway-card__icon{background:linear-gradient(135deg,#24292f14,#24292f08);color:#24292f}.doorway-card--windsurf .doorway-card__icon{background:linear-gradient(135deg,#22d3ee1f,#22d3ee0a);color:#0891b2}.doorway-card--api .doorway-card__icon{background:linear-gradient(135deg,#8b5cf61f,#5b7ef00f);color:#8b5cf6}.doorway-card__name-block{display:flex;flex-direction:column;gap:2px;min-width:0}.doorway-card__name{margin:0;font-family:var(--font-display);font-weight:500;font-size:1.0625rem;color:var(--ink);letter-spacing:-.012em;line-height:1.2}.doorway-card__tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase}.doorway-card__status{color:#4ade80;font-size:.65rem;line-height:1;align-self:center;animation:conn-pulse-dot 2.4s ease-in-out infinite}@keyframes conn-pulse-dot{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.doorway-card__moment{padding:var(--s-4);flex-grow:1}.doorway-card__moment-time{display:inline-block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);font-weight:500;margin-bottom:8px;padding:2px 7px;background:var(--surface-warm);border-radius:3px;border:1px solid var(--border-soft, transparent)}.doorway-card__moment-text{margin:0;font-family:var(--font-display);font-size:.9375rem;line-height:1.6;color:var(--ink-2);letter-spacing:-.005em}.doorway-card__moment-text em{font-style:italic;color:var(--ink)}.doorway-card__inside{padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--border-soft, transparent);background:var(--surface-warm)}.doorway-card__inside-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.doorway-card__inside-label:before{content:"";width:16px;height:1px;background:var(--ink-subtle)}.doorway-card__inside-text{margin:0;font-family:var(--font-display);font-size:.875rem;line-height:1.6;color:var(--ink-2);letter-spacing:-.005em}.doorway-card__inside-text em{font-style:italic;color:var(--ink);font-weight:500}.doorway-card__inside--wide{padding:var(--s-4)}.doorway-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border-soft, transparent);align-items:center}.doorway-card__tags span{font-family:var(--font-mono);font-size:.65rem;font-weight:500;padding:3px 7px;background:var(--surface);border:1px solid var(--border-soft, transparent);border-radius:3px;color:var(--ink);letter-spacing:.02em}.doorway-card__tags-compare{margin-left:auto!important;background:none!important;border:none!important;color:var(--ink-muted)!important;font-style:italic;letter-spacing:.02em;font-family:var(--font-mono);font-weight:400!important;font-size:.6rem!important;padding:3px 0!important}.doorway-card__foot{padding:var(--s-3) var(--s-4);border-top:1px solid var(--border-soft, transparent);background:var(--surface)}.doorway-card__cta{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-style:italic;font-size:.9375rem;color:var(--ink);font-weight:400;text-decoration:none;border-bottom:1px solid var(--border-strong);padding-bottom:2px;transition:color .16s ease,border-color .16s ease,gap .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.doorway-card__cta:hover{color:var(--brand);border-color:var(--brand);gap:var(--s-3)}}.doorway-card__cta:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--r-sm)}.doorway-card__cta svg{width:12px;height:12px;flex-shrink:0}.doorway-card--wide{display:grid;grid-template-columns:1fr}@media(min-width:880px){.doorway-card--wide{grid-template-columns:minmax(280px,380px) 1fr;grid-template-rows:auto 1fr auto}.doorway-card--wide .doorway-card__head{grid-column:1 / 2;grid-row:1 / 2;border-bottom:1px solid var(--border-soft, transparent);border-right:1px solid var(--border-soft, transparent)}.doorway-card--wide .doorway-card__moment{grid-column:2 / 3;grid-row:1 / 3;border-right:none;border-bottom:1px solid var(--border-soft, transparent);padding:var(--s-5)}.doorway-card--wide .doorway-card__inside--wide{grid-column:1 / 2;grid-row:2 / 3;border-top:none;border-right:1px solid var(--border-soft, transparent)}.doorway-card--wide .doorway-card__foot{grid-column:1 / -1;grid-row:3 / 4;background:var(--surface)}}.behind{padding:clamp(var(--s-7),6vw,var(--s-9)) 0;background:var(--surface);border-top:1px solid var(--border)}.behind__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--s-5)}.behind__head{margin-bottom:var(--s-7);max-width:640px}.behind__eyebrow{display:inline-flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}.behind__eyebrow:before{content:"";width:32px;height:1px;background:var(--ink-subtle)}.behind__h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.1;letter-spacing:-.025em;color:var(--ink);margin:0 0 var(--s-4);text-wrap:balance}.behind__h2 em{font-style:italic;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.behind__sub{font-family:var(--font-display);font-style:italic;font-size:clamp(.9375rem,1.4vw,1.0625rem);line-height:1.55;color:var(--ink-2);margin:0}.behind__families{list-style:none;padding:0;margin:0 0 var(--s-7);display:grid;gap:var(--s-3)}@media(min-width:720px){.behind__families{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.behind__families{grid-template-columns:repeat(3,1fr)}.behind__families li:nth-child(4),.behind__families li:nth-child(5){grid-column:span 1}}.behind-family{background:var(--surface-warm);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--s-4)}.behind-family__head{display:grid;grid-template-columns:28px 1fr auto;gap:var(--s-3);align-items:baseline;padding-bottom:var(--s-3);margin-bottom:var(--s-3);border-bottom:1px solid var(--border-soft, transparent)}.behind-family__num{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--ink-muted);letter-spacing:.04em;text-align:center;padding:2px 0;background:var(--surface);border:1px solid var(--border-soft, transparent);border-radius:4px;align-self:center;line-height:1.4}.behind-family__title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.0625rem;color:var(--ink);letter-spacing:-.012em}.behind-family__count{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.04em;color:var(--ink-muted)}.behind-family__desc{margin:0 0 var(--s-3);font-family:var(--font-display);font-size:.875rem;line-height:1.5;color:var(--ink-2);letter-spacing:-.005em}.behind-family__tools{display:flex;flex-wrap:wrap;gap:4px}.behind-family__tools code{font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:3px 7px;background:var(--surface);border:1px solid var(--border-soft, transparent);border-radius:3px;color:var(--ink);letter-spacing:.01em}.behind__foot{padding-top:var(--s-5);border-top:1px solid var(--border-soft, transparent)}.behind__cta{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border-strong);padding-bottom:2px;transition:color .16s ease,border-color .16s ease,gap .2s ease;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.behind__cta:hover{color:var(--brand);border-color:var(--brand);gap:var(--s-3)}}.behind__cta:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--r-sm)}.behind__cta svg{width:13px;height:13px}.connectors-close{padding:clamp(var(--s-7),6vw,var(--s-9)) var(--s-6);background:var(--ink);color:var(--surface);text-align:center}.connectors-close__inner{max-width:760px;margin:0 auto}.connectors-close__h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.025em;color:var(--surface);margin:0 0 var(--s-5);text-wrap:balance}.connectors-close__h2 em{font-style:italic;background:linear-gradient(135deg,#8aa9ff,#b894ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.connectors-close__h2 br{display:none}@media(min-width:720px){.connectors-close__h2 br{display:inline}}.connectors-close__sub{font-family:var(--font-display);font-style:italic;font-size:clamp(1.0625rem,1.6vw,1.1875rem);line-height:1.6;color:#faf8f4bf;max-width:640px;margin:0 auto var(--s-7)}.connectors-close__ctas{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin-bottom:var(--s-3)}.connectors-close__alt{font-family:var(--font-display);font-style:italic;font-size:.9375rem;color:#faf8f499;margin:0 0 var(--s-6);letter-spacing:-.005em}.connectors-close__alt a{color:#faf8f4d9;text-decoration:none;border-bottom:1px solid rgba(250,248,244,.3);padding-bottom:1px;transition:color .16s ease,border-color .16s ease}@media(hover:hover)and (pointer:fine){.connectors-close__alt a:hover{color:var(--surface);border-color:var(--surface)}}.connectors-close__alt a:focus-visible{outline:2px solid rgba(250,248,244,.7);outline-offset:3px;border-radius:var(--r-sm)}.connectors-close__note{display:inline-flex;align-items:center;gap:8px;padding-top:var(--s-5);border-top:1px solid rgba(250,248,244,.15);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;color:#faf8f499;flex-wrap:wrap;justify-content:center;margin:0}.connectors-close__note-mark{display:inline-flex;align-items:center;justify-content:center;color:#8aa9ff}.connectors-close__note-mark svg{width:14px;height:14px}.connectors-close__note a{color:#faf8f4d9;text-decoration:none;border-bottom:1px solid rgba(250,248,244,.3);padding-bottom:1px;transition:color .16s ease,border-color .16s ease}@media(hover:hover)and (pointer:fine){.connectors-close__note a:hover{color:var(--surface);border-color:var(--surface)}}