/* CSS Variables: palette derived from Figma */
:root {
  --color-text: #1a1a1a;
  --color-white: #ffffff;
  --color-black: #000000;

  --color-brand-deep: rgb(0, 69, 60);
  --color-brand-soft: rgb(84, 130, 124);

  --bg-grad-1-start: rgb(230, 240, 240);
  --bg-grad-1-end: rgb(255, 241, 225);

  --bg-grad-2-start: rgb(255, 255, 255);
  --bg-grad-2-end: rgb(24, 116, 110);

  --right-sweep-start: rgba(34, 125, 120, 0);
  --right-sweep-end: rgb(44, 160, 154);

  --qr-card-bg: rgba(255, 255, 255, 0.8);
  --stroke-muted: rgba(255, 255, 255, 0.1);
}

/* Reset and base */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
}

body.landing {
  margin: 0;
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: var(--color-text);
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;

  /* Frame (1:288) background fills */
  background: linear-gradient(
      164deg,
      var(--bg-grad-1-start) 0%,
      var(--bg-grad-1-end) 100%
    ),
    linear-gradient(
      109deg,
      var(--bg-grad-2-start) 41%,
      var(--bg-grad-2-end) 100%
    );
}

/* Background visual elements */
.background {
  position: absolute;
  flex: 1;
  inset: 0;
}

.background-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 53%;
  height: 100%;
  /* Rectangle 1 fill (right-side sweep) */
  background: linear-gradient(
    90deg,
    var(--right-sweep-start) 0%,
    var(--right-sweep-end) 100%
  );
}

