@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img,svg{display:block}a{color:inherit;text-decoration:none}}@layer base{:root{font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif}html{background:var(--background);scroll-padding-top:28px;scroll-padding-bottom:100px}body{color:var(--text);background:linear-gradient(135deg, var(--gradient-start) 0%, var(--background) 44%, var(--gradient-end) 100%);min-width:320px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));font-size:16px;line-height:1.7}::selection{background:var(--text);color:var(--surface)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3{letter-spacing:-.055em;word-break:keep-all;overflow-wrap:anywhere;font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5.15vw,4rem)}h2{font-size:clamp(1.9rem,3vw,2.65rem)}h3{font-size:1.75rem}a,button{touch-action:manipulation}button:disabled{cursor:default}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--text);color:var(--surface);border-radius:12px;padding:10px 18px;position:absolute;top:12px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.page-width{width:min(1200px,100% - 96px);margin-inline:auto}.eyebrow{color:var(--muted);align-items:center;gap:16px;font-size:.875rem;display:flex}.section-number{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.75rem}.subtle-label,.stage-label{letter-spacing:.1em;color:var(--muted);font-size:.75rem}.text-link{min-height:44px;color:var(--accent);align-items:center;gap:14px;font-size:.9375rem;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}}@layer layout{.site-header{border-bottom:1px solid var(--decoration-border);justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.wordmark{letter-spacing:-.06em;white-space:nowrap;align-items:center;min-height:44px;font-size:1.125rem;font-weight:650;display:inline-flex}.wordmark-symbol{border:1.5px solid var(--accent);border-radius:4px;width:15px;height:15px;margin-right:10px;transform:rotate(-8deg)}.wordmark-dot{color:var(--accent)}.header-actions{align-items:center;gap:28px;display:flex}.header-actions nav{gap:24px;display:flex}.header-actions nav a{min-height:44px;color:var(--muted);align-items:center;font-size:.875rem;display:inline-flex}.header-actions nav a:hover{color:var(--text);text-underline-offset:5px;text-decoration:underline}.hero{padding-block:72px 100px}.hero-heading{grid-template-columns:1fr auto;align-items:end;column-gap:24px;margin-bottom:40px;display:grid}.hero-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}.hero-heading h1{min-width:0}.title-dot{color:var(--accent)}.hero-stage{background:var(--surface);border:1px solid var(--decoration-border);min-height:440px;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;padding:26px 32px;display:flex;position:relative;overflow:hidden}.stage-topline,.stage-bottomline{z-index:1;color:var(--muted);justify-content:space-between;gap:20px;font-size:.875rem;display:flex;position:relative}.stage-bottomline{margin-top:auto}.content-preview{padding-block:14px 104px}.section-heading{margin-bottom:32px}.section-heading h2,.connections-heading h2{margin-top:16px}.content-layout{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);display:grid}.content-visual{background:linear-gradient(135deg, var(--surface), var(--gradient-end));border:1px solid var(--decoration-border);border-radius:24px;place-items:center;height:340px;display:grid;position:relative}.content-copy{max-width:28rem}.content-copy h3{margin-top:18px}.connections{border-top:1px solid var(--decoration-border);padding-block:54px 48px}.connections-heading{margin-bottom:32px}.links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.not-found{min-height:70vh;padding-block:100px 160px}.not-found h1{max-width:48rem;margin-block:24px}}@layer components{.theme-cycle{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:20;border:1px solid var(--control-border);background:var(--surface);width:56px;height:56px;color:var(--accent);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.theme-cycle-swatch{border:1px solid var(--control-border);background:conic-gradient(#e8ebef 0deg 90deg,#171b22 90deg 180deg,#f8f6f2 180deg 270deg,#e6f1f7 270deg);border-radius:50%;width:26px;height:26px}.theme-cycle:enabled:hover{border-color:var(--accent)}.theme-cycle:enabled:active{background:var(--background)}.preview-composition{width:min(100%,620px);height:302px;margin:auto;position:relative}.preview-panel{border:1px solid var(--decoration-border);width:52%;height:224px;box-shadow:var(--shadow);border-radius:16px;padding:20px;position:absolute}.panel-back{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));top:42px;left:9%;transform:rotate(-9deg)}.panel-front{background:var(--surface);top:22px;right:10%;transform:rotate(6deg)}.panel-corner{border:1px solid var(--control-border);border-radius:5px;width:20px;height:20px;display:block}.panel-center{letter-spacing:-.07em;text-align:center;color:var(--accent);font-size:76px;font-weight:400;line-height:1.3;position:absolute;top:46px;left:0;right:0}.panel-rule{background:var(--decoration-border);border-radius:8px;width:40%;height:5px;position:absolute;bottom:34px;left:20px}.panel-rule-short{width:24%;bottom:22px}.composition-dot{border:1px solid var(--control-border);border-radius:50%;width:16px;height:16px;position:absolute;bottom:8px;right:3%}.visual-caption{color:var(--muted);border:1px solid var(--decoration-border);background:var(--surface);border-radius:999px;padding:8px 20px;font-size:.875rem}.corner-cross{width:15px;height:15px;color:var(--control-border);position:absolute}.corner-cross:before,.corner-cross:after{content:"";background:currentColor;position:absolute}.corner-cross:before{width:15px;height:1px;top:7px}.corner-cross:after{width:1px;height:15px;left:7px}.cross-top{top:24px;left:24px}.cross-bottom{bottom:24px;right:24px}.placeholder-lines{gap:12px;margin-top:28px;display:grid}.placeholder-lines span{background:var(--decoration-border);border-radius:4px;width:90%;height:7px}.placeholder-lines span:nth-child(2){width:78%}.placeholder-lines span:nth-child(3){width:46%}.link-card{border:1px solid var(--decoration-border);background:var(--surface);min-width:0;box-shadow:var(--shadow);isolation:isolate;border-radius:24px;padding:28px 32px 22px;display:block;position:relative}.link-card-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.service-icon{background:var(--background);width:52px;height:52px;color:var(--accent);border:1px solid var(--decoration-border);border-radius:16px;place-items:center;display:grid}.link-card-type{color:var(--muted);font-size:.875rem}.link-card h3{letter-spacing:-.035em;font-size:1.625rem}.link-card-copy p{color:var(--muted);margin-top:8px;font-size:.9375rem}.link-card-bottom{border-top:1px solid var(--decoration-border);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding-top:18px;font-size:.875rem;display:flex}.link-address{overflow-wrap:anywhere;min-width:0}.link-card-bottom svg{color:var(--accent);flex-shrink:0}.pending-mark{color:var(--muted)}.link-card--github{--github-start:#213a4a;--github-end:#142530;--text:#f3f8fc;--muted:#c1d5e2;--accent:#d4e7f4;--decoration-border:#546b7b;color:var(--text);background:linear-gradient(120deg, var(--github-end), var(--github-start));border-color:var(--github-start)}:root[data-theme=fog] .link-card--github{--github-start:#273340;--github-end:#18212c}:root[data-theme=porcelain] .link-card--github{--github-start:#34343a;--github-end:#202127}:root[data-theme=graphite] .link-card--github{--github-start:#29374a;--github-end:#1a2433;border-color:#546b7b}.github-card-art{z-index:-1;border-radius:inherit;pointer-events:none;justify-content:flex-end;align-items:center;padding:16px 20px;display:flex;position:absolute;inset:0;overflow:hidden}.github-card-art img{aspect-ratio:1;filter:invert();opacity:.12;width:min(72%,260px);height:auto}.link-card--github .link-card-top{justify-content:flex-end;min-height:52px}@media (prefers-reduced-motion:no-preference) and (hover:hover){.link-card.is-linked{transition:transform .16s}.link-card.is-linked:hover{transform:translateY(-2px)}}.link-card.is-linked:hover h3{text-underline-offset:5px;text-decoration:underline}}@layer responsive{@media (width<=800px){.page-width{width:calc(100% - 48px)}.site-header{min-height:88px}.header-actions,.header-actions nav{gap:16px}.hero{padding-block:52px 72px}.hero-stage{min-height:390px;padding:24px}.content-preview{padding-bottom:72px}.content-layout{gap:32px}.content-visual{height:280px}.link-card{padding:24px}}@media (width<=600px){.page-width{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:10px;padding-block:14px}.header-actions{flex-wrap:wrap;gap:8px}.header-actions nav{gap:20px}.theme-cycle{width:52px;height:52px;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}.hero{padding-block:42px 64px}.hero-heading{grid-template-columns:1fr;margin-bottom:26px}.hero-heading .text-link{justify-self:start;margin-top:16px}.hero-heading .eyebrow{margin-bottom:16px}.hero-stage{border-radius:22px;min-height:340px;padding:18px}.preview-composition{height:236px}.preview-panel{width:60%;height:174px;padding:14px}.panel-back{top:42px;left:3%}.panel-front{top:24px;right:3%}.panel-center{font-size:58px;top:38px}.panel-rule{bottom:28px;left:14px}.panel-rule-short{bottom:18px}.composition-dot{display:none}.content-preview{padding-block:0 64px}.content-layout{grid-template-columns:1fr;gap:28px}.content-visual{height:250px}.content-copy h3{margin-top:12px;font-size:1.5rem}.placeholder-lines{max-width:280px;margin-top:20px}.connections{padding-block:38px 28px}.links-grid{grid-template-columns:1fr;gap:16px}.not-found{padding-block:64px 100px}}}