/* Approved depth section; all styles scoped to this section. */
#parity-depth{--ink:#050b12;--deep:#07131a;--paper:#f8f7f3;--lilac:#c9941a;--muted:#a5b0b4;--white:#f4f2ec;--rule:rgba(223,224,214,.2);--pad:clamp(24px,5.7vw,108px);color:var(--white);font-family:Inter,sans-serif;isolation:isolate}
#parity-depth,#parity-depth *{box-sizing:border-box}
#parity-depth p,#parity-depth h2{margin:0;font-weight:400}
#parity-depth p{line-height:1.7}
#parity-depth h2{font-family:'Instrument Serif',Georgia,serif}
#parity-depth button{font:inherit;border:0;cursor:pointer}
#parity-depth button:focus-visible,#parity-depth [tabindex]:focus-visible{outline:2px solid #c9941a;outline-offset:6px}
#parity-depth [hidden]{display:none!important}
#parity-depth{padding:100px var(--pad)}
#parity-depth .section-note{font-size:13px;letter-spacing:.015em;line-height:1.6}
#parity-depth .serif-word{font-family:"DM Serif",Georgia,serif;font-style:italic;letter-spacing:-.035em}
#parity-depth{background:radial-gradient(ellipse at 77% 61%,#253026 0,transparent 48%),#07131a;position:relative;overflow:hidden;padding-top:100px;padding-bottom:37px}
#parity-depth .intelligence-heading{position:relative;z-index:2}
#parity-depth .intelligence-heading h2{font-size:clamp(48px,5.4vw,88px);letter-spacing:-.055em;line-height:1.03;margin:24px 0}
#parity-depth .intelligence-heading>p:last-child{color:var(--muted);font-size:13px;max-width:450px}
#parity-depth .layer-experience{display:grid;grid-template-columns:40% 60%;align-items:end;margin-top:-172px;min-height:660px}
#parity-depth .layer-controls{display:flex;flex-direction:column;position:relative;z-index:3;margin-bottom:55px}
#parity-depth .layer-tab{display:flex;align-items:center;text-align:left;gap:20px;padding:23px 0;background:none;border-bottom:1px solid var(--rule);color:#a7b3ba;transition:color .3s}
#parity-depth .layer-tab-number{font-size:10px;color:#c9941a;align-self:flex-start;padding-top:3px}
#parity-depth .layer-tab strong{display:block;font-size:14px;font-weight:400}
#parity-depth .layer-tab small{font-size:11px;display:block;margin-top:9px;line-height:1.5;max-width:240px}
#parity-depth .layer-tab-arrow{margin-left:auto;align-self:flex-start;font-size:20px;opacity:0}
#parity-depth .layer-tab[aria-selected=true]{color:var(--white);border-color:var(--lilac)}
#parity-depth .layer-tab[aria-selected=true] .layer-tab-number{color:var(--lilac)}
#parity-depth .layer-tab[aria-selected=true] .layer-tab-arrow{opacity:1;color:var(--lilac)}
#parity-depth .architecture{position:relative;height:660px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
#parity-depth .architecture-stack{position:absolute;top:30px;left:54%;width:350px;height:380px;transform:translateX(-50%);perspective:950px;isolation:isolate}
#parity-depth .glass-plane{width:350px;height:270px;position:absolute;left:0;transform:rotateX(57deg) rotateZ(-33deg);background:linear-gradient(140deg,#dcd3bf12,#d4c8af2e 48%,#fff3);border:1px solid #d8cdb766;border-radius:16px;box-shadow:0 3px 0 #9f978755,0 6px 0 #cbc0a813,0 20px 70px #06050330;transition:transform 1s cubic-bezier(.22,.8,.22,1),border-color 1s,box-shadow 1s,background 1s;backdrop-filter:blur(6px);overflow:hidden}
#parity-depth .plane-top{top:0;z-index:3}
#parity-depth .plane-middle{top:100px;z-index:2}
#parity-depth .plane-bottom{top:200px;z-index:1}
#parity-depth .plane-label{position:absolute;left:22px;top:19px;font-size:13px;color:#f6f3ed}
#parity-depth .plane-dot-grid{position:absolute;inset:47px 25px 28px;background:radial-gradient(circle,#f1eee688 1px,transparent 1.5px) 0 0/17px 17px;opacity:.2}
#parity-depth .plane-node{position:absolute;left:25px;bottom:33px;min-width:90px;border:1px solid #f2eee775;border-radius:5px;padding:12px 18px;font-size:13px;z-index:1;background:#93876d22}
#parity-depth .second-node{left:auto;right:25px;bottom:75px}
#parity-depth .plane-center{font-family:"DM Serif",serif;font-style:italic;font-size:58px;display:block;position:absolute;top:84px;left:87px;letter-spacing:-3px;text-shadow:0 0 30px #f4f2eb99}
#parity-depth .plane-center sup{font-family:Manrope,sans-serif;font-size:13px;font-style:normal;vertical-align:top;letter-spacing:0;position:relative;top:12px;left:3px}
#parity-depth .plane-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#f2eee613 25px),repeating-linear-gradient(90deg,transparent 0,transparent 24px,#f2eee613 25px)}
#parity-depth .stack-spine{position:absolute;width:1px;height:350px;left:180px;top:0;background:linear-gradient(transparent,#f7f4ef80,transparent);z-index:-1;box-shadow:0 0 25px 5px #e0d8c644}
#parity-depth .architecture-glow{position:absolute;left:9%;top:21%;width:80%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#c4b39029,transparent 65%);filter:blur(25px)}
#parity-depth .architecture[data-active=systems] .plane-bottom,#parity-depth .architecture[data-active=intelligence] .plane-middle,#parity-depth .architecture[data-active=action] .plane-top{background:linear-gradient(140deg,#e8e2d52e,#cfc2a74a 45%,#f0ece355);border-color:#f2efe8ce;box-shadow:0 3px 0 #e8e1d390,0 8px 10px #cbbd9f25,0 10px 80px #dacfba2e;transform:translateY(-9px) rotateX(57deg) rotateZ(-33deg)}
#parity-depth .architecture[data-active=action] .plane-top{transform:translateY(-27px) rotateX(57deg) rotateZ(-33deg)}
#parity-depth .layer-panel{position:relative;display:flex;gap:12px;align-items:start;text-align:left;width:345px;margin:0 0 30px 60px;padding-top:18px;border-top:1px solid var(--rule)}
#parity-depth .layer-panel p{font-size:11px;color:#bab2a1;line-height:1.8}
#parity-depth .layer-panel strong{font-weight:400;color:#e8e1d3}
#parity-depth .panel-dot{width:5px;height:5px;border-radius:50%;background:var(--lilac);box-shadow:0 0 12px var(--lilac);margin-top:7px;flex-shrink:0}
#parity-depth .intelligence-footnote{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:24px;color:#aba392;font-size:10px}
@media (min-width:1600px){#parity-depth .layer-experience{margin-top:-190px}
#parity-depth .architecture-stack{transform:translateX(-50%) scale(1.2)}
#parity-depth .layer-controls{max-width:490px}
#parity-depth .layer-tab strong{font-size:17px}
#parity-depth .layer-tab small{font-size:13px}
#parity-depth{padding-top:120px;padding-bottom:100px}}
@media (max-width:1050px){#parity-depth .intelligence-heading h2{font-size:58px}
#parity-depth .layer-experience{grid-template-columns:44% 56%;margin-top:-135px;min-height:620px}
#parity-depth .architecture{height:620px}
#parity-depth .architecture-stack{transform:translateX(-50%) scale(.84);left:53%;top:40px}
#parity-depth .layer-panel{margin-left:30px;width:290px}
#parity-depth .layer-tab{gap:14px}}
@media (max-width:760px){#parity-depth{padding:65px var(--pad)}
#parity-depth{padding-top:65px;padding-bottom:28px}
#parity-depth .intelligence-heading h2{font-size:53px;margin:22px 0}
#parity-depth .intelligence-heading>p:last-child{font-size:12px}
#parity-depth .section-note{font-size:11px}
#parity-depth .layer-experience{display:flex;flex-direction:column;min-height:0;margin:25px 0 0}
#parity-depth .layer-controls{width:100%;margin:0;order:2}
#parity-depth .layer-tab{padding:21px 0;gap:18px}
#parity-depth .layer-tab small{max-width:none;font-size:11px}
#parity-depth .layer-tab strong{font-size:14px}
#parity-depth .architecture{width:100%;height:510px;order:1}
#parity-depth .architecture-stack{top:16px;left:50%;transform:translateX(-50%) scale(.77);transform-origin:center top}
#parity-depth .layer-panel{margin:0 0 24px;width:285px;justify-content:center}
#parity-depth .layer-panel p{font-size:10px}
#parity-depth .architecture-glow{top:5%;height:85%;left:0;width:100%}
#parity-depth .intelligence-footnote{margin-top:32px;font-size:8px;gap:15px}
#parity-depth .desktop-break{display:none}}
@media (max-width:380px){#parity-depth .architecture-stack{transform:translateX(-50%) scale(.69)}
#parity-depth .architecture{height:480px}
#parity-depth .layer-panel{width:265px}}
#parity-depth .serif-word,#parity-depth .plane-center{font-family:"Instrument Serif",Georgia,serif}
#parity-depth .serif-word{font-weight:400}
#parity-depth .plane-center sup{font-family:Inter,sans-serif;color:#c9941a}
#parity-depth .intelligence-heading h2{letter-spacing:-.03em;font-weight:400}
#parity-depth .intelligence-heading h2{font-size:clamp(56px,6.2vw,98px)}
#parity-depth .section-note{letter-spacing:.06em;text-transform:uppercase;font-size:10px}
#parity-depth{background:radial-gradient(ellipse at 77% 61%,#343626 0,transparent 51%),#07131a}
#parity-depth .glass-plane{background:linear-gradient(140deg,#c8cec612,#d8b25a25 48%,#e4ddc33a);border-color:#e5d6a366;box-shadow:0 3px 0 #b19d6955,0 6px 0 #b5a67813,0 20px 70px #02070950}
#parity-depth .plane-label{color:#eee9d8}
#parity-depth .plane-center{text-shadow:0 0 30px #e5c76e80}
#parity-depth .architecture-glow{background:radial-gradient(ellipse,#c9941a25,transparent 65%)}
#parity-depth .plane-node{background:#86754122;border-color:#e1cf9780}
#parity-depth .layer-tab[aria-selected=true]{border-color:#c9941a}
#parity-depth .panel-dot{background:#c9941a}
#parity-depth .intelligence-footnote{color:#a5b0b4}
@media (max-width:760px){#parity-depth .intelligence-heading h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){#parity-depth *,#parity-depth *::before,#parity-depth *::after{transition:none!important;animation:none!important}}