:root{--bg: #ece6db;--panel: rgba(250, 246, 239, .74);--panel-strong: rgba(255, 252, 247, .9);--text: #171512;--muted: #675f53;--line: rgba(23, 21, 18, .11);--accent: #bb4f2d;--accent-2: #2d5d76;--accent-3: #8f7a50;--shadow: 0 34px 90px rgba(54, 41, 26, .12);--radius: 1.7rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(45,93,118,.14),transparent 20%),radial-gradient(circle at 90% 15%,rgba(187,79,45,.14),transparent 22%),linear-gradient(180deg,#f7f2ea,#ece6db);overflow-x:hidden;--cursor-x: 50vw;--cursor-y: 50vh}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(23,21,18,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(23,21,18,.03) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent);pointer-events:none;animation:gridFloat 22s linear infinite}.cursor-glow{position:fixed;left:0;top:0;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,rgba(45,93,118,.18),rgba(187,79,45,.08) 42%,transparent 68%);transform:translate3d(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%),0);filter:blur(22px);opacity:.8;pointer-events:none;z-index:0;transition:transform .12s linear}.ambient{position:fixed;width:32rem;height:32rem;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.52;animation:drift 18s ease-in-out infinite}.ambient-a{top:-10rem;right:-8rem;background:#bb4f2d33}.ambient-b{bottom:-12rem;left:-9rem;background:#2d5d762e;animation-duration:24s;animation-direction:reverse}.shell{position:relative;width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 2.2rem}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.45) 48%,transparent 58%);transform:translate(-140%);opacity:0;pointer-events:none}.panel:hover:before{opacity:1;animation:sheen 1.2s ease}.reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.hero{padding:1.2rem;border-radius:2rem;isolation:isolate}.hero:after{content:"";position:absolute;inset:auto -10% -35% auto;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,rgba(187,79,45,.16),transparent 58%);filter:blur(12px);animation:heroPulse 8s ease-in-out infinite;z-index:-1}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(23,21,18,.08)}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.brand-mark{width:.9rem;height:.9rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 .3rem #bb4f2d1f;animation:orbitGlow 4.2s ease-in-out infinite}.nav-links{display:inline-flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.95rem}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-.25rem;width:100%;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-links a:hover:after{transform:scaleX(1)}.hero-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:1.35rem;padding-top:1.2rem}.eyebrow,.sidebar-label,.meta-label,.copy-status,.stack-label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.hero h1,.section-heading h2,.contact-section h2{margin:.3rem 0 1rem;font-family:"Instrument Serif",serif;font-weight:400;line-height:.94}.hero h1{max-width:11ch;font-size:clamp(3.4rem,7vw,6.3rem)}.hero h1 span{color:var(--accent);display:block}.intro,.section-heading p,.case-card p,.capability-card p,.contact-section p,.stack-card span,.flow-node small,.prompt-output p{color:var(--muted);line-height:1.7}.intro{max-width:60ch;margin:0;font-size:1.04rem}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.action{display:inline-flex;justify-content:center;align-items:center;min-height:3rem;border-radius:999px;padding:.9rem 1.15rem;border:1px solid rgba(23,21,18,.13);background:#ffffff8f;font-weight:600;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer;position:relative;overflow:hidden}.action:hover{transform:translateY(-1px);border-color:#1715123d}.action.primary{color:#f8f5ef;background:linear-gradient(135deg,#181614,#313131)}.action:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28),transparent 80%);transform:translate(-120%)}.action:hover:after{animation:sweep .9s ease}.hero-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.45rem}.hero-tags span,.metric,.meta-card,.stack-card,.capability-card,.flow-node,.case-card,.rail-card,.prompt-output p{background:var(--panel-strong);border:1px solid rgba(23,21,18,.08)}.hero-tags span{padding:.55rem .8rem;border-radius:999px;color:var(--muted);font-size:.9rem;animation:tagBob 7s ease-in-out infinite}.hero-tags span:nth-child(2n){animation-delay:.6s}.hero-tags span:nth-child(3n){animation-delay:1.2s}.hero-stack{display:grid;gap:.9rem}.stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.stack-card{display:grid;gap:.45rem;padding:1rem;border-radius:1.2rem;transform-style:preserve-3d}.stack-card strong{font-size:1.05rem;line-height:1.35}.stack-card-primary{padding:1.1rem;min-height:11rem;background:linear-gradient(135deg,#bb4f2d1f,#2d5d7614),var(--panel-strong)}.signal-card{position:relative;overflow:hidden}.signal-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(45,93,118,.06),transparent);animation:scan 3.8s linear infinite}.signal-bars{display:flex;align-items:end;gap:.28rem;min-height:2.2rem}.signal-bars span{width:.34rem;border-radius:999px;background:linear-gradient(180deg,var(--accent-2),var(--accent));animation:pulse 1.8s ease-in-out infinite}.signal-bars span:nth-child(1){height:.7rem}.signal-bars span:nth-child(2){height:1.9rem;animation-delay:.12s}.signal-bars span:nth-child(3){height:1.2rem;animation-delay:.22s}.signal-bars span:nth-child(4){height:2.15rem;animation-delay:.32s}.signal-bars span:nth-child(5){height:.95rem;animation-delay:.42s}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:1rem 0 1.4rem}.metric{display:grid;gap:.35rem;padding:1rem;border-radius:1.3rem;transition:transform .26s ease,box-shadow .26s ease}.metric:hover{transform:translateY(-6px);box-shadow:0 24px 45px #36291a1f}.metric-value{font-size:1.35rem;font-weight:700}.metric-label{color:var(--muted);line-height:1.5}.section-grid,.lab-section{display:grid;gap:1rem;margin-top:1.4rem}.section-heading{max-width:64rem}.section-heading h2,.contact-section h2{font-size:clamp(2.1rem,4.5vw,4.2rem);max-width:13ch}.section-heading.compact h2{max-width:15ch;font-size:clamp(1.9rem,4vw,3.2rem)}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.case-card,.rail-card,.architecture,.sidebar,.output-panel,.contact-section{padding:1.2rem;border-radius:var(--radius)}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease,box-shadow .18s ease}.case-topline{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.case-card h3,.capability-card h3{margin:1rem 0 .7rem;font-size:1.22rem;line-height:1.25}.case-points,.stack-list,.style-list{list-style:none;margin:0;padding:0}.case-points{display:grid;gap:.6rem;margin-top:1rem}.case-points li,.stack-list li{color:var(--muted);line-height:1.55}.systems-layout,.lab-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:1.4rem}.architecture{display:grid;gap:1rem}.flow-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;align-items:center}.flow-node{display:grid;gap:.25rem;min-height:8.5rem;padding:1rem;border-radius:1.2rem}.flow-node span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.flow-node strong{font-size:1.05rem}.flow-link{position:relative;height:1px;background:linear-gradient(90deg,transparent,rgba(23,21,18,.22),transparent);overflow:hidden}.flow-link span{position:absolute;top:50%;left:-10%;width:30%;height:300%;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(45,93,118,.5),rgba(187,79,45,.52),transparent);filter:blur(4px);animation:travelX 2.6s linear infinite}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.capability-card{padding:1rem;border-radius:1.15rem;transition:transform .22s ease,border-color .22s ease}.capability-card:hover{transform:translateY(-4px);border-color:#bb4f2d3d}.side-column{display:grid;gap:1rem;align-content:start}.stack-list{display:grid;gap:.85rem;margin-top:.8rem}.stack-list li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(23,21,18,.08)}.stack-list span{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}blockquote{margin:.9rem 0 0;color:var(--text);font-family:"Instrument Serif",serif;font-size:1.5rem;line-height:1.2}.lab-layout{align-items:start}.sidebar{display:grid;gap:1.1rem}.meta-cluster{display:grid;gap:.8rem}.meta-card{display:grid;gap:.35rem;padding:.95rem 1rem;border-radius:1rem}.note-block{padding-top:.2rem;border-top:1px solid rgba(23,21,18,.08)}.style-list{display:grid;gap:.45rem;max-height:20rem;overflow:auto;margin-top:.75rem}.style-list li{color:var(--muted)}.style-list li.active{color:var(--text);font-weight:700}.output-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(23,21,18,.08)}.copy-status{color:var(--accent-2)}.prompt-output{display:grid;gap:.9rem;padding-top:1rem}.prompt-output p{margin:0;padding:1rem;border-radius:1.1rem;opacity:0;transform:translateY(16px);animation:cardIn .52s ease forwards}.prompt-output p:nth-child(1){border-left:4px solid var(--accent);animation-delay:40ms}.prompt-output p:nth-child(2){border-left:4px solid var(--accent-3);animation-delay:.14s}.prompt-output p:nth-child(3){border-left:4px solid var(--accent-2);animation-delay:.24s}.contact-section{display:grid;grid-template-columns:1fr .7fr;gap:1rem;margin-top:1.4rem}@keyframes pulse{0%,to{transform:scaleY(.9);opacity:.7}50%{transform:scaleY(1.08);opacity:1}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(1.4rem,-1.8rem,0) scale(1.08)}}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes sheen{0%{transform:translate(-140%)}to{transform:translate(140%)}}@keyframes scan{0%{transform:translateY(-120%)}to{transform:translateY(140%)}}@keyframes tagBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes orbitGlow{0%,to{box-shadow:0 0 0 .3rem #bb4f2d1f;transform:scale(1)}50%{box-shadow:0 0 0 .55rem #2d5d761f;transform:scale(1.08)}}@keyframes heroPulse{0%,to{transform:scale(.96);opacity:.7}50%{transform:scale(1.06);opacity:1}}@keyframes travelX{0%{left:-25%}to{left:95%}}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}@keyframes gridFloat{0%{transform:translateY(0)}to{transform:translateY(34px)}}@media (max-width: 1080px){.hero-layout,.systems-layout,.lab-layout,.contact-section,.case-grid,.metrics-strip,.flow-board{grid-template-columns:1fr}.flow-link{width:1px;height:1.5rem;margin:0 auto;background:linear-gradient(180deg,transparent,rgba(23,21,18,.28),transparent)}.flow-link span{left:50%;top:-20%;width:300%;height:30%;transform:translate(-50%);animation:travelY 2.6s linear infinite}}@media (max-width: 760px){.shell{width:min(100% - 1rem,1240px);padding-top:.5rem}.hero,.case-card,.rail-card,.architecture,.sidebar,.output-panel,.contact-section{padding:1rem;border-radius:1.25rem}.topbar,.nav-links,.hero-actions,.actions,.hero-tags,.stack-grid,.capability-grid{display:grid}.hero h1{font-size:clamp(2.8rem,16vw,4.8rem)}.section-heading h2,.contact-section h2{max-width:100%}.cursor-glow{display:none}}@keyframes travelY{0%{top:-30%}to{top:105%}}