/* Altys / technical field guide / 22 October 2026. Landing page only. */
:root {
  --paper:#edeee8; --ink:#181a17; --muted:#666a61; --line:#cdd0c5;
  --purple:#bd4c2b; --pale:#e6e8dd; --white:#fafbf6; --navy:#181a17; --radius:2px;
  --brand-primary:#c85a36; --brand-strong:#a44226; --brand-lavender:#d4b7a7;
  --brand-tint:#f1e7df; --brand-ink:#20231d; --brand-surface:#f4f5ed;
  --accent:#d9653d;
}
html {scroll-padding-top:105px}
body.technical-theme {background:var(--paper);color:var(--ink);font-family:Plex,Arial,sans-serif;overflow-x:clip}
.technical-theme .wrap {width:min(1120px,calc(100% - 96px))}
.technical-theme h1,.technical-theme h2,.technical-theme h3 {font-family:Space,Arial,sans-serif;font-weight:500;letter-spacing:-.055em}
.technical-theme h2 {font-size:clamp(32px,4.15vw,54px);line-height:1.09}
.technical-theme .eyebrow {font:10px/1.5 OSMono,monospace;letter-spacing:.13em;color:var(--muted);margin-bottom:22px}
.technical-theme :focus-visible {outline:2px solid #a44226;outline-offset:5px}
.technical-theme a {text-underline-offset:4px}
.technical-theme .skip {z-index:100}
.instrument-nav {position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 36px));height:54px;background:#161715;color:#f6f7f1;display:flex;align-items:center;justify-content:space-between;padding:6px 7px 6px 15px;z-index:50;border:1px solid #282a25;border-radius:3px;box-shadow:0 8px 22px #1a1f171c}
.instrument-nav button {font-size:12px}
.menu-toggle {background:none;color:inherit;border:0;display:flex;gap:9px;align-items:center;padding:9px 6px}
.menu-toggle>span:first-child {font-size:17px}
.instrument-nav .brand {position:absolute;left:50%;transform:translateX(-50%);color:#f4f5ef;font-size:29px;letter-spacing:-.075em;display:flex;align-items:baseline}
.instrument-nav .brand>span {color:var(--accent)}
.instrument-nav .brand small {font:8px OSMono,monospace;letter-spacing:.08em;border:1px solid #72766b;padding:2px 3px;margin-left:7px;align-self:center}
.nav-cta {background:var(--accent);color:#fff;border:1px solid #f2916c;padding:11px 13px;box-shadow:0 0 0 3px #3b3c35;display:flex;gap:18px;align-items:center}
.nav-cta:hover {background:#bb4d2b}
.instrument-nav nav {position:absolute;left:-1px;right:-1px;top:63px;margin:0;padding:18px 22px;background:#161715;color:#f6f7f1;border:1px solid #33372d;border-radius:2px;display:grid;gap:0;box-shadow:0 12px 24px #1a1f1722}
.instrument-nav nav[hidden] {display:none}
.instrument-nav nav a {display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #383b32;font-size:13px}
.instrument-nav nav a:last-child {border:0;color:#e69473}
.instrument-nav nav a:hover {color:#f29b76}
.technical-hero {padding:126px 0 66px;text-align:center}
.hero-kicker {display:flex;align-items:center;justify-content:center;gap:10px}
.status-dot {display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0}

.engine-plate {position:relative;width:min(930px,100%);margin:0 auto}
.engine-plate>img {width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;display:block;mix-blend-mode:darken;filter:brightness(1.035);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.plate-label {position:absolute;display:flex;align-items:center;flex-direction:column;pointer-events:none}
.plate-label>span {font:8px/1.5 OSMono,monospace;letter-spacing:.035em;background:var(--white);border:1px solid var(--line);padding:5px 8px;white-space:nowrap;box-shadow:0 1px 3px #00000008}
.plate-label>i {height:68px;width:1px;background:#8b9080;transform-origin:top}
.label-input {left:8%;top:21%}.label-input i {transform:rotate(-22deg);height:95px}
.label-method {left:43%;top:8%}.label-method i {height:78px}
.label-output {right:3%;top:24%}.label-output i {transform:rotate(28deg);height:74px}
.engine-plate figcaption,.memory-plate figcaption {font:8px/1.7 OSMono,monospace;letter-spacing:.06em;color:var(--muted);display:flex;justify-content:space-between;text-align:left;padding:0 35px;margin-top:-18px}
.hero-copy {padding-top:42px}
.technical-theme .technical-hero h1 {font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.055em;max-width:none}
.technical-theme .technical-hero .lede {font-size:15px;line-height:1.8;max-width:640px;margin:19px auto 0;color:var(--muted)}
.technical-theme .hero-actions {justify-content:center;gap:28px;margin-top:28px}
.technical-theme .button {background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:2px;padding:5px 17px 5px 5px;gap:13px;font:12px/1.4 Plex,Arial,sans-serif;min-height:43px;box-shadow:0 0 0 3px #fafbf6,0 0 0 4px #bfc3b6;transition:background .18s,box-shadow .18s}
.technical-theme .button:hover {background:#35382f;box-shadow:0 0 0 3px #fafbf6,0 0 0 4px #7d8374}
.technical-theme .button .button-icon {width:31px;height:31px;display:grid;place-items:center;background:var(--accent);border:1px solid #ed9a78;font-size:20px;color:white}
.technical-theme .button:not(:has(.button-icon)) {padding:12px 18px}
.technical-theme .text-link {color:var(--ink);font-size:12px}
.technical-theme .text-link:hover {color:var(--purple)}
.hero-fine {font:8px/1.7 OSMono,monospace;letter-spacing:.12em;color:var(--muted);margin-top:25px}
.capability-strip {display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:24px;gap:20px}
.capability-strip>div {display:flex;gap:15px;align-items:center;border-right:1px solid var(--line);padding-right:10px}
.capability-strip>div:last-child {border:0}
.strip-mark {font:28px/1 OSMono,monospace;color:#555b4d}
.capability-strip p {display:grid;gap:4px}
.capability-strip strong {font-size:12px;font-weight:500}
.capability-strip p>span {font-size:9px;color:var(--muted)}



.process-section {padding-block:85px 70px;border-top:1px solid var(--line);margin-top:20px}
.technical-theme .section-heading,.technical-theme .memory-heading {display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
.technical-theme .section-heading h2 {font-size:clamp(32px,4.15vw,54px)}
.technical-theme .section-heading>p,.technical-theme .memory-heading>p {font-size:13px;line-height:1.85;color:var(--muted);max-width:365px;justify-self:end;padding:0}
.process-flow {display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#f3f4ed}
.process-flow article {position:relative;padding:21px 24px 26px;border-right:1px solid var(--line)}
.process-flow article:last-child {border:0}
.step-label {font:8px OSMono,monospace;letter-spacing:.08em;color:var(--muted)}
.process-symbol {font:43px/1 OSMono,monospace;height:90px;display:flex;align-items:center;color:#4e5547}
.process-flow h3 {font-size:17px;letter-spacing:-.04em;margin:0 0 10px}
.process-flow p {font-size:11px;color:var(--muted);line-height:1.8}
.flow-arrow {position:absolute;right:-13px;top:83px;width:25px;height:25px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);z-index:1;color:var(--purple);font:16px OSMono,monospace}
.process-note {display:flex;justify-content:center;align-items:center;gap:9px;margin-top:22px;font:9px/1.7 OSMono,monospace;color:var(--muted)}
.technical-theme .workflow {padding-block:82px 55px;scroll-margin-top:100px}
.technical-theme .workflow-tabs {padding:0 23px;gap:32px;background:#e6e8df}
.technical-theme .workflow-tabs button {font:10px/1.6 OSMono,monospace;padding:17px 0 15px}
.technical-theme .workflow-tabs button[aria-selected=true] {color:var(--ink);border-bottom-color:var(--accent)}
.technical-theme .showcase {border-radius:3px;background:#f9faf5;border-color:#c4c8ba;box-shadow:0 7px 15px #292f1e06}
.technical-theme .shot-top {padding-top:21px}
.technical-theme .shot-label {font-size:12px}
.technical-theme .demo-toolbar {background:transparent}
.technical-theme .demo-toolbar button {border-radius:2px}
.technical-theme .shot-caption {font-size:11px;border-top:1px solid #e3e5da;margin-top:16px;padding-top:13px}
.technical-theme .workflow-foot {gap:70px;padding-top:6px}
.technical-theme .workflow-foot>p {font-size:11px;line-height:1.8;max-width:440px}
.technical-theme .workflow-foot strong {font-size:12px}
.technical-theme .coming {font:7px/1.7 OSMono,monospace;text-transform:uppercase;letter-spacing:.03em;padding:2px 5px;background:#e5e7dc;color:#565e4d;vertical-align:1px}
.technical-theme .memory {padding-block:82px 65px;border-top:1px solid var(--line)}
.technical-theme .memory-heading {margin-bottom:0}
.memory-plate {width:min(720px,100%);margin:8px auto 34px;position:relative}
.memory-plate img {display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;mix-blend-mode:darken;filter:brightness(1.035);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.memory-plate figcaption {justify-content:center;margin-top:0;padding:8px;text-align:center}
.technical-theme .firm-memory {--fm-link:#c9cec0;--fm-surface:#e8ebe1;border-color:#c4c8ba;border-radius:3px;background:#f9faf5}
.technical-theme .fm-topline {padding-block:20px}
.technical-theme .fm-node {border-radius:2px}
.technical-theme .fm-node strong {letter-spacing:-.01em}
.technical-theme .fm-company {background:#282e23}
.technical-theme .fm-company-mark {background:#3c4435;border-color:#6b7760}
.technical-theme .fm-company small {color:#ccd0c4}
.technical-theme .fm-context h3 {font-family:Space,Arial,sans-serif;font-size:27px;line-height:1.15}
.technical-theme .fm-avatars i {background:#ece8df;color:#88644c}
.technical-theme .fm-principles {gap:50px}
.technical-theme .fm-principles strong {font-size:12px}
.technical-theme .fm-principles p {font-size:11px;line-height:1.8}
.faq-section {padding-block:84px 78px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:80px}
.faq-section>div>p:last-child {font-size:12px;color:var(--muted);line-height:1.9;margin-top:24px}
.faq-items details {border-bottom:1px solid var(--line)}
.faq-items details:first-child {border-top:1px solid var(--line)}
.faq-items summary {list-style:none;cursor:pointer;font-size:13px;padding:23px 0;display:flex;justify-content:space-between;gap:20px}
.faq-items summary::-webkit-details-marker {display:none}
.faq-items summary>span {font:20px/1 OSMono,monospace;color:var(--muted)}
.faq-items details[open] summary>span {transform:rotate(45deg);color:var(--accent)}
.faq-items details p {color:var(--muted);font-size:12px;line-height:1.9;padding:0 32px 24px 0;max-width:540px}
.technical-close {border-top:1px solid var(--line);padding-block:80px 45px;text-align:center}
.technical-close h2 {font-size:clamp(34px,4.6vw,60px);line-height:1.08}
.technical-close>p:not(.eyebrow) {font-size:13px;line-height:1.85;color:var(--muted);margin-top:25px}
.technical-close>.button {margin-top:29px;min-width:158px;justify-content:flex-start}
.technical-close>.text-link {display:block;margin-top:24px;font-size:10px;color:var(--muted)}
.close-rule {display:flex;align-items:center;gap:13px;max-width:390px;margin:52px auto 0;font:8px OSMono,monospace;color:var(--muted);letter-spacing:.07em}
.close-rule i {height:1px;background:var(--line);flex:1;position:relative}
.close-rule i::after {content:'';width:4px;height:4px;background:var(--accent);position:absolute;right:0;top:-1.5px}
.technical-theme .footer {padding-block:30px;gap:25px;font-size:10px;flex-wrap:wrap}
.technical-theme .footer .brand {font-size:28px}
.technical-theme dialog {background:var(--paper);border-radius:3px}
.technical-theme dialog h2 {font-size:31px}
.technical-theme dialog input,.technical-theme dialog textarea {border-radius:2px;background:#f9faf5}
.technical-theme .access-founder h3 {font-family:Space,Arial,sans-serif}
.technical-theme .opt {border-radius:2px}
@media(min-width:1500px){.technical-hero {padding-top:145px}.engine-plate{width:980px}}
@media(max-width:1000px){
  .technical-theme .wrap {width:calc(100% - 60px)}
  .technical-theme .section-heading,.technical-theme .memory-heading {gap:40px}
  .capability-strip {gap:16px}.capability-strip>div {gap:9px}.strip-mark{font-size:23px}
  .capability-strip p>span {font-size:8px}
  .process-flow article {padding:18px}.process-flow h3{font-size:15px}
  .faq-section {gap:40px}
}
@media(max-width:700px){
  html {scroll-padding-top:90px}
  .technical-theme .wrap {width:calc(100% - 36px)}
  .instrument-nav {top:12px;height:50px}.instrument-nav .brand{font-size:27px}.nav-cta{padding:9px 10px;gap:8px}
  .technical-hero {padding:108px 0 44px}
  .technical-theme .hero-kicker {font-size:7px;letter-spacing:.07em;margin-bottom:21px;gap:7px}
  
  .engine-plate {width:calc(100% + 18px);margin-left:-9px;margin-top:17px}
  .engine-plate>img {aspect-ratio:1.5}
  .plate-label>span {font-size:5px;padding:3px 4px;letter-spacing:0}
  .label-input{left:1%;top:16%}.label-input i {height:42px}.label-method{left:38%;top:6%}.label-method i{height:35px}.label-output{right:0;top:23%}.label-output i{height:28px}
  .engine-plate figcaption {font-size:6px;justify-content:center;padding:0;margin-top:-10px}.engine-plate figcaption>span{display:none}
  .hero-copy {padding-top:30px}
  .technical-theme .technical-hero h1 {font-size:28px;max-width:340px;margin:auto;line-height:1.15}
  .technical-theme .technical-hero .lede {font-size:12px;line-height:1.8;max-width:370px;margin-top:17px}
  .desktop-break {display:none}
  .technical-theme .hero-actions {gap:23px;flex-direction:column;margin-top:24px}
  .hero-fine {font-size:6px;letter-spacing:.055em;margin-top:22px}
  .capability-strip {grid-template-columns:1fr 1fr;gap:23px 16px;padding:22px 0}
  .capability-strip>div:nth-child(2){border:0}.capability-strip p>span{font-size:8px}.capability-strip strong{font-size:11px}
  
  .process-section {padding-block:47px 43px;margin-top:12px}
  .technical-theme .section-heading,.technical-theme .memory-heading {grid-template-columns:1fr;gap:20px;margin-bottom:28px}
  .technical-theme .eyebrow {font-size:8px;margin-bottom:15px}
  .technical-theme h2,.technical-theme .section-heading h2 {font-size:34px;line-height:1.1}
  .technical-theme .section-heading>p,.technical-theme .memory-heading>p {justify-self:start;font-size:12px;line-height:1.8;max-width:440px}
  .process-flow {grid-template-columns:1fr 1fr}.process-flow article{padding:18px;border-bottom:1px solid var(--line)}.process-flow article:nth-child(2){border-right:0}.process-flow article:nth-child(3){border-bottom:0}
  .step-label{font-size:7px}.process-symbol{height:64px;font-size:34px}.process-flow h3{font-size:15px}.process-flow p{font-size:10px}
  .flow-arrow{display:none}.process-note{font-size:7px;text-align:center}
  .technical-theme .workflow {padding-block:48px 36px}
  .technical-theme .workflow-tabs {padding:0 14px;gap:20px;overflow:auto}
  .technical-theme .workflow-tabs button{font-size:9px;padding-block:14px}
  .technical-theme .shot-top {padding:16px 14px 10px}.technical-theme .shot-label{font-size:11px}.technical-theme .shot-top>span:last-child{margin-left:0}
  .technical-theme .demo-toolbar {padding-inline:14px}.technical-theme .shot-caption {padding:12px 14px 15px;font-size:10px}
  .technical-theme .workflow-foot {grid-template-columns:1fr;gap:16px;margin-top:20px}.technical-theme .workflow-foot>p{font-size:11px}.technical-theme .coming{font-size:6px;margin-left:4px}
  .technical-theme .memory {padding-block:48px 40px}.technical-theme .memory-heading{margin-bottom:8px}
  .memory-plate{margin-bottom:20px}.memory-plate img{aspect-ratio:1.65}.memory-plate figcaption{font-size:6px}
  .technical-theme .fm-principles{gap:19px}.technical-theme .fm-principles p{font-size:10px}.technical-theme .fm-principles strong{font-size:11px}
  .faq-section {padding-block:47px 43px;grid-template-columns:1fr;gap:29px}.faq-section h2 br{display:none}.faq-section>div>p:last-child{margin-top:16px;font-size:11px}
  .faq-items summary{padding:20px 0;font-size:12px}.faq-items details p{font-size:11px}
  .technical-close{padding-block:49px 30px}.technical-close h2{font-size:34px}.technical-close>p:not(.eyebrow){font-size:12px}.close-rule{margin-top:40px;font-size:7px}
  .technical-theme .footer {display:grid;grid-template-columns:auto 1fr;gap:20px 18px;padding-block:25px}.technical-theme .footer>div{grid-column:1/-1;margin:0;gap:23px}.technical-theme .footer>span{grid-column:1/-1}
}
@media(max-width:360px){.instrument-nav .brand{font-size:25px}.instrument-nav .brand small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* 23 October review: the press reference is a readable part of the opening hero. */
.hero-press{grid-area:press;justify-self:center;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:11px;width:max-content;max-width:100%;padding:10px 16px;margin:0 auto 24px;border:1px solid #d8d6d0;border-radius:999px;background:var(--white);color:#352f3c;font:12px/1.5 Plex,Arial,sans-serif;box-shadow:0 2px 8px #20201805}
.hero-press img{display:block;width:158px;height:20px;object-fit:contain;filter:none;mix-blend-mode:normal}
.hero-press>span:last-child{font-size:17px;line-height:1;color:#756780}
.hero-press:hover{border-color:#a493b9}
.hero-press:focus-visible{outline:2px solid var(--purple);outline-offset:5px}
@media(max-width:700px){.hero-press{gap:9px;padding:9px 13px;font-size:10px;margin-bottom:23px}.hero-press img{width:137px;height:18px}.hero-press>span:last-child{font-size:15px}}

/* Workflow story and released capabilities — local review, 23 October 2026. */
.technical-theme #process-title.process-connection-title {font-weight:700}
.technical-theme .workflow-foot.workflow-capabilities {grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media(max-width:700px){.technical-theme .workflow-foot.workflow-capabilities {grid-template-columns:1fr;gap:19px}}