:root{
      --bg:#f9fafb;
      --section:#e5e7eb;
      --primary:#22c55e;
      --text:#0f172a;
      --muted:#475569;
      --white:#ffffff;
      --radius:0px;
      --shadow:0 12px 30px rgba(15,23,42,.08);
      --shadow-soft:0 8px 24px rgba(34,197,94,.12);
      --border:1px solid rgba(15,23,42,.08);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family:'Source Serif 4', serif;
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      background:
        radial-gradient(circle at 15% 20%, rgba(34,197,94,.18), transparent 28%),
        radial-gradient(circle at 80% 15%, rgba(59,130,246,.08), transparent 20%),
        radial-gradient(circle at 70% 75%, rgba(34,197,94,.12), transparent 25%),
        radial-gradient(circle at 25% 80%, rgba(168,85,247,.06), transparent 22%);
      z-index:-1;
      pointer-events:none;
    }
    h1,h2,h3,h4,h5{
      font-family:'Cormorant Garamond', serif;
      margin:0;
      line-height:1;
    }
    p{color:var(--muted); line-height:1.55; margin:0}
    a{color:inherit}
    .page-shell{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      gap:18px;
      padding:14px;
      max-width:1440px;
      margin:0 auto;
    }
    .topbar{
      display:grid;
      grid-template-columns:220px 1fr auto;
      align-items:center;
      gap:16px;
      background:rgba(255,255,255,.66);
      backdrop-filter:blur(14px);
      border:var(--border);
      padding:12px 14px;
      position:sticky;
      top:10px;
      z-index:20;
      box-shadow:var(--shadow);
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      text-decoration:none;
    }
    .brand-mark{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg, rgba(34,197,94,.18), rgba(34,197,94,.35));
      color:var(--primary);
      border:1px solid rgba(34,197,94,.18);
      box-shadow:var(--shadow-soft);
    }
    .brand-text strong{
      display:block;
      font-size:1.25rem;
      color:var(--text);
      letter-spacing:.2px;
    }
    .brand-text span{
      display:block;
      font-size:.92rem;
      color:var(--muted);
      margin-top:2px;
    }
    .menu-desktop{
      display:flex;
      justify-content:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .menu-desktop a{
      padding:10px 14px;
      text-decoration:none;
      color:var(--text);
      background:rgba(255,255,255,.8);
      border:var(--border);
      transition:transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease;
    }
    .menu-desktop a:hover{
      transform:translateY(-2px);
      box-shadow:var(--shadow-soft);
      color:var(--primary);
      background:#fff;
    }
    .topbar-cta{
      display:flex;
      align-items:center;
      gap:8px;
    }
    .btn-flat-custom,
    .btn-square{
      border:none;
      background:var(--primary);
      color:#fff;
      padding:0 18px;
      height:44px;
      line-height:44px;
      text-transform:none;
      font-size:1rem;
      box-shadow:none;
      transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
    }
    .btn-flat-custom:hover,
    .btn-square:hover{
      transform:translateY(-2px) scale(1.01);
      box-shadow:0 10px 22px rgba(34,197,94,.22);
      filter:saturate(1.05);
    }
    .gradient-text{
      background:linear-gradient(90deg, var(--primary), #16a34a, #65a30d);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .hero-wrap{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:18px;
      align-items:stretch;
    }
    .hero-slider-panel{
      background:var(--section);
      border:var(--border);
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
      min-height:540px;
    }
    .slider.slider-fixed-height{
      height:540px !important;
    }
    .slider .slides{
      background:transparent;
      height:540px !important;
    }
    .slider .slides li img{
      object-fit:cover;
      filter:brightness(.92) saturate(1.05);
    }
    .slider .slides li .caption{
      top:auto;
      left:6%;
      right:6%;
      bottom:7%;
      transform:none;
      opacity:1;
      width:auto;
      padding:24px;
      background:rgba(249,250,251,.78);
      backdrop-filter:blur(12px);
      border:1px solid rgba(255,255,255,.8);
      box-shadow:var(--shadow);
    }
    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 10px;
      background:rgba(34,197,94,.12);
      color:#15803d;
      margin-bottom:12px;
      font-size:.95rem;
    }
    .hero-title{
      font-size:clamp(2.7rem, 5vw, 5.6rem);
      line-height:.95;
      margin-bottom:10px;
      letter-spacing:-.04em;
    }
    .hero-sub{
      font-size:1.08rem;
      max-width:60ch;
      color:var(--muted);
      margin-bottom:16px;
    }
    .hero-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
    }
    .btn-outline-square{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:0 18px;
      height:44px;
      border:1px solid rgba(15,23,42,.12);
      background:#fff;
      color:var(--text);
      text-decoration:none;
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .btn-outline-square:hover{
      transform:translateY(-2px);
      box-shadow:var(--shadow);
      border-color:rgba(34,197,94,.28);
    }
    .hero-side{
      display:grid;
      grid-template-rows:auto 1fr;
      gap:18px;
    }
    .insight-card,
    .stat-cloud{
      background:var(--section);
      border:var(--border);
      box-shadow:var(--shadow);
      padding:18px;
      position:relative;
      overflow:hidden;
    }
    .insight-card::after,
    .stat-cloud::after{
      content:"";
      position:absolute;
      inset:auto -50px -50px auto;
      width:160px;
      height:160px;
      background:radial-gradient(circle, rgba(34,197,94,.18), transparent 68%);
      pointer-events:none;
    }
    .insight-card h3{
      font-size:2rem;
      margin-bottom:10px;
    }
    .insight-list{
      margin-top:14px;
      display:grid;
      gap:10px;
    }
    .insight-item{
      display:grid;
      grid-template-columns:42px 1fr;
      gap:12px;
      align-items:start;
      background:rgba(255,255,255,.65);
      border:var(--border);
      padding:12px;
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .insight-item:hover{
      transform:translateY(-2px);
      box-shadow:var(--shadow-soft);
    }
    .insight-item i{
      display:grid;
      place-items:center;
      width:42px;
      height:42px;
      background:rgba(34,197,94,.12);
      color:var(--primary);
    }
    .insight-item strong{
      display:block;
      font-size:1.1rem;
      margin-bottom:4px;
    }
    .stat-cloud{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      align-content:start;
    }
    .cloud-box{
      background:rgba(255,255,255,.82);
      border:var(--border);
      padding:16px;
      min-height:120px;
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .cloud-box:hover{
      transform:translateY(-3px);
      box-shadow:var(--shadow-soft);
    }
    .cloud-box span{
      display:block;
      font-size:.95rem;
      color:var(--muted);
      margin-bottom:10px;
    }
    .cloud-box strong{
      display:block;
      font-size:2rem;
      color:var(--text);
      margin-bottom:8px;
      line-height:1;
    }
    .feature-band{
      display:grid;
      grid-template-columns:300px 1fr;
      gap:18px;
      align-items:stretch;
    }
    .feature-intro,
    .feature-grid{
      background:var(--section);
      border:var(--border);
      box-shadow:var(--shadow);
      padding:18px;
    }
    .feature-intro h2{
      font-size:2.5rem;
      margin-bottom:10px;
      line-height:.98;
    }
    .feature-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:14px;
    }
    .feature-card{
      background:rgba(255,255,255,.85);
      border:var(--border);
      padding:16px;
      min-height:180px;
      display:grid;
      align-content:start;
      gap:10px;
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .feature-card:hover{
      transform:translateY(-4px);
      box-shadow:var(--shadow-soft);
    }
    .feature-card .icon-wrap{
      width:46px;
      height:46px;
      display:grid;
      place-items:center;
      background:rgba(34,197,94,.14);
      color:var(--primary);
    }
    .feature-card h3{
      font-size:1.55rem;
    }
    .content-zone{
      display:grid;
      grid-template-columns:1fr;
      gap:18px;
    }
    .content-header{
      display:grid;
      grid-template-columns:1fr auto;
      gap:12px;
      align-items:end;
      background:var(--section);
      border:var(--border);
      box-shadow:var(--shadow);
      padding:18px;
    }
    .content-header h2{
      font-size:2.7rem;
      margin-bottom:6px;
    }
    .carousel-shell{
      background:var(--section);
      border:var(--border);
      box-shadow:var(--shadow);
      padding:12px 0 8px;
      overflow:hidden;
    }
    .carousel{
      height:520px !important;
      overflow:visible !important;
    }
    .carousel .carousel-item{
      width:360px !important;
      height:470px !important;
      opacity:1 !important;
      transform-style:preserve-3d;
    }
    .post-card{
      background:#fff;
      border:var(--border);
      box-shadow:var(--shadow);
      height:100%;
      display:grid;
      grid-template-rows:220px auto auto;
      overflow:hidden;
      transition:transform .25s ease, box-shadow .25s ease;
    }
    .carousel .carousel-item:hover .post-card{
      transform:translateY(-5px);
      box-shadow:0 18px 36px rgba(15,23,42,.12);
    }
    .post-card img{
      width:100%;
      height:100%;
      object-fit:cover;
      box-shadow:0 14px 28px rgba(15,23,42,.15);
    }
    .post-body{
      padding:16px;
      display:grid;
      gap:10px;
      align-content:start;
    }
    .post-tag{
      display:inline-flex;
      align-items:center;
      gap:6px;
      width:max-content;
      padding:6px 10px;
      background:rgba(34,197,94,.12);
      color:#15803d;
      font-size:.92rem;
    }
    .post-body h3{
      font-size:1.9rem;
      line-height:1;
    }
    .post-link{
      padding:0 16px 16px;
    }
    .post-link a{
      display:inline-flex;
      align-items:center;
      gap:8px;
      text-decoration:none;
      color:var(--text);
      font-weight:600;
      transition:color .22s ease, transform .22s ease;
    }
    .post-link a:hover{
      color:var(--primary);
      transform:translateX(3px);
    }
    .footer{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:16px;
      background:rgba(255,255,255,.8);
      border:var(--border);
      box-shadow:var(--shadow);
      padding:18px;
      margin-bottom:8px;
    }
    .footer-brand strong{
      display:block;
      font-size:1.35rem;
      margin-bottom:6px;
    }
    .footer-nav{
      display:flex;
      justify-content:flex-end;
      gap:10px;
      flex-wrap:wrap;
      align-items:flex-start;
    }
    .footer-nav a{
      text-decoration:none;
      color:var(--muted);
      padding:8px 10px;
      transition:color .22s ease, transform .22s ease;
    }
    .footer-nav a:hover{
      color:var(--primary);
      transform:translateY(-2px);
    }
    .sidenav{
      background:var(--bg);
    }
    .sidenav li>a{
      color:var(--text);
      font-size:1.1rem;
    }
    .mobile-trigger{
      display:none;
    }
    @media (max-width: 1100px){
      .hero-wrap,
      .feature-band,
      .footer,
      .topbar{
        grid-template-columns:1fr;
      }
      .topbar{
        position:relative;
        top:0;
      }
      .menu-desktop,
      .topbar-cta{
        display:none;
      }
      .mobile-trigger{
        display:inline-flex;
        justify-self:end;
        align-items:center;
        width:44px;
        height:44px;
        background:var(--primary);
        color:#fff;
        text-decoration:none;
      }
      .feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .footer-nav{
        justify-content:flex-start;
      }
    }
    @media (max-width: 700px){
      .page-shell{
        padding:10px;
        gap:14px;
      }
      .hero-slider-panel,
      .slider.slider-fixed-height,
      .slider .slides{
        min-height:500px;
        height:500px !important;
      }
      .slider .slides li .caption{
        left:4%;
        right:4%;
        bottom:5%;
        padding:18px;
      }
      .hero-title{
        font-size:2.5rem;
      }
      .feature-grid,
      .stat-cloud{
        grid-template-columns:1fr;
      }
      .content-header{
        grid-template-columns:1fr;
      }
      .carousel{
        height:500px !important;
      }
      .carousel .carousel-item{
        width:300px !important;
        height:450px !important;
      }
      .post-card{
        grid-template-rows:190px auto auto;
      }
      .feature-intro h2,
      .content-header h2{
        font-size:2.2rem;
      }
    }