/* Generated by tools/build-site.mjs from design-export/site/index.html; do not edit by hand. */
/* The page's own rules (the export's <style> block). */
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); text-wrap: pretty; }
a { color: var(--color-accent-700); }
a:hover { color: var(--color-accent-900); }
@keyframes xr-flow { to { stroke-dashoffset: -14; } }
@keyframes xr-flow-back { to { stroke-dashoffset: 14; } }
@keyframes xr-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation-duration: 0.001s !important; animation-iteration-count: 1 !important; } }

/* The export's inline styles, one class per distinct style. */
.s1 { min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55; }
.s2 { position:relative;padding:14px clamp(20px,5vw,72px);gap:12px 22px;flex-wrap:wrap;max-width:1344px;margin:0 auto;justify-content:flex-end; }
.s3 { display:flex;gap:22px;flex-wrap:wrap;align-items:center; }
.s4 { white-space:nowrap; }
.s5 { font:inherit;font-size:14px;color:inherit;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap; }
.s6 { position:absolute;top:100%;right:clamp(20px,5vw,72px);z-index:10;width:min(342px,100vw - 40px);padding:16px 20px 20px;background:var(--color-bg);border:1px solid var(--color-divider); }
.s7 { display:block;font-size:13px;line-height:20px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-700); }
.s8 { margin:6px 0 14px;font-size:14px;line-height:22px;color:var(--color-neutral-700); }
.s9 { min-height:65px; }
.s10 { display:block;font-family:var(--font-heading);font-weight:600;font-size:22px;line-height:26px;letter-spacing:0.01em;text-decoration:none; }
.s11 { max-width:1200px;margin:0 auto;padding:clamp(48px,8vw,104px) clamp(20px,5vw,72px) clamp(40px,6vw,80px);display:flex;flex-direction:column;align-items:center; }
.s12 { margin:0;line-height:0; }
.s13 { display:block;width:clamp(200px,26vw,320px);height:auto; }
.s14 { width:100%;max-width:960px;display:flex;flex-direction:column;gap:28px;align-items:center;margin-top:clamp(32px,4.5vw,48px); }
.s15 { max-width:58ch;align-self:center;text-align:center;font-size:clamp(16px,1.7vw,20px);line-height:1.5;margin:0; }
.s16 { fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round; }
.s17 { max-width:1200px;margin:0 auto;padding:56px clamp(20px,5vw,72px) 56px; }
.s18 { display:block;font-size:13px;line-height:12px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-700);margin:0 0 12px; }
.s19 { height:1px;border:0;margin:0 0 24px;background:var(--color-divider); }
.s20 { display:flex;flex-wrap:wrap;gap:32px clamp(24px,5vw,80px);align-items:center; }
.s21 { flex:1 1 340px;min-width:0; }
.s22 { font-family:var(--font-heading);font-weight:600;font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:0.02em;text-transform:uppercase;margin:0;max-width:22ch;text-box:trim-both cap alphabetic; }
.s23 { font-size:16px;line-height:24px;color:var(--color-neutral-700);margin:20px 0 0;max-width:54ch; }
.s24 { list-style:none;margin:28px 0 0;padding:0; }
.s25 { display:grid;grid-template-columns:3ch minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--color-divider); }
.s26 { font-size:13px;line-height:24px;font-weight:600;letter-spacing:0.08em;color:var(--color-accent-700); }
.s27 { display:block;font-family:var(--font-heading);font-weight:600;font-size:20px;line-height:24px;letter-spacing:0.02em;text-transform:uppercase; }
.s28 { display:block;font-size:15px;line-height:24px;color:var(--color-neutral-700);margin-top:2px; }
.s29 { display:grid;grid-template-columns:3ch minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider); }
.s30 { flex:1 1 320px;min-width:0;display:flex;justify-content:center;align-items:center;min-height:380px;perspective:1100px;padding:24px 0; }
.s31 { position:relative;width:min(100%,340px,100vw - 104px);aspect-ratio:3/2;transform-style:preserve-3d;animation:xr-float 8s ease-in-out infinite;animation-play-state:running; }
.s32 { position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-30deg); }
.s33 { position:absolute;inset:0;border:1px solid var(--color-divider);background:repeating-linear-gradient(0deg, transparent 0 23px, color-mix(in srgb, var(--color-text) 10%, transparent) 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, color-mix(in srgb, var(--color-text) 10%, transparent) 23px 24px);transform:translateZ(0); }
.s34 { position:absolute;left:10px;bottom:6px;font-family:var(--font-heading);font-weight:600;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-neutral-700); }
.s35 { position:absolute;inset:0;border:1px solid var(--color-accent-600);background:color-mix(in srgb, var(--color-accent) 5%, transparent);transform:translateZ(64px); }
.s36 { position:absolute;left:18%;top:22%;width:22%;height:30%;border:1px solid var(--color-accent-600); }
.s37 { position:absolute;left:58%;top:48%;width:26%;height:24%;border:1px solid var(--color-accent-600); }
.s38 { position:absolute;left:10px;bottom:6px;font-family:var(--font-heading);font-weight:600;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent-700); }
.s39 { position:absolute;inset:0;border:1.5px solid var(--color-accent-700);background:color-mix(in srgb, var(--color-accent) 12%, transparent);transform:translateZ(128px); }
.s40 { position:absolute;left:30%;top:18%;width:44%;height:48%;border:1px solid var(--color-accent-700);background:color-mix(in srgb, var(--color-accent) 18%, transparent); }
.s41 { position:absolute;left:10px;bottom:6px;font-family:var(--font-heading);font-weight:600;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent-800); }
.s42 { margin:36px 0 0; }
.s43 { position:relative;border:1px solid var(--color-divider); }
.s44 { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 20px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-accent) 4%, transparent); }
.s45 { grid-row:span 2;font-family:var(--font-heading);font-weight:600;font-size:18px;letter-spacing:0.02em;text-transform:uppercase; }
.s46 { display:flex;align-items:center;gap:14px;min-width:0; }
.s47 { flex:1 1 40px;min-width:40px;display:block; }
.s48 { stroke:var(--color-accent-600);stroke-width:1.5;stroke-dasharray:4 3;animation:xr-flow 1.2s linear infinite;animation-play-state:running; }
.s49 { flex:0 1 auto;font-size:13px;line-height:20px;letter-spacing:0.02em;color:var(--color-accent-800);white-space:nowrap; }
.s50 { grid-row:span 2;font-family:var(--font-heading);font-weight:600;font-size:18px;letter-spacing:0.02em;text-transform:uppercase;text-align:right; }
.s51 { stroke:var(--color-accent-600);stroke-width:1.5;stroke-dasharray:2 5;animation:xr-flow-back 1.2s linear infinite;animation-play-state:running; }
.s52 { list-style:none;margin:0;padding:8px 24px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:0 24px; }
.s53 { padding:12px 0 4px;border-top:1px solid var(--color-divider); }
.s54 { display:block;font-size:13px;line-height:24px;font-weight:600;letter-spacing:0.08em;color:var(--color-accent-700); }
.s55 { display:block;font-size:14px;line-height:22px;color:var(--color-neutral-700);margin-top:6px; }
.s56 { list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(16px,2vw,28px); }
.s57 { position:relative;border:1px solid var(--color-divider);padding:22px 24px 24px; }
.s58 { display:block;font-family:var(--font-heading);font-weight:600;font-size:21px;line-height:24px;letter-spacing:0.02em;text-transform:uppercase; }
.s59 { display:block;font-size:15px;line-height:24px;color:var(--color-neutral-700);margin-top:8px; }
.s60 { display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;margin-top:36px;padding-top:20px;border-top:1px solid var(--color-divider); }
.s61 { font-size:13px;line-height:24px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-700); }
.s62 { overflow:hidden;min-width:0;flex:1 1 auto; }
.s63 { list-style:none;margin:0 0 0 -15px;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font-family:var(--font-heading);font-weight:600;font-size:19px;line-height:24px;letter-spacing:0.03em;text-transform:uppercase; }
.s64 { padding:0 14px;border-left:1px solid var(--color-divider); }
.s65 { background:var(--color-accent-900);color:var(--color-bg); }
.s66 { max-width:1200px;margin:0 auto;padding:64px clamp(20px,5vw,72px) 64px;display:flex;flex-wrap:wrap;gap:36px clamp(24px,5vw,80px);align-items:stretch; }
.s67 { flex:1 1 380px;min-width:0;padding:16px 0;border-top:1px solid var(--color-accent-700);border-bottom:1px solid var(--color-accent-700); }
.s68 { display:block;font-size:13px;line-height:20px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-300); }
.s69 { font-family:var(--font-heading);font-weight:600;font-size:clamp(30px,3.4vw,44px);line-height:1.08;letter-spacing:0.02em;text-transform:uppercase;margin:12px 0 0;max-width:22ch;text-box:trim-both cap alphabetic; }
.s70 { flex:1 1 320px;min-width:0;border-top:1px solid var(--color-accent-700);display:flex;flex-direction:column; }
.s71 { padding:16px 0;border-bottom:1px solid var(--color-accent-700);flex:1 0 auto; }
.s72 { display:block;font-family:var(--font-heading);font-weight:600;font-size:22px;line-height:26px;letter-spacing:0.01em;margin-top:6px; }
.s73 { display:block;font-size:14px;line-height:22px;margin-top:6px;color:var(--color-accent-200); }
.s74 { border-top:1px solid var(--color-divider); }
.s75 { max-width:1200px;margin:0 auto;padding:28px clamp(20px,5vw,72px) 40px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;font-size:13px;line-height:24px;color:var(--color-neutral-700); }

/* The export's style-hover attributes (after the classes above, and more specific). */
.h1:hover { color:var(--color-accent); }