:root {
      --green: #a8cf22;
      --green-2: #b7dd2e;
      --green-dark: #6f8f10;
      --white: #ffffff;
      --paper: #fbfcf8;
      --text: #10170a;
      --muted: rgba(16, 23, 10, .58);
      --line: rgba(168, 207, 34, .23);
      --glass: rgba(255,255,255,.58);
      --shadow: 0 40px 120px rgba(43, 58, 13, .14);
      --ease: cubic-bezier(.16, 1, .3, 1);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }

    body {
      font-family: Inter, Arial, Helvetica, sans-serif;
      color: var(--text);
      background: var(--white);
      overflow-x: hidden;
    }

    a { color: inherit; text-decoration: none; }
    img { user-select: none; -webkit-user-drag: none; }

    .noise {
      pointer-events: none;
      position: fixed;
      inset: 0;
      z-index: 100;
      opacity: .12;
      background-image:
        radial-gradient(rgba(168,207,34,.22) .7px, transparent .7px),
        radial-gradient(rgba(16,23,10,.08) .6px, transparent .6px);
      background-size: 18px 18px, 29px 29px;
      background-position: 0 0, 7px 11px;
      mix-blend-mode: multiply;
    }

    .preloader {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: white;
      display: grid;
      place-items: center;
      animation: closeLoader 1s var(--ease) forwards;
      animation-delay: 1.45s;
    }

    .preloader:before {
      content: "";
      position: absolute;
      width: 340px;
      height: 340px;
      border-radius: 999px;
      background: radial-gradient(circle, rgba(168,207,34,.2), transparent 67%);
      animation: bloom 1.4s var(--ease) both;
    }

    .preloader-logo {
      position: relative;
      color: var(--green);
      font-size: 96px;
      font-weight: 950;
      letter-spacing: -.14em;
      animation: logoIn 1.2s var(--ease) both;
    }

    @keyframes logoIn {
      from { opacity: 0; transform: translateY(24px) scale(.7) rotate(-12deg); filter: blur(18px); }
      to { opacity: 1; transform: translateY(0) scale(1) rotate(0); filter: blur(0); }
    }
    @keyframes bloom {
      from { opacity: 0; transform: scale(.5); }
      to { opacity: 1; transform: scale(1); }
    }
    @keyframes closeLoader {
      to { opacity: 0; visibility: hidden; transform: scale(1.08); filter: blur(12px); }
    }

    .ambient {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 12% 18%, rgba(168,207,34,.16), transparent 28%),
        radial-gradient(circle at 88% 24%, rgba(168,207,34,.12), transparent 28%),
        linear-gradient(180deg, #fff 0%, #fbfcf7 38%, #fff 100%);
    }

    .liquid-orb {
      position: fixed;
      z-index: 0;
      border-radius: 46% 54% 62% 38% / 44% 48% 52% 56%;
      filter: blur(.3px);
      border: 1px solid rgba(168,207,34,.18);
      background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(168,207,34,.11));
      box-shadow: inset 0 0 90px rgba(168,207,34,.12), 0 40px 120px rgba(168,207,34,.08);
      animation: morph 11s ease-in-out infinite;
      pointer-events: none;
    }

    .liquid-orb.o1 { width: 44vw; height: 44vw; min-width: 420px; min-height: 420px; right: -18vw; top: 10vh; }
    .liquid-orb.o2 { width: 26vw; height: 26vw; min-width: 280px; min-height: 280px; left: -12vw; bottom: 6vh; animation-delay: -3s; }

    @keyframes morph {
      0%,100% { border-radius: 46% 54% 62% 38% / 44% 48% 52% 56%; transform: translate3d(0,0,0) rotate(0); }
      50% { border-radius: 62% 38% 44% 56% / 52% 61% 39% 48%; transform: translate3d(0,-24px,0) rotate(7deg); }
    }

    .nav {
      position: fixed;
      top: 22px;
      left: 50%;
      transform: translateX(-50%);
      width: min(1180px, calc(100% - 34px));
      height: 76px;
      z-index: 90;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      padding: 0 18px;
      border: 1px solid rgba(168,207,34,.20);
      border-radius: 999px;
      background: rgba(255,255,255,.62);
      backdrop-filter: blur(26px) saturate(1.3);
      box-shadow: 0 20px 80px rgba(43, 58, 13, .10);
    }

    .brand {
      justify-self: start;
      display: flex;
      align-items: center;
      gap: 12px;
      color: var(--green);
      font-weight: 950;
      letter-spacing: .03em;
      text-transform: uppercase;
    }

    .brand-symbol {
      width: 46px;
      height: 46px;
      border-radius: 17px;
      display: grid;
      place-items: center;
      background: var(--green);
      color: white;
      font-weight: 950;
      font-size: 25px;
      transform: rotate(-8deg);
      box-shadow: 0 20px 45px rgba(168,207,34,.28);
    }

    .nav-center {
      display: flex;
      align-items: center;
      gap: 28px;
      color: rgba(16,23,10,.56);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: .02em;
    }

    .nav-action { justify-self: end; }

    .magnetic-btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 50px;
      padding: 0 22px;
      border-radius: 999px;
      border: 1px solid rgba(168,207,34,.3);
      background: var(--green);
      color: white;
      font-size: 13px;
      font-weight: 950;
      letter-spacing: .04em;
      text-transform: uppercase;
      overflow: hidden;
      box-shadow: 0 22px 55px rgba(168,207,34,.32);
      transition: transform .55s var(--ease), box-shadow .55s var(--ease);
    }

    .magnetic-btn:before {
      content: "";
      position: absolute;
      inset: -80% -40%;
      background: linear-gradient(110deg, transparent 35%, rgba(255,255,255,.58), transparent 65%);
      transform: translateX(-60%) rotate(8deg);
      transition: transform .9s var(--ease);
    }
    .magnetic-btn:hover { transform: translateY(-4px); box-shadow: 0 30px 80px rgba(168,207,34,.42); }
    .magnetic-btn:hover:before { transform: translateX(60%) rotate(8deg); }
    .magnetic-btn span { position: relative; z-index: 1; }

    .ghost-btn {
      background: rgba(255,255,255,.72);
      color: var(--green-dark);
      box-shadow: none;
    }

    .farmer-btn {
      background: rgba(255,255,255,.92);
      color: var(--green);
      border: 1px solid rgba(168,207,34,.62);
      box-shadow: 0 18px 48px rgba(43,58,13,.08);
    }

    .farmer-btn:before {
      background: linear-gradient(110deg, transparent 35%, rgba(168,207,34,.22), transparent 65%);
    }

    .farmer-btn:hover {
      background: var(--green);
      color: white;
      box-shadow: 0 30px 80px rgba(168,207,34,.32);
    }

    .nav-buttons {
      justify-self: end;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    main { position: relative; z-index: 2; }

    .hero {
      position: relative;
      min-height: 138vh;
      padding: 150px 6vw 80px;
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      align-items: center;
      overflow: hidden;
    }

    .hero-copy {
      position: relative;
      z-index: 5;
      max-width: 740px;
      padding-top: 20px;
    }

    .micro-label {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      padding: 11px 15px;
      margin-bottom: 28px;
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(168,207,34,.24);
      color: var(--green-dark);
      backdrop-filter: blur(18px);
      box-shadow: 0 18px 70px rgba(43,58,13,.06);
      font-size: 12px;
      font-weight: 950;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .micro-label i {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: var(--green);
      box-shadow: 0 0 0 9px rgba(168,207,34,.14);
    }

    h1 {
      font-size: clamp(56px, 8.6vw, 132px);
      line-height: .82;
      letter-spacing: -.085em;
      font-weight: 950;
      text-wrap: balance;
    }

    .soft-green { color: var(--green); }

    .hero-p {
      max-width: 630px;
      margin: 32px 0 34px;
      color: var(--muted);
      font-size: clamp(17px, 1.35vw, 21px);
      line-height: 1.75;
    }

    .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }

    .hero-stage {
      height: 820px;
      position: relative;
      perspective: 1600px;
      transform-style: preserve-3d;
    }

    .halo {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: min(58vw, 760px);
      height: min(58vw, 760px);
      min-width: 540px;
      min-height: 540px;
      border-radius: 999px;
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 34%, rgba(168,207,34,.10) 35% 36%, transparent 37%),
        conic-gradient(from 220deg, transparent, rgba(168,207,34,.24), transparent, rgba(168,207,34,.18), transparent);
      filter: drop-shadow(0 60px 120px rgba(43,58,13,.12));
      animation: slowSpin 18s linear infinite;
      opacity: .95;
    }

    .halo:after {
      content: "";
      position: absolute;
      inset: 72px;
      border-radius: inherit;
      border: 1px solid rgba(168,207,34,.24);
      background: rgba(255,255,255,.42);
      backdrop-filter: blur(3px);
    }

    @keyframes slowSpin { to { transform: translate(-50%, -50%) rotate(360deg); } }

    .premium-stack {
      position: absolute;
      inset: 0;
      transform-style: preserve-3d;
      will-change: transform;
    }

    .product-bag {
      position: absolute;
      width: 360px;
      transform-style: preserve-3d;
      filter: drop-shadow(0 50px 55px rgba(28, 42, 7, .20));
      will-change: transform;
      transition: filter .7s var(--ease);
    }

    .product-bag img { display: block; width: 100%; }
    .product-bag:hover { filter: drop-shadow(0 70px 80px rgba(28, 42, 7, .28)); }

    .pb-1 { width: min(430px, 35vw); right: 17%; top: 11%; z-index: 5; }
    .pb-2 { width: min(310px, 26vw); right: 54%; top: 35%; z-index: 3; opacity: .92; }
    .pb-3 { width: min(325px, 27vw); right: -2%; top: 38%; z-index: 4; opacity: .94; }
    .pb-4 { width: min(285px, 24vw); right: 40%; top: 1%; z-index: 2; opacity: .86; }

    .berry-dot {
      position: absolute;
      width: 15px;
      height: 15px;
      border-radius: 999px;
      background: var(--green);
      box-shadow: inset 0 0 10px rgba(255,255,255,.55), 0 18px 40px rgba(168,207,34,.22);
      opacity: .5;
      animation: drift 7s ease-in-out infinite;
    }
    .bd1 { left: 16%; top: 18%; }
    .bd2 { right: 18%; top: 17%; width: 9px; height: 9px; animation-delay: -2s; }
    .bd3 { left: 32%; bottom: 18%; width: 22px; height: 22px; animation-delay: -4s; }
    .bd4 { right: 8%; bottom: 28%; width: 13px; height: 13px; animation-delay: -1.2s; }

    @keyframes drift {
      0%,100% { transform: translate3d(0,0,0) scale(1); }
      50% { transform: translate3d(14px,-32px,80px) scale(1.25); }
    }

    .vertical-word {
      position: absolute;
      right: 26px;
      top: 44%;
      writing-mode: vertical-rl;
      transform: translateY(-50%);
      color: rgba(168,207,34,.18);
      font-weight: 950;
      font-size: clamp(70px, 9vw, 150px);
      line-height: 1;
      letter-spacing: -.08em;
      z-index: 1;
      pointer-events: none;
    }

    .scroll-pill {
      position: absolute;
      left: 50%;
      bottom: 44px;
      transform: translateX(-50%);
      z-index: 8;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 16px;
      border-radius: 999px;
      border: 1px solid rgba(168,207,34,.24);
      background: rgba(255,255,255,.64);
      backdrop-filter: blur(18px);
      color: var(--green-dark);
      font-size: 12px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .1em;
    }
    .scroll-pill b { width: 8px; height: 8px; border-radius: 50%; background: var(--green); animation: blink 1.3s infinite; }
    @keyframes blink { 50% { opacity: .28; transform: scale(.65); } }

    .ribbon {
      position: relative;
      z-index: 4;
      min-height: 110px;
      display: flex;
      align-items: center;
      overflow: hidden;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: rgba(255,255,255,.82);
      backdrop-filter: blur(18px);
    }

    .ribbon-track {
      display: flex;
      gap: 48px;
      white-space: nowrap;
      animation: marquee 25s linear infinite;
      color: var(--green);
      font-size: clamp(28px, 4vw, 54px);
      font-weight: 950;
      letter-spacing: -.07em;
      text-transform: uppercase;
    }
    @keyframes marquee { to { transform: translateX(-50%); } }

    .section {
      position: relative;
      padding: 130px 6vw;
    }

    .container { width: min(1220px, 100%); margin: 0 auto; }

    .section-head {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      align-items: end;
      gap: 42px;
      margin-bottom: 58px;
    }

    .kicker {
      color: var(--green);
      font-weight: 950;
      letter-spacing: .14em;
      text-transform: uppercase;
      font-size: 12px;
      margin-bottom: 18px;
    }

    h2 {
      font-size: clamp(42px, 6.5vw, 96px);
      line-height: .88;
      letter-spacing: -.075em;
      font-weight: 950;
      text-wrap: balance;
    }

    .section-p {
      color: var(--muted);
      font-size: 19px;
      line-height: 1.8;
      max-width: 650px;
    }

    .couture-card {
      border: 1px solid rgba(168,207,34,.22);
      border-radius: 42px;
      background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.42));
      backdrop-filter: blur(24px) saturate(1.25);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .about-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
    }

    .about-card {
      min-height: 440px;
      padding: 42px;
      position: relative;
    }

    .about-card.big {
      grid-row: span 2;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .about-card h3 {
      font-size: clamp(30px, 3.5vw, 54px);
      line-height: .95;
      letter-spacing: -.06em;
      margin-bottom: 18px;
    }

    .about-card p { color: var(--muted); line-height: 1.75; font-size: 17px; }

    .metric-row {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 12px;
      margin-top: 34px;
    }

    .metric {
      padding: 22px;
      border-radius: 28px;
      border: 1px solid rgba(168,207,34,.20);
      background: rgba(255,255,255,.68);
    }
    .metric strong { color: var(--green); display: block; font-size: 36px; letter-spacing: -.06em; line-height: 1; }
    .metric span { display: block; margin-top: 10px; color: var(--muted); font-size: 13px; font-weight: 850; }

    .product-showcase {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 16px;
    }

    .lux-product {
      min-height: 560px;
      position: relative;
      border-radius: 44px;
      border: 1px solid rgba(168,207,34,.22);
      background:
        radial-gradient(circle at 50% 8%, rgba(168,207,34,.13), transparent 36%),
        rgba(255,255,255,.72);
      backdrop-filter: blur(22px);
      overflow: hidden;
      box-shadow: 0 30px 90px rgba(43,58,13,.09);
      transition: transform .8s var(--ease), box-shadow .8s var(--ease);
    }

    .lux-product:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,255,255,.72), transparent 38%, rgba(168,207,34,.08));
      opacity: .9;
    }

    .lux-product:hover {
      transform: translateY(-16px) scale(1.015);
      box-shadow: 0 44px 130px rgba(43,58,13,.16);
    }

    .lux-product img {
      position: absolute;
      width: 92%;
      left: 50%;
      top: 28px;
      transform: translateX(-50%);
      z-index: 2;
      filter: drop-shadow(0 34px 34px rgba(28,42,7,.18));
      transition: transform .8s var(--ease);
    }
    .lux-product:hover img { transform: translateX(-50%) translateY(-16px) scale(1.05); }

    .lux-info {
      position: absolute;
      z-index: 4;
      left: 18px;
      right: 18px;
      bottom: 18px;
      padding: 24px;
      border-radius: 30px;
      background: rgba(255,255,255,.66);
      border: 1px solid rgba(168,207,34,.22);
      backdrop-filter: blur(22px);
    }
    .lux-info small { color: var(--green); font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
    .lux-info h3 { margin: 10px 0 8px; font-size: 25px; letter-spacing: -.045em; }
    .lux-info p { color: var(--muted); line-height: 1.55; font-size: 14px; }

    .quality-wall {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 18px;
      align-items: stretch;
    }

    .quality-visual {
      min-height: 560px;
      border-radius: 48px;
      position: relative;
      overflow: hidden;
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle, rgba(168,207,34,.15), transparent 54%),
        rgba(255,255,255,.72);
      border: 1px solid rgba(168,207,34,.22);
      box-shadow: var(--shadow);
    }

    .quality-visual .giant-j {
      color: var(--green);
      font-size: clamp(180px, 26vw, 400px);
      font-weight: 950;
      letter-spacing: -.16em;
      opacity: .9;
      transform: rotate(-7deg);
      filter: drop-shadow(0 40px 70px rgba(168,207,34,.18));
    }

    .cert-stack {
      display: grid;
      gap: 16px;
    }

    .cert-card {
      padding: 34px;
      min-height: 170px;
      border-radius: 38px;
      border: 1px solid rgba(168,207,34,.22);
      background: rgba(255,255,255,.72);
      backdrop-filter: blur(20px);
      box-shadow: 0 28px 90px rgba(43,58,13,.08);
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 24px;
      transition: transform .65s var(--ease);
    }
    .cert-card:hover { transform: translateX(10px); }
    .cert-badge {
      width: 68px;
      height: 68px;
      border-radius: 24px;
      display: grid;
      place-items: center;
      color: white;
      background: var(--green);
      font-size: 26px;
      font-weight: 950;
      box-shadow: 0 24px 55px rgba(168,207,34,.26);
    }
    .cert-card h3 { font-size: 34px; letter-spacing: -.055em; margin-bottom: 8px; }
    .cert-card p { color: var(--muted); line-height: 1.65; }

    .business {
      padding-top: 40px;
    }

    .business-canvas {
      position: relative;
      min-height: 680px;
      border-radius: 56px;
      border: 1px solid rgba(168,207,34,.22);
      background:
        radial-gradient(circle at 70% 28%, rgba(168,207,34,.16), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.52));
      backdrop-filter: blur(24px);
      box-shadow: var(--shadow);
      overflow: hidden;
      padding: 66px;
      display: grid;
      grid-template-columns: .82fr 1.18fr;
      gap: 30px;
      align-items: center;
    }

    .floating-panel {
      position: absolute;
      border-radius: 28px;
      border: 1px solid rgba(168,207,34,.23);
      background: rgba(255,255,255,.66);
      backdrop-filter: blur(20px);
      padding: 18px 20px;
      color: var(--green-dark);
      font-weight: 950;
      box-shadow: 0 24px 70px rgba(43,58,13,.08);
      animation: levitate 6s ease-in-out infinite;
    }
    .fp1 { right: 12%; top: 16%; }
    .fp2 { right: 30%; bottom: 18%; animation-delay: -2s; }
    .fp3 { right: 8%; bottom: 34%; animation-delay: -3.5s; }
    @keyframes levitate { 50% { transform: translateY(-18px); } }

    .business h2 { max-width: 650px; }
    .business-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 12px;
      margin-top: 30px;
    }
    .business-list span {
      border: 1px solid rgba(168,207,34,.22);
      border-radius: 999px;
      background: rgba(255,255,255,.64);
      padding: 15px 18px;
      color: var(--green-dark);
      font-weight: 900;
      text-align: center;
    }

    .farmeri-section {
      padding-top: 40px;
    }

    .farmeri-canvas {
      position: relative;
      min-height: 720px;
      border-radius: 60px;
      border: 1px solid rgba(168,207,34,.24);
      background:
        radial-gradient(circle at 78% 18%, rgba(168,207,34,.18), transparent 30%),
        radial-gradient(circle at 16% 84%, rgba(168,207,34,.10), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.56));
      backdrop-filter: blur(26px) saturate(1.25);
      box-shadow: var(--shadow);
      overflow: hidden;
      padding: 68px;
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 40px;
      align-items: center;
    }

    .farmeri-canvas:before {
      content: "FERMERI";
      position: absolute;
      right: -20px;
      bottom: -28px;
      color: rgba(168,207,34,.10);
      font-size: clamp(92px, 14vw, 210px);
      font-weight: 950;
      letter-spacing: -.09em;
      pointer-events: none;
    }

    .app-device {
      position: relative;
      justify-self: center;
      width: min(390px, 100%);
      min-height: 570px;
      border-radius: 46px;
      border: 1px solid rgba(168,207,34,.28);
      background: rgba(255,255,255,.76);
      box-shadow: 0 44px 120px rgba(43,58,13,.16);
      padding: 18px;
      transform: rotate(3deg);
    }

    .app-screen {
      height: 100%;
      min-height: 534px;
      border-radius: 34px;
      background:
        radial-gradient(circle at 70% 15%, rgba(168,207,34,.20), transparent 34%),
        linear-gradient(180deg, #fff, #f8fbef);
      border: 1px solid rgba(168,207,34,.22);
      padding: 26px;
      overflow: hidden;
    }

    .app-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 28px;
      color: var(--green-dark);
      font-weight: 950;
    }

    .app-logo {
      width: 42px;
      height: 42px;
      border-radius: 15px;
      display: grid;
      place-items: center;
      color: white;
      background: var(--green);
      box-shadow: 0 18px 40px rgba(168,207,34,.24);
    }

    .app-card {
      border: 1px solid rgba(168,207,34,.22);
      border-radius: 26px;
      background: rgba(255,255,255,.72);
      padding: 20px;
      margin-bottom: 14px;
      box-shadow: 0 18px 50px rgba(43,58,13,.06);
    }

    .app-card small {
      display: block;
      color: var(--green);
      font-weight: 950;
      letter-spacing: .11em;
      text-transform: uppercase;
      margin-bottom: 8px;
    }

    .app-card strong {
      display: block;
      font-size: 26px;
      letter-spacing: -.05em;
      margin-bottom: 8px;
    }

    .app-card span {
      color: var(--muted);
      line-height: 1.55;
      font-size: 14px;
    }

    .farmeri-features {
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 12px;
      margin: 30px 0;
    }

    .farmeri-features span {
      padding: 15px 16px;
      border-radius: 999px;
      border: 1px solid rgba(168,207,34,.22);
      background: rgba(255,255,255,.64);
      color: var(--green-dark);
      font-weight: 900;
      text-align: center;
    }

    .contact-shell {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 18px;
      align-items: stretch;
    }

    .contact-copy, .form-card {
      padding: 46px;
      border-radius: 46px;
      border: 1px solid rgba(168,207,34,.22);
      background: rgba(255,255,255,.72);
      backdrop-filter: blur(22px);
      box-shadow: var(--shadow);
    }

    form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    input, select, textarea {
      width: 100%;
      border: 1px solid rgba(168,207,34,.24);
      background: rgba(255,255,255,.86);
      border-radius: 24px;
      padding: 19px 18px;
      font: inherit;
      color: var(--text);
      outline: none;
      transition: border .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);
    }
    input:focus, select:focus, textarea:focus {
      border-color: rgba(168,207,34,.55);
      transform: translateY(-2px);
      box-shadow: 0 18px 44px rgba(168,207,34,.12);
    }
    textarea { min-height: 150px; resize: vertical; grid-column: 1 / -1; }
    form .magnetic-btn { border: 0; grid-column: 1 / -1; width: fit-content; cursor: pointer; }

    footer {
      position: relative;
      z-index: 3;
      padding: 54px 6vw;
      border-top: 1px solid rgba(168,207,34,.22);
      color: var(--muted);
      display: flex;
      justify-content: space-between;
      gap: 22px;
      flex-wrap: wrap;
      background: white;
    }
    footer strong { color: var(--green); }

    .reveal {
      opacity: 0;
      transform: translateY(60px) scale(.985);
      filter: blur(10px);
      transition: opacity 1.2s var(--ease), transform 1.2s var(--ease), filter 1.2s var(--ease);
    }
    .reveal.visible { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }

    @media (max-width: 1080px) {
      .nav { grid-template-columns: 1fr auto; }
      .nav-center { display: none; }
      .hero, .section-head, .about-grid, .quality-wall, .business-canvas, .contact-shell { grid-template-columns: 1fr; }
      .hero { padding-top: 130px; min-height: auto; }
      .hero-stage { height: 620px; }
      .product-showcase { grid-template-columns: repeat(2,1fr); }
      .lux-product { min-height: 590px; }
    }

    @media (max-width: 680px) {
      .section { padding: 90px 22px; }
      .hero { padding: 120px 22px 70px; }
      .hero-stage { height: 520px; }
      .halo { min-width: 430px; min-height: 430px; }
      .pb-1 { width: 310px; right: 15%; }
      .pb-2, .pb-3, .pb-4 { width: 220px; }
      .product-showcase { grid-template-columns: 1fr; }
      .lux-product { min-height: 570px; }
      .metric-row, .business-list, form { grid-template-columns: 1fr; }
      .business-canvas, .contact-copy, .form-card, .about-card, .farmeri-canvas { padding: 30px; }
      .farmeri-canvas { grid-template-columns: 1fr; }
      .farmeri-features { grid-template-columns: 1fr; }
      .app-device { transform: none; }
      .floating-panel { display: none; }
      .ribbon { min-height: 84px; }
    }

    .giant-return { position: fixed; left: 24px; bottom: 24px; z-index: 120; display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius:999px; background:rgba(16,23,10,.88); color:#fff; border:1px solid rgba(255,255,255,.18); box-shadow:0 18px 48px rgba(16,23,10,.22); backdrop-filter:blur(18px); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; transition:transform .25s var(--ease), background .25s var(--ease); }
    .giant-return:hover { transform:translateY(-2px); background:#10170a; }
    @media (max-width: 760px) { .giant-return { left:14px; bottom:14px; padding:10px 13px; font-size:10px; } }
  
.xyz-return{position:fixed;bottom:18px;left:18px;z-index:99999;padding:12px 20px;border-radius:24px;background:#17191f;color:white;font:700 14px Arial,sans-serif;box-shadow:0 4px 24px #0003;text-decoration:none}