@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Cinzel:wght@500;600&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0d0b;--ink:#e8dfcc;--gold:#c49955;--muted:#a19885;--line:#c4995530;--hot:#ffb953;--red:#7c2824;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 77% 34%,#79501e18,transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--hot);outline-offset:5px}header{height:88px;padding:0 4.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{font-weight:700;font-size:21px;display:flex;gap:10px;align-items:center}.brand img{width:43px}.brand span{font:9px 'IBM Plex Mono';letter-spacing:.2em;color:var(--gold);border-left:1px solid var(--line);padding-left:20px;margin-left:10px}nav{display:flex;gap:35px;margin:auto;font-size:11px;color:var(--muted)}.login{padding:13px 17px;border:1px solid #af874969;font:9px 'IBM Plex Mono';letter-spacing:.1em;color:var(--gold)}main{max-width:1800px;margin:auto}.topline{margin:0 4.5%;padding:18px 0;display:flex;justify-content:space-between;font:8px 'IBM Plex Mono';letter-spacing:.15em;color:#847660;border-bottom:1px solid #c4995515}.hero{min-height:655px;display:grid;grid-template-columns: .95fr 1.05fr;align-items:center;padding:25px 4.5% 25px 7%;gap:1%}.copy{z-index:1;padding:25px 0 45px}.eyebrow{font:9px 'IBM Plex Mono';letter-spacing:.19em;color:var(--gold)}.eyebrow:before{content:'✦';margin-right:12px}h1{font:600 clamp(66px,7.2vw,114px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:28px 0 26px}h1 em{font-style:normal;color:var(--gold)}.description{font-size:15px;line-height:1.85;color:#aaa597;max-width:475px}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.primary{background:var(--gold);color:#17140d;display:flex;align-items:center;gap:35px;padding:17px 21px;font:500 10px 'IBM Plex Mono';clip-path:polygon(0 0,95% 0,100% 24%,100% 100%,0 100%)}.secondary{font:8px 'IBM Plex Mono';letter-spacing:.09em;padding:8px 0;border-bottom:1px solid #a786514f;color:var(--muted)}.tags{display:flex;gap:21px;margin-top:43px;color:#8a806c;font:7px 'IBM Plex Mono';letter-spacing:.08em}.tags span:before{content:'◆';font-size:5px;margin-right:7px;color:var(--gold)}.visual{position:relative;min-width:0}.art{width:100%;aspect-ratio:1;max-height:700px}.art svg{width:100%;height:100%;overflow:visible}.readout{font:8px 'IBM Plex Mono';letter-spacing:.12em;color:var(--muted);display:flex;justify-content:space-between;padding:15px 30px;border-top:1px solid var(--line)}.status{color:var(--gold)}.below{display:grid;grid-template-columns:repeat(3,1fr);margin:0 4.5%;padding-bottom:125px;border-top:1px solid var(--line)}.below article{padding:27px 32px 10px;border-right:1px solid var(--line)}.below article:last-child{border:0}.below article>span{font:8px 'IBM Plex Mono';letter-spacing:.15em;color:var(--gold)}h2{font:500 24px 'Barlow Condensed';margin:13px 0 8px;text-transform:uppercase}.below p{font-size:11px;line-height:1.8;color:var(--muted);max-width:325px}.chooser{position:fixed;z-index:10;bottom:18px;left:22px;right:22px;display:flex;align-items:stretch;background:#141510f5;border:1px solid #b48b454f;box-shadow:0 10px 45px #000b;backdrop-filter:blur(18px)}.chooser-title{padding:20px;font:10px 'IBM Plex Mono';letter-spacing:.1em;color:#d3b985;min-width:190px}.chooser-title small{font-size:7px;color:#8f8776}.choices{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.chooser button{border:0;border-left:1px solid #b48b4528;background:none;color:#aaa08a;padding:20px 13px;font:9px 'IBM Plex Mono';display:flex;align-items:center;gap:12px;text-align:left}.chooser button b{font:500 11px Inter}.chooser button:hover{background:#aa83441a}.chooser button[aria-pressed=true]:not(#pause){background:#c49955;color:#17130e}#pause{font-size:12px;min-width:120px}#pause span{font-size:9px}.paused *{animation-play-state:paused!important}svg .metal{fill:url(#metal);stroke:#a18249;stroke-width:1}svg .thin{fill:none;stroke:#91733f;stroke-width:1}svg .dim{stroke:#67532f;opacity:.6}svg .bright{fill:none;stroke:var(--hot);stroke-width:1.3}svg .lit{fill:var(--hot);filter:url(#glow)}svg text{fill:#bba374;font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:1.2px}svg .rotor{transform-origin:350px 350px;animation:spin 65s linear infinite}svg .reverse{animation-direction:reverse;animation-duration:44s}svg .fast{animation-duration:24s}svg .breath{animation:breathe 4s ease-in-out infinite}svg .flow{stroke-dasharray:4 17;animation:flow 4s linear infinite}svg .float{animation:float 7s ease-in-out infinite}svg .scan{animation:scan 7s ease-in-out infinite}svg .rising{animation:rising 5s linear infinite}svg .trace{stroke-dasharray:600;animation:trace 6s linear infinite}svg .blink{animation:breathe 2.8s ease-in-out infinite}.tactical{--bg:#080f10;--gold:#bea676;--hot:#82e5c6;--muted:#8eaba1;--line:#80bcab26}.tactical h1 em{color:#89b8a8}.tactical .primary{background:#89b8a8}.reactor{--bg:#100c09;--hot:#ff9b38;--gold:#dba259;--line:#dba25930}.reliquary{--bg:#120b0d;--gold:#c2a574;--hot:#e85846;--line:#c2a57430}.reliquary h1{font-family:Cinzel;font-size:clamp(49px,5.2vw,83px);line-height:1.08;text-transform:none}.reliquary h1 em{color:#c75c4d}.reliquary .primary{background:#942f2c;color:#ead5b1}.reliquary .art{filter:drop-shadow(0 0 70px #8e231e1c)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.35}}@keyframes flow{to{stroke-dashoffset:-84}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes scan{50%{transform:translateY(250px);opacity:.6}}@keyframes rising{0%{transform:translateY(60px);opacity:0}20%{opacity:.8}100%{transform:translateY(-160px);opacity:0}}@keyframes trace{0%{stroke-dashoffset:600;opacity:.1}65%{stroke-dashoffset:0;opacity:1}100%{opacity:.1}}
@media(min-width:1650px){.hero{min-height:780px}}@media(max-width:1100px){.chooser-title{display:none}.hero{padding-left:5%;gap:0}.tags{flex-wrap:wrap}.actions{flex-wrap:wrap}h1{font-size:76px}.reliquary h1{font-size:57px}nav{gap:20px}}@media(max-width:760px){header{height:74px;padding:0 18px;justify-content:space-between}nav,.brand span{display:none}.brand{font-size:18px}.brand img{width:32px}.login{font-size:7px;padding:12px}.topline{font-size:7px;gap:12px}.topline span:last-child{max-width:130px;text-align:right}.hero{grid-template-columns:1fr;padding:35px 23px 15px}.copy{padding-bottom:5px}h1{font-size:77px}.reliquary h1{font-size:53px}.description{font-size:14px}.tags{margin-top:28px;font-size:6px;gap:12px}.art{margin-top:15px}.readout{padding:15px 0;font-size:6px}.below{grid-template-columns:1fr;padding-bottom:140px}.below article{border-right:0;border-bottom:1px solid var(--line);padding:22px 9px}.chooser{left:9px;right:9px;bottom:9px;flex-wrap:wrap}.choices{width:100%;flex-basis:100%}.chooser button{padding:12px 5px;flex-direction:column;gap:5px;font-size:8px}.chooser button b{font-size:9px;text-align:center}#pause{padding:9px;min-width:0;flex-direction:row;width:100%;justify-content:center;border-top:1px solid var(--line)}.secondary{font-size:7px}.actions{gap:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* PwndYou production candidate */
.skip{position:fixed;top:-60px;left:20px;z-index:30;background:var(--gold);color:#111;padding:12px 16px}.skip:focus{top:20px}.brand strong{font-size:20px}.brand small{font-size:6px}.hero h1{font-size:clamp(61px,6.7vw,108px);line-height:.86}.war-section{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:5%;padding:100px 7%;border-top:1px solid var(--line);background:radial-gradient(circle at 72% 45%,#204d4124,transparent 38%),#080d0d}.war-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#79a3950a 1px,transparent 1px),linear-gradient(90deg,#79a3950a 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 55%,transparent);pointer-events:none}.section-copy,.war-visual{position:relative;z-index:1}.section-copy h2,.products h2,.contact h2{font:600 clamp(52px,5.5vw,88px)/.92 'Barlow Condensed';letter-spacing:-.025em;text-transform:uppercase;margin:22px 0}.section-copy h2 em{font-style:normal;color:#89b8a8}.section-copy>p:last-of-type{max-width:520px;color:#9da9a3;line-height:1.8;font-size:14px}.section-copy ol{list-style:none;padding:0;margin:38px 0 0;max-width:500px;border-top:1px solid #72938738}.section-copy li{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #7293872c}.section-copy li b{font:9px 'IBM Plex Mono';letter-spacing:.12em;color:#af9c72}.section-copy li span{font-size:11px;color:#85928d}.war-visual .art{max-height:650px}.war-visual>p{text-align:center;font:7px 'IBM Plex Mono';letter-spacing:.12em;color:#73867e}.toolchain{padding:48px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:#0a0b09}.toolchain>div{display:flex;justify-content:center;gap:clamp(18px,3.5vw,58px);flex-wrap:wrap;margin-top:28px}.toolchain>div span{font:600 16px 'Barlow Condensed';letter-spacing:.06em;color:#938b78}.products{padding:100px 6% 120px;background:#0f0f0c}.products-heading{display:grid;grid-template-columns:.45fr 1fr .7fr;gap:35px;align-items:end;margin-bottom:55px}.products-heading h2{margin:0}.products-heading>p:last-child{font-size:12px;line-height:1.7;color:var(--muted);padding-bottom:10px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);min-height:330px}.product-card{position:relative;padding:35px clamp(24px,3.2vw,52px) 38px;border-right:1px solid var(--line);display:flex;flex-direction:column}.product-card:last-child{border:0}.product-number{font:9px 'IBM Plex Mono';color:var(--gold)}.product-card h3{font:600 29px 'Barlow Condensed';text-transform:uppercase;margin:25px 0 12px}.product-card p{font-size:12px;line-height:1.7;color:var(--muted);min-height:62px}.product-card ul{list-style:none;padding:18px 0;margin:10px 0 25px;border-top:1px solid var(--line)}.product-card li{font-size:10px;color:#a9a18f;padding:7px 0}.product-card li:before{content:"◆";font-size:5px;color:var(--gold);margin-right:10px}.purchase-state{margin-top:auto;align-self:flex-start;padding:9px 11px;border:1px solid #8d734a5c;font:8px 'IBM Plex Mono';letter-spacing:.08em;color:#af986e}.loading{grid-column:1/-1;align-self:center;text-align:center;color:var(--muted);font:9px 'IBM Plex Mono';letter-spacing:.1em}.contact{text-align:center;padding:115px 6% 145px;background:radial-gradient(circle at 50% 25%,#8e5e2118,transparent 45%),#090a08;border-top:1px solid var(--line)}.contact h2{font-size:clamp(52px,6vw,96px)}.contact-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:42px}.contact-actions .pending{opacity:.52;pointer-events:none}footer{min-height:88px;padding:0 4.5% 20px;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);background:#080907}footer .brand img{width:36px}footer .brand span{line-height:1.5}footer>p{margin:auto;color:#716b5e;font-size:10px}footer button{border:1px solid var(--line);background:transparent;color:#a29988;padding:11px 14px;font:8px 'IBM Plex Mono';letter-spacing:.08em}
@media(max-width:900px){.war-section{grid-template-columns:1fr;padding:75px 6%}.products-heading{grid-template-columns:1fr}.products-heading>p:last-child{max-width:500px}.product-grid{grid-template-columns:1fr}.product-card{border-right:0;border-bottom:1px solid var(--line)}.product-card:last-child{border-bottom:0}.contact-actions{flex-wrap:wrap}}
@media(max-width:760px){.hero h1{font-size:61px;line-height:.88}.war-section{padding:65px 23px}.section-copy h2,.products h2,.contact h2{font-size:50px}.toolchain{padding:42px 23px}.toolchain>div span{font-size:14px}.products{padding:70px 23px 90px}.products-heading{gap:10px;margin-bottom:38px}.product-card{padding:30px 8px}.contact{padding:75px 23px 115px}.contact-actions{flex-direction:column}.contact-actions .secondary{font-size:8px}footer{padding:22px;flex-wrap:wrap;justify-content:center;text-align:center}footer>p{width:100%;order:3}.brand strong{font-size:17px}}
