.customer-code{background:#f6f7fa}.customer-code-heading{max-width:880px}.customer-code-heading h2{margin-bottom:25px}.customer-code-context{font-size:.87rem;max-width:860px;margin-top:22px}.customer-code-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:42px;border-bottom:1px solid #c8ccdc;gap:12px}.customer-code-path button{background:none;border:0;border-bottom:3px solid transparent;padding:0 8px 23px;text-align:left;color:var(--deep);min-width:0}.customer-code-path button[aria-pressed=true]{border-bottom-color:var(--indigo)}.customer-code-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #b8bfd0;border-radius:50%;font-size:.76rem;margin-bottom:16px}.customer-code-path button[aria-pressed=true] .customer-code-number{background:var(--indigo);border-color:var(--indigo);color:white}.customer-code-path strong{display:block;font-size:.92rem}.customer-code-path small{display:block;font-size:.78rem;line-height:1.5;margin-top:8px;color:#60667b}.customer-code-detail{display:grid;grid-template-columns:.85fr 1.65fr;gap:70px;padding:42px 0 32px;min-height:385px}.customer-code-user{border-left:2px solid var(--gold);padding-left:24px}.customer-code-user .eyebrow{font-size:.72rem;margin-bottom:18px}.customer-code-user p:not(.eyebrow){font-family:Georgia,serif;font-size:1.5rem;line-height:1.4;color:var(--deep)}.customer-code-user>span{display:block;font-size:.73rem;color:#696e7e;margin-top:18px}.customer-code-work h3{font-size:1.65rem;margin-bottom:18px}.customer-code-work>p{font-size:.96rem;margin-top:18px}.customer-code-work strong{display:block;color:var(--deep);margin-bottom:5px}.customer-code-proof{padding-top:18px;border-top:1px solid #d8dce6}.customer-code-loop{border-top:1px solid #c8ccdc;display:flex;gap:18px;align-items:center;padding:23px 0}.customer-code-loop>span{color:var(--indigo);font-size:2.2rem;line-height:1}.customer-code-loop p{font-size:.88rem;max-width:740px}.customer-code-loop strong{color:var(--deep)}.customer-code-loop button{margin-left:auto;flex-shrink:0;background:transparent;border:0;color:var(--indigo);text-decoration:underline;text-underline-offset:5px;font-size:.87rem;padding:10px 0}.customer-code-operating{display:grid;grid-template-columns:1fr 1.65fr;gap:70px;border-top:1px solid #c8ccdc;padding-top:44px;margin-top:24px}.customer-code-operating h3{font-size:1.85rem}.customer-code-operating p+p{margin-top:20px}.customer-code-operating .text-link{margin-top:24px}.otto-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}.otto-hero h1{max-width:800px}.otto-hero .lead{max-width:720px}.otto-portrait{width:100%;max-width:460px;height:auto;margin:auto}.otto-hero .otto-human{font-size:1rem;margin-top:24px;max-width:660px}.otto-human a{text-decoration:underline;text-underline-offset:4px}.otto-work{padding-top:20px;padding-bottom:85px}.otto-work .process-grid{margin-top:32px}.otto-work h2{font-size:2rem}.otto-bridge{padding:32px 0 0;max-width:820px}.otto-bridge p{margin-bottom:16px}@media(max-width:900px){.customer-code-detail,.customer-code-operating{gap:35px}.customer-code-path{gap:3px}.customer-code-path strong{font-size:.82rem}.customer-code-path small{font-size:.73rem}.otto-hero{gap:30px}}@media(max-width:650px){.customer-code-path{grid-template-columns:1fr;gap:0;margin-top:30px}.customer-code-path button{display:grid;grid-template-columns:32px 1fr;gap:0 15px;padding:14px 0;border-bottom:1px solid #d8dce6}.customer-code-number{grid-row:1/3;width:30px;height:30px;margin:0}.customer-code-path button[aria-pressed=true]{border-bottom:2px solid var(--indigo)}.customer-code-path strong{font-size:.95rem}.customer-code-path small{margin-top:3px;font-size:.79rem}.customer-code-detail,.customer-code-operating{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:30px}.customer-code-user p:not(.eyebrow){font-size:1.3rem}.customer-code-loop{flex-wrap:wrap}.customer-code-loop p{flex:1}.customer-code-loop button{margin-left:38px}.otto-hero{grid-template-columns:1fr;padding-bottom:35px}.otto-portrait{width:100%;max-width:320px;margin:0 auto}.otto-hero h1{font-size:2.6rem}.otto-work{padding-bottom:55px}.customer-code-heading h2{font-size:2.05rem}}