html,
body,
textarea {font-family: 'Pretendard', sans-serif;}

.inner {max-width: 1262px;}

/* service.css */
.sub-container:has(.platform-hero-section) {background-color: #0A0A0A; padding-bottom: clamp(160px, 15.63vw, 300px);}
.platform-hero-section {max-height: 820px; height: 100vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.platform-hero-section span {display: block; margin-bottom: clamp(14px, 1.04vw, 20px); font-size: clamp(12px, 0.73vw, 14px); font-weight: 500; letter-spacing: 0.18em; line-height: 103%; color: #2563FF;}
.platform-hero-section h2 {word-break: keep-all; display: block; margin-top: clamp(16px, 1.25vw, 24px); font-size: clamp(32px, 3vw + 0.5rem, 64px); line-height: 120%; font-weight: 700; color: #FAFAFA;}
.platform-hero-section p {word-break: keep-all; font-size: clamp(18px, 1.3vw, 24px); line-height: 150%; color: #D4D4D4; margin-top: clamp(36px, 3.13vw, 60px);}

.platform-title h3 {word-break:keep-all; font-size:clamp(30px, 2.71vw, 52px); font-weight: 700; line-height:140%; color:#FAFAFA;}
.platform-title h4 {word-break:keep-all; font-size:clamp(24px, 2.4vw, 42px); font-weight: 700; line-height:140%; color:#FAFAFA;}
.platform-title h4 + h3 {margin-top: clamp(30px, 4.17vw, 80px);}
.platform-title p {word-break:keep-all; margin-top: clamp(24px, 2.08vw, 32px); font-size:clamp(16px, 0.94vw, 18px); line-height:150%; color:#D4D4D4;}


.platform-intro-section {margin-bottom: clamp(180px, 15.63vw, 300px); display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(80px, 8.33vw, 160px);}
.platform-intro-section .intro-title h3 {word-break:keep-all; font-size:clamp(30px, 2.71vw, 52px); font-weight: 700; line-height:140%; color:#FAFAFA;}
.platform-intro-section .intro-text {padding-top: clamp(110px, 8.85vw, 170px);}
.platform-intro-section .intro-text p {word-break: keep-all; font-size: clamp(16px, 1.1vw, 20px); font-weight: 500; line-height: 150%; color: #D4D4D4;}
.platform-intro-section .intro-text p + p {margin-top: clamp(24px, 2.08vw, 32px);}

.platform-process-section {position: relative; min-height: 100vh; margin-bottom: clamp(200px, 16.67vw, 320px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.platform-process-section .process-wrap {margin-top: clamp(80px, 8.33vw, 150px); width: 100%;}
.platform-process-section .process-label {display: block; margin-bottom: clamp(24px, 1.67vw, 36px); font-size: clamp(14px, 0.83vw, 16px); line-height: 150%; color: #BCBCBC;}
.platform-process-section .process-line {position: relative; width: 100%; height: 2px; background-color: #404040;}
.platform-process-section .process-line span {position: relative; display: block; width: 0; height: 100%; background-color: #2563FF;}
.platform-process-section .process-line span::after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background-color: #2563FF; filter: blur(5px);}

.platform-process-section .process-list {margin-top: clamp(28px, 2.3vw, 44px); display: grid; grid-template-columns: repeat(3, 1fr);}
.platform-process-section .process-item {padding-left: clamp(20px, 1.56vw, 30px);}
.platform-process-section .process-item span {transition: color 0.3s ease; display: block; margin-bottom: clamp(14px, 0.83vw, 16px); font-size: clamp(24px, 1.88vw, 36px); font-weight: 500; color: #A3A3A3;}
.platform-process-section .process-item strong {transition: color 0.3s ease; display: block; margin-bottom: 4px; font-size: clamp(20px, 1.25vw, 24px); font-weight: 500; color: #A3A3A3;}
.platform-process-section .process-item p {transition: color 0.3s ease; font-size: clamp(16px, 0.94vw, 18px); line-height: 150%; color: #A3A3A3;}
.platform-process-section .process-item.active span,
.platform-process-section .process-item.active strong,
.platform-process-section .process-item.active p {color: #FAFAFA;}

.platform-tech-section {margin-bottom: clamp(140px, 11.98vw, 230px);}
.platform-tech-section .tech-list {padding-top: clamp(60px, 5.52vw, 106px); max-width: 619px; width: 100%; margin-left: auto;}
.platform-tech-section .tech-list li {padding-block: clamp(24px, 2.08vw, 40px); border-bottom: 1px solid #404040;}
.platform-tech-section .tech-list li:first-child {padding-top: 0;}
.platform-tech-section .tech-list li:last-child {border-bottom: 0; padding-bottom: 0;}
.platform-tech-section .tech-list strong {display: block; margin-bottom: 10px; font-size: clamp(20px, 1.15vw, 22px); font-weight: 500; line-height: 150%; color: #FAFAFA;}
.platform-tech-section .tech-list p {word-break: keep-all; font-size: clamp(16px, 0.94vw, 18px); line-height: 150%; color: #D4D4D4;}

.platform-lineup-flow-section {margin-bottom: clamp(60px, 5.21vw, 100px);}
.platform-lineup-flow-section .lineup-flow-list {margin-top: clamp(120px, 10.42vw, 200px);}
.platform-lineup-flow-section .lineup-flow-item {display: flex; align-items: flex-start; column-gap: clamp(24px, 1.67vw, 32px);}
.platform-lineup-flow-section .lineup-flow-item + .lineup-flow-item {margin-top: clamp(36px, 3.75vw, 72px); padding-top: clamp(36px, 3.75vw, 72px); background-repeat: no-repeat; background-size: 100% 1px; background-position: top left;}
.platform-lineup-flow-section .lineup-flow-item.item2 {justify-content: flex-end; background-image: linear-gradient(90deg, #404040 0%, #0A0A0A 100%);}
.platform-lineup-flow-section .lineup-flow-item.item3 {padding-left: clamp(24px, 3.13vw, 60px); background-image: linear-gradient(90deg, #0A0A0A 0%, #404040 100%);}
.platform-lineup-flow-section .lineup-flow-item span {font-size: clamp(36px, 3.75vw, 72px); font-weight: 500; line-height: 100%; color: #737373;}
.platform-lineup-flow-section .lineup-flow-item strong {display: block; word-break: keep-all; font-size: clamp(24px, 1.875vw, 36px); font-weight: 600; line-height: 130%; color: #FAFAFA;}
.platform-lineup-flow-section .lineup-flow-item p {word-break: keep-all; margin-top: clamp(16px, 1.25vw, 24px); font-size: clamp(16px, 0.94vw, 18px); font-weight: 500; line-height: 150%; color: #D4D4D4;}

.platform-system-section {display: flex; align-items: center; column-gap: clamp(24px, 1.56vw, 30px); justify-content: space-between; min-height: 100vh; margin-bottom: clamp(220px, 17.71vw, 340px);}
.platform-system-section .platform-system-tab-list {min-width: 275px; display: flex; flex-direction: column; row-gap: clamp(24px, 1.88vw, 36px);}
.platform-system-section .platform-system-tab-list::before {content: '기능 라인업'; padding-bottom: 4px; font-size: clamp(12px, 0.73vw, 14px); font-weight: 500; line-height: 103%; color: #2563FF;}
.platform-system-section .platform-system-tab {display: flex; align-items: flex-start; column-gap: clamp(16px, 1.04vw, 20px); position: relative; cursor: pointer; padding-left: clamp(16px, 1.04vw, 20px);}
.platform-system-section .platform-system-tab::before {content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 0; background-color: #2563FF; transition: height 0.3s ease;}
.platform-system-section .platform-system-tab span {transition: color 0.3s ease; display: block; font-size: clamp(16px, 0.94vw, 18px); font-weight: 400; line-height: 150%; color: #A3A3A3;}
.platform-system-section .platform-system-tab strong {transition: color 0.3s ease; word-break: keep-all; font-size: clamp(16px, 0.94vw, 18px); font-weight: 400; line-height: 150%; color: #A3A3A3;}
.platform-system-section .platform-system-tab.active::before {height: 100%;}
.platform-system-section .platform-system-tab.active span,
.platform-system-section .platform-system-tab.active strong {color: #FAFAFA; font-weight: 500;}
.platform-system-section .platform-system-preview {max-width: 874px; width: 100%; height: auto; aspect-ratio: 874 / 492; overflow: hidden; background-color: #fff;}
.platform-system-section .platform-system-preview img {display: block; width: 100%; height: 100%;  object-fit: cover; transition: opacity 0.25s ease, transform 0.25s ease;}
.platform-system-section .platform-system-preview img.change {opacity: 0; transform: translateY(12px);}

.platform-store-flow-section {margin-bottom: clamp(140px, 12.5vw, 240px);}
.platform-store-flow-section .store-flow-list {margin-top: clamp(120px, 10.42vw, 200px);}
.platform-store-flow-section .store-flow-item {position: relative; width: fit-content; padding-top: clamp(20px, 1.56vw, 30px);}
.platform-store-flow-section .store-flow-item::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #404040;}
.platform-store-flow-section .store-flow-item::after {content: ''; position: absolute; left: 0; top: 1px; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.7) 50%, rgba(250, 250, 250, 0) 100%); filter: blur(6px);}
.platform-store-flow-section .store-flow-item p {word-break: keep-all; font-size: clamp(16px, 1.25vw, 24px); font-weight: 500; line-height: 150%; color: #D4D4D4;}
.platform-store-flow-section .store-flow-item.item1 {margin-left: 0;}
.platform-store-flow-section .store-flow-item.item2 {margin-inline: auto; margin-top: clamp(60px, 7vw, 120px);}
.platform-store-flow-section .store-flow-item.item3 {margin-left: auto; margin-top: clamp(60px, 7vw, 120px);}

.platform-stayera-flow-section {margin-bottom: clamp(160px, 13.54vw, 260px);}
.platform-stayera-flow-section .stayera-flow-top {display: grid; grid-template-columns: 1fr 360px; column-gap: clamp(80px, 8.33vw, 160px);}
.platform-stayera-flow-section .stayera-flow-top h3 {word-break:keep-all; font-size:clamp(30px, 2.71vw, 52px); font-weight: 700; line-height:140%; color:#FAFAFA;}
.platform-stayera-flow-section .stayera-flow-desc {padding-top: 20px;}
.platform-stayera-flow-section .stayera-flow-desc p {word-break: keep-all; font-size: clamp(16px, 1.04vw, 20px); font-weight: 400; line-height: 150%; color: #D4D4D4;}
.platform-stayera-flow-section .stayera-flow-desc .line {width: 1px; height: 24px; background-color: #404040; margin: 10px 6px;}
.platform-stayera-flow-section .stayera-flow-desc strong {display: block; font-size: clamp(16px, 1.04vw, 20px); font-weight: 500; line-height: 150%; color: #F5F5F5;}

.platform-stayera-flow-section .stayera-orbit-wrap {position: relative; width: 100%; height: 524px; margin-top: clamp(100px, 8.33vw, 160px);}
.platform-stayera-flow-section .stayera-orbit-svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.platform-stayera-flow-section .stayera-orbit-path {fill:none; stroke:#404040; stroke-opacity:0.34; stroke-width:1;}
.platform-stayera-flow-section .stayera-label-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1096px; height: 524px;}
.platform-stayera-flow-section .stayera-orbit-label {position: absolute; font-size: 14px; font-weight: 300; color: #404040; line-height: 150%;}
.platform-stayera-flow-section .stayera-orbit-label::after {content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #404040;}
.platform-stayera-flow-section .stayera-orbit-label.label1 {left: 20%; top: 6%;}
.platform-stayera-flow-section .stayera-orbit-label.label1::after {top: calc(100% + 28px); right: 0;}
.platform-stayera-flow-section .stayera-orbit-label.label2 {right: 4%; top: 70%;}
.platform-stayera-flow-section .stayera-orbit-label.label2::after {bottom: calc(100% + 22px); left: 0;}
.platform-stayera-flow-section .stayera-orbit-label.label3 {left: 7%; bottom: -7%;}
.platform-stayera-flow-section .stayera-orbit-label.label3::after {bottom: calc(100% + 20px); right: 0;}
.platform-stayera-flow-section .stayera-orbit-item {position: absolute; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease;}
.platform-stayera-flow-section .stayera-orbit-item span {display: block; width: 8px; height: 8px; margin-bottom: 18px; border-radius: 50%; background-color: #FAFAFA; box-shadow: 0 0 14px #2563FF, 0 0 24px #2563FF;}
.platform-stayera-flow-section .stayera-orbit-item strong {display: block; word-break: keep-all; font-size: 24px; font-weight: 600; line-height: 150%; color: #FAFAFA;}
.platform-stayera-flow-section .stayera-orbit-item p {word-break: keep-all; margin-top: 20px; font-size: 16px; font-weight: 500; line-height: 155%; color: #D4D4D4;}
.platform-stayera-flow-section .stayera-orbit-item.item1 {right: 18%; top: 1%;}
.platform-stayera-flow-section .stayera-orbit-item.item2 {left: 49%; bottom: -21%;}
.platform-stayera-flow-section .stayera-orbit-item.item3 {left: 8%; top: 44%;}
.platform-stayera-flow-section .stayera-orbit-item.active {opacity: 1;}

.platform-stayera-system-section .stayera-preview {overflow: hidden; background-color: #fff;}
.platform-stayera-system-section .stayera-preview img {display: block; width: 100%; aspect-ratio: 874 / 492; object-fit: cover; transition: opacity 0.25s ease, transform 0.25s ease;}
.platform-stayera-system-section .stayera-preview img.change {opacity: 0; transform: translateY(12px);}

.platform-effect-section {margin-bottom: clamp(220px, 17.71vw, 340px); display: flex; column-gap: clamp(60px, 7vw, 120px);}
.platform-effect-section .effect-list {margin-top: clamp(100px, 11.98vw, 230px); display: flex; flex-direction: column; row-gap: clamp(60px, 5.21vw, 100px);}
.platform-effect-section .effect-item {display: flex; column-gap: clamp(24px, 2.29vw, 44px); opacity: 0.22; transition: opacity 0.4s ease;}
.platform-effect-section .effect-item span {font-size: clamp(36px, 3.75vw, 72px); font-weight: 600; line-height: 100%; color: #262626;}
.platform-effect-section .effect-item strong {padding-top: clamp(20px, 2.08vw, 40px); display: block; margin-bottom: clamp(12px, 1.04vw, 20px); font-size: clamp(24px, 2.08vw, 32px); font-weight: 500; line-height: 140%; color: #FAFAFA;}
.platform-effect-section .effect-item p {margin-top: clamp(12px, 1.04vw, 20px); word-break: keep-all; font-size: clamp(16px, 0.94vw, 18px); line-height: 150%; font-weight: 500; color: #D4D4D4;}
.platform-effect-section .effect-item.active {opacity: 1;}

.platform-seo-section {z-index: 1; position: relative; margin-bottom: clamp(180px, 15.63vw, 300px);}
.platform-seo-section .seo-title {width: 42%;}
.platform-seo-section .seo-title h3 {word-break:keep-all; font-size:clamp(30px, 2.71vw, 52px); font-weight: 700; line-height:140%; color:#FAFAFA;}
.platform-seo-section .seo-text {position: absolute; top: 0; right: 0; width: 42%;}
.platform-seo-section .seo-text p {word-break: keep-all; font-size: clamp(16px, 1.04vw, 20px); line-height: 150%; font-weight: 500; color: #A3A3A3;}
.platform-seo-section .seo-text p:nth-child(2) {margin-top: clamp(16px, 0.94vw, 18px);}
.platform-seo-section .seo-text p:nth-child(3) {margin-top: clamp(24px, 2.08vw, 40px); color: #FAFAFA;}
.platform-seo-section .seo-bg-text {z-index: -1; position: absolute; left: 50%; top: 34%; transform: translateX(-50%); z-index: 0; white-space: nowrap; font-size: clamp(90px, 12vw, 220px); font-weight: 700; line-height: 120%; letter-spacing: 0.01em; color: rgba(255,255,255,0.02);}
.platform-seo-section .seo-step-list {position: relative; z-index: 1; margin-top: 130px; display: flex; justify-content: space-between;}
.platform-seo-section .seo-step-list li {}
.platform-seo-section .seo-step-list span {display: block; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #404040; font-size: 16px; line-height: 150%; color: #FAFAFA;}
.platform-seo-section .seo-step-list strong {display: block; margin-bottom: 10px; font-size: 18px; font-weight: 500; line-height: 150%; color: #F5F5F5;}
.platform-seo-section .seo-step-list p {font-size: 16px; line-height: 150%; color: #A3A3A3;}

.platform-faq-section {margin-bottom: clamp(160px, 13.54vw, 260px);}
.platform-faq-section .platform-faq-list {padding-top: clamp(56px, 4.69vw, 90px);}
.platform-faq-section .platform-faq-list li + li {border-top: 1px solid #404040; padding-top: clamp(34px, 2.6vw, 48px); margin-top: clamp(34px, 2.6vw, 48px);}
.platform-faq-section .platform-faq-list strong {word-break: keep-all; display: block; margin-bottom: clamp(16px, 1.25vw, 24px); font-size: clamp(18px, 1.04vw, 22px); font-weight: 400; line-height: 103%; color: #FAFAFA;}
.platform-faq-section .platform-faq-list p {word-break: keep-all; font-size: clamp(16px, 0.94vw, 18px); line-height: 150%; color: #A3A3A3;}

.platform-contact-section strong {font-size: clamp(24px, 2.4vw, 42px); font-weight: 600; line-height: 120%; color: #FAFAFA;}
.platform-contact-section strong b {display: block; margin-top: 8px; word-break: keep-all; font-size: clamp(30px, 2.71vw, 52px); font-weight: 700;}
.platform-contact-section p {word-break: keep-all; margin-top: clamp(60px, 5.21vw, 100px); font-size: clamp(16px, 1.04vw, 20px); line-height: 150%; font-weight: 500; color: #D4D4D4;}
.platform-contact-section p b {font-weight: 600; color: #FAFAFA;}
.platform-contact-section a {transition: background-color 0.3s ease, color 0.3s ease; display: inline-flex; align-items: center; column-gap: 8px; margin-top: clamp(36px, 4.17vw, 80px); padding: clamp(8px, 0.63vw, 12px) clamp(20px, 1.25vw, 24px); background-color: #F5F5F5; border: 1px solid #F5F5F5; font-size: clamp(16px, 1.04vw, 20px); font-weight: 700; color: #0A0A0A;}
.platform-contact-section a svg path {transition: stroke 0.3s ease;}
.platform-contact-section a:hover {background-color: #0A0A0A; color: #F5F5F5;}
.platform-contact-section a:hover svg path {stroke: #F5F5F5;}

/* 반응형 */
@media screen and (max-width: 1024px) {
    .platform-system-section {padding-top: 36px; display:block; min-height:auto; margin-bottom:clamp(66px, 18vw, 180px);}
    .platform-system-section .platform-system-tab-list {display:none;}
    .platform-system-section .platform-system-preview {display:none;}
    .platform-system-section .platform-system-mobile-swiper {display:block; width:100%; overflow:hidden; padding-top: clamp(26px, calc(1.8vw + 12px), 38px);}
    .platform-system-section .platform-system-mobile-swiper::before {position: absolute; top: 0; left: 0; content:'기능 라인업'; display:block; margin-bottom: 12px; font-size: clamp(14px, 1.8vw, 16px); font-weight:500; line-height: 103%; letter-spacing:0.18em; color:#2563FF;}
    .platform-system-section .platform-system-mobile-slide {width:100%;}
    .platform-system-section .platform-system-mobile-title {margin-bottom: clamp(28px, 4vw, 36px); display: flex; align-items: flex-start; column-gap: 8px;}
    .platform-system-section .platform-system-mobile-title span,
    .platform-system-section .platform-system-mobile-title strong {display:block; word-break:keep-all; font-size: clamp(16px, 2vw, 18px); font-weight:500; line-height:150%; color:#FAFAFA;}
    .platform-system-section .platform-system-mobile-img {overflow:hidden; background:#fff;}
    .platform-system-section .platform-system-mobile-img img {display:block; width:100%; aspect-ratio:874 / 492; object-fit:cover;}
    .platform-system-section .platform-system-mobile-pagination {position:static; display:flex; justify-content:center; column-gap:8px; margin-top: 30px;}
    .platform-system-section .platform-system-mobile-pagination .swiper-pagination-bullet {width: clamp(6px, 1.3vw, 12px); height: clamp(6px, 1.3vw, 12px); margin:0; background:#A3A3A3; opacity:1;}
    .platform-system-section .platform-system-mobile-pagination .swiper-pagination-bullet-active {width: clamp(24px, 4vw, 32px); border-radius:999px; background:#2563FF;}

    .platform-stayera-flow-section .stayera-orbit-wrap {height: 406px;}
    .platform-stayera-flow-section .stayera-orbit-svg,
    .platform-stayera-flow-section .stayera-label-wrap {width: 850px; height: 406px;}
    .platform-stayera-flow-section .stayera-orbit-label.label1 {left: 14%; top: 5%;}
    .platform-stayera-flow-section .stayera-orbit-label.label2 {top: 75%;}
    .platform-stayera-flow-section .stayera-orbit-label.label3 {left: 0%; bottom: -8%;}
    .platform-stayera-flow-section .stayera-orbit-item.item1 {top: 2.5%;}
    .platform-stayera-flow-section .stayera-orbit-item.item2 {left: 48%; bottom: -29%;}

    .platform-intro-section {margin-bottom: 100px;}
    .platform-intro-section,
    .platform-stayera-flow-section .stayera-flow-top {display: flex; flex-direction: column; row-gap: 100px;}
    .platform-tech-section .tech-list {margin-left: 0; max-width: unset; padding-top: 100px;}
    .platform-intro-section .intro-text {padding-top: 0;}
    .platform-stayera-flow-section .stayera-flow-desc {min-width: 200px; padding-top: 0; width: fit-content; margin-left: auto;}
    .platform-effect-section {flex-direction: column; row-gap: 100px;}
    .platform-effect-section .effect-list {margin-top: 0;}
    .platform-seo-section .seo-step-list {margin-top: 200px;}

    .platform-lineup-flow-section .lineup-flow-list,
    .platform-store-flow-section .store-flow-list {margin-top: 100px;}
}

@media screen and (max-width: 768px) {
    .platform-hero-section span,
    .platform-system-section .platform-system-tab-list::before,
    .platform-faq-section .platform-faq-list strong,
    .platform-system-section .platform-system-mobile-swiper::before {line-height: 1;}

    .platform-hero-section h2,
    .platform-contact-section strong,
    .platform-contact-section strong b,
    .platform-seo-section .seo-bg-text {line-height: 1.2;}

    .platform-lineup-flow-section .lineup-flow-item strong {line-height: 1.3;}

    .platform-title h3,
    .platform-title h4,
    .platform-intro-section .intro-title h3,
    .platform-stayera-flow-section .stayera-flow-top h3,
    .platform-seo-section .seo-title h3,
    .platform-effect-section .effect-item strong {line-height: 1.4;}

    .platform-hero-section p,
    .platform-title p,
    .platform-process-section .process-label,
    .platform-process-section .process-item p,
    .platform-tech-section .tech-list strong,
    .platform-tech-section .tech-list p,
    .platform-lineup-flow-section .lineup-flow-item p,
    .platform-system-section .platform-system-tab span,
    .platform-system-section .platform-system-tab strong,
    .platform-store-flow-section .store-flow-item p,
    .platform-stayera-flow-section .stayera-flow-desc p,
    .platform-stayera-flow-section .stayera-flow-desc strong,
    .platform-stayera-flow-section .stayera-orbit-label,
    .platform-stayera-flow-section .stayera-orbit-item strong,
    .platform-seo-section .seo-step-list span,
    .platform-seo-section .seo-step-list strong,
    .platform-seo-section .seo-step-list p,
    .platform-faq-section .platform-faq-list p,
    .platform-contact-section p {line-height: 1.5;}

    .platform-stayera-flow-section .stayera-orbit-item p {line-height: 1.55;}


    .platform-process-section .process-item {padding-left: 10px;}
    
    .platform-lineup-flow-section .lineup-flow-item.item2 {justify-content: flex-start;}
    .platform-lineup-flow-section .lineup-flow-item.item3 {padding-left: 0;}

    .platform-stayera-flow-section .stayera-orbit-wrap {height: 239px;}
    .platform-stayera-flow-section .stayera-orbit-svg,
    .platform-stayera-flow-section .stayera-label-wrap {width: 500px; height: 239px;}
    .platform-stayera-flow-section .stayera-orbit-item strong {font-size: 16px;}
    .platform-stayera-flow-section .stayera-orbit-item p {font-size: 14px; margin-top: 8px;}
    .platform-stayera-flow-section .stayera-orbit-label {font-size: 12px; max-width: 80px;}
    .platform-stayera-flow-section .stayera-orbit-label.label1 {left: 14%; top: -2%;}
    .platform-stayera-flow-section .stayera-orbit-label.label2 {right: 15%; top: 88%;}
    .platform-stayera-flow-section .stayera-orbit-label.label1::after {top: calc(100% + 12px);}
    .platform-stayera-flow-section .stayera-orbit-label.label2::after,
    .platform-stayera-flow-section .stayera-orbit-label.label3::after {bottom: calc(100% + 12px);}
    .platform-stayera-flow-section .stayera-orbit-label.label3::after {right: unset; left: 0;}
    .platform-stayera-flow-section .stayera-orbit-label.label3 {left: 15%; bottom: -19%;}
    .platform-stayera-flow-section .stayera-orbit-item.item1 {top: 2%; right: 12%;}
    .platform-stayera-flow-section .stayera-orbit-item.item2 {left: 36%; bottom: -40.6%;}
    .platform-stayera-flow-section .stayera-orbit-item.item3 {left: 14%; top: 33%;}

    .platform-seo-section .seo-step-list {flex-wrap: wrap; row-gap: 24px;}
    .platform-seo-section .seo-step-list li {width: 30%;}
    .platform-seo-section .seo-step-list li:nth-child(n + 4) {width: 45%;}

    .platform-effect-section .effect-list {row-gap: 50px;}

    .platform-seo-section .seo-title {width: fit-content;}
    .platform-seo-section .seo-text {position: unset; margin-top: 100px; margin-left: auto;}
    .platform-seo-section .seo-bg-text {display: block; font-size: clamp(60px, 15vw, 90px); width: calc(100vw + 8px); word-break: keep-all; white-space: normal; color: transparent; position: relative;}
    .platform-seo-section .seo-bg-text::before,
    .platform-seo-section .seo-bg-text::after {font-size: clamp(60px, 15vw, 90px); position: absolute; font-weight: 700; line-height: 120%; letter-spacing: 0.01em; color: rgba(255,255,255,0.02);}
    .platform-seo-section .seo-bg-text::before {content: 'PLANNING'; top: 0; left: 0;}
    .platform-seo-section .seo-bg-text::after {content: 'TO SEO'; bottom: 0; right: 0;}
    .platform-seo-section .seo-step-list {margin-top: 0;}
}

@media screen and (max-width: 480px) {
    .platform-process-section .process-wrap {margin-top: 50px; position: relative; display: flex; column-gap: 20px; padding-top: 45px;}
    .platform-process-section .process-label {position: absolute; top: 0; left: 0;}
    .platform-process-section .process-list {display: flex; flex-direction: column; row-gap: 30px; margin-top: 0;}
    .platform-process-section .process-item {position: relative; padding-left: 40px;}
    .platform-process-section .process-item span {margin-bottom: 0; position: absolute; top: 0; left: 0;}
    .platform-process-section .process-line {flex-shrink:0; position:relative; width:2px; height:auto; align-self:stretch;}
    .platform-process-section .process-line span {width:100%; height:0;}
    .platform-stayera-flow-section .stayera-flow-desc {min-width: unset;}

    .platform-intro-section, 
    .platform-stayera-flow-section .stayera-flow-top {row-gap: 80px;}
    .platform-tech-section .tech-list {padding-top: 80px;}
    .platform-lineup-flow-section .lineup-flow-list,
    .platform-seo-section .seo-text {margin-top: 80px;}

    .platform-seo-section .seo-text {margin-left: auto;}
    .platform-seo-section .seo-title,
    .platform-seo-section .seo-text {width: fit-content;}
    .platform-seo-section .seo-step-list {flex-direction: column; row-gap: 62px; margin-top: 122px; padding-inline: 34px;}
    .platform-seo-section .seo-step-list li {width: fit-content;}
    .platform-seo-section .seo-step-list li:nth-child(2n),
    .platform-store-flow-section .store-flow-list {margin-left: auto;}

    .platform-store-flow-section .store-flow-item {width: 50%; word-break: keep-all;}

    .platform-effect-section .effect-list {row-gap: 30px;}
}

@media screen and (max-width: 375px) {
    .platform-stayera-flow-section .stayera-orbit-item strong {font-size: 14px;}
    .platform-stayera-flow-section .stayera-orbit-item p {font-size: 12px; margin-top: 8px;}
    .platform-stayera-flow-section .stayera-orbit-label {font-size: 10px; max-width: 80px;}
    .platform-stayera-flow-section .stayera-orbit-label.label1 {left: 24%; top: -7%;}
    .platform-stayera-flow-section .stayera-orbit-label.label2 {right: 15%; top: 88%;}
    .platform-stayera-flow-section .stayera-orbit-label.label3 {left: 18%; bottom: 8%;}
    .platform-stayera-flow-section .stayera-orbit-label.label3::after {right: unset; left: 0; bottom: unset; top: calc(100% + 12px);}
    .platform-stayera-flow-section .stayera-orbit-item.item1 {top: 3%; right: 20%;}
    .platform-stayera-flow-section .stayera-orbit-item.item2 {left: 38%; bottom: -36%;}
    .platform-stayera-flow-section .stayera-orbit-item.item3 {left: 20%; top: 26%;}

    .platform-seo-section .seo-step-list {padding-inline: 0;}
}