@font-face{font-family:"PP Frama";src:url("assets/fonts/ppframa-regular.otf") format("opentype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"PP Frama";src:url("assets/fonts/ppframa-regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"PP Frama";src:url("assets/fonts/ppframa-regular.otf") format("opentype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"PP Frama";src:url("assets/fonts/ppframa-black.otf") format("opentype");font-style:normal;font-weight:900;font-display:swap}

.business-page,
.business-page *{font-family:"PP Frama",Arial,sans-serif!important}
.business-page{background:var(--cream)}
.business-page main{overflow:clip}
.business-page h1,
.business-page h2,
.business-page h3{margin:0;font-weight:900;letter-spacing:-.055em;line-height:.92}
.business-page h1,
.business-page h2{text-transform:uppercase}
.business-page h1 em,
.business-page h2 em{color:var(--yellow);font-style:normal}
.business-page p{line-height:1.48}
.business-page .modern-nav .nav-logo img,
.business-page footer>img{filter:none}
.business-page .modern-nav{background:var(--green)}
.business-page .nav-cta{color:var(--green);background:var(--cream)}
.business-page .eyebrow{margin-bottom:22px}

.business-section{padding:130px max(5vw,28px)}
.business-section__intro{max-width:1220px;margin:0 auto 68px}
.business-section__intro h2{max-width:1200px;font-size:clamp(54px,6.4vw,108px)}
.business-section__intro h2 em{color:var(--kaki)}
.business-section__intro>p:not(.eyebrow){max-width:650px;margin:28px 0 0;font-size:19px}
.business-section__intro--light{color:var(--cream)}
.business-section__intro--light h2 em{color:var(--yellow)}
.business-section__intro--light>p:not(.eyebrow){color:rgba(239,239,237,.72)}

.business-hero{min-height:940px;padding:145px max(5vw,28px) 82px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:6vw;color:var(--cream);background:var(--charcoal)}
.business-hero__copy{position:relative;z-index:4}
.business-hero h1{max-width:830px;font-size:clamp(62px,6.6vw,112px)}
.business-hero h1 em{display:inline-block}
.business-hero__copy>p:not(.eyebrow){max-width:680px;margin:30px 0 0;color:rgba(239,239,237,.72);font-size:clamp(18px,1.55vw,23px)}
.business-actions{margin-top:36px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.business-text-link{padding-bottom:5px;color:var(--cream);border-bottom:1px solid rgba(239,239,237,.7);font-size:14px;font-weight:700}
.business-store-downloads{margin-top:28px}
.business-store-downloads>p{margin:0 0 10px;color:rgba(239,239,237,.58);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.business-store-downloads .store-badges{justify-content:flex-start}
.business-store-downloads .store-badges img{height:42px}
.business-store-downloads+.business-hero__roles{margin-top:26px}
.business-hero__roles{margin:44px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap;list-style:none}
.business-hero__roles li{padding:9px 13px;color:rgba(239,239,237,.72);border:1px solid rgba(239,239,237,.16);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.business-hero__visual{position:relative;min-height:660px;isolation:isolate}
.business-hero__photo{position:absolute;inset:2% 0 6% 7%;width:91%;height:88%;object-fit:cover;border-radius:38px;filter:saturate(.78) contrast(1.04)}
.business-hero__visual::after{content:"";position:absolute;inset:2% 0 6% 7%;background:linear-gradient(180deg,transparent 44%,rgba(9,10,8,.72));border-radius:38px;pointer-events:none}
.business-wheel{position:absolute;top:-5%;right:-12%;z-index:-1;width:390px;aspect-ratio:1;border:2px solid rgba(234,255,37,.3);border-radius:50%;animation:business-wheel 22s linear infinite}
.business-wheel::before,.business-wheel::after,.business-wheel span{content:"";position:absolute;left:50%;top:50%;background:rgba(234,255,37,.25);transform-origin:left center}
.business-wheel::before{width:50%;height:2px;transform:rotate(0)}
.business-wheel::after{width:50%;height:2px;transform:rotate(120deg)}
.business-wheel span:nth-child(1){width:50%;height:2px;transform:rotate(240deg)}
.business-wheel span:nth-child(2){width:26%;height:26%;background:transparent;border:2px solid rgba(234,255,37,.35);border-radius:50%;transform:translate(-50%,-50%)}
.business-wheel span:nth-child(3){width:8%;height:8%;background:var(--yellow);border-radius:50%;transform:translate(-50%,-50%)}
.business-impact-card{position:absolute;right:-2%;bottom:0;z-index:3;width:min(420px,70%);padding:28px;color:var(--green);background:var(--yellow);border:2px solid var(--green);border-radius:28px;box-shadow:14px 14px 0 var(--green)}
.business-impact-card small{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.business-impact-card strong{margin-top:14px;display:block;font-size:clamp(31px,3vw,49px);font-weight:900;line-height:.88;text-transform:uppercase}
.business-impact-card p{margin:16px 0 0;font-size:13px}
.business-mini-chart{height:66px;margin-top:24px;display:flex;align-items:end;gap:7px;border-bottom:2px solid}
.business-mini-chart i{flex:1;height:24%;background:var(--green);border-radius:5px 5px 0 0;animation:mini-bars 1s cubic-bezier(.16,1,.3,1) both;transform-origin:bottom}
.business-mini-chart i:nth-child(2){height:42%;animation-delay:.1s}.business-mini-chart i:nth-child(3){height:31%;animation-delay:.2s}.business-mini-chart i:nth-child(4){height:65%;animation-delay:.3s}.business-mini-chart i:nth-child(5){height:88%;animation-delay:.4s}

.business-marquee{padding:18px 0 14px;overflow:hidden;color:var(--yellow);background:var(--green)}
.business-marquee>div{width:max-content;display:flex;animation:marquee 30s linear infinite}
.business-marquee span{font-size:clamp(22px,2.6vw,42px);font-weight:900;white-space:nowrap}

.business-problem{background:var(--sand)}
.business-bento{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.business-bento article{min-height:310px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;border:2px solid var(--green);border-radius:28px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.business-bento article:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(23,51,0,.12)}
.business-bento__wide{grid-column:span 1}
.business-bento article span{margin-bottom:auto;font-size:13px;font-weight:900}
.business-bento h3{max-width:660px;font-size:clamp(34px,3.8vw,64px);text-transform:uppercase}
.business-bento p{max-width:620px;margin:18px 0 0;font-size:16px}
.business-card--yellow{background:var(--yellow)}.business-card--mint{background:var(--mint)}.business-card--blue{background:var(--blue)}.business-card--green{color:var(--cream);background:var(--green)}

.business-product{color:var(--cream);background:var(--green)}
.product-tabs{max-width:1440px;margin:auto}
.product-tabs__list{width:min(580px,100%);margin:0 0 26px auto;padding:6px;display:grid;grid-template-columns:1fr 1fr;background:#0d2100;border:1px solid rgba(234,255,37,.26);border-radius:999px}
.product-tab{min-height:54px;padding:0 22px;color:rgba(239,239,237,.65);background:transparent;border:0;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.product-tab.is-active{color:var(--green);background:var(--yellow)}
.product-tab:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.product-panel{min-height:650px;padding:54px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw;overflow:hidden;background:#0d2100;border:1px solid rgba(234,255,37,.22);border-radius:36px}
.product-panel[hidden]{display:none}
.product-panel.is-active{animation:panel-in .62s cubic-bezier(.16,1,.3,1)}
.product-panel__copy>span{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.product-panel__copy h3{margin-top:18px;font-size:clamp(42px,4.5vw,74px);text-transform:uppercase}
.product-panel__copy ul{margin:32px 0 0;padding:0;display:grid;gap:18px;list-style:none}
.product-panel__copy li{padding-left:18px;color:rgba(239,239,237,.72);border-left:3px solid var(--yellow);font-size:16px;line-height:1.4}
.product-panel__copy li b{color:var(--cream)}
.product-panel__media{position:relative;min-height:560px}
.product-panel__media::before{content:"";position:absolute;inset:6% 9%;background:var(--kaki);border-radius:48% 52% 55% 45%/55% 44% 56% 45%;transform:rotate(-8deg)}
.product-panel__media img{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;opacity:var(--product-mockup-opacity,1);filter:drop-shadow(0 34px 35px rgba(0,0,0,.38));transform:translate3d(0,var(--product-mockup-y,0),0) scale(var(--product-mockup-scale,1)) rotate(var(--product-mockup-tilt,0deg));transform-origin:center;will-change:transform,opacity}
.product-panel__dashboard{min-height:500px;padding:24px;color:var(--green);background:var(--cream);border:8px solid #090a08;border-radius:32px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.dashboard-top{padding:8px 4px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,51,0,.18)}
.dashboard-top span{font-size:12px;font-weight:700}.dashboard-top strong{font-size:21px}
.dashboard-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dashboard-grid article{min-height:135px;padding:18px;display:grid;grid-template-columns:1fr auto;align-content:space-between;background:var(--sand);border-radius:18px}
.dashboard-grid article:nth-child(2){background:var(--mint)}.dashboard-grid article:nth-child(3){background:var(--blue)}.dashboard-grid article:nth-child(4){background:var(--yellow)}
.dashboard-grid small{font-size:12px;font-weight:700}.dashboard-grid b{font-size:18px}.dashboard-grid i{grid-column:1/-1;height:9px;background:linear-gradient(90deg,var(--green) var(--level),rgba(23,51,0,.14) var(--level));border-radius:999px}
.dashboard-route{height:125px;margin-top:12px;padding:18px;display:flex;align-items:end;gap:8px;background:var(--green);border-radius:18px}
.dashboard-route span{flex:1;height:26%;background:var(--yellow);border-radius:5px 5px 0 0}.dashboard-route span:nth-child(2){height:46%}.dashboard-route span:nth-child(3){height:38%}.dashboard-route span:nth-child(4){height:68%}.dashboard-route span:nth-child(5){height:82%}.dashboard-route span:nth-child(6){height:96%}

.business-process{background:var(--cream)}
.process-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}
.process-list{display:grid;gap:10px}
.process-step{min-height:112px;padding:20px 22px;display:grid;grid-template-columns:50px 1fr;gap:4px 14px;color:var(--green);text-align:left;background:transparent;border:1px solid rgba(23,51,0,.22);border-radius:22px;cursor:pointer;transition:.3s}
.process-step span{grid-row:1/3;font-size:14px;font-weight:900}.process-step strong{font-size:21px}.process-step small{opacity:.65;font-size:13px}
.process-step.is-active{background:var(--yellow);border-color:var(--green);transform:translateX(10px);box-shadow:-10px 10px 0 var(--green)}
.process-step:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.process-panels{position:relative;min-height:510px}
.process-panel{position:absolute;inset:0;padding:56px;display:flex;flex-direction:column;justify-content:flex-end;color:var(--cream);background:var(--green);border-radius:32px;overflow:hidden}
.process-panel::before{content:"";position:absolute;top:-130px;right:-80px;width:390px;aspect-ratio:1;border:58px solid rgba(234,255,37,.13);border-radius:50%}
.process-panel[hidden]{display:none}
.process-panel.is-active{animation:panel-in .58s cubic-bezier(.16,1,.3,1)}
.process-panel>span{margin-bottom:auto;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.process-panel h3{position:relative;max-width:800px;font-size:clamp(42px,4.5vw,72px);text-transform:uppercase}
.process-panel p{position:relative;max-width:720px;margin:24px 0 0;color:rgba(239,239,237,.72);font-size:17px}
.process-panel ul{position:relative;margin:28px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap;list-style:none}
.process-panel li{padding:9px 13px;border:1px solid rgba(239,239,237,.2);border-radius:999px;font-size:12px;font-weight:700}

.business-calculator{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:6vw;color:var(--cream);background:var(--kaki)}
.calculator-copy h2{font-size:clamp(54px,6vw,98px)}
.calculator-copy>p:not(.eyebrow){max-width:620px;margin:26px 0 0;color:rgba(239,239,237,.78);font-size:18px}
.calculator-form{margin-top:44px;display:grid;gap:24px}
.calculator-form label{display:grid;grid-template-columns:1fr auto;gap:11px;font-size:14px;font-weight:700}
.calculator-form output{color:var(--yellow);font-weight:900}
.calculator-form input{grid-column:1/-1;width:100%;height:6px;accent-color:var(--yellow);cursor:pointer}
.calculator-results{padding:36px;background:var(--yellow);color:var(--green);border:3px solid var(--green);border-radius:32px;box-shadow:18px 18px 0 var(--green)}
.calculator-results>p:first-child{margin:0 0 22px;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.result-main{min-height:330px;padding:28px;display:flex;flex-direction:column;background:var(--cream);border:2px solid;border-radius:24px}
.result-main small{font-size:13px;font-weight:700;text-transform:uppercase}
.result-main strong{margin-top:auto;font-size:clamp(64px,7vw,120px);font-weight:900;letter-spacing:-.07em;line-height:.75}
.result-main>span{font-size:14px;font-weight:900}
.result-bars{height:75px;margin-top:28px;display:flex;align-items:end;gap:7px;border-bottom:2px solid}
.result-bars i{flex:1;height:20%;background:var(--green);border-radius:5px 5px 0 0;transition:height .45s cubic-bezier(.16,1,.3,1)}
.result-bars i:nth-child(2){height:32%}.result-bars i:nth-child(3){height:46%}.result-bars i:nth-child(4){height:59%}.result-bars i:nth-child(5){height:78%}.result-bars i:nth-child(6){height:96%}
.result-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.result-grid article{min-height:135px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:var(--mint);border:2px solid;border-radius:18px}
.result-grid article:nth-child(2){background:var(--blue)}.result-grid article:nth-child(3){background:var(--clay)}
.result-grid small{font-size:12px;font-weight:700}.result-grid strong{font-size:38px;font-weight:900}
.calculator-note{margin:20px 4px 0;font-size:11px;opacity:.72}

.business-sectors{background:var(--sand)}
.sector-cards{max-width:1500px;height:620px;margin:auto;display:flex;gap:12px}
.sector-cards article{position:relative;flex:.55;min-width:0;overflow:hidden;color:var(--cream);background-image:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(9,10,8,.9) 100%),var(--sector-image);background-size:cover;background-position:center;border:2px solid var(--green);border-radius:28px;cursor:pointer;transition:flex .7s cubic-bezier(.16,1,.3,1),transform .3s}
.sector-cards article.is-active,.sector-cards article:focus{flex:3.4}
.sector-cards article:hover{transform:translateY(-7px)}
.sector-cards article>span{position:absolute;top:24px;left:24px;padding:8px 11px;color:var(--green);background:var(--yellow);border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;white-space:nowrap}
.sector-cards article>div{position:absolute;right:26px;bottom:28px;left:26px}
.sector-cards h3{font-size:clamp(31px,3.2vw,54px);text-transform:uppercase;white-space:nowrap}
.sector-cards p{max-width:520px;margin:14px 0 0;color:rgba(239,239,237,.78);opacity:0;transform:translateY(12px);transition:.25s .22s}
.sector-cards article.is-active p,.sector-cards article:focus p{opacity:1;transform:none}
.sector-cards article:not(.is-active):not(:focus) h3{font-size:24px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:normal}
.sector-hint{margin:18px auto 0;max-width:1500px;text-align:right;font-size:12px;font-weight:700}

.business-deliverables{color:var(--cream);background:var(--green)}
.deliverables-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.deliverables-grid article{min-height:300px;padding:28px;display:flex;flex-direction:column;border:1px solid rgba(234,255,37,.32);border-radius:24px;transition:background .25s,color .25s,transform .25s}
.deliverables-grid article:hover{color:var(--green);background:var(--yellow);transform:translateY(-7px)}
.deliverables-grid span{margin-bottom:auto;color:var(--yellow);font-size:14px;font-weight:900}.deliverables-grid article:hover span{color:var(--green)}
.deliverables-grid h3{font-size:clamp(31px,3vw,46px);text-transform:uppercase}
.deliverables-grid p{margin:16px 0 0;color:rgba(239,239,237,.7);font-size:15px}.deliverables-grid article:hover p{color:var(--green)}

.business-faq{background:var(--cream)}
.faq-list{max-width:1100px;margin:0 auto}
.faq-list details{border-top:1px solid rgba(23,51,0,.35)}
.faq-list details:last-child{border-bottom:1px solid rgba(23,51,0,.35)}
.faq-list summary{padding:28px 6px;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:24px;cursor:pointer;font-size:clamp(21px,2vw,30px);font-weight:900;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span,.faq-list summary span::after{width:22px;height:2px;display:block;background:var(--green);transition:transform .25s}
.faq-list summary span::after{content:"";transform:rotate(90deg)}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:820px;margin:0;padding:0 52px 30px 6px;color:rgba(23,51,0,.72);font-size:17px}

.business-contact{padding:130px max(5vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--yellow)}
.business-contact__copy h2{font-size:clamp(52px,5.8vw,96px)}
.business-contact__copy h2 em{color:var(--kaki)}
.business-contact__copy>p:not(.eyebrow){max-width:620px;margin:28px 0 0;font-size:18px}
.business-contact__copy>a{margin-top:30px;display:inline-block;border-bottom:1px solid;font-weight:900}
.business-contact__form{padding:38px;display:flex;flex-direction:column;gap:20px;background:var(--cream);border:0;border-radius:30px;box-shadow:none}
.business-contact__form label{display:grid;gap:9px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.business-contact__form input,.business-contact__form select,.business-contact__form textarea{width:100%;min-height:54px;padding:14px 16px;color:var(--green);background:#fff;border:1px solid rgba(23,51,0,.2);border-radius:13px;font:600 16px/1.3 "PP Frama",Arial,sans-serif;text-transform:none;outline:none}
.business-contact__form input:focus,.business-contact__form select:focus,.business-contact__form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(234,255,37,.8)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.business-contact__form .button{justify-self:start;border:0;cursor:pointer}
.form-note{margin:0;color:rgba(23,51,0,.62);font-size:11px}

.business-js [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.business-js [data-reveal].is-visible{opacity:1;transform:none}

@keyframes business-wheel{to{transform:rotate(360deg)}}
@keyframes mini-bars{from{transform:scaleY(0)}}
@keyframes panel-in{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  .business-hero{grid-template-columns:1fr;min-height:auto;padding-top:135px}
  .business-hero__copy{max-width:880px}
  .business-hero__visual{min-height:660px}
  .product-panel{grid-template-columns:1fr;gap:40px}
  .product-panel__media{min-height:500px}
  .business-calculator{grid-template-columns:1fr}
  .calculator-results{max-width:850px}
  .deliverables-grid{grid-template-columns:repeat(2,1fr)}
  .business-contact{grid-template-columns:1fr}.business-contact__form{max-width:780px}
}

@media(max-width:760px){
  .business-section{padding:90px 18px}
  .business-section__intro{margin-bottom:44px}
  .business-section__intro h2{font-size:clamp(43px,13vw,64px)}
  .business-section__intro>p:not(.eyebrow){font-size:16px}
  .business-hero{padding:112px 18px 64px;gap:42px}
  .business-hero h1{font-size:clamp(49px,14vw,72px)}
  .business-hero__copy>p:not(.eyebrow){font-size:16px}
  .business-actions{align-items:flex-start;flex-direction:column}
  .business-hero__roles{margin-top:32px}
  .business-hero__visual{min-height:520px}
  .business-hero__photo,.business-hero__visual::after{inset:0 0 12% 0;width:100%;height:82%;border-radius:25px}
  .business-wheel{top:-12%;right:-45%;width:300px}
  .business-impact-card{right:7px;bottom:0;width:88%;padding:22px;border-radius:22px;box-shadow:9px 9px 0 var(--green)}
  .business-impact-card strong{font-size:32px}.business-mini-chart{height:46px}
  .business-bento{grid-template-columns:1fr}.business-bento article{min-height:270px;padding:24px}.business-bento h3{font-size:39px}
  .product-tabs__list{margin-left:0}.product-tab{min-height:48px;padding:0 12px;font-size:11px}
  .product-panel{min-height:0;padding:26px;border-radius:25px}.product-panel__copy h3{font-size:42px}.product-panel__copy li{font-size:14px}
  .product-panel__media{min-height:380px}.product-panel__dashboard{min-height:440px;padding:14px;border-width:5px;border-radius:24px}.dashboard-grid article{min-height:110px;padding:13px}.dashboard-route{height:95px}
  .process-layout{grid-template-columns:1fr}.process-step{min-height:94px}.process-step.is-active{transform:none;box-shadow:0 7px 0 var(--green)}
  .process-panels{min-height:540px}.process-panel{padding:30px;border-radius:25px}.process-panel h3{font-size:44px}.process-panel ul{align-items:flex-start;flex-direction:column}
  .business-calculator{padding:90px 18px;gap:48px}.calculator-copy h2{font-size:clamp(44px,13vw,64px)}.calculator-results{padding:20px;border-radius:24px;box-shadow:9px 9px 0 var(--green)}
  .result-main{min-height:280px;padding:20px}.result-main strong{font-size:64px}.result-grid{grid-template-columns:1fr}.result-grid article{min-height:105px}.result-grid strong{font-size:32px}
  .sector-cards{height:auto;min-height:820px;flex-direction:column}.sector-cards article{min-height:96px;flex:.55}.sector-cards article.is-active,.sector-cards article:focus{min-height:410px;flex:4}.sector-cards article:not(.is-active):not(:focus) h3{font-size:22px;writing-mode:initial;transform:none}.sector-cards h3{white-space:normal}.sector-cards article>span{top:16px;left:auto;right:16px}.sector-cards article>div{right:20px;bottom:20px;left:20px}.sector-hint{text-align:left}
  .deliverables-grid{grid-template-columns:1fr}.deliverables-grid article{min-height:240px}
  .faq-list summary{padding:22px 4px;font-size:21px}.faq-list details p{padding:0 35px 24px 4px;font-size:15px}
  .business-contact{padding:90px 18px;gap:48px}.business-contact__copy h2{font-size:clamp(43px,13vw,64px)}.business-contact__form{padding:22px;border-radius:22px;box-shadow:none}.form-row{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .business-wheel,.business-marquee>div,.business-mini-chart i{animation:none!important}
  .business-js [data-reveal]{opacity:1;transform:none;transition:none}
}

/* Ajuste óptico de PP Frama Black en la sublanding empresarial. */
.business-page h1,
.business-page h2,
.business-page h3,
.business-impact-card strong,
.result-main strong,
.result-grid strong{
  letter-spacing:.01em;
}

/* Ajuste responsive integral para la sublanding empresarial. */
@media(max-width:760px){
  .business-page{overflow-x:hidden}
  .business-section{padding:80px 16px}
  .business-section__intro{margin-bottom:42px}
  .business-section__intro h2{font-size:clamp(39px,11.5vw,56px);line-height:.97}
  .business-section__intro>p:not(.eyebrow){margin-top:20px;font-size:15px}

  .business-hero{padding:108px 16px 66px;gap:38px}
  .business-hero h1{font-size:clamp(42px,12vw,60px);line-height:.94}
  .business-hero__copy>p:not(.eyebrow){margin-top:24px;font-size:15px}
  .business-actions{width:100%;margin-top:30px;gap:16px}
  .business-actions .button{width:min(100%,290px);min-width:0}
  .business-text-link{font-size:13px}
  .business-hero__roles{margin-top:28px;gap:6px}
  .business-hero__roles li{padding:7px 10px;font-size:9px}
  .business-hero__visual{min-height:480px}
  .business-impact-card{right:5px;width:92%;padding:20px;border-radius:20px}
  .business-impact-card strong{font-size:clamp(28px,8vw,36px)}
  .business-impact-card p{font-size:12px}

  .business-bento{gap:10px}
  .business-bento article{min-height:240px;padding:22px;border-radius:22px}
  .business-bento h3{font-size:clamp(32px,9.5vw,42px);line-height:.96}
  .business-bento p{font-size:14px}

  .product-tabs__list{width:100%;padding:4px}
  .product-tab{min-height:46px;padding-inline:8px;font-size:10px}
  .product-panel{padding:22px;gap:30px;border-radius:23px}
  .product-panel__copy h3{font-size:clamp(35px,10vw,45px)}
  .product-panel__copy ul{margin-top:24px;gap:14px}
  .product-panel__copy li{font-size:14px}
  .product-panel__media{min-height:330px}
  .product-panel__dashboard{min-height:410px;padding:13px}
  .dashboard-grid{gap:8px}
  .dashboard-grid article{min-height:100px;padding:11px}
  .dashboard-route{height:86px}

  .process-layout{gap:14px}
  .process-step{min-height:88px;padding:16px;grid-template-columns:38px 1fr}
  .process-step strong{font-size:18px}
  .process-step small{font-size:11px}
  .process-panels{min-height:500px}
  .process-panel{padding:26px}
  .process-panel h3{font-size:clamp(36px,10vw,46px)}
  .process-panel p{font-size:15px}
  .process-panel li{font-size:11px}

  .business-calculator{padding:80px 16px;gap:42px}
  .calculator-copy h2{font-size:clamp(39px,11.5vw,56px)}
  .calculator-copy>p:not(.eyebrow){font-size:15px}
  .calculator-form{margin-top:34px;gap:21px}
  .calculator-results{padding:18px;border-radius:22px}
  .result-main{min-height:250px;padding:18px}
  .result-main strong{font-size:clamp(50px,15vw,68px)}
  .result-grid{grid-template-columns:1fr;gap:8px}
  .result-grid article{min-height:96px;padding:16px}
  .result-grid strong{font-size:30px}

  .sector-cards{min-height:760px}
  .sector-cards article.is-active,
  .sector-cards article:focus{min-height:360px}
  .sector-cards h3{font-size:clamp(28px,8vw,36px)}
  .sector-cards p{font-size:14px}

  .deliverables-grid{gap:10px}
  .deliverables-grid article{min-height:215px;padding:22px}
  .deliverables-grid h3{font-size:clamp(29px,8.5vw,38px)}
  .deliverables-grid p{font-size:14px}

  .faq-list summary{grid-template-columns:1fr 24px;gap:16px;font-size:19px;line-height:1.15}
  .faq-list details p{font-size:14px}
  .business-contact{padding:80px 16px;gap:42px}
  .business-contact__copy h2{font-size:clamp(39px,11.5vw,56px)}
  .business-contact__copy>p:not(.eyebrow){font-size:15px}
  .business-contact__form{padding:20px;gap:15px}
  .business-contact__form .button{width:min(100%,290px);min-width:0}
}

@media(max-width:380px){
  .business-hero h1{font-size:39px}
  .business-impact-card strong{font-size:27px}
  .business-section__intro h2,
  .calculator-copy h2,
  .business-contact__copy h2{font-size:37px}
  .product-panel__copy h3{font-size:34px}
  .process-panel h3{font-size:35px}
  .result-main strong{font-size:48px}
}

.business-page h1 em,
.business-page h2 em{font-style:italic}

/* Escala tipográfica más contenida para integrar mejor los titulares. */
.business-hero h1{font-size:clamp(52px,5.2vw,84px);line-height:.96}
.business-section__intro h2{font-size:clamp(46px,5vw,82px);line-height:.96}
.business-impact-card strong{font-size:clamp(29px,2.6vw,42px);line-height:.96}
.business-bento h3{font-size:clamp(30px,3.1vw,52px);line-height:.98}
.product-panel__copy h3{font-size:clamp(36px,3.7vw,60px);line-height:.98}
.process-panel h3{font-size:clamp(36px,3.7vw,60px);line-height:.98}
.calculator-copy h2{font-size:clamp(46px,5vw,80px);line-height:.96}
.result-main strong{font-size:clamp(58px,6vw,96px);line-height:.82}
.sector-cards h3{font-size:clamp(28px,2.8vw,46px);line-height:.98}
.deliverables-grid h3{font-size:clamp(28px,2.5vw,40px);line-height:1}
.business-contact__copy h2{font-size:clamp(46px,4.8vw,78px);line-height:.96}

@media(max-width:760px){
  .business-hero h1{font-size:clamp(36px,10.5vw,48px);line-height:.98}
  .business-section__intro h2,
  .calculator-copy h2,
  .business-contact__copy h2{font-size:clamp(34px,10vw,48px);line-height:1}
  .business-impact-card strong{font-size:clamp(25px,7.3vw,32px)}
  .business-bento h3{font-size:clamp(28px,8vw,36px);line-height:1}
  .product-panel__copy h3,
  .process-panel h3{font-size:clamp(30px,8.7vw,40px);line-height:1}
  .result-main strong{font-size:clamp(44px,13vw,60px)}
  .sector-cards h3{font-size:clamp(25px,7.2vw,32px)}
  .deliverables-grid h3{font-size:clamp(25px,7.4vw,34px)}
  .faq-list summary{font-size:17px;line-height:1.28}
}

@media(max-width:380px){
  .business-hero h1{font-size:34px}
  .business-section__intro h2,
  .calculator-copy h2,
  .business-contact__copy h2{font-size:33px}
  .product-panel__copy h3,
  .process-panel h3{font-size:29px}
}

@media(max-width:760px){
  .business-store-downloads{margin-top:24px}
  .business-store-downloads .store-badges{justify-content:flex-start;gap:8px}
  .business-store-downloads .store-badges img{width:auto;max-width:calc(50vw - 24px);height:36px}
}

/* Las tarjetas cerradas muestran el titulo completo y centrado en movil. */
@media(max-width:760px){
  .sector-cards article:not(.is-active):not(:focus){min-height:108px}
  .sector-cards article:not(.is-active):not(:focus)>div{
    top:50%;
    right:116px;
    bottom:auto;
    left:18px;
    transform:translateY(-50%);
  }
  .sector-cards article:not(.is-active):not(:focus) h3{
    font-size:20px;
    line-height:1.05;
    white-space:normal;
  }
  .sector-cards article:not(.is-active):not(:focus) p{display:none}
}

/* En tablet, el acordeon horizontal no deja anchura suficiente para los titulos. */
@media(min-width:761px) and (max-width:1100px){
  .sector-cards{
    height:auto;
    min-height:880px;
    flex-direction:column;
  }
  .sector-cards article{min-height:108px;flex:.55}
  .sector-cards article.is-active,
  .sector-cards article:focus{min-height:380px;flex:4}
  .sector-cards article>span{top:16px;right:16px;left:auto}
  .sector-cards article>div{right:24px;bottom:24px;left:24px}
  .sector-cards h3{white-space:normal}
  .sector-cards p{font-size:14px}
  .sector-cards article:not(.is-active):not(:focus)>div{
    top:50%;
    right:170px;
    bottom:auto;
    left:24px;
    transform:translateY(-50%);
  }
  .sector-cards article:not(.is-active):not(:focus) h3{
    font-size:22px;
    line-height:1.05;
    writing-mode:initial;
    white-space:normal;
    transform:none;
  }
  .sector-cards article:not(.is-active):not(:focus) p{display:none}
  .sector-hint{text-align:left}
}