:root{--navy:#0b2447;--accent:#eef2f6;--ice:#eef2f6;--line:#ffffff26;--ink:#1f2933}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--navy);color:white;font-family:'Instrument Sans',Arial,sans-serif;font-size:18px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:white;color:var(--navy);padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:26px;border-bottom:1px solid var(--line)}.logo{width:154px;height:49px;display:block}nav{display:flex;gap:32px;font-size:15px}nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;padding:19px 25px;background:var(--accent);color:var(--navy);font-size:16px;font-weight:700;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#dbe2e9;transform:translateY(-2px)}.button.small{font-size:14px;padding:13px 18px}.hero{padding:46px 5% 0}.hero-top{display:flex;justify-content:space-between;gap:20px}.eyebrow,.edition{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em}.eyebrow{color:var(--accent)}.edition{color:#c4d1e0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(52px,7.2vw,112px);line-height:1.06;font-weight:800;letter-spacing:-.065em;margin:44px 0 35px}h1 span{color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:62px}.hero-bottom>p{font-size:20px;line-height:1.6;color:#d5dfeb;margin:0}.micro{font-size:13px;color:#c4d1e0;margin:14px 0 0}.area-strip{display:flex;justify-content:space-between;padding:26px 0;border-top:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.12em}footer{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:44px 5%;border-top:1px solid var(--line);font-size:14px;color:#c4d1e0}@media(max-width:760px){header{flex-wrap:wrap;padding:18px 6%;gap:20px}header .logo{width:140px;height:auto}header nav{order:3;justify-content:space-between;width:100%;font-size:14px;gap:12px}.button.small{font-size:12px;padding:12px 10px}.hero{padding:30px 6% 0}.edition{display:none}h1{font-size:clamp(45px,9.5vw,70px);margin:35px 0;letter-spacing:-.055em}.hero-bottom{display:block;margin-bottom:40px}.hero-bottom>p{font-size:18px;margin-bottom:25px}.desktop{display:none}.area-strip{flex-wrap:wrap;justify-content:flex-start;gap:18px;font-size:12px}footer{flex-direction:column;align-items:flex-start;padding:36px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
:root{color-scheme:dark}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 5%;border-top:1px solid var(--line)}h2{font-size:clamp(34px,4vw,60px);line-height:1.12;letter-spacing:-.05em;margin:20px 0 0;font-weight:800}.intro-copy p{color:#d5dfeb;line-height:1.65;margin:0 0 18px;max-width:570px}.products{background:var(--accent);color:var(--navy);padding:76px 5% 28px}.products .eyebrow,.migration .eyebrow,.contact .eyebrow{color:var(--navy)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-top>p{line-height:1.6;font-size:18px;margin:0 0 4px}.agent-explorer{display:grid;grid-template-columns:235px 1fr;border-top:1px solid #0b24474d;border-bottom:1px solid #0b24474d}.agent-tabs{border-right:1px solid #0b24474d;padding:20px 20px 20px 0;display:flex;flex-direction:column}.agent-tabs button{color:var(--navy);background:transparent;border:0;display:flex;align-items:center;gap:14px;text-align:left;padding:21px 16px;cursor:pointer;border-radius:3px}.agent-tabs button[aria-selected=true]{background:var(--navy);color:white}.agent-tabs button:focus-visible{outline-color:var(--navy)}.agent-tabs button:hover:not([aria-selected=true]){background:#ffffff4d}.tab-code{font:12px 'IBM Plex Mono',monospace;align-self:flex-start;padding-top:3px}.agent-tabs button>span:nth-child(2){font-weight:700;font-size:18px}.agent-tabs small{display:block;font-size:13px;font-weight:400;margin-top:4px}.tab-sign{margin-left:auto;font-size:24px;font-weight:400}#agent-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:38px 0 38px 36px;align-items:center}.agent-kicker{font:12px 'IBM Plex Mono',monospace;letter-spacing:.04em}.agent-content h3{font-size:clamp(28px,3vw,43px);font-weight:600;letter-spacing:-.05em;margin:16px 0 24px}.agent-content h3 strong{font-weight:800}.agent-content h4{font-size:21px;line-height:1.35;margin:0 0 14px;font-weight:700}.agent-content p{line-height:1.5;font-size:16px;margin:0 0 24px;max-width:440px}.agent-content ul{list-style:none;padding:0;margin:0 0 25px}.agent-content li{font-size:15px;line-height:1.5;padding:10px 0 10px 20px;border-bottom:1px solid #0b244726;position:relative}.agent-content li:before{content:'+';position:absolute;left:0;font-weight:600}.text-link{display:inline-block;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.scenario{background:var(--navy);color:white;border-radius:5px;padding:25px 23px}.scenario-title{display:flex;justify-content:space-between;font:12px 'IBM Plex Mono',monospace;color:#b8cbe0;gap:15px}.scenario-start{border:1px solid #ffffff4d;padding:18px 14px;margin:22px 0;font-size:16px;line-height:1.4}.scenario ol{list-style:none;padding:0;margin:0 0 22px}.scenario li{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.5;padding:13px 0;border-bottom:1px solid var(--line)}.scenario li span{font:12px 'IBM Plex Mono',monospace;color:var(--accent)}.human{border-left:2px solid var(--accent);padding-left:15px}.human>span{color:var(--accent);font:12px 'IBM Plex Mono',monospace;letter-spacing:.06em}.human p{font-size:13px;line-height:1.6;color:#d5dfeb;margin:8px 0 0}.products-note{display:flex;justify-content:space-between;gap:50px;padding-top:24px;align-items:flex-start}.products-note span{font:12px/1.7 'IBM Plex Mono',monospace;max-width:290px}.products-note p{margin:0;max-width:470px;font-size:13px;line-height:1.6}.migration{background:var(--ice);color:var(--navy);padding:90px 5%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.steps article{border-top:2px solid var(--navy);padding-top:20px}.steps article>span{font:12px 'IBM Plex Mono',monospace}.steps h3{font-size:23px;line-height:1.3;letter-spacing:-.03em;margin:24px 0 15px}.steps p{font-size:16px;line-height:1.6;color:#354960}.company{padding:90px 9%;display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}.company-mark{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:36px;min-height:330px;border:1px solid var(--line);position:relative}.company-mark img{width:145px;height:auto}.company-mark span{font:12px/1.8 'IBM Plex Mono',monospace;text-align:center;color:#c4d1e0;letter-spacing:.08em}.company p{line-height:1.65;color:#d5dfeb;max-width:570px}.faq{padding:70px 5% 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:23px 28px 23px 0;list-style:none;font-size:19px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:var(--accent);font-size:24px;top:18px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:16px;line-height:1.65;color:#d5dfeb;margin:0 0 25px;max-width:620px}.contact{background:var(--accent);color:var(--navy);padding:68px 5% 75px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.contact h2{font-size:clamp(40px,4.6vw,70px)}.contact-layout p{margin:16px 0 24px;line-height:1.6}.contact label{display:block;font-size:14px;margin-bottom:8px;font-weight:600}.contact select{width:100%;background:transparent;color:var(--navy);border:1px solid #0b244780;padding:14px;border-radius:3px;font-size:16px;color-scheme:light}.contact .button{background:var(--navy);color:white;margin-top:14px;width:100%}.contact .button:hover{background:#163966}.contact-note{display:block;font-size:12px;line-height:1.7;margin-top:14px}.contact a:focus-visible,.contact select:focus-visible{outline:3px solid var(--navy);outline-offset:4px}@media(min-width:1600px){body>header,main>section,main>#expansion>section,footer{padding-left:max(5%,calc((100% - 1440px)/2));padding-right:max(5%,calc((100% - 1440px)/2))}}@media(max-width:1100px){#agent-panel{grid-template-columns:1fr;padding:30px 0 30px 28px;gap:25px}.scenario{max-width:100%}.scenario ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.agent-explorer{grid-template-columns:220px 1fr}.steps{gap:24px;grid-template-columns:1fr 1fr}.company{padding:70px 5%;gap:8%}}@media(max-width:760px){.intro,.company,.faq,.contact-layout{grid-template-columns:1fr;gap:30px}.intro,.products,.migration,.company,.faq,.contact{padding:50px 6%}.intro-copy p{font-size:17px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:24px;font-size:17px}.agent-explorer{display:block}.agent-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:15px 0;border:0;border-bottom:1px solid #0b24474d}.agent-tabs button{padding:14px 10px;gap:8px}.agent-tabs button>span:nth-child(2){font-size:16px}.agent-tabs small{font-size:12px}.tab-sign{font-size:20px}.tab-code{font-size:12px}#agent-panel{padding:30px 0;gap:30px}.agent-content h3{font-size:36px}.agent-content p{max-width:none}.scenario-title,.human>span{font-size:12px}.scenario ol{display:block}.scenario li{font-size:15px}.human p{font-size:14px}.products-note{display:block;padding-top:20px}.products-note span{display:block;font-size:12px;max-width:none}.products-note p{margin-top:12px;font-size:14px}.steps{grid-template-columns:1fr;gap:26px;margin-top:35px}.steps h3{margin:15px 0 10px}.steps p{margin:0}.company-mark{min-height:240px}.company-mark img{width:100px}.company p{font-size:17px}.faq summary{font-size:17px}.contact-layout{gap:20px}.contact h2{font-size:42px}.contact-note{font-size:13px}}