:root{
    --cream:#FBF7F0;
    --cream-2:#F4EDE1;
    --ink:#1F2A24;
    --ink-soft:#445049;
    --forest:#1E4D3A;
    --forest-deep:#163C2D;
    --terra:#D2693C;
    --terra-soft:#E8895E;
    --gold:#C9A24B;
    --line:rgba(31,42,36,.10);
    --shadow:0 24px 60px -24px rgba(22,60,45,.35);
    --shadow-sm:0 8px 24px -12px rgba(22,60,45,.25);
    --r:22px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;overflow-x:hidden}
  section[id], div[id="contact"]{scroll-margin-top:92px}
  body{
    font-family:'Plus Jakarta Sans',sans-serif;
    background:var(--cream);
    color:var(--ink);
    line-height:1.6;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  /* grain + atmosphere */
  body::before{
    content:"";position:fixed;inset:0;z-index:-2;
    background:
      radial-gradient(60% 50% at 80% 0%, rgba(210,105,60,.10), transparent 60%),
      radial-gradient(50% 45% at 0% 30%, rgba(30,77,58,.10), transparent 60%),
      radial-gradient(55% 50% at 90% 90%, rgba(201,162,75,.10), transparent 60%);
  }
  body::after{
    content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.4;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  }
  .wrap{max-width:1200px;margin:0 auto;padding:0 28px}
  h1,h2,h3{font-family:'Fraunces',serif;font-weight:600;line-height:1.05;letter-spacing:-.02em}

  /* ---------- NAV ---------- */
  header{position:fixed;top:0;left:0;right:0;z-index:100;transition:.4s}
  header.scrolled{background:rgba(251,247,240,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
  nav{display:flex;align-items:center;justify-content:space-between;height:78px}
  .logo{display:flex;align-items:center;gap:11px;font-family:'Fraunces',serif;font-weight:600;font-size:1.4rem;color:var(--ink);text-decoration:none}
  .logo .logo-img{height:38px;width:auto;display:block}
  .logo .logo-text{font-family:'Fraunces',serif;font-weight:600;font-size:1.4rem;color:var(--ink)}
  .nav-links{display:flex;align-items:center;gap:36px}
  .nav-links a{color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:.95rem;position:relative;transition:.25s}
  .nav-links a.btn-primary{color:#fff}
  .nav-links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--terra);transition:.3s}
  .nav-links a:not(.btn):hover{color:var(--ink)}
  .nav-links a:not(.btn):hover::after{width:100%}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:100px;font-weight:600;font-size:.95rem;text-decoration:none;transition:.3s cubic-bezier(.2,.8,.2,1);cursor:pointer;border:none;font-family:inherit}
  .btn-primary{background:var(--forest);color:#fff;box-shadow:var(--shadow-sm)}
  .btn-primary:hover{background:var(--forest-deep);transform:translateY(-2px);box-shadow:var(--shadow)}
  .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
  .btn-ghost:hover{border-color:var(--forest);color:var(--forest);transform:translateY(-2px)}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}
  .menu-toggle span{width:26px;height:2px;background:var(--ink);transition:.3s}

  /* language switcher */
  .lang{position:relative}
  .lang-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:100px;border:1.5px solid var(--line);background:transparent;color:var(--ink);font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:.3s}
  .lang-btn:hover{border-color:var(--forest);color:var(--forest)}
  .lang-btn svg.globe{color:var(--forest)}
  .lang-btn .chev{transition:.3s}
  .lang.open .lang-btn .chev{transform:rotate(180deg)}
  .lang-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:7px;min-width:168px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.28s cubic-bezier(.2,.8,.2,1);z-index:120}
  .lang.open .lang-menu{opacity:1;visibility:visible;transform:none}
  .lang-opt{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:none;background:none;border-radius:11px;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:500;color:var(--ink-soft);text-align:left;transition:.2s}
  .lang-opt:hover{background:var(--cream-2);color:var(--ink)}
  .lang-opt.active{background:rgba(30,77,58,.08);color:var(--forest);font-weight:600}
  .lang-opt .flag{font-size:1.15rem;line-height:1}
  .lang-opt .tick{margin-left:auto;color:var(--forest);opacity:0;transition:.2s}
  .lang-opt.active .tick{opacity:1}
  @media(max-width:920px){
    .lang{align-self:center}
    .lang-menu{right:auto;left:50%;transform:translate(-50%,-8px)}
    .lang.open .lang-menu{transform:translate(-50%,0)}
  }

  /* ---------- HERO ---------- */
  .hero{padding:170px 0 90px;position:relative}
  .hero::before{content:"";position:absolute;top:120px;right:-40px;width:340px;height:340px;z-index:0;pointer-events:none;
    background-image:radial-gradient(rgba(30,77,58,.13) 1.4px,transparent 1.4px);background-size:18px 18px;
    -webkit-mask-image:radial-gradient(circle,#000,transparent 70%);mask-image:radial-gradient(circle,#000,transparent 70%);opacity:.7}
  .hero-copy{position:relative;z-index:2}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
  .pill{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;background:rgba(30,77,58,.08);border:1px solid rgba(30,77,58,.15);border-radius:100px;font-size:.83rem;font-weight:600;color:var(--forest);margin-bottom:26px}
  .pill .dot{width:8px;height:8px;border-radius:50%;background:var(--terra);box-shadow:0 0 0 0 rgba(210,105,60,.5);animation:ping 2s infinite}
  @keyframes ping{0%{box-shadow:0 0 0 0 rgba(210,105,60,.5)}70%{box-shadow:0 0 0 9px rgba(210,105,60,0)}100%{box-shadow:0 0 0 0 rgba(210,105,60,0)}}
  .hero h1{font-size:clamp(2.7rem,5.4vw,4.5rem);margin-bottom:24px}
  .hero h1 .em{font-style:italic;color:var(--terra);position:relative}
  .hero h1 .em::after{content:"";position:absolute;left:0;bottom:6px;width:100%;height:11px;background:rgba(210,105,60,.18);z-index:-1;transform:scaleX(0);transform-origin:left;animation:underline 1s 1s forwards}
  @keyframes underline{to{transform:scaleX(1)}}
  .hero p.lead{font-size:1.18rem;color:var(--ink-soft);max-width:520px;margin-bottom:36px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .hero .nocard{margin-top:20px;font-size:.88rem;color:var(--ink-soft);display:flex;align-items:center;gap:8px}
  .hero .nocard svg{color:var(--forest)}

  /* phone mockup */
  .hero-visual{position:relative;display:grid;place-items:center;min-height:520px}
  .phone{width:280px;height:560px;background:linear-gradient(160deg,#fff,#f6f0e6);border-radius:42px;padding:13px;box-shadow:var(--shadow),0 0 0 2px rgba(31,42,36,.05);position:relative;z-index:3}
  .phone-screen{width:100%;height:100%;background:var(--cream);border-radius:30px;overflow:hidden;position:relative;border:1px solid var(--line)}
  .ps-head{background:var(--forest);padding:24px 18px 16px;color:#fff;position:relative}
  .ps-head .notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:74px;height:6px;background:rgba(0,0,0,.25);border-radius:6px}
  .ps-head h4{font-family:'Fraunces',serif;font-size:1.05rem;margin-top:8px}
  .ps-head span{font-size:.7rem;opacity:.8}
  .ps-tabs{display:flex;gap:7px;padding:13px 14px;overflow:hidden}
  .ps-tab{font-size:.62rem;padding:5px 11px;border-radius:100px;background:var(--cream-2);color:var(--ink-soft);white-space:nowrap}
  .ps-tab.on{background:var(--terra);color:#fff}
  .ps-item{display:flex;gap:11px;padding:10px 14px;align-items:center}
  .ps-thumb{width:46px;height:46px;border-radius:13px;flex-shrink:0}
  .ps-meta{flex:1}
  .ps-meta .t{font-weight:600;font-size:.72rem}
  .ps-meta .d{font-size:.58rem;color:var(--ink-soft);line-height:1.3}
  .ps-price{font-family:'Fraunces',serif;font-weight:600;font-size:.72rem;color:var(--forest)}
  .ps-divider{height:1px;background:var(--line);margin:0 14px}

  /* floating qr + cards */
  .float{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:14px;z-index:4}
  .float-qr{top:30px;right:0;display:grid;place-items:center;animation:bob 5s ease-in-out infinite}
  .float-qr .qr{width:74px;height:74px}
  .float-qr p{font-size:.62rem;font-weight:600;text-align:center;margin-top:7px;color:var(--ink-soft)}
  .float-order{bottom:60px;left:-10px;display:flex;align-items:center;gap:11px;animation:bob 6s ease-in-out infinite .5s}
  .float-order .ic{width:38px;height:38px;border-radius:11px;background:rgba(30,77,58,.1);display:grid;place-items:center;color:var(--forest)}
  .float-order .tx b{font-size:.74rem;display:block}
  .float-order .tx small{font-size:.6rem;color:var(--ink-soft)}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
  .blob{position:absolute;border-radius:50%;filter:blur(48px);z-index:1}
  .blob.a{width:300px;height:300px;background:rgba(210,105,60,.22);top:30px;right:30px}
  .blob.b{width:260px;height:260px;background:rgba(30,77,58,.20);bottom:20px;left:0}

  /* ---------- STATS ---------- */
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;padding:40px;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(6px)}

  /* ---------- TRUSTED BY (logo strip) ---------- */
  .trusted{padding:64px 0 40px;overflow:hidden}
  .trusted-label{text-align:center;font-size:.84rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:34px}
  .logo-strip{position:relative;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);display:flex}
  .logo-track{display:flex;align-items:center;gap:64px;padding-right:64px;flex-shrink:0;animation:scroll-logos 38s linear infinite}
  .logo-strip:hover .logo-track{animation-play-state:paused}
  @keyframes scroll-logos{from{transform:translateX(0)}to{transform:translateX(-100%)}}
  .brand-logo{display:inline-flex;align-items:center;gap:12px;font-family:'Fraunces',serif;font-size:1.32rem;font-weight:600;color:var(--ink-soft);white-space:nowrap;opacity:.55;transition:.3s;flex-shrink:0}
  .brand-logo:hover{opacity:1;color:var(--forest)}
  .brand-logo svg{width:34px;height:34px;flex-shrink:0}
  @media(prefers-reduced-motion:reduce){.logo-track{animation:none}}
  .stat{text-align:center;position:relative}
  .stat:not(:last-child)::after{content:"";position:absolute;right:-12px;top:15%;height:70%;width:1px;background:var(--line)}
  .stat .num{font-family:'Fraunces',serif;font-size:2.8rem;font-weight:600;color:var(--forest);line-height:1}
  .stat .lab{color:var(--ink-soft);font-weight:500;margin-top:8px;font-size:.95rem}

  /* ---------- SECTION SHELL ---------- */
  section.block{padding:100px 0}
  .head{text-align:center;max-width:640px;margin:0 auto 64px}
  .eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin-bottom:14px}
  .head h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px}
  .head p{color:var(--ink-soft);font-size:1.1rem}

  /* ---------- FEATURES ---------- */
  .features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

  /* ---------- TESTIMONIALS ---------- */
  .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

  /* ---------- PRODUCT SHOWCASE ---------- */
  .showcase-row{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;margin-bottom:90px}
  .showcase-row:last-child{margin-bottom:0}
  .showcase-row.reverse{grid-template-columns:1.1fr 1fr}
  .showcase-row.reverse .showcase-copy{order:2}
  .showcase-row.reverse .showcase-visual{order:1}
  .show-step{display:inline-block;font-family:'Fraunces',serif;font-size:1rem;font-weight:600;color:var(--terra);letter-spacing:.05em;padding:5px 13px;border:1px solid rgba(210,105,60,.3);border-radius:100px;margin-bottom:20px}
  .showcase-copy h3{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:16px;line-height:1.1}
  .showcase-copy>p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:24px}
  .show-list{list-style:none;display:flex;flex-direction:column;gap:13px}
  .show-list li{display:flex;align-items:flex-start;gap:12px;font-size:.98rem;font-weight:500}
  .show-list svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:#fff;background:var(--forest);border-radius:50%;padding:3px}
  /* mockup browser frame */
  .showcase-visual{position:relative}
  .mockup{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:.5s cubic-bezier(.2,.8,.2,1)}
  .showcase-visual:hover .mockup{transform:translateY(-6px)}
  .mk-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--cream-2);border-bottom:1px solid var(--line)}
  .mk-bar span{width:11px;height:11px;border-radius:50%;background:#d9cdb8}
  .mk-bar span:nth-child(1){background:#E8895E}.mk-bar span:nth-child(2){background:#C9A24B}.mk-bar span:nth-child(3){background:#2E9E5B}
  .mk-bar em{margin-left:12px;font-style:normal;font-size:.72rem;color:var(--ink-soft);background:#fff;padding:4px 12px;border-radius:6px;border:1px solid var(--line)}
  .mk-body{display:flex;min-height:280px}
  .mk-side{width:74px;background:var(--forest-deep);padding:18px 14px;display:flex;flex-direction:column;gap:13px;flex-shrink:0}
  .mk-logo{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.18)}
  .mk-nav{height:9px;border-radius:5px;background:rgba(255,255,255,.14)}
  .mk-nav.on{background:var(--terra)}
  .mk-main{flex:1;padding:22px;display:flex;flex-direction:column;gap:13px}
  .mk-row.mk-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
  .mk-pill{width:120px;height:16px;border-radius:6px;background:var(--cream-2)}
  .mk-btn{width:74px;height:30px;border-radius:8px;background:var(--forest)}
  .mk-card{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;animation:mk-rise .6s backwards}
  .mk-card:nth-child(2){animation-delay:.1s}.mk-card:nth-child(3){animation-delay:.2s}.mk-card:nth-child(4){animation-delay:.3s}
  @keyframes mk-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .mk-thumb{width:46px;height:46px;border-radius:11px;flex-shrink:0}
  .mk-lines{flex:1;display:flex;flex-direction:column;gap:7px}
  .mk-lines i{height:10px;width:60%;border-radius:5px;background:var(--ink);opacity:.8}
  .mk-lines b{height:8px;width:85%;border-radius:5px;background:var(--cream-2)}
  .mk-tag{font-family:'Fraunces',serif;font-weight:600;font-size:.85rem;color:var(--forest)}
  /* analytics mockup */
  .mk-analytics{gap:18px}
  .mk-stats{display:flex;gap:12px}
  .mk-stat{flex:1;border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
  .mk-stat b{height:18px;width:60%;border-radius:5px;background:var(--forest);opacity:.85}
  .mk-stat i{height:8px;width:80%;border-radius:5px;background:var(--cream-2)}
  .mk-chart{flex:1;display:flex;align-items:flex-end;gap:10px;padding-top:10px;min-height:120px}
  .mk-chart span{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(180deg,var(--terra),var(--terra-soft));animation:mk-grow .8s backwards;transform-origin:bottom}
  .mk-chart span:nth-child(even){background:linear-gradient(180deg,var(--forest),#2E7D5B)}
  .mk-chart span:nth-child(1){animation-delay:.05s}.mk-chart span:nth-child(2){animation-delay:.12s}.mk-chart span:nth-child(3){animation-delay:.19s}.mk-chart span:nth-child(4){animation-delay:.26s}.mk-chart span:nth-child(5){animation-delay:.33s}.mk-chart span:nth-child(6){animation-delay:.4s}.mk-chart span:nth-child(7){animation-delay:.47s}
  @keyframes mk-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  /* floating badges */
  .show-float{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:10px 16px;font-size:.84rem;font-weight:600;box-shadow:var(--shadow);animation:bob 5s ease-in-out infinite}
  .show-float svg{width:17px;height:17px;color:var(--forest)}
  .show-float-1{bottom:-18px;left:-18px;color:var(--forest)}
  .show-float-2{top:-18px;right:-18px;color:var(--terra)}
  .show-float-2 svg{color:var(--terra)}
  .tcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 30px;display:flex;flex-direction:column;gap:18px;position:relative;transition:.4s cubic-bezier(.2,.8,.2,1)}
  .tcard::before{content:"\201C";position:absolute;top:8px;right:26px;font-family:'Fraunces',serif;font-size:5rem;line-height:1;color:rgba(30,77,58,.1)}
  .tcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .tstars{color:var(--gold);letter-spacing:3px;font-size:1.05rem}
  .tcard blockquote{font-family:'Fraunces',serif;font-size:1.08rem;line-height:1.55;color:var(--ink);font-style:italic;flex:1}
  .tcard figcaption{display:flex;align-items:center;gap:13px;padding-top:6px;border-top:1px solid var(--line)}
  .tavatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.92rem;flex-shrink:0;box-shadow:var(--shadow-sm)}
  .tmeta b{display:block;font-size:.96rem}
  .tmeta small{color:var(--ink-soft);font-size:.84rem}
  .feature{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:34px 30px;transition:.4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
  .feature::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--forest),var(--terra));transform:scaleX(0);transform-origin:left;transition:.4s}
  .feature:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .feature:hover::before{transform:scaleX(1)}
  .feature .ic{width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,rgba(30,77,58,.1),rgba(210,105,60,.1));display:grid;place-items:center;color:var(--forest);margin-bottom:22px;transition:.4s}
  .feature:hover .ic{background:var(--forest);color:#fff;transform:rotate(-6deg) scale(1.05)}
  .feature h3{font-size:1.32rem;margin-bottom:11px}
  .feature p{color:var(--ink-soft);font-size:.96rem}

  /* ---------- HOW IT WORKS ---------- */
  .steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
  .steps::before{content:"";position:absolute;top:38px;left:14%;right:14%;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px)}
  .step{text-align:center;position:relative;z-index:2}
  .step .n{width:76px;height:76px;margin:0 auto 24px;border-radius:50%;background:var(--cream);border:2px solid var(--forest);display:grid;place-items:center;font-family:'Fraunces',serif;font-size:1.9rem;font-weight:600;color:var(--forest);position:relative;transition:.4s}
  .step:hover .n{background:var(--forest);color:#fff;transform:scale(1.08)}
  .step h3{font-size:1.28rem;margin-bottom:12px}
  .step p{color:var(--ink-soft);font-size:.96rem;max-width:300px;margin:0 auto}

  /* ---------- PRICING ---------- */
  .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
  /* dinamik grid: kart sayısına göre sütun (2,3,4 plan) */
  .pricing[data-count="1"]{grid-template-columns:minmax(280px,360px);justify-content:center}
  .pricing[data-count="2"]{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center}
  .pricing[data-count="4"]{grid-template-columns:repeat(4,1fr)}
  /* billing toggle */
  .billing-wrap{display:flex;justify-content:center;margin-bottom:44px}
  .billing-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:100px;box-shadow:var(--shadow-sm)}
  .billing-opt{border:none;background:transparent;font-family:inherit;font-weight:600;font-size:.92rem;color:var(--ink-soft);padding:10px 22px;border-radius:100px;cursor:pointer;transition:.3s;white-space:nowrap}
  .billing-opt.active{background:var(--forest);color:#fff;box-shadow:var(--shadow-sm)}
  .billing-save{font-size:.74rem;font-weight:700;color:var(--terra);background:rgba(210,105,60,.12);padding:5px 12px;border-radius:100px;margin-left:4px;white-space:nowrap}
  @media(max-width:760px){.billing-save{display:none}}
  .plan{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:38px 32px;display:flex;flex-direction:column;transition:.4s;position:relative}
  .plan:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
  .plan.featured{background:var(--forest);color:#fff;border-color:var(--forest);transform:scale(1.04)}
  .plan.featured:hover{transform:scale(1.04) translateY(-6px)}
  .plan .tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--terra);color:#fff;padding:6px 18px;border-radius:100px;font-size:.76rem;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-sm)}
  .plan h3{font-size:1.4rem;margin-bottom:14px}
  .plan .price{font-family:'Fraunces',serif;font-size:2.8rem;font-weight:600;line-height:1}
  .plan .price span{font-size:1rem;font-family:'Plus Jakarta Sans';color:var(--ink-soft);font-weight:500}
  .plan.featured .price span{color:rgba(255,255,255,.7)}
  .plan .annual{font-size:.85rem;color:var(--ink-soft);margin:10px 0 22px}
  .plan.featured .annual{color:rgba(255,255,255,.7)}
  .plan ul{list-style:none;margin-bottom:28px;flex:1}
  .plan li{display:flex;align-items:flex-start;gap:11px;padding:8px 0;font-size:.94rem}
  .plan li svg{flex-shrink:0;margin-top:3px;color:var(--terra)}
  .plan.featured li svg{color:var(--terra-soft)}
  .plan .btn{width:100%;justify-content:center}
  .plan.featured .btn-primary{background:var(--terra)}
  .plan.featured .btn-primary:hover{background:var(--terra-soft)}

  /* ---------- CONTACT ---------- */
  .contact-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:54px;box-shadow:var(--shadow-sm)}
  .contact-info h2{font-size:2.3rem;margin-bottom:16px}
  .contact-info p{color:var(--ink-soft);margin-bottom:30px}
  .ci-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}
  .ci-item .ic{width:46px;height:46px;border-radius:13px;background:rgba(30,77,58,.08);display:grid;place-items:center;color:var(--forest)}
  .ci-item b{display:block;font-size:.95rem}
  .ci-item small{color:var(--ink-soft)}
  form{display:flex;flex-direction:column;gap:16px}
  .field label{font-size:.85rem;font-weight:600;display:block;margin-bottom:7px}
  .field input,.field textarea{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;font-family:inherit;font-size:.95rem;background:var(--cream);transition:.25s;resize:vertical}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--forest);background:#fff}
  form .btn{justify-content:center;margin-top:6px}

  /* ---------- CTA banner ---------- */
  .cta-banner{margin:0 28px;background:linear-gradient(135deg,var(--forest),var(--forest-deep));border-radius:32px;padding:70px 40px;text-align:center;color:#fff;position:relative;overflow:hidden;max-width:1144px;margin-left:auto;margin-right:auto}
  .cta-banner::before,.cta-banner::after{content:"";position:absolute;border-radius:50%;filter:blur(40px)}
  .cta-banner::before{width:280px;height:280px;background:rgba(210,105,60,.4);top:-80px;right:-40px}
  .cta-banner::after{width:240px;height:240px;background:rgba(201,162,75,.3);bottom:-100px;left:-30px}
  .cta-banner h2{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:16px;position:relative}
  .cta-banner p{font-size:1.12rem;opacity:.9;max-width:520px;margin:0 auto 30px;position:relative}
  .cta-banner .btn{position:relative}
  .cta-banner .btn-primary{background:#fff;color:var(--forest)}
  .cta-banner .btn-primary:hover{background:var(--cream)}

  /* ---------- FOOTER ---------- */
  footer{padding:64px 0 34px;margin-top:100px;border-top:1px solid var(--line)}
  .foot-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;margin-bottom:40px}
  .foot-brand{max-width:300px}
  .foot-brand p{color:var(--ink-soft);font-size:.92rem;margin-top:16px}
  .foot-cols{display:flex;gap:64px;flex-wrap:wrap}
  .foot-col h5{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
  .foot-col a{display:block;color:var(--ink-soft);text-decoration:none;font-size:.92rem;padding:5px 0;transition:.25s}
  .foot-col a:hover{color:var(--terra);transform:translateX(3px)}
  .foot-bottom{text-align:center;color:var(--ink-soft);font-size:.86rem;padding-top:26px;border-top:1px solid var(--line)}

  /* ---------- reveal animation ---------- */
  .reveal{opacity:0;transform:translateY(34px);transition:.9s cubic-bezier(.2,.8,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}
  .reveal.d4{transition-delay:.4s}.reveal.d5{transition-delay:.5s}.reveal.d6{transition-delay:.6s}

  /* ---------- responsive ---------- */
  @media(max-width:920px){
    .hero-grid{grid-template-columns:1fr;gap:50px}
    .hero-visual{order:-1}
    .contact-wrap{grid-template-columns:1fr;padding:36px;gap:36px}
    .nav-links{position:fixed;top:78px;left:0;right:0;flex-direction:column;background:rgba(251,247,240,.98);backdrop-filter:blur(16px);padding:26px;gap:20px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.4s;align-items:stretch;text-align:center}
    .nav-links.open{transform:none}
    .menu-toggle{display:flex}
  }
  @media(max-width:760px){
    .features,.steps,.pricing,.testimonials{grid-template-columns:1fr}
    .showcase-row,.showcase-row.reverse{grid-template-columns:1fr;gap:36px;margin-bottom:60px}
    .showcase-row.reverse .showcase-copy{order:2}
    .showcase-row.reverse .showcase-visual{order:1}
    .showcase-row .showcase-visual{order:-1}
    .stats{grid-template-columns:1fr;gap:30px}
    .stat:not(:last-child)::after{display:none}
    .foot-grid{flex-direction:column}
    .trusted-label{font-size:.76rem}
    .brand-logo{font-size:1.1rem}
  }