/* Hero image placement approximating Figma x/y at 1920x1080 */
.hero-image {
  position: absolute;
  bottom: 0; /* matches layout_10O4RG y */
  right: 0; /* matches layout_10O4RG x */
  max-width: 1200px; /* 1200px at 1920 width */
  max-height: 90vh;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

/* Content column (Frame layout_TE9WF2) */
.content {
  position: relative;
  z-index: 1;
  max-width: 1520px; /* layout_TE9WF2 width */
  min-height: 100vh;

  padding: 24px 48px;
  margin: auto;
  width: 100%;
  display: flex;
  align-items: center;
}
.content-inner {
  width: 520px; /* layout_TE9WF2 width */
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.content-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* Brand/logo */
.brand {
  display: block;
}

.logo {
  width: 104px; /* layout_SJB4LH width */
  height: 40px; /* layout_SJB4LH height */
  display: block;
}

/* Headline with gradient text (style_B7TNWK + fill_2OKPB5) */
.headline {
  margin: 0;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.3;
  background: linear-gradient(
    135deg,
    var(--color-brand-deep) 0%,
    var(--color-brand-soft) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Subhead (style_ASAWOL + fill_2ZTMJO) */
.subhead {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text);
}

/* QR Card (Frame 1) - frosted glass */
.qr-card {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px; /* layout_16Z0RJ padding */
  background: var(--qr-card-bg); /* fill_TFS40D */
  border: 1px solid var(--stroke-muted); /* stroke_2T08UP */
  border-radius: 16px; /* borderRadius */
  backdrop-filter: blur(20px); /* effect_21XIKO */
  -webkit-backdrop-filter: blur(20px);
}

.qr-box {
  position: relative;
  width: 145px;
  height: 145px; /* layout_8PVGER fixed height */
}

.qr-image {
  width: 145px; /* layout_5L5TID */
  height: 145px; /* layout_5L5TID */
  object-fit: cover;
  display: block;
  border-radius: 8px;
}

.qr-scan-icon {
  position: absolute;
  top: 56px; /* layout_HOINRY y */
  left: 55px; /* layout_HOINRY x */
  width: 31px;
  height: 32px;
}

.qr-caption {
  margin: 0;
  font-weight: 400;
  font-size: 14px; /* style_WL587V */
  line-height: 1.4286; /* 20px/14px */
  color: var(--color-text);
}

/* Store buttons row (layout_EU7VJ2) */
.actions {
  display: flex;
  gap: 24px;
  align-items: center;
}

.store-btn {
  display: inline-flex;
  width: 120px; /* layout_N1UMEF width */
  height: 40px; /* layout_N1UMEF height */
  border-radius: 6px;
  overflow: hidden;
  text-decoration: none;
}

.store-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 1600px) {
  .content {
    max-width: 1300px;
  }
}
/* Responsive adjustments */
@media (max-width: 1400px) {
  .hero-image {
    max-width: 1000px;
  }
}

@media (max-width: 1300px) {
  .hero-image {
    max-width: 900px;
  }
}

@media (max-width: 1200px) {
  .hero-image {
    max-width: 800px;
  }
}

@media (max-width: 1023px) {
  .background {
    position: relative;
    aspect-ratio: 1088 / 886;
  }
  .background-right {
    display: none;
  }
  .hero-image {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    display: block;
    max-height: none;
  }
  .content {
    min-height: 0;
  }
  .content-inner {
    width: 100%;
  }
}

@media (max-width: 1200px) and (min-width: 1000px) {
  .content-inner {
    width: 478px;
  }
}

@media (max-width: 640px) {
  .headline {
    font-size: 24px;
    line-height: 1.25;
  }

  .actions {
    gap: 16px;
  }

  .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.flex {
  display: flex;
}

.flower-list {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.flower-list li {
  gap: 12px;
  padding-left: 32px;
  position: relative;
  padding-bottom: 16px;
}
.flower-list li:last-child {
  padding-bottom: 0;
}
.flower-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_55_174)'%3E%3Cpath d='M22.0177 12.6821C21.7334 12.2356 21.3819 11.8366 20.9758 11.4992C19.7097 10.3601 18.179 9.56169 16.5256 9.17798C16.4685 9.16507 16.418 9.13129 16.384 9.08313C16.3501 9.03496 16.3349 8.97582 16.3416 8.91709C16.5151 7.34558 16.3183 5.75495 15.7673 4.27466C15.5176 4.39277 15.2759 4.52738 15.0438 4.67761L15.0217 4.69154C15.5799 6.25565 15.7071 7.94317 15.3899 9.57445C15.3834 9.60812 15.3838 9.64276 15.391 9.67628C15.3982 9.7098 15.4121 9.7415 15.4318 9.76945C15.4515 9.7974 15.4766 9.82103 15.5057 9.8389C15.5347 9.85677 15.567 9.86852 15.6007 9.87342C17.8228 10.1972 19.8516 11.3271 21.3072 13.0516C20.0507 14.1496 18.5569 14.9356 16.9454 15.3468C16.8904 15.3608 16.8419 15.3936 16.8083 15.4397C16.7747 15.4858 16.7581 15.5423 16.7613 15.5994C16.8549 17.5334 16.4258 19.4568 15.5197 21.1638C20.9979 23.1387 25.1342 17.5214 22.0241 12.6812' fill='%23FFC62F'/%3E%3Cpath d='M15.5679 2.9228C13.643 3.77621 12.028 5.21107 10.9456 7.0295C10.9164 7.08089 10.8695 7.11959 10.8137 7.13811C10.758 7.15662 10.6974 7.15365 10.6437 7.12977C9.22091 6.4807 7.66716 6.17701 6.10703 6.24307C6.13315 6.52183 6.17773 6.79852 6.24047 7.07128V7.09079C7.88774 7.03777 9.51828 7.43766 10.9576 8.24767C10.9874 8.26436 11.0204 8.27473 11.0544 8.27814C11.0884 8.28155 11.1227 8.27793 11.1553 8.2675C11.1879 8.25707 11.218 8.24006 11.2438 8.21749C11.2696 8.19492 11.2906 8.16728 11.3055 8.13625C12.2954 6.10666 13.9815 4.50826 16.0511 3.63774L16.1661 3.92465C16.7413 5.3907 16.9832 6.96823 16.8739 8.54108C16.8702 8.59862 16.8866 8.65565 16.9202 8.70229C16.9539 8.74892 17.0026 8.78222 17.058 8.7964C18.5236 9.1974 19.8854 9.91426 21.0498 10.8976C21.3462 11.1566 21.6343 11.4222 21.9085 11.7091C22.6416 10.7377 23.0444 9.55358 23.057 8.33281C23.0697 7.11204 22.6916 5.91973 21.9789 4.93305C21.2662 3.94637 20.2569 3.218 19.101 2.85617C17.9452 2.49434 16.7045 2.51835 15.5633 2.92466' fill='%23FFC62F'/%3E%3Cpath d='M14.2802 19.5595L14.294 19.5279C14.2232 19.4796 14.1523 19.4351 14.0841 19.3812C12.8195 18.4551 11.8102 17.2186 11.1518 15.7889C11.1373 15.7578 11.1167 15.7301 11.0913 15.7073C11.0658 15.6845 11.0361 15.6671 11.0038 15.6563C10.9715 15.6454 10.9374 15.6413 10.9035 15.6441C10.8696 15.647 10.8367 15.6567 10.8066 15.6728C8.82334 16.7321 6.52412 17.0218 4.34352 16.4871C4.72071 14.8531 5.47044 13.3303 6.53316 12.0397C6.56945 11.9954 6.58931 11.9397 6.58931 11.8823C6.58931 11.8248 6.56945 11.7692 6.53316 11.7249C5.32996 10.2135 4.55883 8.39924 4.30301 6.47803V6.45947C3.7386 6.61777 3.20314 6.86668 2.71716 7.19668C-2.55952 10.7017 0.468589 17.9105 6.50277 17.6013C7.86329 17.6025 9.20985 17.3245 10.4605 16.7842C10.5153 16.7599 10.577 16.7567 10.6339 16.7754C10.6908 16.794 10.7388 16.8332 10.7689 16.8854C11.54 18.2525 12.6173 19.4188 13.9148 20.2911C14.053 20.0552 14.176 19.8105 14.283 19.5585' fill='%23FFC62F'/%3E%3Cpath d='M20.003 12.388L19.9883 12.376C18.6871 13.3943 17.1369 14.0382 15.5022 14.2395C15.4685 14.2437 15.436 14.2549 15.4067 14.2721C15.3774 14.2894 15.3519 14.3125 15.3317 14.34C15.3115 14.3675 15.297 14.3989 15.2891 14.4322C15.2813 14.4655 15.2802 14.5 15.2859 14.5338C15.677 16.7654 15.2371 19.0642 14.0507 20.9886L13.7995 20.8252C12.4844 19.9809 11.374 18.8494 10.5504 17.5142C10.5204 17.4655 10.4745 17.4288 10.4205 17.4105C10.3666 17.3922 10.3081 17.3934 10.255 17.414C8.46106 18.1004 6.51596 18.282 4.62762 17.9395C4.51201 19.1109 4.77103 20.2889 5.36683 21.3011C5.96263 22.3133 6.86392 23.1067 7.93881 23.565C9.01371 24.0233 10.2058 24.1226 11.3406 23.8483C12.4755 23.574 13.4936 22.9406 14.2458 22.0406C15.0067 21.091 15.5733 19.9984 15.9126 18.8264C16.252 17.6543 16.3574 16.426 16.2229 15.2125C16.2188 15.1522 16.2362 15.0923 16.272 15.0438C16.3077 14.9953 16.3595 14.9613 16.418 14.9479C17.9511 14.6254 19.388 13.9456 20.6141 12.9628C20.4233 12.7571 20.2192 12.5645 20.003 12.3862' fill='%23FFC62F'/%3E%3Cpath d='M14.3459 1.82729C13.5514 0.943112 12.4961 0.340029 11.3359 0.107063C10.1757 -0.125903 8.97189 0.0235833 7.90231 0.533464C6.83273 1.04334 5.95399 1.88661 5.39578 2.93878C4.83756 3.99094 4.62948 5.19627 4.80221 6.37686C5.06292 8.35822 5.89506 10.2186 7.19524 11.7268C7.23463 11.7712 7.25642 11.8287 7.25642 11.8884C7.25642 11.948 7.23463 12.0055 7.19524 12.0499C6.14732 13.2187 5.38322 14.6173 4.96327 16.1353C5.2296 16.1956 5.49953 16.2384 5.77138 16.2634H5.80267C6.26209 14.6643 7.14214 13.2204 8.34943 12.0852C8.37401 12.0615 8.39361 12.0331 8.40698 12.0016C8.42035 11.97 8.42723 11.9361 8.42723 11.9018C8.42723 11.8675 8.42035 11.8336 8.40698 11.8021C8.39361 11.7706 8.37401 11.7421 8.34943 11.7184C8.21137 11.5829 8.07791 11.4427 7.94905 11.2978C6.57502 9.76727 5.74225 7.82069 5.58085 5.7622C7.23763 5.6174 8.90498 5.86674 10.4489 6.49015C10.5016 6.51233 10.5604 6.51519 10.6151 6.49824C10.6697 6.48128 10.7167 6.44556 10.748 6.39729C11.7987 4.77844 13.2661 3.4783 14.9929 2.636C14.8038 2.34665 14.5881 2.07588 14.3486 1.82729' fill='%23FFC62F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_55_174'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
