@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&family=Inter:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;900&display=swap');


/* =========================================
   RESET
========================================= */

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;

  background: #070706;

  overflow-x: hidden;
}

body {
  font-family: "Noto Sans KR", sans-serif;

  color: #f7f7f3;
}

.viewport {
  width: 100%;
  overflow: hidden;
}

.page {
  width: 900px;

  background: #070706;

  transform-origin: top left;
}

section {
  position: relative;

  width: 900px;

  overflow: hidden;
}

.green {
  color: #cbff2e;
}

.section-label {
  position: absolute;

  left: 60px;

  color: #cbff2e;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.4px;
}

.section-label.dark {
  color: #9fa194;
}



/* =========================================
   01 HERO
   900 × 806
========================================= */

.hero {
  height: 806px;

  background: #0a0a08;
}

.brand {
  position: absolute;

  left: 70px;
  top: 109px;

  font-family: "Cormorant Garamond", serif;
  font-size: 48px;
  line-height: 53px;
  font-weight: 600;

  color: #f7f7f3;
}

.eyebrow {
  position: absolute;

  left: 70px;
  top: 190px;

  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;

  color: #cbff2e;
}

.hero-small-title {
  position: absolute;

  left: 70px;
  top: 239px;

  font-size: 30px;
  line-height: 43px;
  font-weight: 700;

  color: #bfff1f;
}

.hero-title {
  position: absolute;

  left: 70px;
  top: 317px;

  margin: 0;

  font-size: 68px;
  line-height: 83px;
  font-weight: 700;

  letter-spacing: -2.4px;

  color: #f7f7f3;
}

.hero-box {
  position: absolute;

  left: 70px;
  top: 511px;

  width: 760px;
  height: 104px;

  padding: 28px;

  background: #1a1a16;

  border-radius: 24px;

  font-size: 38px;
  line-height: 48px;
  font-weight: 700;

  letter-spacing: -1.3px;

  color: #f7f7f3;
}

.hero-box span {
  color: #cbff2e;
}

.hero-description {
  position: absolute;

  left: 70px;
  top: 643px;

  width: 760px;

  margin: 0;

  font-size: 24px;
  line-height: 38px;
  font-weight: 400;

  letter-spacing: -0.6px;

  color: #b8b8af;

  white-space: nowrap;
}



/* =========================================
   02 PROBLEM / DATA
   900 × 1777
========================================= */

.problem {
  height: 1777px;

  background: #070706;
}

