@font-face{font-family:WandaDisplay;src:url('/fonts/WANDA_Display.ttf') format('truetype');font-display:swap}
@font-face{font-family:RobotoCondensed;src:url('/fonts/RobotoCondensed-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--glass:#090a0b;--titanium:#a8a7a2;--ivory:#d8d0c4;--bronze:#8b704b;--red:#d71920;--white:#f2f1ed;--muted:#cccac6;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171717;color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ff4b4b;outline-offset:5px}svg{display:block;width:24px;height:24px;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;background:#111;padding:16px}.skip-link:focus{top:16px}
.architecture-scene{position:relative;isolation:isolate;min-height:100vh;padding-top:3.4vw;background:#171717 url('/architecture/desktop-clean.png') center top/100% 100% no-repeat}
.architecture-header{height:4.5vw;min-height:56px;margin:0 2.8%;padding:0 5.4%;display:flex;align-items:center;justify-content:space-between;color:#101010;border:1px solid #ddd9d0;box-shadow:inset 0 0 0 2px #7778,0 10px 20px #0008;background:repeating-linear-gradient(1deg,#fff1 0 1px,#0001 1px 2px,transparent 2px 4px),linear-gradient(105deg,#bbb9b4,#d1cfc9 46%,#9e9c97)}
.architecture-brand{font-size:clamp(24px,2vw,38px);font-weight:700;letter-spacing:-1px;display:flex;align-items:center;min-height:44px}.architecture-back{min-height:44px;display:flex;align-items:center;gap:10px;font-size:clamp(12px,1.05vw,18px);font-weight:700;letter-spacing:1px}.architecture-back span{font-size:28px;font-weight:400}
.architecture-hero{width:74%;margin:17.8vw auto 0}.architecture-hero h1{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8.7%;align-items:baseline;line-height:1;letter-spacing:-.25vw}.architecture-hero h1 span{font-size:9.8vw;font-weight:700;background:repeating-linear-gradient(0deg,#fff1 0 1px,#0001 1px 2px),linear-gradient(110deg,#aaa8a3,#eeeae4 40%,#97948d 75%,#d4d1ca);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.6px #dedbd4;filter:drop-shadow(2px 4px 2px #000b)}.architecture-hero h1 em{font-style:normal;font-size:8.8vw;font-weight:200;color:#c8c5bf;-webkit-text-stroke:.6px #f1eee7;text-shadow:2px 3px 3px #222;letter-spacing:-.35vw;font-family:'Helvetica Neue','Segoe UI',Arial,sans-serif}
.architecture-intro{margin:5vw 0 0 58%;color:#292724;width:44%;font-size:clamp(15px,1.4vw,24px);line-height:1.65}.architecture-intro p{margin:0}.architecture-eyebrow{font-size:clamp(12px,1.15vw,18px);letter-spacing:1.3px}.architecture-eyebrow span{margin:0 7px}.architecture-eyebrow:after{content:'';display:block;width:26px;height:1px;background:var(--red);margin:1.6vw 0}.plugin-list{position:relative;width:74%;margin:5.5vw auto 0;padding:0 0 3vw;display:grid;grid-template-columns:44% 44%;column-gap:12%;row-gap:0;align-items:start}.plugin-spine{position:absolute;top:-4vw;bottom:0;left:46.7%;width:6.6%;pointer-events:none}.plugin-card{position:relative;min-width:0;grid-column:1}.plugin-card:nth-of-type(even){grid-column:2;margin-top:-3.4vw}.plugin-card:nth-of-type(odd):not(:first-of-type){margin-top:-1vw}.plugin-glass{position:relative;border-radius:18px;padding:4px;background:linear-gradient(118deg,#181818,#f1eee8 2%,#777 3%,#222 4%,#c8c8c1 49%,#202020 50%,#e8e8e0 96%,#64645f 98%,#111);box-shadow:0 18px 28px #0009,1px 2px 3px #000,inset 0 0 0 1px #eee8}.plugin-glass:after{content:'';position:absolute;inset:7px;border:1px solid #e5e3db45;border-radius:11px;pointer-events:none}.plugin-copy{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:22vw;padding:3.2vw 2.8vw 1.9vw;border-radius:14px;background:linear-gradient(122deg,#ffffff12,transparent 35%),linear-gradient(130deg,#171819,#050606 65%,#111);box-shadow:inset 0 0 14px #000}.plugin-copy:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(122deg,transparent 0 40%,#ffffff10 40.2%,#ffffff04 51%,transparent 51.2%);transition:opacity 280ms var(--ease)}.plugin-glass:hover .plugin-copy:before{opacity:.55}.plugin-copy h2{font-size:clamp(24px,3.1vw,56px);font-weight:400;line-height:1.1;letter-spacing:-.06em;margin:0 0 .8vw;white-space:nowrap;color:#e6e4df;text-shadow:0 2px 1px #000}.plugin-copy h2.long-name{font-size:clamp(21px,2.58vw,48px);letter-spacing:-.075em}.plugin-copy>p{font-size:clamp(14px,1.1vw,21px);line-height:1.5;margin:0 0 1.8vw;color:#d5d3ce;min-height:4.95vw}.plugin-status{order:2;display:flex;align-items:center;gap:.6vw;margin:auto 0 1.7vw;font-size:clamp(10px,.88vw,16px);color:#d5d3ce}.plugin-status a{display:inline-flex;align-items:center;min-height:26px}.plugin-status i{font-style:normal}.mobile-index{display:none}.plugin-actions{order:3;display:grid;grid-template-columns:1fr 1fr;gap:7px}.plugin-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:8px 4px;border:1px solid #99958b;border-radius:18px;font-size:clamp(11px,1vw,19px);letter-spacing:.3px;box-shadow:0 5px 8px #0009,inset 0 0 0 1px #ffffff0a;background:linear-gradient(115deg,#292a2a88,#080909bb);transition:background 160ms,transform 160ms}.plugin-action svg{width:20px;height:20px;color:#ef171c}.plugin-action:hover{background:#303030}.plugin-action:active{transform:translateY(1px)}.plugin-action[aria-disabled=true]{opacity:.45;pointer-events:none}.plugin-number{position:absolute;left:calc(100% + 3vw);top:-3.8vw;color:#211f1b;font-size:clamp(20px,2vw,36px);line-height:1}.plugin-number:after{content:'';display:block;height:1px;width:22px;background:var(--red);margin-top:12px}.plugin-card:nth-of-type(even) .plugin-number{left:auto;right:calc(100% + 3vw);top:1.6vw}.plugin-badge{position:absolute;z-index:2;left:calc(100% - 2vw);top:4.2vw;display:grid;place-items:center;width:6.5vw;height:6.5vw;border:2px solid #cccac4;border-radius:50%;color:#ed0b10;background:linear-gradient(140deg,#444,#090a0b 48%,#030303);box-shadow:0 10px 16px #0009,inset 0 0 0 2px #080808,inset 0 0 0 3px #777}.plugin-badge svg{width:48%;height:48%}.plugin-card:nth-of-type(even) .plugin-badge{left:auto;right:calc(100% - 2vw);top:6.6vw}.plugin-joint{position:absolute;top:3.5vw;left:100%;width:2vw;height:12px;border:1px solid #b1a088;background:linear-gradient(#524535,#edcda1,#8b704b);box-shadow:0 2px 4px #0009}.plugin-card:nth-of-type(even) .plugin-joint{left:auto;right:100%;top:5.8vw}
.architecture-footer{display:flex;align-items:center;gap:24px;margin-top:6vw;border-top:1px solid #8f8a7b88;padding:22px 4%;font-size:clamp(12px,1.2vw,20px);color:#bcbab2}.architecture-footer strong{color:#f1f0eb;font-weight:600}.architecture-footer span:last-child{margin-left:auto}
.plugin-card:nth-of-type(1){grid-row:1}.plugin-card:nth-of-type(2){grid-row:2}.plugin-card:nth-of-type(3){grid-row:3}.plugin-card:nth-of-type(4){grid-row:4}
.plugin-copy h2{letter-spacing:-.035em}.plugin-copy h2.long-name{font-size:clamp(21px,2.3vw,44px);letter-spacing:-.05em}
@media(min-width:1921px){.architecture-scene{max-width:2200px;margin:auto}}
@media(max-width:1023px){.architecture-scene{padding-top:0;background-image:url('/architecture/mobile-clean.png')}.architecture-header{margin:0;padding:0 4.8%;height:clamp(56px,8.6vw,76px)}.architecture-hero{width:76%;margin:10vw auto 0}.architecture-hero h1{display:flex;flex-direction:column;gap:1.7vw;letter-spacing:-.5vw}.architecture-hero h1 span{font-size:14.5vw}.architecture-hero h1 em{font-size:14vw;letter-spacing:.1vw}.architecture-intro{margin:4.8vw 0 0 2%;width:95%;color:#e1dfd9;font-size:clamp(15px,2.3vw,22px);line-height:1.55}.architecture-eyebrow{font-size:clamp(12px,1.8vw,18px)}.architecture-eyebrow:after{margin:2.5vw 0;width:34px}.plugin-list{width:76%;display:flex;flex-direction:column;margin:6.4vw 0 0 18%;padding-bottom:0;gap:18px}.plugin-card,.plugin-card:nth-of-type(even),.plugin-card:nth-of-type(odd):not(:first-of-type){width:100%;margin:0}.plugin-copy{min-height:0;padding:25px 24px 22px}.plugin-copy h2{font-size:clamp(24px,4.5vw,38px);letter-spacing:-.045em;margin-bottom:9px}.plugin-copy h2.long-name{font-size:clamp(21px,3.8vw,32px);white-space:normal;letter-spacing:-.05em}.plugin-copy>p{font-size:clamp(15px,1.9vw,18px);line-height:1.45;min-height:0;margin:0 0 20px}.plugin-status{order:0;font-size:12px;gap:12px;margin:0 0 10px}.plugin-status i{color:#e32626}.purchase-action{display:none!important}.mobile-index{display:inline}.plugin-actions{gap:8px}.plugin-action{font-size:clamp(12px,2.1vw,19px);min-height:48px;gap:8px}.plugin-badge,.plugin-card:nth-of-type(even) .plugin-badge{left:-14.8vw;right:auto;top:108px;width:11vw;height:11vw;min-width:46px;min-height:46px}.plugin-number,.plugin-card:nth-of-type(even) .plugin-number{left:-11.4vw;right:auto;top:30px;font-size:24px}.plugin-number:after{width:24px;margin-top:12px}.plugin-joint,.plugin-card:nth-of-type(even) .plugin-joint{left:-5vw;right:auto;top:130px;width:5vw;height:14px}.plugin-spine{left:-12.5vw;top:0;bottom:0;width:9vw;background:repeating-linear-gradient(1deg,#fff1 0 1px,#0001 1px 2px),linear-gradient(90deg,#aaa8a0,#c8c4bb 50%,#8c8881);box-shadow:inset 1px 0 #ddd,inset -1px 0 #57544f,4px 1px 9px #0008;z-index:-1}.architecture-footer{margin-top:6vw;padding:24px 5%;gap:12px;flex-wrap:wrap;font-size:14px}.architecture-footer span:last-child{width:100%;margin:0}.desktop-break{display:none}}
@media(max-width:479px){.architecture-hero{width:83%;margin-top:38px}.architecture-hero h1 span{font-size:15vw}.architecture-hero h1 em{font-size:14.8vw}.architecture-intro{font-size:15px;margin-top:23px}.architecture-eyebrow{font-size:12px}.architecture-eyebrow:after{margin:14px 0}.plugin-list{width:calc(100% - 88px);margin-left:68px;margin-top:30px}.plugin-copy{padding:18px 14px 16px}.plugin-status{gap:10px;font-size:11px;margin-bottom:8px}.plugin-copy h2{font-size:24px}.plugin-copy h2.long-name{font-size:21px;line-height:1.13}.plugin-copy>p{font-size:15px;line-height:1.45;margin-bottom:16px}.plugin-action{font-size:11px;gap:5px;letter-spacing:0}.plugin-action svg{width:17px;height:19px}.plugin-spine{left:-35px;width:27px}.plugin-badge,.plugin-card:nth-of-type(even) .plugin-badge{left:-49px;top:115px;width:46px;height:46px}.plugin-number,.plugin-card:nth-of-type(even) .plugin-number{left:-32px;top:33px;font-size:21px}.plugin-number:after{width:20px}.plugin-joint,.plugin-card:nth-of-type(even) .plugin-joint{left:-12px;top:131px;width:12px}.architecture-header{padding:0 20px}.architecture-brand{font-size:24px}.architecture-back{font-size:11px;letter-spacing:.7px}.architecture-footer{font-size:12px;gap:10px}.architecture-footer span:last-child{font-size:14px}}
@media(max-width:359px){.plugin-actions{grid-template-columns:1fr}.plugin-action{font-size:13px}.plugin-copy h2{white-space:normal}.architecture-footer span{font-size:11px}}
.architecture-brand{font-family:WandaDisplay,Arial,sans-serif;font-weight:400}
.plugin-copy h2{font-family:RobotoCondensed,Arial,sans-serif;letter-spacing:0;font-size:clamp(24px,3.3vw,60px)}
.plugin-copy h2.long-name{font-size:clamp(21px,2.7vw,48px);letter-spacing:-.035em}
.architecture-scene{background-image:image-set(url('/architecture/desktop-clean.webp') type('image/webp'),url('/architecture/desktop-clean.png') type('image/png'))}
@media(max-width:1023px){.architecture-scene{background-image:image-set(url('/architecture/mobile-clean.webp') type('image/webp'),url('/architecture/mobile-clean.png') type('image/png'))}.plugin-copy h2{font-size:clamp(24px,4.5vw,38px)}.plugin-copy h2.long-name{font-size:clamp(21px,3.8vw,32px)}.plugin-status{font-size:14px}.plugin-status a{min-height:44px}.plugin-action{font-size:14px}}
@media(max-width:479px){.plugin-copy h2{font-size:25px}.plugin-copy h2.long-name{font-size:23px}.plugin-status{gap:8px;font-size:14px;margin-top:-6px;margin-bottom:3px}.architecture-eyebrow{font-size:14px}.plugin-action{font-family:RobotoCondensed,Arial,sans-serif;font-size:14px;gap:5px}.architecture-footer{font-size:14px}.architecture-footer span{font-size:14px}.architecture-back{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}