.otto-int-arch .otto-int-arch__head{align-items:end;display:grid;gap:24px 64px;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr))}.otto-int-arch .otto-int-arch__title{display:flex;flex-direction:column;gap:20px}.otto-int-arch .otto-int-arch__metric{align-items:center;display:flex;flex-wrap:wrap;gap:16px 24px;margin:0}.otto-int-arch .otto-int-arch__value{font-size:clamp(56px,6vw,72px);font-weight:300;letter-spacing:-.03em;line-height:1.1}.otto-int-arch .otto-int-arch__metric-label{color:var(--svc-muted);flex:1 1 200px;font-size:16px;line-height:1.5}.otto-int-arch .otto-int-arch__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}.otto-int-arch .otto-int-arch__tab{align-items:center;background:var(--svc-bg);border:1px solid var(--svc-border-strong);border-radius:999px;color:var(--svc-text);cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:500;height:48px;padding:0 22px;transition:background var(--svc-dur) var(--svc-ease),color var(--svc-dur) var(--svc-ease),border-color var(--svc-dur) var(--svc-ease)}.otto-int-arch .otto-int-arch__tab:hover{border-color:var(--svc-text)}.otto-int-arch .otto-int-arch__tab.is-on{background:var(--svc-text);border-color:var(--svc-text);color:var(--svc-bg)}.otto-int-arch .otto-int-arch__tab:focus-visible{outline:2px solid var(--svc-blue);outline-offset:3px}.otto-int-arch .otto-int-arch__stage{background:var(--svc-surface);border:1px solid var(--svc-border);border-radius:20px;margin-top:20px;padding:clamp(24px,4vw,48px)}.otto-int-arch .otto-int-arch__panel{display:flex;flex-direction:column;gap:28px}.otto-int-arch .otto-int-arch__panel+.otto-int-arch__panel{border-top:1px solid var(--svc-border);margin-top:48px;padding-top:40px}.otto-int-arch .otto-int-arch__ptitle{color:var(--svc-text);font-size:18px;font-weight:500;margin:0}.otto-int-arch .otto-int-arch__env{border:1.5px dashed var(--svc-border-strong);border-radius:18px;padding:40px clamp(14px,2.4vw,28px) clamp(14px,2.4vw,28px);position:relative}.otto-int-arch .otto-int-arch__env-tag{align-items:center;background:var(--svc-text);border-radius:999px;color:var(--svc-bg);display:inline-flex;font-size:11px;font-weight:600;height:26px;left:24px;letter-spacing:.14em;padding:0 12px;position:absolute;text-transform:uppercase;top:-13px}.otto-int-arch .otto-int-arch__dg{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,.6fr) minmax(0,1.6fr)}.otto-int-arch .otto-int-arch__dg--5{grid-template-columns:minmax(0,1fr) minmax(40px,.3fr) minmax(0,1.5fr) minmax(40px,.3fr) minmax(0,1fr)}.otto-int-arch .otto-int-arch__node{background:var(--svc-bg);border:1px solid var(--svc-border-strong);border-radius:16px;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:22px}.otto-int-arch .otto-int-arch__lbl{color:var(--svc-dim);display:block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.otto-int-arch .otto-int-arch__chips{display:flex;flex-wrap:wrap;gap:8px}.otto-int-arch .otto-int-arch__chip{align-items:center;background:var(--svc-bg);border:1px solid var(--svc-border-strong);border-radius:999px;color:var(--svc-text);display:inline-flex;font-size:13px;font-weight:500;height:32px;padding:0 13px;white-space:nowrap}.otto-int-arch .otto-int-arch__link{align-items:center;color:var(--svc-dim);display:flex;justify-content:center;position:relative}.otto-int-arch .otto-int-arch__link:before{background:currentColor;content:"";height:1px;left:4px;position:absolute;right:4px;top:50%}.otto-int-arch .otto-int-arch__end{background:currentColor;border-radius:50%;height:7px;position:absolute;top:50%;transform:translateY(-50%);width:7px}.otto-int-arch .otto-int-arch__end--a{left:0}.otto-int-arch .otto-int-arch__end--z{right:0}.otto-int-arch .otto-int-arch__link b{align-items:center;background:var(--svc-text);border-radius:999px;color:var(--svc-bg);display:inline-flex;font-size:11px;font-weight:600;height:28px;letter-spacing:.12em;padding:0 12px;position:relative}.otto-int-arch .otto-int-arch__otto{background:var(--svc-signature-dark);border-radius:16px;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:22px 26px 10px;position:relative}.otto-int-arch .otto-int-arch__otto:before{background:var(--svc-grad);content:"";height:3px;left:0;position:absolute;right:0;top:0}.otto-int-arch .otto-int-arch__otto-head{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.14);display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;padding-bottom:14px}.otto-int-arch .otto-int-arch__otto-head .otto-int-arch__lbl{color:#bebebe}.otto-int-arch .otto-int-arch__wm{color:#fff;display:inline-flex}.otto-int-arch .otto-int-arch__wm .otto-svc-wm{height:22px}.otto-int-arch .otto-int-arch__row{align-items:baseline;border-bottom:1px solid hsla(0,0%,100%,.08);display:grid;gap:16px;grid-template-columns:44px minmax(0,1fr);padding:14px 0}.otto-int-arch .otto-int-arch__row:last-child{border-bottom:0}.otto-int-arch .otto-int-arch__row b{font-size:13px;font-weight:600;letter-spacing:.08em}.otto-int-arch .otto-int-arch__verb{color:#fff;display:block;font-size:15px;font-weight:500}.otto-int-arch .otto-int-arch__out{color:#bebebe;display:block;font-size:13px;line-height:1.4;margin-top:3px}.otto-int-arch .otto-int-arch__caption{color:var(--svc-muted);font-size:16px;line-height:1.6;margin:0 auto;max-width:640px;text-align:center}.otto-int-arch .otto-int-arch__tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));list-style:none;margin:16px 0 0;padding:0}.otto-int-arch .otto-int-arch__tile{background:var(--svc-bg);border:1px solid var(--svc-border);border-radius:16px;display:flex;gap:16px;padding:24px;transition:transform var(--svc-dur) var(--svc-ease),border-color var(--svc-dur) var(--svc-ease)}.otto-int-arch .otto-int-arch__tile:hover{border-color:var(--svc-border-strong);transform:translateY(-2px)}.otto-int-arch .otto-int-arch__ic{height:24px;width:24px}.otto-int-arch .otto-int-arch__tile-title{color:var(--svc-text);font-size:17px;font-weight:500;line-height:1.3;margin:0}.otto-int-arch .otto-int-arch__tile-text{color:var(--svc-muted);font-size:14px;line-height:1.55;margin:6px 0 0}.otto-int-arch .otto-int-arch__cta{display:flex;justify-content:center;margin-top:40px}.otto-int-arch.is-ready .otto-int-arch__panel:not(.is-on),.otto-int-arch:not(.is-ready) .otto-int-arch__tabs{display:none}.otto-int-arch.is-ready .otto-int-arch__panel+.otto-int-arch__panel{border-top:0;margin-top:0;padding-top:0}.otto-int-arch.is-ready .otto-int-arch__ptitle{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.otto-int-arch.is-ready .otto-int-arch__panel{animation:otto-int-fx .45s var(--svc-ease) both}@keyframes otto-int-fx{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:900px){.otto-int-arch .otto-int-arch__dg,.otto-int-arch .otto-int-arch__dg--5{grid-template-columns:minmax(0,1fr)}.otto-int-arch .otto-int-arch__link{height:44px}.otto-int-arch .otto-int-arch__link:before{bottom:4px;height:auto;left:50%;right:auto;top:4px;width:1px}.otto-int-arch .otto-int-arch__end{left:50%;right:auto;transform:translateX(-50%)}.otto-int-arch .otto-int-arch__end--a{top:0}.otto-int-arch .otto-int-arch__end--z{bottom:0;top:auto}}@media (prefers-reduced-motion:reduce){.otto-int-arch *{animation:none!important;transition:none!important}}