/* Six chapters for developers and sales teams, in the Post-Chat visual language. */
body.developer-home [hidden]{display:none!important}
body.developer-home #main.pc-track{scroll-snap-type:x mandatory}
body.developer-home .df-chapter{display:grid;gap:clamp(24px,4vw,64px);padding:34px var(--pc-pad)!important}
body.developer-home .df-chapter h2{font-size:clamp(39px,min(5.3vw,10.8dvh),80px);margin:22px 0;line-height:.96}
body.developer-home .df-chapter p{font-size:14px;line-height:1.8;max-width:38em}
.df-kicker{display:flex;align-items:center;gap:12px;font:9px/1.6 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--pc-blue)}
.df-kicker:before{content:"";width:7px;height:7px;background:currentColor;flex:none}
.df-section-copy{display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:24px}
.df-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;align-self:flex-start;background:none;border:0;border-bottom:1px solid var(--pc-hair);padding:11px 0;min-height:44px;font:12px/1.5 "Space Grotesk",sans-serif;color:var(--pc-blue);text-decoration:none}
.df-link>span{font-size:22px;line-height:1}
.df-link:hover{border-color:var(--pc-blue)}
.df-caption{display:block;font:9px/1.8 "IBM Plex Mono",monospace;color:var(--pc-muted);letter-spacing:.02em}
.df-small-rule{display:flex;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid var(--pc-hair);font:8px/1.6 "IBM Plex Mono",monospace;color:var(--pc-muted);text-transform:uppercase;letter-spacing:.06em}
.df-small-rule a{color:var(--pc-blue)}
body.developer-home .df-opening{grid-template-columns:56% 44%;gap:0;padding:0!important}
.df-opening-copy{padding:34px var(--pc-pad);display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
body.developer-home .df-opening h1{font-size:clamp(54px,min(7.2vw,12.8dvh),112px);line-height:.94;letter-spacing:-.04em;margin:22px 0}
body.developer-home .df-opening p{max-width:410px;margin:0 0 13px;font-size:14px}
.df-main-link{min-width:185px}
.df-placeholder{position:relative;background:#CBD5BC;border:1px solid var(--pc-hair);margin:0;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:260px;padding:23px;color:var(--pc-ink);overflow:hidden}
.df-placeholder:before,.df-placeholder:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--pc-blue);border-style:solid;pointer-events:none;opacity:.5}
.df-placeholder:before{top:10px;left:10px;border-width:1px 0 0 1px}
.df-placeholder:after{bottom:10px;right:10px;border-width:0 1px 1px 0}
.df-hero-placeholder{border:0;border-left:1px solid var(--pc-hair);height:100%;padding:34px 30px}
.df-slot-top{display:flex;justify-content:space-between;gap:20px;font:8px/1.6 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--pc-muted)}
.df-slot-center{text-align:center;margin:25px auto;padding:15px;max-width:100%;position:relative}
.df-cross{display:block;font:300 36px/1 "Space Grotesk",sans-serif;color:var(--pc-blue);margin-bottom:27px;opacity:.65}
.df-slot-center strong{display:block;font:500 clamp(19px,2.1vw,31px)/1.2 "Space Grotesk",sans-serif;letter-spacing:-.03em}
.df-slot-center :is(strong,p){white-space:pre-line}
body.developer-home .df-slot-center p{font:10px/1.9 "IBM Plex Mono",monospace;color:var(--pc-muted);margin:18px 0 0}
.df-placeholder figcaption{font:8px/1.6 "IBM Plex Mono",monospace;color:var(--pc-muted);border-top:1px solid var(--pc-hair);padding-top:14px;display:flex;justify-content:space-between;gap:15px}
body.developer-home .df-transformation{grid-template-columns:.85fr 1.3fr;align-items:stretch}
.df-view-sequence{min-height:0;display:grid;grid-template-rows:1fr auto;gap:15px}
.df-plan-placeholder{height:100%}
.df-view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.df-view-tabs button{display:flex;gap:12px;align-items:center;border:0;border-top:1px solid var(--pc-hair);color:var(--pc-muted);background:none;padding:16px 0;font:9px "IBM Plex Mono",monospace;text-align:left;min-height:50px}
.df-view-tabs button span{font:500 15px "Space Grotesk",sans-serif}
.df-view-tabs button[aria-selected=true]{border-top:2px solid var(--pc-blue);color:var(--pc-blue);padding-top:15px}
body.developer-home .df-exploration{grid-template-columns:1fr 1.15fr}
.df-exploration-visual{min-height:0;display:grid;grid-template-rows:1fr auto;gap:13px}
.df-tour-placeholder{background:#C5D0B6}
.df-target{border:1px solid var(--pc-hair);border-radius:50%;width:65px;height:65px;line-height:60px;margin:0 auto 28px}
body.developer-home .df-under-note{font:9px/1.7 "IBM Plex Mono",monospace;margin:0;max-width:none}
body.developer-home .df-work{display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.df-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
body.developer-home .df-section-head h2{font-size:clamp(36px,min(4.6vw,8.8dvh),66px);margin:16px 0 0}
body.developer-home .df-section-head>p{max-width:330px;font-size:12px;margin-bottom:0}
.df-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.df-work-item{display:block;min-width:0;color:inherit}
.df-work-placeholder{height:clamp(155px,27dvh,300px);background:#CBD5BC;border:1px solid var(--pc-hair);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;transition:background .2s}
.df-work-item:nth-child(2) .df-work-placeholder{background:#D3DAC5}
.df-work-item:nth-child(3) .df-work-placeholder{background:#C4CFB9}
.df-work-placeholder>span:first-child{position:absolute;top:13px;left:14px;font:7px/1.5 "IBM Plex Mono",monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--pc-muted)}
.df-work-placeholder .df-cross{font-size:26px;margin:20px 0 13px}
.df-work-placeholder strong{font:500 16px "Space Grotesk",sans-serif;letter-spacing:-.02em}
body.developer-home .df-work-placeholder p{font:8px/1.8 "IBM Plex Mono",monospace;margin:10px 0 0}
.df-work-caption{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:17px}
body.developer-home .df-work-caption h3{font-size:22px;margin:0}
.df-work-caption>span{font-size:24px;color:var(--pc-blue)}
body.developer-home .df-work-item>p{font-size:11px;line-height:1.7;margin:9px 0 0}
.df-work-item:hover .df-work-placeholder{background:#BECBB1}
body.developer-home .df-commission{grid-template-columns:1fr 1.12fr}
.df-commission-details{display:flex;flex-direction:column;justify-content:center;gap:30px}
.df-service{width:100%;display:grid;grid-template-columns:25px 1fr 24px;gap:20px;border:0;border-top:1px solid var(--pc-hair);padding:21px 0;text-align:left;color:var(--pc-ink);background:none}
.df-service:last-child{border-bottom:1px solid var(--pc-hair)}
.df-service-number{font:9px "IBM Plex Mono",monospace;color:var(--pc-blue);padding-top:5px}
.df-service strong{display:block;font:500 clamp(20px,2.2vw,32px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.03em}
.df-service small{display:block;font:11px/1.7 "Space Grotesk",sans-serif;color:var(--pc-muted);margin-top:9px}
.df-service>span:last-child{font-size:25px;color:var(--pc-blue)}
.df-service:hover strong{color:var(--pc-blue)}
.df-process ol{display:flex;justify-content:space-between;list-style:none;padding:0;margin:13px 0 0;gap:15px;font-size:11px}
.df-process li span{display:block;font:8px "IBM Plex Mono",monospace;color:var(--pc-blue);margin-bottom:9px}
body.developer-home .df-enquiry{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;background:var(--pc-blue)!important;color:var(--pc-bg);gap:20px 6%}
.df-enquiry-copy{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
body.developer-home .df-enquiry h2{font-size:clamp(38px,min(5.1vw,10dvh),78px);margin:23px 0}
body.developer-home .df-enquiry :is(p,.df-kicker,.df-caption,.df-link,.pc-period){color:var(--pc-bg)}
.df-enquiry .df-link{border-color:#DCE3CD66}
.df-enquiry-panel{min-width:0;align-self:center}
.df-form-kicker{font:8px "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:18px}
.df-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.df-enquiry label{display:flex;flex-direction:column;gap:7px;font:11px "Space Grotesk",sans-serif;margin-bottom:15px}
.df-enquiry label small{opacity:.65;font-size:9px}
.df-enquiry :is(input,textarea,select){width:100%;min-width:0;border:1px solid #DCE3CD66;border-radius:0;background:#DCE3CD08;color:var(--pc-bg);padding:11px;font:13px "Space Grotesk",sans-serif;min-height:43px}
.df-enquiry textarea{min-height:80px;resize:vertical}
.df-enquiry :is(input,textarea)::placeholder{color:#DCE3CDAA;font-size:11px}
.df-enquiry select{background:var(--pc-blue);padding:7px 9px}
.df-interest-line{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;font:9px "IBM Plex Mono",monospace;margin-bottom:14px}
.df-enquiry :focus-visible{outline-color:var(--pc-bg)!important}
.df-submit{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;min-height:45px;border:1px solid var(--pc-bg);background:var(--pc-bg);color:var(--pc-blue);font:12px "Space Grotesk",sans-serif;padding:11px 15px}
.df-submit>span{font-size:23px;line-height:1}
.df-submit:hover{background:transparent;color:var(--pc-bg)}
body.developer-home .df-enquiry .df-preview-note{font:8px/1.7 "IBM Plex Mono",monospace;opacity:.7;margin:12px 0 0}
.df-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #DCE3CD55;padding-top:16px;font:8px/1.7 "IBM Plex Mono",monospace}
.df-footer nav{display:flex;gap:22px}
body.developer-home .df-brief-review h3{font-size:38px;margin:0 0 15px;color:var(--pc-bg)}
body.developer-home .df-brief-review>p{font-size:12px}
.df-brief-review dl{margin:20px 0;max-height:190px;overflow:auto;border-block:1px solid #DCE3CD55;padding:13px 0}
.df-brief-review dt{font:8px "IBM Plex Mono",monospace;text-transform:uppercase;opacity:.65;margin-top:12px}
.df-brief-review dt:first-child{margin-top:0}
.df-brief-review dd{font:12px/1.6 "Space Grotesk",sans-serif;margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.df-brief-review .df-link{margin-top:8px}
.df-tour-dialog{position:fixed;inset:0;margin:auto;width:calc(100vw - 80px);max-width:1200px;max-height:calc(100dvh - 60px);padding:27px 32px;border:1px solid var(--pc-hair);background:var(--pc-bg);color:var(--pc-ink);overflow:auto}
.df-tour-dialog::backdrop{background:#24402E88;backdrop-filter:blur(5px)}
.df-tour-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--pc-hair);padding-bottom:20px}
.df-dialog-close{width:40px;height:40px;font:28px Arial;background:none;color:var(--pc-ink);border:1px solid var(--pc-hair)}
.df-tour-dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:28px}
body.developer-home .df-tour-dialog h2{font-size:clamp(40px,5vw,72px);margin:24px 0}
body.developer-home .df-tour-dialog p{font-size:12px;line-height:1.8}
body.developer-home .df-dialog-placeholder .df-slot-center p{font-size:9px}
.df-tour-dialog .df-dialog-placeholder{min-height:340px}
body.developer-home.pc-dark :is(.pc-scroll-hint,.pc-section-name){color:var(--pc-bg)}
@media(min-width:761px) and (max-height:680px){
 body.developer-home .df-chapter{padding-block:23px!important}
 .df-opening-copy{padding-block:23px}
 body.developer-home .df-opening h1{font-size:12.5dvh;margin:17px 0}
 body.developer-home .df-chapter p{font-size:12px}
 body.developer-home .df-slot-center p{font-size:9px}
 .df-service{padding:17px 0}
 .df-service small{font-size:10px}
 .df-commission-details{gap:22px}
 .df-enquiry :is(input,textarea,select){padding:8px;min-height:36px}
 .df-enquiry textarea{min-height:66px}
 .df-enquiry label{margin-bottom:11px;gap:5px}
 .df-enquiry .df-form-kicker{margin-bottom:12px}
 .df-enquiry .df-interest-line{margin-bottom:10px}
 .df-footer{padding-top:12px}
}
@media(max-width:980px) and (min-width:761px){
 body.developer-home .df-opening h1{font-size:min(7.2vw,12dvh)}
 .df-opening-copy .df-small-rule span:last-child{display:none}
 .df-work-caption h3{font-size:18px!important}
 .df-work-placeholder{padding-inline:10px}
 .df-work-placeholder strong{font-size:13px}
 .df-service{gap:12px}
 .df-service strong{font-size:23px}
}
@media(max-width:760px){
 body.developer-home .df-chapter{display:flex;flex-direction:column;gap:28px;padding:26px 25px!important;overflow-y:auto}
 body.developer-home .df-opening{display:flex;padding:0!important;gap:0}
 .df-opening-copy{padding:26px 25px;min-height:390px;flex:none;gap:20px}
 body.developer-home .df-opening h1{font-size:clamp(54px,14.2vw,83px);margin:21px 0}
 body.developer-home .df-opening p{font-size:12px}
 .df-opening-copy .df-small-rule{margin-top:15px;font-size:6px;gap:15px}
 .df-hero-placeholder{height:320px;min-height:320px;flex:none;border:0;border-top:1px solid var(--pc-hair);padding:23px 25px}
 .df-kicker{font-size:7px;gap:9px}
 body.developer-home .df-chapter h2{font-size:43px;margin:21px 0}
 body.developer-home .df-chapter p{font-size:12px}
 .df-section-copy{gap:20px;flex:none}
 .df-section-copy>div>p:last-child{margin-bottom:0}
 .df-section-copy>.df-link{margin-top:0}
 .df-link{font-size:11px;min-height:42px}
 .df-placeholder{min-height:300px;flex:none;padding:22px}
 .df-slot-center strong{font-size:24px}
 body.developer-home .df-slot-center p{font-size:9px}
 .df-slot-top{font-size:7px}
 .df-view-sequence{min-height:385px;flex:none;gap:10px}
 .df-view-tabs button{font-size:8px;gap:8px;min-height:50px;padding:13px 0}
 .df-view-tabs button[aria-selected=true]{padding-top:12px}
 .df-view-tabs button span{font-size:12px}
 .df-view-tabs{gap:12px}
 .df-exploration-visual{flex:none;min-height:350px}
 body.developer-home .df-under-note{font-size:8px}
 .df-section-head{display:block;flex:none}
 body.developer-home .df-section-head h2{font-size:39px}
 body.developer-home .df-section-head>p{margin-top:21px;max-width:none}
 .df-work-grid{display:flex;flex-direction:column;gap:30px}
 .df-work-placeholder{height:230px}
 .df-work-placeholder strong{font-size:19px}
 body.developer-home .df-work-placeholder p{font-size:9px}
 .df-work-placeholder>span:first-child{font-size:8px}
 .df-work-caption h3{font-size:24px!important}
 .df-small-rule{font-size:7px;gap:20px;flex-wrap:wrap}
 .df-commission-details{gap:25px;flex:none}
 .df-service{padding:22px 0;gap:14px}
 .df-service strong{font-size:25px}
 .df-service small{font-size:11px}
 .df-process ol{font-size:10px}
 body.developer-home .df-enquiry{display:flex;gap:35px}
 body.developer-home .df-enquiry h2{font-size:46px}
 .df-enquiry-copy{gap:23px}
 .df-enquiry-panel{width:100%;flex:none}
 .df-form-pair{grid-template-columns:1fr}
 .df-enquiry :is(input,textarea,select){font-size:16px;min-height:44px}
 .df-enquiry label{font-size:12px;margin-bottom:17px}
 .df-enquiry textarea{min-height:100px}
 .df-enquiry .df-preview-note{font-size:8px}
 .df-interest-line{font-size:8px;gap:12px}
 .df-footer{display:flex;flex-direction:column;gap:17px;font-size:8px;padding-top:20px;flex:none}
 .df-footer nav{gap:22px;flex-wrap:wrap}
 .df-tour-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}
 .df-tour-dialog-head{font-size:6px;gap:13px;padding-bottom:15px}
 .df-tour-dialog-body{display:flex;flex-direction:column;gap:25px;padding-top:23px}
 body.developer-home .df-tour-dialog h2{font-size:43px}
 .df-tour-dialog .df-dialog-placeholder{min-height:300px}
 .df-dialog-close{flex:none}
 .df-brief-review dl{max-height:none}
}