:root{
    --forest:#0B8836;
    --forest-dark:#0B5D34;
    --cream:#E4F0DD;
    --paper:#FFFFFF;
    --clay:#F55D21;
    --gold:#F7BA32;
    --blue:#149DE0;
    --lime:#A6D53D;
    --ink:#0F2412;
    --sage:#DEEFC7;
    --line:rgba(15,36,18,0.13);
    --radius:4px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:'Work Sans',sans-serif;
    font-size:16px;
    line-height:1.55;
  }
  h1,h2,h3,.serif{
    font-family:'Fraunces',serif;
    font-weight:500;
    color:var(--forest-dark);
    margin:0;
  }
  a{color:inherit;}
  img{max-width:100%;display:block;}
  button{font-family:inherit;cursor:pointer;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 28px;}

  /* NAV */
  header.nav{
    position:sticky;top:0;z-index:50;
    background:rgba(228,240,221,0.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    max-width:1120px;margin:0 auto;padding:16px 28px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
  }
  .logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:19px;color:var(--forest-dark);}
  .logo .x{color:var(--clay);font-style:italic;}
  nav.links{display:flex;gap:28px;font-size:14.5px;}
  nav.links a{text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .15s;}
  nav.links a:hover{border-color:var(--clay);}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--forest-dark);color:var(--paper);
    border:none;border-radius:var(--radius);
    padding:10px 18px;font-size:14px;font-weight:600;
    text-decoration:none;
  }
  .btn.ghost{background:transparent;color:var(--forest-dark);border:1px solid var(--forest-dark);}
  .btn.clay{background:var(--clay);}
  .btn:hover{opacity:.88;}
  .btn.small{padding:7px 12px;font-size:13px;}

  /* HERO */
  .hero{padding:88px 0 64px;}
  .hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center;}
  .eyebrow-tag{
    display:inline-flex;align-items:center;gap:8px;
    font-size:13px;color:var(--clay);margin-bottom:18px;
  }
  .eyebrow-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--clay);}
  .hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.06;letter-spacing:-0.01em;}
  .hero p.lead{font-size:18px;max-width:46ch;margin-top:22px;color:#3a352c;}
  .hero-cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
  .responsible-tag{
    display:inline-block;margin-top:28px;font-family:'Fraunces',serif;font-weight:600;
    font-size:13px;letter-spacing:.03em;color:var(--forest-dark);
    border-top:1px solid var(--line);padding-top:14px;
  }
  .hero-art{position:relative;height:360px;display:flex;align-items:center;justify-content:center;}
  .hero-art .logo-full{position:relative;z-index:2;width:270px;filter:drop-shadow(0 20px 34px rgba(15,36,18,.28));}
  .fold{position:absolute;border-radius:10px;box-shadow:0 18px 40px -18px rgba(15,36,18,.35);}
  .fold.f1{width:210px;height:150px;background:var(--forest-dark);top:16px;left:60px;transform:rotate(-6deg);}
  .fold.f2{width:150px;height:150px;background:var(--forest);top:140px;right:20px;transform:rotate(3deg);}
  .fold.f3{width:130px;height:130px;background:var(--clay);top:70px;left:0;transform:rotate(-9deg);}
  .fold.f4{width:110px;height:110px;background:var(--blue);top:0;right:110px;transform:rotate(6deg);}
  .fold.f5{width:70px;height:70px;background:var(--gold);top:0;left:210px;transform:rotate(10deg);}
  .fold.f6{width:90px;height:90px;background:var(--lime);bottom:6px;right:150px;transform:rotate(-8deg);}

  /* PRINCIPE */
  section{padding:76px 0;}
  .section-head{max-width:60ch;margin-bottom:44px;}
  .section-head .kicker{color:var(--clay);font-size:13px;margin-bottom:10px;display:block;}
  .section-head h2{font-size:clamp(26px,3vw,34px);}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .step{background:var(--paper);padding:32px 26px;}
  .step .num{font-family:'Fraunces',serif;font-style:italic;font-size:15px;color:var(--clay);}
  .step h3{margin-top:14px;font-size:20px;}
  .step p{margin-top:10px;font-size:14.5px;color:#4a4438;}

  /* CATALOGUE */
  .cat-toolbar{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:32px;}
  .grid-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;}
  .card .photo{aspect-ratio:4/3;background:var(--sage);display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .card .photo img{width:100%;height:100%;object-fit:cover;}
  .card .photo .ph-icon{color:var(--forest-dark);opacity:.35;font-size:34px;}
  .card .body{padding:16px 16px 18px;flex:1;display:flex;flex-direction:column;gap:8px;}
  .card h3{font-size:17px;}
  .card .meta{font-size:13px;color:#5a5346;display:flex;gap:10px;flex-wrap:wrap;}
  .badge{display:inline-block;font-size:12px;padding:3px 9px;border-radius:20px;border:1px solid var(--line);}
  .badge.ok{color:var(--forest-dark);border-color:var(--forest);background:rgba(31,61,43,.07);}
  .badge.low{color:var(--clay);border-color:var(--clay);background:rgba(178,58,46,.07);}
  .empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:40px;text-align:center;color:#665f50;font-size:14.5px;}
  .demo-note{font-size:13px;color:var(--clay);margin-bottom:18px;}

  /* PARTENAIRE */
  .partner{background:var(--forest-dark);color:var(--paper);border-radius:6px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
  .partner .tag{font-size:13px;color:var(--gold);margin-bottom:14px;}
  .partner h2{color:var(--paper);font-size:30px;}
  .partner p{color:#E6E2D6;margin-top:16px;font-size:15px;}
  .partner .mark{
    font-family:'Fraunces',serif;font-style:italic;font-size:64px;color:var(--gold);
    line-height:1;
  }
  .partner-figures{display:flex;gap:30px;margin-top:24px;}
  .pf{border-left:2px solid var(--gold);padding-left:12px;}
  .pf b{font-family:'Fraunces',serif;font-size:24px;display:block;color:var(--paper);}
  .pf span{font-size:12.5px;color:#C9C4B6;}

  /* VIDEO */
  .video-box{
    background:var(--forest-dark);border-radius:6px;aspect-ratio:16/9;
    display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;
  }
  .video-box iframe,.video-box video{width:100%;height:100%;border:0;}
  .video-empty{color:#C9C4B6;font-size:14.5px;text-align:center;padding:30px;}
  .video-caption{margin-top:16px;font-size:13.5px;color:#5a5346;}

  footer{border-top:1px solid var(--line);padding:36px 0;font-size:13px;color:#5a5346;}
  footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
  footer a{text-decoration:underline;}

  /* ADMIN */
  #adminView{display:none;background:var(--cream);min-height:100vh;}
  #adminView.active{display:block;}
  #publicView.hidden{display:none;}
  .admin-bar{background:var(--forest-dark);color:var(--paper);padding:16px 0;}
  .admin-bar .wrap{display:flex;justify-content:space-between;align-items:center;}
  .admin-tabs{display:flex;gap:6px;margin:28px 0;border-bottom:1px solid var(--line);}
  .admin-tab{padding:10px 16px;font-size:14px;border:none;background:none;border-bottom:2px solid transparent;color:#5a5346;}
  .admin-tab.active{color:var(--forest-dark);border-color:var(--clay);font-weight:600;}
  .panel{display:none;}
  .panel.active{display:block;}
  .login-box{max-width:380px;margin:90px auto;background:var(--paper);border:1px solid var(--line);padding:40px;border-radius:var(--radius);}
  .login-box h2{margin-bottom:8px;}
  .login-box p{font-size:14px;color:#5a5346;margin-bottom:22px;}
  .field{margin-bottom:16px;}
  .field label{display:block;font-size:13px;margin-bottom:6px;color:#4a4438;}
  .field input,.field select,.field textarea{
    width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);
    font-family:inherit;font-size:14.5px;background:var(--paper);
  }
  .field textarea{resize:vertical;min-height:70px;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
  .error-msg{color:var(--clay);font-size:13px;margin-top:10px;min-height:16px;}
  table{width:100%;border-collapse:collapse;font-size:14px;background:var(--paper);}
  th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);}
  th{font-size:12.5px;color:#5a5346;font-weight:600;}
  .row-actions{display:flex;gap:6px;flex-wrap:wrap;}
  .table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
  .toast{
    position:fixed;bottom:24px;left:50%;transform:translateX(-50%);
    background:var(--forest-dark);color:var(--paper);padding:12px 20px;border-radius:var(--radius);
    font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s, transform .25s;z-index:200;
  }
  .toast.show{opacity:1;transform:translateX(-50%) translateY(-6px);}
  .modal-bg{
    display:none;position:fixed;inset:0;background:rgba(21,42,30,.55);z-index:100;
    align-items:center;justify-content:center;padding:20px;
  }
  .modal-bg.show{display:flex;}
  .modal{background:var(--paper);border-radius:6px;max-width:520px;width:100%;padding:32px;max-height:88vh;overflow-y:auto;}
  .modal h3{margin-bottom:18px;}
  .photo-drop{
    border:1px dashed var(--line);border-radius:var(--radius);padding:16px;text-align:center;
    font-size:13.5px;color:#5a5346;cursor:pointer;position:relative;
  }
  .photo-preview{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);margin-bottom:10px;display:none;}
  .stock-pill{display:flex;gap:14px;font-size:13px;}
  .stock-pill span b{display:block;font-family:'Fraunces',serif;font-size:18px;color:var(--forest-dark);}
  .link-btn{background:none;border:none;color:var(--clay);font-size:13px;text-decoration:underline;padding:0;}
  @media (max-width:820px){
    nav.links{display:none;}
    .hero-grid{grid-template-columns:1fr;}
    .hero-art{height:220px;order:-1;}
    .steps{grid-template-columns:1fr;}
    .partner{grid-template-columns:1fr;padding:32px;}
    .form-grid{grid-template-columns:1fr;}
  }