/* PeopleIndex — a coordinated rhythm of ink, blue, cyan and clear product surfaces. */
:root{--theme-space:var(--pi-layout-section-space,clamp(76px,7.5vw,112px));--theme-cyan-wash:var(--pi-color-cyan-wash,#E8F9FC);--theme-blue-wash:var(--pi-color-blue-wash,#EFF6FF);--theme-max:var(--pi-layout-max,1320px)}
.container{width:min(var(--theme-max),calc(100% - 112px))}
html{scroll-padding-top:var(--pi-space-96)}
.site-header{height:78px;background:var(--pi-white);color:var(--ink);border-bottom:1px solid var(--line)}
.header-inner{gap:var(--pi-space-32)}.site-header .brand{font-size:23px;letter-spacing:-1px}
.desktop-nav{gap:31px}.desktop-nav a{font-size:12px;font-weight:500;color:var(--ink);position:relative}
.desktop-nav a:hover{color:var(--blue-text)}
.header-cta{background:var(--ink);color:var(--pi-white);border-radius:var(--pi-radius-4);font-size:12px;margin-left:var(--pi-space-20);padding:13px 18px;min-height:44px}
.header-cta:hover{background:var(--blue-text);color:var(--pi-white)}
.site-header :focus-visible{outline-color:var(--blue-text)}
.menu-toggle span{background:var(--ink)}.mobile-nav{background:var(--pi-white);border-color:var(--line);box-shadow:0 15px 30px var(--pi-alpha-ink-14)}.mobile-nav a{color:var(--ink);border-color:var(--line)}
.button{border-radius:var(--pi-radius-5);min-height:54px;font-size:13px}.button:hover{transform:translateY(-1px)}
/* Bright brand-blue opening; the real workspace stays on a clear white surface. */
.launch{padding-top:86px;background:var(--blue);color:var(--pi-white)}
.hero-heading{grid-template-columns:minmax(0,1fr) 320px;gap:70px;align-items:end;margin-bottom:58px}
.hero-kicker{display:flex;align-items:center;gap:var(--pi-space-12);font-size:10px;letter-spacing:1.5px;color:var(--pi-color-black);margin-bottom:27px;font-weight:650}
.hero-kicker:before{content:"";display:block;width:7px;height:7px;background:var(--cyan);box-shadow:5px -5px 0 var(--pi-white);flex-shrink:0}
.launch h1{font-size:clamp(68px,7.5vw,112px);font-weight:550;line-height:1.025;letter-spacing:-5.8px;color:var(--pi-white)}
.launch h1>span{color:var(--pi-white)}
.hero-intro{padding-bottom:var(--pi-space-4)}.hero-intro>p{font-size:19px;line-height:1.65;font-weight:450;letter-spacing:-.2px;color:var(--pi-color-black);margin-bottom:28px}
.hero-intro .button{background:var(--pi-white);color:var(--ink);font-size:13px;padding:17px 19px}.hero-intro .button:hover{background:var(--cyan)}
.hero-text-link{color:var(--pi-color-black);font-size:12px;font-weight:500;margin-top:var(--pi-space-12);min-height:40px}.hero-text-link span{color:var(--pi-color-black)}
.product-stage{border-radius:var(--pi-radius-12);box-shadow:0 25px 60px -25px var(--pi-alpha-ink-66);border:1px solid var(--pi-alpha-white-40);color:var(--ink)}
.stage-heading{background:var(--pi-white);border-bottom:1px solid var(--line);padding:18px 23px}.stage-heading strong{font-size:12px}.stage-heading>span{font-size:11px;color:var(--body)}
.stage-foot{background:var(--pi-white);color:var(--body)}
.hero-bottom{color:var(--pi-color-black);padding:27px 0 31px;font-size:12px;font-weight:600}.hero-bottom a{gap:35px}.hero-bottom a span{font-size:24px}
/* A short cyan interval separates the product from the student story. */
.relief.container{width:100%;max-width:none;margin:0;background:var(--cyan);padding:61px max(var(--pi-space-56),calc((100% - 1320px)/2)) 35px;color:var(--ink)}
.relief .eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--ink)}
.relief>div:not(.relief-line){grid-template-columns:1.2fr 1fr;gap:90px;margin-top:var(--pi-space-24);align-items:start}
.relief h2{font-size:clamp(32px,3.1vw,45px);font-weight:600;line-height:1.13;letter-spacing:-1.8px;max-width:600px}
.relief>div>p{font-size:15px;color:var(--ink);line-height:1.8;max-width:455px}
.relief-line{border-color:var(--pi-alpha-ink-36);padding-top:22px;margin-top:34px;font-size:11px;gap:30px}
.relief-line>span:first-child{color:var(--ink);font-weight:400}.relief-line>span:nth-child(2){color:var(--ink);font-weight:750}.relief-line>a{font-size:11px;color:var(--ink)}
/* The open team file has a spacious, bright editorial setting. */
.team-experience{padding:var(--theme-space) 0 78px;background:var(--pi-white);border:0}
.team-editorial-heading{gap:60px;margin-bottom:var(--pi-space-48)}.team-editorial-heading .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:25px}
.team-editorial-heading h2{font-size:clamp(57px,5.6vw,82px);font-weight:550;letter-spacing:-4px;line-height:1.06}
.team-heading-aside{width:235px}.team-heading-aside p{font-size:15px;line-height:1.8}
.team-file-tab{background:var(--ink);min-height:51px;letter-spacing:1px;font-size:9px}
.team-file-body{border-color:var(--line-strong,#DEE1E5)}.team-film-content{background:var(--pi-color-team-film)}
.team-role-tabs{margin-top:var(--pi-space-32);border-top-color:var(--line-strong,#DEE1E5)}.team-role-tabs button{padding-top:var(--pi-space-24);padding-bottom:19px;color:var(--body)}
.team-chapter-title{font-weight:550;font-size:clamp(27px,2.6vw,37px)}
.team-section-foot{margin-top:25px;padding-top:23px}.team-section-foot p{font-size:12px}.team-section-foot>span{font-size:10px;color:var(--body)}
.team-context-excerpt{color:var(--ink)}.team-native-activity:before{background:var(--line-strong,#DEE1E5)}.team-activity-node{box-shadow:0 0 0 4px var(--pi-color-team-film)}
/* Black keeps normal-size chapter copy readable on exact brand blue. */
@media(max-width:1100px){.team-experience .team-chapter-spine h3{color:var(--pi-color-black)}}
/* Three brand promises form one confident blue interlude. */
.principles{padding:58px 0 78px;background:var(--blue);color:white;border:0}
.principles-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:29px;border-bottom:1px solid #0003;margin-bottom:var(--pi-space-40);color:var(--pi-color-black)}
.principles-intro .eyebrow{font-size:10px;letter-spacing:1.3px}.principles-intro>span{font-size:12px;font-weight:500}
.principles-grid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.principles article{position:relative;display:block;padding:0 44px;border-right:1px solid #0003}
.principles article:first-child{padding-left:0}.principles article:last-child{padding-right:0;border:0}
.principle-index{position:absolute;right:30px;top:0;font:400 11px/1.5 var(--pi-font-interface);color:var(--pi-color-black)}
.principle-symbol{transform:scale(1.18);transform-origin:top left;height:54px;margin-top:var(--pi-space-4)}
.principles .principle-symbol i{background:var(--pi-white)}
.principles .together-symbol i:first-child{background:var(--cyan)}.principles .together-symbol i:nth-child(3){border-color:var(--ink);background:var(--blue)}
.principles .comfort-symbol i{border-color:var(--pi-white);background:transparent}.principles .comfort-symbol i:nth-child(2){background:var(--pi-white)}.principles .comfort-symbol i:last-child{background:var(--cyan);border-color:var(--cyan)}
.principles .value-symbol i:first-child{border-color:var(--pi-white);background:transparent}.principles .value-symbol i:last-child{background:var(--cyan)}
.principles h2{color:var(--pi-white);font-size:clamp(31px,3vw,43px);font-weight:550;line-height:1.15;letter-spacing:-1.8px;margin-top:25px}
.principles p{font-size:14px;color:var(--pi-color-black);font-weight:450;line-height:1.8;margin-top:var(--pi-space-20);max-width:310px}
@media(max-width:1200px){
 .container{width:calc(100% - 80px)}.relief.container{padding-inline:var(--pi-space-40)}.hero-heading{grid-template-columns:minmax(0,1fr) 280px;gap:var(--pi-space-48)}.launch h1{font-size:80px;letter-spacing:-4.5px}.hero-intro>p{font-size:17px}.desktop-nav{gap:22px}.header-cta{margin-left:var(--pi-space-8)}.principles article{padding-inline:30px}.team-editorial-heading h2{font-size:67px}.team-film-content{padding-inline:30px}
}
@media(max-width:1000px){
 .container{width:calc(100% - 64px)}.relief.container{padding-inline:var(--pi-space-32)}.header-inner{gap:22px}.site-header .brand{font-size:21px}.desktop-nav a{font-size:11px}.desktop-nav{gap:var(--pi-space-20)}.header-cta{font-size:11px;gap:var(--pi-space-16);padding:var(--pi-space-12) 14px;margin-left:0}.launch{padding-top:68px}.hero-heading{grid-template-columns:minmax(0,1fr) 245px;gap:35px;margin-bottom:42px}.launch h1{font-size:69px;letter-spacing:-3.7px}.hero-kicker{font-size:9px;letter-spacing:1px}.hero-intro>p{font-size:16px}.hero-intro .button{font-size:11px;padding:15px}.hero-text-link{font-size:11px}.relief>div:not(.relief-line){gap:45px}.relief h2{font-size:36px}.relief>div>p{font-size:14px}.team-editorial-heading h2{font-size:57px;letter-spacing:-3px}.team-heading-aside{width:190px}.team-heading-aside p{font-size:14px}.principles article{padding-inline:var(--pi-space-24)}.principles h2{font-size:32px}.principles p{font-size:13px}.principle-index{right:20px}
}
@media(max-width:800px){
 .site-header{height:72px}.desktop-nav{display:none}.header-cta{margin-left:auto}.hero-heading{grid-template-columns:1fr;gap:30px}.hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;max-width:560px}.hero-intro>p{grid-column:1/-1;font-size:17px;margin:0 0 9px;max-width:490px}.hero-intro .button{grid-column:1}.hero-text-link{grid-column:2;margin:0;justify-content:space-between;align-self:center}.launch h1{font-size:78px}.launch{padding-top:60px}.hero-kicker{margin-bottom:var(--pi-space-24)}.relief>div:not(.relief-line){grid-template-columns:1fr;gap:22px}.relief>div>p{max-width:570px;justify-self:start}.relief-line{flex-wrap:wrap;gap:17px var(--pi-space-24)}.relief-line>a{margin-left:0}.team-editorial-heading h2{font-size:52px}.team-heading-aside{width:170px}.team-heading-aside svg{width:42px;height:42px}.team-heading-aside p{font-size:13px}.team-film-content{padding-inline:25px}.principles article,.principles article:first-child,.principles article:last-child{display:block;padding:0 22px;border-right:1px solid #0003;border-bottom:0}.principles article:first-child{padding-left:0}.principles article:last-child{padding-right:0;border:0}.principles h2{font-size:27px;letter-spacing:-1px}.principles p{font-size:12px}.principle-symbol{transform:scale(1);height:45px}.principles-intro>span{font-size:11px}
}
@media(max-width:650px){
 .team-editorial-heading{display:block;gap:0;margin-bottom:30px}.team-editorial-heading h2{font-size:clamp(39px,8.7vw,55px);letter-spacing:-2px}.team-heading-aside{width:auto;display:flex;gap:var(--pi-space-12);margin-top:21px}.team-heading-aside svg{width:28px;height:28px}.team-heading-aside p{font-size:12px}.team-role-tabs{margin-top:0}.team-role-tabs button{color:var(--body)}.team-film-content{padding-inline:var(--pi-space-20)}.team-section-foot p{font-size:11px}.team-section-foot>span{font-size:9px}.team-chapter-title{font-size:18px}.team-role-tabs{background:var(--blue-wash)}
}
@media(max-width:600px){
 :root{--theme-space:60px}.container{width:calc(100% - 40px)}.site-header{height:66px}.site-header .brand{font-size:19px;gap:6px}.header-inner{gap:9px}.brand img{width:28px;height:28px}.header-cta{font-size:9px;padding:10px 11px;gap:10px;min-height:40px}.menu-toggle{width:32px;padding:var(--pi-space-8) 5px;margin-right:calc(-1 * var(--pi-space-4))}.launch{padding-top:47px;background:var(--blue)}.hero-heading{gap:25px;margin-bottom:35px}.hero-kicker{font-size:8px;letter-spacing:.8px;gap:10px;margin-bottom:22px}.launch h1{font-size:clamp(47px,11.5vw,68px);letter-spacing:-2.6px;line-height:1.06}.hero-intro{gap:var(--pi-space-8) var(--pi-space-16)}.hero-intro>p{font-size:14px;font-weight:400;line-height:1.75;max-width:340px;margin-bottom:10px}.hero-intro .button{font-size:10px;min-height:46px;padding:13px var(--pi-space-12);gap:10px}.hero-text-link{font-size:10px;gap:10px;justify-content:flex-start}.product-stage{border-radius:var(--pi-radius-8)}.stage-heading{padding:15px}.stage-heading strong{font-size:11px}.hero-bottom{font-size:10px;padding:21px 0 25px;gap:var(--pi-space-20)}.hero-bottom>a{gap:19px}.hero-bottom>a span{font-size:20px}.relief.container{padding:43px var(--pi-space-20) 31px}.relief .eyebrow{font-size:9px;letter-spacing:1px}.relief>div:not(.relief-line){margin-top:22px;gap:var(--pi-space-20)}.relief h2{font-size:33px;line-height:1.15;letter-spacing:-1.5px}.relief>div>p{font-size:13px;line-height:1.85}.relief-line{margin-top:28px;padding-top:var(--pi-space-20);font-size:11px;gap:var(--pi-space-12)}.relief-line>a{width:100%;font-size:11px;min-height:34px}.team-experience{padding:60px 0 42px}.team-editorial-heading .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:22px}.principles{padding:36px 0 44px}.principles-intro{align-items:start;flex-direction:column;gap:10px;padding-bottom:var(--pi-space-24);margin-bottom:var(--pi-space-8)}.principles-intro .eyebrow{font-size:9px}.principles-intro>span{font-size:11px}.principles-grid{grid-template-columns:1fr}.principles article,.principles article:first-child,.principles article:last-child{display:grid;grid-template-columns:54px 1fr;gap:14px var(--pi-space-20);padding:29px 0;border-right:0;border-bottom:1px solid #0003}.principles article:last-child{border-bottom:0;padding-bottom:0}.principle-symbol{grid-row:1/3;margin-top:5px;transform:scale(.9);height:45px}.principle-index{top:30px;right:0;font-size:9px}.principles h2{font-size:31px;letter-spacing:-1.2px;margin:0;grid-column:2;padding-right:25px}.principles p{font-size:13px;margin:0;grid-column:2;max-width:330px;line-height:1.8}
}
@media(max-width:359px){
 .container{width:calc(100% - 32px)}.site-header .brand{font-size:17px;gap:5px}.site-header .brand img{width:27px;height:27px}.header-inner{gap:6px}.header-cta{padding:10px 9px;font-size:9px}.header-cta span{display:none}.launch h1{font-size:44px;letter-spacing:-2.5px}.hero-kicker{font-size:7px;letter-spacing:.7px}.hero-intro{grid-template-columns:1.2fr 1fr;gap:var(--pi-space-8) 10px}.hero-intro .button{font-size:9px;padding:var(--pi-space-12) 10px}.hero-text-link{font-size:9px}.relief.container{padding-inline:var(--pi-space-16)}.relief h2{font-size:30px}.team-editorial-heading h2{font-size:37px;letter-spacing:-1.8px}.team-film-content{padding-inline:14px}.principles h2{font-size:28px}.principles p{font-size:12px}
}
/* PEOPLEINDEX / PRODUCT SECTIONS
   Append after styles.css and workflow-showcase.css.
   Scope: student-story and workflows only. CRM cards, metric tiles and their
   internal typography remain untouched. The workflow section needs an inner
   .container wrapper rather than .container on the section itself. */

/* A calm place to open the record. */
.student-story {
  background:var(--blue-wash,#EFF6FF);
  border:0;
  padding:104px 0 110px;
  color:var(--ink,#111827);
}
.student-story .story-grid {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(var(--pi-space-48),7vw,100px);
  align-items:center;
}
.student-story .story-copy {min-width:0}
.student-story .story-copy .eyebrow {
  color:var(--blue-text,#1D4ED8);
  font-size:10px;
  letter-spacing:1.35px;
  line-height:1.65;
}
.student-story .story-copy h2 {
  font-size:clamp(38px,4.15vw,59px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-2.8px;
  margin-top:25px;
}
.student-story .story-copy h2 span {color:var(--blue,#1473F9)}
.student-story .story-copy>p:not(.eyebrow) {
  font-size:15px;
  line-height:1.8;
  max-width:440px;
  color:var(--body,#4B5563);
  margin-top:25px;
}
.student-story .story-tabs {
  display:block;
  border:0;
  margin-top:34px;
  width:100%;
  max-width:480px;
}
.student-story .story-tabs button,
.student-story .story-tabs button:not(:first-child) {
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-start;
  gap:var(--pi-space-16);
  padding:21px 17px;
  border:0;
  border-left:3px solid transparent;
  border-bottom:1px solid var(--line-strong,#DEE1E5);
  background:transparent;
  color:var(--ink,#111827);
  transition:background .18s,border-color .18s;
}
.student-story .story-tabs button[aria-selected=true] {
  background:var(--pi-white);
  border-left-color:var(--blue,#1473F9);
  border-bottom-color:transparent;
}
.student-story .story-tabs button>span {
  width:auto;
  flex:none;
  font:500 10px/1.5 var(--pi-font-interface);
  color:var(--body,#4B5563);
  padding-top:3px;
}
.student-story .story-tabs b {font-size:14px;line-height:1.5;font-weight:650}
.student-story .story-tabs small {
  color:var(--body,#4B5563);
  font-size:11px;
  line-height:1.75;
  margin-top:5px;
  max-width:310px;
}
.student-story .story-tabs i {display:block;font-size:21px;line-height:1.2;color:var(--body,#4B5563)}
.student-story .story-tabs [aria-selected=true]>span,
.student-story .story-tabs [aria-selected=true] b,
.student-story .story-tabs [aria-selected=true] i {color:var(--blue-text,#1D4ED8)}
.student-story .story-tabs button:hover {background:var(--pi-alpha-white-a8)}
.student-story .story-tabs button:hover b {text-decoration:none}
.student-story .story-tabs button:focus-visible {outline:2px solid var(--blue,#1473F9);outline-offset:-2px}
.student-story .story-product {width:100%;max-width:520px;min-width:0;justify-self:end}
.student-story .story-product-caption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 0 14px;
  margin-bottom:18px;
  border-bottom:1px solid var(--line-strong,#DEE1E5);
  font-size:9px;
  line-height:1.5;
  color:var(--body,#4B5563);
}
.student-story .story-product-caption>span:first-child {
  font-weight:700;
  letter-spacing:1px;
  color:var(--blue-text,#1D4ED8);
}
.student-story .story-record {
  border:1px solid var(--line-strong,#DEE1E5);
  border-radius:var(--pi-radius-12);
  box-shadow:0 20px 46px -28px var(--pi-alpha-blue-3d);
}
.student-story .story-footnote {
  color:var(--body,#4B5563);
  font-size:10px;
  line-height:1.7;
  margin-top:17px;
  max-width:470px;
}

/* Open workflow chapters on a subtle blue-to-cyan paper ground. */
.workflows {
  width:auto;
  max-width:none;
  margin:0;
  padding:var(--pi-space-96) 0 54px;
  background:linear-gradient(150deg,#F0F6FE 0%,#F7FAFD 48%,#EDFAFC 100%);
  color:var(--ink,#111827);
  border:0;
}
.workflows .section-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  align-items:end;
  gap:60px;
  margin:0 0 var(--pi-space-72);
}
.workflows .section-heading .eyebrow {color:var(--blue-text,#1D4ED8);font-size:10px;letter-spacing:1.35px}
.workflows .section-heading h2 {color:var(--ink,#111827);font-size:clamp(43px,4.6vw,66px);font-weight:600;line-height:1.08;letter-spacing:-3px;margin-top:23px}
.workflows .section-heading>p {color:var(--body,#4B5563);font-size:15px;line-height:1.8;max-width:290px;margin:0;padding-bottom:3px}
.workflows .workflow-gallery {
  display:grid;
  grid-template-columns:1fr;
  gap:88px;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
  margin:0;
}
.workflows .workflow-panel,
.workflows .workflow-panel:nth-child(even),
.workflows .workflow-panel:nth-last-child(-n+2) {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  align-items:center;
  gap:clamp(var(--pi-space-48),8vw,var(--pi-space-112));
  grid-column:auto;
  min-width:0;
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  color:var(--ink,#111827);
  box-shadow:none;
}
.workflows .workflow-panel:nth-child(even) {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.workflows .workflow-panel:nth-child(even) .workflow-panel-head {grid-column:2;grid-row:1}
.workflows .workflow-panel:nth-child(even) .workflow-visual {grid-column:1;grid-row:1}
.workflows .workflow-panel-head {padding:0;min-height:0;max-width:350px;justify-self:center;background:transparent;border:0}
.workflows .workflow-module {color:var(--blue-text,#1D4ED8);gap:10px}
.workflows .workflow-module [data-icon] {color:var(--blue,#1473F9);width:20px;height:20px;display:grid;place-items:center;flex:none;background:transparent;box-shadow:none}
.workflows .workflow-module svg {width:20px;height:20px}
.workflows .workflow-module small {font-size:9px;line-height:1.5;font-weight:700;letter-spacing:1.15px}
.workflows .workflow-panel-head h3 {color:var(--ink,#111827);font-size:clamp(32px,3.25vw,44px);line-height:1.12;letter-spacing:-1.75px;font-weight:550;margin-top:23px}
.workflows .workflow-panel-head p {font-size:15px;line-height:1.8;margin-top:19px;color:var(--body,#4B5563);max-width:310px}
.workflows .workflow-visual {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:17px;
  height:auto;
  min-height:366px;
  min-width:0;
  padding:33px var(--pi-space-32) 25px;
  position:relative;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:var(--pi-radius-14);
  background:var(--blue,#1473F9);
}
.workflows .workflow-panel:nth-child(even) .workflow-visual {background:var(--cyan,#15CFE0)}
.workflows .visual-leads,.workflows .visual-invoice {min-height:390px}
.workflows .workflow-visual:before,
.workflows .workflow-visual:after {content:none}
.workflows .workflow-scene-label,
.workflows .workflow-card-stack,
.workflows .workflow-visual .workflow-sample {width:344px;max-width:100%}
.workflows .workflow-scene-label {color:var(--pi-color-black);margin:0}
.workflows .workflow-scene-label b {font-size:12px;line-height:1.5;font-weight:600}
.workflows .workflow-scene-label>span {background:var(--pi-white);color:var(--body,#4B5563);font-size:10px;border:0}
.workflows .workflow-visual .workflow-sample {color:var(--pi-color-black);font-size:10px;line-height:1.6;padding-top:9px;margin-top:auto}
.workflows .workflow-panel-link {
  width:fit-content;
  padding:6px 0;
  min-height:44px;
  margin:26px 0 0;
  gap:23px;
  background:transparent;
  border:0;
  border-radius:0;
  color:var(--blue-text,#1D4ED8);
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  outline-offset:5px;
}
.workflows .workflow-panel-link>span {font-size:22px}
.workflows .workflow-panel-link:hover {background:transparent;color:var(--blue-text,#1D4ED8);text-decoration:underline;text-underline-offset:5px}
.workflows .workflow-panel-link:focus-visible {outline:2px solid var(--blue-text,#1D4ED8)}
.workflows .suite-roadmap {display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:18px 28px;border-top:1px solid var(--line,#E8EAED);margin-top:var(--pi-space-72);padding:25px 0 0}
.workflows .suite-roadmap>p {width:auto;font-size:12px;font-weight:600;margin:0;color:var(--ink,#111827)}
.workflows .suite-roadmap>span {display:flex;align-items:center;gap:var(--pi-space-8);color:var(--body,#4B5563);font-size:11px;line-height:1.6}
.workflows .suite-roadmap small {display:inline-block;width:auto;margin:0;padding:3px 6px;border:1px solid var(--line,#E8EAED);border-radius:var(--pi-radius-3);background:var(--pi-white);color:var(--body,#4B5563);font-size:8px;line-height:1.5}
.workflows .suite-roadmap a {width:auto;min-height:40px;font-size:11px;font-weight:500;color:var(--blue-text,#1D4ED8);margin-left:auto}
.workflows .suite-roadmap a:hover {text-decoration:underline;text-underline-offset:4px}
.workflows .suite-roadmap a:focus-visible {outline-color:var(--blue-text,#1D4ED8)}
@media(max-width:1100px) {
  .workflows .workflow-panel,.workflows .workflow-panel:nth-child(even),.workflows .workflow-panel:nth-last-child(-n+2) {grid-template-columns:minmax(0,1fr) minmax(380px,1.2fr);gap:45px}
  .workflows .workflow-panel:nth-child(even) {grid-template-columns:minmax(380px,1.2fr) minmax(0,1fr)}
  .workflows .workflow-panel-head h3 {font-size:36px;letter-spacing:-1.3px}
  .workflows .workflow-panel-head p {font-size:14px}
  .workflows .workflow-visual {padding-inline:22px}
  .workflows .suite-roadmap {gap:var(--pi-space-16) 23px}
}
@media(max-width:800px) {
  .workflows {padding-top:70px}
  .workflows .section-heading {grid-template-columns:1fr;gap:var(--pi-space-24);margin-bottom:52px}
  .workflows .section-heading h2 {font-size:49px;letter-spacing:-2.5px}
  .workflows .section-heading>p {font-size:14px;max-width:410px}
  .workflows .section-heading>p br {display:none}
  .workflows .workflow-gallery {gap:var(--pi-space-64);max-width:580px;margin-inline:auto}
  .workflows .workflow-panel,.workflows .workflow-panel:nth-child(even),.workflows .workflow-panel:nth-last-child(-n+2) {display:flex;flex-direction:column;gap:26px;align-items:stretch}
  .workflows .workflow-panel-head {max-width:420px;padding:0;justify-self:start}
  .workflows .workflow-panel-head h3 {font-size:35px;max-width:360px;margin-top:18px}
  .workflows .workflow-panel-head p {max-width:370px;margin-top:14px}
  .workflows .workflow-panel-link {margin-top:15px}
  .workflows .workflow-visual {min-height:345px}
  .workflows .visual-leads,.workflows .visual-invoice {min-height:375px}
  .workflows .suite-roadmap a {margin-left:0}
}
@media(max-width:600px) {
  .workflows {padding:60px 0 34px}
  .workflows .section-heading {gap:var(--pi-space-20);margin-bottom:43px}
  .workflows .section-heading .eyebrow {font-size:8px;line-height:1.8;letter-spacing:.9px;max-width:310px}
  .workflows .section-heading h2 {font-size:41px;letter-spacing:-2px;margin-top:var(--pi-space-20)}
  .workflows .section-heading>p {font-size:13px;max-width:340px}
  .workflows .workflow-gallery {gap:54px}
  .workflows .workflow-panel-head h3 {font-size:32px;max-width:300px;letter-spacing:-1.2px}
  .workflows .workflow-panel-head p {font-size:13px;max-width:320px}
  .workflows .workflow-module small {font-size:9px;letter-spacing:1px}
  .workflows .workflow-visual {padding:25px var(--pi-space-16) 19px;min-height:320px;gap:var(--pi-space-16);border-radius:var(--pi-radius-10)}
  .workflows .visual-leads {min-height:339px}
  .workflows .visual-invoice {min-height:365px}
  .workflows .workflow-panel-link {font-size:12px;min-height:38px;margin-top:14px}
  .workflows .workflow-visual .workflow-sample {font-size:9px}
  .workflows .suite-roadmap {margin-top:43px;padding-top:23px;gap:15px var(--pi-space-20)}
  .workflows .suite-roadmap>p {width:100%}
  .workflows .suite-roadmap>span {font-size:10px}
  .workflows .suite-roadmap a {width:100%;margin:0;font-size:11px;min-height:38px}
}
@media(max-width:400px) {
  .workflows .section-heading h2 {font-size:37px;letter-spacing:-1.8px}
  .workflows .workflow-panel-head h3 {font-size:30px}
  .workflows .workflow-visual {padding-inline:13px}
  /* Keep compact sample metadata readable without changing desktop CRM cards. */
  .workflow-gallery .kanban-card[data-preview-kind="leads"] .card-top-meta {display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:2px var(--pi-space-8);white-space:normal}
  .workflow-gallery .kanban-card[data-preview-kind="leads"] .card-top-meta>span:nth-child(even) {display:none}
  .workflow-gallery .kanban-card[data-preview-kind="leads"] .card-top-meta>span:last-child {grid-column:1/-1}
}
@media(max-width:1100px) {
  .student-story {padding-block:84px}
  .student-story .story-grid {gap:var(--pi-space-48)}
  .student-story .story-copy h2 {font-size:43px;letter-spacing:-2px}
  .student-story .story-copy>p:not(.eyebrow) {font-size:14px}
  .student-story .story-tabs button,.student-story .story-tabs button:not(:first-child) {padding:19px 13px;gap:var(--pi-space-12)}
  .student-story .story-tabs b {font-size:13px}
  .student-story .story-tabs small {font-size:11px}
}
@media(max-width:900px) {
  .student-story .story-grid {grid-template-columns:1fr;gap:42px}
  .student-story .story-copy {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--pi-space-40);align-items:start}
  .student-story .story-copy .eyebrow {grid-column:1;grid-row:1;font-size:9px;letter-spacing:1px}
  .student-story .story-copy h2 {grid-column:1;grid-row:2;font-size:38px;letter-spacing:-1.7px;margin-top:var(--pi-space-20)}
  .student-story .story-copy>p:not(.eyebrow) {grid-column:1;grid-row:3;font-size:13px;margin-top:var(--pi-space-20)}
  .student-story .story-tabs {grid-column:2;grid-row:1/4;margin-top:0;max-width:none}
  .student-story .story-tabs button,.student-story .story-tabs button:not(:first-child) {padding:19px 13px;gap:var(--pi-space-12)}
  .student-story .story-product {max-width:520px;justify-self:center}
}
@media(max-width:700px) {
  .student-story {padding:61px 0 65px}
  .student-story .story-grid {gap:34px}
  .student-story .story-copy {display:block}
  .student-story .story-copy h2 {font-size:42px;letter-spacing:-2px;margin-top:22px}
  .student-story .story-copy>p:not(.eyebrow) {font-size:14px;max-width:460px;margin-top:22px}
  .student-story .story-tabs {margin-top:27px}
  .student-story .story-tabs button,.student-story .story-tabs button:not(:first-child) {padding:19px var(--pi-space-16);gap:15px}
  .student-story .story-tabs b {font-size:13px}
  .student-story .story-tabs small {font-size:11px;max-width:360px}
  .student-story .story-product-caption {margin-bottom:15px;padding-bottom:13px;font-size:8px;gap:10px}
  .student-story .story-product-caption>span:first-child {letter-spacing:.7px}
  .student-story .story-footnote {font-size:9px;line-height:1.75}
}
@media(max-width:400px) {
  .student-story {padding:53px 0 55px}
  .student-story .story-copy h2 {font-size:35px;letter-spacing:-1.6px}
  .student-story .story-copy>p:not(.eyebrow) {font-size:13px;line-height:1.8}
  .student-story .story-tabs button,.student-story .story-tabs button:not(:first-child) {padding:18px var(--pi-space-12);gap:var(--pi-space-12)}
  .student-story .story-tabs b {font-size:12px}
  .student-story .story-tabs small {font-size:10px;line-height:1.75}
  .student-story .story-tabs i {font-size:18px}
  .student-story .story-product-caption {font-size:7px;gap:var(--pi-space-8)}
  .student-story .story-record {border-radius:var(--pi-radius-9)}
}
@media(prefers-reduced-motion:reduce) {.student-story .story-tabs button {transition:none}}
/* Conversion chapters. Append after the existing section styles. */

/* Pricing: an open white introduction and one dark, interactive field. */
.pricing-experience {
  padding-block:clamp(var(--pi-space-80),7.2vw,var(--pi-space-112));
  background:var(--pi-white);
  border-top:0;
}
.pricing-experience>.container {max-width:1240px}
.pricing-experience .pfit-heading {max-width:1020px;margin-bottom:42px}
.pricing-experience .pfit-heading .eyebrow {color:var(--blue-text);font-size:11px;letter-spacing:1.3px}
.pricing-experience .pfit-heading h2 {font-size:clamp(38px,4.1vw,58px);letter-spacing:-2.3px;line-height:1.14;margin-top:var(--pi-space-24)}
.pricing-experience .pfit-intro {font-size:15px;line-height:1.8;margin-top:22px;color:var(--body)}
.pricing-experience .pfit-composition {border:0;border-radius:var(--pi-radius-4);overflow:hidden;background:var(--pi-white)}
.pricing-experience .pfit-stage {background:var(--ink);color:var(--pi-white);border-radius:var(--pi-radius-4);overflow:hidden}
.pricing-experience .pfit-team-view {padding:34px 36px 36px}
.pricing-experience .pfit-view-label {font-size:10px;letter-spacing:1px;color:var(--line-strong,#DEE1E5)}
.pricing-experience .pfit-team-count {font-size:clamp(68px,7vw,104px);line-height:1.08;letter-spacing:-4px;margin-top:15px;color:var(--pi-white)}
.pricing-experience .pfit-team-mosaic {max-width:790px;margin-top:28px}
.pricing-experience .pfit-control-label {font-size:13px;padding:19px var(--pi-space-24);color:var(--pi-color-line)}
.pricing-experience .team-size-controls button {min-height:84px;padding-block:var(--pi-space-20);outline-offset:-7px}
.pricing-experience .team-size-controls button>span {font-size:25px}
.pricing-experience .team-size-controls button>small {font-size:11px;color:var(--line-strong,#DEE1E5)}
.pricing-experience .team-size-controls button[aria-pressed=true],
.pricing-experience .team-size-controls button[aria-pressed=true]>small {color:var(--ink)}
.pricing-experience .team-size-controls button:focus-visible {outline:3px solid var(--cyan)}
.pricing-experience .team-size-controls button[aria-pressed=true]:focus-visible {outline-color:var(--ink)}
.pricing-experience .pfit-transparency-band {grid-template-columns:1fr 1.15fr auto;gap:34px;padding:29px 0 0;background:var(--pi-white)}
.pricing-experience .pricing-feedback {max-width:310px;min-height:50px;margin:0;font-size:14px;font-weight:600;line-height:1.75;color:var(--ink)}
.pricing-experience .pfit-price-note {padding-left:29px;border-left:1px solid var(--line-strong)}
.pricing-experience .pfit-price-note>b {font-size:13px;line-height:1.65}
.pricing-experience .pfit-price-note>p {font-size:12px;line-height:1.8;max-width:330px;margin-top:6px;color:var(--body)}
.pricing-experience .pfit-pricing-link {grid-column:auto;margin:0;min-height:52px;border-radius:var(--pi-radius-3);padding:15px 19px;font-size:13px;color:var(--pi-white);background:var(--ink);outline-offset:5px}
.pricing-experience .pfit-pricing-link:hover {background:var(--blue-text)}

/* Walkthrough: a cyan wash around a useful, paper-like agenda. */
.walkthrough-preview {
  background:var(--theme-cyan-wash,#E8F9FC);
  background:color-mix(in srgb,var(--cyan) 8%,var(--pi-white));
  padding-block:clamp(var(--pi-space-80),7.6vw,116px);
  border-block:0;
}
.walkthrough-preview>.container {max-width:1160px}
.walkthrough-preview .wpreview-layout {grid-template-columns:.95fr 1.05fr;gap:var(--pi-space-80);min-height:0}
.walkthrough-preview .wpreview-intro .eyebrow {font-size:11px;letter-spacing:1.2px;color:var(--blue-text)}
.walkthrough-preview .wpreview-intro h2 {font-size:clamp(39px,4vw,55px);line-height:1.14;letter-spacing:-2.1px;margin-top:25px}
.walkthrough-preview .wpreview-description {font-size:15px;line-height:1.85;margin-top:26px;color:var(--body)}
.walkthrough-preview .wpreview-link {font-size:14px;min-height:48px;margin-top:26px;color:var(--ink)}
.walkthrough-preview .wpreview-link:hover {color:var(--blue-text)}
.walkthrough-preview .wpreview-agenda {width:100%;max-width:580px;justify-self:end;border:1px solid var(--line-strong);border-top:4px solid var(--blue);border-radius:var(--pi-radius-3);background:var(--pi-white);box-shadow:none}
.walkthrough-preview .wpreview-sheet-heading {padding:25px;background:var(--ink);color:var(--pi-white);border-bottom:0}
.walkthrough-preview .wpreview-sheet-heading p {font-size:9px;letter-spacing:1px;color:var(--line-strong,#DEE1E5)}
.walkthrough-preview .wpreview-sheet-heading h3 {font-size:18px;line-height:1.5;letter-spacing:-.4px;color:var(--pi-white)}
.walkthrough-preview .wpreview-agenda-list>li {padding:var(--pi-space-24) 25px;gap:19px}
.walkthrough-preview .wpreview-step {border-radius:0;width:33px;height:33px;font-size:12px;color:var(--blue-text)}
.walkthrough-preview .wpreview-workspace-step {background:var(--blue-wash)}
.walkthrough-preview .wpreview-workspace-step .wpreview-step {background:var(--cyan);border-color:var(--cyan);color:var(--ink)}
.walkthrough-preview .wpreview-step-copy h4 {font-size:19px;line-height:1.5;letter-spacing:-.45px}
.walkthrough-preview .wpreview-step-copy>p {font-size:13px;line-height:1.8;margin-top:var(--pi-space-4);color:var(--body)}
.walkthrough-preview .wpreview-route {margin-top:22px;padding-top:17px}
.walkthrough-preview .wpreview-route figcaption {font-size:11px;line-height:1.7;color:var(--body)}
.walkthrough-preview .wpreview-sheet-note {font-size:12px;line-height:1.8;padding:19px 25px;color:var(--body)}
.walkthrough-preview :is(a,button):focus-visible {outline:3px solid var(--blue-text);outline-offset:5px}

/* Questions: a quieter, narrower reading chapter. */
.questions.container {max-width:1120px}
.questions {grid-template-columns:.8fr 1.2fr;gap:90px;padding-block:clamp(var(--pi-space-80),7.5vw,var(--pi-space-112));background:var(--pi-white)}
.questions .eyebrow {font-size:11px;letter-spacing:1.2px;color:var(--body)}
.questions .questions-heading h2 {font-size:45px;line-height:1.16;letter-spacing:-1.9px;margin-top:var(--pi-space-24)}
.questions .questions-heading>a {font-size:13px;line-height:1.7;min-height:46px;margin-top:26px;color:var(--blue-text)}
.questions .faq-list {border-top:1px solid var(--line-strong)}
.questions .faq-list details {border-bottom:1px solid var(--line-strong)}
.questions .faq-list details[open] {background:var(--paper)}
.questions .faq-list summary {font-size:15px;font-weight:600;line-height:1.65;min-height:80px;padding:var(--pi-space-24) 18px;gap:25px;color:var(--ink)}
.questions .faq-list summary>span {color:var(--blue-text);font-size:24px;flex-shrink:0}
.questions .faq-list details p {font-size:14px;line-height:1.9;padding:0 45px 26px 18px;color:var(--body)}
.questions .faq-list summary:focus-visible {outline:3px solid var(--blue);outline-offset:-4px}
.questions a:focus-visible {outline:3px solid var(--blue-text);outline-offset:5px}

/* Footer: exact brand blue closes the sequence; original logo fills are preserved. */
.site-footer {background:var(--blue);color:var(--pi-white);border-top:0}
.site-footer>.container {max-width:1320px}
.site-footer .footer-main {grid-template-columns:1fr 1.15fr auto;gap:45px;padding:var(--pi-space-64) 0 52px;align-items:start}
.site-footer .brand {font-size:25px;line-height:1.5;color:var(--pi-white);gap:var(--pi-space-12)}
.site-footer .brand img {width:40px;height:40px;padding:var(--pi-space-4);background:var(--pi-white);border-radius:0;box-sizing:border-box}
.site-footer .footer-main>p {font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-1px;color:var(--pi-white)}
.site-footer .back-top {font-size:13px;line-height:1.6;gap:28px;color:var(--pi-color-black);min-height:44px}
.site-footer .back-top>span {font-size:23px}
.site-footer .footer-bottom {padding:var(--pi-space-24) 0 29px;border-top:1px solid #00000035;font-size:12px;line-height:1.7;gap:35px;color:var(--pi-color-black)}
.site-footer .footer-bottom a {min-height:40px;color:var(--pi-color-black)}
.site-footer .footer-bottom a:hover,.site-footer .back-top:hover {color:var(--pi-color-black);text-decoration:underline;text-underline-offset:5px}
.site-footer a:focus-visible {outline:3px solid var(--ink);outline-offset:5px}

@media(max-width:1100px) {
  .pricing-experience .pfit-transparency-band {grid-template-columns:1fr 1.15fr;gap:var(--pi-space-20) 34px}
  .pricing-experience .pfit-pricing-link {grid-column:2;width:max-content;margin-left:30px}
  .walkthrough-preview .wpreview-layout {gap:45px;grid-template-columns:.9fr 1.1fr}
  .walkthrough-preview .wpreview-intro h2 {font-size:43px;letter-spacing:-1.7px}
  .walkthrough-preview .wpreview-step-copy>p {font-size:12px}
  .questions {gap:60px}
  .questions .questions-heading h2 {font-size:39px}
  .site-footer .footer-main {gap:var(--pi-space-32)}
  .site-footer .footer-main>p {font-size:27px}
}
@media(max-width:800px) {
  .pricing-experience .pfit-heading h2 {font-size:40px;letter-spacing:-1.7px}
  .pricing-experience .pfit-team-count {font-size:76px;letter-spacing:-3px}
  .pricing-experience .team-size-controls button {min-height:78px;gap:var(--pi-space-4)}
  .pricing-experience .team-size-controls button>span {font-size:22px}
  .walkthrough-preview .wpreview-layout {grid-template-columns:1fr;gap:36px}
  .walkthrough-preview .wpreview-intro h2 {font-size:46px;max-width:640px}
  .walkthrough-preview .wpreview-agenda {max-width:600px;justify-self:end}
  .questions {grid-template-columns:.85fr 1.15fr;gap:35px}
  .questions .questions-heading h2 {font-size:34px}
  .questions .faq-list summary {font-size:14px;min-height:76px;padding-inline:14px}
  .questions .faq-list details p {padding-left:14px;padding-right:30px}
  .site-footer .footer-main {grid-template-columns:1fr 1fr auto;gap:25px}
  .site-footer .brand {font-size:22px;gap:var(--pi-space-8)}
  .site-footer .brand img {width:36px;height:36px}
  .site-footer .footer-main>p {font-size:24px}
  .site-footer .back-top {font-size:11px;gap:var(--pi-space-16)}
}
@media(max-width:600px) {
  .pricing-experience,.walkthrough-preview{padding-block:var(--pi-space-56)}
  .pricing-experience .pfit-heading {margin-bottom:29px}
  .pricing-experience .pfit-heading .eyebrow,
  .walkthrough-preview .wpreview-intro .eyebrow,
  .questions .eyebrow{font-size:9px;letter-spacing:1px}
  .pricing-experience .pfit-heading h2 {font-size:33px;letter-spacing:-1.3px;line-height:1.18;margin-top:22px}
  .pricing-experience .pfit-intro {font-size:13px;line-height:1.8;margin-top:var(--pi-space-20)}
  .pricing-experience .pfit-team-view {padding:27px 18px 30px}
  .pricing-experience .pfit-view-label {font-size:8px;gap:var(--pi-space-8)}
  .pricing-experience .pfit-team-count {font-size:60px;letter-spacing:-2.7px;margin-top:17px}
  .pricing-experience .pfit-team-mosaic {max-width:350px;margin-top:25px;gap:var(--pi-space-12) 9px}
  .pricing-experience .pfit-control-label {font-size:12px;line-height:1.7;padding:17px 18px}
  .pricing-experience .team-size-controls button {min-height:73px;flex-direction:column;align-items:center;justify-content:center;padding:15px var(--pi-space-4);gap:var(--pi-space-4)}
  .pricing-experience .team-size-controls button>span {font-size:18px;letter-spacing:-.5px}
  .pricing-experience .team-size-controls button>small {font-size:10px}
  .pricing-experience .pfit-transparency-band {grid-template-columns:1fr;gap:22px;padding-top:26px}
  .pricing-experience .pricing-feedback {font-size:14px;min-height:0;max-width:none}
  .pricing-experience .pfit-price-note {border-left:0;border-top:1px solid var(--line-strong);padding:21px 0 0}
  .pricing-experience .pfit-price-note>b {font-size:13px}
  .pricing-experience .pfit-price-note>p {font-size:12px;max-width:300px}
  .pricing-experience .pfit-pricing-link {grid-column:auto;width:100%;margin:0;font-size:13px;min-height:52px}
  .walkthrough-preview .wpreview-intro h2 {font-size:36px;line-height:1.18;letter-spacing:-1.5px;margin-top:22px}
  .walkthrough-preview .wpreview-description {font-size:14px;margin-top:23px;line-height:1.8}
  .walkthrough-preview .wpreview-link {font-size:13px;min-height:46px;margin-top:var(--pi-space-20)}
  .walkthrough-preview .wpreview-agenda {max-width:none;justify-self:stretch}
  .walkthrough-preview .wpreview-sheet-heading {padding:22px 18px;gap:11px}
  .walkthrough-preview .wpreview-sheet-heading p {font-size:8px;letter-spacing:.9px}
  .walkthrough-preview .wpreview-sheet-heading h3 {font-size:15px;line-height:1.6}
  .walkthrough-preview .wpreview-agenda-list:before {left:33px}
  .walkthrough-preview .wpreview-agenda-list>li {grid-template-columns:31px minmax(0,1fr);padding:23px 18px;gap:13px}
  .walkthrough-preview .wpreview-step {width:31px;height:31px;font-size:11px}
  .walkthrough-preview .wpreview-step-copy h4 {font-size:18px}
  .walkthrough-preview .wpreview-step-copy>p {font-size:13px;line-height:1.75}
  .walkthrough-preview .wpreview-route>svg {display:none}
  .walkthrough-preview .wpreview-route figcaption {grid-template-columns:1fr 1fr;gap:11px 13px;text-align:left;font-size:12px;margin:0}
  .walkthrough-preview .wpreview-route figcaption>span {display:flex;align-items:center;gap:7px}
  .walkthrough-preview .wpreview-route figcaption>span:before {content:"";width:4px;height:4px;background:var(--blue);flex-shrink:0}
  .walkthrough-preview .wpreview-sheet-note {padding:19px 18px;font-size:12px;line-height:1.75}
  .questions {grid-template-columns:1fr;gap:31px;padding-block:var(--pi-space-56)}
  .questions .questions-heading h2 {font-size:37px;line-height:1.17;letter-spacing:-1.5px;margin-top:21px}
  .questions .questions-heading>a {font-size:13px;margin-top:18px}
  .questions .faq-list summary {font-size:14px;line-height:1.7;min-height:75px;padding:22px var(--pi-space-12);gap:var(--pi-space-20)}
  .questions .faq-list details p {font-size:14px;line-height:1.85;padding:0 30px 25px var(--pi-space-12)}
  .site-footer .footer-main {grid-template-columns:1fr auto;gap:27px var(--pi-space-20);padding:var(--pi-space-48) 0 35px}
  .site-footer .brand {font-size:23px;gap:9px}
  .site-footer .brand img {width:37px;height:37px}
  .site-footer .footer-main>p {grid-column:1;grid-row:2;font-size:25px;line-height:1.4;letter-spacing:-.7px}
  .site-footer .back-top {grid-column:2;grid-row:1/3;align-self:end;font-size:11px;gap:13px}
  .site-footer .back-top>span {font-size:21px}
  .site-footer .footer-bottom {gap:var(--pi-space-12) 22px;flex-wrap:wrap;padding:19px 0 var(--pi-space-24);font-size:11px}
  .site-footer .footer-bottom>span {width:100%}
  .site-footer .footer-bottom a:last-child {margin-left:auto}
}
@media(max-width:359px) {
  .pricing-experience .pfit-heading h2 {font-size:30px;letter-spacing:-1.1px}
  .pricing-experience .pfit-team-count {font-size:53px;letter-spacing:-2.3px}
  .pricing-experience .team-size-controls button>span {font-size:16px}
  .pricing-experience .pfit-team-mosaic {gap:var(--pi-space-12) 7px}
  .walkthrough-preview .wpreview-intro h2 {font-size:32px;letter-spacing:-1.3px}
  .walkthrough-preview .wpreview-sheet-heading {padding-inline:15px;gap:9px}
  .walkthrough-preview .wpreview-sheet-heading h3 {font-size:14px}
  .walkthrough-preview .wpreview-agenda-list>li {padding-inline:15px;gap:11px}
  .walkthrough-preview .wpreview-agenda-list:before {left:30px}
  .walkthrough-preview .wpreview-route figcaption {font-size:11px}
  .questions .questions-heading h2 {font-size:34px}
  .site-footer .brand {font-size:21px;gap:7px}
  .site-footer .footer-main>p {font-size:24px}
  .site-footer .back-top {font-size:10px;gap:var(--pi-space-8)}
}
@media(prefers-reduced-motion:reduce) {
  .pricing-experience .pfit-team-mosaic>span,
  .pricing-experience .team-size-controls button,
  .questions .faq-list summary>span{transition:none}
}

/* Official 04 November identity. Original outlined masters retain their clear space. */
.site-header .brand {flex:none;gap:0}
.site-header .brand img.brand-lockup {width:220px;height:auto;max-height:78px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.site-footer .brand img.brand-lockup {width:270px;height:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.native-logo img {width:48px;height:48px}
.team-file-tab>img,.pfit-view-label>img {width:40px;height:40px;flex:none}
.student-experience .student-application-brand img {width:40px;height:40px;padding:0;border-radius:0}
@media(max-width:600px){
 .site-header .brand img.brand-lockup {width:180px;height:auto;max-height:64px}
 .header-inner {gap:10px}
 .site-header .header-cta {font-size:0;width:44px;min-width:44px;min-height:44px;padding:11px;justify-content:center;margin-left:auto;gap:0}
 .site-header .header-cta>span {display:block;font-size:22px}
 .site-header .menu-toggle {margin-left:0;flex:none}
 .site-footer .brand img.brand-lockup {width:220px;height:auto}
}

/* Keep native CRM scrolling; hide its scrollbar tracks like the application. */
#workspace :is(.board,.native-card-stack,.native-drawer,.pipeline-tabs) {
  scrollbar-width:none;
  -ms-overflow-style:none;
}
#workspace :is(.board,.native-card-stack,.native-drawer,.pipeline-tabs)::-webkit-scrollbar {
  display:none;
  width:0;
  height:0;
}

/* Consistent identity at the introduction, product and principles. */
.hero-kicker::before {display:none}
.hero-kicker {gap:10px}
.hero-kicker img {width:var(--pi-logo-kicker-size);height:var(--pi-logo-kicker-size);flex:none;margin-left:-6px}
.team-heading-aside .team-brand-symbol {width:66px;height:66px;margin-left:calc(-1 * var(--pi-space-12));margin-bottom:9px}
.principles-intro {padding-bottom:25px}
.principles-brand {display:flex;align-items:center;gap:25px}
.principles-brand>img {width:230px;height:auto;margin-left:calc(-1 * var(--pi-space-16))}
.principles-brand .eyebrow {font-size:9px;border-left:1px solid #0003;padding:13px 0 13px 25px;margin:0;line-height:1.7}
@media(max-width:800px){
 .principles-brand {gap:15px}
 .principles-brand>img {width:190px;margin-left:-13px}
 .principles-brand .eyebrow {font-size:8px;padding-left:15px}
 .principles-intro>span {display:none}
}
@media(max-width:480px){
 .hero-kicker {font-size:7px;letter-spacing:.6px;gap:6px}
 .hero-kicker img {width:var(--pi-logo-kicker-phone-size);height:var(--pi-logo-kicker-phone-size);margin-left:-5px}
 .principles-brand {gap:6px;width:100%}
 .principles-brand>img {width:170px;margin-left:-11px}
 .principles-brand .eyebrow {font-size:7px;max-width:104px;letter-spacing:.7px;padding-left:14px}
}

/* A visible entrance to the CRM, including on small screens. */
.site-header .header-inner {gap:var(--pi-space-16)}
.site-header .header-cta {margin-left:0;white-space:nowrap}
.site-header .header-login {
 display:inline-flex;align-items:center;justify-content:space-between;flex:none;gap:var(--pi-space-16);
 min-height:54px;padding:7px 7px 7px 19px;border:1px solid var(--blue-text);border-radius:var(--pi-radius-5);
 background:var(--blue-text);color:var(--pi-white);font-size:12px;font-weight:700;
 line-height:1.5;white-space:nowrap;transition:box-shadow .18s ease;
}
.site-header .header-login:hover {background:var(--blue-text);border-color:var(--blue-text);color:var(--pi-white);box-shadow:0 0 0 4px var(--pi-alpha-blue-14)}
.site-header .header-login:focus-visible {outline:3px solid var(--blue-text);outline-offset:4px}
.login-gate {
 display:grid;place-items:center;flex:none;width:36px;height:36px;
 background:var(--cyan);color:var(--ink);
 clip-path:polygon(0 0,100% 0,100% 100%,25% 100%,25% 75%,0 75%);
}
.login-gate svg {width:25px;height:25px;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}
.login-arrow {transition:transform .22s cubic-bezier(.2,.7,.3,1)}
.header-login:is(:hover,:focus-visible) .login-arrow {transform:translateX(2px)}
.site-header .header-login-mobile {display:none}
@media(min-width:901px) and (max-width:1100px){
 .site-header .header-inner {gap:10px}
 .desktop-nav {gap:var(--pi-space-12)}
 .desktop-nav a {white-space:nowrap}
 .site-header .header-login {font-size:11px;gap:var(--pi-space-12);padding-left:14px}
}
@media(max-width:900px){
 .site-header .header-inner {gap:10px}
 .site-header .desktop-nav {display:none}
 .site-header .menu-toggle {display:block}
 .site-header .header-cta {display:none}
 .site-header .header-login-mobile {display:inline-flex;margin-left:auto}
}
@media(max-width:600px){
 .site-header .header-inner {gap:6px}
 .site-header .brand img.brand-lockup {width:160px}
 .site-header .header-login-mobile {min-height:44px;padding:6px 5px 6px 10px;gap:var(--pi-space-8);font-size:11px}
 .header-login-mobile .login-gate {width:27px;height:29px}
 .header-login-mobile .login-gate svg {width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){
 .site-header .header-login,.login-arrow {transition:none}
 .header-login:is(:hover,:focus-visible) .login-arrow {transform:none}
}