.problem-label {
  position: absolute;

  left: 60px;
  top: 78px;

  color: #cbff2e;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}

.problem-title {
  position: absolute;

  left: 60px;
  top: 129px;

  margin: 0;

  color: #f7f7f3;

  font-size: 52px;
  line-height: 58px;
  font-weight: 700;

  letter-spacing: -2px;
}

.problem-description {
  position: absolute;

  left: 60px;
  top: 279px;

  margin: 0;

  color: #b8b8af;

  font-size: 25px;
  line-height: 36px;
  font-weight: 700;

  letter-spacing: -0.8px;

  white-space: nowrap;
}


/* 위쪽 카드 3개 */

.data-top {
  position: absolute;

  left: 60px;
  top: 349px;

  width: 780px;
  height: 330px;

  display: flex;

  gap: 18px;
}

.data-card {
  position: relative;

  width: 248px;
  height: 330px;

  background: #131411;

  border: 1px solid #383b33;
  border-radius: 22px;
}

.data-card-highlight {
  background: #1b1c18;
}

.data-index {
  position: absolute;

  left: 27px;
  top: 29px;

  color: #b8b8af;

  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.data-index::after {
  content: "";

  position: absolute;

  left: 45px;
  top: 7px;

  width: 46px;
  height: 1px;

  background: rgba(184, 184, 175, 0.55);
}

.data-number {
  position: absolute;

  left: 27px;
  top: 67px;

  color: #f7f7f3;

  font-family: "Inter", "Noto Sans KR", sans-serif;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;

  letter-spacing: -1.5px;
}

.data-number.green {
  color: #cbff2e;
}

.data-title {
  position: absolute;

  left: 27px;
  top: 129px;

  color: #f7f7f3;

  font-size: 20px;
  line-height: 27px;
  font-weight: 700;

  letter-spacing: -0.8px;
}

.data-text {
  position: absolute;

  left: 27px;
  top: 170px;

  color: #b8b8af;

  font-size: 13px;
  line-height: 18px;
}

.progress {
  position: absolute;

  left: 27px;
  bottom: 58px;

  width: 196px;
  height: 10px;

  background: #2e302b;

  border-radius: 5px;

  overflow: hidden;
}

.progress-bar {
  height: 100%;

  background: #cbff2e;

  border-radius: 5px;
}

.progress-396 {
  width: 39.6%;
}

.progress-287 {
  width: 28.7%;
}

.progress-820 {
  width: 82%;
}


/* 아래쪽 카드 2개 */

.data-bottom {
  position: absolute;

  left: 60px;
  top: 713px;

  width: 780px;
  height: 300px;

  display: flex;

  gap: 18px;
}

.data-card-wide {
  position: relative;

  width: 381px;
  height: 300px;

  background: #131411;

  border: 1px solid #383b33;
  border-radius: 22px;
}

.data-card-wide .data-number {
  top: 86px;
}

.data-card-wide .data-title {
  top: 167px;
}

.data-card-wide .data-text {
  top: 227px;
}

.wide-progress {
  width: 329px;

  bottom: 14px;
}

.progress-684 {
  width: 68.4%;
}

.progress-425 {
  width: 42.5%;
}


/* 초록 전환 박스 */

.problem-transition {
  position: absolute;

  left: 60px;
  top: 1047px;

  width: 780px;
  height: 210px;

  background: #cbff2e;

  border-radius: 24px;

  color: #0a0a08;
}

.transition-small {
  position: absolute;

  left: 34px;
  top: 30px;

  font-size: 22px;
  line-height: 28px;
  font-weight: 500;

  letter-spacing: -0.5px;
}

.transition-big {
  position: absolute;

  left: 34px;
  top: 88px;

  font-size: 36px;
  line-height: 43px;
  font-weight: 700;

  letter-spacing: -1.2px;
}


/* 고정비 구조 */

.cost-structure {
  position: absolute;

  left: 60px;
  top: 1291px;

  width: 780px;
  height: 310px;

  background: #11110f;

  border-radius: 22px;
}

.cost-eyebrow {
  position: absolute;

  left: 24px;
  top: 20px;

  color: #cbff2e;

  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}

.cost-boxes {
  position: absolute;

  left: 24px;
  top: 52px;

  width: 732px;
  height: 112px;

  display: flex;

  gap: 12px;
}

.cost-card {
  position: relative;

  width: 236px;
  height: 112px;

  background: #171814;

  border: 1px solid #33362e;
  border-radius: 16px;
}

.cost-top {
  position: absolute;

  left: 19px;
  top: 14px;

  width: 196px;

  display: flex;
  justify-content: space-between;
  align-items: center;

  color: #9e9e94;

  font-family: "Inter", sans-serif;
  font-size: 11px;
}

.cost-top strong {
  color: #cbff2e;

  font-family: "Inter", sans-serif;
  font-size: 21px;
  font-weight: 700;
}

.cost-label {
  position: absolute;

  left: 19px;
  top: 47px;

  color: #f7f7f3;

  font-size: 19px;
  line-height: 25px;
  font-weight: 700;

  letter-spacing: -0.5px;
}

.cost-result {
  position: absolute;

  left: 24px;
  top: 182px;

  width: 732px;
  height: 112px;

  background: #050505;

  border-radius: 16px;
}

.cost-result-left {
  position: absolute;

  left: 18px;
  top: 15px;
}

.cost-result-left .small {
  color: #9e9e94;

  font-size: 13px;
  line-height: 18px;
}

.cost-result-left .down {
  margin-top: 3px;

  color: #cbff2e;

  font-family: "Inter", sans-serif;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
}

.equal {
  position: absolute;

  left: 214px;
  top: 26px;

  color: #9e9e94;

  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}

.cost-result-message {
  position: absolute;

  left: 245px;
  top: 22px;

  color: #f7f7f3;

  font-size: 26px;
  line-height: 34px;
  font-weight: 700;

  letter-spacing: -0.8px;
}


/* 출처 */

.sources {
  position: absolute;

  left: 60px;
  top: 1635px;

  width: 780px;
  height: 90px;

  padding: 12px 20px;

  background: #131411;

  border-radius: 16px;

  color: #8f9188;

  font-size: 11.5px;
  line-height: 17px;
}

.sources p {
  margin: 0 0 2px 0;
}



/* =========================================
   03 TRUST & QUALITY
   900 × 2184
========================================= */

.trust {
  height: 2184px;

  background: #060605;
}

.trust-brand {
  position: absolute;

  left: 60px;
  top: 74px;

  font-family: "Cormorant Garamond", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;

  color: #f7f7f3;
}

.trust-label {
  position: absolute;

  left: 60px;
  top: 136px;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;

  color: #cbff2e;
}

.trust-title {
  position: absolute;

  left: 60px;
  top: 190px;

  margin: 0;

  font-size: 54px;
  line-height: 62px;
  font-weight: 700;

  letter-spacing: -2px;

  color: #f7f7f3;
}

.trust-description {
  position: absolute;

  left: 60px;
  top: 344px;

  margin: 0;

  font-size: 24px;
  line-height: 36px;

  color: #aaaCA3;
}

.trust-key {
  position: absolute;

  left: 60px;
  top: 425px;

  width: 780px;
  height: 144px;

  padding: 28px 30px;

  background: #cbff2e;

  border-radius: 22px;

  color: #090908;
}

.trust-key-label {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}

.trust-key-title {
  margin-top: 18px;

  font-size: 29px;
  line-height: 39px;
  font-weight: 700;

  letter-spacing: -0.9px;
}

.trust-card {
  position: absolute;

  left: 60px;

  width: 780px;

  padding: 31px;

  background: #121310;

  border: 1px solid #33362e;
  border-radius: 22px;
}

.trust-card-1 {
  top: 603px;

  height: 258px;
}

.trust-card-2 {
  top: 885px;

  height: 286px;
}

.trust-card-3 {
  top: 1195px;

  height: 310px;
}

.trust-card-top {
  display: flex;
  justify-content: space-between;

  color: #8f9188;

  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.trust-card h3 {
  margin: 33px 0 13px;

  font-size: 28px;
  line-height: 37px;
  font-weight: 700;

  letter-spacing: -0.9px;

  color: #f7f7f3;
}

.nowrap {
  display: block;
  white-space: nowrap;
  padding-left: 15px;
}

.trust-card p {
  margin: 0;

  font-size: 17px;
  line-height: 30px;

  color: #aaaca3;
}

.service-equation {
  position: absolute;

  left: 60px;
  top: 1537px;

  width: 780px;
  height: 404px;

  padding: 30px;

  background: #10110e;

  border-radius: 22px;
}

.equation-label {
  color: #cbff2e;

  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}

.equation-title {
  margin: 18px 0 28px;

  color: #f7f7f3;

  font-size: 30px;
  line-height: 39px;
  font-weight: 700;

  letter-spacing: -1px;
}

.equation-rows {
  border-top: 1px solid #2b2d27;
}

.equation-row {
  height: 58px;

  display: flex;
  align-items: center;

  border-bottom: 1px solid #2b2d27;

  color: #f7f7f3;
}

.equation-sign {
  width: 42px;

  color: #cbff2e;

  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.equation-sign.muted {
  color: #77796f;
}

.equation-left {
  width: 210px;

  font-size: 17px;
  font-weight: 700;
}

.equation-right {
  color: #a2a49b;

  font-size: 14px;
}

.equation-result {
  height: 74px;

  display: flex;
  align-items: center;

  margin-top: 15px;

  padding: 0 20px;

  background: #050505;

  border-radius: 14px;
}

.equation-equal {
  margin-right: 30px;

  color: #cbff2e;

  font-size: 25px;
  font-weight: 700;
}

.equation-message {
  color: #f7f7f3;

  font-size: 22px;
  font-weight: 700;
}

.trust-closing {
  position: absolute;

  left: 60px;
  top: 1972px;

  width: 780px;
}

.trust-closing-brand {
  color: #cbff2e;

  font-size: 15px;
  font-weight: 700;
}

.trust-closing h3 {
  margin: 15px 0 15px;

  color: #f7f7f3;

  font-size: 25px;
  line-height: 34px;
  font-weight: 700;
}

.trust-closing p {
  margin: 0;

  color: #989a91;

  font-size: 15px;
  line-height: 25px;
}



/* =========================================
   04 WHY ANOTHER
   900 × 658
========================================= */

.why {
  height: 658px;

  background: #f2f2ec;

  color: #0c0c0a;
}

.why .section-label {
  top: 66px;
}

.why h2 {
  position: absolute;

  left: 60px;
  top: 110px;

  margin: 0;

  font-size: 43px;
  line-height: 53px;
  font-weight: 700;

  letter-spacing: -1.7px;
}

.why-description {
  position: absolute;

  left: 60px;
  top: 239px;

  margin: 0;

  color: #64665f;

  font-size: 18px;
  line-height: 29px;
}

.why-cards {
  position: absolute;

  left: 60px;
  top: 348px;

  width: 780px;

  display: flex;

  gap: 14px;
}

.why-card {
  width: 250px;
  height: 230px;

  padding: 25px;

  background: #e6e7df;

  border-radius: 18px;
}

.why-card-another {
  background: #cbff2e;
}

.why-name {
  color: #6b6d65;

  font-size: 13px;
  font-weight: 700;
}

.why-card-another .why-name {
  color: #12130f;
}

.why-main {
  margin-top: 35px;

  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
}

.why-sub {
  margin-top: 34px;

  color: #73756c;

  font-size: 14px;
  line-height: 23px;
}

.why-card-another .why-sub {
  color: #25281c;
}



/* =========================================
   05 MATCHING MANAGER
   900 × 1277
========================================= */

.manager {
  height: 1277px;

  background: #eeeFe8;

  color: #0c0c0a;
}

.manager .section-label {
  top: 73px;
}

.manager h2 {
  position: absolute;

  left: 60px;
  top: 117px;

  margin: 0;

  font-size: 50px;
  line-height: 60px;
  font-weight: 700;

  letter-spacing: -1.8px;
}

.manager-description {
  position: absolute;

  left: 60px;
  top: 199px;

  width: 760px;

  margin: 0;

  color: #66685f;

  font-size: 18px;
  line-height: 30px;
}

.chat {
  position: absolute;

  width: 630px;

  padding: 25px 28px;

  border-radius: 20px;
}

.chat-member {
  left: 60px;
  top: 311px;

  background: #dedfd7;
}

.chat-manager {
  right: 60px;
  top: 475px;

  background: #cbff2e;
}

.chat-name {
  margin-bottom: 10px;

  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}

.chat p {
  margin: 0;

  font-size: 17px;
  line-height: 28px;
}

.manager-divider {
  position: absolute;

  left: 60px;
  top: 653px;

  width: 780px;
  height: 1px;

  background: #c8cac0;
}

.manager-step {
  position: absolute;

  left: 60px;

  width: 780px;

  display: flex;

  padding: 25px 0;

  border-bottom: 1px solid #cccec4;
}

.manager-step-1 {
  top: 685px;
}

.manager-step-2 {
  top: 810px;
}

.manager-step-3 {
  top: 962px;
}

.manager-step-4 {
  top: 1080px;
}

.step-number {
  width: 78px;

  color: #7a7c73;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.step-copy h3 {
  margin: 0 0 8px;

  font-size: 23px;
  line-height: 30px;
  font-weight: 700;
}

.step-copy p {
  margin: 0;

  color: #66685f;

  font-size: 15px;
  line-height: 25px;
}



/* =========================================
   06 VERIFICATION
   900 × 675
========================================= */

.verification {
  height: 675px;

  background: #080807;
}

.verification .section-label {
  top: 67px;
}

.verification h2 {
  position: absolute;

  left: 60px;
  top: 111px;

  margin: 0;

  color: #f7f7f3;

  font-size: 47px;
  line-height: 57px;
  font-weight: 700;
}

.verification-description {
  position: absolute;

  left: 60px;
  top: 190px;

  margin: 0;

  color: #a4a69e;

  font-size: 18px;
  line-height: 30px;
}

.verification-cards {
  position: absolute;

  left: 60px;
  top: 310px;

  width: 780px;

  display: flex;

  gap: 14px;
}

.verification-card {
  width: 250px;
  height: 198px;

  padding: 26px;

  background: #141511;

  border: 1px solid #34362f;
  border-radius: 18px;
}

.verification-icon {
  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #cbff2e;

  border-radius: 50%;

  color: #090908;

  font-size: 18px;
  font-weight: 700;
}

.verification-title {
  margin-top: 37px;

  color: #f7f7f3;

  font-size: 23px;
  font-weight: 700;
}

.verification-state {
  margin-top: 10px;

  color: #8e9087;

  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.verification-note {
  position: absolute;

  left: 60px;
  top: 545px;

  margin: 0;

  color: #777a71;

  font-size: 12px;
  line-height: 20px;
}



/* =========================================
   07 DAILY CARD
   900 × 879
========================================= */

.daily {
  height: 879px;

  background: #eeeFe8;

  color: #0c0c0a;
}

.daily .section-label {
  top: 70px;
}

.daily h2 {
  position: absolute;

  left: 60px;
  top: 114px;

  margin: 0;

  font-size: 47px;
  line-height: 57px;
  font-weight: 700;
}

.daily-description {
  position: absolute;

  left: 60px;
  top: 253px;

  margin: 0;

  color: #66685f;

  font-size: 18px;
  line-height: 30px;
}

.profile-cards {
  position: absolute;

  left: 60px;
  top: 372px;

  width: 780px;

  display: flex;

  gap: 15px;
}

.profile-card {
  position: relative;

  width: 250px;
  height: 410px;

  padding: 14px;

  background: #fff;

  border-radius: 20px;

  overflow: hidden;
}

.profile-image {
  width: 222px;
  height: 236px;

  display: block;

  object-fit: cover;

  background: #d5d6cf;

  border-radius: 14px;
}

.profile-name {
  margin-top: 17px;

  font-size: 20px;
  font-weight: 700;
}

.profile-job {
  margin-top: 5px;

  color: #74766e;

  font-size: 13px;
}

.profile-tags {
  margin-top: 16px;

  color: #52544e;

  font-size: 12px;
  line-height: 21px;
}

.daily-note {
  position: absolute;

  left: 60px;
  top: 810px;

  color: #8a8c83;

  font-size: 12px;
}



/* =========================================
   08 NO PREPAYMENT
   900 × 734
========================================= */

.no-prepayment {
  height: 734px;

  background: #f2f2ec;

  color: #0d0d0b;
}

.no-prepayment .section-label {
  top: 66px;
}

.no-prepayment h2 {
  position: absolute;

  left: 60px;
  top: 112px;

  margin: 0;

  font-size: 51px;
  line-height: 62px;
  font-weight: 700;

  letter-spacing: -1.7px;
}

.no-prepayment h3 {
  position: absolute;

  left: 60px;
  top: 282px;

  margin: 0;

  font-size: 21px;
  font-weight: 700;
}

.no-prepayment > p {
  position: absolute;

  left: 60px;
  top: 326px;

  margin: 0;

  color: #686a62;

  font-size: 17px;
  line-height: 29px;
}

.zero-box {
  position: absolute;

  left: 60px;
  top: 465px;

  width: 780px;
  height: 185px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 42px;

  background: #cbff2e;

  border-radius: 24px;
}

.zero-small {
  font-size: 25px;
  font-weight: 700;
}

.zero-big {
  font-family: "Inter", sans-serif;
  font-size: 82px;
  line-height: 82px;
  font-weight: 700;

  letter-spacing: -3px;
}



/* =========================================
   09 PHILOSOPHY
   900 × 705
========================================= */

.philosophy {
  height: 705px;

  background: #080807;
}

.philosophy .section-label {
  top: 72px;
}

.philosophy h2 {
  position: absolute;

  left: 60px;
  top: 116px;

  margin: 0;

  color: #f7f7f3;

  font-size: 48px;
  line-height: 59px;
  font-weight: 700;
}

.philosophy > p {
  position: absolute;

  left: 60px;
  top: 270px;

  width: 760px;

  margin: 0;

  color: #a0a299;

  font-size: 17px;
  line-height: 30px;
}

.philosophy-box {
  position: absolute;

  left: 60px;
  top: 430px;

  width: 780px;
  height: 188px;

  padding: 38px;

  background: #151611;

  border: 1px solid #33352e;
  border-radius: 22px;

  font-size: 33px;
  line-height: 50px;
  font-weight: 700;
}

.philosophy-box div:last-child {
  color: #cbff2e;
}



/* =========================================
   10 BEYOND THE SPECS
   900 × 1035
========================================= */

.beyond {
  height: 1035px;

  background: #080807;
}

.beyond .section-label {
  top: 70px;
}

.beyond h2 {
  position: absolute;

  left: 60px;
  top: 114px;

  margin: 0;

  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}

.beyond-description {
  position: absolute;

  left: 60px;
  top: 266px;

  width: 760px;

  margin: 0;

  color: #9fa198;

  font-size: 18px;
  line-height: 30px;
}

.question-list {
  position: absolute;

  left: 60px;
  top: 390px;

  width: 780px;
}

.question-item {
  height: 87px;

  display: flex;
  align-items: center;

  border-top: 1px solid #2c2e28;
}

.question-item:last-child {
  border-bottom: 1px solid #2c2e28;
}

.question-item span {
  width: 75px;

  color: #cbff2e;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.question-item strong {
  color: #f7f7f3;

  font-size: 21px;
  font-weight: 600;

  letter-spacing: -0.5px;
}



/* =========================================
   11 STANDARD
   900 × 1034
========================================= */

.standard {
  height: 1034px;

  background: #eeeFe8;

  color: #0c0c0a;
}

.standard .section-label {
  top: 68px;
}

.standard h2 {
  position: absolute;

  left: 60px;
  top: 112px;

  margin: 0;

  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}

.standard-description {
  position: absolute;

  left: 60px;
  top: 195px;

  margin: 0;

  color: #676960;

  font-size: 18px;
  line-height: 30px;
}

.standard-list {
  position: absolute;

  left: 60px;
  top: 325px;

  width: 780px;
}

.standard-item {
  min-height: 124px;

  display: flex;

  padding: 26px 0;

  border-top: 1px solid #c9cbc1;
}

.standard-item-last {
  min-height: 180px;

  border-bottom: 1px solid #c9cbc1;
}

.standard-number {
  width: 85px;

  color: #76786f;

  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.standard-copy h3 {
  margin: 0 0 9px;

  font-size: 23px;
  font-weight: 700;
}

.standard-copy p {
  width: 660px;

  margin: 0;

  color: #66685f;

  font-size: 15px;
  line-height: 26px;
}



/* =========================================
   12 BRAND STATEMENT
   900 × 645
========================================= */

.brand-statement {
  height: 645px;

  background: #070706;
}

.brand-statement .section-label {
  top: 72px;
}

.brand-statement h2 {
  position: absolute;

  left: 60px;
  top: 133px;

  margin: 0;

  color: #f7f7f3;

  font-size: 47px;
  line-height: 58px;
  font-weight: 700;
}

.brand-statement h2.brand-green {
  top: 197px;

  color: #cbff2e;
}

.brand-statement > p {
  position: absolute;

  left: 60px;
  top: 302px;

  width: 760px;

  margin: 0;

  color: #a1a39a;

  font-size: 18px;
  line-height: 30px;
}

.brand-ending {
  position: absolute;

  left: 60px;
  top: 430px;

  width: 780px;

  padding-top: 31px;

  border-top: 1px solid #30322c;

  color: #f7f7f3;

  font-size: 30px;
  line-height: 44px;
  font-weight: 700;
}



/* =========================================
   13 CTA
   900 × 889
========================================= */

.cta {
  position: relative;
  height: 889px;

  background: #cbff2e;

  color: #0a0a08;
}

.cta-brand {
  position: absolute;

  left: 60px;
  top: 66px;

  font-family: "Cormorant Garamond", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
}

.cta h2 {
  position: absolute;

  left: 60px;
  top: 142px;

  margin: 0;

  font-size: 54px;
  line-height: 65px;
  font-weight: 700;

  letter-spacing: -2px;
}

.cta-description {
  position: absolute;

  left: 60px;
  top: 300px;

  margin: 0;

  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
}

.cta-button {
  position: absolute;

  left: 60px;
  top: 369px;

  width: 780px;
  height: 76px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #0a0a08;

  border-radius: 16px;

  color: #f7f7f3;

  text-decoration: none;

  font-size: 21px;
  font-weight: 700;
}

.store-buttons {
  position: absolute;

  left: 110px;
  top: 517px;

  width: 682px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.store-buttons a {
  display: block;
}

.store-badge {
  display: block;
  object-fit: contain;
}

.store-app {
  width: 325px;
  height: 120px;
}

.store-google {
  width: 327px;
  height: 110px;
}

.cta-ending {
  position: absolute;

  left: 60px;
  bottom: 73px;

  width: 780px;

  text-align: center;

  font-size: 17px;
  font-weight: 700;
}
/* 본문 가독성 보정 */

.hero-description,
.problem-description,
.trust-description,
.trust-card p,
.why-description,
.manager-description,
.chat p,
.step-copy p,
.verification-description,
.daily-description,
.no-prepayment > p,
.philosophy > p,
.beyond-description,
.standard-description,
.standard-copy p,
.brand-statement > p,
.cta-description {
  font-size: 23px;
  line-height: 1.45;
}

.data-text,
.verification-note,
.daily-note,
.why-sub,
.profile-job,
.profile-tags,
.equation-right {
  font-size: 17px;
  line-height: 1.4;
}
/* 카드 내부 본문만 살짝 축소 */
.trust-card p,
.chat p,
.step-copy p,
.standard-copy p {
  font-size: 20px;
  line-height: 1.4;
}