/* =========================================================
   2026-06-27 SaaS template inspired refresh
   Main colors: #FF6A00 / #0047A1
   ========================================================= */
:root{
  --orange:#FF6A00;
  --blue:#0047A1;
  --deep:#292A2D;
  --deep-2:#202124;
  --cream:#FFF7EF;
  --paper:#FFFFFF;
  --line:rgba(30,30,30,.08);
  --shadow-pop:0 28px 80px -52px rgba(0,71,161,.42);
  --round:18px;
}

body{
  background:#fff;
  color:#1E1E1E;
  font-weight:500;
}

/* Header */
.site-header{
  top:0;
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
  padding:14px 0;
}
.site-header .header-inner{
  height:58px;
  max-width:1180px;
  border-radius:0;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 50px -42px rgba(0,40,90,.45);
  border:1px solid rgba(0,71,161,.08);
  backdrop-filter:blur(14px);
  padding:0 12px 0 18px;
}
.brand__logo{width:162px;height:38px;object-fit:contain;object-position:left center;}
.global-nav ul{gap:22px;}
.global-nav a{font-size:.82rem;font-weight:800;color:#1E1E1E;}
.global-nav a::after{height:3px;border-radius:999px;background:var(--orange);}
.header-actions{gap:10px;}
.header-cta,
.btn{
  border-radius:999px !important;
  font-weight:900 !important;
  letter-spacing:.01em;
  border:0 !important;
}
.header-cta{padding:10px 18px !important;font-size:.82rem !important;}
.btn--primary{background:var(--orange) !important;color:#fff !important;box-shadow:0 14px 28px -18px rgba(255,106,0,.72);}
.btn--primary:hover{background:#f86600 !important;transform:translateY(-2px);}
.btn--light{background:#fff !important;color:var(--blue) !important;box-shadow:inset 0 0 0 1.5px rgba(0,71,161,.18);}
.btn--light:hover{background:var(--blue) !important;color:#fff !important;}

/* Hero: template-inspired grid and dashboard visual */
.hero--saas{
  min-height:clamp(760px,76vw,960px) !important;
  background:
    radial-gradient(circle at 76% 22%, rgba(255,106,0,.28), transparent 23%),
    radial-gradient(circle at 66% 48%, rgba(255,220,122,.28), transparent 20%),
    radial-gradient(circle at 88% 48%, rgba(0,71,161,.12), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.88) 56%, rgba(255,247,239,.98) 100%);
  overflow:hidden;
}
.hero--saas::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:
    linear-gradient(rgba(0,71,161,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,71,161,.065) 1px, transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);
  pointer-events:none;
}
.hero--saas::after{
  content:"";
  position:absolute;
  inset:auto -16% -28% -16%;
  height:44%;
  background:linear-gradient(180deg,rgba(255,106,0,0),rgba(255,106,0,.18) 58%,rgba(255,106,0,.34));
  z-index:0;
  pointer-events:none;
}
.hero--saas .hero__grid{
  grid-template-columns:minmax(0,1fr) minmax(390px,.88fr) !important;
  gap:clamp(40px,6vw,96px);
  align-items:center;
  min-height:inherit;
  padding-top:clamp(106px,12vw,152px);
  padding-bottom:clamp(92px,11vw,142px);
}
.hero--saas .hero__copy{max-width:660px;z-index:2;}
.hero__service-name{
  display:inline-flex;
  align-items:center;
  gap:.55em;
  margin:0 0 18px !important;
  padding:8px 16px !important;
  color:var(--blue) !important;
  background:#fff !important;
  box-shadow:inset 0 0 0 1.5px rgba(0,71,161,.12), 0 10px 34px -28px rgba(0,71,161,.45);
  border-radius:999px !important;
  font-size:.9rem !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}
.hero__service-name::before{content:"";width:9px;height:9px;border-radius:999px;background:var(--orange);}
.hero__title{
  font-size:clamp(2.55rem,5.35vw,5.1rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  color:#161616 !important;
  font-weight:900 !important;
}
.hero__em-blue{color:var(--blue) !important;}
.hero__em-orange{color:var(--orange) !important;}
.hero__tagline{
  margin-top:22px !important;
  color:#1E1E1E !important;
  font-size:clamp(1.04rem,1.65vw,1.28rem) !important;
  line-height:1.7 !important;
  font-weight:900 !important;
  max-width:34em;
}
.hero__body{
  margin-top:22px !important;
  max-width:43em !important;
  color:#3C3A37 !important;
  font-size:.98rem !important;
  line-height:2 !important;
  font-weight:500 !important;
}
.hero__cta{margin-top:30px !important;}
.cta-note{color:var(--orange) !important;font-weight:900 !important;margin-top:12px !important;}
.hero--saas .hero__backdrop{display:none !important;}
.hero__audience{
  position:absolute !important;
  left:50% !important;
  bottom:42px !important;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 40px));
  z-index:2;
  margin:0 !important;
  display:flex !important;
  justify-content:flex-start;
}
.hero__audience li{
  background:#fff !important;
  color:var(--blue) !important;
  border:0 !important;
  box-shadow:0 16px 48px -36px rgba(0,71,161,.48);
  border-radius:999px !important;
  padding:10px 18px !important;
  font-weight:900 !important;
}

.hero-saas-visual{
  position:relative;
  z-index:2;
  min-height:480px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dashboard-card{
  width:min(100%,520px);
  background:#2B2C2F;
  color:#fff;
  border-radius:18px;
  padding:28px;
  box-shadow:0 38px 80px -50px rgba(0,0,0,.78);
  position:relative;
  overflow:hidden;
}
.dashboard-card::before{
  content:"";
  position:absolute;
  right:-20%;top:-20%;
  width:55%;height:55%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,106,0,.34),transparent 62%);
}
.dashboard-card__top{position:relative;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.72);font-family:var(--font-en);font-weight:800;font-size:.82rem;letter-spacing:.04em;}
.dashboard-dot{width:12px;height:12px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 5px rgba(255,106,0,.16);}
.dashboard-status{margin-left:auto;background:var(--orange);color:#fff;border-radius:999px;padding:4px 10px;font-size:.72rem;}
.dashboard-greeting{position:relative;margin-top:28px;font-size:1.28rem;font-weight:900;color:#fff;}
.dashboard-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;}
.dashboard-metrics div{background:#3A3B3F;border-radius:12px;padding:17px 14px;}
.dashboard-metrics span{display:block;color:rgba(255,255,255,.62);font-size:.76rem;font-weight:700;margin-bottom:8px;}
.dashboard-metrics strong{display:block;font-family:var(--font-en);font-size:1.55rem;line-height:1;color:#fff;}
.dashboard-lower{position:relative;display:grid;grid-template-columns:1fr 148px;gap:16px;margin-top:18px;}
.dashboard-chart{background:#3A3B3F;border-radius:12px;height:150px;padding:22px 18px;display:flex;align-items:flex-end;gap:12px;}
.dashboard-chart span{display:block;flex:1;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#fff,var(--orange));min-height:28px;}
.dashboard-chart span:nth-child(1){height:40%}.dashboard-chart span:nth-child(2){height:58%}.dashboard-chart span:nth-child(3){height:45%}.dashboard-chart span:nth-child(4){height:70%}.dashboard-chart span:nth-child(5){height:92%}
.dashboard-ring{background:#3A3B3F;border-radius:12px;display:grid;place-items:center;align-content:center;position:relative;}
.dashboard-ring::before{content:"";width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--orange) 0 76%,rgba(255,255,255,.16) 76% 100%);position:absolute;}
.dashboard-ring::after{content:"";width:56px;height:56px;border-radius:50%;background:#3A3B3F;position:absolute;}
.dashboard-ring span,.dashboard-ring small{position:relative;z-index:1;display:block;text-align:center;}
.dashboard-ring span{font-family:var(--font-en);font-size:1.25rem;font-weight:900;color:#fff;line-height:1;}
.dashboard-ring small{color:rgba(255,255,255,.7);font-size:.7rem;}
.dashboard-note{position:relative;margin-top:18px;color:#FFB47D;font-size:.86rem;font-weight:900;letter-spacing:.04em;}
.floating-card{position:absolute;background:#fff;color:#1E1E1E;border-radius:14px;padding:16px 18px;box-shadow:0 24px 60px -38px rgba(0,71,161,.45);min-width:190px;}
.floating-card span{display:block;font-family:var(--font-en);font-size:.68rem;font-weight:900;letter-spacing:.14em;color:var(--blue);margin-bottom:4px;}
.floating-card strong{font-size:.94rem;line-height:1.5;}
.floating-card--blue{left:0;top:60px;border-left:7px solid var(--blue);}
.floating-card--orange{right:0;bottom:72px;border-left:7px solid var(--orange);}
.floating-card--orange span{color:var(--orange);}

/* Orange rail under hero */
.brand-strip{
  background:var(--orange);
  color:#fff;
  overflow:hidden;
  min-height:48px;
  display:flex;
  align-items:center;
}
.brand-strip__track{
  width:100%;
  display:flex;
  justify-content:center;
  gap:clamp(22px,4vw,56px);
  padding:11px 20px;
  font-weight:900;
  font-size:.9rem;
  white-space:nowrap;
}
.brand-strip__track span{display:inline-flex;align-items:center;gap:.6em;}
.brand-strip__track span::before{content:"✕";font-family:var(--font-en);font-weight:900;opacity:.92;}

/* Section titles */
.section{padding-block:clamp(72px,9vw,126px);}
.head-block{max-width:760px;margin-bottom:clamp(34px,5vw,58px);}
.eyebrow{
  color:var(--orange) !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
}
.eyebrow::before{background:var(--orange) !important;height:3px;border-radius:999px;}
.section-title{font-weight:900 !important;letter-spacing:-.02em !important;color:#151515 !important;}
.lead{color:#4a4642 !important;font-weight:500 !important;line-height:2 !important;}

/* Problem: white editorial cards with strong color headers */
.problem-section{
  background:#fff !important;
  color:#1E1E1E !important;
  position:relative;
}
.problem-section::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(rgba(0,71,161,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,71,161,.035) 1px,transparent 1px);
  background-size:80px 80px;
  pointer-events:none;
}
.problem-section .container{position:relative;z-index:1;}
.problem-section .section-title,.problem-section h2,.problem-section h3,.problem-section p,.problem-section .lead{color:#1E1E1E !important;}
.problem-section .head-block{max-width:820px;margin-inline:auto;text-align:center;}
.problem-section .eyebrow{justify-content:center;color:var(--blue) !important;}
.problem-grid{
  gap:18px !important;
  border:0 !important;
  background:transparent !important;
  grid-template-columns:repeat(4,1fr) !important;
}
.problem-grid .problem-card{
  border:0 !important;
  border-radius:18px !important;
  min-height:310px !important;
  padding:26px 24px !important;
  background:#fff !important;
  box-shadow:var(--shadow-pop) !important;
  overflow:hidden;
}
.problem-grid .problem-card::before{display:block !important;height:9px !important;background:var(--orange) !important;}
.problem-grid .problem-card:nth-child(even)::before{background:var(--blue) !important;}
.problem-card__head{margin-bottom:24px !important;}
.problem-card__no{
  width:56px !important;height:56px !important;border-radius:16px !important;
  background:var(--orange) !important;
  color:#fff !important;box-shadow:none !important;
  font-family:var(--font-en);font-weight:900 !important;
}
.problem-grid .problem-card:nth-child(even) .problem-card__no{background:var(--blue) !important;box-shadow:none !important;}
.problem-card__icon{border:0 !important;background:#FFF1E8 !important;border-radius:16px !important;}
.problem-grid .problem-card:nth-child(even) .problem-card__icon{background:#EAF0F9 !important;color:var(--blue) !important;}
.problem-card h3{font-size:1.12rem !important;font-weight:900 !important;}
.problem-card p{color:#57514C !important;font-weight:500 !important;}

/* Structure: clean two-column SaaS content */
.structure-layout{
  border:0 !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#FFF8F1 0%,#fff 58%,#EAF0F9 100%) !important;
  box-shadow:var(--shadow-pop) !important;
  padding:clamp(30px,5vw,64px) !important;
  overflow:hidden;
}
.structure-image{border-radius:22px !important;box-shadow:0 24px 60px -42px rgba(0,71,161,.44) !important;}
.structure-image img{aspect-ratio:4/3;object-fit:cover;}

/* Value: orange section inspired by CTA block */
.value-section--orange{
  background:linear-gradient(135deg,#FF6A00 0%,#ff7d1f 48%,#FF6A00 100%) !important;
  color:#fff !important;
}
.value-section--orange::before{
  background:radial-gradient(circle at 84% 18%,rgba(255,255,255,.22),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 48%) !important;
}
.value-section--orange::after{
  right:-12%;bottom:-22%;width:46vw;height:46vw;border-radius:0;transform:skewX(-16deg);background:rgba(255,255,255,.12) !important;
}
.value-section--orange .head-block{max-width:850px;}
.value-section--orange .section-title,.value-section--orange h3,.value-section--orange .lead{color:#fff !important;}
.value-section--orange .value-card{
  border:0 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 26px 62px -48px rgba(0,0,0,.42) !important;
  min-height:280px;
}
.value-section--orange .value-card__icon{border-radius:16px !important;background:var(--blue) !important;}
.value-section--orange .value-card:nth-child(even) .value-card__icon{background:var(--orange) !important;}
.value-section--orange .value-card h3{color:#1E1E1E !important;font-weight:900 !important;}
.value-section--orange .value-card p{color:#55514d !important;}
.value-section--orange .value-card h3 .en{color:var(--blue) !important;font-weight:900 !important;}

/* Services overview: dark section like reference */
.services-overview{
  background:#303033 !important;
  color:#fff !important;
  position:relative;
  overflow:hidden;
}
.services-overview::before{
  content:"";
  position:absolute;inset:auto -18% -28% -18%;height:52%;
  background:linear-gradient(180deg,rgba(255,106,0,0),rgba(255,106,0,.24));
  pointer-events:none;
}
.services-overview .container{position:relative;z-index:1;}
.services-overview .section-title,.services-overview h2,.services-overview .lead{color:#fff !important;}
.services-overview .grid--2{gap:28px !important;}
.services-overview .service-card{
  display:grid !important;
  grid-template-columns:1fr !important;
  background:#fff !important;
  color:#1E1E1E !important;
  border-radius:20px !important;
  box-shadow:0 30px 72px -54px rgba(0,0,0,.82) !important;
  min-height:auto !important;
}
.services-overview .service-card__media{
  height:240px !important;
  min-height:0 !important;
  opacity:1 !important;
  background:#F5F7FB;
}
.service-card__media img{filter:none !important;}
.services-overview .service-card__body{padding:30px 32px 34px !important;}
.services-overview .service-card__no{color:var(--orange) !important;}
.services-overview .service-card:nth-child(2) .service-card__no{color:var(--blue) !important;}
.services-overview .service-card h3{color:#1E1E1E !important;font-weight:900 !important;}
.services-overview .service-card__desc{color:#4f4a45 !important;}
.services-overview .service-card__connect{
  background:#1E1E1E !important;
  color:#fff !important;
  border:0 !important;
  align-self:flex-start;
}
.services-overview .service-card:nth-child(2) .service-card__connect{background:var(--blue) !important;}

/* Service detail panels */
.service-detail--planning{
  background:#fff !important;
  color:#1E1E1E !important;
}
.service-detail--planning::before{
  background:radial-gradient(circle at 88% 14%,rgba(255,106,0,.22),transparent 26%),linear-gradient(90deg,transparent,rgba(255,247,239,.9)) !important;
}
.service-detail--planning .section-title,.service-detail--planning h2,.service-detail--planning h3,.service-detail--planning p,.service-detail--planning .lead{color:#1E1E1E !important;}
.service-detail--planning .service-detail__content{
  background:#303033 !important;
  color:#fff !important;
  border-radius:20px !important;
  box-shadow:0 32px 74px -54px rgba(0,0,0,.68) !important;
}
.service-detail--planning .service-detail__content h3,.service-detail--planning .service-detail__content p{color:#fff !important;}
.service-detail__meta{
  background:rgba(255,106,0,.15) !important;
  color:var(--orange) !important;
  border-radius:999px !important;
  border:0 !important;
}
.service-detail__image,.service-detail__banner{
  border-radius:20px !important;
  box-shadow:var(--shadow-pop) !important;
}
.service-outcomes div{
  background:#fff !important;
  border-radius:14px !important;
  border:0 !important;
}
.service-outcomes strong{color:var(--orange) !important;font-weight:900 !important;}
.service-outcomes span{color:#1E1E1E !important;font-weight:800 !important;}
.service-process{
  border-radius:20px !important;
  box-shadow:var(--shadow-pop) !important;
}
.service-process__list li{border-radius:16px !important;background:#FFF7EF !important;}
.service-detail--implementation{
  background:#303033 !important;
  color:#fff !important;
}
.service-detail--implementation::before{color:rgba(255,255,255,.07) !important;}
.service-detail--implementation .section-title,.service-detail--implementation h2,.service-detail--implementation h3,.service-detail--implementation p,.service-detail--implementation .lead,.service-detail--implementation li{color:#fff !important;}
.service-detail--implementation .implementation-plan{
  border-radius:20px !important;
  background:#3A3B3F !important;
  border:0 !important;
  box-shadow:0 22px 56px -48px rgba(0,0,0,.72) !important;
}
.service-detail--implementation .implementation-plan--standard{background:linear-gradient(135deg,var(--orange),#ff8b35) !important;}
.service-detail--implementation .implementation-plan--premium{background:var(--blue) !important;}
.service-detail--implementation .implementation-plan__label{background:#fff !important;color:#1E1E1E !important;border:0 !important;}

/* Case: story cards with template-like dark accents */
#case{background:#fff !important;}
.case-story-list{gap:26px !important;}
.case-story{
  border-radius:22px !important;
  border:0 !important;
  box-shadow:var(--shadow-pop) !important;
  background:#fff !important;
}
.case-story::before{height:10px !important;}
.case-story__label{border-radius:999px !important;background:var(--case-accent) !important;color:#fff !important;}
.case-story__tag{background:#F4F6FA !important;color:#3d3935 !important;}
.case-story h3{font-weight:900 !important;}
.case-story__step{border-radius:16px !important;background:#F8F6F3 !important;}
.case-story--black{--case-accent:#303033 !important;}

/* Statement */
.statement{
  min-height:clamp(560px,56vw,760px) !important;
  background:#0047A1 !important;
}
.statement::before{opacity:.48 !important;}
.statement::after{
  background:linear-gradient(100deg,rgba(0,71,161,.96) 0%,rgba(0,71,161,.84) 50%,rgba(255,106,0,.42) 100%) !important;
}
.statement .section-title,.statement .lead{color:#fff !important;}
.statement .eyebrow{color:#fff !important;}
.statement .eyebrow::before{background:#fff !important;}

/* Project flow */
.project-flow{background:#FFF7EF !important;}
.flow-list--vertical::before{display:none !important;}
.flow-list--vertical{gap:18px !important;}
.flow-list--vertical li{
  border:0 !important;
  border-radius:20px !important;
  box-shadow:var(--shadow-pop) !important;
  background:#fff !important;
}
.flow-step__side span{background:var(--orange) !important;border-radius:16px !important;box-shadow:none !important;}
.flow-list--vertical li:nth-child(even) .flow-step__side span{background:var(--blue) !important;}
.flow-step__body h3{font-weight:900 !important;}
.flow-step__pills li{background:#F3F6FB !important;border:0 !important;color:#1E1E1E !important;border-radius:999px !important;}

/* Consultants */
.consultant-section{background:#fff !important;}
.consultant-card{
  border:0 !important;
  border-radius:22px !important;
  box-shadow:var(--shadow-pop) !important;
  background:#fff !important;
}
.consultant-card__media{border-radius:22px 22px 0 0 !important;background:#F5F7FB !important;}
.consultant-card__role{color:var(--blue) !important;font-weight:900 !important;}
.consultant-card--lead .consultant-card__role{color:var(--orange) !important;}
.consultant-card h3{font-weight:900 !important;}

/* Final CTA / footer */
.final-cta{
  background:linear-gradient(135deg,#FF6A00 0%,#ff7a1f 42%,#FF6A00 100%) !important;
  color:#fff !important;
  text-align:left !important;
  overflow:hidden;
}
.final-cta::after{
  content:"";
  position:absolute;
  right:10%;bottom:-18%;
  width:28vw;height:42vw;
  min-width:220px;min-height:320px;
  transform:skewX(-18deg);
  background:rgba(255,255,255,.12);
}
.final-cta .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;}
.final-cta .eyebrow{justify-content:flex-start !important;color:#fff !important;}
.final-cta .eyebrow::before{background:#fff !important;}
.final-cta .section-title,.final-cta p{color:#fff !important;}
.final-cta .section-title{margin-bottom:14px !important;}
.final-cta p:not(.eyebrow):not(.cta-note){max-width:42em;margin:0 !important;}
.final-cta__buttons{justify-content:flex-end !important;}
.final-cta .btn--primary{background:#1E1E1E !important;color:#fff !important;}
.cta-note--final{grid-column:1/-1;color:#fff !important;margin-top:-18px !important;}
.site-footer{background:#292A2D !important;color:#fff !important;}
.site-footer p,.site-footer a,.footer-bottom{color:rgba(255,255,255,.82) !important;}
.footer-consult-link{color:#fff !important;}

/* About / Contact page light SaaS consistency */
.about-hero,.contact-hero{
  background:linear-gradient(135deg,#0047A1,#005fc7) !important;
}
.about-hero::after,.contact-hero::after{
  background:linear-gradient(100deg,rgba(0,71,161,.92),rgba(0,71,161,.75),rgba(255,106,0,.42)) !important;
}
.contact-section{background:#FFF7EF !important;}
.contact-form,.thanks-card,.privacy-content{
  border:0 !important;
  border-radius:22px !important;
  box-shadow:var(--shadow-pop) !important;
}
input,select,textarea{border-radius:12px !important;border:1px solid rgba(30,30,30,.12) !important;}

/* Responsive */
@media (max-width:1100px){
  .hero--saas .hero__grid{grid-template-columns:1fr !important;gap:20px;}
  .hero-saas-visual{min-height:430px;}
  .hero__audience{display:none !important;}
  .problem-grid{grid-template-columns:repeat(2,1fr) !important;}
  .final-cta .container{grid-template-columns:1fr;}
  .final-cta__buttons{justify-content:flex-start !important;}
}
@media (max-width:900px){
  .site-header{padding:10px 0;}
  .site-header .header-inner{height:58px;padding-right:10px;}
  .global-nav{background:#fff !important;border-radius:18px !important;box-shadow:var(--shadow-pop) !important;}
  .nav-toggle{display:block;border-radius:999px !important;border:0 !important;background:#F4F6FA !important;}
  .hero--saas{min-height:auto !important;}
  .hero--saas .hero__grid{padding-top:112px !important;padding-bottom:64px !important;}
  .hero__copy{padding-top:0 !important;}
  .hero__title{font-size:clamp(2.34rem,9.5vw,3.8rem) !important;}
  .dashboard-card{padding:22px;}
  .floating-card{display:none;}
  .brand-strip__track{justify-content:flex-start;overflow-x:auto;}
  .value-section--orange::before{background:linear-gradient(135deg,rgba(255,106,0,.98),rgba(255,128,41,.94)) !important;}
}
@media (max-width:760px){
  .section{padding-block:64px;}
  .hero-saas-visual{min-height:360px;}
  .dashboard-card{border-radius:16px;}
  .dashboard-metrics{grid-template-columns:1fr 1fr;}
  .dashboard-metrics div:last-child{grid-column:1/-1;}
  .dashboard-lower{grid-template-columns:1fr;}
  .dashboard-ring{height:126px;}
  .problem-grid{grid-template-columns:1fr !important;}
  .grid--4{grid-template-columns:1fr !important;}
  .case-story{grid-template-columns:1fr !important;}
  .flow-list--vertical li{grid-template-columns:72px 1fr !important;border-radius:18px !important;padding:22px 18px !important;}
  .flow-step__icon{width:52px !important;height:52px !important;}
}
@media (max-width:560px){
  .brand__logo{width:140px;}
  .header-cta{display:none !important;}
  .hero--saas .hero__grid{padding-top:98px !important;padding-bottom:54px !important;}
  .hero__title{font-size:2.24rem !important;line-height:1.13 !important;max-width:12em !important;}
  .hero__tagline{font-size:.98rem !important;}
  .hero__body{font-size:.92rem !important;line-height:1.9 !important;}
  .hero-saas-visual{min-height:330px;}
  .dashboard-card{padding:18px;}
  .dashboard-greeting{font-size:1.05rem;}
  .dashboard-metrics strong{font-size:1.25rem;}
  .service-card__body{padding:24px 22px !important;}
  .services-overview .service-card__media{height:180px !important;}
  .service-process__list{grid-template-columns:1fr !important;}
  .implementation-plans{grid-template-columns:1fr !important;}
  .final-cta{text-align:left !important;}
  .cta-note--final{margin-top:-8px !important;}
}
.site-footer .brand__logo--footer{filter:brightness(0) invert(1) !important;opacity:.96;}

/* =========================================================
   Requested fixes 2026-06-27
   ========================================================= */
/* FV: 背景写真を主役に戻し、添付イメージに近い左テキスト＋右人物構成へ */
.hero--saas{
  min-height:clamp(720px,56vw,880px) !important;
  background:#fff !important;
  overflow:hidden !important;
}
.hero--saas::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 32%,rgba(255,255,255,.58) 52%,rgba(255,255,255,.08) 72%,rgba(255,255,255,0) 100%) !important;
  pointer-events:none !important;
  mask-image:none !important;
}
.hero--saas::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:34% !important;
  z-index:1 !important;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.42) 52%,rgba(255,255,255,.92)) !important;
  pointer-events:none !important;
}
.hero--saas .hero__backdrop{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  z-index:0 !important;
}
.hero-saas-visual{display:none !important;}
.hero--saas .hero__grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,53%) !important;
  min-height:inherit !important;
  align-items:center !important;
  padding-top:clamp(112px,10vw,152px) !important;
  padding-bottom:clamp(74px,8vw,116px) !important;
}
.hero--saas .hero__copy{max-width:650px !important;z-index:2 !important;}
.hero__title{
  color:#050505 !important;
  text-shadow:0 2px 0 rgba(255,255,255,.72),0 0 24px rgba(255,255,255,.72) !important;
}
.hero__service-name{
  background:#050505 !important;
  color:#fff !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:6px 16px !important;
}
.hero__service-name::before{display:none !important;}
.hero__tagline{
  color:var(--orange) !important;
  font-weight:900 !important;
}
.hero__body{color:#111 !important;font-weight:700 !important;}
.hero__audience{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  top:auto !important;
  transform:none !important;
  width:auto !important;
  display:flex !important;
  justify-content:flex-start !important;
  margin-top:16px !important;
}
.hero__audience li{
  color:var(--orange) !important;
  background:rgba(255,255,255,.86) !important;
  border:2px solid var(--orange) !important;
  border-radius:7px !important;
  box-shadow:none !important;
}

/* CASE：カード枠の色・線を削除 */
.case-story{
  border:0 !important;
  box-shadow:0 24px 60px -52px rgba(0,40,90,.46) !important;
  background:#fff !important;
}
.case-story::before{display:none !important;}
.case-story__label{
  background:transparent !important;
  color:#1E1E1E !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}
.case-story__tag{background:#F6F4F0 !important;color:#55514D !important;border:0 !important;}
.case-story__change{color:#1E1E1E !important;}
.case-story__step{border:0 !important;background:#F8F6F3 !important;}
.case-story__step span{color:#1E1E1E !important;}

/* PROBLEM：数字 01〜04 を必ずアイコンの前に配置 */
.problem-card__head{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
}
.problem-card__no{order:1 !important;}
.problem-card__icon{order:2 !important;}

/* PROJECT FLOW：期間・進め方・成果物の背景を濃いオレンジへ */
.flow-step__pills li{
  background:#D95700 !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
.flow-step__pills li strong,
.flow-step__pills li span{color:#fff !important;}

/* PROJECT FLOW：PCは矢印なし、スマホはすべて下向きに統一 */
.flow-list--vertical li::after{display:none !important;}
@media (max-width:760px){
  .flow-list--vertical li:not(:last-child)::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:-14px !important;
    width:12px !important;
    height:12px !important;
    border-right:3px solid var(--orange) !important;
    border-top:3px solid var(--orange) !important;
    transform:translateX(-50%) rotate(135deg) !important;
    z-index:4 !important;
    background:transparent !important;
  }
}

/* CONSULTANT：スマホ版の肩書きは青文字に統一 */
@media (max-width:760px){
  .consultant-card__role,
  .consultant-card--lead .consultant-card__role{color:var(--blue) !important;}
}

/* ヘッダー：ハンバーガーを右寄せ、オレンジ線、囲み・背景なし */
.header-actions{margin-left:auto !important;}
.nav-toggle{
  margin-left:auto !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.nav-toggle span,
.nav-toggle span::before,
.nav-toggle span::after{background:var(--orange) !important;}
.nav-open .nav-toggle span{background:transparent !important;}
@media (max-width:900px){
  .site-header .header-inner{justify-content:space-between !important;}
  .nav-toggle{background:transparent !important;border:0 !important;}
}

/* SERVICE 02：Focus / Standard / Premium の文字色を各背景色に合わせる */
.service-detail--implementation .implementation-plan__label{
  background:#fff !important;
  color:var(--orange) !important;
  border:0 !important;
  font-weight:900 !important;
}
.service-detail--implementation .implementation-plan--standard .implementation-plan__label{color:var(--orange) !important;}
.service-detail--implementation .implementation-plan--premium .implementation-plan__label{color:var(--blue) !important;}

/* SERVICE 01：背景をオレンジへ。黒い囲みは濃いオレンジに変更 */
.service-detail--planning{
  background:linear-gradient(135deg,#FF6A00 0%,#FF7A1F 58%,#FF8B35 100%) !important;
  color:#1E1E1E !important;
  position:relative !important;
  overflow:hidden !important;
}
.service-detail--planning::before{
  background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.26),transparent 25%),linear-gradient(120deg,rgba(255,255,255,.16),transparent 52%) !important;
}
.service-detail--planning .eyebrow,
.service-detail--planning .section-title,
.service-detail--planning .lead,
.service-detail--planning .service-detail__header p,
.service-detail--planning .service-detail__header h2{
  color:#1E1E1E !important;
}
.service-detail--planning .eyebrow::before{background:#1E1E1E !important;}
.service-detail--planning .service-detail__content{
  background:#C94F00 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:20px !important;
  box-shadow:0 28px 70px -48px rgba(89,34,0,.58) !important;
}
.service-detail--planning .service-detail__content h3,
.service-detail--planning .service-detail__content p,
.service-detail--planning .service-detail__content > p:not(.service-detail__meta){
  color:#fff !important;
}
.service-detail--planning .service-detail__meta{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.34) !important;
}
.service-detail--planning .service-outcomes div{
  background:#fff !important;
  border:0 !important;
}
.service-detail--planning .service-outcomes strong{color:var(--orange) !important;}
.service-detail--planning .service-outcomes span{color:#1E1E1E !important;}

/* FV mobile tuning */
@media (max-width:900px){
  .hero--saas{
    min-height:auto !important;
    background:#fff !important;
  }
  .hero--saas::before{
    background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 40%,rgba(255,255,255,.84) 70%,#fff 100%) !important;
  }
  .hero--saas::after{display:none !important;}
  .hero--saas .hero__grid{
    grid-template-columns:1fr !important;
    padding-top:360px !important;
    padding-bottom:54px !important;
  }
  .hero--saas .hero__backdrop{
    height:440px !important;
    bottom:auto !important;
    object-position:center top !important;
  }
  .hero--saas .hero__copy{max-width:100% !important;}
  .hero__title{font-size:clamp(2.18rem,10vw,3.24rem) !important;line-height:1.17 !important;max-width:11.2em !important;}
  .hero__body{font-weight:600 !important;}
  .hero__audience{display:none !important;}
}
@media (max-width:560px){
  .hero--saas .hero__grid{padding-top:322px !important;}
  .hero--saas .hero__backdrop{height:390px !important;}
  .hero__title{font-size:2.18rem !important;line-height:1.18 !important;}
  .hero__service-name{font-size:.92rem !important;}
  .hero__tagline{font-size:.96rem !important;}
  .hero__body{font-size:.92rem !important;line-height:1.9 !important;}
}

/* FV audience button alignment */
.hero__audience{
  position:absolute !important;
  left:max(20px,calc((100vw - var(--maxw)) / 2 + var(--gutter))) !important;
  bottom:clamp(32px,4vw,64px) !important;
  z-index:3 !important;
  margin:0 !important;
  transform:none !important;
}
@media (max-width:900px){.hero__audience{display:none !important;}}