@font-face{font-family:Pixel;src:url('../assets/fonts/tiny5.ttf') format('truetype');font-display:swap}@font-face{font-family:PixelUI;src:url('../assets/fonts/pixel-ui.ttf') format('truetype');font-display:swap}@font-face{font-family:Mono;src:url('../assets/fonts/mono.ttf') format('truetype');font-display:swap}
:root{--paper:#f6f9f0;--panel:#fffef7;--ink:#273629;--muted:#687b60;--line:#cad8bc;--mint:#a8d4b7;--green:#799c72;--lime:#d8e8b9;--coral:#eaa388;--shadow:#dae6cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:22px/1.35 Pixel,monospace}button,a,input{font:inherit}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #547b53;outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px;padding:28px 36px}.side{position:sticky;top:28px;height:calc(100dvh - 56px);display:flex;flex-direction:column;gap:23px;border-right:1px solid var(--line);padding-right:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:38px/1 Pixel,monospace}.brand img{width:50px;height:50px;object-fit:contain;border:1px solid var(--line);background:var(--panel);image-rendering:pixelated;box-shadow:3px 3px 0 var(--shadow)}.brand small{display:block;font:7px/1.6 PixelUI,monospace;letter-spacing:0;color:var(--muted);margin-top:5px}.side nav{display:grid;gap:7px}.side nav a{padding:12px 10px;text-decoration:none;display:flex;align-items:center;gap:12px;min-height:46px;border:1px solid transparent;font-size:21px}.side nav a:hover{border-color:var(--line);background:#eaf2df}.nav-index{font:9px PixelUI,monospace;color:#7f9572}.side-footer{margin-top:auto;display:grid;gap:15px}.small{font:16px/1.4 Pixel,monospace;color:var(--muted)}.side-footer a{text-decoration:none}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid #526b4d;background:var(--ink);color:var(--panel);text-decoration:none;box-shadow:3px 3px 0 #b8cba5;font:10px/1.55 PixelUI,monospace;transition:transform .12s,box-shadow .12s}.button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #a3bd92}.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.button.secondary{background:var(--panel);color:var(--ink);border-color:#afc19c;box-shadow:3px 3px 0 var(--shadow)}.button.compact{min-height:44px;font:19px/1 Pixel,monospace;padding:10px 13px}.button.wide{width:100%}.main{min-width:0;padding-bottom:38px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:46px;border-bottom:1px solid var(--line);padding-bottom:17px}.eyebrow{font:8px/1.7 PixelUI,monospace;color:var(--muted);margin:0 0 16px}.topbar .eyebrow{margin:0}.status{display:inline-flex;gap:9px;align-items:center;font:8px/1.6 PixelUI,monospace;color:#638557}.status:before{content:'';width:6px;height:6px;background:#7fa86f;box-shadow:2px 2px 0 #c6dcb7}.hero{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:30px;align-items:center;padding:47px 0 42px}.hero h1{font:68px/.98 Pixel,monospace;font-weight:400;margin:0 0 19px;letter-spacing:0}.hero p:not(.eyebrow){color:var(--muted);max-width:490px;margin:0 0 23px;font-size:24px}.hero .logo-slab{padding:19px;border:1px solid var(--line);background:#f2f7e8;box-shadow:5px 5px 0 var(--shadow);position:relative}.logo-slab:before{position:absolute;content:'01 / IDENTITY';top:11px;left:12px;font:6px/1.4 PixelUI,monospace;color:var(--muted)}.logo-slab img{width:100%;height:auto;aspect-ratio:auto;padding-top:17px;image-rendering:pixelated}.hero-actions{display:flex;flex-wrap:wrap;gap:15px}.contents{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:0 0 40px}.contents>div{border:1px solid var(--line);padding:13px;background:var(--panel);box-shadow:2px 2px 0 var(--shadow);font-size:19px}.contents strong{display:block;font:29px/1 Pixel,monospace;font-weight:400;margin-bottom:7px}.contents span{font:6px/1.5 PixelUI,monospace;color:var(--muted)}section{margin-top:47px}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:21px}.section-head .eyebrow{margin-bottom:8px}.section-head h2{font:39px/1.04 Pixel,monospace;font-weight:400;margin:0}.section-head>p{max-width:270px;color:var(--muted);font-size:18px;margin:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);background:var(--panel);box-shadow:4px 4px 0 var(--shadow);min-width:0}.preview{background:#edf3e5;border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.preview img{width:100%;height:auto}.preview.square{aspect-ratio:1;max-height:none}.preview.square img{height:100%;object-fit:contain}.preview.logo{min-height:220px;background:#f5f8ee;background-image:linear-gradient(#e7efdd 1px,transparent 1px),linear-gradient(90deg,#e7efdd 1px,transparent 1px);background-size:22px 22px}.preview.logo img{width:70%;max-width:280px;height:auto;max-height:255px;object-fit:contain}.card-body{padding:19px}.asset-meta{font:7px/1.6 PixelUI,monospace;color:var(--muted);margin:0 0 8px}.card h3{font:29px/1.04 Pixel,monospace;font-weight:400;margin:0 0 10px}.card p:not(.asset-meta){font-size:19px;color:var(--muted);margin:0 0 18px}.download-row{display:flex;flex-wrap:wrap;gap:10px}.card.full{grid-column:1/-1}.banner-preview img,.cover-preview img{width:100%;height:auto}.variant-list{display:grid;gap:9px;padding:17px;border:1px solid var(--line);background:#eff5e7;margin-top:18px}.variant-list a{display:flex;gap:15px;justify-content:space-between;align-items:center;min-height:44px;padding:7px 10px;text-decoration:none;border:1px solid #d5e1cb;background:var(--panel);font-size:20px}.variant-list a:hover{background:#e2efd5}.variant-list small{font:6px/1.6 PixelUI,monospace;color:var(--muted)}.crew-assets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.crew-asset{border:1px solid var(--line);background:var(--panel);box-shadow:3px 3px 0 var(--shadow);min-width:0;padding:12px;display:flex;flex-direction:column}.crew-asset .agent-preview{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#eef4e7;background-image:linear-gradient(45deg,#e5eddc 25%,transparent 25%),linear-gradient(-45deg,#e5eddc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5eddc 75%),linear-gradient(-45deg,transparent 75%,#e5eddc 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.agent-preview img{width:100%;height:auto}.crew-asset h3{font:25px/1 Pixel,monospace;font-weight:400;margin:14px 0 6px}.crew-asset p{font-size:16px;color:var(--muted);line-height:1.15;min-height:37px;margin:0 0 15px}.crew-asset .button{margin-top:auto;min-height:44px;font-size:18px;padding:8px 4px;font-family:Pixel,monospace;box-shadow:2px 2px 0 var(--shadow)}.video-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;border:1px solid var(--line);box-shadow:4px 4px 0 var(--shadow);background:var(--panel)}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#edf3e5;border-right:1px solid var(--line)}.video-copy{padding:23px;display:flex;flex-direction:column;justify-content:center;gap:13px}.video-copy h3{font:32px/1 Pixel,monospace;font-weight:400;margin:0}.video-copy p{font-size:19px;color:var(--muted);margin:0}.video-copy .button{font-size:8px}.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.copy-card{border:1px solid var(--line);background:var(--panel);box-shadow:3px 3px 0 var(--shadow);padding:21px;display:flex;flex-direction:column}.copy-card h3{font:28px/1 Pixel,monospace;font-weight:400;margin:0 0 14px}.copy-text{font:20px/1.45 Pixel,monospace;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 22px;color:#4d6346}.copy-card .download-row{margin-top:auto}.copy-count{font:7px/1.5 PixelUI,monospace;color:var(--muted);margin-bottom:12px}.article{border:1px solid var(--line);background:#eaf3df;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:20px;box-shadow:3px 3px 0 var(--shadow)}.article h3{font:31px/1 Pixel,monospace;font-weight:400;margin:0 0 9px}.article p{font-size:20px;max-width:490px;color:var(--muted);margin:0}.article .button{flex-shrink:0}.usage{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:24px;border:1px solid var(--line);background:var(--panel)}.usage h3{font:29px/1 Pixel,monospace;font-weight:400;margin:0 0 12px}.usage p{color:var(--muted);font-size:20px;margin:0 0 12px}.palette{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.swatch{width:37px;height:37px;border:1px solid #27362933;box-shadow:2px 2px 0 var(--shadow)}.license-links{display:flex;gap:17px;flex-wrap:wrap;font-size:18px}.footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:23px;margin-top:45px;color:var(--muted);font-size:18px}.footer a{text-decoration:none}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);padding:12px 21px;background:var(--ink);color:var(--panel);border:1px solid #a9c494;box-shadow:4px 4px 0 #b8cfa3;font-size:21px;z-index:10;max-width:calc(100vw - 32px);text-align:center}.toast:empty{display:none}
@media(min-width:1500px){.layout{gap:50px}.hero{grid-template-columns:minmax(0,1fr) 245px}.hero h1{font-size:76px}}@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:24px}.side{padding-right:18px}.side nav a{padding-left:4px;font-size:20px}.brand{font-size:32px;gap:9px}.brand img{width:42px;height:42px}.brand small{font-size:6px}.hero{grid-template-columns:minmax(0,1fr) 160px;gap:25px}.hero h1{font-size:58px}.hero p:not(.eyebrow){font-size:22px}.button{font-size:9px}.crew-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.video-card{grid-template-columns:1fr}.video-card video{border-right:0;border-bottom:1px solid var(--line)}.video-copy{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.video-copy h3,.video-copy p{grid-column:1/-1}.contents{gap:8px}.contents>div{padding:11px}.contents span{font-size:5px}.article{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.layout{display:block;padding:20px}.side{position:relative;top:auto;height:auto;border:0;padding:0;gap:19px}.side nav{display:flex;gap:10px;overflow:auto;padding:0 0 8px;border-bottom:1px solid var(--line)}.side nav a{font-size:19px;min-width:max-content;padding:10px 12px;border:1px solid var(--line);background:var(--panel);box-shadow:2px 2px 0 var(--shadow);gap:9px}.side nav .nav-index{font-size:7px}.side-footer{display:none}.brand{font-size:37px}.brand img{width:46px;height:46px}.topbar{margin-top:12px;min-height:46px;gap:12px}.topbar .eyebrow,.status{font-size:6px}.hero{padding-top:33px;grid-template-columns:minmax(0,1fr) 145px;gap:18px}.hero h1{font-size:53px}.hero p:not(.eyebrow){font-size:22px}.hero .eyebrow{font-size:6px;margin-bottom:12px}.hero .logo-slab{padding:14px}.logo-slab:before{font-size:4px;top:9px;left:9px}.hero-actions{gap:12px}.hero-actions .button{font-size:8px;padding:12px;min-height:46px}.contents{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:30px}.contents strong{font-size:25px}.contents span{font-size:5px}section{margin-top:37px}.section-head{gap:18px;align-items:flex-start}.section-head h2{font-size:35px}.section-head>p{font-size:17px;max-width:190px}.section-head .eyebrow{font-size:6px}.card-body{padding:16px}.card h3{font-size:27px}.card p:not(.asset-meta){font-size:19px}.preview.logo{min-height:180px}.download-row .button{font-size:17px;min-height:44px;font-family:Pixel,monospace;padding:10px 12px}.crew-assets{gap:13px}.crew-asset{padding:10px}.crew-asset p{font-size:17px}.usage{gap:20px;padding:20px}.usage p{font-size:19px}.copy-card{padding:18px}.copy-text{font-size:20px}.copy-count{font-size:6px}.copy-card h3{font-size:27px}.variant-list{padding:12px}.variant-list a{font-size:19px;gap:10px}.variant-list small{font-size:5px}.footer{font-size:17px}}@media(max-width:480px){.hero{grid-template-columns:minmax(0,1fr) 107px;gap:14px}.hero h1{font-size:43px;line-height:1}.hero p:not(.eyebrow){font-size:20px}.hero .logo-slab{padding:7px;box-shadow:3px 3px 0 var(--shadow)}.logo-slab:before{font-size:3px;top:7px;left:6px}.logo-slab img{padding-top:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{font-size:7px;padding:12px 9px}.contents{grid-template-columns:1fr 1fr;gap:10px}.contents>div{padding:13px}.contents span{font-size:6px}.section-head{display:block}.section-head>p{max-width:none;margin-top:14px;font-size:19px}.cards,.copy-grid,.usage{grid-template-columns:1fr}.card.full{grid-column:auto}.crew-assets{grid-template-columns:1fr 1fr}.crew-assets .crew-asset:last-child{grid-column:1/-1;display:grid;grid-template-columns:120px 1fr;gap:0 16px}.crew-assets .crew-asset:last-child .agent-preview{grid-row:1/4}.crew-assets .crew-asset:last-child h3{margin-top:11px}.crew-assets .crew-asset:last-child p{min-height:0;margin-bottom:8px}.crew-assets .crew-asset:last-child .button{margin-top:0}.crew-asset p{min-height:36px}.video-copy{padding:19px}.video-copy .button{font-size:7px}.article{padding:20px}.article .button{font-size:8px}.footer{flex-wrap:wrap;gap:12px}.status{font-size:5px}.eyebrow{font-size:7px}.preview.logo{min-height:215px}.variant-list small{font-size:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover,.button:active{transform:none}}
