/* Final visual rhythm pass. Loaded last so the approved components keep their
   identity while sharing one type scale and spacing system. */
:root{
  --section-space:88px;
  --section-gutter:max(28px,6vw);
  --copy-leading:1.55
}

body{line-height:var(--copy-leading)}
.c-btn{min-height:52px;padding-inline:23px}
.c-kicker{margin-bottom:16px;font-size:11px;line-height:1.35;letter-spacing:.12em}

/* Hero */
.c-hero.c-original-hero{
  position:relative;
  isolation:isolate;
  padding-block:88px;
  background-color:var(--paper);
  background-image:linear-gradient(rgba(120,87,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,87,255,.035) 1px,transparent 1px),radial-gradient(circle at 50% 118%,rgba(120,87,255,.13),transparent 45%);
  background-size:64px 64px,64px 64px,100% 100%
}
.c-original-hero .c-hero-copy{position:relative;z-index:2;max-width:1000px;transform:translateY(-62px)}
.c-original-hero .c-kicker{margin-bottom:22px}
.c-original-hero h1{font-size:clamp(60px,6.5vw,92px);line-height:.94;letter-spacing:-.035em}
.c-original-hero .c-hero-copy>p:not(.c-kicker){max-width:720px;margin-top:27px;font-size:18px;line-height:1.55}
.c-original-hero .c-hero-actions{margin-top:32px}
.c-hero-signals{position:absolute;z-index:1;inset:0;pointer-events:none}
.c-hero-signal{position:absolute;display:flex;align-items:center;gap:11px;min-width:164px;padding:0;text-align:left}
.c-hero-signal>span:last-child{display:grid;gap:3px;padding-bottom:5px;border-bottom:1px solid rgba(17,17,17,.22)}
.c-hero-signal small{font:500 8px/1.25 var(--mono);letter-spacing:.1em;color:#6c6871}
.c-hero-signal b{font-size:13px;line-height:1.2;white-space:nowrap}
.c-signal-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1.5px solid var(--ink);border-radius:50%;background:var(--lime);box-shadow:2px 2px 0 rgba(17,17,17,.9)}
.c-signal-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c-signal-opportunity{left:max(24px,calc(50% - 505px));top:5%;transform:rotate(-2deg)}
.c-signal-content{right:max(24px,calc(50% - 505px));top:6%;transform:rotate(2deg)}
.c-signal-content .c-signal-icon{background:var(--pink)}
.c-signal-publish{left:max(34px,calc(50% - 500px));bottom:22%;transform:rotate(2deg)}
.c-signal-publish .c-signal-icon{background:var(--yellow)}
.c-signal-authority{right:max(34px,calc(50% - 500px));bottom:21%;transform:rotate(-2deg)}
.c-signal-authority .c-signal-icon{background:var(--blue)}

/* Problem and solution */
.c-problem-solution{gap:18px;padding:64px var(--section-gutter)}
.c-problem-solution .c-problem h2{font-size:clamp(44px,4vw,60px);line-height:.98}
.c-problem-solution .c-solution{padding:25px}
.c-problem-solution .c-solution h2{font-size:clamp(40px,3.8vw,56px);line-height:.98}
.c-problem-list{margin-top:24px}
.c-problem-list article{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:14px 0}
.c-problem-list article>span{width:42px;height:42px;font-size:27px}
.c-problem-list h3{font-size:19px}
.c-problem-list p{margin-top:5px;font-size:14px}
.c-solution-card{margin-top:19px;padding:18px 22px 7px}
.c-solution-card li{grid-template-columns:45px minmax(0,1fr);gap:13px;padding:11px 0}
.c-solution-card li>span{width:39px;height:39px;font-size:21px}
.c-solution-card h3{font-size:18px}
.c-solution-card p{margin-top:4px;font-size:13px}

/* Three-step overview */
.c-workflow{padding:76px var(--section-gutter) 60px}
.c-workflow-heading{gap:48px;margin-bottom:34px}
.c-workflow-heading .c-kicker{margin-bottom:18px}
.c-workflow-heading h2{font-size:clamp(40px,4.5vw,64px);line-height:1.02}
.c-workflow-intro p{margin-bottom:18px;font-size:16px;line-height:1.55}
.c-workflow-cards{gap:18px}
.c-workflow-card{border-radius:20px}
.c-workflow-label{padding:16px 17px}
.c-workflow-copy{padding:20px 20px 23px}
.c-workflow-copy h3{margin-bottom:7px;font-size:clamp(20px,1.55vw,23px)}
.c-workflow-copy p{font-size:13px;line-height:1.55}

/* Core feature stories */
.c-features{padding:78px var(--section-gutter)}
.c-features-head{gap:44px;margin-bottom:34px}
.c-features-head h2{font-size:clamp(50px,5.25vw,76px);line-height:.96}
.c-features-intro>p{margin-bottom:18px;font-size:16px}
.c-feature-stories{border-radius:23px;box-shadow:7px 7px 0 var(--ink)}
.c-feature-story{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:30px;padding:27px 30px}
.c-feature-copy h3{margin:11px 0 8px;font-size:clamp(27px,2.35vw,35px);line-height:1.04}
.c-feature-copy>p:not(.c-feature-index){font-size:14px;line-height:1.5}
.c-feature-copy ul{margin-top:14px}
.c-feature-copy li{padding-block:7px;font-size:12px}
.c-feature-screen>a{aspect-ratio:1.92}
.c-feature-screen figcaption{padding:9px 12px}
.c-feature-more{gap:30px;margin-top:36px;padding:24px}
.c-feature-more-head h3{font-size:clamp(30px,2.8vw,41px)}
.c-feature-more-grid article{min-height:128px;padding:14px}
.c-feature-more-grid h4{margin-top:12px}

