/* Route-only Socionics detail page styles. Generated from home.css during the 20260528 CSS split. */
#type-page{display:none;position:relative;z-index:10;}
#func-page{display:none;position:relative;z-index:10;}
#quadra-page{display:none;position:relative;z-index:10;}
#theory-page{display:none;position:relative;z-index:10;min-height:100vh;padding-top:5rem;background:var(--bg);}
#quadra-page{min-height:100vh;padding-top:4.5rem;background:var(--bg);}
body.socionics-home-page.subpage-native-cursor,
body.socionics-home-page.subpage-native-cursor *{cursor:auto!important;}
body.socionics-home-page.subpage-native-cursor a,
body.socionics-home-page.subpage-native-cursor button,
body.socionics-home-page.subpage-native-cursor summary,
body.socionics-home-page.subpage-native-cursor select,
body.socionics-home-page.subpage-native-cursor [role="button"],
body.socionics-home-page.subpage-native-cursor .tp-func-row{cursor:pointer!important;}
body.socionics-home-page.subpage-native-cursor input,
body.socionics-home-page.subpage-native-cursor textarea,
body.socionics-home-page.subpage-native-cursor [contenteditable="true"]{cursor:text!important;}
body.socionics-home-page.subpage-native-cursor #cur,
body.socionics-home-page.subpage-native-cursor #cur-ring{display:none!important;opacity:0!important;}
.qp-back{display:inline-flex;align-items:center;gap:.7rem;font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(34,211,238,.5);cursor:none;padding:0 3rem;margin-top:2.5rem;margin-bottom:2rem;transition:color .3s;background:none;border:none;}
@media(max-width:700px){#quadra-page{padding-top:4rem;}.qp-back{margin-top:1.5rem;margin-bottom:1.5rem;}}
.qp-back:hover{color:var(--teal);}
.qp-back svg{transition:transform .3s;}
.qp-back:hover svg{transform:translateX(-3px);}
.qp-hero{padding:3.5rem 3rem 5rem;max-width:1200px;margin:0 auto;position:relative;}
@media(max-width:700px){.qp-hero{padding:2.5rem 1.5rem 3.5rem;}}
.qp-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.qp-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;margin-bottom:1.4rem;display:inline-flex;align-items:center;gap:.8rem;}
.qp-eyebrow-dot{width:6px;height:6px;border-radius:50%;}
.qp-name{font-family:'Cormorant Garamond',serif;font-size:clamp(4.4rem,11vw,8.4rem);font-weight:700;line-height:.92;margin-bottom:1rem;}
.qp-tagline{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-style:italic;font-weight:400;margin-bottom:2rem;}
.qp-desc{font-size:1.05rem;color:rgba(200,220,230,.75);line-height:2;max-width:520px;margin-bottom:2.5rem;}
.qp-sigil-large{width:200px;height:200px;margin-bottom:2rem;filter:drop-shadow(0 0 30px var(--qpc,rgba(34,211,238,.35)));opacity:.85;}
.qp-sigil-large svg{width:100%;height:100%;}
.qp-section{border-top:1px solid var(--qps-line,var(--line));padding:5rem 3rem;max-width:1200px;margin:0 auto;}
.qp-section.colored-border{--qps-line:rgba(var(--qp-rgb,34,211,238),.18);}
.qp-sec-label{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(34,211,238,.4);margin-bottom:2rem;}
.qp-sec-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin-bottom:2.5rem;color:var(--ice);}
.qp-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.qp-value-card{background:var(--bg2);padding:2.2rem 1.8rem;position:relative;overflow:hidden;transition:background .35s;}
.qp-value-card:hover{background:rgba(12,25,50,.9);}
.qp-value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--qvc,var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.qp-value-card:hover::before{transform:scaleX(1);}
.qp-value-glyph{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:700;line-height:1;margin-bottom:.5rem;}
.qp-value-func-label{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.3em;margin-bottom:.8rem;opacity:.5;}
.qp-value-name{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;margin-bottom:.6rem;}
.qp-value-desc{font-size:.82rem;color:rgba(180,210,220,.5);line-height:1.85;}
.qp-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.qp-type-card{background:var(--bg2);padding:2.5rem 2.2rem;cursor:none;transition:background .35s;position:relative;overflow:hidden;}
.qp-type-card:hover{background:rgba(12,25,50,.9);}
.qp-type-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--qtc,var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.qp-type-card:hover::after{transform:scaleX(1);}
.qp-type-role{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:.8rem;}
.qp-type-code{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.3rem;}
.qp-type-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;margin-bottom:1rem;}
.qp-type-funcs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem;}
.qp-type-desc{font-size:.82rem;color:rgba(180,210,220,.45);line-height:1.75;}
.qp-type-relations{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.4rem;}
.qp-rel-tag{font-family:'Share Tech Mono',monospace;font-size:.5rem;padding:.2rem .6rem;border:1px solid rgba(34,211,238,.15);color:rgba(34,211,238,.5);}
.qp-type-explore{margin-top:1rem;font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.15em;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s;}
.qp-type-card:hover .qp-type-explore{opacity:1;transform:translateX(0);}
.qp-sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.qp-sb-col{background:var(--bg2);padding:2.5rem 2.2rem;}
.qp-sb-head{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;}
.qp-sb-list{list-style:none;display:flex;flex-direction:column;gap:.9rem;}
.qp-sb-list li{display:flex;gap:.9rem;font-size:.9rem;color:rgba(200,220,230,.65);line-height:1.7;}
.qp-sb-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;margin-top:.6rem;}
.qp-nav-strip{position:sticky;top:68px;z-index:150;background:rgba(6,13,24,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:0 3rem;display:flex;align-items:center;gap:0;}
.qp-nav-item{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;padding:1rem 1.4rem;cursor:pointer;transition:color .2s,border-color .2s;color:rgba(180,210,220,.3);border-bottom:2px solid transparent;border-top:none;border-left:none;border-right:none;background:none;position:relative;}
.qp-nav-item:hover{color:rgba(180,210,220,.7);}
.qp-nav-item.active{color:var(--qpnc,var(--teal));border-bottom-color:var(--qpnc,var(--teal));}
.qp-nav-dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:.55rem;vertical-align:middle;flex-shrink:0;}
@media(max-width:700px){.qp-nav-strip{top:60px;padding:0 .5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.qp-nav-strip::-webkit-scrollbar{display:none;}.qp-nav-item{padding:.85rem .9rem;font-size:.5rem;letter-spacing:.18em;white-space:nowrap;}}
.qp-mistype-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.qp-mistype-card{background:var(--bg2);padding:2.5rem 2.2rem;position:relative;overflow:hidden;}
.qp-mistype-header{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem;}
.qp-mistype-quadra-badge{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;padding:.35rem .8rem;border:1px solid;flex-shrink:0;margin-top:.15rem;}
.qp-mistype-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:700;color:var(--ice);line-height:1.3;}
.qp-mistype-subtitle{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.15em;color:rgba(180,210,220,.35);margin-top:.3rem;}
.qp-mistype-body{font-size:.88rem;color:rgba(200,220,230,.6);line-height:1.9;margin-bottom:1.4rem;}
.qp-mistype-divider{height:1px;background:var(--line);margin-bottom:1.2rem;}
.qp-mistype-tell{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(34,211,238,.4);margin-bottom:.7rem;}
.qp-mistype-tell-body{font-size:.85rem;color:rgba(180,210,220,.5);line-height:1.85;font-style:italic;}
.qp-shadow-block{border:1px solid var(--line);background:rgba(6,13,24,.6);position:relative;overflow:hidden;}
.qp-shadow-block::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(200,80,80,.5),transparent);}
.qp-shadow-inner{padding:3rem 3rem;}
.qp-shadow-label{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.35em;text-transform:uppercase;color:rgba(200,80,80,.45);margin-bottom:1.5rem;}
.qp-shadow-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,3vw,2rem);font-style:italic;font-weight:600;color:var(--ice);line-height:1.5;margin-bottom:2rem;position:relative;padding-left:1.5rem;}
.qp-shadow-quote::before{content:'';position:absolute;left:0;top:.2em;bottom:.2em;width:2px;background:rgba(200,80,80,.4);}
.qp-shadow-body{font-size:.95rem;color:rgba(200,220,230,.6);line-height:2;max-width:780px;}
.qp-shadow-patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.5rem;}
.qp-shadow-pattern{background:var(--bg2);padding:1.8rem 1.6rem;}
.qp-shadow-pattern-label{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(200,80,80,.4);margin-bottom:.7rem;}
.qp-shadow-pattern-body{font-size:.85rem;color:rgba(180,210,220,.5);line-height:1.8;}
.qp-feel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.qp-feel-col{background:var(--bg2);padding:2.8rem 2.5rem;position:relative;}
.qp-feel-head{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;}
.qp-feel-pull{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-style:italic;font-weight:600;line-height:1.5;margin-bottom:1.5rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line);}
.qp-feel-body{font-size:.9rem;color:rgba(200,220,230,.55);line-height:2.}

@media(max-width:700px){.qp-nav-strip{padding:0 1rem;overflow-x:auto;gap:0;}.qp-nav-item{padding:.9rem 1rem;font-size:.52rem;white-space:nowrap;}.qp-mistype-grid{grid-template-columns:1fr;}.qp-shadow-patterns{grid-template-columns:1fr;}.qp-shadow-inner{padding:2rem 1.5rem;}}
.qp-cta{border-top:1px solid var(--line);padding:5rem 3rem;text-align:center;}
.qp-cta-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,4vw,3rem);font-weight:700;color:var(--ice);margin-bottom:1rem;}
.qp-cta-sub{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.12em;color:rgba(120,160,180,.4);margin-bottom:2.5rem;line-height:1.9;}
.qp-cta-btn{display:inline-block;font-family:'Share Tech Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2.5rem;border:1px solid rgba(34,211,238,.4);color:var(--ice);background:rgba(34,211,238,.07);cursor:none;transition:all .3s;text-decoration:none;margin:0 .5rem;}
.qp-cta-btn:hover{border-color:var(--teal);background:rgba(34,211,238,.14);box-shadow:0 0 30px rgba(34,211,238,.2);}
.qp-cta-btn.secondary{border-color:rgba(120,160,180,.2);color:rgba(180,210,220,.5);}
.qp-cta-btn.secondary:hover{border-color:rgba(120,160,180,.4);color:var(--ice);}
@media(max-width:1000px){.qp-hero-inner{grid-template-columns:1fr;gap:2rem;}.qp-values-grid{grid-template-columns:repeat(2,1fr);}.qp-sb-grid,.qp-feel-grid{grid-template-columns:1fr;}}
@media(max-width:700px){.qp-hero,.qp-section,.qp-cta,.qp-back{padding-left:1.5rem;padding-right:1.5rem;}.qp-types-grid,.qp-hist-grid,.qp-values-grid{grid-template-columns:1fr;}.qp-sigil-large{width:120px;height:120px;}}
.theory-back{display:inline-flex;align-items:center;gap:.7rem;font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(34,211,238,.55);cursor:none;padding:0 3rem;margin-top:2.5rem;margin-bottom:1rem;transition:color .3s;background:none;border:none;}
.theory-back:hover{color:var(--teal);}
.theory-wrap{max-width:1240px;margin:0 auto;padding:2rem 3rem 6rem;}
.theory-hero{border:1px solid rgba(34,211,238,.16);background:radial-gradient(circle at 18% 8%,rgba(34,211,238,.09),transparent 32%),linear-gradient(135deg,rgba(8,17,31,.78),rgba(6,13,24,.45));padding:4rem;position:relative;overflow:hidden;}
.theory-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--teal),transparent);opacity:.75;}
.theory-kicker{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(34,211,238,.58);margin-bottom:1.1rem;}
.theory-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,7vw,6.2rem);font-weight:700;line-height:.95;color:var(--ice);max-width:920px;margin-bottom:1.3rem;}
.theory-title span{color:var(--teal);}
.theory-lede{font-size:1.08rem;line-height:1.95;color:rgba(200,220,230,.66);max-width:760px;}
.theory-section{border:1px solid rgba(34,211,238,.12);border-top:0;background:rgba(8,17,31,.34);padding:3rem 4rem;}
.theory-section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;color:var(--ice);margin-bottom:1.35rem;}
.theory-section-title span{color:var(--teal);}
.theory-copy{font-size:1rem;line-height:1.9;color:rgba(200,220,230,.62);max-width:820px;margin-bottom:1.1rem;}
.theory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.12);margin-top:1.6rem;}
.theory-card{background:rgba(6,13,24,.68);padding:1.55rem;min-height:220px;}
.theory-card-kicker{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(34,211,238,.55);margin-bottom:.8rem;}
.theory-card-title{font-family:'Cormorant Garamond',serif;font-size:1.55rem;line-height:1.1;color:var(--ice);margin-bottom:.75rem;}
.theory-card-copy{font-size:.93rem;line-height:1.75;color:rgba(200,220,230,.58);}
.theory-matrix{width:100%;border-collapse:collapse;margin:1.6rem 0 1.35rem;border:1px solid rgba(34,211,238,.14);background:rgba(6,13,24,.46);}
.theory-matrix th,.theory-matrix td{border:1px solid rgba(34,211,238,.12);padding:1.15rem 1.25rem;text-align:left;vertical-align:top;}
.theory-matrix th{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(34,211,238,.68);background:rgba(34,211,238,.04);}
.theory-matrix td{font-size:.95rem;line-height:1.72;color:rgba(200,220,230,.62);}
.theory-matrix td:first-child{font-family:'Cormorant Garamond',serif;font-size:1.25rem;line-height:1.15;color:rgba(235,248,252,.85);}
.theory-callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.12);margin:1.35rem 0;}
.theory-callout{background:rgba(6,13,24,.66);padding:1.45rem;}
.theory-callout-title{font-family:'Cormorant Garamond',serif;font-size:1.45rem;line-height:1.1;color:var(--ice);margin-bottom:.65rem;}
.theory-callout-title span{color:var(--teal);}
.theory-callout-copy{font-size:.96rem;line-height:1.78;color:rgba(200,220,230,.62);}
.theory-detail-list{border:1px solid rgba(34,211,238,.12);background:rgba(8,17,31,.3);margin-top:1.35rem;}
.theory-detail-list details{border-bottom:1px solid rgba(34,211,238,.09);}
.theory-detail-list details:last-child{border-bottom:0;}
.theory-detail-list summary{list-style:none;cursor:none;padding:1.15rem 1.35rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:700;color:rgba(235,248,252,.86);}
.theory-detail-list summary::-webkit-details-marker{display:none;}
.theory-detail-list summary::after{content:'+';font-family:'Share Tech Mono',monospace;font-size:.7rem;color:rgba(34,211,238,.55);}
.theory-detail-list details[open] summary::after{content:'-';}
.theory-detail-copy{padding:0 1.35rem 1.3rem;font-size:.96rem;line-height:1.8;color:rgba(200,220,230,.6);max-width:980px;}
.theory-pill-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.35rem 0 .3rem;}
.theory-pill{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(34,211,238,.74);border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.045);padding:.45rem .62rem;}
@media(max-width:700px){
  #theory-page{padding-top:4.2rem;}
  .theory-back{padding:0 1.5rem;margin-top:1.4rem;margin-bottom:.8rem;}
  .theory-wrap{padding:1rem 1.5rem 4rem;}
  .theory-hero{padding:2.4rem 1.5rem;}
  .theory-section{padding:2.2rem 1.5rem;}
  .theory-grid,.theory-callout-grid{grid-template-columns:1fr;}
  .theory-matrix{display:block;overflow-x:auto;}
  .theory-matrix th,.theory-matrix td{min-width:180px;padding:1rem;}
  .theory-card{min-height:0;}}
#type-page{min-height:100vh;padding-top:5rem;background:var(--bg);position:relative;z-index:10;}
.tp-back{display:inline-flex;align-items:center;gap:.7rem;font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(34,211,238,.5);cursor:none;padding:0 3rem;margin-top:2rem;margin-bottom:3.5rem;transition:color .3s;background:none;border:none;}
.tp-back:hover{color:var(--teal);}
.tp-back svg{transition:transform .3s;}
.tp-back:hover svg{transform:translateX(-3px);}
.tp-hero{padding:0 3rem 5rem;max-width:1200px;margin:0 auto;}
.tp-top{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-bottom:5rem;}
.tp-quadra-badge{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.6rem;}
.tp-quadra-dot{width:6px;height:6px;border-radius:50%;}
.tp-code{font-family:'Cormorant Garamond',serif;font-size:clamp(5rem,12vw,9rem);font-weight:700;line-height:.85;color:var(--ice);margin-bottom:.3rem;}
.tp-name{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-style:italic;font-weight:400;color:var(--teal);margin-bottom:2rem;}
.tp-desc{font-size:1.05rem;font-weight:400;color:rgba(200,220,230,.75);line-height:1.95;max-width:520px;margin-bottom:2.5rem;}
.tp-dichots{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;}
.tp-dichotag{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.1em;padding:.3rem .8rem;border:1px solid rgba(34,211,238,.2);color:rgba(180,210,220,.5);}
.tp-func-block{margin-bottom:3rem;}
.tp-func-title{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.35em;text-transform:uppercase;color:rgba(34,211,238,.4);margin-bottom:1.5rem;}
.tp-funcs{display:flex;flex-direction:column;gap:.6rem;}
.tp-func-row{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.4rem;border:1px solid rgba(34,211,238,.08);background:rgba(8,17,31,.5);transition:all .3s;cursor:none;position:relative;}
.tp-func-row:hover{border-color:rgba(34,211,238,.25);background:rgba(12,25,50,.7);}
.tp-func-row:not(.dim-row):hover{border-color:rgba(34,211,238,.35);}
.tp-func-row.dim-row{opacity:.45;}
.tp-func-row:not(.dim-row)::after{content:'→';position:absolute;right:1rem;font-family:'Share Tech Mono',monospace;font-size:.52rem;color:rgba(34,211,238,.3);opacity:0;transform:translateX(-4px);transition:all .25s;}
.tp-func-row:not(.dim-row):hover::after{opacity:1;transform:translateX(0);}
.tp-func-badge{font-family:'Share Tech Mono',monospace;font-size:.65rem;padding:.3rem .7rem;flex-shrink:0;min-width:36px;text-align:center;}
.tp-func-pos{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.15em;color:rgba(120,160,180,.4);flex-shrink:0;min-width:70px;}
.tp-func-desc{font-size:.85rem;color:rgba(200,220,230,.6);line-height:1.65;}
.tp-func-row:hover .tp-func-desc{color:rgba(180,210,220,.7);}
.tp-section{border-top:1px solid var(--line);padding:4rem 3rem;max-width:1200px;margin:0 auto;}
.tp-sec-label{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 58%,rgba(220,240,245,.32));margin-bottom:2rem;}
.tp-sec-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin-bottom:2rem;}
.tp-sec-heading .a{color:var(--type-color,var(--teal));}
.tp-traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.tp-trait-col{background:var(--bg2);padding:2.2rem 2rem;}
.tp-trait-col-head{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;}
.tp-trait-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;}
.tp-trait-list li{display:flex;gap:.9rem;font-size:.9rem;color:rgba(200,220,230,.65);line-height:1.65;}
.tp-trait-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0;margin-top:.6rem;}
.tp-model-graph-intro{
  max-width:760px;
  margin:-.35rem 0 1.4rem;
  color:rgba(200,220,230,.58);
  font-size:.98rem;
  line-height:1.85;
}
.tp-model-graph-intro strong{
  color:rgba(235,248,252,.82);
  font-weight:700;
}
.tp-model-graph-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));
  gap:1rem;
}
.tp-model-graph-card:nth-child(3):last-child{
  grid-column:1/-1;
}
.tp-model-graph-card{
  --metric-color:var(--type-color,var(--teal));
  border:1px solid color-mix(in srgb,var(--metric-color) 28%,var(--line));
  background:
    radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--metric-color) 10%,transparent),transparent 34%),
    linear-gradient(135deg,rgba(8,17,31,.88),rgba(6,13,24,.68));
  padding:1.55rem;
  position:relative;
  overflow:hidden;
}
.tp-model-graph-card::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--metric-color),transparent);
  opacity:.72;
}
.tp-model-graph-head{
  position:relative;
  z-index:1;
  display:grid;
  gap:.35rem;
  margin-bottom:1rem;
}
.tp-model-graph-kicker{
  font-family:'Share Tech Mono',monospace;
  font-size:.48rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--metric-color) 76%,var(--ice));
}
.tp-model-graph-head h3{
  font-family:'Rajdhani',sans-serif;
  font-size:1.55rem;
  line-height:1.05;
  color:var(--ice);
  margin:0;
}
.tp-model-graph-head p{
  margin:.2rem 0 0;
  color:rgba(180,210,220,.55);
  font-size:.9rem;
  line-height:1.65;
}
.tp-model-graph-body{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(260px,.98fr) minmax(190px,.72fr);
  gap:1.2rem;
  align-items:center;
}
.tp-octagon-wrap{
  display:grid;
  place-items:center;
  min-height:310px;
}
.tp-octagon-graph{
  width:min(330px,100%);
  height:auto;
  overflow:visible;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.28));
}
.tp-oct-grid{
  fill:none;
  stroke:rgba(140,165,190,.14);
  stroke-width:1;
}
.tp-oct-grid--outer{
  stroke:color-mix(in srgb,var(--metric-color) 34%,rgba(140,165,190,.24));
}
.tp-oct-axis{
  stroke:rgba(140,165,190,.12);
  stroke-width:1;
  stroke-dasharray:2 5;
}
.tp-oct-area{
  fill:color-mix(in srgb,var(--metric-color) 17%,transparent);
  stroke:color-mix(in srgb,var(--metric-color) 78%,var(--ice));
  stroke-width:2;
}
.tp-oct-point{
  fill:var(--tf-color);
  stroke:#07111f;
  stroke-width:2;
}
.tp-oct-label{
  font-family:'Share Tech Mono',monospace;
  pointer-events:none;
}
.tp-oct-label-code{
  fill:var(--tf-color);
  font-size:12px;
  font-weight:700;
}
.tp-oct-label-score{
  fill:rgba(200,220,230,.58);
  font-size:8px;
  letter-spacing:.08em;
}
.tp-model-legend{
  display:grid;
  gap:.58rem;
}
.tp-model-legend-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.36rem .65rem;
  align-items:center;
  padding:.45rem 0;
  border-bottom:1px solid rgba(140,165,190,.12);
}
.tp-model-legend-row.is-valued-position{
  padding:.55rem .65rem .52rem;
  border:1px solid rgba(var(--tf-rgb),.22);
  border-left:2px solid var(--tf-color);
  background:linear-gradient(90deg,rgba(var(--tf-rgb),.105),rgba(var(--tf-rgb),.026));
  box-shadow:0 0 22px rgba(var(--tf-rgb),.075);
}
.tp-model-legend-main{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  min-width:0;
}
.tp-model-legend-main strong{
  color:var(--tf-color);
  font-family:'Share Tech Mono',monospace;
  font-size:.88rem;
  line-height:1;
}
.tp-model-legend-main span{
  color:rgba(220,240,245,.66);
  font-family:'Rajdhani',sans-serif;
  font-size:.86rem;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.tp-model-legend-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.48rem;
  color:rgba(180,210,220,.48);
  font-family:'Share Tech Mono',monospace;
  font-size:.48rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  min-width:0;
}
.tp-model-legend-meta b{
  color:var(--tf-color);
  font-size:.58rem;
}
.tp-model-legend-row.is-valued-position .tp-model-legend-meta span{
  color:rgba(230,246,250,.72);
}
.tp-model-legend-row.is-valued-position .tp-model-legend-meta b{
  text-shadow:0 0 12px rgba(var(--tf-rgb),.35);
}
.tp-model-legend-row i{
  grid-column:1/-1;
  display:block;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--tf-color) var(--bar),rgba(120,145,165,.16) var(--bar));
  box-shadow:0 0 14px rgba(var(--tf-rgb),.18);
}
@media(max-width:1000px){
  .tp-model-graph-grid{grid-template-columns:1fr;}
  .tp-model-graph-body{grid-template-columns:minmax(260px,.95fr) minmax(210px,.7fr);}}
@media(max-width:700px){
  .tp-model-graph-intro{font-size:.94rem;line-height:1.75;}
  .tp-model-graph-card{padding:1.15rem;}
  .tp-model-graph-body{grid-template-columns:1fr;gap:.9rem;}
  .tp-octagon-wrap{min-height:260px;}
  .tp-octagon-graph{width:min(300px,100%);}
  .tp-oct-label-code{font-size:11px;}
  .tp-oct-label-score{font-size:7.5px;}
  .tp-model-legend-row{padding:.5rem 0;}
  .tp-model-legend-main span{font-size:.82rem;}}
