/* hi,dear — mobile-first business page. White paper, Apercu Pro, one lead action. */
.business-view{--business-ink:#141414;--business-muted:#666;--business-line:#e6e5e1;color:var(--business-ink);background:#fff;min-height:100svh;overflow-x:clip}
.business-view[hidden]{display:none!important}
.business-view *{box-sizing:border-box;min-width:0}
.business-view button{font-family:var(--font)}
.business-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:53px;max-width:100%;padding:14px 19px;border:1px solid #141414;border-radius:8px;background:#141414;color:#fff;font-size:13px;line-height:1.25;letter-spacing:0;text-align:left;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}
.business-button span{font-size:18px;line-height:1;flex:0 0 auto}
.business-button:hover{background:#343434;border-color:#343434}
.business-button:focus-visible,.business-offer summary:focus-visible{outline:2px solid #4b6572;outline-offset:4px}
.business-image-slot{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;background:#f4f4f3;border:1px dashed #d6d6d3;color:#777}
.business-image-slot__number{display:block;font-size:10px;line-height:1.4;letter-spacing:.065em}
.business-image-slot__brief{display:block;max-width:310px;font-size:12px;line-height:1.52;color:#6d6d6b}

/* The campaign occupies about 70% of the screen including the shared header,
   leaving the following editorial block visibly in view. */
.business-hero{position:relative;display:flex;align-items:flex-end;height:calc(70svh - 64px);min-height:465px;overflow:hidden}
.business-hero__visual{position:absolute;inset:0;border-width:0;padding:24px var(--layout-gutter,19px)}
.business-hero__visual .business-image-slot__brief{max-width:255px}
.business-hero__copy{position:relative;z-index:1;width:100%;padding:0 var(--layout-gutter,19px) clamp(25px,4svh,40px)}
.business-hero h1{max-width:700px;margin:0 0 14px;font-size:clamp(41px,10.8vw,68px);font-weight:400;line-height:1.01;letter-spacing:-.063em;text-wrap:balance}
.business-hero__lead{max-width:390px;margin:0 0 20px;font-size:clamp(15px,3.8vw,18px);line-height:1.45;letter-spacing:-.012em}
.business-hero .business-button{min-width:214px}

.business-paths{padding:31px var(--layout-gutter,19px) 93px;background:#fff}
.business-section-heading{margin-bottom:24px}
.business-section-heading h2{max-width:810px;margin:0 0 12px;font-size:clamp(32px,8.4vw,52px);line-height:1.06;letter-spacing:-.052em;font-weight:400}
.business-section-heading p{max-width:590px;margin:0;color:#565656;font-size:15px;line-height:1.52}
.business-offers{display:grid;gap:10px}
.business-offer{border:0;border-radius:8px;background:#f7f7f6;scroll-margin-top:78px;overflow:hidden}
.business-offer summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:16px;align-items:start;padding:20px 20px 21px;cursor:pointer;list-style:none}
.business-offer summary::-webkit-details-marker{display:none}
.business-offer__heading{display:flex;flex-direction:column;gap:7px}
.business-offer__heading strong{font-size:clamp(26px,6.6vw,36px);font-weight:400;line-height:1.12;letter-spacing:-.043em}
.business-offer__heading small{max-width:490px;font-size:13.5px;line-height:1.44;color:#686868}
.business-offer__symbol{justify-self:end;padding-top:1px;font-size:23px;line-height:1;font-weight:400;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.business-offer[open] .business-offer__symbol{transform:rotate(45deg)}
.business-offer__body{display:grid;grid-template-columns:minmax(0,1fr);gap:19px;padding:0 20px 24px}
.business-offer__visual{min-height:197px;padding:18px;justify-content:flex-start;gap:10px;background:#ededec}
.business-offer__visual .business-image-slot__brief{max-width:250px}
.business-offer__copy h3{font-weight:400;font-size:clamp(26px,6.6vw,36px);letter-spacing:-.045em;line-height:1.12;margin:0 0 12px}
.business-offer__copy>p{max-width:590px;font-size:15px;line-height:1.55;color:#404040;margin:0 0 18px}
.business-benefits{display:grid;gap:10px;list-style:none;margin:0 0 22px;padding:0;max-width:570px}
.business-benefits li{position:relative;padding:0 0 0 17px;font-size:13.5px;line-height:1.44;color:#555}
.business-benefits li::before{content:"•";position:absolute;top:0;left:0;font-size:14px}
.business-offer__copy .business-button{width:100%;max-width:415px}

.business-sticky{position:fixed;z-index:60;left:0;right:0;bottom:0;display:flex;padding:10px var(--layout-gutter,19px) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);border-top:1px solid #e6e5e1;box-shadow:0 -4px 18px rgba(0,0,0,.035);transform:translateY(120%);opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease}
.business-sticky.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
.business-sticky .business-button{width:100%;min-height:51px}
body.menu-is-open .business-sticky,body.is-locked .business-sticky{visibility:hidden}

.business-dialog{width:min(100% - 22px,540px);max-height:calc(100dvh - 26px);margin:auto;padding:0;border:0;border-radius:14px;background:#fff;color:#141414;box-shadow:0 24px 70px rgba(0,0,0,.24);overflow-y:auto;overscroll-behavior:contain;font-family:var(--font)}
.business-dialog::backdrop{background:rgba(20,20,20,.63);backdrop-filter:blur(3px)}
.business-dialog__header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;min-height:60px;padding:9px 20px;border-bottom:1px solid #e6e5e1;background:#fff}
.business-dialog__header>span{font-size:11px;color:#6d6d6d}
.business-dialog__header button{width:42px;height:42px;border:0;background:transparent;color:#141414;font-size:27px;font-weight:400;cursor:pointer}
.business-dialog__content{padding:23px 20px 29px}
.business-dialog__content h2{font-size:clamp(40px,9vw,54px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:0 0 15px}
.business-dialog__content>p{color:#666;font-size:14px;line-height:1.5;margin:0 0 23px}
.business-dialog form{display:grid;gap:16px}
.business-dialog label:not(.business-consent-check){display:flex;flex-direction:column;gap:8px;font-size:13px;color:#4b4b4b}
.business-dialog label small{display:inline;color:#999;font-size:11px}
.business-dialog input:not([type=checkbox]):not([type=hidden]),.business-dialog select,.business-dialog textarea{display:block;width:100%;min-height:50px;background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:12px 13px;font:400 16px/1.35 var(--font);color:#141414;outline-offset:1px;box-sizing:border-box}
.business-dialog textarea{min-height:68px;resize:vertical}
.business-dialog input::placeholder,.business-dialog textarea::placeholder{color:#999}
.business-dialog .business-consent-check{display:flex;align-items:flex-start;gap:12px;min-height:34px;font-size:13px;line-height:1.46;color:#3d3d3d;cursor:pointer}
.business-consent-check input{width:18px;height:18px;accent-color:#141414;margin:1px 0 0;flex:0 0 18px}
.business-consent-check a{color:#141414;text-decoration:underline;text-underline-offset:3px}
.business-consent-check a:focus-visible{outline:2px solid #4b6572;outline-offset:3px}
.business-dialog__submit{width:100%;margin-top:2px}
.business-dialog__note{font-size:11px;line-height:1.5;color:#777;margin:0}
.business-dialog__feedback{margin:18px 0 0;background:#f3f3f1;border-radius:8px;padding:15px 16px;font-size:13px;line-height:1.52}
.business-dialog__feedback strong{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:#141414}
.business-dialog__feedback button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:0;color:inherit;cursor:pointer}
.business-dialog__feedback a{color:#141414}

@media(min-width:680px){
  .business-hero{height:calc(70svh - 64px);min-height:530px}
  .business-hero__visual{padding:35px var(--layout-gutter,32px)}
  .business-hero__visual .business-image-slot__brief{max-width:440px}
  .business-hero__copy{padding-bottom:clamp(40px,6vh,66px)}
  .business-hero h1{font-size:clamp(63px,7.2vw,112px);max-width:1100px}
  .business-hero__lead{max-width:530px;font-size:19px;margin-bottom:30px}
  .business-paths{padding-top:48px;padding-bottom:98px}
  .business-section-heading{margin-bottom:30px}
  .business-offer summary{grid-template-columns:minmax(0,1fr) 32px;gap:23px;padding:24px 27px 25px}
  .business-offer__body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;padding:0 27px 28px}
  .business-offer__visual{min-height:315px}
  .business-offer__copy{align-self:center}
  .business-sticky{justify-content:flex-end;padding:12px var(--layout-gutter,32px)}
  .business-sticky .business-button{width:auto;min-width:235px}
  .business-dialog__content{padding:31px 35px 35px}
  .business-dialog__header{padding-left:35px;padding-right:26px}
}
@media(min-width:1080px){
  .business-hero__copy{padding-left:clamp(54px,7vw,120px)}
  .business-paths{padding-left:clamp(54px,7vw,120px);padding-right:clamp(54px,7vw,120px)}
  .business-hero__visual{padding-left:clamp(54px,7vw,120px)}
  .business-offer__visual{min-height:350px}
}
@media(max-width:359px){
  .business-hero{min-height:455px}
  .business-hero h1{font-size:40px}
  .business-offer summary{padding-left:17px;padding-right:17px}
  .business-offer__body{padding-left:17px;padding-right:17px}
  .business-hero .business-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.business-button,.business-offer__symbol,.business-sticky{transition:none!important}}