/* Integrations */
.c-integrations.c-platforms{padding:82px var(--section-gutter)}
.c-platform-head h2{max-width:1050px;font-size:clamp(50px,5vw,72px);line-height:.96;letter-spacing:-.055em}
.c-platform-head .c-platform-description{max-width:780px;margin-top:18px;font-size:16px;line-height:1.55}
.c-platforms>.c-publishing-grid{margin-top:30px}
.c-platforms .c-publishing-grid article:nth-child(n){min-height:112px;padding:20px 16px}
.c-platforms .c-publishing-grid article small{margin-top:4px;font-size:12px;line-height:1.4}

/* Pricing */
.c-pricing{padding:86px var(--section-gutter)}
.c-pricing-head h2{font-size:clamp(52px,5.8vw,82px);line-height:.94}
.c-pricing-panel{margin-top:48px;border-radius:26px}
.c-plan-summary{padding:34px}
.c-plan-title h3{font-size:27px}
.c-price{margin-top:34px}
.c-price b{font-size:clamp(70px,6.4vw,94px)}
.c-plan-benefits{padding:34px 40px}
.c-plan-benefits ul{gap:22px 32px;margin-top:26px}
.c-plan-benefits li{padding-left:35px;font-size:14px}
.c-plan-benefits li:before{width:22px;height:22px}
.c-plan-benefits li b{font-size:15px}
.c-price-note{margin-top:28px}

/* FAQ and final CTA */
.c-faq{gap:64px;padding:84px var(--section-gutter)}
.c-faq h2{font-size:clamp(50px,5.4vw,76px);line-height:.96}
.c-faq>div:first-child>p:not(.c-kicker){max-width:460px;font-size:16px}
.c-faq summary{padding:18px 34px 18px 0;font-size:15px}
.c-faq details p{margin-bottom:18px;font-size:14px;line-height:1.55}
.c-final{padding:96px 30px}
.c-final h2{font-size:clamp(62px,7.3vw,104px);line-height:.88}
.c-final .c-btn{margin-top:34px}

@media(max-width:900px){
  :root{--section-space:72px}
  .c-problem-solution{padding-block:68px}
  .c-workflow,.c-features,.c-integrations.c-platforms,.c-pricing,.c-faq{padding-block:72px}
  .c-feature-story,.c-feature-story:nth-child(even){grid-template-columns:1fr;gap:22px;padding:28px}
  .c-feature-story:nth-child(even) .c-feature-copy,
  .c-feature-story:nth-child(even) .c-feature-screen{grid-column:auto;grid-row:auto}
  .c-feature-story .c-feature-copy{grid-column:1;grid-row:1}
  .c-feature-story .c-feature-screen,
  .c-feature-story .c-feature-network-visual{grid-column:1;grid-row:2}
  .c-hero-signal{min-width:158px;padding:9px 11px}
  .c-hero-signal b{font-size:12px}
  .c-signal-content,.c-signal-publish{display:none}
  .c-signal-opportunity{left:28px;top:13%}
  .c-signal-authority{right:28px;bottom:10%}
}

@media(max-width:700px){
  :root{--section-gutter:20px}
  .c-kicker{margin-bottom:14px;font-size:10px}
  .c-hero.c-original-hero{gap:0;padding:58px 20px;background-size:48px 48px,48px 48px,100% 100%}
  .c-original-hero .c-hero-copy{transform:translateY(-48px)}
  .c-original-hero h1{font-size:clamp(38px,10.5vw,44px);line-height:.95}
  .c-original-hero .c-hero-copy>p:not(.c-kicker){margin-top:23px;font-size:16px;line-height:1.5}
  .c-original-hero .c-hero-actions{margin-top:27px}
  .c-hero-signals{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;width:100%;gap:18px 12px;margin-top:-70px}
  .c-hero-signal{position:static;display:flex;min-width:0;transform:none}
  .c-hero-signal>span:last-child{min-width:0}
  .c-hero-signal b{font-size:11px;white-space:normal}
  .c-signal-icon{width:34px;height:34px;flex-basis:34px}
  .c-signal-icon svg{width:17px;height:17px}
  .c-problem-solution{gap:24px;padding:56px 20px}
  .c-problem-solution .c-problem h2,.c-problem-solution .c-solution h2{font-size:40px}
  .c-problem-list{margin-top:22px}
  .c-problem-solution .c-solution{padding:20px}
  .c-solution-card{padding:17px 16px 6px}
  .c-workflow,.c-features,.c-integrations.c-platforms,.c-pricing,.c-faq{padding:58px 20px}
  .c-workflow-heading{gap:18px;margin-bottom:28px}
  .c-workflow-heading h2,.c-features-head h2,.c-platform-head h2,.c-pricing-head h2,.c-faq h2{font-size:44px;line-height:.98}
  .c-workflow-cards{gap:16px}
  .c-workflow-copy{padding:18px 19px 21px}
  .c-features-head{gap:20px;margin-bottom:30px}
  .c-feature-story{gap:18px;padding:22px 18px}
  .c-feature-copy h3{font-size:29px}
  .c-feature-copy li{font-size:12px}
  .c-feature-more{gap:24px;margin-top:34px;padding:21px}
  .c-platforms>.c-publishing-grid{margin-top:26px}
  .c-platforms .c-publishing-grid article:nth-child(n){min-height:150px;padding:18px 14px}
  .c-pricing-panel{margin-top:38px}
  .c-plan-summary,.c-plan-benefits{padding:25px 22px}
  .c-plan-benefits ul{gap:20px}
  .c-faq{gap:34px}
  .c-faq summary{padding-block:17px}
  .c-final{padding:80px 20px}
  .c-final h2{font-size:58px;line-height:.9}
}