.tp-famous-grid{display:none;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.tp-famous-card{background:var(--bg2);padding:1.8rem 1.6rem;}
.tp-famous-name{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;color:var(--ice);margin-bottom:.3rem;}
.tp-famous-field{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.12em;color:rgba(34,211,238,.45);}
.tp-dual-panel{border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 38%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(13,18,38,.96)),rgba(8,17,31,.96) 42%,rgba(8,17,31,.82));position:relative;overflow:hidden;margin-bottom:1.6rem;box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);}
.tp-dual-panel::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 9% 18%,rgba(245,248,255,.62) 0 1px,transparent 1.7px),radial-gradient(circle at 31% 72%,color-mix(in srgb,var(--type-color,var(--teal)) 60%,rgba(255,255,255,.35)) 0 1px,transparent 1.8px),radial-gradient(circle at 55% 28%,rgba(226,235,255,.42) 0 1px,transparent 1.6px),radial-gradient(circle at 78% 66%,color-mix(in srgb,var(--type-color,var(--teal)) 48%,rgba(255,255,255,.32)) 0 1px,transparent 1.8px),radial-gradient(circle at 92% 22%,rgba(245,248,255,.48) 0 1px,transparent 1.7px),linear-gradient(90deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent) 47%,rgba(214,203,255,.07) 50%,color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent) 53%,transparent),linear-gradient(180deg,rgba(255,255,255,.075),transparent 14%,transparent 82%,rgba(255,255,255,.04));opacity:.7;animation:tpDualStarTwinkle 6.4s ease-in-out infinite alternate;}
.tp-dual-panel::after{content:'';position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.09));border-radius:6px;pointer-events:none;box-shadow:inset 0 0 36px color-mix(in srgb,var(--type-color,var(--teal)) 7%,transparent);}
.tp-dual-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;padding:2.2rem 2.2rem 1.6rem;}
.tp-dual-kicker{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:var(--type-color,var(--teal));margin-bottom:.9rem;}
.tp-dual-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem,4vw,3.2rem);font-weight:700;color:var(--ice);line-height:1.05;margin-bottom:.85rem;}
.tp-dual-title span{color:var(--type-color,var(--teal));}
.tp-dual-summary{font-size:1rem;line-height:1.85;color:rgba(200,220,230,.64);max-width:820px;}
.tp-dual-mark{display:grid;place-items:center;width:120px;height:120px;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 32%,transparent);background:rgba(6,13,24,.45);color:var(--type-color,var(--teal));filter:drop-shadow(0 0 18px color-mix(in srgb,var(--type-color,var(--teal)) 28%,transparent));}
.tp-dual-mark .type-sigil{width:82px;height:82px;}
.tp-dual-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);}
.tp-dual-card{background:rgba(7,16,31,.9);padding:1.6rem 1.7rem;}
.tp-dual-card-head{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:var(--type-color,var(--teal));opacity:.75;margin-bottom:.85rem;}
.tp-dual-card-title{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:700;color:var(--ice);margin-bottom:.7rem;}
.tp-dual-card-copy{font-size:.9rem;color:rgba(200,220,230,.62);line-height:1.75;}
.tp-dual-details{position:relative;z-index:1;background:linear-gradient(180deg,rgba(6,13,24,.72),rgba(9,13,28,.64));border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,var(--line));}
.tp-dual-details summary{list-style:none;cursor:none;padding:1.35rem 2.2rem;font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(220,240,245,.72);}
.tp-dual-details summary::-webkit-details-marker{display:none;}
.tp-dual-details summary::after{content:'+';float:right;color:var(--type-color,var(--teal));}
.tp-dual-details[open] summary::after{content:'-';}
.tp-dual-details-body{display:block;background:linear-gradient(145deg,rgba(13,16,34,.96),rgba(7,16,31,.9));border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.06));padding:1.6rem 2rem 1.45rem;}
.tp-dual-detail-copy,.tp-dual-detail-list{background:transparent;padding:0;font-size:.9rem;color:rgba(200,220,230,.62);line-height:1.85;}
.tp-dual-detail-list ul{margin:0;padding-left:1.1rem;}
.tp-dual-detail-list li{margin-bottom:.7rem;}
.tp-dual-essay{position:relative;max-width:none;padding:1.25rem clamp(1rem,2vw,1.8rem);border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(255,255,255,.08));border-radius:8px;background:radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--type-color,var(--teal)) 8%,transparent),transparent 32%),linear-gradient(180deg,rgba(5,9,22,.78),rgba(5,10,22,.5));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent),0 18px 44px rgba(0,0,0,.16);}
.tp-dual-essay::before{content:none;}
.tp-dual-essay-lede{
  padding-bottom:1.35rem;
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 17%,rgba(255,255,255,.06));
}
.tp-dual-essay-lede p{
  margin:0 0 .95rem;
  font-size:clamp(1.02rem,1.2vw,1.12rem);
  line-height:1.86;
  color:rgba(225,238,244,.78);
}
.tp-dual-essay-lede p:first-child{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.55rem,2.35vw,2.18rem);
  line-height:1.18;
  color:var(--ice);
}
.tp-dual-essay-lede p:last-child{margin-bottom:0;}
.tp-dual-essay-section{
  padding:1.45rem 0 1.55rem;
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.055));
}
.tp-dual-essay-section:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.tp-dual-essay-section h4{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  margin:0 0 .9rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.38rem,1.9vw,1.8rem);
  line-height:1.08;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 82%,#fff 18%);
  text-shadow:0 0 24px color-mix(in srgb,var(--type-color,var(--teal)) 28%,transparent);
}
.tp-dual-essay-section h4::before{
  content:'';
  width:.55rem;
  height:.55rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 78%,rgba(255,255,255,.22));
  transform:rotate(45deg);
  box-shadow:0 0 18px color-mix(in srgb,var(--type-color,var(--teal)) 34%,transparent);
}
.tp-dual-essay-section p{
  margin:0 0 .85rem;
  font-size:.95rem;
  line-height:1.82;
  color:rgba(207,227,235,.68);
}
.tp-dual-essay-section p:last-child{margin-bottom:0;}
.tp-dual-exchange-band{
  display:grid;
  grid-template-columns:max-content minmax(24px,1fr) max-content minmax(24px,1fr) max-content;
  align-items:center;
  gap:.8rem;
  margin-top:1.55rem;
  padding:1rem 1.05rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 28%,rgba(255,255,255,.08));
  border-radius:8px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(12,15,36,.82)),rgba(5,10,22,.56) 52%,rgba(214,203,255,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 36px color-mix(in srgb,var(--type-color,var(--teal)) 8%,transparent);
}
.tp-dual-exchange-band span{
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.18em;
  line-height:1.45;
  text-transform:uppercase;
  color:rgba(226,240,246,.74);
  white-space:nowrap;
}
.tp-dual-exchange-band span:first-child{
  color:color-mix(in srgb,var(--type-color,var(--teal)) 76%,rgba(235,245,248,.7));
}
.tp-dual-exchange-band span:nth-child(3){
  color:rgba(226,240,246,.78);
}
.tp-dual-exchange-band span:last-child{
  color:rgba(251,191,36,.82);
}
.tp-dual-exchange-band i{
  display:block;
  height:1px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 38%,transparent),rgba(225,218,255,.24));
  position:relative;
}
.tp-dual-exchange-band i::after{
  content:'';
  position:absolute;
  right:0;
  top:50%;
  width:6px;
  height:6px;
  border-top:1px solid rgba(225,218,255,.5);
  border-right:1px solid rgba(225,218,255,.5);
  transform:translateY(-50%) rotate(45deg);
}
.tp-dual-notes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(255,255,255,.07));
}
.tp-dual-notes > span{
  display:block;
  grid-column:1/-1;
  margin-bottom:.15rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.55rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 76%,rgba(220,240,245,.5));
}
.tp-dual-notes article{
  padding:1rem 1.05rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(255,255,255,.07));
  border-radius:8px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--type-color,var(--teal)) 8%,rgba(8,16,31,.64)),rgba(5,10,22,.42));
}
.tp-dual-notes b{
  display:block;
  margin-bottom:.5rem;
  font-family:'Rajdhani',sans-serif;
  font-size:.96rem;
  line-height:1.25;
  color:rgba(236,244,248,.84);
}
.tp-dual-notes p{
  margin:0;
  font-size:.9rem;
  line-height:1.68;
  color:rgba(205,225,232,.64);
}
@keyframes tpDualStarTwinkle{
  0%,100%{opacity:.48;}
  45%{opacity:.82;}
  72%{opacity:.62;}
}
@media(prefers-reduced-motion:reduce){
  .tp-dual-panel::before{animation:none!important;}
}
.tp-compat-subhead{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 58%,rgba(220,240,245,.32));margin:2rem 0 1rem;}
.tp-compat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);}
.tp-compat-card{background:var(--bg2);padding:1.6rem 1.8rem;transition:background .3s;}
.tp-compat-card:hover{background:rgba(12,25,50,.9);}
.tp-compat-card{cursor:none;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.tp-compat-card::after{content:'+';position:absolute;top:1.25rem;right:1.35rem;font-family:'Share Tech Mono',monospace;font-size:.7rem;color:color-mix(in srgb,var(--type-color,var(--teal)) 50%,rgba(220,240,245,.28));transition:transform .25s,color .25s;}
.tp-compat-card.open::after{content:'-';color:var(--type-color,var(--teal));}
.tp-compat-card:focus-visible{outline:2px solid color-mix(in srgb,var(--type-color,var(--teal)) 72%,transparent);outline-offset:3px;}
.tp-compat-rel{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:700;color:var(--ice);margin-bottom:.25rem;}
.tp-compat-type{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;margin-bottom:.5rem;}
.tp-compat-desc{font-size:.82rem;color:rgba(200,220,230,.55);line-height:1.7;}
.tp-compat-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s ease;margin-top:0;}
.tp-compat-card.open .tp-compat-more{max-height:360px;opacity:1;margin-top:1rem;}
.tp-compat-mini{border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent);padding-top:.85rem;margin-top:.85rem;}
.tp-compat-mini-head{font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 58%,rgba(220,240,245,.3));margin-bottom:.35rem;}
.tp-compat-mini-copy{font-size:.82rem;color:rgba(200,220,230,.58);line-height:1.65;}
.tp-compat-bar{height:2px;margin-top:.8rem;border-radius:1px;}
.tp-notes-grid,.tp-mistype-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.tp-note-card,.tp-mistype-card{background:var(--bg2);padding:1.55rem 1.65rem;}
.tp-note-kicker,.tp-mistype-code{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(34,211,238,.55);margin-bottom:.7rem;}
.tp-note-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:700;color:var(--ice);margin-bottom:.55rem;}
.tp-note-copy,.tp-mistype-copy{font-size:.88rem;color:rgba(200,220,230,.6);line-height:1.7;}
.tp-mistype-name{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--ice);margin-bottom:.55rem;}
.tp-constellation{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) 1.35fr;gap:1px;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--type-color,var(--teal)) 18%,transparent),color-mix(in srgb,var(--type-color,var(--teal)) 5%,transparent) 34%,rgba(10,20,38,.6));overflow:hidden;}
.tp-constellation::before{content:'';position:absolute;inset:2.5rem auto auto 2.5rem;width:320px;height:320px;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);border-radius:50%;box-shadow:0 0 50px color-mix(in srgb,var(--type-color,var(--teal)) 8%,transparent);pointer-events:none;}
.tp-constellation::after{content:'';position:absolute;right:14%;top:18%;width:180px;height:180px;border:1px dashed color-mix(in srgb,var(--type-color,var(--teal)) 20%,transparent);border-radius:50%;pointer-events:none;}
.tp-constellation-core,.tp-constellation-card{position:relative;background:rgba(7,16,31,.88);z-index:1;}
.tp-constellation-core{padding:2.4rem;display:flex;flex-direction:column;justify-content:center;min-height:390px;}
.tp-constellation-mark{font-family:'Cormorant Garamond',serif;font-size:clamp(4.2rem,8vw,7rem);font-weight:700;line-height:.85;color:var(--type-color,var(--teal));text-shadow:0 0 44px color-mix(in srgb,var(--type-color,var(--teal)) 22%,transparent);margin-bottom:1.1rem;}
.tp-constellation-name{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-style:italic;color:var(--ice);margin-bottom:1.25rem;}
.tp-constellation-copy{font-size:1rem;line-height:1.9;color:rgba(200,220,230,.66);max-width:560px;}
.tp-constellation-paths{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);}
.tp-constellation-card{padding:1.7rem 1.7rem 1.8rem;min-height:195px;}
.tp-constellation-chip{display:inline-flex;align-items:center;gap:.55rem;font-family:'Share Tech Mono',monospace;font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 68%,rgba(220,240,245,.34));margin-bottom:1rem;}
.tp-constellation-chip::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--type-color,var(--teal));box-shadow:0 0 10px var(--type-color,var(--teal));}
.tp-constellation-title{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:700;color:var(--ice);line-height:1.12;margin-bottom:.8rem;}
.tp-constellation-card p{font-size:.92rem;line-height:1.78;color:rgba(200,220,230,.62);margin:0;}
.tp-dynamics-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem .2rem 1rem;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--type-color,var(--teal)) 42%,transparent) transparent;}
.tp-dynamics-grid::-webkit-scrollbar{height:6px;}
.tp-dynamics-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--type-color,var(--teal)) 42%,transparent);border-radius:999px;}
.tp-dynamic-card{background:var(--bg2);border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);padding:1.8rem 1.75rem;min-height:235px;min-width:min(430px,78vw);scroll-snap-align:start;}
.tp-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);}
.tp-scenario-card{background:var(--bg2);padding:1.8rem 1.75rem;min-height:220px;}
.tp-scenario-kicker{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 64%,rgba(220,240,245,.32));margin-bottom:.85rem;}
.tp-scenario-title{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:700;color:var(--ice);line-height:1.15;margin-bottom:.75rem;}
.tp-scenario-copy{font-size:.9rem;color:rgba(200,220,230,.62);line-height:1.78;}
.tp-compass-section{position:relative;overflow:hidden;}
.tp-compass-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent),transparent 32%),radial-gradient(circle at 92% 18%,rgba(251,191,36,.08),transparent 30%);pointer-events:none;}
.tp-compass-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:color-mix(in srgb,var(--type-color,var(--teal)) 28%,rgba(34,211,238,.12));border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 32%,rgba(34,211,238,.14));}
.tp-compass-card{position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(7,16,31,.94),rgba(8,17,31,.82));padding:1.8rem 1.75rem 1.65rem;min-height:420px;display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease,background .28s ease;}
.tp-compass-card::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--type-color,var(--teal)),transparent);opacity:.8;}
.tp-compass-card::after{content:'';position:absolute;right:-72px;top:-72px;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);border-radius:50%;box-shadow:0 0 44px color-mix(in srgb,var(--type-color,var(--teal)) 9%,transparent);pointer-events:none;}
.tp-compass-card:hover{transform:translateY(-3px);background:linear-gradient(150deg,rgba(10,22,42,.98),rgba(8,17,31,.88));}
.tp-compass-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 36%,transparent);background:color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(6,13,24,.6));color:var(--type-color,var(--teal));margin-bottom:1.1rem;box-shadow:0 0 24px color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent);}
.tp-compass-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.tp-compass-kicker{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 72%,rgba(220,240,245,.58));margin-bottom:.7rem;}
.tp-compass-card h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.55rem,2vw,2rem);line-height:1.02;color:var(--ice);margin:0 0 .8rem;}
.tp-compass-title{font-family:'Rajdhani',sans-serif;font-size:1.02rem;font-weight:700;color:rgba(225,242,248,.82);line-height:1.25;margin-bottom:.85rem;}
.tp-compass-card p{color:rgba(200,220,230,.64);font-size:.92rem;line-height:1.78;margin:0 0 1.15rem;}
.tp-compass-list{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.7rem;}
.tp-compass-list li{position:relative;color:rgba(220,236,242,.72);font-size:.88rem;line-height:1.55;padding-left:1.05rem;}
.tp-compass-list li::before{content:'';position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--type-color,var(--teal));box-shadow:0 0 10px var(--type-color,var(--teal));}
.tp-compass-dual-cta{
  display:grid;
  gap:.2rem;
  margin:.15rem 0 1.25rem;
  padding:.75rem .8rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(120,145,165,.18));
  background:linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 9%,transparent),rgba(6,13,24,.18));
  color:rgba(220,240,245,.72);
  text-decoration:none;
  transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
.tp-compass-dual-cta span{
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--type-color,var(--teal));
}
.tp-compass-dual-cta b{
  font-family:'Rajdhani',sans-serif;
  font-size:.82rem;
  line-height:1.35;
  font-weight:600;
  color:rgba(220,238,244,.68);
}
.tp-compass-dual-cta:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 48%,transparent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent),rgba(6,13,24,.25));
  color:var(--ice);
}
.tp-compass-watch{margin-top:auto;border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(120,145,165,.12));padding-top:.9rem;color:rgba(200,220,230,.6);font-size:.82rem;line-height:1.62;}
.tp-compass-watch span{display:block;font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 68%,rgba(220,240,245,.5));margin-bottom:.35rem;}
@media(max-width:1220px) and (min-width:1001px){
  .tp-compass-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tp-compass-card{min-height:390px;}
  .tp-compass-card--purpose{grid-column:1/-1;min-height:0;}}
@media(max-width:1000px){
  .tp-compass-grid{grid-template-columns:1fr;}
  .tp-compass-card{min-height:0;}}
@media(max-width:700px){
  .tp-compass-card{padding:1.35rem 1.2rem 1.25rem;}
  .tp-compass-icon{width:42px;height:42px;margin-bottom:.95rem;}
  .tp-compass-icon svg{width:21px;height:21px;}
  .tp-compass-card h3{font-size:1.55rem;}
  .tp-compass-title{font-size:.98rem;}
  .tp-compass-card p,.tp-compass-list li,.tp-compass-watch{font-size:.84rem;line-height:1.68;}}
.tp-compass-title,.tp-compass-card p,.tp-compass-list li,.tp-compass-watch{overflow-wrap:break-word;}
.tp-dynamic-kicker,.tp-block-kicker,.tp-similar-kicker{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--type-color,var(--teal)) 62%,rgba(220,240,245,.32));margin-bottom:.75rem;}
.tp-dynamic-title,.tp-block-title,.tp-similar-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:700;color:var(--ice);line-height:1.15;margin-bottom:.65rem;}
.tp-dynamic-copy,.tp-block-copy,.tp-similar-copy{font-size:.88rem;color:rgba(200,220,230,.6);line-height:1.7;}
.tp-block-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,transparent);}
.tp-block-card{background:var(--bg2);padding:1.8rem 1.65rem;min-height:300px;display:flex;flex-direction:column;}
.tp-block-funcs{display:flex;gap:.4rem;flex-wrap:wrap;margin:.85rem 0 1rem;}
.tp-block-chip{font-family:'Share Tech Mono',monospace;font-size:.56rem;padding:.24rem .62rem;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 30%,transparent);color:var(--type-color,var(--teal));background:color-mix(in srgb,var(--type-color,var(--teal)) 7%,transparent);}
.tp-similar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.tp-similar-card{background:var(--bg2);padding:1.8rem 1.75rem;}
.tp-similar-code{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(34,211,238,.7);margin-bottom:.55rem;}
.tp-similar-divider{height:1px;background:rgba(34,211,238,.1);margin:1rem 0;}
.tp-cta{border-top:1px solid var(--line);padding:5rem 3rem;text-align:center;}
.tp-cta-text{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,4vw,3rem);font-weight:700;color:var(--ice);margin-bottom:1rem;}
.tp-cta-text span{color:var(--teal);}
.tp-cta-sub{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.12em;color:rgba(120,160,180,.4);margin-bottom:2.5rem;line-height:1.9;}
.tp-cta-btn{display:inline-block;font-family:'Share Tech Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2.5rem;border:1px solid rgba(34,211,238,.4);color:var(--ice);background:rgba(34,211,238,.07);cursor:none;transition:all .3s;text-decoration:none;}
.tp-cta-btn:hover{border-color:var(--teal);background:rgba(34,211,238,.14);box-shadow:0 0 30px rgba(34,211,238,.2);}
@media(hover:none),(pointer:coarse){
  .tp-compat-card{cursor:pointer!important;}}
#func-page{min-height:100vh;padding-top:5rem;background:var(--bg);position:relative;z-index:10;}
.fp-back{display:inline-flex;align-items:center;gap:.7rem;font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(34,211,238,.5);cursor:none;padding:0 3rem;margin-top:2rem;margin-bottom:3.5rem;transition:color .3s;background:none;border:none;}
.fp-back:hover{color:var(--teal);}
.fp-back svg{transition:transform .3s;}
.fp-back:hover svg{transform:translateX(-3px);}
.fp-hero{padding:0 3rem 5rem;max-width:1100px;margin:0 auto;}
.fp-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(34,211,238,.45);margin-bottom:1.2rem;}
.fp-code{font-family:'Cormorant Garamond',serif;font-size:clamp(6rem,14vw,11rem);font-weight:700;line-height:.82;letter-spacing:.04em;margin-bottom:.4rem;}
.fp-full-name{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-style:italic;font-weight:400;margin-bottom:2.5rem;}
.fp-desc{font-size:1.05rem;color:rgba(200,220,230,.75);line-height:1.95;max-width:640px;margin-bottom:2rem;}
.fp-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;}
.fp-tag{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.12em;padding:.3rem .75rem;border:1px solid;transition:all .25s;}
.fp-section{border-top:1px solid var(--line);padding:4rem 3rem;max-width:1100px;margin:0 auto;}
.fp-sec-label{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(34,211,238,.4);margin-bottom:1.8rem;}
.fp-sec-heading{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:700;margin-bottom:1.8rem;}
.fp-manifest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.fp-manifest-card{background:var(--bg2);padding:2rem 2rem;}
.fp-manifest-head{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.25em;text-transform:uppercase;margin-bottom:.9rem;}
.fp-manifest-body{font-size:.9rem;color:rgba(200,220,230,.6);line-height:1.85;}
.fp-types-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;}
.fp-type-chip{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.1em;padding:.3rem .75rem;border:1px solid;cursor:none;transition:all .25s;}
.fp-type-chip:hover{background:rgba(34,211,238,.08);}
.fp-pos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.fp-pos-card{background:var(--bg2);padding:1.6rem 1.4rem;}
.fp-pos-num{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.2em;color:rgba(34,211,238,.35);margin-bottom:.5rem;}
.fp-pos-name{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;color:var(--ice);margin-bottom:.4rem;}
.fp-pos-desc{font-size:.78rem;color:rgba(180,210,220,.4);line-height:1.7;}
.fp-pos-card.active-pos{background:rgba(12,25,50,.8);}
.fp-pos-card.active-pos .fp-pos-num{opacity:1;}
.fp-contrast{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.fp-contrast-col{background:var(--bg2);padding:2rem 2rem;}
.fp-contrast-head{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem;}
.fp-contrast-body{font-size:.88rem;color:rgba(200,220,230,.6);line-height:1.85;}
#func-page{
  overflow:hidden;
  background:
    radial-gradient(circle at 22% 8%,rgba(34,211,238,.08),transparent 32rem),
    radial-gradient(circle at 84% 20%,rgba(192,132,252,.07),transparent 30rem),
    linear-gradient(180deg,#06111f 0%,#050b15 52%,#07111e 100%) !important;
}
#func-page::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.48;
  background:
    linear-gradient(115deg,transparent 0 43%,rgba(34,211,238,.035) 43.2%,transparent 57%),
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.035),transparent 32rem);
}
.fp-shell{--fp-color:var(--teal);--fp-rgb:34,211,238;position:relative;isolation:isolate;}
.fp-back{position:relative;z-index:2;color:rgba(var(--fp-rgb,34,211,238),.58);}
.fp-cinematic-hero{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.88fr);
  align-items:center;
  gap:clamp(2.5rem,5vw,5rem);
  max-width:1240px;
  min-height:min(760px,calc(100vh - 9rem));
  padding-top:1rem;
  padding-bottom:6.5rem;
  position:relative;
}
.fp-cinematic-hero::before{
  content:'';
  position:absolute;
  inset:2rem 0 auto;
  height:1px;
  background:linear-gradient(to right,transparent,rgba(var(--fp-rgb),.35),transparent);
  opacity:.55;
}
.fp-hero-copy{position:relative;z-index:2;animation:fpPageRise .8s ease both;}
.fp-eyebrow{color:rgba(var(--fp-rgb),.58) !important;}
.fp-code{color:var(--fp-color);text-shadow:0 0 84px rgba(var(--fp-rgb),.22),0 0 18px rgba(var(--fp-rgb),.16);}
.fp-full-name{color:rgba(var(--fp-rgb),.78);}
.fp-desc{max-width:720px;color:rgba(225,241,247,.78);font-size:clamp(1.02rem,1.6vw,1.18rem);}
.fp-tag{
  border-color:rgba(var(--fp-rgb),.36);
  color:rgba(var(--fp-rgb),.8);
  background:linear-gradient(115deg,rgba(var(--fp-rgb),.08),rgba(255,255,255,.025),rgba(var(--fp-rgb),.045));
  box-shadow:0 0 32px rgba(var(--fp-rgb),.08);
}
.fp-visual{position:relative;z-index:1;min-height:520px;display:grid;place-items:center;animation:fpPageRise .9s ease .12s both;}
.fp-visual-caption,.fp-visual-note{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  font-family:'Share Tech Mono',monospace;
  text-transform:uppercase;
  text-align:center;
  letter-spacing:.28em;
  color:rgba(var(--fp-rgb),.54);
  white-space:nowrap;
  pointer-events:none;
}
.fp-visual-caption{top:.2rem;font-size:.56rem;}
.fp-visual-note{bottom:.55rem;width:min(420px,90%);white-space:normal;font-size:.5rem;line-height:1.75;color:rgba(205,226,234,.36);}
.fp-cinema-field{
  width:min(500px,82vw);
  aspect-ratio:1;
  position:relative;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--fp-rgb),.24),transparent 9%),
    radial-gradient(circle at 50% 50%,rgba(var(--fp-rgb),.09),transparent 34%),
    radial-gradient(circle at 50% 50%,rgba(6,13,24,.2),transparent 62%);
  filter:drop-shadow(0 0 42px rgba(var(--fp-rgb),.13));
  transition:filter .9s ease,transform .9s ease;
}
.fp-visual:hover .fp-cinema-field{transform:scale(1.015);filter:drop-shadow(0 0 62px rgba(var(--fp-rgb),.2));}
.fp-orbit,.fp-axis,.fp-trace,.fp-link,.fp-node,.fp-progress,.fp-glyph-core{position:absolute;pointer-events:none;}
.fp-orbit{inset:17%;border:1px solid rgba(var(--fp-rgb),.18);border-radius:50%;box-shadow:inset 0 0 26px rgba(var(--fp-rgb),.045),0 0 28px rgba(var(--fp-rgb),.035);}
.fp-orbit-one{inset:10%;opacity:.58;animation:fpOrbitDrift 24s linear infinite;}
.fp-orbit-two{inset:26%;opacity:.62;animation:fpOrbitDrift 30s linear reverse infinite;}
.fp-orbit-three{inset:38%;opacity:.7;border-color:rgba(var(--fp-rgb),.24);}
.fp-axis{left:12%;right:12%;top:50%;height:1px;background:linear-gradient(to right,transparent,rgba(var(--fp-rgb),.16),transparent);opacity:.4;}
.fp-axis-v{top:12%;bottom:12%;left:50%;right:auto;width:1px;height:auto;background:linear-gradient(to bottom,transparent,rgba(var(--fp-rgb),.16),transparent);}
.fp-glyph-core{
  left:50%;
  top:50%;
  width:34%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(var(--fp-rgb),.28);
  background:radial-gradient(circle,rgba(var(--fp-rgb),.14),rgba(6,13,24,.58) 58%,rgba(6,13,24,.2));
  box-shadow:0 0 54px rgba(var(--fp-rgb),.16),inset 0 0 34px rgba(var(--fp-rgb),.08);
}
.fp-glyph-core span{font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,7vw,5.4rem);font-weight:700;line-height:1;color:var(--ice);text-shadow:0 0 34px rgba(var(--fp-rgb),.34);}
.fp-node{width:11px;height:11px;border-radius:50%;background:var(--fp-color);box-shadow:0 0 24px rgba(var(--fp-rgb),.72);opacity:.78;transform:translate(-50%,-50%);animation:fpNodeBreathe 5.8s ease-in-out infinite;}
.fp-node-a{left:50%;top:10%;}
.fp-node-b{left:78%;top:29%;animation-delay:-1.1s;}
.fp-node-c{left:84%;top:64%;animation-delay:-2.2s;}
.fp-node-d{left:50%;top:88%;animation-delay:-3.3s;}
.fp-node-e{left:18%;top:62%;animation-delay:-4.4s;}
.fp-node-f{left:24%;top:28%;animation-delay:-5.2s;}
.fp-link{left:50%;top:50%;width:28%;height:1px;transform-origin:left center;background:linear-gradient(to right,rgba(var(--fp-rgb),.3),transparent);opacity:.18;}
.fp-link-a{transform:rotate(-38deg);}
.fp-link-b{transform:rotate(24deg);width:34%;}
.fp-link-c{transform:rotate(142deg);width:33%;}
.fp-trace{left:50%;top:50%;width:34%;height:1px;transform-origin:left center;opacity:.22;background:linear-gradient(to right,rgba(var(--fp-rgb),.55),transparent);}
.fp-trace-a{transform:rotate(-88deg);}
.fp-trace-b{transform:rotate(28deg);}
.fp-trace-c{transform:rotate(154deg);}
.fp-progress{left:20%;right:20%;bottom:19%;height:2px;overflow:hidden;border-radius:999px;background:rgba(var(--fp-rgb),.08);}
.fp-progress::before{content:'';display:block;width:45%;height:100%;background:linear-gradient(to right,transparent,var(--fp-color),transparent);animation:fpProgressSweep 5.8s ease-in-out infinite;}
.fp-section{position:relative;border-top:1px solid rgba(var(--fp-rgb),.16);}
.fp-section::before{content:'';position:absolute;top:-1px;left:3rem;width:120px;height:1px;background:linear-gradient(to right,var(--fp-color),transparent);opacity:.75;}
.fp-section-muted{background:linear-gradient(135deg,rgba(var(--fp-rgb),.045),rgba(8,17,31,.12));}
.fp-sec-label{color:rgba(var(--fp-rgb),.52);}
.fp-sec-heading{color:var(--ice);}
.fp-sec-heading span{color:var(--fp-color);}
.fp-section-lede{max-width:760px;margin:0 0 2rem;font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.06em;line-height:1.85;color:rgba(190,214,224,.52);}
.fp-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid rgba(var(--fp-rgb),.14);background:rgba(var(--fp-rgb),.14);}
.fp-signal-card,.fp-manifest-card,.fp-pos-card,.fp-contrast-col{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(var(--fp-rgb),.11),transparent 30%),linear-gradient(145deg,rgba(11,24,42,.92),rgba(5,12,22,.92));}
.fp-signal-card::before,.fp-manifest-card::before,.fp-pos-card::before,.fp-contrast-col::before{content:'';position:absolute;inset:-40% auto auto -60%;width:70%;height:70%;transform:rotate(-14deg);background:linear-gradient(105deg,transparent,rgba(var(--fp-rgb),.11),transparent);opacity:.68;transition:transform .85s ease,opacity .45s ease;}
.fp-signal-card:hover::before,.fp-manifest-card:hover::before,.fp-pos-card:hover::before,.fp-contrast-col:hover::before{transform:translateX(120%) rotate(-14deg);opacity:1;}
.fp-signal-card{min-height:185px;padding:1.6rem 1.5rem;}
.fp-signal-kicker,.fp-type-row-label{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(var(--fp-rgb),.48);margin-bottom:.85rem;}
.fp-signal-title{font-family:'Cormorant Garamond',serif;font-size:1.65rem;color:var(--ice);margin-bottom:.65rem;}
.fp-signal-copy{color:rgba(205,226,234,.62);line-height:1.75;}
.fp-manifest-grid,.fp-pos-grid,.fp-contrast{border-color:rgba(var(--fp-rgb),.14);background:rgba(var(--fp-rgb),.14);}
.fp-manifest-head,.fp-pos-num,.fp-contrast-head{color:rgba(var(--fp-rgb),.58) !important;}
.fp-manifest-card,.fp-pos-card,.fp-contrast-col{border:0;}
.fp-manifest-body,.fp-pos-desc,.fp-contrast-body{color:rgba(205,226,234,.62);}
.fp-pos-name{color:rgba(240,250,252,.86) !important;font-size:1.08rem;}
.fp-pos-card.active-pos{background:radial-gradient(circle at 80% 15%,rgba(var(--fp-rgb),.18),transparent 34%),linear-gradient(145deg,rgba(var(--fp-rgb),.1),rgba(8,17,31,.94));}
.fp-type-row-label{margin-top:.4rem;margin-bottom:1rem;color:rgba(190,214,224,.32);}
.fp-type-row-label-accent{color:rgba(var(--fp-rgb),.54);}
.fp-type-chip{border-color:rgba(var(--fp-rgb),.28);color:rgba(var(--fp-rgb),.82);background:rgba(var(--fp-rgb),.045);text-decoration:none;min-height:34px;display:inline-flex;align-items:center;}
.fp-type-chip-muted{border-color:rgba(180,210,220,.14);color:rgba(180,210,220,.46);background:transparent;}
.fp-type-chip:hover{border-color:rgba(var(--fp-rgb),.55);background:rgba(var(--fp-rgb),.09);color:var(--ice);box-shadow:0 0 28px rgba(var(--fp-rgb),.12);}
.fp-contrast-muted{color:rgba(180,210,220,.34) !important;}
.fp-axis-contrast{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:2rem;align-items:center;padding:2rem;border:1px solid rgba(var(--fp-rgb),.16);background:radial-gradient(circle at 14% 18%,rgba(var(--fp-rgb),.12),transparent 34%),linear-gradient(135deg,rgba(8,17,31,.72),rgba(5,12,22,.92));}
.fp-axis-label{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(var(--fp-rgb),.5);margin-bottom:.9rem;}
.fp-axis-copy h3{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,4vw,3.5rem);color:var(--ice);line-height:1;margin-bottom:1rem;}
.fp-axis-copy h3 span{color:rgba(190,214,224,.32);font-style:italic;font-weight:400;}
.fp-axis-copy p{max-width:620px;color:rgba(205,226,234,.62);line-height:1.85;}
.fp-axis-cards{display:grid;gap:.8rem;}
.fp-axis-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;min-height:78px;padding:1rem 1.1rem;border:1px solid rgba(var(--axis-rgb),.22);background:rgba(var(--axis-rgb),.045);text-decoration:none;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease;}
.fp-axis-card strong{font-family:'Cormorant Garamond',serif;font-size:2.1rem;color:var(--axis-color);}
.fp-axis-card span{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(225,241,247,.58);}
.fp-axis-card:hover,.fp-axis-card.active{border-color:rgba(var(--axis-rgb),.5);background:rgba(var(--axis-rgb),.08);box-shadow:0 0 34px rgba(var(--axis-rgb),.12);}
.fp-shell[data-func="Fi"] .fp-orbit-one{inset:6%;border-color:rgba(var(--fp-rgb),.24);}
.fp-shell[data-func="Fi"] .fp-orbit-two{inset:23%;}
.fp-shell[data-func="Fi"] .fp-link{opacity:.36;animation:fpBondReveal 7.4s ease-in-out infinite;}
.fp-shell[data-func="Fi"] .fp-link-b{animation-delay:-1.8s;}
.fp-shell[data-func="Fi"] .fp-link-c{animation-delay:-3.6s;}
.fp-shell[data-func="Fi"] .fp-node{width:10px;height:10px;}
.fp-shell[data-func="Fi"] .fp-node-b{width:15px;height:15px;}
.fp-shell[data-func="Fi"] .fp-node-d{width:8px;height:8px;opacity:.52;}
.fp-shell[data-func="Fe"] .fp-link,.fp-shell[data-func="Fe"] .fp-trace{opacity:.12;}
.fp-shell[data-func="Fe"] .fp-orbit{animation:fpFeWave 5.8s ease-in-out infinite;}
.fp-shell[data-func="Fe"] .fp-orbit-two{animation-delay:-1.6s;}
.fp-shell[data-func="Fe"] .fp-orbit-three{animation-delay:-3.2s;}
.fp-shell[data-func="Te"] .fp-progress,.fp-shell[data-func="Te"] .fp-trace{opacity:.85;}
.fp-shell[data-func="Te"] .fp-trace{background:repeating-linear-gradient(to right,rgba(var(--fp-rgb),.72) 0 8px,transparent 8px 15px);animation:fpTeTicks 5.6s linear infinite;}
.fp-shell[data-func="Ti"] .fp-axis,.fp-shell[data-func="Ti"] .fp-trace{opacity:.7;}
.fp-shell[data-func="Ti"] .fp-trace-a{transform:rotate(-45deg);}
.fp-shell[data-func="Ti"] .fp-trace-b{transform:rotate(45deg);}
.fp-shell[data-func="Ti"] .fp-trace-c{transform:rotate(180deg);}
.fp-shell[data-func="Ti"] .fp-cinema-field{background:linear-gradient(rgba(var(--fp-rgb),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--fp-rgb),.045) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(var(--fp-rgb),.19),transparent 34%);background-size:34px 34px,34px 34px,auto;}
.fp-shell[data-func="Ni"] .fp-orbit-three{border:0;background:conic-gradient(from 0deg,transparent 0 62%,rgba(var(--fp-rgb),.72),transparent 75%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:fpOrbitDrift 7.4s linear infinite;}
.fp-shell[data-func="Ne"] .fp-trace{opacity:.68;transform-origin:left center;animation:fpNeBranch 6.4s ease-in-out infinite;}
.fp-shell[data-func="Ne"] .fp-trace-a{transform:rotate(-66deg);}
.fp-shell[data-func="Ne"] .fp-trace-b{transform:rotate(-16deg);animation-delay:-1.1s;}
.fp-shell[data-func="Ne"] .fp-trace-c{transform:rotate(34deg);animation-delay:-2.2s;}
.fp-shell[data-func="Si"] .fp-orbit{box-shadow:0 0 36px rgba(var(--fp-rgb),.08),inset 0 0 30px rgba(var(--fp-rgb),.08);animation:fpSiSettle 6.2s ease-in-out infinite;}
.fp-shell[data-func="Si"] .fp-node{opacity:.32;}
.fp-shell[data-func="Se"] .fp-orbit{animation:fpSePulse 4.8s cubic-bezier(.2,.8,.2,1) infinite;}
.fp-shell[data-func="Se"] .fp-glyph-core{box-shadow:0 0 78px rgba(var(--fp-rgb),.2),inset 0 0 34px rgba(var(--fp-rgb),.12);}
@keyframes fpPageRise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
@keyframes fpOrbitDrift{to{transform:rotate(360deg);}}
@keyframes fpNodeBreathe{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.86);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.18);}}
@keyframes fpProgressSweep{0%{transform:translateX(-120%);}55%,100%{transform:translateX(260%);}}
@keyframes fpBondReveal{0%,100%{opacity:.14;filter:blur(.6px);}45%,70%{opacity:.52;filter:none;}}
@keyframes fpFeWave{0%,100%{transform:scale(.96);opacity:.32;}50%{transform:scale(1.06);opacity:.72;}}
@keyframes fpTeTicks{to{background-position:46px 0;}}
@keyframes fpNeBranch{0%,100%{opacity:.18;width:18%;}45%,70%{opacity:.72;width:38%;}}
@keyframes fpSiSettle{0%{transform:scale(1.04);opacity:.34;}50%{transform:scale(.98);opacity:.68;}100%{transform:scale(1);opacity:.5;}}
@keyframes fpSePulse{0%,100%{transform:scale(.94);opacity:.36;}28%{transform:scale(1.06);opacity:.78;}42%{transform:scale(1.12);opacity:.28;}}
@media(max-width:1000px){
  .fp-cinematic-hero{grid-template-columns:1fr;min-height:0;padding-top:0;}
  .fp-visual{min-height:440px;order:-1;}
  .fp-signal-grid,.fp-axis-contrast{grid-template-columns:1fr;}}
