/* Hallmark · P5 H5 E4 S5 R5 V4 · modern-minimal
 * Preserved Arka product chapters and 3D; Nexus type rhythm and OpenAI restraint.
 * Original monochrome tokens, logo and Arka OS maintained. */
:root{--lab-pivot-heading:clamp(34px,4.8vw,64px)}
html,body{overflow-x:clip}.hero-title{font-weight:500!important;letter-spacing:-.045em!important;font-size:clamp(27px,3.1vw,45px)!important;margin:0 0 24px!important;line-height:1.1!important}.hero-visual .hero-copy{max-width:980px}.hero-brand{margin:0}.lab-evidence{padding-block:110px}.lab-evidence h2{font-size:var(--lab-pivot-heading);font-weight:500;letter-spacing:-.045em;line-height:1.06;max-width:900px}.lab-evidence>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:54px}.lab-evidence a{border-top:1px solid var(--color-rule);padding-top:28px;display:block}.lab-evidence h3{font-size:30px;line-height:1.18;font-weight:500;max-width:550px;margin:0 0 24px}.lab-evidence p{color:var(--color-muted);font-size:17px;line-height:1.7;max-width:550px}.lab-evidence a>span{display:flex;align-items:center;gap:16px;min-height:44px;margin-top:20px;font-size:14px}.lab-evidence>p{font-size:12px;max-width:900px;margin-top:40px}.lab-evidence a:hover>span{color:var(--color-muted)}.lab-evidence a:focus-visible{outline:2px solid var(--color-focus);outline-offset:8px}.lab-evidence a:active{opacity:.8}.hero-title,.lab-evidence h2,.lab-evidence h3{overflow-wrap:anywhere;min-width:0}
@media(max-width:760px){.lab-evidence{padding-block:70px}.lab-evidence>div{grid-template-columns:minmax(0,1fr);gap:36px}.lab-evidence h3{font-size:27px}}
.hero-visual .hero-title{text-align:center;width:100%;max-width:none}
/* Align the entire hero copy with the original centered product stage. */
.hero-visual .hero-copy{left:24px;right:24px;width:auto;max-width:none;align-items:center;text-align:center}
.hero-visual .hero-brand .arka-logo-frame{width:180px;height:52px}
.hero-visual .hero-bottom{left:24px;right:24px;justify-content:center;text-align:center}
.hero-visual .hero-bottom span{display:block;max-width:100%;white-space:normal;text-align:center}
@media(max-width:760px){.hero-visual .hero-copy,.hero-visual .hero-bottom{left:16px;right:16px}.hero-visual .hero-brand .arka-logo-frame{width:148px;height:43px}.hero-visual .hero-title{font-size:clamp(25px,7.2vw,34px)!important}}

/* OpenAI reference: compact navigation, pill affordances, rounded product surfaces.
 * Nexus reference: staggered upward type reveals and measured scroll transitions. */
