:root{--bg: #05070a;--panel: rgba(17, 23, 33, .72);--line: #212932;--line-soft: rgba(255, 255, 255, .06);--text: #eaeef2;--muted: #98a1ab;--dim: #6d7681;--accent: #a2caf3;--accent-2: #6fc4ff;--accent-rgb: 111, 196, 255;--accent-ink: #0d1620;--ok: #58d3a0;--warn: #f0b458;--bad: #f08585;--latin: "Space Grotesk", system-ui, sans-serif;--jp: "Zen Kaku Gothic New", system-ui, sans-serif;color:var(--text);color-scheme:dark;font-family:var(--jp)}*{box-sizing:border-box}body{background:var(--bg);margin:0;overflow-x:clip}button,select,textarea,input{font:inherit}.backdrop{inset:0;pointer-events:none;position:fixed;z-index:0}.backdrop:before{animation:drift 90s linear infinite;background-image:linear-gradient(90deg,rgba(var(--accent-rgb),.16) 1px,transparent 1px),linear-gradient(0deg,rgba(var(--accent-rgb),.16) 1px,transparent 1px);background-size:56px 56px;content:"";inset:-20%;-webkit-mask-image:radial-gradient(ellipse 92% 78% at 50% 0%,#000 5%,transparent 88%);mask-image:radial-gradient(ellipse 92% 78% at 50% 0%,#000 5%,transparent 88%);position:absolute}.backdrop:after{background:radial-gradient(60rem 32rem at 78% -8%,rgba(var(--accent-rgb),.16),transparent 60%),radial-gradient(40rem 26rem at 6% 8%,rgba(var(--accent-rgb),.08),transparent 62%);content:"";inset:0;position:absolute}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(0,64px,0)}}.panel,.service-card,.entry,.error-panel,.request-card,.history,.form,.design-notes,.metric-card,.service-intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);border:1px solid var(--line);border-radius:.7rem;position:relative}.panel:before,.design-notes:before,.form:before,.entry:before{border-left:1px solid rgba(var(--accent-rgb),.5);border-top:1px solid rgba(var(--accent-rgb),.5);content:"";height:.7rem;left:-1px;position:absolute;top:-1px;width:.7rem}.panel:after,.design-notes:after,.form:after,.entry:after{border-bottom:1px solid rgba(var(--accent-rgb),.5);border-right:1px solid rgba(var(--accent-rgb),.5);bottom:-1px;content:"";height:.7rem;position:absolute;right:-1px;width:.7rem}h1,h2,h3{letter-spacing:.01em}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}button{background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.45);border-radius:.4rem;color:var(--text);cursor:pointer;font-weight:700;letter-spacing:.02em;padding:.65rem 1.1rem;transition:background .18s,border-color .18s,box-shadow .18s}button:hover:not(:disabled){background:rgba(var(--accent-rgb),.24);border-color:var(--accent-2);box-shadow:0 0 14px rgba(var(--accent-rgb),.35)}button:disabled{background:#ffffff08;border-color:var(--line);color:var(--dim);cursor:not-allowed}.text-button{background:transparent;border:0;color:var(--accent);padding:.4rem 0;text-decoration:underline;text-underline-offset:.2em}.text-button:hover:not(:disabled){background:transparent;box-shadow:none;color:var(--accent-2)}.app-frame{display:grid;grid-template-columns:16rem minmax(0,1fr);min-height:100vh;position:relative;z-index:1}.side-nav{background:linear-gradient(180deg,#080a0deb,#05070af5);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:1.5rem 1rem}.brand{color:#fff;display:block;font-size:1.05rem;font-weight:700;letter-spacing:.02em;line-height:1.45;margin:.25rem .75rem 2rem;text-decoration:none}.side-nav nav{display:grid;gap:.25rem}.side-nav nav a{border:1px solid transparent;border-radius:.4rem;color:var(--muted);font-size:.95rem;padding:.65rem .75rem;text-decoration:none;transition:background .18s,color .18s,border-color .18s}.side-nav nav a:hover{background:rgba(var(--accent-rgb),.08);color:var(--text)}.side-nav .nav-current{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.4);box-shadow:inset 2px 0 0 var(--accent-2);color:#fff}.shell{margin:0 auto;max-width:1180px;padding:1.25rem 2rem 3rem;width:100%}.site-header{padding:1.75rem 0 2rem}.site-header h1{font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.18;margin:.5rem 0 .9rem;text-shadow:0 0 36px rgba(var(--accent-rgb),.3)}.site-header>p{color:var(--muted);max-width:46rem}.site-header-compact{padding:1.1rem 0 1.25rem}.site-header-compact h1{font-size:1.55rem;margin:.55rem 0 0}.site-header-compact .role-switch{margin-top:.85rem}.eyebrow{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.7rem;margin:1rem 0 0}.eyebrow-latin{color:var(--accent);font-family:var(--latin);font-size:.78rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase}.eyebrow-latin:before{background:var(--accent-2);box-shadow:0 0 10px var(--accent-2);content:"";display:inline-block;height:1px;margin-right:.7rem;vertical-align:middle;width:1.6rem}.environment-badges{display:flex;flex-wrap:wrap;gap:.5rem}.environment-badges span{border:1px solid rgba(var(--accent-rgb),.35);border-radius:999px;color:var(--accent);font-family:var(--latin);font-size:.76rem;font-weight:500;letter-spacing:.14em;padding:.25rem .7rem}.demo-bar{align-items:center;background:linear-gradient(90deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04));border:1px solid rgba(var(--accent-rgb),.3);border-radius:.6rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;overflow:hidden;padding:.7rem 1.1rem;position:relative}.demo-bar:after{animation:sweep 7s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.3),transparent);content:"";inset:0 auto 0 -40%;position:absolute;width:40%}@keyframes sweep{0%{transform:translate(0)}60%,to{transform:translate(350%)}}.demo-bar p{margin:0;position:relative;z-index:1}.demo-bar .text-button{position:relative;z-index:1}.demo-bar-facts{display:flex;flex-wrap:wrap;gap:.2rem 1.25rem}.demo-bar-facts p{color:var(--accent);font-size:.9rem}.demo-bar-facts p:first-child{color:var(--text)}.role-switch{color:var(--muted);display:grid;font-size:.88rem;gap:.35rem;margin-top:1rem;max-width:17rem}.role-switch select,.field select,.field textarea,.field input{background:#05070ab3;border:1px solid var(--line);border-radius:.4rem;color:var(--text);padding:.6rem;width:100%}.role-switch select:focus,.field select:focus,.field textarea:focus{border-color:rgba(var(--accent-rgb),.6)}.services{display:grid;gap:1.1rem}.service-intro,.service-card,.entry,.error-panel{padding:1.3rem 1.4rem}.service-intro h2,.service-card h2,.entry h2,.error-panel h2{margin-top:0}.service-intro p{color:var(--muted)}.service-intro p:last-child{margin-bottom:0}.service-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{display:flex;flex-direction:column;gap:.85rem;min-height:16rem;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.service-card:before{background:linear-gradient(90deg,transparent,var(--accent-2),transparent);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.service-card:hover{border-color:rgba(var(--accent-rgb),.45);box-shadow:0 14px 40px rgba(var(--accent-rgb),.14);transform:translateY(-2px)}.service-card h2,.service-card p{margin:0}.service-card h2 a{color:var(--text);text-decoration-color:rgba(var(--accent-rgb),.5)}.service-card h2 a:hover{color:var(--accent)}.service-card>p{color:var(--muted)}.service-card>button{margin-top:auto;width:100%}.card-kicker{color:var(--accent);font-family:var(--latin);font-size:.72rem;font-weight:500;letter-spacing:.22em;margin-bottom:.4rem!important;text-transform:uppercase}.status{color:var(--muted);font-size:.88rem;font-weight:500}.status:before{background:var(--warn);border-radius:50%;box-shadow:0 0 8px var(--warn);content:"";display:inline-block;height:.5rem;margin-right:.45rem;width:.5rem}.entry{max-width:46rem}.entry p{color:var(--muted)}.error-panel{border-color:#f0858580;max-width:46rem}.nav-cta{border-top:1px solid var(--line);margin-top:auto;padding-top:1.1rem}.nav-cta p{color:var(--dim);font-size:.85rem;line-height:1.65;margin:0 .6rem .7rem}.nav-cta a,.entry-cta a{background:linear-gradient(135deg,var(--accent-2),var(--accent));border-radius:.4rem;box-shadow:0 0 18px rgba(var(--accent-rgb),.3);color:var(--accent-ink);display:block;font-weight:700;padding:.7rem .75rem;text-align:center;text-decoration:none;transition:box-shadow .2s,transform .2s}.nav-cta a:hover,.entry-cta a:hover{box-shadow:0 0 28px rgba(var(--accent-rgb),.5);transform:translateY(-1px)}.entry-cta{background:linear-gradient(135deg,rgba(var(--accent-rgb),.14),#111721d9);border:1px solid rgba(var(--accent-rgb),.3);border-radius:.7rem;padding:1.7rem}.entry-cta h2{margin-top:0}.entry-cta p{color:var(--muted);max-width:46rem}.entry-cta a{display:inline-block;margin-top:.6rem;padding:.75rem 1.6rem}.page{display:grid;gap:1.1rem}.page-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.page-head h2{margin:.25rem 0}.page-note{color:var(--muted);margin:0;max-width:47rem}.design-notes{border-left:2px solid var(--accent-2);margin-bottom:1.3rem;padding:1.15rem 1.35rem}.design-notes h2{font-size:.95rem;letter-spacing:.04em;margin:0 0 .55rem}.design-notes-intro{color:var(--muted);margin:0 0 .85rem}.design-note{color:var(--text);margin:0 0 .5rem;padding-left:1.15rem;position:relative}.design-note:last-child{margin-bottom:0}.design-note:before{color:var(--accent-2);content:"▸";left:0;position:absolute}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:#ffffff08;border:1px solid var(--line);color:var(--muted);font-weight:500;padding:.45rem .95rem}.chip-on{background:rgba(var(--accent-rgb),.18);border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 12px rgba(var(--accent-rgb),.25);color:#fff}.metric-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.metric-card{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1rem 1.1rem;text-align:left}.metric-card:before{background:linear-gradient(90deg,var(--accent-2),transparent);content:"";height:1px;left:0;opacity:.55;position:absolute;right:0;top:0}.metric-card span{color:var(--muted);font-size:.82rem;font-weight:500;letter-spacing:.06em}.metric-card strong{color:#fff;font-family:var(--latin);font-size:1.7rem;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.15;text-shadow:0 0 22px rgba(var(--accent-rgb),.45)}.request-list,.branch-list{display:grid;gap:.9rem;list-style:none;margin:0;padding:0}.request-card{display:grid;gap:.5rem;padding:1.1rem 1.2rem}.request-card h3,.request-card p{margin:0}.request-description{color:var(--text)}.request-meta{color:var(--dim);font-size:.88rem}.request-card .text-button{justify-self:start}.branch-list-head{align-items:center;display:flex;gap:1rem;justify-content:space-between}.badge{border:1px solid var(--line);border-radius:999px;display:inline-block;font-size:.8rem;font-weight:700;justify-self:start;letter-spacing:.04em;padding:.2rem .75rem}.badge-received,.branch-missing{background:#ffffff0a;border-color:#3a4552;color:var(--muted)}.badge-working,.branch-submitted{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.5);color:var(--accent)}.badge-waiting_parts,.branch-overdue{background:#f0b4581f;border-color:#f0b45880;color:var(--warn)}.badge-completed,.branch-accepted{background:#58d3a01f;border-color:#58d3a080;color:var(--ok)}.branch-returned{background:#f085851f;border-color:#f0858580;color:var(--bad)}.empty{color:var(--dim)}.panel{padding:1.2rem 1.35rem}.panel h3,.history h3{margin-top:0}.panel p{margin:.35rem 0}.photos{display:flex;flex-wrap:wrap;gap:1rem}.photos figure{margin:0;max-width:17rem}.photos img{border:1px solid var(--line);border-radius:.5rem;height:auto;max-width:100%}.photos figcaption{color:var(--dim);font-size:.84rem;margin-top:.4rem}.photo-pending{border:1px dashed var(--line);border-radius:.5rem;color:var(--dim);margin:0;padding:2rem 1rem;text-align:center;width:16rem}.history{padding:1.2rem 1.35rem}.history ol{display:grid;gap:.8rem;list-style:none;margin:0;padding:0}.history li{border-left:1px solid rgba(var(--accent-rgb),.3);padding-left:.85rem}.history p{margin:0}.history-time{color:var(--dim);font-family:var(--latin);font-size:.82rem}.form{display:grid;gap:.8rem;max-width:42rem;padding:1.3rem 1.4rem}.field{display:grid;font-size:.9rem;font-weight:700;gap:.4rem}.field-inline{align-items:center;display:flex;gap:.55rem}.field-help{color:var(--dim);font-size:.88rem;margin:0}.form-error,.result:not(:empty){background:#f085851a;border:1px solid rgba(240,133,133,.45);border-radius:.45rem;color:#ffc9c9;margin:0;padding:.65rem .85rem}.result:empty{display:none}.actions{display:grid;gap:1rem}.actions .result{margin:0}.actions .text-button,.actions>button{justify-self:start}.action-row{border-top:1px solid var(--line-soft);display:grid;gap:.6rem;justify-items:start;padding-top:1rem}.action-row .field{width:100%}@media(prefers-reduced-motion:reduce){.backdrop:before,.demo-bar:after{animation:none}.service-card,.nav-cta a,.entry-cta a{transition:none}}@media(max-width:760px){.app-frame{display:block}.side-nav{align-items:center;border-bottom:1px solid var(--line);border-right:0;display:flex;flex-direction:row;gap:1rem;overflow-x:auto;padding:.7rem}.brand{flex:0 0 auto;font-size:.88rem;margin:0}.side-nav nav{display:flex;flex:0 0 auto}.side-nav nav a{white-space:nowrap}.nav-cta{border-top:0;margin:0;padding:0}.nav-cta p{display:none}.nav-cta a{white-space:nowrap}.shell{padding:.85rem}.site-header{padding:1.25rem 0 1.5rem}.service-grid{grid-template-columns:1fr}.demo-bar{align-items:flex-start;flex-direction:column}.page-head{flex-direction:column}.page-head>button{width:100%}.metric-card strong{font-size:1.45rem}}.before-after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);border:1px solid var(--line);border-radius:.7rem;margin-bottom:1.1rem;padding:1.15rem 1.35rem}.ba-legend{display:flex;flex-wrap:wrap;font-size:.78rem;gap:.2rem .9rem;margin:0 0 .7rem}.ba-legend-before{color:var(--dim)}.ba-legend-after{color:var(--accent)}.ba-pair{border-top:1px solid var(--line-soft);display:grid;gap:.3rem;padding:.7rem 0}.ba-pair:first-of-type{border-top:0;padding-top:0}.ba-pair p{margin:0;padding-left:1.15rem;position:relative}.ba-before-line{color:var(--muted)}.ba-before-line:before{color:var(--dim);content:"×";left:0;position:absolute}.ba-after-line{color:var(--text)}.ba-after-line:before{color:var(--accent-2);content:"→";left:0;position:absolute}.ba-sample{background:#05070a99;border:1px dashed var(--line);border-collapse:separate;border-radius:.45rem;border-spacing:0;margin-top:.6rem;table-layout:fixed;width:100%}.ba-sample caption{caption-side:top;color:var(--dim);font-size:.76rem;line-height:1.5;padding:0 0 .35rem;text-align:left}.ba-sample th,.ba-sample td{border-top:1px solid var(--line-soft);font-size:.78rem;padding:.35rem .55rem;text-align:left;vertical-align:top}.ba-sample th{border-top:0;color:var(--accent);font-weight:700}.ba-sample td{color:var(--text)}.ba-sample code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.76rem;overflow-wrap:anywhere}.process{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),#111721cc);border:1px solid var(--line);border-radius:.7rem;padding:1.6rem 1.5rem}.process h2{margin:.5rem 0 .6rem}.process-lede{color:var(--muted);margin:0 0 1.4rem;max-width:46rem}.process-steps{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.process-step{border-top:1px solid rgba(var(--accent-rgb),.35);display:flex;flex-direction:column;gap:.5rem;padding-top:.9rem;position:relative}.process-step+.process-step:before{color:var(--accent-2);content:"→";font-size:.8rem;left:-1.15rem;position:absolute;top:.5rem}.process-latin{color:var(--accent);font-family:var(--latin);font-size:.76rem;font-weight:500;letter-spacing:.18em;margin:0;text-transform:uppercase}.process-step h3{font-size:1rem;margin:0}.process-step p{color:var(--muted);margin:0}.process-step a{border:1px solid rgba(var(--accent-rgb),.45);border-radius:.4rem;color:var(--accent);font-size:.88rem;margin-top:auto;padding:.5rem .7rem;text-align:center;text-decoration:none;transition:background .18s,box-shadow .18s}.process-step a:hover{background:rgba(var(--accent-rgb),.14);box-shadow:0 0 14px rgba(var(--accent-rgb),.25)}@media(max-width:760px){.process-steps{grid-template-columns:1fr}.process-step+.process-step:before{content:"↓";left:0;top:-1.1rem}}.with-rail{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}.work{min-width:0}@media(min-width:1100px){.with-rail{align-items:start;grid-template-columns:minmax(0,1fr) 19rem}.rail{max-height:calc(100vh - 2rem);overflow-y:auto;position:sticky;scrollbar-width:thin;top:1rem}}.rail{display:grid;gap:1rem}.rail .before-after,.rail .design-notes{margin-bottom:0}.rail .before-after,.rail .design-notes{padding:1rem 1.05rem}.rail .ba-pair p,.rail .design-note,.rail .design-notes-intro{font-size:.88rem;line-height:1.65}.rail-section>summary{align-items:baseline;cursor:pointer;display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding-right:1.4rem;position:relative}.rail-section>summary::-webkit-details-marker{display:none}.rail-section>summary:after{color:var(--accent-2);content:"＋";font-size:.85rem;position:absolute;right:0;top:.1rem}.rail-section[open]>summary:after{content:"－"}.rail-section[open]>summary{margin-bottom:.8rem}.rail-summary-text{color:var(--text);font-size:.92rem;font-weight:700;line-height:1.55}.before-after .rail-summary-text{font-weight:500}.rail-section>summary:hover .rail-summary-text{color:var(--accent)}