@media(max-width:700px){
  .fp-cinematic-hero{padding-bottom:4rem;}
  .fp-visual{min-height:330px;}
  .fp-cinema-field{width:min(330px,88vw);}
  .fp-visual-caption,.fp-visual-note{white-space:normal;}
  .fp-section::before{left:1.5rem;}
  .fp-signal-card{min-height:150px;}
  .fp-axis-contrast{padding:1.35rem;}
  .fp-axis-card{min-height:68px;}}
@media(max-width:1000px){.tp-traits-grid,.tp-compat-grid{grid-template-columns:1fr;}.fp-manifest-grid,.fp-contrast{grid-template-columns:1fr;}.fp-pos-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){.tp-hero,.tp-section,.tp-cta,.tp-back,.fp-hero,.fp-section,.fp-back{padding-left:1.5rem;padding-right:1.5rem;}.fp-pos-grid{grid-template-columns:1fr;}}
@media(max-width:1000px){.tp-dual-head,.tp-dual-details-body{grid-template-columns:1fr;}.tp-dual-mark{width:96px;height:96px;}.tp-dual-grid{grid-template-columns:1fr;}}
@media(max-width:700px){
  .tp-dual-head{padding:1.6rem;}
  .tp-dual-card,.tp-dual-detail-copy,.tp-dual-detail-list{padding:1.35rem;}
  .tp-dual-details summary{padding:1.1rem 1.35rem;}
  .tp-dual-exchange-band{
    grid-template-columns:1fr;
    gap:.65rem;
  }
  .tp-dual-exchange-band span{
    white-space:normal;
  }
  .tp-dual-exchange-band i{
    width:1px;
    height:18px;
    margin-left:.35rem;
    background:linear-gradient(180deg,color-mix(in srgb,var(--type-color,var(--teal)) 38%,transparent),rgba(225,218,255,.24));
  }
  .tp-dual-exchange-band i::after{
    right:auto;
    left:50%;
    top:auto;
    bottom:0;
    transform:translateX(-50%) rotate(135deg);
  }
}
.tp-hero--editorial .tp-top{align-items:stretch;}
.tp-overview-card{
  height:100%;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,var(--line));
  border-radius:8px;
  background:
    radial-gradient(circle at 12% 0,color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent),transparent 36%),
    linear-gradient(145deg,rgba(10,21,39,.82),rgba(5,11,22,.72));
  padding:clamp(1.6rem,3vw,2.35rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.tp-overview-kicker,.tp-roadmap-kicker,.tp-metric-copy-kicker,.tp-practical-kicker,.tp-relation-kicker,.tp-quadra-circuit-kicker{
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 72%,rgba(220,240,245,.45));
  margin-bottom:.9rem;
}
.tp-overview-card p{font-size:1rem;line-height:1.88;color:rgba(210,228,234,.68);margin:0 0 1rem;}
.tp-overview-card p:first-of-type{font-family:'Cormorant Garamond',serif;font-size:1.25rem;line-height:1.55;color:rgba(240,250,252,.86);}
.tp-overview-card p:last-child{margin-bottom:0;}
.tp-roadmap{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  background:transparent;
  border:0;
}
.tp-roadmap::before{
  content:'';
  position:absolute;
  left:50%;
  top:1.2rem;
  bottom:1.2rem;
  width:1px;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 42%,transparent),transparent);
  opacity:.8;
  transform:translateX(-50%);
}
.tp-roadmap-card{
  position:relative;
  min-height:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,var(--line));
  border-radius:8px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--type-color,var(--teal)) 7%,rgba(8,17,31,.88)),rgba(5,11,22,.74));
  padding:1.55rem 1.55rem 1.65rem;
  box-shadow:0 18px 52px rgba(0,0,0,.14);
}
.tp-roadmap-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg,var(--type-color,var(--teal)),transparent 70%);
  opacity:.72;
}
.tp-roadmap-card::after{
  content:'';
  position:absolute;
  top:1.35rem;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--type-color,var(--teal));
  box-shadow:0 0 20px color-mix(in srgb,var(--type-color,var(--teal)) 56%,transparent);
}
.tp-roadmap-card:nth-child(odd)::after{right:-5px;}
.tp-roadmap-card:nth-child(even)::after{left:-5px;}
.tp-roadmap-step{
  position:absolute;
  right:1rem;
  top:.8rem;
  font-family:'Cormorant Garamond',serif;
  font-size:4.4rem;
  line-height:1;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 22%,transparent);
  pointer-events:none;
}
.tp-roadmap-pair{font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.18em;color:var(--type-color,var(--teal));margin-bottom:.75rem;}
.tp-roadmap-card h3{font-family:'Cormorant Garamond',serif;font-size:1.72rem;line-height:1.08;color:var(--ice);margin:0 5rem 1rem 0;}
.tp-roadmap-card p{font-size:.94rem;line-height:1.78;color:rgba(204,224,232,.65);margin:0 0 .9rem;}
.tp-roadmap-card p:last-child{margin-bottom:0;}
.tp-metric-copy-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
  background:transparent;
  border:0;
  margin-top:1rem;
}
.tp-metric-copy-card{
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,var(--line));
  border-radius:8px;
  background:rgba(7,16,31,.68);
  padding:1.45rem;
}
.tp-metric-copy-title{font-family:'Cormorant Garamond',serif;font-size:1.35rem;line-height:1.12;color:var(--ice);margin-bottom:.85rem;}
.tp-metric-copy-body p{font-size:.9rem;line-height:1.76;color:rgba(200,220,230,.62);margin:0 0 .85rem;}
.tp-metric-copy-body p:last-child{margin-bottom:0;}
.tp-editorial-panel{
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 20%,var(--line));
  border-radius:8px;
  background:
    radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent),transparent 34%),
    linear-gradient(145deg,rgba(9,19,36,.88),rgba(5,11,22,.64));
  padding:clamp(2rem,5vw,4rem);
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.2);
}
.tp-editorial-panel-mark{
  width:max-content;
  max-width:100%;
  border-left:2px solid var(--type-color,var(--teal));
  padding:.2rem 0 .2rem 1rem;
  margin-bottom:1.7rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.6rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  line-height:1.8;
  color:var(--type-color,var(--teal));
}
.tp-editorial-copy{max-width:940px;}
.tp-editorial-copy p{font-size:1.02rem;line-height:1.92;color:rgba(210,228,234,.69);margin:0 0 1.05rem;}
.tp-editorial-copy p:first-child{font-family:'Cormorant Garamond',serif;font-size:1.45rem;line-height:1.58;color:rgba(242,250,252,.88);}
.tp-editorial-copy p:last-child{margin-bottom:0;}
.tp-quadra-circuit{
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,var(--line));
  border-radius:8px;
  background:
    radial-gradient(circle at 50% 0,color-mix(in srgb,var(--type-color,var(--teal)) 10%,transparent),transparent 36%),
    linear-gradient(145deg,rgba(8,17,31,.86),rgba(5,11,22,.64));
  padding:clamp(1.4rem,3vw,2rem);
  overflow:hidden;
}
.tp-quadra-circuit-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:1rem;
  align-items:end;
  padding:0 0 1.45rem;
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,var(--line));
}
.tp-quadra-circuit-head h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.02;color:var(--ice);margin:0;}
.tp-quadra-current{font-family:'Cormorant Garamond',serif;font-size:2.8rem;line-height:1;color:var(--type-color,var(--teal));text-align:right;}
.tp-quadra-current span{display:block;font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(220,240,245,.45);margin-top:.45rem;}
.tp-quadra-circuit-copy{padding:1.45rem 0 1.65rem;max-width:920px;}
.tp-quadra-circuit-copy p,.tp-quadra-close{font-size:.97rem;line-height:1.84;color:rgba(205,225,232,.65);margin:0 0 .85rem;}
.tp-quadra-node-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.85rem;
  background:transparent;
  border-top:0;
}
.tp-quadra-node{
  position:relative;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,var(--line));
  border-radius:8px;
  background:rgba(7,16,31,.66);
  padding:1.35rem;
  min-height:220px;
}
.tp-quadra-node.is-current{
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 42%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--type-color,var(--teal)) 13%,rgba(7,16,31,.9)),rgba(7,16,31,.7));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent) inset;
}
.tp-quadra-node-code{font-family:'Cormorant Garamond',serif;font-size:2.15rem;line-height:1;margin-bottom:.65rem;}
.tp-quadra-node h3,.tp-quadra-pairing h3{font-family:'Cormorant Garamond',serif;font-size:1.28rem;line-height:1.12;color:var(--ice);margin:0 0 .75rem;}
.tp-quadra-node p,.tp-quadra-pairing p{font-size:.88rem;line-height:1.72;color:rgba(200,220,230,.6);margin:0 0 .9rem;}
.tp-quadra-question{
  margin-top:auto;
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.08em;
  line-height:1.6;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 80%,rgba(220,240,245,.55));
}
.tp-quadra-pairing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
  background:transparent;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent);
  margin-top:.9rem;
  padding-top:.9rem;
}
.tp-quadra-pairing{
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,var(--line));
  border-radius:8px;
  background:rgba(7,16,31,.5);
  padding:1.35rem;
}
.tp-quadra-close{padding:1.25rem 0 0;margin:1rem 0 0;border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent);}
.tp-growth-matrix{
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,var(--line));
  border-radius:8px;
  background:rgba(6,13,24,.44);
}
.tp-growth-head{
  padding:1rem 1.35rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.55rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--type-color,var(--teal));
  background:color-mix(in srgb,var(--type-color,var(--teal)) 7%,rgba(7,16,31,.9));
}
.tp-growth-head--edge{color:rgba(255,156,188,.84);}
.tp-growth-row{display:grid;grid-template-columns:1fr 1fr;grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,var(--line));}
.tp-growth-cell{padding:1.05rem 1.35rem;font-size:.93rem;line-height:1.72;color:rgba(215,232,238,.7);}
.tp-growth-cell--edge{border-left:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,var(--line));color:rgba(232,211,222,.72);background:rgba(255,138,174,.025);}
.tp-practical-intro{
  max-width:820px;
  margin:-.2rem 0 1.4rem;
  border-left:2px solid var(--type-color,var(--teal));
  padding-left:1.15rem;
}
.tp-practical-intro h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.05;color:var(--ice);margin:0 0 .75rem;}
.tp-practical-intro p{font-size:1rem;line-height:1.8;color:rgba(205,225,232,.66);margin:0;}
.tp-practical-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.85rem;
  background:transparent;
  border:0;
}
.tp-practical-card{
  position:relative;
  grid-column:span 2;
  min-height:0;
  display:flex;
  flex-direction:column;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,var(--line));
  border-radius:8px;
  background:
    linear-gradient(155deg,color-mix(in srgb,var(--type-color,var(--teal)) 6%,rgba(7,16,31,.86)),rgba(5,11,22,.66));
  padding:1.45rem;
  overflow:hidden;
}
.tp-practical-card:nth-child(1),.tp-practical-card:nth-child(2){grid-column:span 3;}
.tp-practical-card:nth-last-child(-n+2){grid-column:span 3;}
.tp-practical-card::before{
  content:'';
  position:absolute;
  left:1.45rem;
  right:1.45rem;
  top:0;
  height:2px;
  background:linear-gradient(90deg,var(--type-color,var(--teal)),transparent);
  opacity:.58;
}
.tp-practical-card h3{font-family:'Cormorant Garamond',serif;font-size:1.42rem;line-height:1.08;color:var(--ice);margin:0 0 .75rem;}
.tp-practical-card p{font-size:.9rem;line-height:1.74;color:rgba(204,224,232,.64);margin:0 0 1rem;}
.tp-practical-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;}
.tp-practical-chip{
  font-family:'Share Tech Mono',monospace;
  font-size:.5rem;
  letter-spacing:.1em;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 80%,rgba(220,240,245,.55));
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 20%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--type-color,var(--teal)) 7%,transparent);
  padding:.34rem .58rem;
}
.tp-relation-field{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
  background:transparent;
  border:0;
}
.tp-relation-card{
  position:relative;
  min-height:0;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,var(--line));
  border-radius:8px;
  background:linear-gradient(150deg,rgba(7,16,31,.82),rgba(5,11,22,.62));
  padding:1.7rem;
  overflow:hidden;
}
.tp-relation-card::before{
  content:'';
  position:absolute;
  left:0;
  top:1.6rem;
  bottom:1.6rem;
  width:2px;
  background:var(--type-color,var(--teal));
  opacity:.55;
}
.tp-relation-kicker span{color:var(--type-color,var(--teal));}
.tp-relation-card h3{font-family:'Cormorant Garamond',serif;font-size:1.62rem;line-height:1.08;color:var(--ice);margin:0 0 1rem;}
.tp-relation-card p{font-size:.94rem;line-height:1.8;color:rgba(204,224,232,.64);margin:0 0 .95rem;}
.tp-relation-card p:last-child{margin-bottom:0;}
@media(max-width:1180px){
  .tp-quadra-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tp-practical-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tp-practical-card,.tp-practical-card:nth-child(1),.tp-practical-card:nth-child(2),.tp-practical-card:nth-last-child(-n+2){grid-column:auto;}
  .tp-metric-copy-grid,.tp-quadra-pairing-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:820px){
  .tp-roadmap,.tp-quadra-node-grid,.tp-practical-grid,.tp-metric-copy-grid,.tp-quadra-pairing-grid,.tp-relation-field{grid-template-columns:1fr;}
  .tp-roadmap::before,.tp-roadmap-card::after{display:none;}
  .tp-quadra-circuit-head{grid-template-columns:1fr;align-items:start;}
  .tp-quadra-current{text-align:left;}
  .tp-growth-head{display:none;}
  .tp-growth-matrix{display:block;background:transparent;border:0;border-radius:0;}
  .tp-growth-row{grid-template-columns:1fr;margin-bottom:.75rem;border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,var(--line));border-radius:8px;overflow:hidden;background:rgba(7,16,31,.55);}
  .tp-growth-cell::before{content:'Natural Strength';display:block;font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:var(--type-color,var(--teal));margin-bottom:.45rem;}
  .tp-growth-cell--edge{border-left:0;border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,var(--line));}
  .tp-growth-cell--edge::before{content:'Growth Edge';color:rgba(255,138,174,.78);}
}
.search-overlay{position:fixed;inset:0;z-index:260;background:rgba(6,13,24,.96);backdrop-filter:blur(22px);display:none;align-items:flex-start;justify-content:center;padding:7rem 1.5rem 2rem;}
.search-overlay.open{display:flex;}
.search-panel{width:min(760px,100%);border:1px solid var(--line);background:rgba(8,17,31,.92);box-shadow:0 0 50px rgba(34,211,238,.08);position:relative;}
.search-close{position:absolute;right:1rem;top:1rem;background:none;border:none;color:rgba(180,210,220,.5);font-size:1.4rem;cursor:pointer;}
.search-head{padding:2rem 2rem 1rem;border-bottom:1px solid var(--line);}
.search-label{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.35em;text-transform:uppercase;color:rgba(34,211,238,.5);margin-bottom:.8rem;}
.search-input{width:100%;background:rgba(6,13,24,.6);border:1px solid rgba(34,211,238,.18);color:var(--ice);padding:1rem 1.1rem;font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.12em;outline:none;text-transform:uppercase;}
.search-input:focus{border-color:rgba(34,211,238,.45);box-shadow:0 0 20px rgba(34,211,238,.08);}
.search-results{max-height:55vh;overflow:auto;padding:.8rem;}
.search-result{display:block;width:100%;text-align:left;text-decoration:none;border:1px solid rgba(34,211,238,.08);background:rgba(6,13,24,.45);padding:1rem 1.1rem;margin-bottom:.55rem;cursor:pointer;transition:background .25s,border-color .25s;}
.search-result:hover{background:rgba(34,211,238,.06);border-color:rgba(34,211,238,.25);}
.search-result-kicker{font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(34,211,238,.45);margin-bottom:.35rem;}
.search-result-title{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:700;color:var(--ice);}
.search-result-desc{font-size:.78rem;color:rgba(180,210,220,.45);line-height:1.55;margin-top:.3rem;}
.search-empty{padding:1.5rem;font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.12em;color:rgba(180,210,220,.38);line-height:1.8;}

#compare-page{display:none;position:relative;z-index:10;min-height:100vh;padding-top:5rem;background:var(--bg);}
.cp-back{display:inline-flex;align-items:center;gap:.7rem;font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(34,211,238,.5);cursor:pointer;padding:0 3rem;margin-top:2rem;margin-bottom:2.5rem;transition:color .3s;background:none;border:none;}
.cp-back:hover{color:var(--teal);}
.cp-wrap{max-width:1120px;margin:0 auto;padding:0 3rem 6rem;}
.cp-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(34,211,238,.5);margin-bottom:1rem;}
.cp-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:.95;margin-bottom:1rem;}
.cp-title span{color:var(--teal);}
.cp-intro{font-size:1rem;color:rgba(180,210,220,.55);line-height:1.9;max-width:620px;margin-bottom:3rem;}
.cp-select-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start;margin-bottom:2.5rem;}
.cp-vs{font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.25em;color:rgba(34,211,238,.45);padding-top:1.1rem;}
.cp-select{position:relative;}
.cp-select label{display:block;font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(34,211,238,.45);margin-bottom:.55rem;}
.cp-input{width:100%;background:rgba(8,17,31,.75);border:1px solid rgba(34,211,238,.18);padding:1rem 1.1rem;color:var(--ice);font-family:'Share Tech Mono',monospace;font-size:.72rem;letter-spacing:.12em;outline:none;text-transform:uppercase;}
.cp-input:focus{border-color:rgba(34,211,238,.45);box-shadow:0 0 18px rgba(34,211,238,.08);}
.cp-suggestions{position:absolute;left:0;right:0;top:100%;z-index:30;background:rgba(6,13,24,.97);border:1px solid rgba(34,211,238,.18);border-top:none;max-height:230px;overflow:auto;display:none;}
.cp-suggestions.open{display:block;}
.cp-suggestion{padding:.85rem 1rem;border-top:1px solid rgba(34,211,238,.08);cursor:pointer;}
.cp-suggestion:hover{background:rgba(34,211,238,.08);}
.cp-suggestion-code{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:700;color:var(--ice);margin-right:.4rem;}
.cp-suggestion-meta{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.15em;color:rgba(180,210,220,.42);}
.cp-common{margin-bottom:2.5rem;}
.cp-common-title{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(34,211,238,.45);margin-bottom:.8rem;}
.cp-chip-row{display:flex;flex-wrap:wrap;gap:.55rem;}
.cp-chip{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.12em;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.04);color:rgba(200,230,235,.62);padding:.55rem .8rem;cursor:pointer;}
.cp-chip:hover{border-color:rgba(34,211,238,.4);color:var(--ice);}
.cp-output{display:none;}
.cp-output.open{display:block;}
.cp-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:2rem;}
.cp-type-panel{background:var(--bg2);padding:2rem;}
.cp-type-code{font-family:'Cormorant Garamond',serif;font-size:3.3rem;font-weight:700;line-height:.9;color:var(--ctc,var(--teal));}
.cp-type-name{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-style:italic;color:var(--ice);margin:.4rem 0 1rem;}
.cp-type-meta{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.16em;color:rgba(180,210,220,.42);margin-bottom:1rem;text-transform:uppercase;}
.cp-type-desc{font-size:.88rem;color:rgba(200,220,230,.55);line-height:1.8;}
.cp-rows{border:1px solid var(--line);background:var(--line);}
.cp-row{display:grid;grid-template-columns:1fr 210px 1fr;gap:1px;margin-bottom:1px;}
.cp-cell{background:var(--bg2);padding:1.3rem 1.35rem;font-size:.88rem;color:rgba(200,220,230,.6);line-height:1.8;}
.cp-mid{background:rgba(8,17,31,.95);display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(34,211,238,.5);padding:1rem;}
.cp-note{margin-top:1.5rem;border:1px solid rgba(200,160,80,.18);background:rgba(200,160,80,.045);padding:1rem 1.2rem;font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.08em;color:rgba(220,200,160,.55);line-height:1.75;}
@media(max-width:760px){
  .search-overlay{padding-top:5.5rem;}
  .search-head{padding:1.5rem 1.2rem .9rem;}
  .cp-back,.cp-wrap{padding-left:1.5rem;padding-right:1.5rem;}
  .cp-select-grid{grid-template-columns:1fr;gap:1rem;}
  .cp-vs{text-align:center;padding-top:0;}
  .cp-summary,.cp-row{grid-template-columns:1fr;}
  .cp-mid{order:-1;padding:.75rem;}}

.cp-final-cta{
  margin-top:2.5rem;
  border:1px solid var(--line);
  background:rgba(8,17,31,.72);
  padding:2rem;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.cp-final-cta::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,var(--teal),transparent);
}
.cp-final-title{
  font-family:'Cormorant Garamond',serif;
  font-size:1.6rem;
  font-weight:700;
  color:var(--ice);
  margin-bottom:.65rem;
}
.cp-final-copy{
  max-width:520px;
  margin:0 auto 1.4rem;
  font-size:.9rem;
  color:rgba(180,210,220,.5);
  line-height:1.8;
}
.cp-final-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}
.cp-final-btn{
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  padding:.85rem 1.35rem;
  border:1px solid rgba(34,211,238,.35);
  color:var(--ice);
  text-decoration:none;
  background:rgba(34,211,238,.07);
  cursor:none;
  transition:all .25s;
}
.cp-final-btn:hover{border-color:var(--teal);background:rgba(34,211,238,.14);box-shadow:0 0 20px rgba(34,211,238,.16);}
.cp-final-btn.secondary{background:transparent;border-color:rgba(120,160,180,.22);color:rgba(180,210,220,.55);}
.cp-final-btn.secondary:hover{color:var(--ice);border-color:rgba(120,160,180,.42);box-shadow:none;}

