:root{
  --cute-blue:#1767e8;
  --cute-sky:#32b9e8;
  --cute-lilac:#8068ee;
  --cute-pink:#ff7f9f;
  --cute-mint:#4fc99a;
  --cute-cream:#fff8ef;
  --cute-line:rgba(87,116,163,.16);
  --section-space:88px;
  --content-gap:42px;
}

body{
  background:#fbfdff;
}

.section{
  overflow:clip;
}

.section>.shell{
  position:relative;
  z-index:2;
}

.section-heading{
  max-width:760px;
}

.section-heading .eyebrow,
.sticky-title .eyebrow,
.free-content .eyebrow{
  padding:7px 11px;
  border:1px solid rgba(82,130,209,.16);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 24px rgba(41,83,145,.07);
  backdrop-filter:blur(10px);
}

.section-heading h2,
.sticky-title h2,
.free-content h2{
  letter-spacing:-.045em;
}

.section-heading p{
  max-width:620px;
  margin-inline:auto;
}

.section-heading.left p{
  margin-left:0;
}

.section-heading:after{
  width:58px!important;
  height:5px!important;
  background:linear-gradient(90deg,var(--cute-blue),var(--cute-sky) 38%,var(--cute-pink) 68%,var(--cute-lilac))!important;
  box-shadow:0 5px 16px rgba(48,151,220,.18);
}

.audience{
  background:
    radial-gradient(circle at 7% 22%,rgba(75,196,235,.16),transparent 23%),
    radial-gradient(circle at 92% 78%,rgba(255,133,170,.12),transparent 26%),
    linear-gradient(180deg,#fff,#f8fbff)!important;
}

.audience-grid{
  gap:16px!important;
}

.audience-grid article{
  border-radius:28px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 18px 50px rgba(37,74,127,.08)!important;
}

.audience-grid article:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#48c8e8,#4b7ff0);
}

