.tb-stage{width:100%;height:400px;color:inherit;font:inherit;text-align:left;cursor:crosshair;touch-action:pan-y;isolation:isolate;background:0 0;border:0;padding:0;display:block;position:relative}.tb-stage canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tb-stage:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.tb-label,.tb-state{z-index:1;font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;position:absolute;left:0}.tb-label{color:var(--ink-dim);font-size:10px;top:0}.tb-label span{color:var(--line-2)}.tb-state{color:var(--accent);font-size:9px;bottom:0}@media (max-width:1100px){.tb-stage{height:340px}}@media (max-width:640px){.tb-stage{height:300px}}
.pg-technology{--stage-bg-start:var(--surface-3);--stage-bg-end:var(--bg);--stage-glow:rgb(var(--accent-rgb) / 18%)}:root[data-theme=light] .pg-technology{--stage-bg-start:#fff;--stage-bg-end:#e4e7ec;--stage-glow:rgb(var(--accent-rgb) / 12%)}:root[data-theme=gray] .pg-technology{--stage-bg-start:#eef0f4;--stage-bg-end:#d1d4db;--stage-glow:rgb(var(--accent-rgb) / 12%)}.pg-technology .breadcrumb{border-bottom:1px solid var(--line);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;padding:14px 32px;font-size:11px;display:flex}.pg-technology .breadcrumb b{color:var(--ink-hi)}.pg-technology .breadcrumb .sep{color:var(--line-2);margin:0 10px}.pg-technology .breadcrumb a{color:var(--accent)}.pg-technology section{border-top:0;border-bottom:1px solid var(--line);padding:96px 32px}.pg-technology .thero{background:linear-gradient(transparent 31px, var(--grid-line) 32px) 0 0 / 100% 32px, linear-gradient(90deg, transparent 31px, var(--grid-line) 32px) 0 0 / 32px 100%, var(--bg);padding:96px 32px 80px;position:relative;overflow:hidden}.pg-technology .thero .grid{z-index:2;grid-template-columns:1.4fr 1fr;align-items:end;gap:64px;display:grid;position:relative}.pg-technology .thero .num{font-family:var(--f-mono), ui-monospace, monospace;color:var(--accent);letter-spacing:.32em;text-transform:uppercase;margin-bottom:18px;font-size:11px}.pg-technology .thero h1{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:120px;font-weight:700;line-height:.85}.pg-technology .thero h1 em{color:var(--accent);font-style:normal}.pg-technology .thero .sub{color:var(--ink);max-width:520px;margin-top:24px;font-size:15px;line-height:1.7}.pg-technology .thero .sub b{color:var(--ink-hi)}.pg-technology .thero-side{gap:32px;min-width:0;display:grid}.pg-technology .thero .stats{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.pg-technology .thero .stat{background:var(--surface-1);flex-direction:column;gap:6px;padding:24px;display:flex}.pg-technology .thero .stat b{font-family:var(--f-display), system-ui, sans-serif;color:var(--ink-hi);letter-spacing:.04em;font-size:48px;line-height:1}.pg-technology .thero .stat span{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;font-size:10px}.pg-technology .thero .stat.accent b{color:var(--accent)}.pg-technology .sec-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.pg-technology .sec-head .num{font-family:var(--f-mono), ui-monospace, monospace;color:var(--accent);letter-spacing:.32em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.pg-technology .sec-head h2{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:56px;font-weight:700;line-height:.92}.pg-technology .sec-head .lede{max-width:480px;color:var(--ink);font-size:14px}.pg-technology .deep{background:var(--surface-2)}.pg-technology .deep-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.pg-technology .deep-topic{border:1px solid var(--line);background:var(--surface-1);margin-bottom:8px}.pg-technology .deep-topic summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:24px;padding:28px 32px;list-style:none;display:flex}.pg-technology .deep-topic summary::-webkit-details-marker{display:none}.pg-technology .deep-topic summary:hover{background:var(--surface-2)}.pg-technology .deep-topic-head{flex-direction:column;gap:10px;min-width:0;display:flex}.pg-technology .deep-topic .num{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.32em;color:var(--accent);text-transform:uppercase;font-size:12px}.pg-technology .deep-topic-intro{color:var(--ink);max-width:720px;font-size:14px;line-height:1.7}.pg-technology .deep-topic-meta{flex-shrink:0;align-items:center;gap:14px;margin-left:auto;display:flex}.pg-technology .deep-topic-count{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.2em;color:var(--ink-dim);font-size:11px}.pg-technology .deep-topic-icon{border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:2.2s ease-in-out infinite deep-topic-pulse;position:relative}.pg-technology .deep-topic-icon:before,.pg-technology .deep-topic-icon:after{content:"";background:var(--accent);width:12px;height:1px;transition:transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-technology .deep-topic-icon:after{transform:translate(-50%,-50%)rotate(90deg)}@keyframes deep-topic-pulse{0%,to{box-shadow:0 0 0 0 rgb(var(--accent-rgb) / 45%)}55%{box-shadow:0 0 0 9px rgb(var(--accent-rgb) / 0%)}}.pg-technology .deep-topic[open]>summary{border-bottom:1px solid var(--line)}.pg-technology .deep-topic[open] .deep-topic-icon{border-color:var(--accent);animation:none}.pg-technology .deep-topic[open] .deep-topic-icon:after{transform:translate(-50%,-50%)rotate(0)}.pg-technology .deep-topic .deep-grid{padding:8px}@media (max-width:720px){.pg-technology .deep-topic summary{gap:14px;padding:20px}}.pg-technology .deep-card{border:1px solid var(--line);background:var(--surface-1);flex-direction:column;gap:24px;min-height:480px;padding:48px;display:flex;position:relative;overflow:hidden}.pg-technology .deep-card .ix{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.32em;color:var(--accent);text-transform:uppercase;font-size:11px}.pg-technology .deep-card h3{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:48px;line-height:.92}.pg-technology .deep-card .lede{color:var(--ink);max-width:440px;font-size:14px;line-height:1.7}.pg-technology .deep-card .data{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:auto;display:grid}.pg-technology .deep-card .data>div{background:var(--surface-2);flex-direction:column;gap:4px;padding:14px;display:flex}.pg-technology .deep-card .data b{font-family:var(--f-display), system-ui, sans-serif;color:var(--ink-hi);letter-spacing:.04em;font-size:20px}.pg-technology .deep-card .data span{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;font-size:9px}.pg-technology .deep-card .visual{background:radial-gradient(circle at 50% 50%, var(--col,rgb(var(--accent-rgb) / 40%)) 0%, transparent 65%);opacity:.4;pointer-events:none;width:280px;height:280px;position:absolute;bottom:-40px;right:-40px}.pg-technology .deep-card .visual.acc-2{--col:rgb(var(--accent-2-rgb) / 40%)}.pg-technology .deep-card .visual.acc-3{--col:rgb(var(--accent-3-rgb) / 40%)}.pg-technology .deep-card .x-cut{border:1px dashed var(--line-2);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase;align-items:center;gap:10px;margin-top:14px;padding:12px;font-size:10px;display:flex}.pg-technology .deep-card .x-cut b{color:var(--accent-3)}.pg-technology .deep-card .x-cut b.bad{color:var(--danger)}.pg-technology .tl-track{--tl-row-gap:40px;--tl-turn:56px;gap:var(--tl-row-gap);padding:0 var(--tl-turn);flex-direction:column;margin-top:48px;display:flex}.pg-technology .tl-row-wrap{position:relative}.pg-technology .tl-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:relative}.pg-technology .tl-row:before{content:"";background:var(--line);height:1px;position:absolute;top:7px;left:0;right:0}.pg-technology .tl-row-wrap:first-child:not(:only-child) .tl-row:after{content:"";top:7px;right:calc(-1 * var(--tl-turn));width:var(--tl-turn);bottom:calc(-1 * var(--tl-row-gap));border:1px solid var(--line);border-radius:0 var(--tl-turn) var(--tl-turn) 0;border-left:none;position:absolute}.pg-technology .tl-return{background:var(--line);height:1px}.pg-technology .tl-row-back{margin-top:var(--tl-row-gap)}.pg-technology .tl-row-back:after{content:"";top:calc(-1 * var(--tl-row-gap));left:calc(-1 * var(--tl-turn));width:var(--tl-turn);border:1px solid var(--line);border-radius:calc((var(--tl-row-gap) + 8px) / 2) 0 0 calc((var(--tl-row-gap) + 8px) / 2);border-right:none;position:absolute;bottom:calc(100% - 8px)}.pg-technology .tl-step{flex-direction:column;gap:14px;padding:0 8px;display:flex;position:relative}.pg-technology .tl-step .dot{border:2px solid var(--accent);background:var(--bg);z-index:2;border-radius:50%;width:14px;height:14px;margin-bottom:14px;position:relative}.pg-technology .tl-step .yr{font-family:var(--f-display), system-ui, sans-serif;color:var(--accent);letter-spacing:.06em;font-size:24px}.pg-technology .tl-step .yr small{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.pg-technology .tl-step h4{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:14px;line-height:1.2}.pg-technology .tl-step p{color:var(--ink);margin:0;font-size:12px;line-height:1.5}.pg-technology .tl-step.now .dot{border-color:var(--accent-3)}.pg-technology .tl-step.now .yr{color:var(--accent-3)}.pg-technology .standards{background:var(--surface-2)}.pg-technology .std-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pg-technology .std-card{border:1px solid var(--line);background:var(--surface-1);flex-direction:column;gap:14px;padding:32px;display:flex}.pg-technology .std-card .badge{border:1px solid var(--accent);width:64px;height:64px;color:var(--accent);font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;text-align:center;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex}.pg-technology .std-card h4{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:18px}.pg-technology .std-card p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}.pg-technology .std-card .meta{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;border-top:1px solid var(--line);margin-top:auto;padding-top:12px;font-size:10px}.pg-technology .manifesto{background:var(--bg);padding:128px 32px}.pg-technology .manifesto .body{max-width:1100px;margin:0 auto}.pg-technology .manifesto p{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.02em;color:var(--ink-hi);text-transform:uppercase;margin:0 0 32px;font-size:48px;font-weight:600;line-height:1.05}.pg-technology .manifesto p em{color:var(--accent);font-style:normal}.pg-technology .manifesto p.dim{color:var(--ink-dim)}.pg-technology .manifesto .sig{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;justify-content:space-between;margin-top:48px;font-size:11px;display:flex}.pg-technology .manifesto .sig b{color:var(--ink-hi)}.pg-technology .cta{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pg-technology .cta-card{border:1px solid var(--line);background:var(--surface-1);flex-direction:column;gap:18px;min-height:280px;padding:48px;display:flex;position:relative;overflow:hidden}.pg-technology .cta-card .ix{font-family:var(--f-mono), ui-monospace, monospace;color:var(--accent);letter-spacing:.32em;text-transform:uppercase;font-size:11px}.pg-technology .cta-card h3{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:36px;line-height:.95}.pg-technology .cta-card p{color:var(--ink);margin:0;font-size:14px;line-height:1.6}.pg-technology .cta-card .btn{align-self:flex-start;margin-top:auto}.pg-technology .cta-card.feat{background:radial-gradient(ellipse at 0 100%, rgb(var(--accent-rgb) / 10%) 0%, transparent 60%), var(--surface-1);border-color:var(--accent)}@media (max-width:1100px){.pg-technology section{padding:64px 24px}.pg-technology .breadcrumb{padding:14px 24px}.pg-technology .breadcrumb div:last-child{display:none}.pg-technology .thero{padding:64px 24px 56px}.pg-technology .thero .grid{grid-template-columns:1fr;align-items:start;gap:40px}.pg-technology .thero h1{font-size:clamp(48px,10vw,80px)}.pg-technology .sec-head{flex-direction:column;align-items:flex-start}.pg-technology .sec-head h2{font-size:clamp(32px,7vw,42px)}.pg-technology .deep-grid{grid-template-columns:1fr}.pg-technology .deep-card{min-height:0;padding:32px 24px}.pg-technology .deep-card h3{font-size:32px}.pg-technology .deep-card .x-cut{flex-wrap:wrap}.pg-technology .tl-track{gap:32px;padding:0}.pg-technology .tl-row{grid-template-columns:1fr 1fr;gap:32px 16px}.pg-technology .tl-row:before,.pg-technology .tl-row-wrap:first-child:not(:only-child) .tl-row:after,.pg-technology .tl-row-back:after,.pg-technology .tl-return{display:none}.pg-technology .tl-row-back{margin-top:0}.pg-technology .std-grid{grid-template-columns:1fr 1fr}.pg-technology .manifesto{padding:80px 24px}.pg-technology .manifesto p{font-size:clamp(24px,5.5vw,36px)}.pg-technology .manifesto .sig{flex-direction:column;gap:10px}.pg-technology .cta{grid-template-columns:1fr}}@media (max-width:640px){.pg-technology .tl-row,.pg-technology .std-grid{grid-template-columns:1fr}.pg-technology .thero .stats{grid-template-columns:1fr 1fr}.pg-technology .thero .stat b{font-size:36px}}