.tp-sigil-large{width:210px;height:210px;margin-bottom:1.8rem;opacity:.9;--tc:var(--type-color,var(--teal));}
.tp-sigil-large svg{width:100%;height:100%;}
.tp-top{align-items:center;}

.qp-type-card .t-sigil{width:56px;height:56px;margin-bottom:1rem;}
.cp-type-sigil{width:76px;height:76px;margin-bottom:1.1rem;--tc:var(--ctc,var(--teal));}
.cp-type-panel .cp-type-sigil + .cp-type-code{margin-top:.1rem;}

@media(max-width:700px){
  .tp-sigil-large{width:140px;height:140px;margin-bottom:1.2rem;}
  .cp-type-sigil{width:64px;height:64px;}}
.tp-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:.35rem;}
.tp-title-row .tp-code{margin-bottom:0;} .tp-title-sigil{width:96px;height:96px;flex:0 0 96px;opacity:.86;transform:translateY(.15rem);} .tp-title-sigil .type-sigil,/* removed sigil */ .tp-title-sigil svg{width:100%;height:100%;} .tp-title-sigil .type-sigil{--tc:var(--type-color,var(--teal));}
.tp-jump-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 3rem;margin-top:1.6rem;margin-bottom:2.2rem;}
.tp-type-jump{position:relative;display:flex;align-items:center;gap:.7rem;}
.tp-jump-label{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(34,211,238,.45);white-space:nowrap;}
.tp-type-select{min-width:210px;appearance:none;-webkit-appearance:none;border:1px solid rgba(34,211,238,.22);background:rgba(8,17,31,.72);color:rgba(220,240,245,.78);font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;padding:.75rem 2.2rem .75rem .9rem;outline:none;cursor:none;}
.tp-type-jump::after{content:'⌄';position:absolute;right:.8rem;top:50%;transform:translateY(-52%);color:rgba(34,211,238,.55);pointer-events:none;font-size:.9rem;}
.tp-type-select:focus{border-color:rgba(34,211,238,.5);box-shadow:0 0 18px rgba(34,211,238,.08);}
@media(max-width:700px){
  .tp-jump-wrap{padding:0 1.5rem;align-items:flex-start;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:1.8rem;}
  .tp-type-jump{width:100%;flex-direction:column;align-items:flex-start;}
  .tp-type-select{width:100%;}
  .tp-title-row{align-items:center;gap:1rem;} .tp-title-sigil{width:72px;height:72px;flex-basis:72px;}}
.tp-title-row{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:1.1rem !important;
} .tp-title-sigil{
  width:78px !important;
  height:78px !important;
  flex:0 0 78px !important;
  transform:translateY(.05rem) !important;
}
.tp-jump-label{display:none !important;}
.tp-jump-wrap{
  align-items:flex-start !important;
  gap:1rem !important;
}
.tp-type-jump{width:min(420px,100%) !important;}
.tp-type-select{
  width:100% !important;
}
@media(max-width:700px){
  .tp-title-row{
    justify-content:flex-start !important;
    gap:.9rem !important;
  } .tp-title-sigil{
    width:58px !important;
    height:58px !important;
    flex-basis:58px !important;
  }
  .tp-type-jump{width:100% !important;}}
.tp-header-wrap{
  position:relative;
} .tp-title-sigil{
  position:absolute !important;
  right:2.2rem;
  top:2.2rem;
  width:110px !important;
  height:110px !important;
  opacity:.9;
}
.tp-title-row{
  position:relative;
}
@media(max-width:700px){ .tp-title-sigil{
    position:absolute;
    right:1.2rem;
    top:1.8rem;
    width:78px !important;
    height:78px !important;
  }}
.tp-header-wrap {
  position: relative;
} .tp-title-sigil {
  position: absolute;
  right: 2rem;
  top: 0;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  opacity: 0.9;
}
.tp-title-row {
  position: relative;
  padding-top: 0.2rem;
}
.tp-subtitle {
  margin-top: 0.4rem;
}
@media (max-width: 700px){ .tp-title-sigil {
    right: 1.2rem;
    top: 0;
    width: 85px;
    height: 85px;
  }} .tp-title-sigil {
  right: 1.4rem !important; /* moved left */
  width: 140px !important;  /* enlarged */
  height: 140px !important;
}
@media (max-width: 700px){ .tp-title-sigil {
    right: 0.8rem !important;
    width: 95px !important;
    height: 95px !important;
  }}
.tp-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  max-width:min(1380px,calc(100% - 3rem));
  margin:0 auto 4rem;
  padding:clamp(2.2rem,4vw,3.4rem);
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(255,255,255,.04));
  background:
    radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--type-color,var(--teal)) 15%,transparent),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.055),transparent 30%),
    linear-gradient(145deg,rgba(8,17,31,.94),rgba(5,11,21,.86) 52%,rgba(8,17,31,.72));
  box-shadow:0 26px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);
}
.tp-hero::before{
  content:"";
  position:absolute;
  inset:-28% -32% auto;
  height:58%;
  background:linear-gradient(110deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 18%,transparent),rgba(255,255,255,.07),transparent);
  opacity:.76;
  transform:translateX(-22%) rotate(-8deg);
  pointer-events:none;
  z-index:-1;
}
.tp-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--type-color,var(--teal)),rgba(235,250,255,.58),transparent);
  opacity:.72;
  pointer-events:none;
}
.tp-hero > *{
  position:relative;
  z-index:1;
}
.tp-top{
  margin-bottom:0;
  align-items:stretch;
}
.tp-left{
  min-width:0;
  align-self:center;
}
.tp-quadra-badge{
  padding:.56rem .72rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 28%,transparent);
  background:linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 9%,transparent),rgba(255,255,255,.018));
  box-shadow:0 0 26px color-mix(in srgb,var(--type-color,var(--teal)) 8%,transparent);
}
.tp-quadra-dot{
  width:7px;
  height:7px;
}
.tp-code{
  text-shadow:0 0 42px color-mix(in srgb,var(--type-color,var(--teal)) 26%,transparent);
}
.tp-name{
  color:color-mix(in srgb,var(--type-color,var(--teal)) 62%,var(--ice));
  margin-bottom:1.55rem;
}
.tp-desc{
  max-width:780px;
  color:rgba(226,239,245,.86);
  font-size:clamp(1.08rem,1.35vw,1.23rem)!important;
  line-height:1.86!important;
  margin-bottom:1.55rem;
  text-wrap:pretty;
}
.tp-dichots{
  max-width:840px;
  gap:.66rem;
  margin-bottom:0;
}
.tp-dichotag{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  overflow:hidden;
  padding:.52rem .78rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 32%,transparent);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 15%,transparent),rgba(255,255,255,.018)),
    rgba(6,13,24,.58);
  color:rgba(235,248,252,.88);
  box-shadow:0 0 24px color-mix(in srgb,var(--type-color,var(--teal)) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.035);
  font-size:.62rem;
  letter-spacing:.16em;
  line-height:1.1;
  text-transform:uppercase;
}
.tp-dichotag span{
  position:relative;
  z-index:1;
}
.tp-dichotag::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.2) 48%,transparent 74%);
  transform:translateX(-125%);
  animation:tpSignalSheen 4.2s ease-in-out infinite;
  animation-delay:var(--tag-delay,0s);
  pointer-events:none;
}
.tp-func-block{
  position:relative;
  overflow:hidden;
  height:100%;
  margin-bottom:0;
  padding:1.25rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.03));
  background:linear-gradient(155deg,rgba(8,17,31,.82),rgba(6,13,24,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 56px rgba(0,0,0,.18);
}
.tp-func-block::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,var(--type-color,var(--teal)),transparent);
  opacity:.58;
}
.tp-func-title{
  color:color-mix(in srgb,var(--type-color,var(--teal)) 68%,rgba(235,248,252,.42));
  font-size:.6rem;
  letter-spacing:.28em;
}
.tp-funcs{
  gap:.58rem;
}
.tp-func-row{
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent);
  background:linear-gradient(135deg,rgba(8,17,31,.72),rgba(6,13,24,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.tp-func-row:hover{
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 34%,transparent);
  background:linear-gradient(135deg,rgba(12,25,50,.78),rgba(6,13,24,.66));
}
.tp-func-pos{
  color:rgba(171,202,214,.56);
}
.tp-func-desc{
  color:rgba(219,234,240,.72);
}
.tp-func-row:hover .tp-func-desc{
  color:rgba(235,248,252,.86);
}
.tp-section{
  border-top-color:color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.03));
}
.tp-sec-heading{
  color:rgba(235,248,252,.96);
}
.tp-trait-col,
.tp-compat-card,
.tp-note-card,
.tp-mistype-card,
.tp-dynamic-card,
.tp-scenario-card,
.tp-block-card{
  background:linear-gradient(155deg,rgba(8,17,31,.82),rgba(6,13,24,.68));
}
.tp-trait-list li,
.tp-compat-desc,
.tp-note-copy,
.tp-mistype-copy,
.tp-dynamic-copy,
.tp-block-copy,
.tp-similar-copy,
.tp-scenario-copy,
.tp-model-graph-intro{
  color:rgba(216,232,238,.72);
}
@media(min-width:1001px){
  .tp-hero{
    padding:clamp(2.6rem,4vw,3.8rem);
  }
  .tp-top{
    grid-template-columns:minmax(0,1fr) minmax(390px,.52fr);
    gap:clamp(2.4rem,4vw,4.5rem);
  }
  .tp-right{
    display:block;
  }
  .tp-func-block{
    grid-column:auto;
    grid-row:auto;
    margin:0;
  }
  .tp-funcs{
    display:flex;
    flex-direction:column;
  }
  .tp-func-row{
    display:grid;
    grid-template-columns:48px minmax(76px,92px) minmax(0,1fr);
    align-items:flex-start;
    gap:.78rem;
    min-height:0;
    padding:.82rem .95rem;
  }
  .tp-func-row::after{
    top:.72rem;
    right:.72rem;
  }
  .tp-func-badge{
    min-width:38px;
  }
  .tp-func-pos{
    min-width:0;
    padding-top:.2rem;
    font-size:.47rem;
  }
  .tp-func-desc{
    max-width:none;
    font-size:.83rem;
    line-height:1.55;
  }}
@media(max-width:1000px){
  .tp-hero{
    max-width:calc(100% - 2rem);
    padding:2rem 1.65rem 2.2rem;
  }
  .tp-top{
    grid-template-columns:1fr;
    gap:1.6rem;
  }
  .tp-func-block{
    height:auto;
  }}
@media(max-width:700px){
  .tp-hero{
    max-width:calc(100% - 1rem);
    padding:1.55rem 1.15rem 1.7rem;
  }
  .tp-quadra-badge{
    max-width:100%;
    white-space:normal;
    line-height:1.5;
    letter-spacing:.18em;
  }
  .tp-code{
    font-size:clamp(4.7rem,24vw,6.9rem);
  }
  .tp-name{
    font-size:1.55rem;
    margin-bottom:1.15rem;
  }
  .tp-desc{
    font-size:1rem!important;
    line-height:1.72!important;
    margin-bottom:1.2rem;
  }
  .tp-dichots{
    gap:.48rem;
  }
  .tp-dichotag{
    flex:1 1 calc(50% - .3rem);
    justify-content:center;
    min-height:36px;
    padding:.5rem .48rem;
    font-size:.52rem;
    letter-spacing:.11em;
    text-align:center;
  }
  .tp-func-block{
    padding:1rem;
  }
  .tp-func-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:.5rem .7rem;
    padding:.82rem;
  }
  .tp-func-pos{
    min-width:0;
  }
  .tp-func-desc{
    grid-column:1/-1;
    font-size:.82rem;
    line-height:1.55;
  }}
@media(prefers-reduced-motion:reduce){
  .tp-dichotag::after{
    animation:none!important;
    opacity:0;
  }}

.cp-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin:-.8rem 0 2rem;flex-wrap:wrap}
.cp-tool-note{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.12em;line-height:1.7;color:rgba(180,210,220,.36);max-width:440px}
.cp-swap-btn{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;padding:.72rem 1rem;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.05);color:rgba(220,240,245,.68);cursor:none;transition:all .25s ease}
.cp-swap-btn:hover{border-color:var(--teal);color:var(--ice);background:rgba(34,211,238,.1)}
.cp-key-diff{display:none;border:1px solid rgba(34,211,238,.14);background:linear-gradient(135deg,rgba(34,211,238,.06),rgba(8,17,31,.68));padding:1.3rem 1.4rem;margin-bottom:2rem;position:relative;overflow:hidden}
.cp-key-diff.open{display:block}
.cp-key-diff::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--teal)}
.cp-key-label{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(34,211,238,.55);margin-bottom:.55rem}
.cp-key-text{font-family:'Cormorant Garamond',serif;font-size:1.35rem;line-height:1.45;color:rgba(230,245,248,.82)}
.cp-common{padding:1.2rem;border:1px solid rgba(34,211,238,.1);background:rgba(8,17,31,.42)}
.cp-common-title{display:flex;align-items:center;gap:.7rem}
.cp-common-title::after{content:'';height:1px;flex:1;background:linear-gradient(to right,rgba(34,211,238,.18),transparent)}
.cp-chip{transition:transform .2s ease,background .25s ease,border-color .25s ease}.cp-chip:hover{transform:translateY(-2px)}
.cp-output.open{animation:cpFadeIn .35s ease both}@keyframes cpFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cp-rows{border:0;background:transparent;display:grid;gap:.9rem}
.cp-row{display:grid;grid-template-columns:1fr 180px 1fr;gap:1px;margin-bottom:0;border:1px solid var(--line);background:var(--line)}
.cp-mid{background:rgba(6,13,24,.96);color:rgba(34,211,238,.62)}
.cp-cell{background:linear-gradient(180deg,rgba(8,17,31,.92),rgba(8,17,31,.72))}
@media(max-width:760px){.cp-toolbar{align-items:stretch}.cp-swap-btn{width:100%}.cp-row{grid-template-columns:1fr}}
.cp-type-desc{font-size:.98rem !important;line-height:1.85 !important;}
.cp-cell{color:rgba(200,220,230,.68) !important;}

.tp-compat-links{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1rem;
}

.tp-compat-links a{
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,transparent);
  color:rgba(220,240,245,.72);
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.14em;
  padding:.55rem .7rem;
  text-decoration:none;
  text-transform:uppercase;
}

.tp-compat-links a:hover{
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 50%,transparent);
  color:var(--type-color,var(--teal));
}
.tp-support-band{
  margin:0 auto;
  max-width:1380px;
  border-top:1px solid rgba(var(--type-rgb,34,211,238),.22);
  border-bottom:1px solid rgba(255,95,95,.18);
  background:
    radial-gradient(circle at 92% 18%,rgba(255,95,95,.14),transparent 32%),
    linear-gradient(135deg,rgba(var(--type-rgb,34,211,238),.065),rgba(6,13,24,.58));
  padding:clamp(1.6rem,4vw,2.5rem) clamp(1.5rem,6vw,4rem);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.25rem;
  align-items:center;
}
.tp-support-kicker{
  color:rgba(var(--type-rgb,34,211,238),.7);
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.tp-support-title{
  margin:.55rem 0 .45rem;
  color:var(--ice);
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.8rem,3.4vw,2.8rem);
  line-height:1;
}
.tp-support-copy p{
  margin:0;
  max-width:720px;
  color:rgba(200,220,230,.62);
  font-size:.98rem;
  line-height:1.7;
}
@media(min-width:1001px){
  #type-page{padding-top:4.5rem}
  .tp-jump-wrap{max-width:1380px;margin-left:auto!important;margin-right:auto!important;padding-left:4rem!important;padding-right:4rem!important}
  .tp-hero{max-width:1380px;padding-left:4rem;padding-right:4rem;padding-bottom:6rem}
  .tp-top{grid-template-columns:1fr;grid-template-rows:auto auto;gap:4rem;align-items:start}
  .tp-left{min-width:0}
  .tp-right{display:contents}
  .tp-code{font-size:clamp(7rem,9vw,10.5rem);letter-spacing:.01em}
  .tp-name{font-size:1.9rem;margin-bottom:2.25rem}
  .tp-desc{max-width:720px;font-size:1.08rem!important;line-height:2!important;margin-bottom:2.8rem}
  .tp-dichots{max-width:760px;gap:.65rem}
  .tp-dichotag{padding:.42rem 1rem}
  .tp-desktop-sigil{display:none}
  .tp-desktop-sigil .type-sigil,.tp-desktop-sigil svg{width:100%;height:100%}
  .tp-func-block{grid-column:1/-1;grid-row:2;margin:1.4rem 0 0}
  .tp-func-title{margin-bottom:1.45rem}
  .tp-funcs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
  .tp-func-row{min-height:132px;display:grid;grid-template-columns:58px 116px minmax(0,1fr);align-items:flex-start;gap:1.1rem;padding:1.35rem 1.5rem}
  .tp-func-row::after{top:1rem;right:.9rem}
  .tp-func-badge{min-width:38px}
  .tp-func-pos{min-width:0;width:auto;padding-top:.25rem}
  .tp-func-desc{font-size:.94rem;line-height:1.75;max-width:520px}
  .tp-section{max-width:1380px;padding-left:4rem;padding-right:4rem}
  .tp-trait-list li,.tp-compat-desc{font-size:.98rem;line-height:1.75}
  .tp-note-copy,.tp-mistype-copy,.tp-compat-mini-copy,.tp-dynamic-copy,.tp-block-copy,.tp-similar-copy{font-size:.94rem;line-height:1.75}}
@media(max-width:1000px){
  .tp-desktop-sigil{display:none}
  .tp-notes-grid,.tp-mistype-grid,.tp-block-grid,.tp-similar-grid,.tp-scenario-grid{grid-template-columns:1fr}
  .tp-constellation{grid-template-columns:1fr}
  .tp-constellation-core{min-height:0;padding:2rem}
  .tp-constellation-paths{grid-template-columns:1fr}}
.cp-dual-unlock{position:relative;margin:0 0 2rem;border:1px solid color-mix(in srgb,var(--cpa,var(--teal)) 26%,transparent);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--cpa,var(--teal)) 12%,transparent),transparent 34%),radial-gradient(circle at 86% 62%,color-mix(in srgb,var(--cpb,var(--teal)) 10%,transparent),transparent 36%),rgba(8,17,31,.72);overflow:hidden;}
.cp-dual-unlock::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--cpa,var(--teal)),rgba(235,250,255,.72),var(--cpb,var(--teal)));opacity:.75;}
.cp-dual-inner{position:relative;padding:2rem;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr);gap:2.4rem;align-items:start;}
.cp-dual-kicker{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb,var(--cpa,var(--teal)) 72%,var(--ice));margin-bottom:.8rem;}
.cp-dual-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.02;color:var(--ice);margin-bottom:1rem;}
.cp-dual-title span{color:color-mix(in srgb,var(--cpa,var(--teal)) 48%,var(--cpb,var(--teal)));}
.cp-dual-pairline{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(180,210,220,.48);line-height:1.7;}
.cp-dual-copy{font-size:1rem;line-height:1.9;color:rgba(200,220,230,.64);margin-bottom:1.1rem;}
.cp-dual-gives{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.12);margin:1.3rem 0 1.1rem;}
.cp-dual-give{background:rgba(6,13,24,.62);padding:1.15rem;}
.cp-dual-give b{display:block;font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--cpa,var(--teal)) 55%,var(--ice));margin-bottom:.55rem;}
.cp-dual-give:nth-child(2) b{color:color-mix(in srgb,var(--cpb,var(--teal)) 55%,var(--ice));}
.cp-dual-give span{font-size:.92rem;line-height:1.65;color:rgba(200,220,230,.58);}
.cp-dual-care{border-left:1px solid color-mix(in srgb,var(--cpb,var(--teal)) 42%,transparent);padding-left:1rem;font-size:.9rem;line-height:1.8;color:rgba(220,210,190,.58);}
.cp-type-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.25rem;}
.cp-type-action{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.045);color:rgba(220,240,245,.68);padding:.62rem .9rem;cursor:none;transition:all .25s ease;}
.cp-type-action:hover{border-color:var(--ctc,var(--teal));color:var(--ice);background:rgba(34,211,238,.09);}
.cp-quadra-cell{max-width:560px;}
.cp-quadra-name{font-family:'Cormorant Garamond',serif;font-size:1.35rem;line-height:1.15;color:var(--ice);margin-bottom:.35rem;}
.cp-quadra-tag{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(34,211,238,.58);margin-bottom:.75rem;}
.cp-quadra-values{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.75rem;}
.cp-quadra-value{font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(34,211,238,.14);background:rgba(34,211,238,.04);color:rgba(220,240,245,.55);padding:.32rem .5rem;}
.cp-quadra-copy{font-size:.92rem;line-height:1.75;color:rgba(200,220,230,.62);}
.tp-dichotomy-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.12);}
.tp-dich-profile-card{background:rgba(6,13,24,.62);min-height:0;}
.tp-dich-profile-card summary{list-style:none;cursor:none;padding:1.25rem 1.35rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.tp-dich-profile-card summary::-webkit-details-marker{display:none;}
.tp-dich-profile-name{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:700;color:var(--ice);}
.tp-dich-profile-axis{font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(34,211,238,.5);text-align:right;}
.tp-dich-profile-card summary::after{content:'+';font-family:'Share Tech Mono',monospace;font-size:.68rem;color:rgba(34,211,238,.52);}
.tp-dich-profile-card[open] summary::after{content:'-';}
.tp-dich-profile-copy{padding:0 1.35rem 1.35rem;font-size:.95rem;line-height:1.78;color:rgba(200,220,230,.62);}
.cp-dich-context{max-width:560px;}
.cp-dich-title{font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--ice);margin-bottom:.7rem;}
.cp-dich-chips{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.8rem;}
.cp-dich-chip{font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.13em;text-transform:uppercase;border:1px solid rgba(34,211,238,.14);background:rgba(34,211,238,.035);color:rgba(220,240,245,.54);padding:.32rem .5rem;}
.cp-dich-copy{font-size:.92rem;line-height:1.75;color:rgba(200,220,230,.6);}
@media(max-width:760px){
  .cp-dual-inner{grid-template-columns:1fr;padding:1.4rem;gap:1.5rem;}
  .cp-dual-gives{grid-template-columns:1fr;}
  .cp-dual-copy{font-size:.98rem;line-height:1.8;}
  .cp-type-actions{margin-top:1rem;}
  .tp-dichotomy-profile{grid-template-columns:1fr;}}
@media(min-width:1001px){
  .tp-hero{
    max-width:min(1380px,calc(100% - 3rem));
    padding:clamp(2.6rem,4vw,3.8rem)!important;
  }
  .tp-top{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:2.35rem!important;
    align-items:start!important;
  }
  .tp-left{
    align-self:start!important;
  }
  .tp-right{
    display:block!important;
    grid-column:1/-1!important;
    grid-row:2!important;
  }
  .tp-desc{
    max-width:1120px!important;
    font-size:clamp(1.08rem,1.35vw,1.23rem)!important;
    line-height:1.86!important;
  }
  .tp-dichots{
    max-width:1120px!important;
    gap:.66rem!important;
  }
  .tp-dichotag{
    padding:.52rem .78rem!important;
  }
  .tp-func-block{
    height:auto!important;
    margin:0!important;
    padding:1.8rem 2rem!important;
  }
  .tp-funcs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.9rem!important;
  }
  .tp-func-row{
    display:grid!important;
    grid-template-columns:62px minmax(112px,140px) minmax(0,1fr)!important;
    align-items:flex-start!important;
    gap:1.05rem!important;
    min-height:138px!important;
    padding:1.25rem 1.35rem!important;
  }
  .tp-func-row::after{
    top:1rem!important;
    right:1rem!important;
  }
  .tp-func-badge{
    min-width:58px!important;
    padding:.42rem .7rem!important;
    font-size:.72rem!important;
  }
  .tp-func-pos{
    min-width:0!important;
    padding-top:.34rem!important;
    font-size:.56rem!important;
    letter-spacing:.16em!important;
    color:rgba(175,208,220,.68)!important;
  }
  .tp-func-desc{
    max-width:none!important;
    font-size:1rem!important;
    line-height:1.68!important;
    color:rgba(226,239,245,.78)!important;
  }
  .tp-func-row.dim-row{
    opacity:1!important;
  }
  .tp-func-row.dim-row .tp-func-badge{
    color:rgba(180,213,224,.7)!important;
    border-color:rgba(120,180,200,.28)!important;
    background:rgba(120,180,200,.045)!important;
  }
  .tp-func-row.dim-row .tp-func-pos{
    color:rgba(175,208,220,.52)!important;
  }
  .tp-func-row.dim-row .tp-func-desc{
    color:rgba(210,226,235,.66)!important;
  }}
@media(min-width:1001px) and (max-width:1180px){
  .tp-funcs{
    grid-template-columns:1fr!important;
  }}

.qp-sigil-large svg{
  overflow:visible;
}
#compare-page .cp-wrap{max-width:1240px;}
.cp-compare-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:1px;
  border:1px solid rgba(34,211,238,.14);
  background:linear-gradient(90deg,color-mix(in srgb,var(--cpa,var(--teal)) 28%,transparent),rgba(34,211,238,.12),color-mix(in srgb,var(--cpb,var(--teal)) 28%,transparent));
  margin:0 0 1rem;
  overflow:hidden;
}
.cp-compare-hero::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,var(--cpa,var(--teal)),rgba(235,248,252,.8),var(--cpb,var(--teal)));
  opacity:.76;
}
.cp-hero-side,.cp-hero-center{
  position:relative;
  min-width:0;
  background:linear-gradient(180deg,rgba(8,17,31,.94),rgba(6,13,24,.78));
  padding:1.55rem;
}
.cp-hero-side.right{text-align:right;}
.cp-hero-code{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(3.6rem,8vw,6.4rem);
  line-height:.82;
  color:var(--cpa,var(--teal));
  text-shadow:0 0 42px color-mix(in srgb,var(--cpa,var(--teal)) 24%,transparent);
}
.cp-hero-side.right .cp-hero-code{
  color:var(--cpb,var(--teal));
  text-shadow:0 0 42px color-mix(in srgb,var(--cpb,var(--teal)) 24%,transparent);
}
.cp-hero-name{
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
  font-style:italic;
  color:var(--ice);
  margin:.55rem 0 .45rem;
}
.cp-hero-meta{
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(190,218,226,.5);
  line-height:1.7;
}
.cp-hero-center{
  min-width:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:.65rem;
}
.cp-hero-vs{
  font-family:'Share Tech Mono',monospace;
  font-size:.55rem;
  letter-spacing:.28em;
  color:rgba(34,211,238,.5);
}
.cp-relation-badge{
  max-width:100%;
  border:1px solid rgba(34,211,238,.25);
  background:rgba(34,211,238,.07);
  padding:.58rem .8rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.6rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(235,248,252,.82);
  line-height:1.45;
  overflow-wrap:anywhere;
}
.cp-hero-direction{
  max-width:260px;
  font-size:.76rem;
  line-height:1.55;
  color:rgba(200,220,230,.54);
}
.cp-relation-pattern,.cp-quadra-band,.cp-stack-contrast,.cp-shared-reasons,.cp-clash-section,.cp-checklist{
  border:1px solid rgba(34,211,238,.12);
  background:linear-gradient(180deg,rgba(8,17,31,.76),rgba(6,13,24,.56));
  padding:1.45rem;
  margin:0 0 1rem;
  position:relative;
  overflow:hidden;
}
.cp-relation-pattern::before,.cp-quadra-band::before,.cp-stack-contrast::before,.cp-shared-reasons::before,.cp-clash-section::before,.cp-checklist::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,rgba(34,211,238,.7),transparent);
}
.cp-section-kicker{
  font-family:'Share Tech Mono',monospace;
  font-size:.5rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:rgba(34,211,238,.56);
  margin-bottom:.8rem;
}
.cp-relation-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:1.05;
  color:var(--ice);
  margin-bottom:.85rem;
}
.cp-relation-title span{
  display:block;
  margin-top:.25rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(34,211,238,.6);
}
.cp-relation-pattern p,.cp-shared-copy{
  max-width:860px;
  font-size:1rem;
  line-height:1.85;
  color:rgba(205,225,232,.66);
  margin:0 0 1rem;
}
.cp-relation-grid,.cp-reason-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  border:1px solid rgba(34,211,238,.1);
  background:rgba(34,211,238,.1);
}
.cp-relation-grid>div,.cp-reason-grid>div{
  background:rgba(6,13,24,.62);
  padding:1rem;
}
.cp-relation-grid b,.cp-reason-grid b{
  display:block;
  font-family:'Share Tech Mono',monospace;
  font-size:.5rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(34,211,238,.58);
  margin-bottom:.55rem;
}
.cp-relation-grid span,.cp-reason-grid span{
  display:block;
  font-size:.88rem;
  line-height:1.68;
  color:rgba(200,220,230,.6);
}
.cp-quadra-band-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  border:1px solid rgba(34,211,238,.1);
  background:rgba(34,211,238,.1);
}
.cp-quadra-band .cp-quadra-cell{
  max-width:none;
  background:rgba(6,13,24,.62);
  padding:1rem;
}
.cp-stack-grid{
  display:grid;
  gap:.55rem;
}
.cp-stack-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);
  gap:1px;
  border:1px solid rgba(34,211,238,.1);
  background:rgba(34,211,238,.1);
}
.cp-stack-func,.cp-stack-mid{
  background:rgba(6,13,24,.68);
  padding:1rem;
  min-width:0;
}
.cp-stack-func.right{text-align:right;}
.cp-stack-func strong{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-size:2.1rem;
  line-height:1;
  color:var(--cpa,var(--teal));
}
.cp-stack-func.right strong{
  color:var(--cpb,var(--teal));
}
.cp-stack-func span,.cp-stack-mid span{
  display:block;
  margin-top:.35rem;
  font-size:.8rem;
  line-height:1.55;
  color:rgba(200,220,230,.55);
}
.cp-stack-mid{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.cp-stack-mid b{
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(34,211,238,.62);
}
.cp-shared-note{
  margin-top:1rem;
  border-left:1px solid rgba(200,160,80,.34);
  padding-left:1rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.08em;
  line-height:1.7;
  color:rgba(220,200,160,.62);
}
.cp-clash-section .cp-rows{
  margin-top:0;
}
.cp-check-grid{
  display:grid;
  gap:.55rem;
}
.cp-check-row{
  display:grid;
  grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);
  gap:1px;
  border:1px solid rgba(34,211,238,.1);
  background:rgba(34,211,238,.1);
}
.cp-check-question,.cp-check-answer{
  background:rgba(6,13,24,.66);
  padding:.95rem 1rem;
  min-width:0;
}
.cp-check-question{
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:rgba(34,211,238,.6);
  line-height:1.55;
}
.cp-check-answer{
  font-size:.86rem;
  line-height:1.62;
  color:rgba(205,225,232,.62);
}
#compare-page .cp-summary{
  margin-bottom:1rem;
}
#compare-page .cp-type-panel{
  position:relative;
  overflow:hidden;
  min-height:360px;
}
#compare-page .cp-type-sigil{
  position:absolute;
  right:1rem;
  top:1rem;
  width:130px;
  height:130px;
  opacity:.18;
  pointer-events:none;
}
@media(max-width:900px){
  .cp-compare-hero,.cp-quadra-band-grid,.cp-relation-grid,.cp-reason-grid,.cp-stack-row,.cp-check-row{
    grid-template-columns:1fr;
  }
  .cp-hero-side.right,.cp-stack-func.right{text-align:left;}
  .cp-hero-center{min-width:0;}
  .cp-stack-mid{order:-1;}
  .cp-check-question{font-size:.5rem;}}
