.about-page,.contact-page,.legal-page{color:#f6f7fb}
.about-page p,.contact-page p,.legal-page p{margin:0}
.about-page h1,.about-page h2,.about-page h3,.contact-page h1,.contact-page h2,.contact-page h3,.legal-page h1,.legal-page h2,.legal-page h3{margin:0;font-weight:600}
.about-page .eyebrow,.contact-page .eyebrow,.legal-page .eyebrow{font:400 11px/18px 'IBM Plex Mono',monospace;color:#7e9fff;letter-spacing:0}
.about-page .about-hero{padding-top:64px;padding-bottom:64px}
.about-page .about-hero-grid{display:grid;grid-template-columns:minmax(0,672fr) minmax(0,544fr);gap:64px;align-items:center}
.about-page .about-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.about-page .about-copy{display:flex;flex-direction:column;gap:16px}
.about-page h1{font-size:56px;line-height:62px;letter-spacing:-1.2px}
.about-page .about-hero-copy .about-description{font-size:18px;line-height:28px;color:#afb6c4}
.about-page .about-hero-copy .button-primary{min-width:220px}
.about-page .experience-proof{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#15171b;padding:40px;display:flex;flex-direction:column;gap:24px;min-width:0}
.about-page .experience-ambient{position:absolute;right:48px;top:40px;width:232px;height:232px;z-index:-1}
.about-page .experience-statement{display:flex;flex-direction:column;gap:12px}
.about-page .experience-number{display:flex;gap:16px;align-items:baseline}
.about-page .experience-number strong{font-size:112px;line-height:120px;font-weight:600;letter-spacing:-1.2px;color:#7e9fff}
.about-page .experience-number span{font-size:32px;line-height:40px;font-weight:600}
.about-page .experience-statement>p{font-size:20px;line-height:28px;color:#afb6c4}
.about-page .experience-caption{font:400 13px/22px 'IBM Plex Mono',monospace;color:#afb6c4}
.about-page .about-reality{padding-top:16px;padding-bottom:56px}
.about-page .about-reality-panel{display:grid;grid-template-columns:minmax(0,480fr) minmax(0,656fr);gap:64px;align-items:start;padding:40px;border-radius:24px;background:#1c1f24}
.about-page h2{font-size:40px;line-height:46px;letter-spacing:-1.2px}
.about-page .about-reality-copy{display:flex;flex-direction:column;gap:16px}
.about-page .about-reality-copy p{font-size:16px;line-height:26px;color:#afb6c4}
.about-page .about-principles{padding-top:8px;padding-bottom:64px}
.about-page .principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.about-page .principle{border-top:1px solid #30343d;padding-top:16px;display:flex;flex-direction:column;gap:16px}
.about-page .principle h3{font-size:20px;line-height:28px;margin-bottom:8px}
.about-page .principle p:not(.eyebrow){font-size:15px;line-height:23px;color:#afb6c4}
.about-page .about-toolkit,.about-page .about-closing{padding-bottom:48px}
.about-page .about-toolkit-panel{padding:32px;border-radius:24px;background:#15171b;display:grid;grid-template-columns:minmax(0,640fr) minmax(0,512fr);gap:64px;align-items:center}
.about-page .about-toolkit-panel h2{font-size:28px;line-height:36px;letter-spacing:0;margin-bottom:12px}
.about-page .about-toolkit-panel p{font-size:16px;line-height:26px;color:#afb6c4}
.about-page .about-product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-page .about-product-links .button-secondary{font:500 14px/20px Inter,sans-serif;min-height:44px;padding:10px 12px;white-space:nowrap}
.about-page .about-closing-panel{background:#215dff;border-radius:24px;padding:40px;display:grid;grid-template-columns:1fr 220px;gap:64px;align-items:center}
.about-page .about-closing-panel h2{font-size:34px;line-height:42px;letter-spacing:0;margin-bottom:12px}
.about-page .about-closing-panel p{font-size:16px;line-height:26px;color:#f6f7fb}
.about-page .about-closing-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center}
.about-page .about-closing-actions .button-primary{background:#f6f7fb;color:#101113}
.about-page .about-closing-actions>a:last-child{font:500 14px/22px Inter,sans-serif;color:#f6f7fb}
.contact-page .contact-main{padding-top:64px;padding-bottom:64px}
.contact-page .contact-layout{display:grid;grid-template-columns:minmax(0,480fr) minmax(0,720fr);column-gap:80px;row-gap:32px;align-items:start}
.contact-page .contact-intro{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:16px}
.contact-page h1{font-size:56px;line-height:62px;letter-spacing:-1.2px}
.contact-page .contact-intro>p:last-child{font-size:18px;line-height:28px;color:#afb6c4}
.contact-page .contact-details{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:24px;align-self:start}
.contact-page .contact-email,.contact-page .contact-company{display:flex;flex-direction:column;gap:8px}
.contact-page .contact-email>a{font-size:20px;line-height:30px;font-weight:500;overflow-wrap:anywhere;color:#f6f7fb}
.contact-page .contact-company>p:nth-child(2){font-size:15px;line-height:24px;color:#f6f7fb}
.contact-page .contact-company>p:last-child{font-size:14px;line-height:23px;color:#afb6c4}
.contact-page .contact-rule{height:1px;background:#30343d}
.contact-page .contact-form-panel{grid-column:2;grid-row:1/span 2;background:#1c1f24;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:24px}
.contact-page .contact-form-panel h2{font-size:24px;line-height:32px;letter-spacing:0}
.contact-page .contact-form-panel .form-note{font-size:13px;line-height:20px;color:#929bad}
.contact-page .contact-form{display:flex;flex-direction:column;gap:24px}
.contact-page .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-page .contact-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.contact-page .contact-field>span{font-size:14px;line-height:22px;color:#f6f7fb;display:flex;justify-content:space-between;gap:12px}
.contact-page .contact-field small{font-size:12px;color:#929bad}
.contact-page .contact-field input,.contact-page .contact-field select,.contact-page .contact-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:52px;padding:14px 16px;background:#111418;border:1px solid #30343d;border-radius:12px;color:#f6f7fb;font:400 15px/22px Inter,sans-serif;outline:none}
.contact-page .contact-field select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url('/assets/lead-field-chevron.svg');background-repeat:no-repeat;background-position:right 16px center;background-size:18px}
.contact-page .contact-field input::placeholder,.contact-page .contact-field textarea::placeholder{color:#929bad;opacity:1}
.contact-page .contact-field select:invalid{color:#929bad}

.contact-page .contact-field textarea{height:112px;resize:vertical}
.contact-page .contact-field-wide{grid-column:1/-1}
.contact-page .contact-form .button-primary{align-self:flex-start;min-width:220px;cursor:pointer}
.contact-page .contact-form .contact-form-privacy{font-size:12px;line-height:20px;color:#afb6c4}
.contact-page .contact-form-privacy a{color:#afb6c4;text-decoration:underline;text-underline-offset:3px}
.contact-page .form-success{background:#111418;border-radius:12px;padding:24px;border:1px solid #7e9fff;color:#f6f7fb;font-size:16px;line-height:26px}
.contact-page .form-success[hidden]{display:none}
.contact-page .contact-access{padding-bottom:64px}
.contact-page .contact-access-panel{padding:32px;border-radius:24px;background:#15171b;display:flex;justify-content:space-between;gap:64px;align-items:center}
.contact-page .contact-access-panel h2{font-size:24px;line-height:32px;letter-spacing:0;margin-bottom:8px}
.contact-page .contact-access-panel p{font-size:15px;line-height:24px;color:#afb6c4}
.contact-page .contact-access-panel .button-primary{min-width:220px;flex-shrink:0}
.legal-page .legal-container{max-width:1120px;margin-left:auto;margin-right:auto}
.legal-page .legal-intro{padding-top:64px;padding-bottom:40px}
.legal-page .legal-intro-inner{display:flex;flex-direction:column;gap:20px}
.legal-page .legal-intro .eyebrow{margin-bottom:16px}
.legal-page h1{font-size:56px;line-height:62px;letter-spacing:-1.2px}
.legal-page .legal-intro p:not(.eyebrow){font-size:16px;line-height:26px;color:#afb6c4;max-width:960px}
.legal-page .legal-intro p.legal-date{font-size:13px;line-height:20px;color:#929bad}
.legal-page .legal-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:80px;align-items:start;padding-bottom:80px}
.legal-page .legal-contents{display:flex;flex-direction:column;gap:12px}
.legal-page .legal-contents ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:contents}
.legal-page .legal-contents li{counter-increment:contents}
.legal-page .legal-contents a{font-size:13px;line-height:21px;color:#afb6c4;display:flex;gap:12px;text-decoration:none}
.legal-page .legal-contents a:before{content:counter(contents,decimal-leading-zero);flex:none}
.legal-page .legal-contents a:hover{color:#7e9fff}
.legal-page .legal-article{display:flex;flex-direction:column;gap:40px;min-width:0}
.legal-page .legal-article>section{scroll-margin-top:32px;display:flex;flex-direction:column;gap:16px;min-width:0}
.legal-page .legal-article h2{font-size:24px;line-height:32px;letter-spacing:0}
.legal-page .legal-article p{font-size:16px;line-height:26px;color:#afb6c4}
.legal-page a{color:#7e9fff;overflow-wrap:anywhere}
.legal-page .legal-questions{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;background:#15171b}
.legal-page .legal-questions h2{font-size:20px;line-height:28px}
.legal-page .legal-questions a{font-size:14px;line-height:22px;font-weight:500}
.legal-page .cookie-preferences{padding:32px;border-radius:24px;background:#1c1f24;display:flex;flex-direction:column;gap:20px;margin-bottom:8px}
.legal-page .cookie-preferences h3{font-size:20px;line-height:28px}
.legal-page .cookie-preferences p{font-size:14px;line-height:22px}
.legal-page .cookie-preferences fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:16px}
.legal-page .cookie-category{padding:16px;border-radius:12px;background:#111418;display:flex;flex-direction:column;gap:8px}
.legal-page .cookie-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}
.legal-page .cookie-category-head strong{font-size:14px;line-height:22px;font-weight:600}
.legal-page .cookie-category-head>span{font-size:12px;line-height:18px;color:#7e9fff}
.legal-page .cookie-category>a{font-size:12px;line-height:18px}
.legal-page .cookie-switch{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:44px;cursor:pointer;position:relative}
.legal-page .cookie-switch-state{font-size:12px;line-height:18px;color:#afb6c4;min-width:20px}
.legal-page .cookie-switch-state:before{content:'Off'}
.legal-page .cookie-switch:has(input:checked) .cookie-switch-state:before{content:'On'}
.legal-page .cookie-switch input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;inset:0}
.legal-page .cookie-switch-track{width:42px;height:24px;border:1px solid #30343d;border-radius:14px;position:relative;background:#101113;pointer-events:none}
.legal-page .cookie-switch-track:after{content:'';width:18px;height:18px;position:absolute;left:2px;top:2px;border-radius:50%;background:#f6f7fb;transition:transform .15s}
.legal-page .cookie-switch input:checked~.cookie-switch-track{background:#215dff;border-color:#7e9fff}
.legal-page .cookie-switch input:checked~.cookie-switch-track:after{transform:translateX(18px)}
.legal-page .cookie-switch input:focus-visible~.cookie-switch-track{outline:2px solid #7e9fff;outline-offset:4px}
.legal-page .cookie-preferences .cookie-help{font-size:12px;line-height:18px}
.legal-page .cookie-preferences-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.legal-page .cookie-preferences-actions button{min-height:44px;font:500 14px/22px 'IBM Plex Mono',monospace;cursor:pointer}
.legal-page .cookie-preferences-actions .button-secondary{background:#111418;border-color:#afb6c4;color:#f6f7fb}
.legal-page .cookie-preferences-status{color:#7e9fff!important;font-size:13px!important;line-height:20px!important}
.legal-page .visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.about-page .about-hero{display:flex;flex-direction:column;gap:40px;padding-bottom:64px}
.about-page .about-editorial-intro{display:grid;grid-template-columns:minmax(0,752fr) minmax(0,464fr);gap:64px;align-items:center}
.about-page .about-editorial-title{display:flex;flex-direction:column;gap:24px}
.about-page .about-editorial-title h1{font-size:64px;line-height:70px;letter-spacing:-1.2px}
.about-page .about-intro-narrative{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.about-page .about-intro-narrative>p{font-size:18px;line-height:28px;color:#afb6c4}
.about-page .about-intro-narrative .button-primary{min-width:220px}
.about-page .experience-band{display:grid;grid-template-columns:224px minmax(0,1fr);gap:64px;align-items:center;padding:32px 0;border-block:1px solid #30343d}
.about-page .experience-industry{display:flex;flex-direction:column;gap:8px}
.about-page .experience-context,.about-page .experience-column-heads,.about-page .experience-mobile-caption,.about-page .experience-industry span{font:400 10px/16px 'IBM Plex Mono',monospace;color:#929bad}
.about-page .experience-industry>strong{font-size:88px;line-height:96px;letter-spacing:-1.2px;font-weight:600;color:#7e9fff}
.about-page .experience-industry>div>p{font-size:20px;line-height:28px;color:#f6f7fb}
.about-page .experience-industry span{display:none}
.about-page .experience-lessons{min-width:0;display:flex;flex-direction:column;gap:12px}
.about-page .experience-column-heads{display:grid;grid-template-columns:minmax(0,432fr) 32px minmax(0,480fr);gap:24px}
.about-page .experience-column-heads span:last-child{grid-column:3;color:#7e9fff}
.about-page .experience-lesson{display:grid;grid-template-columns:minmax(0,432fr) 32px minmax(0,480fr);gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid #30343d}
.about-page .experience-lesson:last-child{border-bottom:0}
.about-page .experience-lesson>p{font-size:18px;line-height:26px;color:#afb6c4}
.about-page .experience-lesson>span{font:400 18px/26px 'IBM Plex Mono',monospace;color:#7e9fff;text-align:center}
.about-page .experience-lesson h3{font-size:18px;line-height:26px}
.about-page .experience-mobile-caption{display:none}
@media(max-width:1100px){.about-page .about-hero-grid{gap:40px;grid-template-columns:1.15fr 1fr}.about-page .about-hero-copy h1{font-size:46px;line-height:52px}.about-page .experience-proof{padding:32px}.about-page .experience-number strong{font-size:92px;line-height:104px}.about-page .experience-number span{font-size:26px}.about-page .experience-ambient{right:24px;top:32px}.about-page .about-reality-panel{gap:40px}.about-page .about-toolkit-panel{grid-template-columns:1fr;gap:24px}.contact-page .contact-layout{column-gap:48px;grid-template-columns:.8fr 1.2fr}.contact-page .contact-fields{gap:20px}.legal-page .legal-layout{grid-template-columns:200px minmax(0,1fr);gap:48px}}
@media(max-width:760px){.about-page .about-hero{padding-top:40px;padding-bottom:48px}.about-page .about-hero-grid{grid-template-columns:1fr;gap:32px}.about-page .about-hero-copy{gap:24px}.about-page .about-hero-copy h1,.contact-page h1,.legal-page h1{font-size:34px;line-height:40px;letter-spacing:0}.about-page .about-hero-copy .about-description{font-size:16px;line-height:25px}.about-page .about-hero-copy .button-primary{width:100%;min-width:0}.about-page .experience-proof{padding:24px;gap:24px;border-radius:24px}.about-page .experience-number{gap:12px}.about-page .experience-number strong{font-size:80px;line-height:88px;letter-spacing:-1.2px}.about-page .experience-number span{font-size:26px;line-height:34px}.about-page .experience-statement{gap:12px}.about-page .experience-statement>p{font-size:20px;line-height:28px}.about-page .experience-caption{font-size:12px;line-height:20px}.about-page .experience-ambient{width:172px;height:172px;right:24px;top:34px}.about-page .about-reality{padding-top:0;padding-bottom:48px}.about-page .about-reality-panel{grid-template-columns:1fr;gap:24px;padding:24px}.about-page h2{font-size:28px;line-height:34px;letter-spacing:-.6px}.about-page .about-reality-copy p{font-size:15px;line-height:24px}.about-page .about-principles{padding-top:0;padding-bottom:48px}.about-page .principles-grid{grid-template-columns:1fr;gap:24px;margin-top:24px}.about-page .principle h3{font-size:18px;line-height:26px}.about-page .about-toolkit,.about-page .about-closing{padding-bottom:40px}.about-page .about-toolkit-panel{padding:24px;gap:24px}.about-page .about-toolkit-panel h2{font-size:24px;line-height:32px;letter-spacing:-.3px}.about-page .about-toolkit-panel p{font-size:15px;line-height:24px}.about-page .about-product-links{grid-template-columns:1fr;gap:12px}.about-page .about-closing-panel{grid-template-columns:1fr;gap:24px;padding:24px}.about-page .about-closing-panel h2{font-size:28px;line-height:34px;letter-spacing:-.6px}.about-page .about-closing-panel p{font-size:15px;line-height:24px}.contact-page .contact-main{padding-top:40px;padding-bottom:40px}.contact-page .contact-layout{grid-template-columns:1fr;gap:32px}.contact-page .contact-intro{grid-column:1;grid-row:1}.contact-page .contact-intro>p:last-child{font-size:16px;line-height:25px}.contact-page .contact-form-panel{grid-column:1;grid-row:2;padding:24px;gap:24px}.contact-page .contact-details{grid-column:1;grid-row:3;gap:24px}.contact-page .contact-form-panel h2{font-size:22px;line-height:30px}.contact-page .contact-fields{grid-template-columns:1fr;gap:20px}.contact-page .contact-form .button-primary{width:100%;min-width:0}.contact-page .contact-access{padding-bottom:48px}.contact-page .contact-access-panel{flex-direction:column;align-items:stretch;padding:24px;gap:24px}.contact-page .contact-access-panel h2{font-size:24px;line-height:32px}.contact-page .contact-access-panel .button-primary{min-width:0;width:100%}.contact-page .contact-email>a{font-size:18px;line-height:28px}.legal-page .legal-intro{padding-top:40px;padding-bottom:32px}.legal-page .legal-intro-inner{gap:16px}.legal-page .legal-intro p:not(.eyebrow){font-size:15px;line-height:24px}.legal-page .legal-intro p.legal-date{font-size:12px;line-height:20px}.legal-page .legal-layout{grid-template-columns:1fr;gap:40px;padding-bottom:48px}.legal-page .legal-contents{padding:20px;border-radius:16px;background:#15171b}.legal-page .legal-article{gap:32px}.legal-page .legal-article h2{font-size:22px;line-height:30px}.legal-page .legal-article p{font-size:15px;line-height:24px}.legal-page .legal-questions{padding:20px}.legal-page .legal-questions h2{font-size:20px;line-height:28px}.legal-page .cookie-preferences{padding:20px;gap:16px;border-radius:24px}.legal-page .cookie-category{padding:16px}.legal-page .cookie-preferences p{font-size:14px;line-height:22px}.legal-page .cookie-preferences .cookie-help{font-size:12px;line-height:18px}.legal-page .cookie-preferences-actions{grid-template-columns:1fr;gap:8px}}

/* About editorial proof: follows the approved desktop and mobile Figma composition. */
@media(max-width:1100px){
 .about-page .about-editorial-intro{gap:40px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
 .about-page .about-editorial-title h1{font-size:48px;line-height:56px}
 .about-page .experience-band{grid-template-columns:180px minmax(0,1fr);gap:40px}
 .about-page .experience-lesson,.about-page .experience-column-heads{gap:16px}
 .about-page .experience-lesson>p,.about-page .experience-lesson h3{font-size:16px;line-height:24px}
}
@media(max-width:760px){
 .about-page .about-hero{gap:0;padding-top:40px;padding-bottom:48px}
 .about-page .about-editorial-intro,.about-page .about-intro-narrative{display:contents}
 .about-page .about-editorial-title{order:1;gap:16px;margin-bottom:24px}
 .about-page .about-editorial-title h1{font-size:34px;line-height:40px;letter-spacing:0}
 .about-page .about-intro-narrative>p{order:2;font-size:16px;line-height:26px;margin-bottom:32px}
 .about-page .about-intro-narrative .button-primary{order:4;margin-top:32px;min-width:0;width:100%}
 .about-page .experience-band{order:3;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:24px 0}
 .about-page .experience-industry{display:flex;flex-direction:row;align-items:center;gap:24px}
 .about-page .experience-context{display:none}
 .about-page .experience-industry>strong{font-size:64px;line-height:72px;flex:0 0 128px}
 .about-page .experience-industry>div{display:flex;flex-direction:column;gap:4px}
 .about-page .experience-industry>div>p{font-weight:600;font-size:20px;line-height:26px}
 .about-page .experience-industry span{display:block}
 .about-page .experience-column-heads{display:none}
 .about-page .experience-lessons{gap:8px}
 .about-page .experience-mobile-caption{display:block;color:#7e9fff;line-height:18px}
 .about-page .experience-lesson{grid-template-columns:16px minmax(0,1fr);gap:6px 12px;padding:16px 0}
 .about-page .experience-lesson>p{grid-column:1/-1;font-size:14px;line-height:20px}
 .about-page .experience-lesson>span{grid-column:1;line-height:24px}
 .about-page .experience-lesson h3{grid-column:2;font-size:18px;line-height:24px}
}
@media(max-width:360px){.about-page .experience-industry{gap:16px}.about-page .experience-industry>strong{flex-basis:112px}.about-page .experience-industry span{font-size:9px}}