/* General landing: warm editorial surfaces, Pretendard and restrained brand accents. */
:root {
  --ink: #252622;
  --muted: #6c7066;
  --orange: #ff6f0f;
  --orange-text: #bd4b06;
  --cream: #faf8f5;
  --soft: #fff0e4;
  --line: #e5e3dc;
  --radius: 16px;
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body {font-weight: 430; letter-spacing: -.018em;}
h1,h2,h3,h4 {font-weight: 680; letter-spacing: -.045em;}
h2 {font-size: clamp(32px,3.2vw,44px); line-height: 1.35;}
.section {padding: 112px 0;}
.wrap {width: min(1180px,calc(100% - 88px));}
.button {border-radius: 7px; font-weight: 650; padding: 17px 24px;}
.orange {color: #261b12;}
.small {padding: 12px 19px; font-size: 13px;}
.eyebrow {font-size: 11px; font-weight: 650; letter-spacing: .09em; margin-bottom: 21px;}
.lead {line-height: 1.9; color: #696b65; font-weight: 420;}
.section-heading {margin-bottom: 48px;}
.text-link {font-weight: 600;}
.header {background: #fffffff2; border-bottom-color: #efede8;}
.header-row {min-height: 80px;}
.brand img {width: 112px;}
.brand>span {font-size: 11px;}
.desktop-nav {gap: 29px; font-size: 12px; font-weight: 550;}
.header-contact {margin-left: 12px;}

/* A legible example profile, with package quantities outside the illustrative UI. */
.hero {background: #faf8f5; padding-top: 58px;}
.hero-grid {grid-template-columns: 1.04fr 1fr; gap: 35px; align-items: center;}
.platform {gap: 20px; margin-bottom: 25px;}
.platform img {width: 102px;}
.platform>span {border-color: #dedbd3; font-size: 11px; font-weight: 420; padding-left: 20px;}
.platform b {font-weight: 550;}
.hero h1 {font-size: clamp(42px,4.25vw,57px); line-height: 1.22; font-weight: 730; letter-spacing: -.06em;}
.hero h1 em {color: #c94f08;}
.hero-description {font-size: 16px; line-height: 1.85; margin-top: 25px; color: #4f514c;}
.hero-detail {font-size: 13px; line-height: 1.9; margin-top: 14px; color: #74766f;}
.hero-actions {gap: 22px; margin-top: 30px;}
.hero-actions .button {font-size: 14px;}
.hero-actions .text-link {font-size: 12px;}
.hero-notes {font-size: 11px; margin-top: 18px; color: #777b71;}
.hero-visual {min-height: 573px; position: relative; display: flex; align-items: center; justify-content: center; isolation: isolate; padding: 28px 0 38px;}
.hero-visual:before {content: ''; position: absolute; z-index: -2; width: 93%; aspect-ratio: 1; border-radius: 50%; background: #f0eae1; top: 57px; left: 7%;}
.visual-orbit {position: absolute; z-index: -1; border: 1px solid #ded7cc; border-radius: 50%; pointer-events: none;}
.orbit-one {width: 106%; height: 210px; transform: rotate(-30deg); top: 210px;}
.orbit-two {width: 86%; height: 170px; transform: rotate(29deg); top: 185px; border-color: #ffffffb3;}
.map-label {position: absolute; display: flex; align-items: center; gap: 6px; font-size: 10px; color: #7c8075; letter-spacing: .02em;}
.map-label .icon {width: 15px; height: 15px; color: #b56b38;}
.map-label-top {top: 7px; right: 2%;}
.profile-phone {position: relative; width: 302px; border: 5px solid #30312f; border-radius: 38px; overflow: hidden; background: white; box-shadow: 0 25px 45px -18px #53462b38, 0 0 0 1px #30312f1a; padding: 0 0 16px; transform: rotate(-3deg);}
.phone-status {height: 29px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; font-size: 9px; font-weight: 650; position: relative;}
.phone-status i {position: absolute; top: 7px; left: calc(50% - 34px); width: 68px; height: 15px; border-radius: 20px; background: #262724;}
.phone-status>span:last-child {font-size: 7px; letter-spacing: 1px;}
.profile-top {display: flex; align-items: center; justify-content: space-between; padding: 5px 17px 10px; font-size: 10px; font-weight: 600;}
.profile-top img {width: 48px; height: 27px; object-fit: contain;}
.profile-menu {font-size: 20px; line-height: 1;}
.profile-cover {height: 165px; margin: 0 10px; border-radius: 8px; overflow: hidden; position: relative;}
.profile-cover>img {width: 100%; height: 100%; object-fit: cover;}
.profile-cover>span {position: absolute; right: 7px; bottom: 7px; padding: 2px 5px; color: white; background: #25262299; font-size: 7px; border-radius: 3px;}
.profile-body {padding: 15px 19px 8px;}
.profile-category {font-size: 9px; color: #85877f;}
.profile-heading {display: flex; align-items: center; justify-content: space-between; margin: 3px 0 8px;}
.profile-heading strong {font-size: 21px; font-weight: 700; letter-spacing: -.05em;}
.profile-heading .icon {width: 18px; height: 18px; color: #e67b3c;}
.profile-body>p {font-size: 11px; line-height: 1.75; color: #75776e;}
.profile-follow {display: flex; align-items: center; justify-content: center; gap: 5px; background: #fff1e7; color: #a14915; font-size: 10px; font-weight: 650; border: 1px solid #ffe0c9; padding: 10px 5px; border-radius: 7px; margin-top: 15px;}
.profile-follow .icon {width: 13px; height: 13px;}
.profile-tabs {display: flex; gap: 34px; border-bottom: 1px solid #edeee9; color: #989a92; font-size: 10px; margin-top: 15px;}
.profile-tabs>* {padding-bottom: 8px;}
.profile-tabs b {color: #2c2e28; border-bottom: 2px solid #2c2e28;}
.profile-news {display: flex; align-items: center; gap: 9px; padding: 12px 0 2px;}
.news-symbol {background: #f4f3ef; color: #878b7c; display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 8px; flex-shrink: 0;}
.news-symbol .icon {width: 16px; height: 16px;}
.profile-news strong {font-size: 10px; font-weight: 600;}
.profile-news p {font-size: 8px; color: #8d8e88; margin-top: 2px;}
.phone-home {width: 88px; height: 3px; border-radius: 3px; background: #262724; margin: 12px auto 0;}
.visual-note {position: absolute; display: flex; align-items: center; gap: 12px; background: #fffffff7; border: 1px solid #e9e5df; border-radius: 12px; padding: 16px 20px; box-shadow: 0 13px 30px #4d493e0d;}
.note-regulars {top: 130px; left: -12px;}
.note-reviews {bottom: 82px; right: -6px;}
.note-symbol {width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; color: #d26926; background: #fff3e9; border-radius: 50%;}
.note-symbol .icon {width: 19px; height: 19px;}
.note-reviews .note-symbol {color: #637963; background: #f0f4ed;}
.visual-note small {display: block; font-size: 9px; color: #87877e; margin-bottom: 2px;}
.visual-note strong {display: block; font-size: 17px; font-weight: 600; letter-spacing: -.025em;}
.visual-note strong b {font-weight: 730;}
.note-regulars strong b {color: #b14b13;}
.note-check {width: 19px; height: 19px; display: flex; justify-content: center; align-items: center; color: #6d8569; border: 1px solid #d3dfcf; border-radius: 50%; margin-left: 4px;}
.note-check .icon {width: 12px; height: 12px;}
.visual-caption {position: absolute; bottom: 3px; left: 0; width: 100%; text-align: center; color: #74786c; font-size: 9px;}
.hero-summary {margin-top: 38px; border-color: #e3dfd6; padding: 28px 0 30px; grid-template-columns: 1fr 1fr 1.4fr 1fr;}
.hero-summary>div {border-color: #e3dfd6; padding-left: 28px;}
.hero-summary>div>strong {font-size: 20px; font-weight: 580;}
.hero-summary b {color: var(--ink); font-weight: 700;}
.hero-summary small {background: #efede6; color: #77796e; font-weight: 500;}

/* Fewer decorative surfaces; stronger hierarchy and more breathing room. */
.setup h2 {font-size: 40px;}
.setup .eyebrow {color: #85877e;}
.setup .orange-text {color: var(--ink);}
.setup-list li {padding: 30px 0; gap: 26px;}
.setup-list li>span {font-size: 11px; color: #b27249; font-weight: 550;}
.setup-list h3 {font-size: 20px; font-weight: 600;}
.setup-list .icon {color: #9aa38b; width: 18px;}
.industries {background: #f7f7f3;}
.industry-tabs {border-bottom: 1px solid #dcded5; margin-bottom: 32px; flex-wrap: nowrap; gap: 0;}
.industry-tabs button {border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 15px 22px; margin-bottom: -1px; background: transparent; font-size: 14px; font-weight: 500; white-space: nowrap; color: #74786d;}
.industry-tabs button[aria-selected=true] {background: transparent; color: #272c23; border-color: #293125; font-weight: 700;}
.industry-tabs button:hover {color: #252622; border-color: #b4b9aa;}
.industry-panel {border: 0; border-radius: 0; padding: 28px 0 0; background: transparent; gap: 70px;}
.category {background: transparent; border: 1px solid #d4d9ca; padding: 5px 10px; border-radius: 3px; color: #657352; font-size: 10px; font-weight: 550; margin-bottom: 20px;}
.industry-copy h3 {font-size: 31px; line-height: 1.45; font-weight: 650;}
.industry-copy ul {margin: 25px 0 30px;}
.industry-copy li:before {color: #89977b;}
.industry-example {background: #eceee7; border: 1px solid #e1e4d9; border-radius: 14px; padding: 24px;}
.example-label {font-weight: 550; color: #5e6755; font-size: 11px;}
.example-label small {color: #7b8373; border-color: #ccd3c2;}
.example-post {border: 1px solid #e0e4d9; border-radius: 10px; padding: 28px; box-shadow: 0 7px 22px #35392c05;}
.post-avatar {background: #f1f2eb; color: #7e896c; border-radius: 9px; font-size: 14px; font-weight: 600; width: 42px; height: 42px;}
.post-identity .icon {color: #a2aa96;}
.post-title {font-size: 25px; font-weight: 650; margin-top: 30px;}
.example-tags span {background: #f2f3ed; color: #738063;}
.section-note {font-size: 11px; margin-top: 26px; color: #84877e;}
/* A visible, grouped directory of the local businesses we can discuss. */
.business-types {margin-top: 64px; padding-top: 52px; border-top: 1px solid #dcded5;}
.business-types-heading {display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 28px;}
.business-types-heading .eyebrow {margin-bottom: 14px;}
.business-types-heading h3 {font-size: 28px; line-height: 1.45; font-weight: 650;}
.business-types-heading>p {font-size: 13px; line-height: 1.9; color: #696b65;}
.business-types-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0;}
.business-types-grid>div {padding: 24px; border: 1px solid #e4e4dc; border-radius: 10px; background: #fdfdfa;}
.business-types-grid dt {display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 650;}
.business-types-grid dt>span {font-size: 10px; color: #b65a23; font-weight: 550; letter-spacing: .05em;}
.business-types-grid dd {margin: 12px 0 0; font-size: 13px; line-height: 1.9; color: #676c61;}
.business-types-footer {display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 22px;}
.business-types-footer p {font-size: 11px; line-height: 1.8; color: #74786d;}
.business-types-footer a {flex-shrink: 0; font-size: 12px; color: #a64c16;}
@media (max-width: 1000px) {
  .business-types-heading {display: block;}
  .business-types-heading>p {margin-top: 16px;}
  .business-types-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width: 760px) {
  .business-types {margin-top: 40px; padding-top: 34px;}
  .business-types-heading h3 {font-size: 25px;}
  .business-types-heading>p {font-size: 12px;}
  .business-types-grid {gap: 10px;}
  .business-types-grid>div {padding: 18px 16px;}
  .business-types-grid dt {display: block; font-size: 14px;}
  .business-types-grid dt>span {display: block; margin-bottom: 7px;}
  .business-types-grid dd {font-size: 12px; margin-top: 9px;}
  .business-types-footer {align-items: start; flex-direction: column; gap: 14px;}
}
.connections {background: #2a2e28; color: #f7f7f1;}
.connections>.wrap>.eyebrow {color: #b4bbaa;}
.connections .lead {color: #b9bdb3;}
.connection-steps {margin-top: 45px; padding-top: 38px; border-color: #ffffff1c;}
.connection-steps article {border-color: #ffffff1c;}
.step-icon {background: transparent; border: 1px solid #ffffff26; border-radius: 50%; color: #e5aa74; margin-bottom: 24px; width: 43px; height: 43px;}
.connection-steps small {color: #adb7a2; font-size: 10px;}
.connection-steps h3 {font-size: 23px; font-weight: 560; margin: 10px 0 14px;}
.connection-steps p {color: #b3baaa; font-size: 13px;}
.package {border-color: #dedcd5; border-radius: 16px;}
.package-content {padding: 45px 46px;}
.package-content>h3 {font-size: 31px; font-weight: 650; margin-bottom: 30px;}
.package-content .eyebrow {font-size: 10px; letter-spacing: .12em;}
.package-item {padding: 23px 0;}
.package-item>span {font-size: 14px;}
.package-item>strong {font-weight: 650; font-size: 33px; letter-spacing: -.04em;}
.package-item .icon {color: #b68962;}
.gift {color: #778565; background: #f0f3e9; font-weight: 500;}
.package-price {background: #f6f4ef; border-color: #dedcd5; padding: 45px;}
.package-price>p {font-size: 13px; color: #72756b;}
.price strong {font-size: 104px; color: #272b23; font-weight: 620; letter-spacing: -.075em;}
.price>span {font-size: 26px; font-weight: 550;}
.package-price .tax {font-size: 11px;}
.package-price .button {font-size: 14px;}
.management {margin-top: 24px; padding: 44px 46px; border-radius: 16px;}
.management-title .eyebrow {color: #8b8d82; font-size: 10px;}
.management-title h3 {font-size: 31px; font-weight: 620;}
.management-price {background: #f7f7f2; border-radius: 10px; padding: 23px 30px; border: 1px solid #e6e8dd;}
.management-price>strong {color: #505b44; font-size: 45px; font-weight: 600;}
.management-work {padding: 30px 0; margin-top: 35px;}
.management-work>div>span {color: #969c88; font-weight: 550;}
.management-work h4 {font-weight: 600;}
.budget-note {margin: 24px 0;}
.price-selector {background: #f7f5f0; border-radius: 7px; padding: 22px 25px;}
.price-selector strong {font-weight: 600;}
.process {background: #faf9f6;}
.process-list li {padding: 30px 0; gap: 40px;}
.process-list li>span {font-size: 24px; color: #adaf9f; font-weight: 400;}
.process-list h3 {font-size: 21px; font-weight: 600;}
.process-list small {background: transparent; border-color: #e2e2d9; color: #848879; border-radius: 3px; padding: 4px 12px; font-size: 10px;}
.case-label {background: #f1f4ed; color: #71805f; font-size: 10px; font-weight: 550;}
.case-numbers {gap: 50px; margin: 30px 0 25px;}
.case-numbers strong {font-size: 80px; font-weight: 580; color: #34382d; letter-spacing: -.06em;}
.case-numbers>div+div strong {color: #b45a23;}
.case-numbers small {font-size: 17px; color: #7b7f71;}
.case-chart {border-radius: 14px; padding: 32px; background: #f8f9f5; border-color: #e2e6d8;}
.case-chart>div>span {color: #7b8967; font-size: 10px;}
.case-chart strong {font-weight: 550;}
.case-chart strong b {font-weight: 650;}
.case-chart img {border-color: #e4e8dd; border-radius: 4px;}
.faq-list summary {font-weight: 580; padding: 24px 0;}
.faq h2 {font-size: 37px;}
.contact {background: #f7eadc; padding: 30px 0 72px;}
.contact-top {color: #a0764f; border-color: #ddcfbc; padding-bottom: 25px; font-size: 11px;}
.contact-main {padding-top: 46px; align-items: center;}
.contact-main h2 {font-size: 39px; color: #473626; font-weight: 660;}
.contact-main p {color: #75604a; font-size: 14px; line-height: 1.8;}
.contact-actions .dark {background: #ff6f0f; color: #362211;}
.contact-actions .dark:hover {background: #ff873e;}
.contact-actions>a:not(.button) {color: #75604a;}
.contact-actions strong {font-weight: 550; color: #5f4935;}
.footer {padding-top: 40px; background: #fff;}
.footer-bottom {color: #6f756a;}

/* Industry cases: supplied actual outcomes with industry-specific metrics. */
.case-section {background: #fff;}
.case-section .section-heading {align-items: end;}
.case-gallery-notice {display: flex; align-items: start; gap: 18px; padding: 20px 23px; margin-bottom: 26px; background: #f8f7f3; border: 1px solid #e9e6dc; border-radius: 9px;}
.case-gallery-notice>span {flex-shrink: 0; color: #82715a; font-size: 11px; font-weight: 600; padding-top: 2px;}
.case-gallery-notice p {font-size: 12px; line-height: 1.9; color: #73776b;}
.case-gallery-notice strong {font-weight: 600; color: #535a49;}
.case-gallery {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 21px;}
.case-card {display: flex; flex-direction: column; padding: 28px 27px 23px; border: 1px solid #e5e5dc; border-radius: 13px; background: #fff; min-width: 0;}
.case-card-top {display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 28px;}
.case-index {font-size: 13px; color: #8b927f; letter-spacing: .06em; font-weight: 500;}
.case-status {font-size: 10px; color: #727967; background: #f3f5ef; border: 1px solid #e2e6d8; border-radius: 4px; padding: 3px 8px; font-weight: 500;}
.case-industry {font-size: 11px; color: #9b6137; font-weight: 600; margin-bottom: 11px;}
.case-card h3 {font-size: 22px; line-height: 1.5; font-weight: 620; letter-spacing: -.045em;}
.case-description {font-size: 12px; line-height: 1.85; color: #73796b; margin-top: 17px; margin-bottom: 23px;}
.case-actions {display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; margin-bottom: 23px;}
.case-actions span {font-size: 9px; color: #69745d; background: #f5f6f1; padding: 4px 7px; border-radius: 3px;}
.case-metrics {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid #e9e9e1; padding-top: 22px; margin-bottom: 18px;}
.case-metrics>div {padding-right: 12px;}
.case-metrics>div+div {border-left: 1px solid #e9e9e1; padding-left: 20px; padding-right: 0;}
.case-metrics>div>span {display: block; font-size: 11px; color: #717967; margin-bottom: 7px;}
.case-metrics strong {display: block; color: #343b2b; font-size: 43px; line-height: 1.25; letter-spacing: -.05em; font-weight: 610;}
.case-metrics small {font-size: 13px; font-weight: 450; color: #68715d; margin-left: 5px;}
.case-card-foot {font-size: 9px; color: #79816e; border-top: 1px solid #f0f0e9; padding-top: 15px;}
.case-reported .case-status {color: #4c633b; background: #eaf0e1; border-color: #d2dfc5;}
.case-reported .case-card-foot {font-size: 11px; color: #69795c; font-weight: 500;}
.case-verified {background: #fbf7f1; border-color: #e6d4bd;}
.case-verified .case-status {background: #eaf0e1; color: #4c633b; border-color: #d2dfc5;}
.case-verified .case-actions span {background: #f2eadc; color: #8a6946;}
.case-verified .case-metrics {border-color: #e7dccb;}
.case-verified .case-metrics>div+div {border-color: #e7dccb;}
.case-verified .case-metrics strong {color: #a4511c;}
.case-card-link {display: flex; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px solid #e7dccb; padding-top: 15px; color: #835b32; font-size: 10px; font-weight: 550;}
.case-card-link .icon {width: 16px; height: 16px;}
.case-card-link:hover {text-decoration: underline; text-underline-offset: 4px;}
.case-evidence {border: 1px solid #e3e6db; border-radius: 10px; margin-top: 25px; background: #fafbf7;}
.case-evidence summary {display: flex; justify-content: space-between; align-items: center; list-style: none; gap: 20px; cursor: pointer; padding: 23px 27px; font-size: 13px; font-weight: 550;}
.case-evidence summary>span {display: flex; align-items: center; gap: 14px;}
.evidence-label {font-size: 10px; font-weight: 500; color: #65754f; border: 1px solid #d6dfc7; border-radius: 3px; padding: 2px 7px; white-space: nowrap;}
.case-evidence summary .icon {width: 19px; height: 19px; color: #7d896b;}
.case-evidence-body {display: grid; grid-template-columns: .7fr 1.3fr; gap: 35px; padding: 8px 28px 28px; align-items: center;}
.case-evidence-body .eyebrow {font-size: 10px; margin-bottom: 10px; color: #768563;}
.case-evidence-body h3 {font-size: 22px; font-weight: 550;}
.case-evidence-body h3 strong {font-size: 35px; font-weight: 650; margin-left: 6px;}
.case-evidence-body>div>p:not(.eyebrow) {font-size: 12px; color: #737b67; line-height: 1.9; margin: 15px 0 18px;}
.case-evidence-body .text-link {font-size: 11px;}
.case-evidence-body img {width: 100%; border: 1px solid #e5e9dd; border-radius: 5px;}
.case-evidence-body figcaption {font-size: 10px; color: #758063; margin-top: 9px;}
.case-gallery-footnote {font-size: 11px; line-height: 1.9; color: #7a8170; margin-top: 20px;}
@media (max-width:1050px) and (min-width:761px) {
  .case-gallery {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:760px) {
  .case-gallery {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px;}
  .case-card {padding: 24px 20px 21px;}
  .case-card h3 {font-size: 21px;}
  .case-gallery-notice {padding: 18px; gap: 12px;}
  .case-gallery-notice p {font-size: 11px;}
  .case-gallery-notice br {display: none;}
  .case-metrics>div+div {padding-left: 15px;}
  .case-metrics>div>span {font-size: 10px;}
  .case-evidence summary {padding: 21px; font-size: 12px;}
  .case-evidence summary>span {display: block;}
  .evidence-label {display: table; margin-bottom: 7px;}
  .case-evidence-body {grid-template-columns: 1fr; gap: 22px; padding: 4px 21px 24px;}
  .case-gallery-footnote {font-size: 10px;}
}
@media (max-width:580px) {
  .case-gallery {grid-template-columns: 1fr; gap: 18px;}
  .case-card {padding: 26px;}
  .case-card-top {margin-bottom: 23px;}
  .case-card h3 {font-size: 24px;}
  .case-description {font-size: 13px; margin-bottom: 22px;}
  .case-actions span {font-size: 10px;}
  .case-gallery-notice {display: block; padding: 18px 20px;}
  .case-gallery-notice>span {display: block; margin-bottom: 7px;}
  .case-metrics>div>span {font-size: 11px;}
  .case-card-foot,.case-card-link {font-size: 10px;}
}

@media(min-width:1500px) {
  .hero {padding-top: 65px;}
  .hero-grid {gap: 45px;}
  .hero h1 {font-size: 57px;}
}
@media(max-width:1100px) and (min-width:761px) {
  .wrap {width: calc(100% - 56px);}
  .hero-grid {grid-template-columns: 1.04fr 1fr; gap: 25px;}
  .hero h1 {font-size: clamp(36px,4.35vw,48px);}
  .hero-actions {flex-direction: column; align-items: start; gap: 15px;}
  .profile-phone {width: 278px;}
  .hero-visual {min-height: 570px;}
  .visual-note {padding: 12px; gap: 9px;}
  .visual-note strong {font-size: 15px;}
  .note-symbol {width: 30px; height: 30px;}
  .note-regulars {left: -8px; top: 132px;}
  .note-reviews {right: -8px; bottom: 82px;}
  .note-check {display: none;}
  .industry-tabs button {padding: 14px 17px; font-size: 13px;}
  .industry-panel {gap: 40px;}
  .industry-copy h3 {font-size: 28px;}
  .package-content,.package-price,.management {padding: 34px;}
  .package-item>span {font-size: 13px;}
  .gift {margin-left: 0;}
  .hero-summary>div>strong {font-size: 18px;}
  .hero-summary>div {padding: 0 18px;}
  .setup h2 {font-size: 35px;}
  .contact-main h2 {font-size: 34px;}
}
@media(max-width:760px) {
  .wrap {width: calc(100% - 44px);}
  .section {padding: 74px 0;}
  .header-row {min-height: 66px;}
  .brand img {width: 105px;}
  .brand>span {font-size: 10px;}
  .hero {padding-top: 35px;}
  .hero-grid {grid-template-columns: 1fr; gap: 32px;}
  .hero-copy {text-align: center;}
  .platform {justify-content: center; margin-bottom: 25px; gap: 17px;}
  .platform img {width: 87px;}
  .platform>span {font-size: 10px; padding-left: 17px;}
  .hero h1 {font-size: clamp(36px,8.2vw,52px); letter-spacing: -.055em; line-height: 1.23;}
  .hero-description {font-size: 14px; max-width: 380px; margin-top: 22px;}
  .hero-detail {font-size: 12px; line-height: 1.9;}
  .hero-actions {flex-direction: row; justify-content: center; gap: 20px; margin-top: 25px;}
  .hero-actions .button {font-size: 13px; padding: 16px 19px;}
  .hero-notes {font-size: 10px; margin-top: 17px; gap: 16px;}
  .hero-visual {width: min(470px,100%); margin: 0 auto; min-height: 566px; padding-top: 27px;}
  .hero-visual:before {top: 80px; left: 2%; width: 96%;}
  .profile-phone {width: 286px; transform: rotate(-2deg);}
  .profile-cover {height: 155px;}
  .visual-note {padding: 12px 14px; gap: 9px; border-radius: 9px;}
  .visual-note strong {font-size: 15px;}
  .visual-note small {font-size: 8px;}
  .note-symbol {width: 30px; height: 30px;}
  .note-symbol .icon {width: 17px; height: 17px;}
  .note-regulars {left: 0; top: 115px;}
  .note-reviews {right: 0; bottom: 70px;}
  .note-check {display: none;}
  .map-label {font-size: 9px;}
  .map-label-top {right: 4px; top: 0;}
  .visual-caption {font-size: 8px; bottom: 2px;}
  .hero-summary {grid-template-columns: repeat(3,1fr); margin-top: 20px; padding: 24px 0;}
  .hero-summary>div {padding: 0 8px;}
  .hero-summary>div>strong {font-size: 14px; font-weight: 550;}
  .hero-summary>div>span {font-size: 9px;}
  .hero-summary small {display: none;}
  h2,.setup h2,.faq h2 {font-size: 32px; font-weight: 650;}
  .section-heading {margin-bottom: 30px;}
  .setup-list li {padding: 23px 0; gap: 23px;}
  .setup-list h3 {font-size: 18px;}
  .setup-list p {font-size: 12px;}
  .industry-tabs {flex-wrap: wrap; margin-bottom: 16px; row-gap: 6px; border-bottom: 0;}
  .industry-tabs button {width: 33.333%; font-size: 12px; padding: 13px 3px; border-bottom: 1px solid #dcded5;}
  .industry-tabs button[aria-selected=true] {border-bottom: 2px solid #293125;}
  .industry-panel {padding: 24px 0 0; gap: 30px;}
  .industry-copy h3 {font-size: 28px;}
  .industry-copy li {font-size: 13px;}
  .industry-example {padding: 20px; border-radius: 11px;}
  .example-post {padding: 22px;}
  .post-title {font-size: 24px;}
  .section-note {font-size: 10px; line-height: 1.8; margin-top: 20px;}
  .connection-steps h3 {font-size: 18px;}
  .connection-steps p {font-size: 12px;}
  .package-content,.package-price {padding: 29px;}
  .package-content>h3 {font-size: 27px;}
  .package-item>span {font-size: 13px;}
  .package-item>strong {font-size: 30px;}
  .package-item {padding: 21px 0;}
  .package-price {border-top-color: #dedcd5;}
  .price strong {font-size: 90px;}
  .management {padding: 28px;}
  .management-title h3 {font-size: 28px;}
  .management-price {padding: 16px;}
  .management-price>strong {font-size: 36px;}
  .management-work {padding: 26px 0;}
  .price-selector {padding: 18px;}
  .process-list li {padding: 25px 0; gap: 23px;}
  .process-list h3 {font-size: 19px;}
  .process-list p {font-size: 13px;}
  .case-numbers {margin-top: 24px; gap: 45px;}
  .case-numbers strong {font-size: 75px;}
  .case-chart {padding: 24px;}
  .faq-list summary {font-size: 14px; padding: 22px 0;}
  .contact {padding: 25px 0 50px;}
  .contact-main {padding-top: 30px;}
  .contact-main h2 {font-size: 32px;}
  .contact-actions {align-items: start;}
  .contact-top {font-size: 10px;}
  .footer {padding-bottom: 100px;}
  .mobile-dock {border-color: #e4e1d9;}
  .mobile-dock .button {font-size: 12px; padding: 13px 18px;}
}
@media(max-width:460px) {
  .hero-actions {flex-direction: column; gap: 16px;}
  .hero-actions .button {width: 100%; max-width: 330px;}
  .hero-actions .text-link {font-size: 11px;}
  .hero h1 {font-size: clamp(32px,9.35vw,42px);}
  .hero-description {max-width: 300px;}
  .hero-summary>div>strong {font-size: 12px;}
  .hero-summary>div>span {font-size: 8px;}
  .hero-summary>div {padding: 0 5px;}
  .hero-visual {min-height: 558px;}
  .profile-phone {width: min(282px,calc(100% - 26px));}
  .note-regulars {left: -7px;}
  .note-reviews {right: -6px; bottom: 73px;}
  .visual-note {padding: 11px 13px;}
  .visual-note strong {font-size: 14px;}
  .map-label-top {right: 0;}
  .hero-visual:before {top: 100px;}
  .setup h2,h2,.faq h2 {font-size: 29px;}
  .industry-copy h3 {font-size: 26px;}
  .industry-example {padding: 16px;}
  .example-post {padding: 20px;}
  .connection-steps {margin-top: 30px; padding-top: 0;}
  .connection-steps h3 {font-size: 21px;}
  .connection-steps p {font-size: 13px;}
  .connection-steps article,.connection-steps article:first-child {border-color: #ffffff1c; padding: 25px 0 25px 62px;}
  .step-icon {top: 28px;}
  .package-content,.package-price {padding: 25px;}
  .package-content>h3 {font-size: 26px;}
  .package-item>span {font-size: 12px; max-width: 175px;}
  .package-item>strong {font-size: 27px;}
  .package-tags {font-size: 10px;}
  .management {padding: 24px;}
  .management-price {padding: 15px 18px;}
  .management-price>strong {font-size: 32px;}
  .management-work {margin-top: 25px;}
  .contact-main h2 {font-size: 29px;}
  .contact-actions .button {font-size: 13px;}
}