.audience-grid article:nth-child(2):before{background:linear-gradient(90deg,#9b75ef,#e184d3)}
.audience-grid article:nth-child(3):before{background:linear-gradient(90deg,#48c89a,#8bdab9)}

.pain-section{
  background:
    radial-gradient(circle at 82% 10%,rgba(128,104,238,.12),transparent 22%),
    linear-gradient(180deg,#f4f8ff,#fffdfb)!important;
}

.pain-grid article{
  border-radius:28px!important;
  box-shadow:0 18px 46px rgba(50,70,112,.08)!important;
}

.pain-grid .orange,.pain-grid .green{
  margin-top:14px!important;
}

.result-section{
  background:
    radial-gradient(circle at 9% 86%,rgba(54,190,228,.18),transparent 24%),
    radial-gradient(circle at 91% 18%,rgba(139,105,236,.14),transparent 27%),
    linear-gradient(180deg,#fff,#eef5ff)!important;
}

.result-showcase{
  border:1px solid rgba(118,153,211,.2);
  border-radius:36px!important;
  box-shadow:0 40px 96px rgba(25,61,118,.2),0 8px 26px rgba(36,113,217,.08)!important;
}

.result-demo{
  background:linear-gradient(145deg,#f9fbff,#eef5ff)!important;
}

.blue-section{
  background:
    radial-gradient(circle at 8% 12%,rgba(72,216,255,.34),transparent 24%),
    radial-gradient(circle at 92% 85%,rgba(167,112,255,.3),transparent 26%),
    linear-gradient(135deg,#082c75,#1467d0 52%,#148fc4)!important;
}

.steps article{
  border-radius:26px!important;
  background:rgba(255,255,255,.94)!important;
}

.steps article:nth-child(2),.steps article:nth-child(4){
  transform:translateY(10px)!important;
}

.ai-tools{
  background:
    radial-gradient(circle at 5% 25%,rgba(54,193,229,.16),transparent 25%),
    radial-gradient(circle at 95% 70%,rgba(255,124,162,.13),transparent 26%),
    linear-gradient(180deg,#fff,#f8fbff)!important;
}

.role-tabs{
  padding:5px!important;
  border-color:rgba(91,123,174,.16)!important;
  background:rgba(245,248,253,.88)!important;
  box-shadow:0 12px 30px rgba(43,74,117,.07);
}

.role-tabs button.active{
  background:#fff!important;
  box-shadow:0 8px 20px rgba(43,89,164,.12)!important;
}

.tool-cards{
  gap:16px!important;
}

.tool-card{
  border-radius:28px!important;
  border-color:var(--cute-line)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 48px rgba(34,70,123,.09)!important;
}

.tool-card:nth-child(1){background:linear-gradient(145deg,#fff,#f2fbf7)!important}
.tool-card:nth-child(2){background:linear-gradient(145deg,#fff,#f7f3ff)!important}
.tool-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff7f3)!important}
.tool-card:nth-child(4){background:linear-gradient(145deg,#fff,#f2f9ff)!important}

.tool-art{
  margin:10px 10px 10px 0!important;
  border-radius:21px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 10px 24px rgba(45,75,120,.1);
}

.case-stories{
  background:
    radial-gradient(circle at 16% 14%,rgba(255,185,111,.13),transparent 22%),
    radial-gradient(circle at 88% 80%,rgba(57,187,224,.13),transparent 25%),
    linear-gradient(180deg,#f8fbff,#fffaf7)!important;
}

.case-grid{
  gap:16px!important;
}

.case-card{
  border-radius:26px!important;
  border-color:var(--cute-line)!important;
  box-shadow:0 20px 50px rgba(41,72,115,.09)!important;
}

.case-card:nth-child(1){rotate:-.35deg}
.case-card:nth-child(2){rotate:.3deg}
.case-card:nth-child(3){rotate:-.25deg}
.case-card:nth-child(4){rotate:.35deg}
.case-card:hover{rotate:0deg}

.case-art{
  border-radius:18px!important;
  box-shadow:0 12px 24px rgba(40,71,111,.1);
}

#scenarios{
  background:
    radial-gradient(circle at 90% 14%,rgba(130,105,239,.12),transparent 24%),
    linear-gradient(180deg,#eef5ff,#f9fbff)!important;
}

.scenario-table{
  padding:8px;
  border-radius:30px!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:0 24px 60px rgba(34,67,112,.09);
}

.scenario-table article{
  margin-top:8px;
  border:0!important;
  border-radius:18px;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(38,67,108,.055);
}

#structure{
  background:
    radial-gradient(circle at 82% 18%,rgba(58,193,226,.14),transparent 25%),
    linear-gradient(180deg,#fff,#f8fbff)!important;
}

.structure-list article{
  border-radius:26px!important;
  background:rgba(255,255,255,.92)!important;
}

.comparison{
  background:
    radial-gradient(circle at 10% 52%,rgba(255,129,151,.11),transparent 24%),
    radial-gradient(circle at 91% 46%,rgba(71,200,154,.11),transparent 24%),
    #fff!important;
}

.quality-table{
  border-radius:28px!important;
  box-shadow:0 24px 60px rgba(39,70,113,.09);
}

.quality-table article:nth-child(even)>b{
  background:#f9fbff;
}

.before-after>article{
  border-radius:30px!important;
  box-shadow:0 22px 55px rgba(40,72,116,.09)!important;
}

.before-after>article:first-child{border-top:4px solid #ff93a7!important}
.before-after>article.after{border-top:4px solid #58cca0!important}

.honest{
  background:
    radial-gradient(circle at 10% 18%,rgba(53,194,230,.25),transparent 24%),
    radial-gradient(circle at 90% 82%,rgba(151,100,236,.28),transparent 26%),
    linear-gradient(135deg,#08162d,#102d57 55%,#2a1d56)!important;
}

.honest-grid article{
  border:1px solid rgba(159,196,245,.15);
  border-radius:28px!important;
  background:rgba(255,255,255,.055)!important;
  backdrop-filter:blur(10px);
}

.honest .section-heading .eyebrow.light{
  color:#fff!important;
  background:rgba(23,103,232,.42)!important;
  border-color:rgba(145,204,255,.72)!important;
  box-shadow:0 8px 24px rgba(0,9,28,.24),inset 0 0 0 1px rgba(255,255,255,.08)!important;
  text-shadow:0 1px 2px rgba(0,14,44,.3);
}

.faq-section{
  background:
    radial-gradient(circle at 8% 20%,rgba(54,189,229,.14),transparent 24%),
    radial-gradient(circle at 92% 80%,rgba(255,144,171,.12),transparent 25%),
    linear-gradient(180deg,#f5f9ff,#fffaf7)!important;
}

.faq-accordion{
  gap:12px!important;
}

.faq-accordion details{
  border-radius:19px!important;
  border-color:var(--cute-line)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 28px rgba(36,70,119,.055);
}

.faq-accordion details:nth-child(4n+2){background:rgba(250,247,255,.92)!important}
.faq-accordion details:nth-child(4n+3){background:rgba(245,253,249,.92)!important}
.faq-accordion details:nth-child(4n){background:rgba(255,249,246,.92)!important}

.seo-section{
  background:
    radial-gradient(circle at 90% 20%,rgba(128,104,238,.13),transparent 26%),
    linear-gradient(180deg,#edf5ff,#fff)!important;
}

.seo-grid article{
  border-radius:27px!important;
  background:rgba(255,255,255,.9)!important;
}

.free-cta{
  border-top:0!important;
}

.motion-ready .reveal-item{
  translate:0 20px!important;
  scale:.995!important;
  filter:none!important;
  transition-duration:.58s!important;
}

.motion-ready .reveal-item.is-visible{
  translate:0 0!important;
  scale:1!important;
}

@media(min-width:1440px){:root{--section-space:92px;--content-gap:44px}}
@media(min-width:1280px) and (max-width:1439px){:root{--section-space:88px;--content-gap:42px}}
@media(min-width:1024px) and (max-width:1279px){:root{--section-space:82px;--content-gap:40px}}
@media(min-width:768px) and (max-width:1023px){:root{--section-space:76px;--content-gap:36px}}
@media(min-width:430px) and (max-width:767px){:root{--section-space:62px;--content-gap:30px}}
@media(min-width:390px) and (max-width:429px){:root{--section-space:58px;--content-gap:28px}}
@media(max-width:389px){:root{--section-space:56px;--content-gap:26px}}

@media(max-width:900px){
  .steps article:nth-child(2),.steps article:nth-child(4){transform:none!important}
  .case-card{rotate:0deg}
}

@media(max-width:700px){
  .section-heading .eyebrow,.sticky-title .eyebrow,.free-content .eyebrow{padding:6px 9px}
  .audience-grid article,.pain-grid article,.tool-card,.case-card,.before-after>article,.honest-grid article,.seo-grid article{border-radius:22px!important}
  .pain-grid .orange,.pain-grid .green{margin-top:0!important}
  .tool-art{margin:0 12px 12px!important;border-radius:18px!important}
  .scenario-table{padding:0;background:transparent!important;box-shadow:none}
  .scenario-table article{margin-top:10px}
}

@media(prefers-reduced-motion:reduce){
  .case-card{rotate:0deg!important}
}