@media(max-width:700px){
  .cp-hero-side,.cp-hero-center,.cp-relation-pattern,.cp-quadra-band,.cp-stack-contrast,.cp-shared-reasons,.cp-clash-section,.cp-checklist{
    padding:1.1rem;
  }
  .cp-hero-code{font-size:3.6rem;}
  #compare-page .cp-type-panel{min-height:0;}
  #compare-page .cp-type-sigil{width:96px;height:96px;opacity:.12;}}
#compare-page .cp-wrap{max-width:1160px;}
#compare-page .cp-output.open{
  color:rgba(226,241,246,.82);
}
.cp-compare-hero{
  margin-bottom:1.15rem;
  border-color:rgba(34,211,238,.2);
}
.cp-hero-side,.cp-hero-center{
  padding:clamp(1.35rem,2.2vw,1.95rem);
  background:linear-gradient(180deg,rgba(9,19,34,.97),rgba(6,13,24,.84));
}
.cp-hero-name{
  font-size:1.42rem;
  color:rgba(235,248,252,.94);
}
.cp-hero-meta{
  font-size:.62rem;
  color:rgba(198,224,232,.64);
}
.cp-relation-badge{
  font-size:.66rem;
  color:rgba(240,250,252,.92);
  border-color:rgba(34,211,238,.36);
  background:rgba(34,211,238,.1);
}
.cp-hero-direction{
  font-size:.88rem;
  color:rgba(214,232,238,.72);
}
.cp-relation-pattern,.cp-quadra-band,.cp-stack-contrast,.cp-shared-reasons,.cp-clash-section,.cp-checklist{
  padding:clamp(1.35rem,2vw,1.85rem);
  margin-bottom:1.15rem;
  border-color:rgba(34,211,238,.18);
  background:linear-gradient(180deg,rgba(9,18,32,.86),rgba(6,13,24,.66));
}
.cp-section-kicker{
  font-size:.58rem;
  color:rgba(34,211,238,.76);
  margin-bottom:1rem;
}
.cp-relation-title{
  color:rgba(240,250,252,.96);
}
.cp-relation-title span{
  font-size:.64rem;
  color:rgba(34,211,238,.72);
}
.cp-relation-pattern p,.cp-shared-copy{
  max-width:940px;
  font-size:1.08rem;
  line-height:1.88;
  color:rgba(219,235,240,.8);
}
.cp-relation-grid,.cp-reason-grid,.cp-quadra-band-grid,.cp-stack-row,.cp-check-row{
  gap:.45rem;
  border-color:rgba(34,211,238,.16);
  background:transparent;
}
.cp-relation-grid>div,.cp-reason-grid>div,.cp-quadra-band .cp-quadra-cell,.cp-stack-func,.cp-stack-mid,.cp-check-question,.cp-check-answer{
  background:linear-gradient(180deg,rgba(7,16,29,.86),rgba(5,12,22,.72));
  border:1px solid rgba(34,211,238,.08);
}
.cp-relation-grid b,.cp-reason-grid b,.cp-stack-mid b,.cp-check-question{
  color:rgba(34,211,238,.76);
}
.cp-relation-grid span,.cp-reason-grid span{
  font-size:.98rem;
  line-height:1.72;
  color:rgba(217,233,238,.78);
}
.cp-quadra-name{
  font-size:1.52rem;
  color:rgba(240,250,252,.92);
}
.cp-quadra-tag{
  font-size:.58rem;
  color:rgba(34,211,238,.72);
}
.cp-quadra-value{
  color:rgba(220,240,245,.72);
  border-color:rgba(34,211,238,.2);
}
.cp-quadra-copy{
  font-size:1rem;
  line-height:1.82;
  color:rgba(217,233,238,.78);
}
.cp-stack-grid,.cp-check-grid{
  gap:.65rem;
}
.cp-stack-row{
  grid-template-columns:minmax(0,1fr) 158px minmax(0,1fr);
}
.cp-stack-func,.cp-stack-mid{
  padding:1.15rem;
}
.cp-stack-func strong{
  font-size:2.45rem;
}
.cp-stack-func span,.cp-stack-mid span{
  font-size:.96rem;
  line-height:1.68;
  color:rgba(217,233,238,.76);
}
.cp-stack-mid b{
  font-size:.6rem;
}
.cp-shared-note{
  font-size:.64rem;
  color:rgba(232,210,170,.76);
}
#compare-page .cp-summary{
  margin-bottom:1.15rem;
}
#compare-page .cp-type-panel{
  background:linear-gradient(180deg,rgba(8,17,31,.94),rgba(6,13,24,.76));
}
#compare-page .cp-type-meta{
  color:rgba(190,218,226,.58);
}
#compare-page .cp-type-desc{
  color:rgba(217,233,238,.76);
}
#compare-page .cp-rows{
  gap:.7rem;
}
#compare-page .cp-row{
  gap:.45rem;
  border-color:rgba(34,211,238,.14);
  background:transparent;
}
#compare-page .cp-cell{
  font-size:1rem;
  line-height:1.82;
  color:rgba(219,235,240,.78)!important;
  background:linear-gradient(180deg,rgba(8,17,31,.88),rgba(6,13,24,.7));
  border:1px solid rgba(34,211,238,.07);
}
#compare-page .cp-mid{
  font-size:.62rem;
  color:rgba(34,211,238,.78);
  background:linear-gradient(180deg,rgba(7,16,29,.9),rgba(5,12,22,.75));
  border:1px solid rgba(34,211,238,.08);
}
.cp-check-row{
  grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);
}
.cp-check-question{
  font-size:.62rem;
  line-height:1.62;
}
.cp-check-answer{
  font-size:.98rem;
  line-height:1.72;
  color:rgba(219,235,240,.8);
}
.cp-note{
  font-size:.66rem;
  color:rgba(232,210,170,.76);
  border-color:rgba(200,160,80,.28);
}
@media(max-width:900px){
  .cp-relation-grid,.cp-reason-grid,.cp-quadra-band-grid,.cp-stack-row,.cp-check-row,#compare-page .cp-row{
    gap:.55rem;
  }}
@media(max-width:700px){
  .cp-relation-pattern p,.cp-shared-copy{font-size:1rem;}
  .cp-stack-func span,.cp-stack-mid span,.cp-check-answer,#compare-page .cp-cell{font-size:.95rem;}
  .cp-check-question,#compare-page .cp-mid{font-size:.56rem;}}
.cp-column-heads{
  display:grid;
  gap:.45rem;
  margin:0 0 .65rem;
}
.cp-column-heads-axis{
  grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);
}
.cp-stack-contrast .cp-column-heads-axis{
  grid-template-columns:minmax(0,1fr) 158px minmax(0,1fr);
}
.cp-column-heads-pair{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.cp-column-heads-check{
  grid-template-columns:240px minmax(0,1fr) minmax(0,1fr);
}
.cp-column-head{
  min-width:0;
  border:1px solid color-mix(in srgb,var(--cpa,var(--teal)) 24%,transparent);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--cpa,var(--teal)) 14%,transparent),transparent 68%),
    rgba(6,13,24,.58);
  padding:.52rem .75rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.12em;
  line-height:1.55;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--cpa,var(--teal)) 62%,rgba(235,248,252,.9));
}
.cp-column-head span{
  display:inline-block;
  margin-right:.55rem;
  color:rgba(240,250,252,.92);
}
.cp-column-head.right{
  text-align:right;
  border-color:color-mix(in srgb,var(--cpb,var(--teal)) 24%,transparent);
  background:
    linear-gradient(270deg,color-mix(in srgb,var(--cpb,var(--teal)) 14%,transparent),transparent 68%),
    rgba(6,13,24,.58);
  color:color-mix(in srgb,var(--cpb,var(--teal)) 62%,rgba(235,248,252,.9));
}
.cp-column-head.right span{
  margin-right:.55rem;
  margin-left:0;
}
.cp-column-spacer{
  min-width:0;
}
.cp-side-left,
.cp-reason-grid>div:first-child,
.cp-quadra-band-grid>.cp-quadra-cell:first-child,
.cp-check-row>.cp-check-answer:nth-child(2),
#compare-page .cp-summary>.cp-type-panel:first-child{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--cpa,var(--teal)) 22%,rgba(34,211,238,.08))!important;
  background:
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--cpa,var(--teal)) 15%,transparent),transparent 34%),
    linear-gradient(90deg,color-mix(in srgb,var(--cpa,var(--teal)) 11%,transparent),transparent 54%),
    linear-gradient(180deg,rgba(8,17,31,.9),rgba(6,13,24,.72))!important;
}
.cp-side-right,
.cp-reason-grid>div:last-child,
.cp-quadra-band-grid>.cp-quadra-cell:last-child,
.cp-check-row>.cp-check-answer:nth-child(3),
#compare-page .cp-summary>.cp-type-panel:last-child{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--cpb,var(--teal)) 22%,rgba(34,211,238,.08))!important;
  background:
    radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--cpb,var(--teal)) 15%,transparent),transparent 34%),
    linear-gradient(270deg,color-mix(in srgb,var(--cpb,var(--teal)) 11%,transparent),transparent 54%),
    linear-gradient(180deg,rgba(8,17,31,.9),rgba(6,13,24,.72))!important;
}
.cp-side-left::before,
.cp-reason-grid>div:first-child::before,
.cp-quadra-band-grid>.cp-quadra-cell:first-child::before,
.cp-check-row>.cp-check-answer:nth-child(2)::before,
#compare-page .cp-summary>.cp-type-panel:first-child::before{
  content:'';
  position:absolute;
  left:0;
  top:.72rem;
  bottom:.72rem;
  width:2px;
  background:linear-gradient(180deg,transparent,var(--cpa,var(--teal)),transparent);
  box-shadow:0 0 20px color-mix(in srgb,var(--cpa,var(--teal)) 34%,transparent);
  opacity:.78;
}
.cp-side-right::after,
.cp-reason-grid>div:last-child::after,
.cp-quadra-band-grid>.cp-quadra-cell:last-child::after,
.cp-check-row>.cp-check-answer:nth-child(3)::after,
#compare-page .cp-summary>.cp-type-panel:last-child::after{
  content:'';
  position:absolute;
  right:0;
  top:.72rem;
  bottom:.72rem;
  width:2px;
  background:linear-gradient(180deg,transparent,var(--cpb,var(--teal)),transparent);
  box-shadow:0 0 20px color-mix(in srgb,var(--cpb,var(--teal)) 34%,transparent);
  opacity:.78;
}
.cp-side-left>*,
.cp-side-right>*,
.cp-reason-grid>div>*,
.cp-quadra-band-grid>.cp-quadra-cell>*,
.cp-check-row>.cp-check-answer>*,
#compare-page .cp-summary>.cp-type-panel>*{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .cp-column-heads-axis,.cp-stack-contrast .cp-column-heads-axis,.cp-column-heads-pair,.cp-column-heads-check{
    grid-template-columns:1fr;
  }
  .cp-column-spacer{
    display:none;
  }
  .cp-column-head.right{
    text-align:left;
    background:
      linear-gradient(90deg,color-mix(in srgb,var(--cpb,var(--teal)) 14%,transparent),transparent 68%),
      rgba(6,13,24,.58);
  }
  .cp-column-head.right span{
    margin-left:0;
    margin-right:.55rem;
  }}
.cp-relation-badge{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 28px rgba(34,211,238,.08);
}
.cp-relation-badge::before{
  content:'';
  position:absolute;
  inset:-55% -80%;
  z-index:-1;
  background:
    linear-gradient(110deg,transparent 28%,rgba(235,248,252,.16) 44%,rgba(34,211,238,.18) 50%,transparent 66%);
  transform:translateX(-58%) rotate(-10deg);
  opacity:.7;
  animation:cpRelationBadgeShimmer 5.8s ease-in-out infinite;
}
.cp-relation-badge::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 50% 0%,rgba(34,211,238,.18),transparent 60%),
    linear-gradient(135deg,rgba(34,211,238,.08),rgba(255,255,255,.02),rgba(34,211,238,.05));
}
.cp-relation-badge:hover{
  border-color:rgba(34,211,238,.52);
  color:rgba(250,255,255,.98);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 38px rgba(34,211,238,.16);
}
.cp-relation-badge:hover::before{
  animation-duration:2.8s;
  opacity:1;
}
@keyframes cpRelationBadgeShimmer{
  0%,18%{transform:translateX(-58%) rotate(-10deg);}
  52%,100%{transform:translateX(58%) rotate(-10deg);}
}
@media(prefers-reduced-motion:reduce){
  .cp-relation-badge::before{animation:none;transform:translateX(0) rotate(-10deg);opacity:.38;}}

body.socionics-home-page #theory-page,
body.socionics-home-page #quadra-page,
body.socionics-home-page #type-page,
body.socionics-home-page #func-page{
  background:#020407;
}

body.socionics-home-page #quadra-page{
  background:
    radial-gradient(ellipse 62% 34% at 50% -10%,rgba(var(--qp-rgb,8,166,197),.11),transparent 72%),
    linear-gradient(180deg,rgba(2,4,8,.7),#020407 38%,#010204 100%)!important;
}

body.socionics-home-page #quadra-page .qp-page-shell{
  --qp-line:rgba(var(--qp-rgb,8,166,197),.18);
  position:relative;
  padding-bottom:2rem;
}

body.socionics-home-page #quadra-page .qp-nav-strip{
  top:72px;
  border-color:rgba(var(--qp-rgb,8,166,197),.16);
  background:rgba(2,5,10,.76);
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}

body.socionics-home-page #quadra-page .qp-nav-item{
  cursor:pointer;
}

body.socionics-home-page #quadra-page .qp-back{
  color:rgba(var(--qp-rgb,8,166,197),.58);
}

body.socionics-home-page #quadra-page .qp-hero--modern{
  max-width:min(1240px,calc(100vw - 4rem));
  margin:0 auto 1.5rem;
  padding:clamp(3.2rem,6vw,5.6rem) clamp(1.5rem,4vw,4.8rem);
  border:1px solid rgba(var(--qp-rgb,8,166,197),.2);
  border-radius:8px;
  background:
    radial-gradient(ellipse 52% 64% at 82% 48%,rgba(var(--qp-rgb,8,166,197),.14),transparent 62%),
    radial-gradient(ellipse 44% 38% at 10% 100%,rgba(var(--qp-rgb,8,166,197),.08),transparent 70%),
    linear-gradient(145deg,rgba(5,9,17,.82),rgba(1,3,7,.96));
  box-shadow:0 30px 96px rgba(0,0,0,.38),0 0 72px rgba(var(--qp-rgb,8,166,197),.07),inset 0 1px 0 rgba(255,255,255,.045);
}

body.socionics-home-page #quadra-page .qp-hero--modern::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 12%,rgba(var(--qp-rgb,8,166,197),.08) 48%,transparent 78%);
  opacity:.58;
}

body.socionics-home-page #quadra-page .qp-hero-inner{
  grid-template-columns:minmax(0,1fr) minmax(260px,390px);
  gap:clamp(2.2rem,6vw,6rem);
  align-items:center;
}

body.socionics-home-page #quadra-page .qp-name{
  font-size:clamp(4.2rem,9vw,7.3rem);
  letter-spacing:.01em;
  text-shadow:0 0 54px rgba(var(--qp-rgb,8,166,197),.2)!important;
}

body.socionics-home-page #quadra-page .qp-tagline{
  color:rgba(236,246,249,.82)!important;
}

body.socionics-home-page #quadra-page .qp-desc{
  max-width:640px;
  color:rgba(219,234,240,.72);
}

body.socionics-home-page #quadra-page .qp-sigil-large{
  width:clamp(220px,27vw,350px);
  height:clamp(220px,27vw,350px);
  margin:0 0 1.15rem;
  opacity:1;
  filter:none!important;
}

body.socionics-home-page #quadra-page .qp-modern-sigil{
  position:relative;
  width:100%;
  height:100%;
  color:var(--qp-sigil,var(--quadra-alpha));
  display:grid;
  place-items:center;
  isolation:isolate;
  filter:drop-shadow(0 0 22px rgba(var(--qp-sigil-rgb,8,166,197),.34)) drop-shadow(0 0 62px rgba(var(--qp-sigil-rgb,8,166,197),.14));
}

body.socionics-home-page #quadra-page .qp-modern-sigil__glow{
  position:absolute;
  inset:18%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(var(--qp-sigil-rgb,8,166,197),.32),transparent 68%);
  filter:blur(24px);
  opacity:.78;
  z-index:-1;
}

body.socionics-home-page #quadra-page .qp-modern-sigil svg{
  width:100%;
  height:100%;
  overflow:visible;
}

body.socionics-home-page #quadra-page .qp-modern-sigil :is(path,circle,line,rect){
  vector-effect:non-scaling-stroke;
}

body.socionics-home-page #quadra-page .qp-sigil-back{
  opacity:.34;
}

body.socionics-home-page #quadra-page .qp-sigil-back :is(path,circle){
  stroke:currentColor;
  stroke-width:1.4;
}

body.socionics-home-page #quadra-page .qp-sigil-back path{
  fill:rgba(var(--qp-sigil-rgb,8,166,197),.035);
}

body.socionics-home-page #quadra-page .qp-sigil-orbit--inner{
  stroke-dasharray:7 12;
  opacity:.66;
}

body.socionics-home-page #quadra-page .qp-sigil-front :is(path,line,rect,circle){
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(var(--qp-sigil-rgb,8,166,197),.42));
}

body.socionics-home-page #quadra-page .qp-sigil-dot{
  fill:currentColor;
  stroke:none!important;
}

body.socionics-home-page #quadra-page .qp-sigil-soft{opacity:.64;}
body.socionics-home-page #quadra-page .qp-sigil-faint{opacity:.34;}

body.socionics-home-page #quadra-page .qp-sigil-spin,
body.socionics-home-page #quadra-page .qp-sigil-spin-reverse,
body.socionics-home-page #quadra-page .qp-sigil-pulse{
  transform-box:fill-box;
  transform-origin:center;
}

body.socionics-home-page #quadra-page .qp-sigil-spin{
  animation:quadraPageSigilSpin 34s linear infinite;
}

body.socionics-home-page #quadra-page .qp-sigil-spin-reverse{
  animation:quadraPageSigilSpinReverse 38s linear infinite;
}

body.socionics-home-page #quadra-page .qp-sigil-pulse{
  animation:quadraPageSigilPulse 7.8s ease-in-out infinite;
}

body.socionics-home-page #quadra-page .qp-section{
  max-width:min(1160px,calc(100vw - 4rem));
  margin:0 auto 1.2rem;
  padding:clamp(3.2rem,5vw,5rem) clamp(1.5rem,3.4vw,3.2rem);
  border-top:1px solid rgba(var(--qp-rgb,8,166,197),.14);
  background:linear-gradient(180deg,rgba(5,9,17,.34),rgba(2,4,8,.24));
}

body.socionics-home-page #quadra-page .qp-section.colored-border{
  border-color:rgba(var(--qp-rgb,8,166,197),.14);
}

body.socionics-home-page #quadra-page :is(.qp-values-grid,.qp-types-grid,.qp-sb-grid,.qp-mistype-grid,.qp-feel-grid,.qp-shadow-patterns){
  gap:1rem;
  border:0;
  background:transparent;
}

body.socionics-home-page #quadra-page :is(.qp-value-card,.qp-type-card,.qp-sb-col,.qp-mistype-card,.qp-feel-col,.qp-shadow-pattern){
  border:1px solid rgba(var(--qp-rgb,8,166,197),.13);
  border-radius:8px;
  background:
    radial-gradient(circle at 86% 13%,rgba(var(--qp-rgb,8,166,197),.08),transparent 38%),
    linear-gradient(160deg,rgba(7,11,19,.78),rgba(2,4,9,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 46px rgba(0,0,0,.22);
}

body.socionics-home-page #quadra-page .qp-type-card .t-sigil{
  color:var(--qp-accent);
  filter:drop-shadow(0 0 22px rgba(var(--qp-rgb,8,166,197),.2));
}

body.socionics-home-page #quadra-page .qp-shadow-block{
  border-color:rgba(var(--qp-rgb,8,166,197),.16);
  border-radius:8px;
  background:linear-gradient(160deg,rgba(7,11,19,.72),rgba(2,4,9,.95));
}

body.socionics-home-page #quadra-page .qp-cta{
  max-width:min(1160px,calc(100vw - 4rem));
  margin:0 auto;
  border-top:1px solid rgba(var(--qp-rgb,8,166,197),.14);
}

body.socionics-home-page #quadra-page .qp-cta-btn{
  color:rgba(245,250,252,.94);
  background:rgba(var(--qp-rgb,8,166,197),.08);
  box-shadow:0 0 28px rgba(var(--qp-rgb,8,166,197),.08);
}

body.socionics-home-page #quadra-page .qp-cta-btn:hover{
  border-color:var(--qp-accent);
  background:rgba(var(--qp-rgb,8,166,197),.14);
  box-shadow:0 0 34px rgba(var(--qp-rgb,8,166,197),.18);
}

@keyframes quadraPageSigilSpin{
  to{transform:rotate(360deg);}
}

@keyframes quadraPageSigilSpinReverse{
  to{transform:rotate(-360deg);}
}

@keyframes quadraPageSigilPulse{
  0%,100%{opacity:.78;transform:scale(.985);}
  50%{opacity:1;transform:scale(1.025);}
}

@media(max-width:700px){

  body.socionics-home-page #quadra-page .qp-nav-strip{
    top:60px;
    padding:0 .75rem;
  }

  body.socionics-home-page #quadra-page .qp-hero--modern,
  body.socionics-home-page #quadra-page .qp-section,
  body.socionics-home-page #quadra-page .qp-cta{
    max-width:calc(100vw - 2rem);
  }

  body.socionics-home-page #quadra-page .qp-hero--modern{
    margin-top:.4rem;
    padding:2.3rem 1.25rem 2.6rem;
  }

  body.socionics-home-page #quadra-page .qp-hero-inner{
    grid-template-columns:1fr!important;
    gap:1.8rem;
  }

  body.socionics-home-page #quadra-page .qp-hero-inner > div:last-child{
    align-items:center!important;
    padding-top:0!important;
  }

  body.socionics-home-page #quadra-page .qp-desc{
    max-width:100%;
  }

  body.socionics-home-page #quadra-page .qp-sigil-large{
    width:min(68vw,250px);
    height:min(68vw,250px);
    margin:.2rem auto 1rem;
  }

  body.socionics-home-page #quadra-page .qp-modern-sigil{
    filter:drop-shadow(0 0 18px rgba(var(--qp-sigil-rgb,8,166,197),.24));
  }}

body.socionics-home-page #quadra-page{
  background:
    radial-gradient(ellipse 66% 36% at 56% -10%,rgba(var(--qp-rgb,8,166,197),.16),transparent 72%),
    radial-gradient(ellipse 40% 34% at 10% 22%,rgba(34,211,238,.14),transparent 70%),
    radial-gradient(ellipse 42% 34% at 88% 70%,rgba(142,112,255,.12),transparent 70%),
    linear-gradient(180deg,#0a172a 0%,#071225 48%,#081326 100%)!important;
}

body.socionics-home-page :is(#quadra-page,#type-page,#func-page,#compare-page,#theory-page) :is(
  .qp-desc,.qp-value-desc,.qp-type-desc,.qp-sb-list li,.qp-mistype-body,.qp-mistype-tell-body,.qp-shadow-body,.qp-shadow-pattern-body,.qp-feel-body,.qp-cta-sub,
  .tp-desc,.tp-func-desc,.tp-trait-list li,.tp-compat-desc,.tp-note-copy,.tp-mistype-copy,.tp-compat-mini-copy,.tp-dynamic-copy,.tp-block-copy,.tp-similar-copy,.tp-model-graph-intro,.tp-model-graph-head p,.tp-model-legend-main span,.tp-dich-profile-copy,.tp-dual-detail-copy,.tp-scenario-copy,
  .fp-desc,.fp-section-lede,.fp-signal-copy,.fp-manifest-body,.fp-pos-desc,.fp-contrast-body,.fp-axis-copy p,
  .cp-intro,.cp-cell,.cp-type-desc,.cp-relation-pattern p,.cp-shared-copy,.cp-relation-grid span,.cp-reason-grid span,.cp-quadra-copy,.cp-stack-func span,.cp-stack-mid span,.cp-check-answer,.cp-note
){
  color:rgba(226,240,246,.8)!important;
  font-size:clamp(1rem,1.04vw,1.08rem)!important;
  line-height:1.86!important;
}

body.socionics-home-page :is(#quadra-page,#type-page,#func-page,#compare-page) :is(
  .qp-sec-label,.qp-value-func-label,.qp-type-role,.qp-mistype-subtitle,.qp-mistype-tell,.qp-shadow-pattern-label,.qp-feel-head,
  .tp-sec-label,.tp-func-title,.tp-func-pos,.tp-dich-profile-axis,.tp-model-graph-kicker,
  .fp-sec-label,.fp-signal-kicker,.fp-manifest-head,.fp-pos-num,.fp-contrast-head,.fp-type-row-label,
  .cp-eyebrow,.cp-section-kicker,.cp-mid,.cp-check-question,.cp-type-meta
){
  color:rgba(95,227,224,.72)!important;
}

body.socionics-home-page #quadra-page .qp-tagline,
body.socionics-home-page #type-page .tp-name,
body.socionics-home-page #func-page .fp-full-name{
  color:rgba(239,249,252,.9)!important;
}

body.socionics-home-page #quadra-page .qp-hero--modern,
body.socionics-home-page #type-page :is(.tp-hero,.tp-func-block,.tp-dual-panel,.tp-model-graph-card,.tp-dich-profile-card),
body.socionics-home-page #func-page :is(.fp-cinematic-hero,.fp-axis-contrast),
body.socionics-home-page #compare-page :is(.cp-compare-hero,.cp-relation-pattern,.cp-quadra-band,.cp-stack-contrast,.cp-shared-reasons,.cp-clash-section,.cp-checklist){
  border-color:rgba(95,227,224,.2)!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(142,112,255,.1),transparent 38%),
    radial-gradient(circle at 12% 8%,rgba(34,211,238,.08),transparent 34%),
    linear-gradient(155deg,rgba(12,25,44,.82),rgba(7,15,29,.72))!important;
  box-shadow:0 24px 78px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

