/* Remaining pages share Home's typography, navigation, colors and spacing. */
.inner-page .main-header{background:white}
.inner-page .main-header .logo img{filter:none}
.inner-page .main-header .primary-nav>a,.inner-page .main-header .nav-way{color:var(--navy);border-color:var(--line);background:white}
.inner-page .main-header .primary-nav>a:hover,.inner-page .main-header .nav-way:hover{background:var(--tint)}
.inner-page .main-header .dropdown-toggle{color:var(--navy)}
.inner-page .main-header .menu-toggle{color:var(--navy);background:var(--tint);border-color:var(--line)}
.inner-page .main-header :focus-visible{outline-color:var(--blue)}
.inner-page .main-header .nav-contact>span{background:var(--blue);color:white}
.inner-page .primary-nav a[aria-current=page]{background:var(--navy);color:white}
/* Home and Top stay visible while only the section links scroll horizontally. */
.section-nav{overflow:visible;align-items:center;gap:6px}
.section-nav-actions{display:flex;gap:5px;flex:none}
.section-nav .section-nav-actions a{background:var(--navy);color:white;white-space:nowrap}
.section-nav-links{display:flex;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;position:relative;border-left:1px solid var(--line);padding-left:6px}
.section-nav-links::-webkit-scrollbar{display:none}
.section-nav .section-nav-actions a:hover{background:var(--blue)}
@media(max-width:699px){.section-nav .section-nav-actions a{padding:12px}.section-nav-links a{padding-inline:13px}}
.page-hero.hero{display:block;min-height:0;padding-top:16px;padding-bottom:0;position:relative}
.page-hero-panel{padding:clamp(48px,6vw,88px) 0 36px;position:relative;isolation:isolate}
.page-hero-copy{position:relative;z-index:1;max-width:1080px}
.page-hero .eyebrow{margin:0 0 24px;color:inherit}
.page-hero h1{max-width:1050px;margin:0;font-size:var(--type-hero);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.page-hero .page-lead{max-width:680px;margin:30px 0 0;color:inherit}
.page-hero .button{margin-top:32px}
.page-hero .illustrative-note{max-width:680px;margin-top:18px;color:var(--ink-soft)}
.page-hero-panel.build{border-radius:24px;padding:clamp(40px,5vw,80px);color:white;background:linear-gradient(90deg,rgba(7,33,66,.86),rgba(7,33,66,.74) 75%,rgba(7,33,66,.15)),linear-gradient(100deg,#41ccff,#0062ff);overflow:hidden}
.page-hero-panel.build:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff15 1px,transparent 1px),linear-gradient(90deg,#ffffff15 1px,transparent 1px);background-size:72px 72px;z-index:-1}
.page-hero-panel.build:after{content:'';position:absolute;right:-110px;bottom:-170px;width:460px;height:460px;border:1px solid #ffffff40;transform:rotate(-20deg);border-radius:24px;z-index:-1;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}
.page-hero-panel.build .page-hero-copy{max-width:85%}
.page-hero-panel.build a:focus-visible,.page-manage .page-hero a:focus-visible{outline-color:var(--cyan)}
.page-manage .main-header,.page-manage .page-hero{background:var(--navy)}
.page-manage .main-header .logo img{filter:brightness(0) invert(1)}
.page-manage .main-header .primary-nav>a,.page-manage .main-header .nav-way{background:transparent;color:white;border-color:#ffffff66}
.page-manage .main-header .dropdown-toggle,.page-manage .main-header .menu-toggle{color:white}
.page-manage .main-header .menu-toggle{background:#ffffff12;border-color:#ffffff66}
.page-manage .main-header .nav-contact>span{background:var(--cyan);color:var(--navy)}
.page-hero-panel.manage{display:grid;grid-template-columns:minmax(0,1fr) 25%;gap:48px;color:white;padding-block:55px 80px;align-items:center}
.control-art{position:relative;aspect-ratio:3/4;perspective:800px}
.control-art span{position:absolute;inset:15% 6%;border:1px solid #41ccff66;border-radius:24px;background:#ffffff04;transform:rotateY(-12deg) translateY(-18px)}
.control-art span:nth-child(2){inset:25% 6% 5%;transform:translateX(-18px);border-color:#ffffff44}
.control-art span:nth-child(3){inset:40% 18% 22%;border-radius:10px;border:0;background:linear-gradient(180deg,#41ccff 5px,transparent 5px 32%,#ffffff55 32% calc(32% + 5px),transparent calc(32% + 5px) 64%,#ffffff55 64% calc(64% + 5px),transparent calc(64% + 5px))}
.control-art span:nth-child(4){inset:60% 48% 20% 0;border-radius:12px;border-color:#41ccff99;background:#0c3055}
.page-hero-panel.teach{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;align-items:center}
.page-hero-panel.teach .page-lead:after{content:'';display:block;width:82px;height:5px;background:var(--cyan);margin-top:24px}
.teach-image{position:relative;align-self:stretch;min-height:450px;border-radius:24px;overflow:hidden}
.teach-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:47% center}
.service-intro .split-intro{margin:0;align-items:start;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px)}
.service-intro .split-intro p{color:var(--navy)}
.support-section{background:var(--paper)}
.support-section h2{margin-bottom:48px}
.service-timeline{margin:0}
.manage-support{background:var(--navy);color:white;border-radius:24px;margin-inline:var(--gutter)}
.manage-support>.wrap{padding-inline:clamp(24px,4vw,64px)}
.support-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.support-card{border-radius:24px;padding:36px 30px 42px;background:white;color:var(--navy)}
.support-card h3{margin:40px 0 22px;max-width:260px}
.support-card p{color:var(--navy)}

.ways-section .editorial{grid-template-columns:190px minmax(0,1fr);gap:70px}
.service-rows{margin:36px 0}
.service-row{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:36px;border-top:1px solid var(--line);padding:30px 0}
.service-row:last-child{border-bottom:1px solid var(--line)}
.service-row .shape-tile{width:130px;height:130px}
.service-row h3{margin-bottom:14px}
.service-row p{max-width:720px}
.solution-section{padding-top:36px}
.solution-section .split-intro{align-items:end}
.solution-list{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.solution-item{border:1px solid var(--line);border-radius:24px;padding:36px;background:var(--paper)}
.solution-top{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px}
.solution-top h3{margin-bottom:20px}
.solution-top p{color:var(--navy)}
.solution-detail{margin-top:28px;border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.solution-detail summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 4px;font-size:16px;font-weight:600;min-height:48px;color:var(--blue)}
.expand-mark{width:24px;height:24px;flex:none;position:relative;color:var(--navy)}
.expand-mark:before,.expand-mark:after{content:'';position:absolute;left:4px;right:4px;height:2px;top:11px;background:currentColor}
.expand-mark:after{transform:rotate(90deg);transition:transform var(--motion-fast) var(--motion-ease)}
details[open]>summary .expand-mark:after{transform:rotate(0)}
.solution-expanded{padding-top:30px;display:grid;gap:26px}
.solution-expanded h4{font-size:22px;margin-bottom:14px}
.solution-expanded .measures{padding-top:22px;margin:0;border-top:1px solid var(--line)}
.faq-section{padding-top:36px}
.faq-section .editorial{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:80px}
.faq-contact{margin-top:30px;max-width:350px}
.faq-contact a,.discovery-aside a,.privacy-placeholder a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:30px 0;font-size:var(--type-item);font-weight:800;line-height:1.3}
.faq-item>div{padding:0 48px 32px 0}
.page-discovery .page-hero-copy{max-width:1040px}
.discovery-section{padding-top:0;padding-bottom:72px}
.discovery-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:80px}
.discovery-aside{padding-top:30px;max-width:360px}
.discovery-aside a{overflow-wrap:anywhere}
.discovery-form{border:1px solid var(--line);border-radius:24px;background:var(--paper);padding:40px}
.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}
.field{min-width:0}.field.full{grid-column:1/-1}
.field label{display:block;font-size:16px;font-weight:600;margin-bottom:10px}
.field label span{font-weight:400}
.field input,.field select,.field textarea{display:block;width:100%;min-width:0;background:white;border:1px solid #8190a1;border-radius:10px;padding:14px 16px;min-height:54px;color:var(--navy);font-size:var(--type-body);font-weight:400}
.field select{padding-right:32px;text-overflow:ellipsis}
.field textarea{resize:vertical;min-height:170px}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.field [aria-invalid=true]{border-color:#a31524}
.field input::placeholder,.field textarea::placeholder{color:#52677d;opacity:1}
.field-error{font-size:14px;line-height:1.5;color:#a31524;margin-top:10px}
.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.discovery-form>.button{margin-top:32px;min-width:170px}
.discovery-form .button:disabled{opacity:.75;transform:none}
.privacy-line{font-size:14px;margin-top:18px!important}
.privacy-line a{text-decoration:underline;text-underline-offset:3px}
.form-status{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:12px;background:white;overflow-wrap:anywhere}
.form-status[data-state=error]{border-color:#a31524;color:#a31524}
.form-status[data-state=success]{border-color:var(--navy);color:var(--navy)}
.privacy-placeholder{padding-block:0 72px;max-width:1100px}
.privacy-placeholder h2{margin-bottom:28px}
.inner-page .footer{margin-top:0}
@media(max-width:1199px){.page-hero-panel.manage{grid-template-columns:minmax(0,1fr) 20%;gap:32px}.page-hero-panel.teach{gap:36px}.support-cards{gap:18px}.support-card{padding:30px 24px}.ways-section .editorial{grid-template-columns:150px minmax(0,1fr);gap:40px}.faq-section .editorial{gap:48px}.discovery-layout{gap:40px}.discovery-form{padding:30px}}
@media(max-width:1000px){.page-hero-panel.build .page-hero-copy{max-width:100%}.page-hero-panel.teach{grid-template-columns:1fr 1fr}.teach-image{min-height:420px}.page-hero-panel.manage{grid-template-columns:1fr}.control-art{display:none}.support-cards{grid-template-columns:1fr}.support-card{display:grid;grid-template-columns:44px minmax(0,.8fr) minmax(0,1fr);gap:24px;align-items:start}.support-card h3{margin:0;max-width:none}.ways-section .editorial{display:block}.ways-section .editorial>.eyebrow{margin-bottom:24px}.solution-item{padding:28px}.solution-top{display:block}.solution-top .step-number{display:block;margin-bottom:20px}.faq-section .editorial{display:block}.faq-contact{max-width:600px;margin:22px 0 40px}.discovery-layout{grid-template-columns:1fr;gap:36px}.discovery-aside{max-width:660px;padding:0}.discovery-aside p+p{margin-top:16px}}
@media(max-width:699px){.page-hero.hero{padding-top:8px}.page-hero-panel{padding-block:42px 20px}.page-hero h1{font-size:var(--type-hero);overflow-wrap:normal}.page-hero .page-lead{margin-top:24px}.page-hero-panel.build{padding:36px 24px}.page-build .page-hero{padding-inline:16px}.page-hero-panel.build h1{font-size:44px}.page-hero-panel.build:after{display:none}.page-hero-panel.teach{display:flex;flex-direction:column;gap:34px;align-items:stretch}.teach-image{min-height:0;height:260px}.page-hero-panel.manage{padding-block:40px 56px}.service-intro .split-intro{display:block}.service-intro .split-intro p{margin-top:24px}.support-section h2{margin-bottom:32px}.manage-support{margin-inline:16px}.support-card{display:block;padding:30px 26px}.support-card h3{margin:24px 0 18px}.service-row{grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start}.service-row .shape-tile{width:80px;height:80px}.service-row>div:last-child{display:contents}.service-row h3{margin:6px 0 0;align-self:center}.service-row p{grid-column:1/-1;margin-top:4px}.solution-section{padding-top:20px}.solution-list{display:block}.solution-item+.solution-item{margin-top:20px}.solution-item{padding:26px 24px}.solution-expanded h4{font-size:22px}.faq-section{padding-top:20px}.faq-item summary{gap:18px;padding:25px 0}.faq-item>div{padding:0 0 28px}.discovery-section{padding-bottom:48px;padding-top:0}.discovery-form{padding:28px 22px}.form-fields{grid-template-columns:1fr;gap:24px}.discovery-form>.button{width:100%}.privacy-placeholder{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.expand-mark:after{transition:none}.inner-page *, .inner-page *::before,.inner-page *::after{scroll-behavior:auto!important}}

/* Split one shared gap between adjacent white sections. */
.page-teach .service-intro{padding-top:36px}
@media(min-width:700px) and (max-width:1000px){.page-hero-panel:not(.build):not(.manage){padding-bottom:28px}.page-teach .service-intro,.solution-section,.faq-section{padding-top:28px}.closing{padding-bottom:56px}.discovery-section,.privacy-placeholder{padding-bottom:56px}}
@media(max-width:699px){.page-teach .service-intro{padding-top:20px}}

/* === CODAPLY CONSISTENT SPACING SYSTEM | responsive-safe ===
   Applies rhythm to content sections only. Hero, nav, media and interactions
   intentionally retain their original sizing and behavior. */
:root {
  --cd-section-y: 72px;
  --cd-section-tight: 48px;
  --cd-content-gap: 36px;
}
/* All main content sections share a regular vertical rhythm. */
.section-space { padding-top:var(--cd-section-y); padding-bottom:var(--cd-section-y); }
.page-home .intro { padding-block:var(--cd-section-y); }
.page-home .way-panels > .section-space { padding-block:var(--cd-section-y); }
.page-home .audiences { padding-top:var(--cd-section-y); padding-bottom:var(--cd-section-y); }
.page-home .examples-section > .wrap { padding-block:var(--cd-section-y); }
.page-home .process { padding-block:var(--cd-section-y); }
/* Inner page sections: matching gutters and cadence across Build / Manage / Teach. */
.inner-page .service-intro,
.inner-page .ways-section,
.inner-page .solution-section,
.inner-page .faq-section { padding-block:var(--cd-section-y); }
.inner-page .support-section > .wrap { padding-block:var(--cd-section-y); }
.page-teach .service-intro { padding-top:var(--cd-section-y); }
.discovery-section { padding-bottom:var(--cd-section-y); }
.privacy-placeholder { padding-bottom:var(--cd-section-y); }
/* Keep closing CTA panels visually separated but never double-space them. */
.closing { padding-bottom:var(--cd-section-y); }
/* Do not modify the large hero compositions or fixed/sticky navigation. */
@media (min-width:700px) and (max-width:1000px) {
  :root { --cd-section-y:56px; --cd-section-tight:36px; --cd-content-gap:28px; }
}
@media (max-width:699px) {
  :root { --cd-section-y:40px; --cd-section-tight:28px; --cd-content-gap:22px; }
  /* Mobile keeps existing card, text, and header-specific layout rules. */
  .section-space,
  .page-home .intro,
  .page-home .way-panels > .section-space,
  .page-home .audiences,
  .inner-page .service-intro,
  .inner-page .ways-section,
  .inner-page .solution-section,
  .inner-page .faq-section { padding-top:var(--cd-section-y); padding-bottom:var(--cd-section-y); }
  .page-teach .service-intro { padding-top:var(--cd-section-y); }
  .closing { padding-bottom:var(--cd-section-y); }
}