@import url("/workshop.css");
/* U1 faithful styles externalized from locally pinned Claude v2 HTML. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/Manrope-cyrillic.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/Manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.pu-page{background:#070A12;color:#EEF2F6;width:100%;font-family:"Manrope",system-ui,sans-serif;color-scheme:dark}
.pu-page *, .pu-page *::before, .pu-page *::after{box-sizing:border-box}
.pu-page a{color:#EEF2F6}
.pu-page a:hover{color:#FFFFFF}
.pu-page :is(a,button,select,input):focus-visible{outline:3px solid #B9FF3F;outline-offset:4px}
.pu-page :is(button,select,input){font-family:"Manrope",system-ui,sans-serif}
.pu-page button:disabled,.pu-page input:disabled,.pu-page select:disabled{cursor:not-allowed}
.pu-page svg{max-width:100%}
.pu-page .pu-s001{font-family: Manrope, system-ui, sans-serif; color: #EEF2F6; background: #070A12; width: 100%}
.pu-page .pu-s002{border-bottom: 1px solid #172033}
.pu-page .pu-s003{max-width: 1280px; margin: 0 auto; padding: 16px 32px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between}
.pu-page .pu-s004{display: flex; align-items: center; gap: 12px; text-decoration: none; color: #EEF2F6; min-height: 44px}
.pu-page .pu-s005{fill: none; stroke: #39E1C6; stroke-width: 1.5}
.pu-page .pu-s006{fill: #EEF2F6}
.pu-page .pu-s007{fill: #39E1C6}
.pu-page .pu-s008{font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.08em}
.pu-page .pu-s009{display: flex; flex-wrap: wrap; align-items: center; gap: 4px}
.pu-page .pu-s010{text-decoration: none; padding: 12px 14px; font-size: 15px; color: #C5CEDB}
.pu-page .pu-s011{margin-left: 8px; padding: 11px 16px; border: 1px solid #2A3650; border-radius: 999px; font-size: 14px; font-weight: 700; text-decoration: none; color: #EEF2F6}
.pu-page .pu-s012{max-width: 1280px; margin: 0 auto; padding: 56px 32px 72px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); gap: 40px; align-items: center; box-sizing: border-box}
.pu-page .pu-s013{display: flex; flex-direction: column; gap: 24px}
.pu-page .pu-s014{font-size: 13px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 800; color: #39E1C6}
.pu-page .pu-s015{margin: 0; font-family: Unbounded, system-ui, sans-serif; font-weight: 800; font-size: 76px; line-height: 0.98; letter-spacing: -0.01em}
.pu-page .pu-s016{margin: 0; font-size: 20px; line-height: 1.55; color: #B4BFCE; max-width: 520px}
.pu-page .pu-s017{display: flex; flex-wrap: wrap; gap: 12px}
.pu-page .pu-s018{background: #B9FF3F; color: #070A12; text-decoration: none; font-weight: 800; font-size: 17px; padding: 16px 26px; border-radius: 999px}
.pu-page .pu-s019{border: 1px solid #3A4A66; color: #EEF2F6; text-decoration: none; font-weight: 700; font-size: 17px; padding: 15px 24px; border-radius: 999px}
.pu-page .pu-s020{display: flex; flex-wrap: wrap; gap: 20px; font-size: 14px; color: #8E9BB0}
.pu-page .pu-s021{display: flex; align-items: center; gap: 8px}
.pu-page .pu-s022{fill: none; stroke: #8E9BB0; stroke-width: 1; stroke-dasharray: 2 2}
.pu-page .pu-s023{margin: 0; display: flex; flex-direction: column; gap: 10px}
.pu-page .pu-s024{width: 100%; height: auto; display: block}
.pu-page .pu-s025{fill: none}
.pu-page .pu-s026{stroke: #24334E; stroke-width: 1}
.pu-page .pu-s027{stroke: #24334E; stroke-width: 1; stroke-dasharray: 3 6}
.pu-page .pu-s028{stroke: #1B2740; stroke-width: 1}
.pu-page .pu-s029{fill: #39E1C6; opacity: 0.32}
.pu-page .pu-s030{fill: #0F1B2B; stroke: #39E1C6; stroke-width: 1.5}
.pu-page .pu-s031{font-family: Unbounded, system-ui, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.4em; fill: #39E1C6}
.pu-page .pu-s032{fill: #EEF2F6; opacity: 0.85}
.pu-page .pu-s033{fill: #39E1C6; opacity: 0.16}
.pu-page .pu-s034{font-family: Manrope, system-ui, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; fill: #8E9BB0}
.pu-page .pu-s035{font-family: Unbounded, system-ui, sans-serif; font-size: 16px; font-weight: 600; fill: #EEF2F6}
.pu-page .pu-s036{fill: #070A12; stroke: #8E9BB0; stroke-width: 1.25; stroke-dasharray: 3 3}
.pu-page .pu-s037{font-family: Unbounded, system-ui, sans-serif; font-size: 16px; font-weight: 600; fill: #C5CEDB}
.pu-page .pu-s038{font-size: 14px; color: #8E9BB0}
.pu-page .pu-s039{border-top: 1px solid #172033}
.pu-page .pu-s040{max-width: 1280px; margin: 0 auto; padding: 88px 32px; display: flex; flex-direction: column; gap: 40px; box-sizing: border-box}
.pu-page .pu-s041{display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-between; align-items: flex-end}
.pu-page .pu-s042{display: flex; flex-direction: column; gap: 12px; max-width: 640px}
.pu-page .pu-s043{margin: 0; font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 44px; line-height: 1.08}
.pu-page .pu-s044{margin: 0; font-size: 18px; line-height: 1.6; color: #B4BFCE}
.pu-page .pu-s045{border: 1px solid #3A4A66; color: #EEF2F6; text-decoration: none; font-weight: 700; font-size: 16px; padding: 14px 22px; border-radius: 999px}
.pu-page .pu-s046{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 16px}
.pu-page .pu-s047{background: #0D1320; border: 1px solid #1B2638; border-radius: 22px; padding: 26px; display: flex; flex-direction: column; gap: 14px; min-height: 236px; box-sizing: border-box}
.pu-page .pu-s048{display: flex; justify-content: space-between; align-items: center; gap: 12px}
.pu-page .pu-s049{font-family: Unbounded, system-ui, sans-serif; font-size: 14px; font-weight: 600; color: #8E9BB0}
.pu-page .pu-s050{font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; background: #142033; color: #39E1C6}
.pu-page .pu-s051{margin: 0; font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 22px; line-height: 1.25}
.pu-page .pu-s052{margin: 0; font-size: 16px; line-height: 1.6; color: #B4BFCE; flex-grow: 1}
.pu-page .pu-s053{display: flex; justify-content: space-between; gap: 12px; padding: 12px 0 0; border-top: 1px solid #1B2638; text-decoration: none; font-size: 15px}
.pu-page .pu-s054{color: #8E9BB0}
.pu-page .pu-s055{font-weight: 800; color: #39E1C6}
.pu-page .pu-s056{font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 10px; border-radius: 999px; background: #142033; color: #8E9BB0}
.pu-page .pu-s057{font-weight: 800; color: #8E9BB0}
.pu-page .pu-s058{max-width: 1280px; margin: 0 auto; padding: 88px 32px; display: flex; flex-direction: column; gap: 32px; box-sizing: border-box}
.pu-page .pu-s059{display: flex; flex-direction: column; gap: 12px; max-width: 700px}
.pu-page .pu-s060{display: inline-flex; padding: 4px; border: 1px solid #24334E; border-radius: 999px; gap: 4px}
.pu-page .pu-s061{font: inherit; font-weight: 800; font-size: 16px; padding: 12px 22px; border-radius: 999px; border: 0; background: #39E1C6; color: #070A12; min-height: 44px}
.pu-page .pu-s062{font: inherit; font-weight: 700; font-size: 16px; padding: 12px 22px; border-radius: 999px; border: 0; background: transparent; color: #C5CEDB; min-height: 44px}
.pu-page .pu-s063{display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start}
.pu-page .pu-s064{flex: 0 1 400px; min-width: min(100%, 320px); background: #0B111C; border: 1px solid #1B2638; border-radius: 24px; padding: 20px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box}
.pu-page .pu-s065{fill: #0F1B2B; stroke: #39E1C6; stroke-width: 1.25}
.pu-page .pu-s066{font-family: Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 700; fill: #C5CEDB}
.pu-page .pu-s067{display: flex; flex-wrap: wrap; gap: 8px}
.pu-page .pu-s068{font: inherit; font-size: 14px; font-weight: 800; padding: 12px 14px; border-radius: 999px; border: 1px solid #39E1C6; background: #39E1C6; color: #070A12; min-height: 44px}
.pu-page .pu-s069{font: inherit; font-size: 14px; font-weight: 700; padding: 12px 14px; border-radius: 999px; border: 1px solid #2A3650; background: transparent; color: #C5CEDB; min-height: 44px}
.pu-page .pu-s070{flex: 1 1 520px; min-width: min(100%, 320px); display: flex; flex-direction: column; gap: 16px}
.pu-page .pu-s071{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; align-items: end}
.pu-page .pu-s072{display: flex; flex-direction: column; gap: 6px}
.pu-page .pu-s073{font-size: 13px; font-weight: 700; color: #8E9BB0}
.pu-page .pu-s074{font: inherit; font-size: 16px; padding: 12px; border-radius: 14px; border: 1px solid #24334E; background: #0D1320; color: #EEF2F6; min-height: 48px}
.pu-page .pu-s075{font: inherit; font-size: 16px; padding: 12px; border-radius: 14px; border: 1px solid #24334E; background: #0D1320; color: #EEF2F6; min-height: 48px; box-sizing: border-box; width: 100%}
.pu-page .pu-s076{font: inherit; font-weight: 800; font-size: 16px; padding: 13px 18px; border-radius: 14px; border: 0; background: #B9FF3F; color: #070A12; min-height: 48px}
.pu-page .pu-s077{background: #0B111C; border: 1px solid #1B2638; border-radius: 22px; padding: 32px; display: flex; flex-direction: column; gap: 14px}
.pu-page .pu-s078{fill: none; stroke: #2A3650; stroke-width: 1.5; stroke-dasharray: 3 4}
.pu-page .pu-s079{fill: #B9FF3F}
.pu-page .pu-s080{margin: 0; font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 24px; line-height: 1.25}
.pu-page .pu-s081{margin: 0; font-size: 16px; line-height: 1.6; color: #B4BFCE; max-width: 560px}
.pu-page .pu-s082{align-self: flex-start; border: 1px solid #39E1C6; color: #39E1C6; text-decoration: none; font-weight: 800; font-size: 15px; padding: 12px 18px; border-radius: 999px}
.pu-page .pu-s083{border: 1px dashed #2A3650; border-radius: 22px; padding: 16px; display: flex; gap: 18px; align-items: stretch}
.pu-page .pu-s084{flex: 0 0 96px; border-radius: 14px; background: #0F1726; display: flex; align-items: center; justify-content: center}
.pu-page .pu-s085{fill: #16243A; stroke: #39E1C6; stroke-width: 0.8}
.pu-page .pu-s086{flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px}
.pu-page .pu-s087{display: flex; flex-wrap: wrap; gap: 8px; align-items: center}
.pu-page .pu-s088{font-size: 11px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #8E9BB0}
.pu-page .pu-s089{font-size: 12px; font-weight: 800; padding: 5px 10px; border-radius: 999px; background: #142033; color: #39E1C6}
.pu-page .pu-s090{font-size: 12px; font-weight: 800; padding: 5px 10px; border-radius: 999px; background: #142033; color: #C5CEDB}
.pu-page .pu-s091{margin: 0; font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 18px; line-height: 1.3}
.pu-page .pu-s092{margin: 0; font-size: 22px; font-weight: 800}
.pu-page .pu-s093{margin: 0; font-size: 14px; color: #8E9BB0}
.pu-page .pu-s094{align-self: flex-start; font-weight: 800; font-size: 15px; padding: 8px 0; color: #39E1C6; text-decoration: none}
.pu-page .pu-s095{margin: 0; font-size: 14px; line-height: 1.6; color: #8E9BB0; max-width: 900px}
.pu-page .pu-s096{max-width: 1280px; margin: 0 auto; padding: 88px 32px; box-sizing: border-box}
.pu-page .pu-s097{background: #0D1320; border: 1px solid #1B2638; border-radius: 32px; padding: 56px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 48px; box-sizing: border-box}
.pu-page .pu-s098{display: flex; flex-direction: column; gap: 16px}
.pu-page .pu-s099{margin: 0; font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 38px; line-height: 1.12}
.pu-page .pu-s100{margin: 0; font-size: 15px; color: #8E9BB0}
.pu-page .pu-s101{align-self: flex-start; margin-top: 8px; background: #B9FF3F; color: #070A12; text-decoration: none; font-weight: 800; font-size: 17px; padding: 16px 24px; border-radius: 999px}
.pu-page .pu-s102{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px}
.pu-page .pu-s103{display: flex; gap: 20px; align-items: flex-start; padding: 20px; border: 1px solid #1B2638; border-radius: 20px}
.pu-page .pu-s104{font-family: Unbounded, system-ui, sans-serif; font-weight: 800; font-size: 28px; line-height: 1; color: #39E1C6}
.pu-page .pu-s105{font-size: 18px}
.pu-page .pu-s106{font-size: 16px; line-height: 1.55; color: #B4BFCE}
.pu-page .pu-s107{max-width: 1280px; margin: 0 auto; padding: 40px 32px 56px; display: flex; flex-wrap: wrap; gap: 28px; justify-content: space-between; align-items: center; box-sizing: border-box}
.pu-page .pu-s108{display: flex; flex-direction: column; gap: 8px}
.pu-page .pu-s109{font-family: Unbounded, system-ui, sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 0.08em}
.pu-page .pu-s110{display: flex; flex-direction: column; gap: 10px; align-items: flex-start}
.pu-page .pu-s111{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #8E9BB0; font-weight: 800}
.pu-page .pu-s112{display: inline-flex; align-items: center; gap: 10px; padding: 9px 18px 9px 10px; border: 1px solid #2A3650; border-radius: 999px; text-decoration: none; font-weight: 800; font-size: 15px; color: #EEF2F6}
.pu-page .pu-s113{fill: none; stroke: #39E1C6; stroke-width: 1.8}
.pu-page .pu-s114{font-size: 13px; line-height: 1.55; color: #8E9BB0; max-width: 360px}
@media(max-width:720px){.pu-page .pu-label{display:none}.pu-page .pu-h1{font-size:46px!important}.pu-page .pu-pad{padding:40px 24px!important}}
@media(max-width:430px){.pu-page .pu-h1{font-size:clamp(32px,10vw,46px)!important}.pu-page svg text{paint-order:stroke}}
.pu-page .pu-skip-link{position:absolute;left:-10000px;top:12px;z-index:1000;padding:12px;background:#B9FF3F;color:#070A12}.pu-page .pu-skip-link:focus{left:12px}
/* Agency terms remain readable and expandable without JavaScript. */
.pu-page .pu-agency-terms{margin:22px 0;padding:0 16px;border:1px solid #1B2638;border-radius:12px;background:#0D1320;color:#EEF2F6}
.pu-page .pu-agency-terms summary{min-height:44px;padding:14px 0;cursor:pointer;font-size:15px;font-weight:800;line-height:1.5;color:#39E1C6;overflow-wrap:anywhere}
.pu-page .pu-agency-terms-body{padding:0 0 4px}
.pu-page .pu-agency-terms-body p{margin:0 0 16px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.pu-page .pu-agency-terms summary:focus-visible{outline:3px solid #B9FF3F;outline-offset:4px}