body.socionics-home-page #quadra-page :is(.qp-section,.qp-cta),
body.socionics-home-page #type-page .tp-section,
body.socionics-home-page #func-page .fp-section,
body.socionics-home-page #compare-page .cp-wrap{
  border-color:rgba(95,227,224,.17)!important;
}

body.socionics-home-page #quadra-page :is(.qp-value-card,.qp-type-card,.qp-sb-col,.qp-mistype-card,.qp-feel-col,.qp-shadow-pattern),
body.socionics-home-page #type-page :is(.tp-func-row,.tp-trait-col,.tp-famous-card,.tp-compat-card,.tp-note-card,.tp-mistype-card,.tp-block-card,.tp-similar-card,.tp-dich-profile-card,.tp-model-legend-row),
body.socionics-home-page #func-page :is(.fp-signal-card,.fp-manifest-card,.fp-pos-card,.fp-contrast-col,.fp-axis-card),
body.socionics-home-page #compare-page :is(.cp-type-panel,.cp-cell,.cp-mid,.cp-stack-func,.cp-stack-mid,.cp-check-question,.cp-check-answer,.cp-relation-grid>div,.cp-reason-grid>div,.cp-quadra-cell){
  border-color:rgba(95,227,224,.14)!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(34,211,238,.08),transparent 36%),
    linear-gradient(155deg,rgba(10,22,39,.76),rgba(7,14,27,.68))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

body.socionics-home-page #quadra-page :is(.qp-values-grid,.qp-types-grid,.qp-sb-grid,.qp-mistype-grid,.qp-feel-grid,.qp-shadow-patterns),
body.socionics-home-page #type-page :is(.tp-traits-grid,.tp-famous-grid,.tp-dichotomy-profile),
body.socionics-home-page #func-page :is(.fp-signal-grid,.fp-manifest-grid,.fp-pos-grid,.fp-contrast),
body.socionics-home-page #compare-page :is(.cp-summary,.cp-rows,.cp-row,.cp-relation-grid,.cp-reason-grid,.cp-quadra-band-grid,.cp-stack-row,.cp-check-row){
  background:rgba(95,227,224,.12)!important;
  border-color:rgba(95,227,224,.15)!important;
}

body.socionics-home-page #type-page .tp-func-row.dim-row{
  opacity:1!important;
}

body.socionics-home-page #type-page .tp-func-row.dim-row .tp-func-desc,
body.socionics-home-page #type-page .tp-func-row.dim-row .tp-func-pos{
  color:rgba(210,228,236,.68)!important;
}

body.socionics-home-page #compare-page .cp-title,
body.socionics-home-page #type-page .tp-code,
body.socionics-home-page #quadra-page .qp-name,
body.socionics-home-page #func-page .fp-code{
  text-shadow:0 0 44px rgba(95,227,224,.18),0 0 86px rgba(142,112,255,.12)!important;
}

@media(max-width:700px){
  body.socionics-home-page :is(#quadra-page,#type-page,#func-page,#compare-page,#theory-page) :is(
    .qp-desc,.qp-value-desc,.qp-type-desc,.qp-sb-list li,.qp-mistype-body,.qp-mistype-tell-body,.qp-shadow-body,.qp-shadow-pattern-body,.qp-feel-body,
    .tp-desc,.tp-func-desc,.tp-trait-list li,.tp-compat-desc,.tp-note-copy,.tp-mistype-copy,.tp-compat-mini-copy,.tp-dynamic-copy,.tp-block-copy,.tp-similar-copy,
    .fp-desc,.fp-section-lede,.fp-signal-copy,.fp-manifest-body,.fp-pos-desc,.fp-contrast-body,.fp-axis-copy p,
    .cp-intro,.cp-cell,.cp-type-desc,.cp-relation-pattern p,.cp-shared-copy,.cp-relation-grid span,.cp-reason-grid span,.cp-quadra-copy,.cp-stack-func span,.cp-stack-mid span,.cp-check-answer,.cp-note
  ){
    font-size:1rem!important;
    line-height:1.78!important;
  }}

@media(max-width:700px) and (prefers-reduced-motion:no-preference){

  body.socionics-home-page #quadra-page .qp-modern-sigil .qp-sigil-spin{
    animation:quadraPageSigilSpin 34s linear infinite!important;
    transform-box:fill-box;
    transform-origin:center;
  }

  body.socionics-home-page #quadra-page .qp-modern-sigil .qp-sigil-spin-reverse{
    animation:quadraPageSigilSpinReverse 38s linear infinite!important;
    transform-box:fill-box;
    transform-origin:center;
  }

  body.socionics-home-page #quadra-page .qp-modern-sigil .qp-sigil-pulse{
    animation:quadraPageSigilPulse 7.8s ease-in-out infinite!important;
    transform-box:fill-box;
    transform-origin:center;
  }}

body.socionics-home-page #quadra-page{
  background:
    radial-gradient(ellipse 62% 34% at 56% -10%,rgba(var(--qp-rgb,34,211,238),.045),transparent 72%),
    radial-gradient(ellipse 44% 34% at 86% 18%,rgba(156,120,255,.08),transparent 70%),
    radial-gradient(ellipse 34% 30% at 12% 22%,rgba(34,211,238,.04),transparent 70%),
    #020407!important;
}

body.socionics-home-page :is(#quadra-page,#type-page,#func-page,#compare-page) :is(
  .qp-sec-label,.qp-value-func-label,.qp-type-role,.qp-mistype-subtitle,.qp-mistype-tell,.qp-shadow-pattern-label,.qp-feel-head,
  .tp-sec-label,.tp-func-title,.tp-func-pos,.tp-dich-profile-axis,.tp-model-graph-kicker,
  .fp-sec-label,.fp-signal-kicker,.fp-manifest-head,.fp-pos-num,.fp-contrast-head,.fp-type-row-label,
  .cp-eyebrow,.cp-section-kicker,.cp-mid,.cp-check-question,.cp-type-meta
){
  color:rgba(184,231,239,.62)!important;
}

body.socionics-home-page #quadra-page .qp-hero--modern,
body.socionics-home-page #type-page :is(.tp-hero,.tp-func-block,.tp-dual-panel,.tp-model-graph-card,.tp-dich-profile-card),
body.socionics-home-page #func-page :is(.fp-cinematic-hero,.fp-axis-contrast),
body.socionics-home-page #compare-page :is(.cp-compare-hero,.cp-relation-pattern,.cp-quadra-band,.cp-stack-contrast,.cp-shared-reasons,.cp-clash-section,.cp-checklist){
  border-color:rgba(148,185,204,.16)!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(156,120,255,.075),transparent 40%),
    radial-gradient(circle at 12% 8%,rgba(34,211,238,.035),transparent 34%),
    linear-gradient(155deg,rgba(5,8,16,.9),rgba(2,4,9,.82))!important;
  box-shadow:0 26px 86px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.socionics-home-page #quadra-page :is(.qp-section,.qp-cta),
body.socionics-home-page #type-page .tp-section,
body.socionics-home-page #func-page .fp-section,
body.socionics-home-page #compare-page .cp-wrap{
  border-color:rgba(148,185,204,.14)!important;
}

body.socionics-home-page #quadra-page :is(.qp-value-card,.qp-type-card,.qp-sb-col,.qp-mistype-card,.qp-feel-col,.qp-shadow-pattern),
body.socionics-home-page #type-page :is(.tp-func-row,.tp-trait-col,.tp-famous-card,.tp-compat-card,.tp-note-card,.tp-mistype-card,.tp-block-card,.tp-similar-card,.tp-dich-profile-card,.tp-model-legend-row),
body.socionics-home-page #func-page :is(.fp-signal-card,.fp-manifest-card,.fp-pos-card,.fp-contrast-col,.fp-axis-card),
body.socionics-home-page #compare-page :is(.cp-type-panel,.cp-cell,.cp-mid,.cp-stack-func,.cp-stack-mid,.cp-check-question,.cp-check-answer,.cp-relation-grid>div,.cp-reason-grid>div,.cp-quadra-cell){
  border-color:rgba(148,185,204,.12)!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(34,211,238,.03),transparent 36%),
    linear-gradient(155deg,rgba(5,9,17,.82),rgba(2,4,9,.74))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body.socionics-home-page #quadra-page :is(.qp-values-grid,.qp-types-grid,.qp-sb-grid,.qp-mistype-grid,.qp-feel-grid,.qp-shadow-patterns),
body.socionics-home-page #type-page :is(.tp-traits-grid,.tp-famous-grid,.tp-dichotomy-profile),
body.socionics-home-page #func-page :is(.fp-signal-grid,.fp-manifest-grid,.fp-pos-grid,.fp-contrast),
body.socionics-home-page #compare-page :is(.cp-summary,.cp-rows,.cp-row,.cp-relation-grid,.cp-reason-grid,.cp-quadra-band-grid,.cp-stack-row,.cp-check-row){
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(148,185,204,.11)!important;
}

body.socionics-home-page #compare-page .cp-title,
body.socionics-home-page #type-page .tp-code,
body.socionics-home-page #quadra-page .qp-name,
body.socionics-home-page #func-page .fp-code{
  text-shadow:0 0 42px rgba(185,252,255,.12),0 0 88px rgba(142,112,255,.14)!important;
}

body.socionics-home-page #compare-page :is(.cp-side-left,.cp-side-right),
body.socionics-home-page #compare-page .cp-summary>.cp-type-panel:first-child,
body.socionics-home-page #compare-page .cp-summary>.cp-type-panel:last-child,
body.socionics-home-page #compare-page .cp-reason-grid>div:first-child,
body.socionics-home-page #compare-page .cp-reason-grid>div:last-child,
body.socionics-home-page #compare-page .cp-quadra-band-grid>.cp-quadra-cell:first-child,
body.socionics-home-page #compare-page .cp-quadra-band-grid>.cp-quadra-cell:last-child,
body.socionics-home-page #compare-page .cp-check-row>.cp-check-answer:nth-child(2),
body.socionics-home-page #compare-page .cp-check-row>.cp-check-answer:nth-child(3){
  border-color:rgba(148,185,204,.14)!important;
  background:
    radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--cpa,var(--teal)) 5%,transparent),transparent 34%),
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--cpb,var(--teal)) 4%,transparent),transparent 34%),
    linear-gradient(180deg,rgba(5,8,16,.88),rgba(2,4,9,.76))!important;
}

body.socionics-home-page #compare-page :is(.cp-side-left,.cp-side-right)::before,
body.socionics-home-page #compare-page :is(.cp-side-left,.cp-side-right)::after,
body.socionics-home-page #compare-page .cp-summary>.cp-type-panel:first-child::before,
body.socionics-home-page #compare-page .cp-summary>.cp-type-panel:last-child::after,
body.socionics-home-page #compare-page .cp-reason-grid>div:first-child::before,
body.socionics-home-page #compare-page .cp-reason-grid>div:last-child::after,
body.socionics-home-page #compare-page .cp-quadra-band-grid>.cp-quadra-cell:first-child::before,
body.socionics-home-page #compare-page .cp-quadra-band-grid>.cp-quadra-cell:last-child::after,
body.socionics-home-page #compare-page .cp-check-row>.cp-check-answer:nth-child(2)::before,
body.socionics-home-page #compare-page .cp-check-row>.cp-check-answer:nth-child(3)::after{
  opacity:.46!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--cpa,var(--teal)) 20%,transparent)!important;
}

/* Mixed route-only rules moved from home.css. */
body.socionics-home-page #theory-page,
body.socionics-home-page #quadra-page,
body.socionics-home-page #type-page,
body.socionics-home-page #func-page,
body.socionics-home-page #compare-page{
  background:
    radial-gradient(ellipse 76% 42% at 58% -12%,rgba(126,112,255,.2),transparent 72%),
    radial-gradient(ellipse 42% 38% at 10% 18%,rgba(34,211,238,.13),transparent 70%),
    radial-gradient(ellipse 42% 32% at 88% 72%,rgba(192,132,252,.08),transparent 70%),
    linear-gradient(180deg,#0a172a 0%,#071225 46%,#081326 100%)!important;
}

body.socionics-home-page #theory-page,
body.socionics-home-page #quadra-page,
body.socionics-home-page #type-page,
body.socionics-home-page #func-page,
body.socionics-home-page #compare-page{
  background:
    radial-gradient(ellipse 72% 42% at 54% -12%,rgba(126,112,255,.13),transparent 72%),
    radial-gradient(ellipse 42% 34% at 86% 18%,rgba(192,132,252,.07),transparent 68%),
    radial-gradient(ellipse 36% 30% at 12% 22%,rgba(34,211,238,.045),transparent 70%),
    #020407!important;
}

/* IEI editorial layout pass: hero + roadmap only. */
body.socionics-home-page #type-page{
  background:
    radial-gradient(ellipse 70% 46% at 50% -10%,rgba(20,60,100,.34),transparent 70%),
    radial-gradient(ellipse 42% 38% at 88% 16%,rgba(167,139,250,.14),transparent 68%),
    radial-gradient(ellipse 46% 34% at 7% 78%,rgba(34,211,238,.08),transparent 72%),
    linear-gradient(180deg,rgba(2,4,8,.72),rgba(2,4,8,.9) 58%,rgba(1,2,5,.97) 100%)!important;
  overflow:hidden;
}
body.socionics-home-page #type-page::before{
  content:'';
  position:fixed;
  inset:-10% -6%;
  z-index:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 8% 18%,rgba(220,245,255,.38) 0 1px,transparent 1.8px),
    radial-gradient(circle at 19% 62%,rgba(34,211,238,.32) 0 1px,transparent 1.7px),
    radial-gradient(circle at 34% 26%,rgba(167,139,250,.34) 0 1px,transparent 1.8px),
    radial-gradient(circle at 52% 82%,rgba(220,245,255,.28) 0 1px,transparent 1.8px),
    radial-gradient(circle at 72% 22%,rgba(251,191,36,.24) 0 1px,transparent 1.7px),
    radial-gradient(circle at 86% 68%,rgba(192,132,252,.32) 0 1px,transparent 1.8px),
    radial-gradient(circle at 96% 36%,rgba(34,211,238,.28) 0 1px,transparent 1.7px);
  opacity:.34;
}
body.socionics-home-page #type-page > *{
  position:relative;
  z-index:1;
}
body.socionics-home-page #type-page .tp-hero--editorial{
  width:min(1520px,calc(100% - 3rem));
  max-width:none!important;
  margin:0 auto clamp(4.5rem,7vw,7rem)!important;
  padding:clamp(4.6rem,7vw,7.2rem) clamp(2rem,6vw,5.8rem) clamp(4rem,5vw,5.4rem)!important;
  border:0!important;
  border-radius:0;
  background:
    radial-gradient(ellipse 48% 64% at 80% 38%,color-mix(in srgb,var(--type-color,var(--teal)) 13%,transparent),transparent 70%),
    linear-gradient(150deg,rgba(9,18,34,.36),rgba(2,5,10,.16) 58%,transparent);
  box-shadow:none!important;
}
body.socionics-home-page #type-page .tp-hero--editorial::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  height:auto;
  background:
    linear-gradient(112deg,transparent 8%,color-mix(in srgb,var(--type-color,var(--teal)) 10%,transparent) 48%,transparent 78%);
  opacity:.5;
  transform:none;
  pointer-events:none;
}
body.socionics-home-page #type-page .tp-hero--editorial::after{
  content:'';
  position:absolute;
  left:clamp(2rem,6vw,5.8rem);
  right:clamp(2rem,6vw,5.8rem);
  top:auto;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 42%,transparent),transparent);
  opacity:.9;
}
body.socionics-home-page #type-page .tp-hero--editorial > *{
  position:relative;
  z-index:1;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-top{
  display:block!important;
  max-width:1240px;
  margin:0 auto!important;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-left{
  max-width:1180px;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-right{
  display:block!important;
  max-width:1100px;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-quadra-badge{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 84%,var(--ice))!important;
  margin-bottom:1.4rem;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-code{
  font-size:clamp(8rem,14vw,13rem)!important;
  line-height:.78;
  letter-spacing:.01em;
  text-shadow:0 0 52px color-mix(in srgb,var(--type-color,var(--teal)) 30%,transparent)!important;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-name{
  font-size:clamp(2rem,3vw,3rem)!important;
  margin-bottom:2.2rem!important;
  color:rgba(244,248,252,.9)!important;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-desc{
  max-width:1120px!important;
  font-size:clamp(1.22rem,1.6vw,1.5rem)!important;
  line-height:1.72!important;
  color:rgba(232,242,247,.86)!important;
  margin-bottom:2.25rem!important;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-dichots{
  max-width:980px!important;
  margin-bottom:0!important;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-overview-card{
  height:auto!important;
  max-width:1080px;
  margin-top:clamp(3rem,5vw,4.8rem);
  padding:clamp(1.4rem,2.5vw,2.15rem) 0 0!important;
  border:0!important;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 28%,rgba(255,255,255,.08))!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-overview-card p{
  max-width:1000px;
  font-size:clamp(1.05rem,1.25vw,1.22rem)!important;
  line-height:1.82!important;
  color:rgba(214,232,238,.72)!important;
}
body.socionics-home-page #type-page .tp-hero--editorial .tp-overview-card p:first-of-type{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.55rem,2.25vw,2.15rem)!important;
  line-height:1.42!important;
  color:rgba(244,250,252,.92)!important;
}
body.socionics-home-page #type-page .tp-hero--editorial + .tp-section{
  padding-top:clamp(2rem,4vw,3.5rem)!important;
}
body.socionics-home-page #type-page .tp-roadmap{
  display:block!important;
  max-width:1180px;
  margin:0 auto;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.07));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.06));
  background:transparent!important;
}
body.socionics-home-page #type-page .tp-roadmap::before{
  content:'';
  position:absolute;
  left:6.2rem;
  top:2.8rem;
  bottom:2.8rem;
  width:1px;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 52%,transparent),transparent);
  opacity:.7;
}
body.socionics-home-page #type-page .tp-roadmap-band{
  position:relative;
  display:grid;
  grid-template-columns:8rem minmax(10rem,.32fr) minmax(0,1fr);
  gap:clamp(1.2rem,3vw,3.2rem);
  align-items:start;
  padding:clamp(2.25rem,4vw,3.25rem) 0;
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-roadmap-band:last-child{
  border-bottom:0;
}
body.socionics-home-page #type-page .tp-roadmap-marker{
  position:relative;
  min-height:3rem;
}
body.socionics-home-page #type-page .tp-roadmap-step{
  position:static!important;
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem,5vw,4.8rem)!important;
  line-height:.82;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 38%,transparent)!important;
}
body.socionics-home-page #type-page .tp-roadmap-dot{
  position:absolute;
  right:1.45rem;
  top:.62rem;
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--type-color,var(--teal));
  box-shadow:0 0 18px color-mix(in srgb,var(--type-color,var(--teal)) 64%,transparent);
}
body.socionics-home-page #type-page .tp-roadmap-meta{
  padding-top:.25rem;
}
body.socionics-home-page #type-page .tp-roadmap-pair{
  margin:0!important;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.5rem,2vw,2rem)!important;
  letter-spacing:0!important;
  color:var(--type-color,var(--teal))!important;
}
body.socionics-home-page #type-page .tp-roadmap-copy h3{
  margin:0 0 1.05rem!important;
  max-width:820px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.9rem,2.8vw,2.7rem)!important;
  line-height:1.05;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-roadmap-copy p{
  max-width:820px;
  margin:0 0 1rem!important;
  font-size:clamp(.98rem,1.1vw,1.08rem)!important;
  line-height:1.82!important;
  color:rgba(206,226,233,.68)!important;
}
body.socionics-home-page #type-page .tp-roadmap-copy p:last-child{
  margin-bottom:0!important;
}
@media(max-width:900px){
  body.socionics-home-page #type-page .tp-hero--editorial{
    width:100%;
    padding:4.2rem 1.5rem 3.6rem!important;
  }
  body.socionics-home-page #type-page .tp-roadmap::before{
    left:2.1rem;
  }
  body.socionics-home-page #type-page .tp-roadmap-band{
    grid-template-columns:4.2rem minmax(0,1fr);
    gap:1rem 1.2rem;
  }
  body.socionics-home-page #type-page .tp-roadmap-meta,
  body.socionics-home-page #type-page .tp-roadmap-copy{
    grid-column:2;
  }
  body.socionics-home-page #type-page .tp-roadmap-dot{
    right:auto;
    left:1.82rem;
  }
}
@media(max-width:700px){
  body.socionics-home-page #type-page .tp-hero--editorial .tp-code{
    font-size:clamp(5.8rem,28vw,8rem)!important;
  }
  body.socionics-home-page #type-page .tp-hero--editorial,
  body.socionics-home-page #type-page .tp-hero--editorial .tp-top,
  body.socionics-home-page #type-page .tp-hero--editorial .tp-left,
  body.socionics-home-page #type-page .tp-hero--editorial .tp-right,
  body.socionics-home-page #type-page .tp-hero--editorial .tp-desc,
  body.socionics-home-page #type-page .tp-hero--editorial .tp-overview-card{
    max-width:100%!important;
    min-width:0!important;
  }
  body.socionics-home-page #type-page .tp-hero--editorial .tp-desc{
    font-size:1.08rem!important;
    line-height:1.68!important;
    overflow-wrap:anywhere;
  }
  body.socionics-home-page #type-page .tp-hero--editorial .tp-dichots{
    display:grid!important;
    grid-template-columns:1fr!important;
    max-width:100%!important;
  }
  body.socionics-home-page #type-page .tp-hero--editorial .tp-dichotag{
    width:100%!important;
    min-width:0!important;
    justify-content:center;
    white-space:normal;
  }
  body.socionics-home-page #type-page .tp-hero--editorial .tp-overview-card p:first-of-type{
    font-size:1.45rem!important;
  }
  body.socionics-home-page #type-page .tp-hero--editorial .tp-overview-card p{
    overflow-wrap:anywhere;
  }
  body.socionics-home-page #type-page .tp-roadmap{
    max-width:100%;
  }
  body.socionics-home-page #type-page .tp-roadmap::before{
    left:1.55rem;
  }
  body.socionics-home-page #type-page .tp-roadmap-band{
    display:block;
    padding:2.15rem 0 2.15rem 3.45rem;
  }
  body.socionics-home-page #type-page .tp-roadmap-marker{
    position:absolute;
    left:0;
    top:2.1rem;
    width:3rem;
  }
  body.socionics-home-page #type-page .tp-roadmap-step{
    font-size:2.15rem!important;
  }
  body.socionics-home-page #type-page .tp-roadmap-dot{
    left:1.36rem;
    top:.08rem;
  }
  body.socionics-home-page #type-page .tp-roadmap-meta,
  body.socionics-home-page #type-page .tp-roadmap-copy{
    grid-column:auto;
  }
  body.socionics-home-page #type-page .tp-roadmap-copy h3,
  body.socionics-home-page #type-page .tp-roadmap-copy p{
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

body.socionics-home-page #type-page .tp-metrics-section,
body.socionics-home-page #type-page .tp-center-section,
body.socionics-home-page #type-page .tp-growth-section,
body.socionics-home-page #type-page .tp-relations-section{
  background:
    linear-gradient(180deg,rgba(8,17,31,.18),rgba(5,11,22,.44))!important;
}
body.socionics-home-page #type-page .tp-model-tabs{
  max-width:1180px;
  margin:0 auto;
}
body.socionics-home-page #type-page .tp-model-tabs-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.4rem;
  align-items:end;
  margin-bottom:1.35rem;
}
body.socionics-home-page #type-page .tp-model-tabs-head .tp-model-graph-intro{
  max-width:760px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
body.socionics-home-page #type-page .tp-model-tabs-head .tp-model-graph-intro p{
  font-size:1rem;
  color:rgba(210,230,236,.62);
}
body.socionics-home-page #type-page .tp-model-tab-list{
  display:inline-flex;
  gap:.25rem;
  padding:.25rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(130,155,175,.16));
  border-radius:999px;
  background:rgba(6,13,24,.56);
}
body.socionics-home-page #type-page .tp-model-tab{
  border:0;
  border-radius:999px;
  background:transparent;
  color:rgba(210,230,236,.58);
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:.72rem 1rem;
  cursor:pointer;
  transition:background .25s ease,color .25s ease,box-shadow .25s ease;
}
body.socionics-home-page #type-page .tp-model-tab.is-active{
  background:color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.04));
  color:var(--ice);
  box-shadow:0 0 22px color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent);
}
body.socionics-home-page #type-page .tp-model-tab-panel{
  display:none;
}
body.socionics-home-page #type-page .tp-model-tab-panel.is-active{
  display:grid;
  grid-template-columns:minmax(440px,1.06fr) minmax(280px,.64fr);
  gap:clamp(1.4rem,3vw,3rem);
  align-items:center;
}
body.socionics-home-page #type-page .tp-model-tab-graph .tp-model-graph-card{
  height:100%;
  margin:0;
  border-radius:8px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--type-color,var(--teal)) 7%,rgba(7,16,31,.94)),rgba(5,11,22,.74))!important;
}
body.socionics-home-page #type-page .tp-model-tab-copy{
  max-width:430px;
  padding-left:clamp(1.2rem,2.6vw,2.2rem);
  border-left:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-model-tab-copy .tp-metric-copy-kicker{
  margin-bottom:.95rem;
  color:var(--type-color,var(--teal));
}
body.socionics-home-page #type-page .tp-model-tab-copy h3{
  margin:0 0 .85rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.85rem,2.7vw,2.55rem);
  line-height:1.04;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-model-tab-copy p{
  margin:0 0 .95rem;
  font-size:.98rem;
  line-height:1.82;
  color:rgba(206,226,233,.66);
}
body.socionics-home-page #type-page .tp-model-tab-copy p:last-child{
  margin-bottom:0;
}
body.socionics-home-page #type-page .tp-center-type{
  display:grid;
  grid-template-columns:minmax(210px,.3fr) minmax(0,1fr);
  gap:clamp(2rem,5vw,5.4rem);
  max-width:1180px;
  margin:0 auto;
  padding-top:2rem;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(255,255,255,.08));
}
body.socionics-home-page #type-page .tp-center-rail{
  position:sticky;
  top:6rem;
  align-self:start;
  display:grid;
  gap:1.1rem;
}
body.socionics-home-page #type-page .tp-center-rail-item{
  padding-left:1rem;
  border-left:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 28%,rgba(255,255,255,.08));
}
body.socionics-home-page #type-page .tp-center-rail-role{
  margin-bottom:.4rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 76%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-center-rail-fn{
  margin-bottom:.45rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.5rem,2vw,2rem);
  line-height:1.04;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-center-rail-fn span{
  color:var(--type-color,var(--teal));
}
body.socionics-home-page #type-page .tp-center-rail-item p{
  margin:0;
  font-size:.86rem;
  line-height:1.68;
  color:rgba(197,218,226,.54);
}
body.socionics-home-page #type-page .tp-center-essay{
  max-width:860px;
}
body.socionics-home-page #type-page .tp-center-essay p{
  margin:0 0 1.25rem;
  font-size:clamp(1.02rem,1.18vw,1.13rem);
  line-height:1.88;
  color:rgba(211,231,238,.7);
}
body.socionics-home-page #type-page .tp-center-essay p:first-child{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.75rem,2.7vw,2.5rem);
  line-height:1.28;
  color:rgba(246,250,252,.93);
}
body.socionics-home-page #type-page .tp-center-boxes{
  max-width:1180px;
  margin:0 auto;
  padding-top:1.2rem;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(255,255,255,.08));
}
body.socionics-home-page #type-page .tp-center-thesis,
body.socionics-home-page #type-page .tp-center-conclusion,
body.socionics-home-page #type-page .tp-center-ime-card{
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.08));
  border-radius:8px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--type-color,var(--teal)) 8%,rgba(8,16,31,.72)),rgba(5,10,22,.48));
  box-shadow:0 18px 48px rgba(0,0,0,.16);
}
body.socionics-home-page #type-page .tp-center-thesis,
body.socionics-home-page #type-page .tp-center-conclusion{
  padding:clamp(1.2rem,2.7vw,2rem) clamp(1.2rem,3vw,2.35rem);
}
body.socionics-home-page #type-page .tp-center-thesis{
  border-left:2px solid color-mix(in srgb,var(--type-color,var(--teal)) 62%,rgba(255,255,255,.18));
}
body.socionics-home-page #type-page .tp-center-conclusion{
  margin-top:1rem;
  border-top-color:color-mix(in srgb,var(--type-color,var(--teal)) 34%,rgba(255,255,255,.12));
}
body.socionics-home-page #type-page .tp-center-thesis span,
body.socionics-home-page #type-page .tp-center-conclusion span{
  display:block;
  margin-bottom:.75rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 78%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-center-thesis p,
