:root{--bg:#e7e7e7;--stripe:rgba(255,255,255,0.62);--shell:#c8cbd0;--shell-dark:#8d9299;--panel:#fbfbfd;--panel-soft:#f0f3f7;--line:#9ba1aa;--line-dark:#656b73;--ink:#1b1f24;--muted:#5f6872;--blue:#0b66c3;--blue-deep:#063f89;--aqua:#83c8ff;--green:#3fa756;--red:#d95b52;--yellow:#e8bd47;--font-copy:"Lucida Grande","Lucida Sans Unicode","Helvetica Neue",Arial,sans-serif;--font-ui:"Lucida Grande","Helvetica Neue",Arial,sans-serif}*,:after,:before{box-sizing:border-box}*{min-width:0}html{min-width:320px;scroll-behavior:smooth}body,html{overflow-x:clip}body{margin:0;color:var(--ink);font-family:var(--font-copy);font-size:15px;line-height:1.45;background-color:var(--bg);background-image:repeating-linear-gradient(0deg,var(--stripe) 0,var(--stripe) 1px,transparent 1px,transparent 4px);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--blue);text-decoration:none}a:focus-visible,a:hover{color:var(--blue-deep);text-decoration:underline}a:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}dd,dt,h1,h2,h3,li,p,span{overflow-wrap:break-word}.site-shell{width:min(1110px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:28px 0}.browser-window{overflow:hidden;border:1px solid #7e848c;border-radius:18px 18px 10px 10px;background:linear-gradient(#d8dbe0,#b8bdc4);box-shadow:0 28px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.8);animation:shell-in .52s cubic-bezier(.2,.8,.2,1) both}.ie-toolbar{border-bottom:1px solid #777d85;font-family:var(--font-ui);font-size:13px}.title-strip{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;align-items:center;min-height:34px;padding:7px 13px;color:#28313a;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.8);background:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.18) 42%,rgba(0,0,0,.08) 43%,rgba(0,0,0,.14)),repeating-linear-gradient(90deg,#d5d8dd,#d5d8dd 1px,#c5c9cf 0,#c5c9cf 2px)}.mac-controls{display:flex;gap:7px}.mac-controls span{width:13px;height:13px;border:1px solid rgba(0,0,0,.35);border-radius:50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 1px rgba(0,0,0,.18)}.mac-controls span:first-child{background:radial-gradient(circle at 35% 30%,#ffd2ce,#e2574c 68%)}.mac-controls span:nth-child(2){background:radial-gradient(circle at 35% 30%,#fff0b4,#e8bd47 68%)}.mac-controls span:nth-child(3){background:radial-gradient(circle at 35% 30%,#bff3c8,#3fa756 68%)}.address-strip,.footer-bar{display:flex;align-items:center;gap:9px;padding:8px 12px;background:linear-gradient(#eef0f3,#cfd3d8);border-top:1px solid rgba(255,255,255,.8)}.address-strip span{color:var(--muted);font-size:12px}.address-strip strong{flex:1 1;padding:6px 12px;border:1px solid #9aa0a8;border-radius:13px;background:linear-gradient(#ffffff,#eef2f6);color:#2d343c;font-weight:400;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.12)}.page-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.9fr);grid-template-areas:"header header" "intro status" "build care" "notes notes" "links links";grid-gap:16px 18px;gap:16px 18px;width:min(940px,calc(100% - 40px));margin:0 auto;padding:20px 0 24px}.page-grid[data-active-page=projects]{grid-template-areas:"header header" "build care" "intro status" "notes notes" "links links"}.page-grid[data-active-page=log]{grid-template-areas:"header header" "notes notes" "intro status" "build care" "links links"}.page-grid[data-active-page=links]{grid-template-areas:"header header" "links links" "intro status" "build care" "notes notes"}.page-grid[data-active-page=status]{grid-template-areas:"header header" "status intro" "build care" "notes notes" "links links"}.site-header{grid-area:header;display:grid;grid-template-columns:minmax(220px,1fr) auto;grid-gap:20px;gap:20px;align-items:end;padding:18px 20px 16px;border:1px solid rgba(112,119,128,.7);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(241,244,248,.9)),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.035) 0,rgba(0,0,0,.035) 4px);box-shadow:inset 0 1px 0 #fff,0 14px 28px rgba(61,70,82,.13)}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.brand:focus-visible,.brand:hover{text-decoration:none}.brand strong{display:block;font-size:clamp(2.25rem,5vw,4.4rem);font-weight:700;letter-spacing:-.045em;line-height:.88}.brand em{display:block;margin-top:6px;color:var(--muted);font-size:13px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.pixel-house{position:relative;width:56px;height:56px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(196,204,214,.78));border:1px solid #818891;box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(0,0,0,.18)}.pixel-house:before{content:"";position:absolute;inset:13px 12px 14px;border-radius:7px;background:linear-gradient(#4aa3ff,#0868cc);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 1px #064d99}.pixel-house:after{content:"";position:absolute;left:17px;top:18px;width:23px;height:8px;border-radius:999px;background:rgba(255,255,255,.64)}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0;padding:3px;border:1px solid #8c929a;border-radius:999px;background:linear-gradient(#b7bdc5,#e6e9ed);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.12);font-size:13px}.nav-links a{min-width:76px;padding:7px 13px;border-radius:999px;color:#26303a;text-align:center;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.72)}.nav-links a[aria-current=page]{color:#fff;background:linear-gradient(rgba(255,255,255,.55),transparent 40%),linear-gradient(#48a9ff,#0a68c6 52%,#0752a8);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 1px 2px rgba(0,0,0,.22);text-shadow:0 -1px 0 rgba(0,0,0,.42)}.nav-links a:focus-visible,.nav-links a:hover{text-decoration:none;background:rgba(255,255,255,.52)}.nav-links a[aria-current=page]:focus-visible,.nav-links a[aria-current=page]:hover{background:linear-gradient(rgba(255,255,255,.62),transparent 40%),linear-gradient(#5fb7ff,#0b73d7 52%,#0757b3)}.intro-window,.intro-window-slot{grid-area:intro}.status-window,.status-window-slot{grid-area:status}.build-window,.build-window-slot{grid-area:build}.care-window,.care-window-slot{grid-area:care}.notes-window,.notes-window-slot{grid-area:notes}.links-window,.links-window-slot{grid-area:links}.panel-slot{animation:panel-in .56s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(70ms + (var(--panel-index) * 55ms))}.panel{height:100%}.build-window,.care-window,.intro-window,.links-window,.notes-window,.status-window{overflow:hidden;border:1px solid #a1a7af;border-radius:9px;background:var(--panel);box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(61,70,82,.14);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.build-window:hover,.care-window:hover,.intro-window:hover,.links-window:hover,.notes-window:hover,.status-window:hover{transform:translateY(-2px);border-color:#7f8791;box-shadow:inset 0 1px 0 #fff,0 16px 34px rgba(61,70,82,.2)}.section-bar{position:relative;overflow:hidden;min-height:35px;padding:8px 13px;border-bottom:1px solid #9ba1aa;color:#26313c;font-family:var(--font-ui);background:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.18) 45%,rgba(0,0,0,.08) 46%),linear-gradient(#e8ebef,#bec4cb);text-shadow:0 1px 0 rgba(255,255,255,.78)}.section-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 35%,rgba(255,255,255,.42) 45%,transparent 58%);transform:translateX(-120%);animation:gloss-sweep 2.4s cubic-bezier(.4,0,.2,1) .65s both;pointer-events:none}.section-bar.blue{color:#fff;border-bottom-color:#064c98;background:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.12) 44%,rgba(0,0,0,.12) 45%),linear-gradient(#3aa5ff,#0b6dcc 52%,#0757ad);text-shadow:0 -1px 0 rgba(0,0,0,.45)}.section-bar.red{color:#fff;border-bottom-color:#5f6570;background:linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.12) 44%,rgba(0,0,0,.14) 45%),linear-gradient(#9fa7b2,#747d88);text-shadow:0 -1px 0 rgba(0,0,0,.42)}.section-bar h1,.section-bar h2{margin:0;font:inherit;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.intro-body{min-height:142px;padding:24px 26px;background:radial-gradient(circle at 18% 0,rgba(131,200,255,.24),transparent 28%),var(--panel)}.intro-body p{max-width:38ch;margin:0 0 20px;font-size:clamp(1.32rem,2.2vw,1.82rem);font-weight:700;line-height:1.18;letter-spacing:-.02em}.intro-body a{display:inline-block;padding:7px 16px;border:1px solid #0757ad;border-radius:999px;color:#fff;background:linear-gradient(rgba(255,255,255,.58),transparent 45%),linear-gradient(#4bb0ff,#0a6cca 54%,#0756aa);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 5px rgba(0,0,0,.2);font-size:13px;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.42);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.intro-body a:focus-visible,.intro-body a:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 5px 12px rgba(7,86,170,.28);text-decoration:none}.care-window ul,.links-window ul,.status-window dl{margin:0}.status-window dl{padding:14px 16px;font-size:13px}.status-window dl div{display:grid;grid-template-columns:88px minmax(0,1fr);grid-gap:10px;gap:10px;padding:5px 0;border-bottom:1px solid rgba(155,161,170,.32)}.status-window dl div:last-child{border-bottom:0}dd,dt{margin:0}dt{color:var(--muted)}.status-light{display:inline-block;width:10px;height:10px;margin-right:7px;border:1px solid rgba(0,0,0,.38);border-radius:50%;background:radial-gradient(circle at 35% 30%,#c9f7d0,var(--green) 70%);vertical-align:-1px;animation:status-pulse 2.8s ease-in-out infinite}.project-list{display:grid}.project-row{display:grid;grid-template-columns:minmax(120px,.34fr) minmax(0,1fr) 78px;grid-gap:12px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(155,161,170,.58);background:var(--panel);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.project-row:nth-child(odd){background:var(--panel-soft)}.project-row:focus-visible,.project-row:hover{position:relative;z-index:1;transform:translateX(4px);background:linear-gradient(90deg,#f5fbff,#eef6ff);box-shadow:-3px 0 0 var(--blue);text-decoration:none}.project-row:last-child{border-bottom:0}.project-row strong{font-weight:700}.project-row span{color:var(--muted)}.project-row em{width:-moz-fit-content;width:fit-content;padding:3px 9px;border:1px solid rgba(63,167,86,.48);border-radius:999px;color:#176c2b;background:linear-gradient(#f1fff3,#d7f2dc);font-size:11px;font-style:normal;text-transform:uppercase}.care-window ul{padding:13px 16px 15px;list-style:none}.care-window li{position:relative;padding:6px 0 6px 20px;border-bottom:1px solid rgba(155,161,170,.32);font-size:14px}.care-window li:last-child{border-bottom:0}.care-window li:before{content:"";position:absolute;left:1px;top:12px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9f0ff,var(--blue) 70%)}.care-window li a,.links-window li a{transition:color .16s ease}.notes-table{font-size:13px}.note-row,.table-head{display:grid}.note-row.short,.table-head.short{grid-template-columns:140px minmax(0,1fr)}.table-head{color:var(--muted);background:linear-gradient(#f6f7f9,#e2e6eb);border-bottom:1px solid rgba(155,161,170,.7);font-weight:700;text-transform:uppercase}.note-row>*,.table-head span{padding:9px 12px;border-right:1px solid rgba(155,161,170,.52)}.note-row>:last-child,.table-head span:last-child{border-right:0}.note-row{border-bottom:1px solid rgba(155,161,170,.44);background:var(--panel);transition:background .18s ease}.note-row:nth-child(odd){background:var(--panel-soft)}.note-row:last-child{border-bottom:0}.note-row:hover{background:#f4f9ff}.links-window ul{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none}.links-window li{min-height:74px;padding:17px 18px;border-right:1px solid rgba(155,161,170,.58);background:linear-gradient(#fff,#f1f4f8);transition:background .18s ease,transform .18s ease}.links-window li:hover{transform:translateY(-1px);background:linear-gradient(#fff,#eaf4ff)}.links-window li:last-child{border-right:0}.footer-bar{justify-content:space-between;border-top:1px solid #858b93;color:#4c545c;font-size:12px}.demo-page{min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(231,231,231,.62)),var(--bg)}.demo-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.demo-notice{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;margin-bottom:16px;padding:10px 12px;border:1px solid #a1a7af;border-radius:8px;background:linear-gradient(#fff,#f1f4f8);color:#35404a;font-size:13px;box-shadow:inset 0 1px 0 #fff}.demo-notice strong{padding:4px 8px;border:1px solid rgba(217,91,82,.42);border-radius:999px;background:#fff2f1;color:#9f251c;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.demo-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);min-height:560px;overflow:hidden;border:1px solid #7e848c;border-radius:10px;background:radial-gradient(circle at 10% 12%,rgba(131,200,255,.34),transparent 30%),linear-gradient(135deg,#fff,#edf3f8 58%,#dde5ee);box-shadow:0 28px 70px rgba(0,0,0,.18),inset 0 1px 0 #fff}.demo-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,7vw,72px)}.demo-kicker{margin:0 0 16px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-hero h1{max-width:100%;margin:0;color:#121820;font-size:clamp(2.2rem,4.1vw,3.7rem);font-weight:800;letter-spacing:0;line-height:.98}.demo-hero p{max-width:52ch;margin:22px 0 0;color:#3d4853;font-size:clamp(1.02rem,2vw,1.28rem)}.demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.demo-actions a{display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border:1px solid #0757ad;border-radius:999px;color:#fff;background:linear-gradient(rgba(255,255,255,.58),transparent 45%),linear-gradient(#4bb0ff,#0a6cca 54%,#0756aa);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 5px rgba(0,0,0,.18);font-size:14px;font-weight:700;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.42)}.demo-actions a+a{border-color:#9098a2;color:#26303a;background:linear-gradient(#fff,#e9edf2);text-shadow:0 1px 0 rgba(255,255,255,.72)}.demo-visual{display:grid;min-height:100%;padding:22px}.demo-visual img,.demo-visual>div{width:100%;height:100%;min-height:420px;border:1px solid rgba(101,107,115,.52);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 34%),radial-gradient(circle at 70% 20%,rgba(232,189,71,.38),transparent 26%),linear-gradient(155deg,#29506f,#567f76 48%,#d9b66a);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 18px 42px rgba(0,0,0,.2)}.demo-visual img{display:block;object-fit:cover}.demo-visual>div{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:24px;color:#fff}.demo-visual span{max-width:12ch;font-size:clamp(2.1rem,5vw,4rem);font-weight:800;line-height:.94;text-shadow:0 2px 12px rgba(0,0,0,.36)}.demo-visual small{max-width:42ch;color:rgba(255,255,255,.84);font-size:13px}.demo-section{margin-top:18px;padding:clamp(22px,4vw,42px);border:1px solid #a1a7af;border-radius:9px;background:var(--panel);box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(61,70,82,.12)}.demo-section h2{margin:0 0 16px;color:#202830;font-size:clamp(1.45rem,3vw,2.4rem);letter-spacing:0;line-height:1.04}.demo-section h3{margin:0 0 8px;font-size:1.02rem}.demo-section p{margin:0;color:var(--muted)}.demo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.demo-card-grid article{padding:16px;border:1px solid rgba(155,161,170,.62);border-radius:8px;background:linear-gradient(#fff,#f2f5f8)}.demo-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}.demo-split ul{display:grid;grid-gap:9px;gap:9px;margin:0;padding-left:20px}.demo-details{display:grid;grid-gap:10px;gap:10px;margin:0}.demo-details div{display:grid;grid-template-columns:92px minmax(0,1fr);grid-gap:12px;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(155,161,170,.44)}.demo-source-ledger{overflow-x:auto}.demo-source-table{min-width:720px;border:1px solid rgba(155,161,170,.7);border-radius:8px;overflow:hidden;font-size:13px}.demo-source-head,.demo-source-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(160px,.42fr) 110px}.demo-source-head{background:linear-gradient(#f6f7f9,#e2e6eb);color:var(--muted);font-weight:700;text-transform:uppercase}.demo-source-head span,.demo-source-row>*{padding:10px 12px;border-right:1px solid rgba(155,161,170,.52)}.demo-source-head span:last-child,.demo-source-row>:last-child{border-right:0}.demo-source-row{border-top:1px solid rgba(155,161,170,.44);background:#fff}.demo-source-row:nth-child(odd){background:var(--panel-soft)}@keyframes shell-in{0%{opacity:0;transform:translateY(10px) scale(.992);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gloss-sweep{0%{transform:translateX(-120%)}68%,to{transform:translateX(120%)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 rgba(63,167,86,.22)}45%{box-shadow:0 0 0 4px rgba(63,167,86,0)}}@media (max-width:900px){.site-shell{width:calc(100vw - 20px);padding:10px 0}.page-grid{grid-template-columns:1fr;grid-template-areas:"header" "intro" "status" "build" "care" "notes" "links";width:calc(100% - 20px);gap:12px;padding:12px 0 16px}.page-grid[data-active-page=projects]{grid-template-areas:"header" "build" "care" "intro" "status" "notes" "links"}.page-grid[data-active-page=log]{grid-template-areas:"header" "notes" "intro" "status" "build" "care" "links"}.page-grid[data-active-page=links]{grid-template-areas:"header" "links" "intro" "status" "build" "care" "notes"}.page-grid[data-active-page=status]{grid-template-areas:"header" "status" "intro" "build" "care" "notes" "links"}.site-header{grid-template-columns:1fr;gap:14px;align-items:start}.nav-links{justify-content:start;width:100%}.nav-links a{min-width:auto;flex:1 1 auto}.links-window ul,.note-row.short,.project-row,.table-head.short{grid-template-columns:1fr}.table-head{display:none}.note-row{padding:7px 0}.note-row>*{border-right:0;padding:4px 12px}.links-window li{border-right:0;border-bottom:1px solid rgba(155,161,170,.58)}.links-window li:last-child{border-bottom:0}.footer-bar{display:grid;grid-gap:2px;gap:2px}.demo-shell{width:calc(100% - 20px);padding-top:10px}.demo-card-grid,.demo-hero,.demo-notice,.demo-split{grid-template-columns:1fr}.demo-hero{min-height:0}.demo-hero-copy{padding:28px 22px}.demo-hero h1{max-width:14ch}.demo-visual,.demo-visual img,.demo-visual>div{min-height:320px}}@media (max-width:520px){body{font-size:14px}.address-strip{display:none}.brand strong{font-size:clamp(2.1rem,14vw,3.2rem)}.pixel-house{width:48px;height:48px}.intro-body{min-height:0;padding:20px}.intro-body p{font-size:1.22rem}.demo-notice{align-items:start}.demo-actions{display:grid}.demo-actions a{justify-content:center}.demo-details div{grid-template-columns:1fr;gap:3px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}