/* Brand alignment layer: applies the LinkedIn Personal Branding page system
   (CrazyDi Brand Guidelines v2.0) on top of the homepage theme.
   Layout, content and section order are untouched; only type, colour and
   component styling change. Loaded after crazydi-style.css. */
:root{--emerald-d:#238a5c;--line:rgba(26,60,52,0.10);--mint-on-dark:#8ff0c4;}

/* TYPE: Sora 700-800 headings, Inter 400 body */
body{font-weight:400;}
h1,h2,h3,h4,h5{font-family:'Sora',sans-serif;font-weight:700;}
.hero h1{font-weight:800;letter-spacing:-0.03em;}
.accent,.hero h1 .accent{font-style:normal;}
.stat-number,.cs-stat-number,.cta-band-stat-number,.step-counter-number,.step-number{font-family:'Sora',sans-serif;font-weight:800;}
.cs-stat-number,.cta-band-stat-number{color:var(--emerald);}
.cs-card-title,.service-card h3,.industry-panel-content h4,.team-card-info h4,.cta-band-right h3{font-family:'Sora',sans-serif;font-weight:700;}
.cs-card-desc,.cs-card-col ul li,.industry-panel-content p,.testimonial-text{font-weight:400;}
.testimonial-quote-mark{font-family:'Sora',sans-serif;}
.faq-question{font-family:'Sora',sans-serif;font-weight:600;}

/* WORDMARK: CrazyDi with capital C and D, Sora 800, coral Di, no italic */
.nav-logo .wordmark{font-family:'Sora',sans-serif;font-size:22px;font-weight:800;letter-spacing:-0.03em;text-transform:none;}
.nav-logo .wordmark .di{font-family:'Sora',sans-serif;font-style:normal;font-size:inherit;}

/* NAV: white glass bar, forest CTA */
.nav,.nav.scrolled{background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.nav-links a{font-size:14px;font-weight:500;}
.nav-links a::after{display:none;}
.nav-links.show{background:#fff;}
.nav-cta{background:var(--forest);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:13px;padding:10px 20px;border-radius:12px;text-transform:none;letter-spacing:0;}
.nav-cta:hover{background:var(--forest-deep);}

/* BUTTONS: emerald primary, outline secondary, 14px radius */
.btn-primary{background:var(--emerald);color:#fff;font-family:'Sora',sans-serif;font-weight:600;font-size:15px;padding:15px 28px;border-radius:14px;box-shadow:0 8px 22px rgba(47,171,115,0.28);}
.btn-primary:hover{background:var(--emerald-d);box-shadow:0 8px 22px rgba(47,171,115,0.28);}
.cta-submit-btn{background:var(--emerald);color:#fff;font-family:'Sora',sans-serif;font-weight:600;border-radius:14px;box-shadow:0 8px 22px rgba(47,171,115,0.28);}
.cta-submit-btn:hover{background:var(--emerald-d);}
.btn-outline{font-family:'Sora',sans-serif;font-weight:600;font-size:15px;padding:15px 28px;border-radius:14px;}
.btn-outline:hover{border-color:var(--mint-on-dark);color:var(--mint-on-dark);}

/* EYEBROWS: dot kicker, Sora 600 uppercase */
.hero-eyebrow{font-family:'Sora',sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--mint-on-dark);gap:8px;}
.hero-eyebrow::before{width:7px;height:7px;border-radius:50%;background:var(--mint-on-dark);}
.results-tag{display:inline-flex;align-items:center;gap:8px;background:none;padding:0;border-radius:0;font-family:'Sora',sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--mint-on-dark);}
.results-tag::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--mint-on-dark);}
.cs-card-tag,.blog-tag,.cta-form-eyebrow,.industry-panel-eyebrow,.cs-stat-label{font-family:'Sora',sans-serif;}

/* HERO: forest to emerald gradient with grid */
.hero{background:linear-gradient(120deg,var(--forest-deep),var(--forest) 45%,var(--emerald-d));}
.hero-bg-pattern{opacity:.15;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 75%);mask-image:radial-gradient(circle at center,#000,transparent 75%);}

/* PALETTE: navy is not a brand colour; amber is not a link/CTA colour */
.results-section{background:var(--forest-deep);}
.blog-section{background:var(--forest-deep);border-top:1px solid rgba(255,255,255,0.08);}
.industry-panel:nth-child(2){background:var(--forest-deep);}
.industry-panel:nth-child(5){background:#5C6D66;}
.cs-header a,.cs-card-cta{color:var(--coral);font-family:'Sora',sans-serif;}
.cs-card-cta:hover{color:#d4552d;}
.testimonial-read-more:hover,.testimonial-links a:hover,.faq-question:hover{color:var(--coral);}
.footer-col a:hover{color:var(--mint-on-dark);}
.footer-social a:hover{border-color:var(--mint-on-dark);background:rgba(143,240,196,0.1);}

/* MOBILE: slide-in animations start offset sideways, which widened the page on
   phones and pushed the fixed nav (and its hamburger) past the screen edge */
html,body{overflow-x:clip;}
@supports not (overflow-x:clip){body{overflow-x:hidden;}}

/* CTA FORM CARD: drop the decorative gradient bar on top of the card */
.cta-band-right::before{display:none;}

/* FOUNDER QUOTE CARD: plain hairline border, no coral accent edge */
.founder-quote-card{border-left:1px solid var(--card-border);}

/* SERVICES TITLE: span the container so it sits on two lines */
.services-header h2{max-width:none;}

/* TESTIMONIALS: profile sits beside the review, vertically centred, left-aligned, with a divider */
.testimonial-name{text-align:left;}
@media (min-width:769px){
  .testimonial-card{grid-template-columns:1fr 230px;gap:36px;align-items:center;padding:26px 32px;}
  .testimonial-right{align-self:stretch;justify-content:center;align-items:flex-start;gap:6px;min-width:0;padding:0 0 0 32px;border-left:1px solid rgba(255,255,255,0.08);}
  .testimonial-quote-mark{font-size:28px;line-height:.7;margin-bottom:8px;}
}
@media (max-width:768px){
  .testimonial-right{padding-top:16px;border-top:1px solid rgba(255,255,255,0.08);}
}

/* CTA BAND: tighter type and spacing so copy + form fit in one fold */
.cta-band-left h2{font-size:clamp(26px,2.4vw,34px);line-height:1.18;margin-bottom:12px;}
.cta-band-left .cta-subtitle{font-size:15px;line-height:1.6;margin-bottom:22px;}
.cta-band-checklist{gap:10px;}
.cta-band-checklist li{font-size:14.5px;line-height:1.5;}
.cta-band-checklist li .check-icon{width:20px;height:20px;}
.cta-band-stat-label{font-size:13px;}
.cta-form-eyebrow{margin-bottom:6px;}
.cta-band-right h3{font-size:22px;margin-bottom:4px;}
.cta-form-subtitle{font-size:14px;line-height:1.5;margin-bottom:20px;}
.cta-form-row{gap:12px;margin-bottom:12px;}
.cta-form-field label{font-size:12px;margin-bottom:5px;}
.cta-form-field input,.cta-form-field select{padding:10px 14px;font-size:14px;border-radius:10px;}
.cta-services-label{font-size:12px;margin:14px 0 6px;}
.cta-services-grid{gap:2px;margin-bottom:14px;}
.cta-checkbox{font-size:13.5px;padding:6px 10px;}
.cta-checkbox input[type="checkbox"]{width:16px;height:16px;}
.cta-form-divider{margin:14px 0;}
.cta-submit-btn{padding:14px;font-size:15px;}
.cta-form-trust{margin-top:10px;}
@media (min-width:769px){
  .cta-band{padding:48px 0;}
  .cta-band-grid{gap:56px;grid-template-columns:1fr 1.1fr;}
  .cta-band-stats{margin-top:28px;padding-top:22px;}
  .cta-band-stat-number{font-size:30px;}
  .cta-band-right{padding:30px 34px;border-radius:20px;}
}

/* INDUSTRIES: icon list (replaces the photo accordion). Items are not links
   until each sector has its own page. */
.ind-icons-section{background:var(--mint);padding:96px 0;}
.ind-icons-section .industries-header{margin-bottom:44px;}
.ind-grid-a{display:grid;grid-template-columns:repeat(3,1fr);column-gap:48px;}
.ind-a{display:flex;gap:18px;padding:28px 0;border-top:1px solid rgba(26,60,52,.12);}
.ind-ic{flex-shrink:0;width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid rgba(26,60,52,.10);display:flex;align-items:center;justify-content:center;color:var(--emerald);}
.ind-ic svg{width:26px;height:26px;}
.ind-a h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:600;color:var(--forest);margin:2px 0 6px;line-height:1.3;}
.ind-a p{font-size:14px;line-height:1.6;color:#5C6D66;margin:0;}
@media(max-width:960px){.ind-grid-a{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.ind-icons-section{padding:64px 0;}.ind-grid-a{grid-template-columns:1fr;}}

/* FAQ: arrow icon flips to point down when the answer opens; answers run
   the full row width, stopping just short of the icon */
.faq-item.active .faq-icon{transform:rotate(90deg);}
.faq-answer p{max-width:none;padding-right:56px;}
@media(max-width:600px){.faq-answer p{padding-right:0;}}

/* FORM SELECT: custom chevron with breathing room (native arrow sat on the edge) */
.cta-form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A3C34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;cursor:pointer;}

/* CLIENT LOGOS: always full colour and full strength (were dimmed to 80%) */
.logo-item{opacity:1;}

/* TESTIMONIALS: client photo at the top of each profile column */
.testimonial-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.12);margin-bottom:4px;display:block;}

/* audit form: a little air above the submit button (the divider line was removed) */
.cta-submit-btn{margin-top:8px;}

/* VISIBILITY ORBIT: the theme hid it at 1024px and below; show it under the hero
   copy instead, scaled to fit (it is 400px wide with icons reaching ~422px) */
@media (max-width:1024px){
  .hero{height:auto;max-height:none;}   /* was locked to the viewport height (max 1000px), which cut the orbit and stats strip off */
  .hero-visual{display:flex;margin:40px 0 8px;}
  .orbit-system{zoom:.85;}
}

/* PHONES: centre the hero, section headings and CTA band; case study stats on one line */
@media (max-width:768px){
  .orbit-system{zoom:.76;}
  .hero{padding-top:92px;}
  .hero-visual{margin-top:0;}
  .hero-content{row-gap:12px;}
  .hero h1{font-size:clamp(28px,8.3vw,40px);}
  .hero h1 br:first-of-type{display:none;}   /* "Be found everywhere / that matters." */
  .hero-content{text-align:center;}
  .hero-eyebrow{justify-content:center;font-size:10.5px;letter-spacing:.1em;white-space:nowrap;}
  .hero-subtitle{margin-left:auto;margin-right:auto;}
  .hero-buttons{align-items:center;}

  .results-content,.cs-header,.services-header,.industries-header,.blog-header,.cta-band-left{text-align:center;}
  .cs-header,.blog-header{align-items:center;}
  .services-header h2,.cs-header h2{margin-left:auto;margin-right:auto;}

  .cta-band-checklist{width:fit-content;max-width:100%;margin:0 auto;text-align:left;}
  .cta-band-stats{justify-content:center;flex-wrap:nowrap;gap:28px;}
  .cta-band-stat{text-align:center;}

  .cs-card-results{flex-direction:row;}
  .cs-stat{flex:1;min-width:0;padding:0 10px;text-align:center;border-top:none;border-left:1px solid rgba(255,255,255,0.08);}
  .cs-stat:first-child{padding:0 10px;border-left:none;}
  .cs-stat-number{font-size:24px;}
  .cs-stat-label{font-size:10px;letter-spacing:.04em;}
}

/* VISIBILITY ORBIT: rings and centre a touch stronger than the theme's (which were
   barely visible), but kept soft so the orbit stays in the background */
.orbit-ring-line{border:1px solid rgba(143,240,196,0.18);}
.orbit-center{
  background:linear-gradient(135deg,rgba(47,171,115,0.22),rgba(15,42,35,0.35));
  border:1px solid rgba(143,240,196,0.32);
  box-shadow:0 0 30px rgba(47,171,115,0.16);
}
@media (max-width:768px){
  .orbit-ring-line{border-width:1.5px;border-color:rgba(143,240,196,0.22);}   /* zoom thins the lines */
}

/* TESTIMONIALS ON PHONES: match the compact desktop card. Small quote mark, and the
   profile as one row (photo beside name, site and links) instead of a tall stack */
@media (max-width:768px){
  .testimonial-card{padding:22px 20px;gap:16px;}
  .testimonial-quote-mark{font-size:28px;line-height:.7;height:auto;margin-bottom:10px;}
  .testimonial-text{font-size:14.5px;line-height:1.7;}
  .testimonial-right{display:grid;grid-template-columns:48px 1fr;column-gap:14px;row-gap:3px;align-items:center;padding-top:16px;}
  .testimonial-avatar{grid-row:1 / span 3;width:48px;height:48px;margin:0;}
  .testimonial-name{font-size:15px;line-height:1.3;}
  .testimonial-website{font-size:12.5px;line-height:1.3;}
  .testimonial-links{margin-top:2px;}
}

/* CASE STUDIES: "View full case study" links are hidden for now, so the stats close the card */
.cs-card-results{margin-bottom:0;}

/* CASE STUDIES ON PHONES: topic first, then the summary, then a compact image
   preview, then challenges/solutions and stats (the theme put images on top) */
@media (max-width:768px){
  .cs-card{display:flex;flex-direction:column;padding:24px 20px 26px;}
  .cs-card-body{display:contents;}
  .cs-card-tag{order:1;align-self:flex-start;}
  .cs-card-title{order:2;}
  .cs-card-desc{order:3;margin-bottom:18px;}
  .cs-card-images{order:4;padding:0;background:none;margin-bottom:24px;}
  .cs-card-columns{order:5;}
  .cs-card-results{order:6;}
  .cs-card-img-main{min-height:0;max-height:none;}
  .cs-card-img-main img{height:180px;}
  .cs-card-img-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .cs-card-img-grid img{height:96px;}
}

/* SPACING: more room above and below the audit form band, and at the top of the footer (was crowded) */
section.cta-band{padding:96px 0;}
@media (max-width:768px){section.cta-band{padding:72px 0;}}
.footer{padding-top:96px;}