body.socionics-home-page #type-page .tp-center-conclusion p{
  max-width:980px;
  margin:0;
  font-size:clamp(1.04rem,1.25vw,1.16rem);
  line-height:1.84;
  color:rgba(218,236,242,.76);
}
body.socionics-home-page #type-page .tp-center-thesis p{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.55rem,2.35vw,2.25rem);
  line-height:1.28;
  color:rgba(246,250,252,.92);
}
body.socionics-home-page #type-page .tp-center-ime-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1rem;
}
body.socionics-home-page #type-page .tp-center-ime-card{
  position:relative;
  overflow:hidden;
  min-height:100%;
  padding:clamp(1.05rem,2.1vw,1.55rem);
  border-color:color-mix(in srgb,var(--fn-color,var(--type-color,var(--teal))) 28%,rgba(255,255,255,.08));
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--fn-color,var(--type-color,var(--teal))) 10%,rgba(8,16,31,.78)),rgba(5,10,22,.5)),
    radial-gradient(circle at 95% 5%,rgba(var(--fn-rgb,167,139,250),.18),transparent 38%);
  box-shadow:0 18px 48px rgba(0,0,0,.16),0 0 34px rgba(var(--fn-rgb,167,139,250),.06);
}
body.socionics-home-page #type-page .tp-center-ime-card::before{
  content:'';
  position:absolute;
  inset:0;
  border-top:1px solid rgba(var(--fn-rgb,167,139,250),.32);
  background:
    linear-gradient(120deg,transparent 0 62%,rgba(var(--fn-rgb,167,139,250),.08) 62.2%,transparent 62.7%),
    radial-gradient(circle at 8% 18%,rgba(var(--fn-rgb,167,139,250),.18) 0 1px,transparent 1.8px);
  opacity:.72;
  pointer-events:none;
}
body.socionics-home-page #type-page .tp-center-ime-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:flex-start;
  margin-bottom:.9rem;
  padding-bottom:.75rem;
  border-bottom:1px solid rgba(var(--fn-rgb,167,139,250),.2);
}
body.socionics-home-page #type-page .tp-center-ime-head span{
  font-family:'Share Tech Mono',monospace;
  font-size:.56rem;
  letter-spacing:.22em;
  line-height:1.5;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--fn-color,var(--type-color,var(--teal))) 78%,rgba(220,240,245,.52));
}
body.socionics-home-page #type-page .tp-center-ime-head strong{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,3vw,3rem);
  line-height:.82;
  color:var(--fn-color,var(--type-color,var(--teal)));
  text-shadow:0 0 28px rgba(var(--fn-rgb,167,139,250),.34);
}
body.socionics-home-page #type-page .tp-center-ime-card h3{
  position:relative;
  z-index:1;
  margin:0 0 .8rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.4rem,2.1vw,1.9rem);
  line-height:1.04;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-center-ime-card p{
  position:relative;
  z-index:1;
  margin:0 0 .85rem;
  font-size:.96rem;
  line-height:1.76;
  color:rgba(209,229,236,.68);
}
body.socionics-home-page #type-page .tp-center-ime-card p:last-child{
  margin-bottom:0;
}
@media(max-width:860px){
  body.socionics-home-page #type-page .tp-center-ime-grid{
    grid-template-columns:1fr;
  }
}
body.socionics-home-page #type-page .tp-beta-ecosystem{
  max-width:1180px;
  margin:0 auto;
}
body.socionics-home-page #type-page .tp-beta-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  padding-bottom:1.2rem;
}
body.socionics-home-page #type-page .tp-beta-head h3{
  margin:0;
  max-width:820px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,3.4vw,3.2rem);
  line-height:1.02;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-beta-intro{
  max-width:900px;
}
body.socionics-home-page #type-page .tp-beta-intro p{
  margin:0 0 .85rem;
  font-size:1rem;
  line-height:1.82;
  color:rgba(205,225,232,.65);
}
body.socionics-home-page #type-page .tp-beta-map{
  position:relative;
  min-height:620px;
  display:grid;
  place-items:center;
  margin:clamp(1.6rem,4vw,3.2rem) 0 1.5rem;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.07));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.06));
  overflow:hidden;
}
body.socionics-home-page #type-page .tp-beta-map::before,
body.socionics-home-page #type-page .tp-beta-map::after{
  content:'';
  position:absolute;
  inset:50% 11%;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 28%,transparent),transparent);
  transform:translateY(-50%);
}
body.socionics-home-page #type-page .tp-beta-map::after{
  inset:12% 50%;
  width:1px;
  height:auto;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 24%,transparent),transparent);
  transform:translateX(-50%);
}
body.socionics-home-page #type-page .tp-beta-center,
body.socionics-home-page #type-page .tp-beta-node{
  position:relative;
  z-index:1;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(130,155,175,.16));
  border-radius:8px;
  background:rgba(6,13,24,.78);
  backdrop-filter:blur(16px);
}
body.socionics-home-page #type-page .tp-beta-center{
  width:min(380px,62vw);
  padding:clamp(1.45rem,3vw,2.3rem);
  text-align:center;
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 52%,rgba(255,255,255,.12));
  background:
    linear-gradient(155deg,color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(7,16,31,.92)),rgba(5,11,22,.72));
  box-shadow:0 0 42px color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent);
}
body.socionics-home-page #type-page .tp-beta-center-code{
  margin-bottom:.55rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(4rem,7vw,6.2rem);
  line-height:.82;
  color:var(--type-color,var(--teal));
}
body.socionics-home-page #type-page .tp-beta-center h3,
body.socionics-home-page #type-page .tp-beta-node h3,
body.socionics-home-page #type-page .tp-beta-exchange h3{
  margin:0 0 .75rem;
  font-family:'Cormorant Garamond',serif;
  color:var(--ice);
  line-height:1.08;
}
body.socionics-home-page #type-page .tp-beta-center h3{
  font-size:clamp(1.55rem,2.3vw,2.1rem);
}
body.socionics-home-page #type-page .tp-beta-center p,
body.socionics-home-page #type-page .tp-beta-node p,
body.socionics-home-page #type-page .tp-beta-exchange p{
  margin:0 0 .9rem;
  font-size:.91rem;
  line-height:1.72;
  color:rgba(204,224,232,.62);
}
body.socionics-home-page #type-page .tp-beta-node{
  position:absolute;
  width:min(286px,28vw);
  padding:1.25rem 1.25rem 1.2rem;
}
body.socionics-home-page #type-page .tp-beta-node--1{
  left:0;
  top:12%;
}
body.socionics-home-page #type-page .tp-beta-node--2{
  right:0;
  top:12%;
}
body.socionics-home-page #type-page .tp-beta-node--3{
  left:50%;
  bottom:5%;
  transform:translateX(-50%);
}
body.socionics-home-page #type-page .tp-beta-node-code{
  margin-bottom:.5rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.62rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--type-color,var(--teal));
}
body.socionics-home-page #type-page .tp-beta-exchanges{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(255,255,255,.06));
  background:color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(255,255,255,.04));
}
body.socionics-home-page #type-page .tp-beta-exchange{
  padding:1.3rem;
  background:rgba(6,13,24,.7);
}
body.socionics-home-page #type-page .tp-beta-exchange h3{
  font-size:1.28rem;
}
body.socionics-home-page #type-page .tp-beta-close{
  max-width:900px;
  margin:1.3rem 0 0;
  padding-top:1.2rem;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.06));
  font-size:1rem;
  line-height:1.82;
  color:rgba(205,225,232,.66);
}
body.socionics-home-page #type-page .tp-dynamics-pairs{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  gap:1rem;
}
body.socionics-home-page #type-page .tp-dynamics-pairs--paths{
  gap:1.15rem;
}
body.socionics-home-page #type-page .tp-dynamics-journey{
  position:relative;
  overflow:hidden;
  padding:clamp(1.2rem,2.7vw,2rem);
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 21%,rgba(255,255,255,.08));
  border-radius:8px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--type-color,var(--teal)) 8%,rgba(8,16,31,.78)),rgba(5,10,22,.48));
  box-shadow:0 18px 52px rgba(0,0,0,.14);
}
body.socionics-home-page #type-page .tp-dynamics-journey::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 18%,color-mix(in srgb,var(--type-color,var(--teal)) 10%,transparent) 18.2%,transparent 18.6% 57%,rgba(255,255,255,.045) 57.2%,transparent 57.6%),
    radial-gradient(circle at 17% 24%,rgba(255,255,255,.18) 0 1px,transparent 1.8px),
    radial-gradient(circle at 68% 72%,color-mix(in srgb,var(--type-color,var(--teal)) 45%,rgba(255,255,255,.2)) 0 1px,transparent 1.8px);
  opacity:.5;
}
body.socionics-home-page #type-page .tp-dynamics-journey--fear{
  border-color:rgba(214,186,255,.2);
  background:
    linear-gradient(145deg,rgba(42,31,65,.34),rgba(5,10,22,.56));
}
body.socionics-home-page #type-page .tp-dynamics-journey-head,
body.socionics-home-page #type-page .tp-dynamics-journey-body{
  position:relative;
  z-index:1;
}
body.socionics-home-page #type-page .tp-dynamics-journey-head{
  display:grid;
  grid-template-columns:minmax(220px,.44fr) minmax(0,1fr);
  gap:clamp(1.1rem,3vw,2.4rem);
  align-items:end;
  padding-bottom:clamp(1rem,2vw,1.45rem);
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.07));
}
body.socionics-home-page #type-page .tp-dynamics-journey-head h3{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.05rem,4.2vw,4rem);
  line-height:.95;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-dynamics-journey--fear .tp-dynamics-journey-head h3{
  color:color-mix(in srgb,var(--type-color,var(--teal)) 58%,var(--ice));
}
body.socionics-home-page #type-page .tp-dynamics-line{
  margin:0;
  max-width:720px;
  justify-self:end;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.45rem,2.5vw,2.45rem);
  line-height:1.08;
  color:rgba(245,250,252,.88);
}
body.socionics-home-page #type-page .tp-dynamics-journey--fear .tp-dynamics-line{
  color:rgba(231,219,246,.86);
}
body.socionics-home-page #type-page .tp-dynamics-journey-body{
  display:grid;
  grid-template-columns:minmax(260px,.46fr) minmax(0,1fr);
  gap:clamp(1.2rem,3vw,2.5rem);
  padding-top:clamp(1rem,2vw,1.5rem);
}
body.socionics-home-page #type-page .tp-dynamics-copy p{
  margin:0 0 .95rem;
  font-size:1rem;
  line-height:1.82;
  color:rgba(209,229,236,.68);
}
body.socionics-home-page #type-page .tp-dynamics-copy p:last-child{
  margin-bottom:0;
}
body.socionics-home-page #type-page .tp-dynamics-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.07));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.055));
}
body.socionics-home-page #type-page .tp-dynamics-step{
  position:relative;
  min-width:0;
  padding:1rem clamp(.8rem,1.4vw,1.15rem) 1.05rem;
  border-left:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-dynamics-step:first-child{
  border-left:0;
}
body.socionics-home-page #type-page .tp-dynamics-step-index{
  display:block;
  margin-bottom:.55rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.55rem;
  letter-spacing:.22em;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 78%,rgba(220,240,245,.52));
}
body.socionics-home-page #type-page .tp-dynamics-step h4{
  margin:0 0 .55rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.22rem,1.7vw,1.55rem);
  line-height:1.05;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-dynamics-step p{
  margin:0;
  font-size:.9rem;
  line-height:1.66;
  color:rgba(205,225,232,.62);
}
body.socionics-home-page #type-page .tp-dynamics-pairs--paths .tp-dynamics-pair{
  margin-top:.1rem;
}
body.socionics-home-page #type-page .tp-dynamics-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
body.socionics-home-page #type-page .tp-dynamics-card{
  position:relative;
  min-height:100%;
  padding:clamp(1.1rem,2.3vw,1.65rem);
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 19%,rgba(255,255,255,.08));
  border-left:2px solid color-mix(in srgb,var(--type-color,var(--teal)) 58%,rgba(255,255,255,.14));
  border-radius:8px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--type-color,var(--teal)) 8%,rgba(8,16,31,.72)),rgba(5,10,22,.46));
  box-shadow:0 18px 48px rgba(0,0,0,.14);
}
body.socionics-home-page #type-page .tp-dynamics-card--shadow{
  border-left-color:rgba(214,186,255,.36);
  background:
    linear-gradient(145deg,rgba(42,31,65,.34),rgba(5,10,22,.48));
}
body.socionics-home-page #type-page .tp-dynamics-kicker{
  margin-bottom:.65rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.55rem;
  letter-spacing:.22em;
  line-height:1.5;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 78%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-dynamics-card h3{
  margin:0 0 .85rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.55rem,2.35vw,2.15rem);
  line-height:1.04;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-dynamics-card--shadow h3{
  color:color-mix(in srgb,var(--type-color,var(--teal)) 52%,var(--ice));
}
body.socionics-home-page #type-page .tp-dynamics-card p{
  margin:0 0 .9rem;
  font-size:.98rem;
  line-height:1.78;
  color:rgba(209,229,236,.68);
}
body.socionics-home-page #type-page .tp-dynamics-card p:last-child{
  margin-bottom:0;
}
body.socionics-home-page #type-page .tp-growth-matrix{
  max-width:1180px;
  margin:0 auto;
  border:0;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.08));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.06));
  border-radius:0;
  background:transparent;
}
body.socionics-home-page #type-page .tp-growth-head{
  padding:0 1.1rem 1rem;
  background:transparent;
}
body.socionics-home-page #type-page .tp-growth-row{
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 11%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-growth-cell{
  padding:1rem 1.1rem;
  font-size:.95rem;
  color:rgba(215,232,238,.7);
  background:transparent;
}
body.socionics-home-page #type-page .tp-growth-cell--edge{
  background:transparent;
  color:rgba(232,215,224,.72);
}
body.socionics-home-page #type-page .tp-practical-section .tp-compass-grid{
  max-width:1180px;
  margin:0 auto;
  gap:.9rem;
  border:0;
  background:transparent;
}
body.socionics-home-page #type-page .tp-practical-section .tp-compass-card{
  min-height:0;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(130,155,175,.16));
  border-radius:8px;
  background:
    linear-gradient(155deg,color-mix(in srgb,var(--type-color,var(--teal)) 8%,rgba(7,16,31,.9)),rgba(5,11,22,.72));
}
body.socionics-home-page #type-page .tp-practical-section .tp-compass-card::after{
  display:none;
}
body.socionics-home-page #type-page .tp-practical-section .tp-compass-card:hover{
  transform:translateY(-2px);
}
body.socionics-home-page #type-page .tp-practical-section .tp-compass-card h3{
  font-size:clamp(1.72rem,2.2vw,2.2rem);
}
body.socionics-home-page #type-page .tp-relations-section .tp-dual-panel{
  max-width:1180px;
  margin:0 auto 1.4rem;
  border-radius:8px;
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 34%,rgba(255,255,255,.12))!important;
  background:
    linear-gradient(115deg,color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(9,14,34,.98)),rgba(4,7,16,.93) 46%,rgba(8,10,27,.9)),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%,transparent 78%,rgba(255,255,255,.03))!important;
  box-shadow:0 30px 92px rgba(0,0,0,.42),0 0 44px color-mix(in srgb,var(--type-color,var(--teal)) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.socionics-home-page #type-page .tp-relations-section .tp-dual-panel::before{
  display:block;
  background:
    radial-gradient(circle at 10% 16%,rgba(245,248,255,.58) 0 1px,transparent 1.7px),
    radial-gradient(circle at 24% 74%,color-mix(in srgb,var(--type-color,var(--teal)) 58%,rgba(255,255,255,.34)) 0 1px,transparent 1.8px),
    radial-gradient(circle at 48% 24%,rgba(226,235,255,.4) 0 1px,transparent 1.7px),
    radial-gradient(circle at 68% 78%,color-mix(in srgb,var(--type-color,var(--teal)) 52%,rgba(255,255,255,.3)) 0 1px,transparent 1.8px),
    radial-gradient(circle at 91% 32%,rgba(245,248,255,.46) 0 1px,transparent 1.7px),
    linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--type-color,var(--teal)) 12%,transparent) 43%,rgba(214,203,255,.075) 50%,color-mix(in srgb,var(--type-color,var(--teal)) 9%,transparent) 57%,transparent 100%),
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 15%,transparent 82%,rgba(255,255,255,.04));
  opacity:.68;
  animation:tpDualStarTwinkle 6.4s ease-in-out infinite alternate;
}
body.socionics-home-page #type-page .tp-relations-section .tp-dual-details-body{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 6%,rgba(18,17,38,.92)),rgba(7,13,27,.92)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent)!important;
}
body.socionics-home-page #type-page .tp-relations-section .tp-dual-detail-copy,
body.socionics-home-page #type-page .tp-relations-section .tp-dual-detail-list{
  background:transparent!important;
}
body.socionics-home-page #type-page .tp-relations-section .tp-dual-essay{
  border-color:color-mix(in srgb,var(--type-color,var(--teal)) 28%,rgba(255,255,255,.09))!important;
  background:
    radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--type-color,var(--teal)) 9%,transparent),transparent 34%),
    radial-gradient(circle at 14% 0,rgba(226,235,255,.035),transparent 28%),
    linear-gradient(180deg,rgba(4,8,19,.84),rgba(5,9,21,.58))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent),0 18px 44px rgba(0,0,0,.2)!important;
}
body.socionics-home-page #type-page .tp-relations-section .tp-dual-details summary{
  cursor:pointer;
}
body.socionics-home-page #type-page .tp-relation-notes{
  max-width:1180px;
  margin:0 auto;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.07));
}
body.socionics-home-page #type-page .tp-relation-note{
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-relation-note summary{
  list-style:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:.9rem;
  align-items:center;
  padding:1.05rem 0;
  cursor:pointer;
}
body.socionics-home-page #type-page .tp-relation-note summary::-webkit-details-marker{
  display:none;
}
body.socionics-home-page #type-page .tp-relation-note summary::after{
  content:'+';
  font-family:'Share Tech Mono',monospace;
  color:var(--type-color,var(--teal));
}
body.socionics-home-page #type-page .tp-relation-note[open] summary::after{
  content:'-';
}
body.socionics-home-page #type-page .tp-relation-note summary .tp-relation-main{
  display:flex;
  align-items:baseline;
  gap:.48rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.55rem,2.15vw,2.05rem);
  line-height:1.08;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-relation-note summary .tp-relation-main b{
  font-family:'Share Tech Mono',monospace;
  font-size:.74rem;
  letter-spacing:.22em;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 82%,rgba(220,240,245,.62));
}
body.socionics-home-page #type-page .tp-relation-family{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  min-height:1.55rem;
  padding:.28rem .58rem .25rem;
  border:1px solid rgba(var(--rel-rgb,167,139,250),.24);
  border-radius:999px;
  background:rgba(var(--rel-rgb,167,139,250),.075);
  box-shadow:0 0 18px rgba(var(--rel-rgb,167,139,250),.045);
  font-family:'Share Tech Mono',monospace;
  font-size:.5rem;
  letter-spacing:.17em;
  line-height:1;
  text-transform:uppercase;
  color:rgba(var(--rel-rgb,167,139,250),.9);
  white-space:nowrap;
}
body.socionics-home-page #type-page .tp-relation-family--supportive{
  --rel-rgb:52,211,153;
}
body.socionics-home-page #type-page .tp-relation-family--similar{
  --rel-rgb:124,140,255;
}
body.socionics-home-page #type-page .tp-relation-family--uneven{
  --rel-rgb:251,191,36;
}
body.socionics-home-page #type-page .tp-relation-family--friction{
  --rel-rgb:248,113,113;
}
body.socionics-home-page #type-page .tp-relation-note .tp-relation-kicker{
  display:block;
  margin:0;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 76%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-relation-note .tp-relation-kicker b{
  color:rgba(220,238,244,.74);
}
body.socionics-home-page #type-page .tp-relation-note-body{
  max-width:none;
  padding:0 0 1.35rem;
}
body.socionics-home-page #type-page .tp-relation-note-body p{
  margin:0;
  font-size:.95rem;
  line-height:1.72;
  color:rgba(205,225,232,.66);
}
body.socionics-home-page #type-page .tp-relation-note-body p + p{
  margin-top:.75rem;
}
body.socionics-home-page #type-page .tp-relation-note-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.06));
  border-radius:8px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--type-color,var(--teal)) 7%,rgba(8,16,31,.58)),rgba(5,10,22,.38));
  overflow:hidden;
}
body.socionics-home-page #type-page .tp-relation-note-grid article{
  min-width:0;
  padding:1rem 1.05rem 1.05rem;
  border-left:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(255,255,255,.055));
}
body.socionics-home-page #type-page .tp-relation-note-grid article:first-child{
  border-left:0;
}
body.socionics-home-page #type-page .tp-relation-note-grid article > span{
  display:block;
  margin-bottom:.58rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.2em;
  line-height:1.45;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 76%,rgba(220,240,245,.5));
}
@media(max-width:1040px){
  body.socionics-home-page #type-page .tp-model-tab-panel.is-active{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-model-tab-copy{
    max-width:760px;
    padding:0;
    border-left:0;
  }
  body.socionics-home-page #type-page .tp-beta-map{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.9rem;
    padding:1rem 0;
    place-items:stretch;
  }
  body.socionics-home-page #type-page .tp-beta-map::before,
  body.socionics-home-page #type-page .tp-beta-map::after{
    display:none;
  }
  body.socionics-home-page #type-page .tp-beta-center,
  body.socionics-home-page #type-page .tp-beta-node{
    position:relative;
    inset:auto;
    width:auto;
    transform:none;
  }
  body.socionics-home-page #type-page .tp-beta-center{
    grid-column:1/-1;
  }
  body.socionics-home-page #type-page .tp-beta-exchanges{
    grid-template-columns:1fr;
  }
}
@media(max-width:780px){
  body.socionics-home-page #type-page .tp-model-tabs-head,
  body.socionics-home-page #type-page .tp-center-type{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-model-tab-list{
    width:100%;
  }
  body.socionics-home-page #type-page .tp-model-tab{
    flex:1;
    padding:.7rem .55rem;
    letter-spacing:.1em;
  }
  body.socionics-home-page #type-page .tp-center-rail{
    position:relative;
    top:auto;
    grid-template-columns:1fr 1fr;
    gap:.85rem;
  }
  body.socionics-home-page #type-page .tp-center-essay p:first-child{
    font-size:1.55rem;
  }
  body.socionics-home-page #type-page .tp-beta-map{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-growth-matrix{
    display:block;
    border:0;
  }
  body.socionics-home-page #type-page .tp-growth-row{
    display:block;
    margin-bottom:.75rem;
    border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.08));
    border-radius:8px;
    background:rgba(6,13,24,.5);
  }
  body.socionics-home-page #type-page .tp-growth-cell--edge{
    border-left:0;
    border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(255,255,255,.06));
  }
  body.socionics-home-page #type-page .tp-relation-note summary{
    grid-template-columns:1fr auto auto;
    gap:.6rem .9rem;
  }
  body.socionics-home-page #type-page .tp-relation-note summary .tp-relation-main{
    flex-wrap:wrap;
    row-gap:.2rem;
  }
  body.socionics-home-page #type-page .tp-relation-family{
    font-size:.47rem;
    letter-spacing:.14em;
    padding:.27rem .5rem .24rem;
  }
  body.socionics-home-page #type-page .tp-relation-note .tp-relation-kicker{
    grid-column:1/-1;
  }
  body.socionics-home-page #type-page .tp-relation-note-body{
    padding-left:0;
  }
  body.socionics-home-page #type-page .tp-relation-note-grid{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-relation-note-grid article{
    border-left:0;
    border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(255,255,255,.055));
  }
  body.socionics-home-page #type-page .tp-relation-note-grid article:first-child{
    border-top:0;
  }
  body.socionics-home-page #type-page .tp-relations-section .tp-dual-head,
  body.socionics-home-page #type-page .tp-relations-section .tp-dual-details-body{
    grid-template-columns:1fr;
  }
}
@media(max-width:560px){
  body.socionics-home-page #type-page .tp-center-rail{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-model-tab{
    font-size:.52rem;
  }
  body.socionics-home-page #type-page .tp-beta-center{
    width:100%;
  }
}

body.socionics-home-page #type-page{
  background:
    radial-gradient(ellipse 90% 44% at 50% -8%,rgba(103,92,196,.18),transparent 72%),
    radial-gradient(ellipse 72% 46% at 92% 18%,rgba(139,92,246,.105),transparent 74%),
    radial-gradient(ellipse 64% 38% at 12% 58%,rgba(34,211,238,.055),transparent 72%),
    linear-gradient(180deg,#02040a 0%,#030610 30%,#040716 58%,#020409 100%)!important;
}
body.socionics-home-page #type-page::before{
  inset:0;
  opacity:.74;
  background-image:
    radial-gradient(circle at 7% 14%,rgba(237,248,255,.58) 0 1px,transparent 1.7px),
    radial-gradient(circle at 18% 73%,rgba(167,139,250,.5) 0 1px,transparent 1.8px),
    radial-gradient(circle at 32% 29%,rgba(224,242,254,.42) 0 1px,transparent 1.7px),
    radial-gradient(circle at 46% 89%,rgba(192,132,252,.42) 0 1px,transparent 1.7px),
    radial-gradient(circle at 61% 18%,rgba(237,248,255,.45) 0 1px,transparent 1.8px),
    radial-gradient(circle at 79% 62%,rgba(34,211,238,.38) 0 1px,transparent 1.8px),
    radial-gradient(circle at 93% 36%,rgba(237,248,255,.48) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(236,248,255,.34) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(167,139,250,.26) 0 1px,transparent 1.9px),
    radial-gradient(circle,rgba(34,211,238,.18) 0 1px,transparent 2px);
  background-size:
    auto,
    auto,
    auto,
    auto,
    auto,
    auto,
    auto,
    132px 132px,
    211px 211px,
    337px 337px;
  background-position:
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    0 0,
    7px 19px,
    38px 61px,
    81px 17px;
}
body.socionics-home-page #type-page::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(116deg,transparent 0 18%,rgba(167,139,250,.095) 18.08% 18.18%,transparent 18.32% 100%),
    linear-gradient(38deg,transparent 0 27%,rgba(34,211,238,.07) 27.08% 27.18%,transparent 27.32% 100%),
    linear-gradient(152deg,transparent 0 43%,rgba(219,234,254,.055) 43.08% 43.18%,transparent 43.3% 100%),
    linear-gradient(72deg,transparent 0 66%,rgba(167,139,250,.065) 66.08% 66.2%,transparent 66.34% 100%);
  background-size:760px 620px,620px 780px,920px 720px,680px 560px;
  background-position:3% 7%,92% 18%,48% 62%,10% 88%;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.95) 16%,rgba(0,0,0,.78) 82%,rgba(0,0,0,.42));
}
body.socionics-home-page #type-page .tp-section{
  background:
    linear-gradient(180deg,rgba(10,18,34,.22),rgba(3,7,15,.1) 45%,rgba(10,18,34,.16))!important;
  box-shadow:
    inset 0 1px 0 rgba(226,232,240,.035),
    inset 0 -1px 0 rgba(167,139,250,.035);
}
body.socionics-home-page #type-page .tp-metrics-section,
body.socionics-home-page #type-page .tp-center-section,
body.socionics-home-page #type-page .tp-growth-section,
body.socionics-home-page #type-page .tp-relations-section{
  background:
    linear-gradient(180deg,rgba(11,19,38,.3),rgba(3,7,15,.16) 42%,rgba(10,16,32,.26))!important;
}
body.socionics-home-page #type-page .tp-hero--editorial{
  background:
    linear-gradient(150deg,rgba(10,18,34,.48),rgba(3,7,16,.24) 58%,rgba(7,9,20,.1)),
    linear-gradient(90deg,rgba(167,139,250,.055),transparent 46%,rgba(34,211,238,.035))!important;
}
body.socionics-home-page #type-page .tp-growth-section .sh{
  max-width:1180px;
}
body.socionics-home-page #type-page .tp-growth-matrix{
  display:block;
  max-width:1180px;
  padding:clamp(1.4rem,2.8vw,2.2rem) 0 0;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(255,255,255,.08));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.06));
  background:
    linear-gradient(180deg,rgba(8,15,30,.18),rgba(4,8,18,.04));
}
body.socionics-home-page #type-page .tp-growth-legend{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(1rem,3vw,3rem);
  padding:0 0 clamp(1rem,2vw,1.4rem);
}
body.socionics-home-page #type-page .tp-growth-legend > div{
  padding:0 clamp(.6rem,1vw,1.1rem);
}
body.socionics-home-page #type-page .tp-growth-legend span,
body.socionics-home-page #type-page .tp-growth-cell-label{
  display:block;
  margin-bottom:.48rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 78%,rgba(220,240,245,.48));
}
body.socionics-home-page #type-page .tp-growth-legend strong{
  display:block;
  margin-bottom:.62rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.75rem,2.8vw,2.45rem);
  line-height:1.02;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-growth-legend > div:last-child strong{
  color:color-mix(in srgb,var(--type-color,var(--teal)) 64%,var(--ice));
}
body.socionics-home-page #type-page .tp-growth-legend p{
  max-width:520px;
  margin:0;
  font-size:.95rem;
  line-height:1.72;
  color:rgba(205,225,232,.58);
}
body.socionics-home-page #type-page .tp-growth-rows{
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.07));
}
body.socionics-home-page #type-page .tp-growth-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 3.8rem minmax(0,1fr);
  grid-column:auto;
  align-items:stretch;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(255,255,255,.055));
}
body.socionics-home-page #type-page .tp-growth-row:first-child{
  border-top:0;
}
body.socionics-home-page #type-page .tp-growth-cell{
  min-width:0;
  padding:clamp(1rem,1.8vw,1.35rem) clamp(.7rem,1.4vw,1.1rem);
  font-size:.95rem;
  line-height:1.74;
  color:rgba(219,235,240,.73);
}
body.socionics-home-page #type-page .tp-growth-cell::before,
body.socionics-home-page #type-page .tp-growth-cell--edge::before{
  content:none!important;
}
body.socionics-home-page #type-page .tp-growth-cell--edge{
  grid-column:3;
  border-left:0;
  border-top:0;
  color:rgba(232,220,228,.72);
}
body.socionics-home-page #type-page .tp-growth-cell--edge .tp-growth-cell-label{
  color:rgba(214,186,255,.62);
}
body.socionics-home-page #type-page .tp-growth-flow{
  grid-column:2;
  position:relative;
  display:grid;
  place-items:center;
}
body.socionics-home-page #type-page .tp-growth-flow::before{
  content:'';
  width:1px;
  height:100%;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.06)),transparent);
}
body.socionics-home-page #type-page .tp-growth-flow::after{
  content:'';
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:color-mix(in srgb,var(--type-color,var(--teal)) 65%,var(--ice));
  box-shadow:0 0 14px color-mix(in srgb,var(--type-color,var(--teal)) 48%,transparent);
}
@media(max-width:780px){
  body.socionics-home-page #type-page .tp-dynamics-journey-head,
  body.socionics-home-page #type-page .tp-dynamics-journey-body,
  body.socionics-home-page #type-page .tp-dynamics-steps{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-dynamics-line{
    justify-self:start;
  }
  body.socionics-home-page #type-page .tp-dynamics-step{
    border-left:0;
    border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(255,255,255,.06));
  }
  body.socionics-home-page #type-page .tp-dynamics-step:first-child{
    border-top:0;
  }
  body.socionics-home-page #type-page .tp-dynamics-pair{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-growth-legend{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-growth-row{
    display:block;
    margin-bottom:.85rem;
    border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.08));
    border-radius:8px;
    background:rgba(5,10,22,.48);
    overflow:hidden;
  }
  body.socionics-home-page #type-page .tp-growth-flow{
    display:none;
  }
