@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Quicksand:wght@400;500;600;700&display=swap";:root{--ink: #09090b;--charcoal: #18181b;--graphite: #3f3f46;--muted: #5f6470;--paper: #fafafa;--panel: #ffffff;--blue: #2563eb;--blue-dark: #1d4ed8;--blue-soft: #e8f0ff;--gold: #f6c85f;--rose: #f4bec9;--line: rgba(24, 24, 27, .12);--line-strong: rgba(24, 24, 27, .2);--line-dark: rgba(250, 250, 250, .16);--shadow: 0 22px 70px rgba(9, 9, 11, .12);--shadow-soft: 0 14px 36px rgba(9, 9, 11, .08);--max-width: 1180px;--nav-height: 76px;--radius: 8px}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 18px)}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Quicksand,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;cursor:pointer;text-decoration:none}svg{display:block;width:1em;height:1em}svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.page{min-height:100vh;overflow-x:hidden;background:linear-gradient(rgba(24,24,27,.045) 1px,transparent 1px) 0 0 / 42px 42px,linear-gradient(90deg,rgba(24,24,27,.045) 1px,transparent 1px) 0 0 / 42px 42px,var(--paper)}.site-nav{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:20;min-height:var(--nav-height);display:grid;gap:12px;align-items:center;width:min(100%,var(--max-width));margin:0;padding:14px 18px;color:#f8fafc}.site-nav:before{content:"";position:absolute;top:0;left:50%;z-index:-1;width:100vw;height:var(--nav-height);transform:translate(-50%);border-bottom:1px solid var(--line-dark);background:#18181be6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-links,.button,.text-link,.contact-links a,.site-footer a{min-height:44px}.brand{display:inline-flex;width:fit-content;align-items:center;gap:10px;font-weight:800}.brand__mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius);background:#f8fafc;color:var(--charcoal);font-family:Caveat,cursive;font-size:1.3rem;line-height:1}.brand__text{font-size:.96rem;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px}.nav-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius);color:#fafafac2;font-size:.84rem;font-weight:800;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.nav-links a:hover,.nav-links a:focus-visible{border-color:#ffffff3d;color:#fff;background:#ffffff1a}.section-shell,.site-footer{width:min(100%,var(--max-width));margin:0 auto;padding-inline:18px}main{padding-top:var(--nav-height)}.hero{position:relative;display:grid;gap:30px;min-height:calc(100dvh - var(--nav-height));overflow:hidden;background:var(--charcoal);box-shadow:0 0 0 100vmax var(--charcoal);clip-path:inset(0 -100vmax);padding-top:36px;padding-bottom:46px;color:#fff}.hero:before{content:"";position:absolute;top:0;right:18px;bottom:0;left:18px;pointer-events:none;opacity:.26;background:linear-gradient(rgba(250,250,250,.1) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(90deg,rgba(250,250,250,.1) 1px,transparent 1px) 0 0 / 34px 34px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.hero__content,.lab-console,.section-block,.contact-section{position:relative;z-index:1}.eyebrow{margin:0;color:var(--blue);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow,.cta-panel .eyebrow{color:#93c5fd}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;letter-spacing:0}h1{max-width:11ch;margin-top:14px;font-size:3rem;line-height:.96}h2{font-size:2.2rem;line-height:1.02}.hero__subtitle{max-width:35rem;margin:18px 0 0;color:#fafafacc;font-size:1.06rem}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:152px;padding:12px 18px;border:1px solid transparent;border-radius:var(--radius);font-size:.94rem;font-weight:800;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.button svg,.text-link svg,.contact-links svg{flex:0 0 auto}.button:hover,.button:focus-visible,.project-card:hover,.log-card:hover{transform:translateY(-3px)}.button--primary{background:var(--blue);color:#fff;box-shadow:0 14px 34px #2563eb4d}.button--primary:hover,.button--primary:focus-visible{background:var(--blue-dark)}.button--secondary{border-color:#fafafa3d;background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button--secondary:hover,.button--secondary:focus-visible{background:#ffffff24}.hero__note{margin:16px 0 0;color:#fafafaa8;font-size:.95rem}.lab-console{display:grid;gap:14px;align-content:start}.portrait-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:end;padding:12px;border:1px solid rgba(250,250,250,.18);border-radius:var(--radius);background:#fafafa14;box-shadow:0 28px 70px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.portrait-card__image{width:86px;height:86px;aspect-ratio:1;display:block;border:1px solid rgba(255,255,255,.34);border-radius:var(--radius);object-fit:cover}.portrait-card__caption{display:grid;gap:4px}.portrait-card__caption span{color:#93c5fd;font-size:.78rem;font-weight:800;text-transform:uppercase}.portrait-card__caption strong{color:#fff;font-size:1.02rem;line-height:1.2}.console-panel{position:relative;width:min(100%,430px);padding:15px;border:1px solid rgba(250,250,250,.18);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff29,#ffffff0f),#18181bbd;box-shadow:0 28px 70px #00000038;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.console-panel__header,.console-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fafafa9e;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.console-status{color:#bfdbfe}.console-stack{display:grid;gap:12px;margin:16px 0}.console-card{display:grid;grid-template-columns:auto 1fr;gap:12px;min-height:82px;padding:14px;border:1px solid rgba(250,250,250,.14);border-radius:var(--radius);background:#fafafa17}.console-card__dot{width:12px;height:12px;margin-top:7px;border-radius:999px;background:var(--blue);box-shadow:0 0 0 4px #2563eb2e}.console-card h2{font-size:1.34rem;line-height:1}.console-card p{margin:6px 0 0;color:#fafafab8;font-size:.92rem}.section-block{background:transparent;padding-top:58px;padding-bottom:12px}.section-heading{display:grid;gap:9px;max-width:680px}.section-heading h2,.cta-panel h2,.contact-links h2{color:var(--ink)}.project-grid,.step-grid,.log-grid{display:grid;gap:16px;margin-top:24px}.project-card,.step-card,.log-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:var(--shadow-soft)}.project-card{display:grid;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.project-card:hover,.project-card:focus-within{border-color:#2563eb47;box-shadow:var(--shadow)}.project-visual{position:relative;min-height:190px;aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper)}.project-visual--nimo{background:linear-gradient(rgba(37,99,235,.1) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(135deg,#fff,#e8f0ff)}.visual-bar{position:absolute;left:24px;right:24px;height:20px;border-radius:999px;background:#2563eb26}.visual-bar--one{top:46px}.visual-bar--two{top:82px;right:84px}.visual-orbit{position:absolute;right:28px;bottom:24px;width:108px;height:108px;border:18px solid rgba(37,99,235,.14);border-top-color:var(--blue);border-radius:999px}.visual-ledger{position:absolute;left:24px;bottom:24px;display:grid;gap:3px;min-width:128px;padding:12px;border:1px solid rgba(37,99,235,.18);border-radius:var(--radius);background:#ffffffd1}.visual-ledger span,.prompt-card{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.visual-ledger strong{color:var(--blue);font-size:1.35rem}.project-visual--rune{display:grid;grid-template-columns:repeat(3,64px);align-content:center;justify-content:center;gap:12px;background:linear-gradient(rgba(250,250,250,.08) 1px,transparent 1px) 0 0 / 30px 30px,linear-gradient(90deg,rgba(250,250,250,.08) 1px,transparent 1px) 0 0 / 30px 30px,var(--charcoal)}.rune-tile{position:relative;z-index:1;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(250,250,250,.22);border-radius:var(--radius);background:#24242a;color:#bfdbfe;font-size:2rem;box-shadow:inset 0 1px #ffffff14}.project-visual--experiments{background:linear-gradient(135deg,rgba(246,200,95,.24),transparent 48%),linear-gradient(315deg,rgba(244,190,201,.28),transparent 44%),#fff}.mini-window,.prompt-card{position:absolute;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;box-shadow:0 18px 34px #18181b1a}.mini-window{display:grid;gap:9px;padding:14px}.mini-window span{display:block;height:10px;border-radius:999px;background:#2563eb29}.mini-window--one{top:30px;left:28px;width:154px}.mini-window--two{right:28px;bottom:28px;width:168px}.prompt-card{left:92px;bottom:34px;padding:12px 16px;color:var(--blue)}.project-card__body{display:grid;gap:10px;padding:20px}.project-card__body p,.step-card p,.log-card p,.cta-panel p,.contact-links small,.site-footer p{margin:0;color:var(--muted)}.project-card__body p:first-child{color:var(--blue);font-weight:800}.project-card__body h3,.step-card h3,.log-card h3{color:var(--ink);font-size:1.3rem}.text-link{display:inline-flex;width:fit-content;align-items:center;gap:8px;margin-top:2px;color:var(--blue);font-weight:800}.text-link:hover,.text-link:focus-visible{color:var(--blue-dark)}.build-section{position:relative}.build-section:before{content:"";position:absolute;inset:34px 18px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.34),transparent)}.step-card,.log-card{display:grid;gap:10px;min-height:164px;padding:20px}.step-card span{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--blue-soft);color:var(--blue);font-weight:900}.log-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.log-card:hover{border-color:#2563eb47;box-shadow:var(--shadow)}.contact-section{display:grid;gap:18px;padding-top:58px;padding-bottom:30px}.cta-panel{display:grid;gap:22px;align-items:center;padding:22px;border:1px solid var(--line-dark);border-radius:var(--radius);background:linear-gradient(rgba(250,250,250,.08) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,rgba(250,250,250,.08) 1px,transparent 1px) 0 0 / 32px 32px,var(--charcoal);color:#fff;box-shadow:0 26px 70px #18181b2e}.cta-panel h2{margin-top:8px;color:#fff}.cta-panel p:not(.eyebrow){margin-top:12px;color:#fafafabd}.contact-links{display:grid;gap:8px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:var(--shadow-soft)}.contact-links h2{margin-bottom:8px;font-size:1.9rem}.contact-links a{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.contact-links a:hover svg,.contact-links a:focus-visible svg{transform:translate(3px)}.contact-links strong,.contact-links small{display:block}.contact-links strong{color:var(--ink)}.contact-links svg{color:var(--blue);transition:transform .18s ease}.site-footer{display:grid;gap:10px;align-items:center;padding-top:18px;padding-bottom:28px;color:var(--muted)}.site-footer span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--charcoal);color:#fff;font-family:Caveat,cursive;font-size:1.25rem;font-weight:700}.site-footer a{display:inline-flex;width:fit-content;align-items:center;color:var(--blue);font-weight:800}.reveal{opacity:0;animation:fadeUp .36s ease-out forwards}.reveal--one{animation-delay:40ms}.reveal--two{animation-delay:.1s}.reveal--three{animation-delay:.15s}.reveal--four{animation-delay:.2s}.reveal--five{animation-delay:.25s}.reveal--six{animation-delay:.3s}:focus-visible{outline:2px solid rgba(37,99,235,.88);outline-offset:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:720px){.site-nav{grid-template-columns:auto 1fr;padding-inline:24px}.nav-links{justify-content:end}.section-shell,.site-footer{padding-inline:24px}.hero{grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);align-items:center;min-height:calc(100dvh - var(--nav-height));padding-top:34px;padding-bottom:46px}h1{font-size:4.25rem}h2{font-size:3rem}.lab-console{justify-items:end}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.log-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-section{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch}.cta-panel{padding:30px}.site-footer{grid-template-columns:auto 1fr auto}}@media(min-width:1024px){h1{font-size:5.2rem}h2{font-size:4rem}.hero__subtitle{font-size:1.18rem}}@media(max-width:620px){.site-nav{grid-template-columns:auto minmax(0,1fr);gap:10px}.brand__text{display:none}.nav-links{justify-content:end;padding-bottom:0}.nav-links a{padding-inline:7px;font-size:.78rem}.hero{gap:22px;padding-top:18px;padding-bottom:28px}h1{max-width:none;font-size:2.58rem;line-height:1}h2{font-size:2.15rem}.hero__subtitle{margin-top:14px;font-size:1rem}.hero__actions{flex-direction:column;margin-top:20px}.button{width:100%}.portrait-card{grid-template-columns:74px minmax(0,1fr)}.portrait-card__image{width:74px;height:74px}.console-panel{padding:12px}.console-panel__footer{display:none}.console-stack{gap:6px;margin:12px 0 0}.console-card{min-height:50px;padding:8px 10px}.console-card h2{font-size:1.08rem}.console-card p{margin-top:3px;font-size:.76rem}.project-visual{min-height:172px}.project-visual--rune{grid-template-columns:repeat(3,54px)}.rune-tile{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1}}
