/* Independent-site page. Shared navigation and footer stay in styles.css. */
.independent-page main { padding-top: 0; }
.independent-page main h1,.independent-page main h2,.independent-page main h3 { line-height: 1.25; }
.independent-page main p { line-height: 1.85; }
.is-eyebrow { display: inline-block; color: #078fc7; font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.is-intro { padding: 123px 0 72px; background: radial-gradient(circle at 78% 30%,rgba(61,155,222,.14),transparent 34%),linear-gradient(130deg,#eaf7ff 0%,#f7fbff 62%,#e7f2fa 100%); color: #102b48; overflow: hidden; }
.is-intro__grid { display: grid; grid-template-columns: minmax(0,1.01fr) minmax(420px,.99fr); gap: 48px; align-items: center; }
.is-intro h1 { margin: 17px 0 19px; font-size: clamp(37px,4.25vw,56px); font-weight: 900; letter-spacing: -.055em; }
.is-intro h1 em { color: #087dc4; font-style: normal; }
.is-intro__copy > p { max-width: 560px; color: #557089; font-size: 16px; }
.is-intro__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin: 30px 0 28px; }
.is-intro .btn--primary,.is-package .btn--primary,.is-end .btn--primary { border-radius: 7px; background: #087bce; color: #fff; box-shadow: 0 13px 25px rgba(4,106,185,.18); }
.is-intro .btn--primary:hover,.is-package .btn--primary:hover,.is-end .btn--primary:hover { background: #0566ad; }
.is-text-link { color: #0c678f; font-size: 14px; font-weight: 800; }
.is-text-link:hover,.is-inline-link:hover,.is-end__actions > a:not(.btn):hover { text-decoration: underline; }
.is-intro__facts { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 24px; border-top: 1px solid #cedfe9; }
.is-intro__facts span { color: #41647d; font-size: 12px; font-weight: 700; }
.is-intro__facts span + span::before { content: '•'; margin-right: 8px; color: #0a95c9; }

.is-preview { position: relative; padding: 16px; border: 1px solid #d6e5ef; border-radius: 17px; background: #fff; box-shadow: 0 25px 65px rgba(20,66,103,.15); }
.is-preview__chrome { display: flex; align-items: center; gap: 12px; color: #7d91a2; font-size: 11px; padding: 0 2px 12px; }
.is-preview__chrome small { margin-left: auto; font-size: 10px; }
.is-preview__dots { display: flex; gap: 4px; }
.is-preview__dots i { width: 7px; height: 7px; border-radius: 50%; background: #cbd8e3; }
.is-preview__dots i:first-child { background: #66cbe8; }
.is-preview__site { overflow: hidden; border: 1px solid #dce9f2; border-radius: 8px; background: #fbfdff; }
.is-preview__nav { display: flex; justify-content: space-between; align-items: center; padding: 13px 18px; color: #163d5d; border-bottom: 1px solid #e2eaf0; }
.is-preview__nav b { font-size: 12px; letter-spacing: .08em; }
.is-preview__nav span { font-size: 10px; color: #758ca0; }
.is-preview__hero { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 235px; align-items: center; padding: 23px 25px; background: linear-gradient(115deg,#edf8ff,#d7eaf8); }
.is-preview__hero small { display: block; margin-bottom: 10px; color: #1690c9; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.is-preview__hero strong { display: block; color: #183d5e; font-size: clamp(19px,2vw,27px); line-height: 1.2; }
.is-preview__hero span { display: block; color: #608298; font-size: 10px; margin-top: 9px; }
.is-preview__hero .is-preview__button { display: inline-flex; gap: 10px; margin-top: 22px; padding: 7px 12px; border-radius: 4px; background: #1681c1; color: #fff; font-size: 10px; }
.is-preview__shape { position: relative; width: 165px; height: 155px; margin-left: auto; border-radius: 26px; background: linear-gradient(150deg,#1c91c4,#043e75); transform: rotate(-11deg); box-shadow: 16px 16px 30px rgba(18,82,127,.2); }
.is-preview__shape i { display: block; position: absolute; left: 22px; height: 12px; border-radius: 99px; background: rgba(255,255,255,.55); }
.is-preview__shape i:nth-child(1) { top: 37px; width: 90px; }
.is-preview__shape i:nth-child(2) { top: 63px; width: 114px; opacity: .7; }
.is-preview__shape i:nth-child(3) { top: 89px; width: 68px; opacity: .5; }
.is-preview__products { padding: 15px 21px 19px; }
.is-preview__products > span { font-size: 11px; color: #284c69; font-weight: 800; }
.is-preview__products > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 9px; }
.is-preview__products i { height: 47px; border-radius: 5px; background: linear-gradient(120deg,#e9f2f9,#d7e8f3); }
.is-preview__products i:nth-child(2) { background: linear-gradient(120deg,#dcebf6,#bedbeb); }
.is-preview__lead { position: absolute; right: -20px; bottom: -25px; display: flex; align-items: center; gap: 10px; width: 265px; padding: 12px 14px; border: 1px solid #cee9ed; border-radius: 10px; background: #fff; box-shadow: 0 14px 35px rgba(9,77,109,.15); }
.is-preview__lead-icon { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: #e6f7f8; color: #078eaa; }
.is-preview__lead b,.is-preview__lead small { display: block; color: #1c4d63; font-size: 11px; }
.is-preview__lead small { color: #728c9b; font-size: 9px; }
.is-preview__lead-arrow { margin-left: auto; color: #0a9da5; }

.is-section { padding: 81px 0; }
.is-section--light { background: #f2f7fb; color: #17334c; }
.is-section--white { background: #fff; color: #17334c; }
.is-section--ink { background: #102a43; color: #f5fbff; }
.is-section--flow { background: #e9f4fb; color: #17334c; }
.is-heading { max-width: 730px; margin: 0 auto 35px; text-align: center; }
.is-heading h2,.is-split h2,.is-package h2,.is-faq-intro h2,.is-end h2 { margin-top: 11px; font-size: clamp(28px,3.15vw,39px); font-weight: 850; letter-spacing: -.045em; }
.is-heading p { margin-top: 12px; color: #61788b; font-size: 15px; }
.is-three { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.is-three__card { display: flex; flex-direction: column; min-height: 242px; padding: 27px; border: 1px solid #dce9f2; border-radius: 11px; background: #fff; box-shadow: 0 15px 36px rgba(24,71,111,.045); }
.is-three__card > span { color: #1786bd; font-size: 12px; font-weight: 800; letter-spacing: .07em; }
.is-three__card h3 { margin: 15px 0 10px; font-size: 21px; }
.is-three__card p { color: #657c8d; font-size: 14px; }
.is-three__card b { display: block; margin-top: auto; padding-top: 19px; color: #0b8fb8; font-size: 12px; }
.is-section--compare { background: #fff; color: #17334c; }
.is-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.is-compare article { min-height: 287px; padding: 31px 33px; border: 1px solid #d9e7ef; border-radius: 12px; }
.is-compare__basic { background: #f5f8fa; }
.is-compare__focus { background: linear-gradient(130deg,#e7f6fb,#d6edf8); border-color: #b7ddea !important; box-shadow: 0 16px 38px rgba(20,100,143,.1); }
.is-compare article > span { display: inline-block; padding: 5px 11px; border-radius: 99px; color: #588096; background: #e7eff4; font-size: 11px; font-weight: 800; }
.is-compare__focus > span { color: #0878ad !important; background: #c5eaf7 !important; }
.is-compare h3 { margin: 18px 0 10px; font-size: 23px; }
.is-compare p { max-width: 480px; color: #647c8d; font-size: 14px; }
.is-compare ul { display: grid; gap: 8px; margin-top: 18px; }
.is-compare li { position: relative; padding-left: 22px; color: #536f82; font-size: 13px; }
.is-compare li::before { content: '✓'; position: absolute; left: 0; color: #1689b5; font-weight: 900; }
.is-compare__note { margin-top: 17px; color: #72899a; font-size: 12px; text-align: center; }

.is-split { display: grid; grid-template-columns: .88fr 1.12fr; gap: 70px; align-items: center; }
.is-split .is-eyebrow,.is-end .is-eyebrow { color: #65d5f3; }
.is-split h2 { font-size: clamp(29px,3.25vw,42px); }
.is-lead { margin-top: 20px; max-width: 510px; color: #afc5d6; font-size: 16px; }
.is-inline-link { display: inline-block; margin-top: 25px; color: #75dff4; font-size: 14px; font-weight: 800; }
.is-sitemap { padding: 29px; border: 1px solid #42607a; border-radius: 13px; background: linear-gradient(135deg,#163b59,#122f4a); }
.is-sitemap__root { padding: 17px 20px; border: 1px solid #5a95b5; border-radius: 8px; background: #1d5274; }
.is-sitemap__root span,.is-sitemap__root strong,.is-sitemap__root small { display: block; }
.is-sitemap__root span { color: #9de4f6; font-size: 11px; font-weight: 800; }
.is-sitemap__root strong { margin: 5px 0 1px; font-size: 18px; }
.is-sitemap__root small { color: #b6d7e7; font-size: 12px; }
.is-sitemap__branches { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 24px; position: relative; }
.is-sitemap__branches::before { content: ''; position: absolute; top: -13px; left: 16%; right: 16%; height: 1px; background: #5d8eaa; }
.is-sitemap__branches > div { position: relative; min-height: 94px; padding: 15px 12px; border: 1px solid #355e7c; border-radius: 7px; background: #173c5b; }
.is-sitemap__branches > div::before { content: ''; position: absolute; top: -13px; left: 50%; width: 1px; height: 13px; background: #5d8eaa; }
.is-sitemap__branches b,.is-sitemap__branches span { display: block; }
.is-sitemap__branches b { font-size: 13px; }
.is-sitemap__branches span { margin-top: 7px; color: #adcadc; font-size: 11px; }
.is-sitemap > p { margin-top: 15px; color: #93b6c9; font-size: 11px; }

.is-content-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; border: 1px solid #deebf2; border-radius: 11px; overflow: hidden; }
.is-content-grid article { min-height: 227px; padding: 27px 23px; border-right: 1px solid #deebf2; }
.is-content-grid article:last-child { border-right: 0; }
.is-content-grid__number { color: #188fc4; font-size: 26px; font-weight: 800; }
.is-content-grid h3 { margin: 19px 0 9px; font-size: 19px; }
.is-content-grid p { color: #687f91; font-size: 13px; }
.is-note { display: flex; align-items: center; gap: 26px; margin-top: 22px; padding: 18px 22px; border-left: 3px solid #2f9fc8; background: #f2f8fc; }
.is-note b { flex: none; color: #206482; font-size: 14px; }
.is-note span { color: #60798a; font-size: 13px; }
.is-section--industry { background: #f4f8fb; color: #17334c; }
.is-industries { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.is-industries article { display: flex; flex-direction: column; min-height: 260px; padding: 23px 21px; border: 1px solid #dce9f0; border-radius: 10px; background: #fff; }
.is-industries__icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 10px; color: #0c81b5; background: #e6f4fa; font-size: 24px; }
.is-industries h3 { margin: 17px 0 8px; font-size: 19px; }
.is-industries p { color: #667f90; font-size: 13px; }
.is-industries article > div:last-child { margin-top: auto; padding-top: 18px; }
.is-industries article > div:last-child span { display: block; margin-bottom: 4px; color: #0c86b6; font-size: 11px; font-weight: 800; }
.is-industries article > div:last-child b { color: #35556c; font-size: 12px; }
.is-industry-note { display: flex; align-items: center; gap: 23px; margin-top: 18px; padding: 19px 22px; border: 1px solid #cddfeb; border-radius: 9px; background: #e8f2f8; }
.is-industry-note strong { white-space: nowrap; font-size: 14px; }
.is-industry-note > span { color: #617b8c; font-size: 13px; }
.is-industry-note a { flex: none; margin-left: auto; color: #087fac; font-size: 13px; font-weight: 800; }
.is-industry-note a:hover { text-decoration: underline; }

.is-flow { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.is-flow li { position: relative; padding: 25px 20px 26px; border: 1px solid #cfe0ec; border-radius: 10px; background: #fff; }
.is-flow li:not(:last-child)::after { content: '→'; position: absolute; top: 49px; right: -18px; z-index: 2; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #1689bd; color: #fff; font-size: 14px; }
.is-flow li > span { color: #108ac1; font-size: 27px; font-weight: 900; }
.is-flow h3 { margin: 16px 0 8px; font-size: 18px; }
.is-flow p { color: #678092; font-size: 13px; }
.is-flow__foot { margin-top: 18px; color: #6d8290; font-size: 12px; text-align: center; }

.is-package { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }
.is-package__intro > p { max-width: 390px; margin: 16px 0 22px; color: #637d90; font-size: 14px; }
.is-package__price { margin-bottom: 21px; }
.is-package__price small { display: block; color: #607991; font-size: 12px; }
.is-package__price strong { display: block; color: #087fc0; font-size: 38px; font-weight: 850; line-height: 1.2; }
.is-package__price strong span { color: #5d7485; font-size: 14px; font-weight: 500; }
.is-package__list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.is-package__list > div { min-height: 128px; padding: 21px 18px; border: 1px solid #dce9f2; border-radius: 9px; background: #fff; }
.is-package__list span { display: inline-grid; place-items: center; width: 23px; height: 23px; margin-bottom: 10px; border-radius: 5px; color: #0f82b5; background: #e7f5fc; font-size: 10px; font-weight: 800; }
.is-package__list b,.is-package__list small { display: block; }
.is-package__list b { font-size: 15px; }
.is-package__list small { margin-top: 5px; color: #70899a; font-size: 11px; line-height: 1.6; }

.is-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.is-process > div { padding: 25px 20px 27px; border-top: 3px solid #239cc8; background: #f2f8fc; }
.is-process span { color: #087fae; font-size: 30px; font-weight: 850; }
.is-process h3 { margin: 19px 0 9px; font-size: 18px; }
.is-process p { color: #6a8294; font-size: 13px; }
.is-section--check { background: #eef6fa; color: #17334c; }
.is-checklist { display: grid; grid-template-columns: repeat(5,1fr); gap: 11px; }
.is-checklist > div { min-height: 224px; padding: 23px 18px; border: 1px solid #d7e7ef; border-radius: 9px; background: #fff; }
.is-checklist span { display: block; width: 34px; height: 34px; border-radius: 50%; color: #138bbb; background: #e8f6fc; text-align: center; line-height: 34px; font-size: 11px; font-weight: 800; }
.is-checklist b { display: block; margin: 17px 0 8px; font-size: 16px; }
.is-checklist p { color: #6b8292; font-size: 12px; }
.is-growth { padding: 76px 0; background: linear-gradient(120deg,#d9edf8,#edf8fc); color: #17334c; }
.is-growth__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; }
.is-growth h2 { margin: 11px 0 15px; font-size: clamp(28px,3vw,39px); font-weight: 850; letter-spacing: -.04em; }
.is-growth p { max-width: 570px; color: #5c788a; font-size: 14px; }
.is-growth a { display: inline-block; margin-top: 19px; color: #087ba9; font-size: 14px; font-weight: 800; }
.is-growth a:hover { text-decoration: underline; }
.is-growth__ladder { display: grid; gap: 13px; }
.is-growth__ladder > div { position: relative; padding: 22px 24px; border: 1px solid #bfdeeb; border-left: 4px solid #1d96c1; border-radius: 8px; background: #fff; box-shadow: 0 12px 24px rgba(20,80,110,.07); }
.is-growth__ladder > div:last-child { margin-left: 40px; border-left-color: #2454b4; }
.is-growth__ladder span,.is-growth__ladder b,.is-growth__ladder small { display: block; }
.is-growth__ladder span { color: #0e84b5; font-size: 11px; font-weight: 800; }
.is-growth__ladder b { margin: 8px 0 2px; font-size: 19px; }
.is-growth__ladder small { color: #6c8799; font-size: 12px; }
.is-split--fit { grid-template-columns: .95fr 1.05fr; }
.is-fit { display: grid; gap: 10px; }
.is-fit > div { display: flex; align-items: center; gap: 22px; min-height: 78px; padding: 18px 23px; border: 1px solid #3d617b; border-radius: 8px; background: #163a56; }
.is-fit b { min-width: 100px; font-size: 16px; }
.is-fit span { color: #b3cad9; font-size: 13px; }
.is-section--audit { background: #eaf4fa; color: #17334c; }
.is-audit { display: grid; grid-template-columns: .85fr 1.15fr; gap: 68px; align-items: center; }
.is-audit h2 { margin: 11px 0 15px; font-size: clamp(29px,3.1vw,39px); font-weight: 850; letter-spacing: -.045em; }
.is-audit p { max-width: 430px; color: #617b8d; font-size: 14px; }
.is-audit .btn { margin-top: 23px; border-radius: 7px; background: #087bce; color: white; box-shadow: 0 13px 25px rgba(4,106,185,.15); }
.is-audit ul { border: 1px solid #d0e3ed; border-radius: 10px; overflow: hidden; background: #fff; }
.is-audit li { display: flex; align-items: center; gap: 17px; min-height: 64px; padding: 13px 20px; border-bottom: 1px solid #e3edf2; font-size: 14px; font-weight: 600; }
.is-audit li:last-child { border-bottom: 0; }
.is-audit li span { color: #1692c2; font-size: 12px; font-weight: 800; }

.is-faq-wrap { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; }
.is-faq-intro p { max-width: 310px; margin-top: 16px; color: #6a8293; font-size: 14px; }
.is-faq details { border-bottom: 1px solid #dbe8f0; }
.is-faq details:first-child { border-top: 1px solid #dbe8f0; }
.is-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 3px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 700; }
.is-faq summary::-webkit-details-marker { display: none; }
.is-faq summary::after { content: '+'; color: #1385b9; font-size: 24px; font-weight: 400; }
.is-faq details[open] summary::after { content: '−'; }
.is-faq details p { padding: 0 26px 20px 3px; color: #627b8d; font-size: 14px; }
.is-faq details a { color: #087cb4; font-weight: 700; }
.is-end { padding: 69px 0 76px; background: radial-gradient(circle at 90% 20%,rgba(41,156,209,.22),transparent 34%),#0d2945; color: #fff; }
.is-end__inner { display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.is-end h2 { margin-top: 10px; }
.is-end p { max-width: 560px; margin-top: 13px; color: #b5cadb; font-size: 14px; }
.is-end__actions { display: flex; align-items: center; gap: 20px; flex: none; }
.is-end__actions > a:not(.btn) { color: #9bdef0; font-size: 14px; font-weight: 700; }

@media (max-width: 1000px) {
  .is-intro__grid,.is-split,.is-package,.is-faq-wrap,.is-audit { grid-template-columns: 1fr; gap: 36px; }
  .is-growth__grid { grid-template-columns: 1fr; gap: 30px; }
  .is-checklist { grid-template-columns: repeat(3,1fr); }
  .is-industries { grid-template-columns: repeat(2,1fr); }
  .is-preview { max-width: 670px; }
  .is-content-grid { grid-template-columns: repeat(2,1fr); }
  .is-content-grid article:nth-child(2) { border-right: 0; }
  .is-content-grid article:nth-child(-n+2) { border-bottom: 1px solid #deebf2; }
  .is-end__inner { align-items: flex-start; }
}
@media (max-width: 720px) {
  .independent-page main { padding-top: 0; }
  .is-intro { padding: 104px 0 60px; }
  .is-intro h1 { font-size: 35px; }
  .is-section { padding: 60px 0; }
  .is-three,.is-flow,.is-process,.is-package__list { grid-template-columns: 1fr; }
  .is-compare,.is-industries { grid-template-columns: 1fr; }
  .is-checklist { grid-template-columns: 1fr; }
  .is-flow li:not(:last-child)::after { display: none; }
  .is-content-grid { grid-template-columns: 1fr; }
  .is-content-grid article { border-right: 0; border-bottom: 1px solid #deebf2; }
  .is-content-grid article:last-child { border-bottom: 0; }
  .is-note,.is-end__inner,.is-end__actions { flex-direction: column; align-items: flex-start; }
  .is-industry-note { flex-direction: column; align-items: flex-start; }
  .is-industry-note a { margin-left: 0; }
  .is-preview__shape { width: 105px; height: 135px; }
  .is-preview__lead { right: 0; }
  .is-sitemap__branches { grid-template-columns: 1fr; }
  .is-sitemap__branches::before,.is-sitemap__branches > div::before { display: none; }
  .is-fit > div { align-items: flex-start; flex-direction: column; gap: 5px; }
}