body.socionics-home-page #type-page .tp-growth-cell--edge{
    border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(255,255,255,.06));
  }
}

body.socionics-home-page #type-page .tp-beta-place{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  overflow:hidden;
}
body.socionics-home-page #type-page .tp-beta-place-crest{
  position:absolute;
  z-index:0;
  right:clamp(-1.5rem,2vw,2rem);
  top:clamp(-3.2rem,-4vw,-1rem);
  width:clamp(230px,30vw,410px);
  color:var(--type-color,var(--teal));
  opacity:.2;
  filter:drop-shadow(0 0 34px color-mix(in srgb,var(--type-color,var(--teal)) 34%,transparent));
  pointer-events:none;
}
body.socionics-home-page #type-page .tp-beta-place-crest::after{
  content:'';
  position:absolute;
  inset:14%;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--type-color,var(--teal)) 22%,transparent),transparent 68%);
  filter:blur(22px);
  opacity:.72;
}
body.socionics-home-page #type-page .tp-beta-place-crest svg{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  opacity:.72;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-modern-sigil{
  position:relative;
  width:100%;
  height:100%;
  color:var(--qp-sigil,var(--type-color,var(--teal)));
  display:grid;
  place-items:center;
  isolation:isolate;
  filter:drop-shadow(0 0 22px rgba(var(--qp-sigil-rgb,139,92,246),.34)) drop-shadow(0 0 62px rgba(var(--qp-sigil-rgb,139,92,246),.14));
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-modern-sigil__glow{
  position:absolute;
  inset:18%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(var(--qp-sigil-rgb,139,92,246),.32),transparent 68%);
  filter:blur(24px);
  opacity:.78;
  z-index:-1;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-modern-sigil svg{
  width:100%;
  height:100%;
  overflow:visible;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-modern-sigil :is(path,circle,line,rect){
  vector-effect:non-scaling-stroke;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-back{
  opacity:.34;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-back :is(path,circle){
  stroke:currentColor;
  stroke-width:1.4;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-back path{
  fill:rgba(var(--qp-sigil-rgb,139,92,246),.035);
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-orbit--inner{
  stroke-dasharray:7 12;
  opacity:.66;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-front :is(path,line,rect,circle){
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(var(--qp-sigil-rgb,139,92,246),.42));
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-dot{
  fill:currentColor;
  stroke:none!important;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-soft{opacity:.64;}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-faint{opacity:.34;}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-spin,
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-spin-reverse,
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-pulse{
  transform-box:fill-box;
  transform-origin:center;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-spin{
  animation:quadraPageSigilSpin 34s linear infinite;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-spin-reverse{
  animation:quadraPageSigilSpinReverse 38s linear infinite;
}
body.socionics-home-page #type-page .tp-beta-place-crest .qp-sigil-pulse{
  animation:quadraPageSigilPulse 7.8s ease-in-out infinite;
}
body.socionics-home-page #type-page .tp-beta-place-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);
  gap:clamp(1.5rem,4vw,4rem);
  align-items:end;
  min-height:clamp(210px,24vw,300px);
  padding:clamp(2rem,5vw,4rem) 0 clamp(1.25rem,2.5vw,1.9rem);
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.08));
}
body.socionics-home-page #type-page .tp-beta-place-subtitle{
  max-width:620px;
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.6rem,2.4vw,2.25rem);
  line-height:1.08;
  color:rgba(231,242,247,.86);
}
body.socionics-home-page #type-page .tp-beta-place-exchange{
  display:grid;
  gap:.65rem;
  align-self:end;
  justify-self:end;
  width:min(100%,460px);
  padding:.9rem 0;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 20%,rgba(255,255,255,.08));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.06));
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 7%,rgba(7,14,28,.32)),transparent);
}
body.socionics-home-page #type-page .tp-beta-place-signal{
  display:grid;
  grid-template-columns:minmax(110px,.35fr) minmax(0,1fr);
  gap:1rem;
  align-items:start;
  padding:.55rem 1rem;
  border-left:0;
  background:transparent;
}
body.socionics-home-page #type-page .tp-beta-place-signal span{
  display:block;
  margin:0;
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.22em;
  line-height:1.5;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 70%,rgba(220,240,245,.48));
}
body.socionics-home-page #type-page .tp-beta-place-signal strong{
  display:block;
  font-size:.95rem;
  line-height:1.5;
  font-weight:600;
  color:rgba(229,241,246,.78);
}
body.socionics-home-page #type-page .tp-beta-place-intro{
  max-width:940px;
  padding:clamp(1.5rem,3vw,2.3rem) 0 clamp(1.25rem,3vw,2rem);
}
body.socionics-home-page #type-page .tp-beta-place-intro p{
  margin:0 0 1rem;
  font-size:1.04rem;
  line-height:1.86;
  color:rgba(205,225,232,.68);
}
body.socionics-home-page #type-page .tp-beta-relationship-map{
  display:grid;
  grid-template-columns:minmax(240px,.36fr) minmax(0,1fr);
  gap:clamp(1rem,3vw,2rem);
  align-items:stretch;
  margin:0 0 clamp(1.2rem,2.8vw,2rem);
  padding:clamp(1rem,2.4vw,1.45rem);
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.08));
  border-radius:8px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--type-color,var(--teal)) 8%,rgba(8,16,31,.72)),rgba(5,10,22,.48)),
    linear-gradient(90deg,rgba(124,140,255,.05),transparent 42%,rgba(251,191,36,.045));
}
body.socionics-home-page #type-page .tp-beta-relationship-copy span{
  display:block;
  margin-bottom:.55rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 76%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-beta-relationship-copy h3{
  margin:0 0 .75rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.65rem,2.4vw,2.25rem);
  line-height:1.04;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-beta-relationship-copy p{
  margin:0;
  font-size:.98rem;
  line-height:1.78;
  color:rgba(205,225,232,.66);
}
body.socionics-home-page #type-page .tp-beta-relationship-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.08));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-beta-relationship-node{
  position:relative;
  min-width:0;
  padding:1rem clamp(.8rem,1.4vw,1.15rem);
  border-left:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-beta-relationship-node:first-child{
  border-left:0;
}
body.socionics-home-page #type-page .tp-beta-relationship-node::after{
  content:'';
  position:absolute;
  right:-5px;
  top:1.35rem;
  width:9px;
  height:9px;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 70%,rgba(255,255,255,.18));
  border-right:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 70%,rgba(255,255,255,.18));
  transform:rotate(45deg);
}
body.socionics-home-page #type-page .tp-beta-relationship-node:last-child::after{
  display:none;
}
body.socionics-home-page #type-page .tp-beta-relationship-node span{
  display:block;
  margin-bottom:.5rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.22em;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 78%,rgba(220,240,245,.52));
}
body.socionics-home-page #type-page .tp-beta-relationship-node strong{
  display:block;
  margin-bottom:.5rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.22rem,1.7vw,1.55rem);
  line-height:1.05;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-beta-relationship-node p{
  margin:0;
  font-size:.9rem;
  line-height:1.64;
  color:rgba(205,225,232,.62);
}
body.socionics-home-page #type-page .tp-beta-place-pairings{
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.08));
}
body.socionics-home-page #type-page .tp-beta-place-row{
  position:relative;
  display:grid;
  grid-template-columns:clamp(76px,12vw,132px) minmax(0,1fr);
  gap:clamp(1.2rem,3vw,3rem);
  padding:clamp(1.45rem,3vw,2.35rem) 0;
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 12%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-beta-place-row::before{
  content:'';
  position:absolute;
  left:clamp(37px,6vw,66px);
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 32%,transparent),transparent);
}
body.socionics-home-page #type-page .tp-beta-place-code{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:.2rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.92rem;
  letter-spacing:.22em;
  color:var(--type-color,var(--teal));
  text-shadow:0 0 18px color-mix(in srgb,var(--type-color,var(--teal)) 36%,transparent);
}
body.socionics-home-page #type-page .tp-beta-place-code::after{
  content:'';
  position:absolute;
  top:2.15rem;
  left:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translateX(-50%);
  background:var(--type-color,var(--teal));
  box-shadow:0 0 22px color-mix(in srgb,var(--type-color,var(--teal)) 60%,transparent);
}
body.socionics-home-page #type-page .tp-beta-place-copy{
  max-width:850px;
}
body.socionics-home-page #type-page .tp-beta-place-copy h3{
  margin:0 0 .85rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.55rem,2.4vw,2.15rem);
  line-height:1.05;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-beta-place-copy p{
  margin:0 0 .92rem;
  font-size:1rem;
  line-height:1.82;
  color:rgba(205,225,232,.66);
}
body.socionics-home-page #type-page .tp-beta-place-copy .tp-beta-place-tension{
  margin:1.05rem 0 0;
  padding:.9rem 1rem;
  border-left:2px solid color-mix(in srgb,var(--type-color,var(--teal)) 58%,rgba(255,255,255,.14));
  background:linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 7%,rgba(5,10,22,.44)),transparent);
  color:rgba(226,238,244,.76);
}
body.socionics-home-page #type-page .tp-beta-place-role{
  display:grid;
  grid-template-columns:minmax(150px,.26fr) minmax(0,1fr);
  gap:clamp(1.2rem,3vw,3rem);
  padding:clamp(1.4rem,3vw,2rem) 0 0;
}
body.socionics-home-page #type-page .tp-beta-place-role span{
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.24em;
  line-height:1.55;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 72%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-beta-place-role p{
  max-width:880px;
  margin:0;
  font-size:1.03rem;
  line-height:1.84;
  color:rgba(208,228,236,.7);
}

body.socionics-home-page #type-page .tp-beta-theater{
  max-width:1180px;
  margin:0 auto;
}
body.socionics-home-page #type-page .tp-beta-theater-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);
  gap:clamp(1.4rem,4vw,4rem);
  align-items:end;
  padding-bottom:1.4rem;
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.08));
}
body.socionics-home-page #type-page .tp-beta-theater-head h3{
  max-width:720px;
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.2rem,4vw,3.7rem);
  line-height:1;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-beta-theater-sequence{
  justify-self:end;
  max-width:360px;
  padding:.75rem .9rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.1));
  border-radius:999px;
  background:rgba(6,13,24,.5);
  font-family:'Share Tech Mono',monospace;
  font-size:.56rem;
  line-height:1.6;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(219,234,254,.62);
  text-align:center;
}
body.socionics-home-page #type-page .tp-beta-theater-intro{
  max-width:930px;
  padding:clamp(1.35rem,3vw,2rem) 0 clamp(1.4rem,3vw,2.4rem);
}
body.socionics-home-page #type-page .tp-beta-theater-intro p{
  margin:0 0 .95rem;
  font-size:1rem;
  line-height:1.84;
  color:rgba(205,225,232,.66);
}
body.socionics-home-page #type-page .tp-beta-stage-track{
  position:relative;
  display:grid;
  max-width:1040px;
  margin:0 auto;
  padding:clamp(.45rem,1.4vw,.9rem) 0;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.08));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-beta-stage-track::before{
  content:'';
  position:absolute;
  left:clamp(42px,7vw,72px);
  top:clamp(2rem,3vw,2.8rem);
  bottom:clamp(2rem,3vw,2.8rem);
  width:1px;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--type-color,var(--teal)) 42%,transparent),transparent);
}
body.socionics-home-page #type-page .tp-beta-stage{
  position:relative;
  display:grid;
  grid-template-columns:clamp(84px,12vw,142px) minmax(0,1fr);
  gap:clamp(1rem,3vw,2.8rem);
  min-width:0;
  padding:clamp(1.05rem,2.4vw,1.9rem) 0;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 11%,rgba(255,255,255,.06));
  background:transparent;
}
body.socionics-home-page #type-page .tp-beta-stage:first-child{
  border-top:0;
}
body.socionics-home-page #type-page .tp-beta-stage.is-iei{
  background:transparent;
  box-shadow:none;
}
body.socionics-home-page #type-page .tp-beta-stage-top{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:.35rem;
  min-height:64px;
  margin:0;
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(219,234,254,.42);
}
body.socionics-home-page #type-page .tp-beta-stage-top b{
  font-size:.86rem;
  letter-spacing:.22em;
  color:var(--type-color,var(--teal));
}
body.socionics-home-page #type-page .tp-beta-stage-top::after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:11px;
  height:11px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:var(--type-color,var(--teal));
  box-shadow:0 0 18px color-mix(in srgb,var(--type-color,var(--teal)) 52%,transparent);
  z-index:-1;
}
body.socionics-home-page #type-page .tp-beta-stage.is-bookend .tp-beta-stage-top::after{
  width:14px;
  height:14px;
  box-shadow:0 0 28px color-mix(in srgb,var(--type-color,var(--teal)) 68%,transparent);
}
body.socionics-home-page #type-page .tp-beta-stage-copy{
  max-width:780px;
  padding:.25rem 0;
}
body.socionics-home-page #type-page .tp-beta-stage.is-bookend .tp-beta-stage-copy{
  max-width:900px;
  padding:clamp(1rem,2.3vw,1.55rem) clamp(1rem,2.8vw,1.9rem);
  border-left:2px solid var(--type-color,var(--teal));
  background:linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(7,14,28,.42)),rgba(4,8,18,.08) 72%,transparent);
}
body.socionics-home-page #type-page .tp-beta-stage-role{
  margin-bottom:.55rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.55rem,2.5vw,2.2rem);
  line-height:1.05;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-beta-stage h3{
  margin:0 0 .75rem;
  font-family:'Rajdhani',sans-serif;
  font-size:1.04rem;
  line-height:1.35;
  font-weight:700;
  color:rgba(226,238,244,.76);
}
body.socionics-home-page #type-page .tp-beta-stage p{
  max-width:760px;
  margin:.9rem 0 0;
  font-size:.98rem;
  line-height:1.8;
  color:rgba(205,225,232,.64);
}
body.socionics-home-page #type-page .tp-beta-afterimage{
  display:grid;
  grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);
  gap:clamp(1.2rem,3vw,3rem);
  padding:clamp(1.3rem,3vw,2rem) 0 0;
}
body.socionics-home-page #type-page .tp-beta-afterimage span{
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 72%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-beta-afterimage p{
  max-width:870px;
  margin:0;
  font-size:1rem;
  line-height:1.84;
  color:rgba(208,228,236,.68);
}
body.socionics-home-page #type-page .tp-field-notes{
  max-width:1180px;
  margin:clamp(2.4rem,5vw,4rem) auto 0;
  padding-top:clamp(1.6rem,3vw,2.2rem);
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.08));
}
body.socionics-home-page #type-page .tp-field-notes-intro{
  max-width:760px;
  margin-bottom:clamp(1.4rem,3vw,2rem);
}
body.socionics-home-page #type-page .tp-field-notes-intro h3{
  margin:0 0 .75rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,3.4vw,3.2rem);
  line-height:1.02;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-field-notes-intro p{
  margin:0;
  font-size:1rem;
  line-height:1.78;
  color:rgba(205,225,232,.64);
}
body.socionics-home-page #type-page .tp-talent-interplay{
  margin:0 0 clamp(1.35rem,3vw,2.1rem);
  padding:clamp(1rem,2.4vw,1.55rem);
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 22%,rgba(255,255,255,.08));
  border-radius:8px;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--type-color,var(--teal)) 8%,rgba(8,16,31,.72)),rgba(5,10,22,.46)),
    linear-gradient(90deg,rgba(124,140,255,.05),transparent 50%,rgba(255,138,174,.045));
}
body.socionics-home-page #type-page .tp-talent-interplay-head{
  display:grid;
  grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);
  gap:clamp(1rem,3vw,2rem);
  align-items:end;
  padding-bottom:clamp(1rem,2vw,1.35rem);
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 16%,rgba(255,255,255,.07));
}
body.socionics-home-page #type-page .tp-talent-interplay-head h3{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.75rem,3vw,2.7rem);
  line-height:1.02;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-talent-interplay-head p{
  margin:0;
  max-width:760px;
  font-size:1rem;
  line-height:1.78;
  color:rgba(205,225,232,.65);
}
body.socionics-home-page #type-page .tp-talent-lanes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:1rem;
}
body.socionics-home-page #type-page .tp-talent-lane{
  padding:1rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(255,255,255,.075));
  border-radius:8px;
  background:rgba(6,13,24,.38);
}
body.socionics-home-page #type-page .tp-talent-lane > span{
  display:block;
  margin-bottom:.55rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.52rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--type-color,var(--teal)) 76%,rgba(220,240,245,.5));
}
body.socionics-home-page #type-page .tp-talent-lane h4{
  margin:0 0 .8rem;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.35rem,2vw,1.8rem);
  line-height:1.04;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-talent-bridges{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:1rem;
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(255,255,255,.07));
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 11%,rgba(255,255,255,.055));
}
body.socionics-home-page #type-page .tp-talent-bridge{
  min-width:0;
  padding:.95rem .8rem;
  border-left:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 11%,rgba(255,255,255,.055));
}
body.socionics-home-page #type-page .tp-talent-bridge:first-child{
  border-left:0;
}
body.socionics-home-page #type-page .tp-talent-bridge span{
  display:block;
  margin-bottom:.42rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.5rem;
  letter-spacing:.18em;
  line-height:1.45;
  text-transform:uppercase;
  color:rgba(214,186,255,.68);
}
body.socionics-home-page #type-page .tp-talent-bridge b{
  display:block;
  font-size:.86rem;
  line-height:1.46;
  color:rgba(220,236,242,.72);
  font-weight:600;
}
body.socionics-home-page #type-page .tp-field-note-list{
  border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 14%,rgba(255,255,255,.07));
}
body.socionics-home-page #type-page .tp-field-note{
  display:grid;
  grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);
  gap:clamp(1.3rem,4vw,4rem);
  padding:clamp(1.6rem,3vw,2.25rem) 0;
  border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 11%,rgba(255,255,255,.06));
}
body.socionics-home-page #type-page .tp-field-note-kicker{
  margin-bottom:.65rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.54rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--type-color,var(--teal));
}
body.socionics-home-page #type-page .tp-field-note h3{
  margin:0;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.6rem,2.4vw,2.25rem);
  line-height:1.04;
  color:var(--ice);
}
body.socionics-home-page #type-page .tp-field-note-body p{
  margin:0 0 .9rem;
  max-width:850px;
  font-size:.98rem;
  line-height:1.8;
  color:rgba(207,227,235,.66);
}
body.socionics-home-page #type-page .tp-field-note-groups{
  display:grid;
  gap:.95rem;
  margin-top:1.25rem;
}
body.socionics-home-page #type-page .tp-field-note-group{
  display:grid;
  grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);
  gap:.9rem 1.3rem;
  align-items:start;
}
body.socionics-home-page #type-page .tp-field-note-group h4{
  margin:.25rem 0 0;
  font-family:'Rajdhani',sans-serif;
  font-size:.94rem;
  line-height:1.28;
  color:rgba(236,244,248,.82);
}
body.socionics-home-page #type-page .tp-field-note-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.42rem;
}
body.socionics-home-page #type-page .tp-field-note-chips span{
  display:inline-flex;
  align-items:center;
  min-height:1.85rem;
  padding:.36rem .58rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.08));
  border-radius:999px;
  background:rgba(6,13,24,.42);
  font-size:.78rem;
  line-height:1.2;
  color:rgba(214,231,238,.7);
}
body.socionics-home-page #type-page .tp-field-note-callout{
  margin:1.25rem 0 0!important;
  padding:.9rem 1rem;
  border-left:2px solid var(--type-color,var(--teal));
  background:color-mix(in srgb,var(--type-color,var(--teal)) 7%,rgba(6,13,24,.32));
  color:rgba(230,240,244,.78)!important;
}
@media(max-width:1080px){
  body.socionics-home-page #type-page .tp-beta-place-head{
    grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);
  }
  body.socionics-home-page #type-page .tp-beta-place-crest{
    right:-2rem;
    width:clamp(220px,36vw,340px);
  }
  body.socionics-home-page #type-page .tp-beta-place-row::before{
    left:clamp(37px,8vw,56px);
  }
  body.socionics-home-page #type-page .tp-beta-stage-track::before{
    left:clamp(36px,9vw,60px);
  }
  body.socionics-home-page #type-page .tp-beta-stage{
    grid-template-columns:clamp(72px,16vw,112px) minmax(0,1fr);
  }
}
@media(max-width:780px){
  body.socionics-home-page #type-page .tp-beta-place-head,
  body.socionics-home-page #type-page .tp-beta-theater-head,
  body.socionics-home-page #type-page .tp-beta-place-role,
  body.socionics-home-page #type-page .tp-beta-afterimage,
  body.socionics-home-page #type-page .tp-beta-relationship-map,
  body.socionics-home-page #type-page .tp-beta-relationship-flow,
  body.socionics-home-page #type-page .tp-talent-interplay-head,
  body.socionics-home-page #type-page .tp-talent-lanes,
  body.socionics-home-page #type-page .tp-talent-bridges,
  body.socionics-home-page #type-page .tp-field-note,
  body.socionics-home-page #type-page .tp-field-note-group{
    grid-template-columns:1fr;
  }
  body.socionics-home-page #type-page .tp-beta-place-exchange{
    justify-self:stretch;
    width:100%;
    max-width:100%;
  }
  body.socionics-home-page #type-page .tp-beta-place-head{
    min-height:0;
    padding-top:clamp(1.6rem,6vw,2.5rem);
  }
  body.socionics-home-page #type-page .tp-beta-place-crest{
    top:-1.5rem;
    right:-3.5rem;
    width:260px;
    opacity:.14;
  }
  body.socionics-home-page #type-page .tp-beta-place-signal{
    grid-template-columns:1fr;
    gap:.28rem;
    padding:.65rem .25rem;
  }
  body.socionics-home-page #type-page .tp-beta-place-row{
    grid-template-columns:58px minmax(0,1fr);
    gap:1rem;
  }
  body.socionics-home-page #type-page .tp-beta-place-row::before{
    left:29px;
  }
  body.socionics-home-page #type-page .tp-beta-place-code{
    justify-content:flex-start;
    padding-left:.15rem;
  }
  body.socionics-home-page #type-page .tp-beta-place-code::after{
    left:29px;
  }
  body.socionics-home-page #type-page .tp-beta-theater-sequence{
    justify-self:start;
    max-width:100%;
    border-radius:8px;
  }
  body.socionics-home-page #type-page .tp-beta-stage-track::before{
    left:32px;
  }
  body.socionics-home-page #type-page .tp-beta-stage{
    grid-template-columns:64px minmax(0,1fr);
    gap:1rem;
  }
  body.socionics-home-page #type-page .tp-beta-stage.is-bookend .tp-beta-stage-copy{
    padding:1rem 1rem 1.05rem;
  }
  body.socionics-home-page #type-page .tp-beta-relationship-flow,
  body.socionics-home-page #type-page .tp-talent-bridges{
    border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 15%,rgba(255,255,255,.07));
    border-bottom:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 11%,rgba(255,255,255,.055));
  }
  body.socionics-home-page #type-page .tp-beta-relationship-node,
  body.socionics-home-page #type-page .tp-talent-bridge{
    border-left:0;
    border-top:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 11%,rgba(255,255,255,.055));
  }
  body.socionics-home-page #type-page .tp-beta-relationship-node:first-child,
  body.socionics-home-page #type-page .tp-talent-bridge:first-child{
    border-top:0;
  }
  body.socionics-home-page #type-page .tp-beta-relationship-node::after{
    display:none;
  }
  body.socionics-home-page #type-page .tp-field-note{
    gap:1rem;
  }
}

body.socionics-home-page #type-page .tp-beta-place--cards{
  max-width:1180px;
  margin:0 auto;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.25rem;
  min-height:0;
  padding:0 0 clamp(1.2rem,2.5vw,1.8rem);
  border-bottom:0;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-subtitle{
  max-width:760px;
  font-size:clamp(1.55rem,2.5vw,2.15rem);
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-exchange{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  align-self:stretch;
  justify-self:stretch;
  width:100%;
  max-width:none;
  padding:0;
  border:0;
  background:transparent;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-signal{
  display:block;
  min-height:100%;
  padding:1rem 1.1rem 1.05rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 24%,rgba(255,255,255,.08));
  border-left:2px solid color-mix(in srgb,var(--type-color,var(--teal)) 64%,rgba(255,255,255,.14));
  border-radius:8px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(10,18,34,.72)),rgba(5,10,22,.46)),
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--type-color,var(--teal)) 14%,transparent),transparent 58%);
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-signal span{
  margin:0 0 .52rem;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-signal strong{
  font-size:1rem;
  line-height:1.55;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-intro{
  max-width:980px;
  padding:clamp(1.1rem,2.5vw,1.7rem) 0 clamp(1.15rem,2.6vw,1.9rem);
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-pairings{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  border-top:0;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-row{
  display:grid;
  grid-template-columns:1fr;
  gap:.85rem;
  min-height:100%;
  padding:1.05rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 18%,rgba(255,255,255,.08));
  border-radius:8px;
  background:linear-gradient(180deg,rgba(8,16,31,.62),rgba(5,10,22,.48));
  box-shadow:0 18px 45px rgba(0,0,0,.14);
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-row::before,
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-code::after{
  display:none;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:1.8rem;
  padding:.32rem .62rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 38%,rgba(255,255,255,.1));
  border-radius:999px;
  background:color-mix(in srgb,var(--type-color,var(--teal)) 10%,rgba(8,14,28,.58));
  font-size:.72rem;
  letter-spacing:.18em;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-copy{
  max-width:none;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-copy h3{
  margin-bottom:.7rem;
  font-size:clamp(1.25rem,1.8vw,1.55rem);
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-copy p{
  font-size:.95rem;
  line-height:1.74;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-copy .tp-beta-place-tension{
  margin-top:.8rem;
  padding:.78rem .85rem;
  border-radius:8px;
  border-left:2px solid color-mix(in srgb,var(--type-color,var(--teal)) 58%,rgba(255,255,255,.14));
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-role{
  display:block;
  margin-top:1rem;
  padding:1.05rem 1.1rem;
  border:1px solid color-mix(in srgb,var(--type-color,var(--teal)) 20%,rgba(255,255,255,.08));
  border-radius:8px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--type-color,var(--teal)) 9%,rgba(5,10,22,.58)),rgba(5,10,22,.38));
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-role span{
  display:block;
  margin:0 0 .55rem;
}
body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-role p{
  max-width:920px;
}
@media(max-width:980px){
  body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-pairings{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  body.socionics-home-page #type-page .tp-beta-place--cards .tp-beta-place-exchange{
    grid-template-columns:1fr;
  }
}