:root{--pivot-panel:oklch(16% 0 0);--pivot-outline:oklch(29% 0 0);--pivot-heading-weight:480;--pivot-reveal-ease:cubic-bezier(.16,1,.3,1)}
.reveal-word{display:inline-block;overflow:hidden;vertical-align:top;white-space:pre}.reveal-word>span{display:inline-block;will-change:transform}
.site-header{grid-template-columns:auto 1fr auto;column-gap:42px}.desktop-nav{justify-content:flex-start;gap:32px}.desktop-nav a{color:var(--color-muted);transition:color .2s}.site-header .deck-link{background:var(--color-ink);color:var(--color-paper);padding:11px 20px}
.chapter-index{display:flex;justify-content:center;gap:12px;border:0!important;padding-block:24px 34px}.chapter-index a{display:flex;align-items:center;gap:14px;border:1px solid var(--pivot-outline);border-radius:999px;padding:12px 20px;min-height:46px;white-space:nowrap;transition:background .22s,border-color .22s}.chapter-index a>span{display:none}.chapter-index a strong{font-size:13px}.chapter-index a svg{width:14px;height:14px}.chapter-index a:hover{background:var(--pivot-panel);border-color:var(--color-muted)}
.opening{padding-block:130px 110px}.opening h2{font-size:clamp(44px,6.4vw,92px);line-height:1.04;letter-spacing:-.055em;font-weight:var(--pivot-heading-weight);max-width:1150px}.opening .content-wide>p{font-size:16px;letter-spacing:0}.opening-bottom{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:64px}.discovery-count>strong{display:none}.discovery-count p{font-size:24px;line-height:1.4}.discovery-count p span{font-size:14px;color:var(--color-muted)}.opening-note p{font-size:19px;line-height:1.65}.opening-note .small-rule{display:none}
.workflow-heading h2,.architecture-heading h2,.technology h2,.anatomy .section-heading h2{font-size:clamp(36px,4.9vw,70px);font-weight:var(--pivot-heading-weight);letter-spacing:-.045em;line-height:1.08}.workflow-principles{gap:36px}.workflow-principles>div>svg{display:none}.workflow-principles>div{padding-top:26px;border-top:1px solid var(--pivot-outline)}.workflow-principles h3{font-size:23px;font-weight:500}.software-masthead h2{font-size:clamp(64px,9vw,120px);letter-spacing:-.055em;font-weight:460}.software-statement{font-size:clamp(24px,3vw,36px);font-weight:400}.software-display{border-radius:24px;padding:10px;background:var(--pivot-panel);border-color:var(--pivot-outline)}.software-preview{border-radius:16px;overflow:hidden}.software-switcher button{border:1px solid var(--pivot-outline);transition:background .22s}.software-switcher button[aria-selected=true]{background:var(--color-ink);color:var(--color-paper)}
.lab-evidence>div>a{padding:32px;border:1px solid var(--pivot-outline);border-radius:20px;background:var(--pivot-panel);white-space:normal}.lab-evidence h3{font-size:32px;letter-spacing:-.035em}.investor-section h2{font-size:clamp(44px,6vw,82px);letter-spacing:-.055em;font-weight:var(--pivot-heading-weight)}.tech-tabs button{border-radius:999px;padding:12px 20px;border:1px solid var(--pivot-outline)}.tech-tabs button[aria-selected=true]{background:var(--color-ink);color:var(--color-paper)}.tech-tabs .tab-line{display:none}.tech-tabs{gap:12px;padding-bottom:0;border:0}.signal-diagram button{transition:background .3s;border-radius:14px}.signal-diagram button[aria-pressed=true]{background:var(--pivot-panel)}
html:not(.js-ready) .reveal-word>span{opacity:1!important;transform:none!important}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto auto;gap:12px}.chapter-index{gap:8px;flex-wrap:wrap;padding-block:20px}.chapter-index a{padding:10px 13px;gap:7px;min-height:44px}.chapter-index a strong{font-size:11px}.chapter-index a svg{display:none}.opening{padding-block:76px}.opening-bottom{grid-template-columns:minmax(0,1fr);gap:30px}.opening-note p{font-size:17px}.software-display{padding:5px;border-radius:16px}.software-preview{border-radius:11px}.tech-tabs{flex-wrap:wrap;gap:8px}.tech-tabs button{font-size:11px;padding:11px 14px}.lab-evidence>div>a{padding:24px}.lab-evidence h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.reveal-word>span{will-change:auto;transform:none!important;opacity:1!important}*{transition:none!important}}

/* The icon-free workflow needs a full-width text column on phones. */
@media(max-width:760px){
 .workflow-principles>div{grid-template-columns:minmax(0,1fr);gap:12px}
 .workflow-principles h3{line-height:1.25}
 .workflow-principles p{font-size:14px;line-height:1.65}

 /* Keep every component choice visible instead of clipping the last tab. */
 .part-tabs{flex-wrap:wrap;overflow:visible;gap:4px}
 .part-tabs button{flex:1 1 auto;min-height:44px;padding:12px 14px}

 .site-header>.icon-button{width:44px;height:44px}
 .software-switcher button,.tech-tabs button,.map-view-control button{min-height:44px}
 /* Keep screenshot text on a flat surface instead of resampling a 3D tilt. */
 .software-product{perspective:none}
 .software-display{transform:none!important}
 .scene-tools .icon-button{width:44px;height:44px}
 .scene-tools{flex-direction:column;align-items:flex-start;gap:8px}
 .scene-tools .icon-actions{margin-left:0}
 .scene-tools .segmented{width:100%}
 .scene-tools .segmented button{flex:1;min-width:0;min-height:44px}
 .assembly-callout{bottom:140px}
 .anatomy [data-scene=assembly]{bottom:208px}
 .hero-visual{min-height:640px}
 .hero-visual .hero-title{margin-bottom:8px!important}
}

/* Landscape phones still need room between the logo, model and caption. */
@media(min-width:761px){
 .hero-visual .hero-canvas{bottom:216px}
}
@media(min-width:761px) and (max-height:650px){
 .hero-visual{min-height:640px}
 .hero-visual .hero-canvas{top:152px}
}