:root {
      --sun: #F5A623;
      --sun-light: #FFD07A;
      --sun-pale: #FFF8EC;
      --leaf: #3A7D44;
      --leaf-mid: #4E9A5A;
      --leaf-light: #6BBF74;
      --leaf-pale: #EAF5EB;
      --sky: #EAF4FB;
      --sky-mid: #B8DCF0;
      --grass: #2C6B2F;
      --stone: #F6F3EF;
      --white: #FFFFFF;
      --text-dark: #1C2B1E;
      --text-mid: #4A6350;
      --text-light: #7A9480;
      --border: rgba(58,125,68,0.14);
      --shadow: 0 8px 40px rgba(44,107,47,0.11);
    }
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--text-dark);font-size:17px;line-height:1.7;overflow-x:hidden}

    /* COOKIE */
    #cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:2px solid var(--leaf-pale);z-index:9999;padding:1.25rem 2rem;box-shadow:0 -4px 30px rgba(0,0,0,0.08);transform:translateY(0);transition:transform 0.4s ease}
    #cookie-banner.hidden{transform:translateY(100%)}
    .cookie-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
    .cookie-inner p{flex:1;font-size:0.87rem;color:var(--text-mid);min-width:250px}
    .cookie-inner a{color:var(--leaf);font-weight:500}
    .cookie-btns{display:flex;gap:0.75rem;flex-wrap:wrap}
    .btn-cookie-accept{background:var(--leaf);color:var(--white);border:none;padding:0.55rem 1.4rem;font-family:'DM Sans',sans-serif;font-weight:600;font-size:0.87rem;cursor:pointer;border-radius:4px;transition:background 0.2s}
    .btn-cookie-accept:hover{background:var(--grass)}
    .btn-cookie-decline{background:transparent;color:var(--text-mid);border:1px solid var(--border);padding:0.55rem 1.4rem;font-family:'DM Sans',sans-serif;font-size:0.87rem;cursor:pointer;border-radius:4px;transition:border-color 0.2s}
    .btn-cookie-decline:hover{border-color:var(--leaf);color:var(--leaf)}

    /* NAV */
    nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(58,125,68,0.1);padding:0 2rem}
    .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px}
    .nav-logo{font-family:'DM Serif Display',serif;font-size:1.25rem;color:var(--grass);text-decoration:none}
    .nav-logo span{color:var(--sun)}
    .nav-links{display:flex;gap:1.75rem;list-style:none}
    .nav-links a{color:var(--text-mid);text-decoration:none;font-size:0.87rem;font-weight:500;transition:color 0.2s}
    .nav-links a:hover{color:var(--leaf)}
    .nav-cta{background:var(--leaf)!important;color:var(--white)!important;padding:0.5rem 1.25rem!important;border-radius:4px}
    .nav-cta:hover{background:var(--grass)!important}
    .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}
    .hamburger span{width:24px;height:2px;background:var(--leaf);display:block;transition:all 0.3s}

    /* HERO */
    #hero{min-height:100vh;background:linear-gradient(160deg,#FFFDF7 0%,#F0FAF0 50%,#E5F5E6 100%);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:68px}
    .hero-orb1{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,0.13) 0%,rgba(245,166,35,0.04) 50%,transparent 70%);top:-200px;right:-180px;pointer-events:none}
    .hero-orb2{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(58,125,68,0.09) 0%,transparent 70%);bottom:-120px;left:-100px;pointer-events:none}
    .hero-inner{max-width:1200px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 410px;gap:4rem;align-items:center;position:relative;z-index:1}
    .hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:var(--sun-pale);border:1px solid rgba(245,166,35,0.35);color:#9A6A00;font-size:0.77rem;letter-spacing:0.1em;text-transform:uppercase;padding:0.4rem 1rem;border-radius:2px;margin-bottom:1.5rem;font-weight:600}
    .hero h1{font-family:'DM Serif Display',serif;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.12;color:var(--grass);margin-bottom:1.5rem}
    .hero h1 em{color:var(--sun);font-style:normal}
    .hero-sub{font-size:1.08rem;color:var(--text-mid);margin-bottom:2.5rem;font-weight:300;max-width:520px;line-height:1.85}
    .hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}
    .hero-stat{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;min-width:120px}
    .hero-stat-num{font-family:'DM Serif Display',serif;font-size:1.8rem;color:var(--leaf);display:block;line-height:1}
    .hero-stat-label{font-size:0.74rem;color:var(--text-light);text-transform:uppercase;letter-spacing:0.07em;font-weight:500;margin-top:0.25rem;display:block}
    .hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
    .btn-primary{background:var(--leaf);color:var(--white);border:none;padding:0.9rem 1.85rem;font-family:'DM Sans',sans-serif;font-weight:600;font-size:0.93rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;border-radius:4px;transition:all 0.2s}
    .btn-primary:hover{background:var(--grass);transform:translateY(-2px);box-shadow:0 8px 24px rgba(58,125,68,0.22)}
    .btn-secondary{background:transparent;color:var(--leaf);border:1.5px solid var(--leaf);padding:0.9rem 1.85rem;font-family:'DM Sans',sans-serif;font-size:0.93rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;border-radius:4px;transition:all 0.2s}
    .btn-secondary:hover{background:var(--leaf-pale)}

    /* HERO CARD */
    .hero-card{background:var(--white);border:1px solid rgba(58,125,68,0.13);border-radius:10px;padding:2.25rem;box-shadow:var(--shadow);animation:floatCard 5s ease-in-out infinite}
    @keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    .hero-card-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--leaf-pale)}
    .sun-icon{width:40px;height:40px;background:var(--sun-pale);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
    .hero-card-header h3{font-family:'DM Serif Display',serif;color:var(--grass);font-size:1.05rem}
    .saving-row{display:flex;justify-content:space-between;align-items:center;padding:0.7rem 0;border-bottom:1px solid #F0EDE8}
    .saving-row:last-child{border-bottom:none}
    .saving-label{font-size:0.82rem;color:var(--text-light)}
    .saving-value{font-family:'DM Serif Display',serif;color:var(--leaf);font-size:1.05rem}
    .saving-value.big{font-size:1.5rem;color:var(--sun)}
    .card-cta{margin-top:1.5rem;width:100%;text-align:center;background:var(--sun);color:var(--text-dark);border:none;padding:0.85rem;border-radius:4px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:0.9rem;cursor:pointer;text-decoration:none;display:block;transition:background 0.2s}
    .card-cta:hover{background:var(--sun-light)}

    /* SECTIONS */
    section{padding:5rem 2rem}
    .section-inner{max-width:1100px;margin:0 auto}
    .section-label{font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--leaf);margin-bottom:0.6rem;display:block;font-weight:600}
    .section-title{font-family:'DM Serif Display',serif;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.15;color:var(--grass);margin-bottom:1.25rem}
    .section-title.light{color:var(--white)}
    .section-sub{font-size:1rem;color:var(--text-mid);max-width:620px;line-height:1.8;font-weight:300}
    .section-sub.light{color:rgba(255,255,255,0.72)}
    .divider{width:48px;height:3px;background:var(--sun);border-radius:2px;margin:1.25rem 0 2.25rem}

    /* WIE ES FUNKTIONIERT */
    #wie-es-funktioniert{background:var(--white)}
    .funktion-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem}
    .funktion-visual{background:linear-gradient(150deg,#F0FAF0,#D6EDD9);padding:2.5rem;border-radius:10px;border:1px solid var(--border);position:relative;overflow:hidden}
    .funktion-visual::before{content:'☀';position:absolute;top:-15px;right:-10px;font-size:6rem;opacity:0.1}
    .process-step{display:flex;gap:1.1rem;margin-bottom:1.5rem;align-items:flex-start}
    .step-num{width:34px;height:34px;background:var(--leaf);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:0.9rem;border-radius:50%;flex-shrink:0}
    .step-text h4{color:var(--grass);font-size:0.93rem;font-weight:600;margin-bottom:0.25rem}
    .step-text p{color:var(--text-mid);font-size:0.82rem;line-height:1.6;font-weight:300}
    .funktion-content p{color:var(--text-mid);margin:1rem 0;line-height:1.8;font-weight:300}
    .highlight-box{background:var(--sun-pale);border-left:3px solid var(--sun);padding:1.1rem 1.4rem;border-radius:0 4px 4px 0;margin:1.5rem 0}
    .highlight-box p{color:#8B6000;font-weight:500;margin:0;font-size:0.9rem}

    /* VORTEILE VERMIETER */
    #vorteile{background:var(--stone)}
    .vorteile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
    .vorteil-card{background:var(--white);padding:1.75rem;border-radius:8px;border:1px solid var(--border);transition:transform 0.2s,box-shadow 0.2s}
    .vorteil-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .vorteil-icon{width:48px;height:48px;background:var(--leaf-pale);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}
    .vorteil-card h3{font-size:0.97rem;color:var(--grass);margin-bottom:0.6rem;font-weight:600}
    .vorteil-card p{font-size:0.86rem;color:var(--text-mid);line-height:1.7;font-weight:300}

    /* WIRTSCHAFTLICHKEIT */
    #wirtschaftlichkeit{background:linear-gradient(160deg,var(--grass) 0%,#1D4720 100%)}
    .wirt-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;align-items:start}
    .wirt-item{border-bottom:1px solid rgba(255,255,255,0.07);padding-bottom:1.5rem;margin-bottom:1.5rem}
    .wirt-item:last-child{border-bottom:none;margin-bottom:0}
    .wirt-item h3{color:var(--sun-light);font-size:0.97rem;font-weight:600;margin-bottom:0.4rem}
    .wirt-item p{color:rgba(255,255,255,0.62);font-size:0.86rem;line-height:1.7;font-weight:300}
    .wirt-box{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.11);padding:2rem;border-radius:8px}
    .wirt-box h3{color:var(--white);font-size:1.05rem;font-weight:600;margin-bottom:1rem}
    .wirt-box ul{list-style:none}
    .wirt-box li{color:rgba(255,255,255,0.68);font-size:0.85rem;padding:0.45rem 0 0.45rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.04);position:relative;font-weight:300}
    .wirt-box li::before{content:'✓';color:var(--sun-light);position:absolute;left:0;font-weight:600}
    .wirt-example{background:rgba(245,166,35,0.1);border:1px solid rgba(245,166,35,0.25);border-radius:8px;padding:1.75rem;margin-top:3rem}
    .wirt-example h3{color:var(--sun-light);font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}
    .wirt-example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
    .wirt-num{font-family:'DM Serif Display',serif;font-size:1.6rem;color:var(--sun-light);display:block;line-height:1}
    .wirt-label{font-size:0.75rem;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:0.07em;font-weight:500;margin-top:0.3rem;display:block}

    /* FAQ */
    #faq{background:var(--white)}
    .faq-list{margin-top:3rem;max-width:780px}
    .faq-item{border-bottom:1px solid #E8E4DF;overflow:hidden}
    .faq-question{width:100%;background:none;border:none;text-align:left;padding:1.2rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:0.96rem;font-weight:600;color:var(--grass)}
    .faq-question:hover{color:var(--leaf)}
    .faq-icon{font-size:1.2rem;color:var(--leaf);transition:transform 0.3s;flex-shrink:0;margin-left:1rem}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease}
    .faq-answer p{color:var(--text-mid);font-size:0.9rem;line-height:1.8;padding-bottom:1.2rem;font-weight:300}
    .faq-item.open .faq-icon{transform:rotate(45deg)}
    .faq-item.open .faq-answer{max-height:300px}

    /* RATGEBER */
    #ratgeber{background:var(--sky)}
    .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
    .blog-card{background:var(--white);overflow:hidden;border-radius:8px;border:1px solid rgba(58,125,68,0.1);transition:transform 0.2s,box-shadow 0.2s;cursor:pointer}
    .blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .blog-img{height:140px;display:flex;align-items:center;justify-content:center;font-size:2.8rem}
    .blog-img.sun{background:linear-gradient(135deg,#FFF8E0,#FFE8A0)}
    .blog-img.leaf{background:linear-gradient(135deg,var(--leaf-pale),#C5EAC9)}
    .blog-img.sky-bg{background:linear-gradient(135deg,var(--sky),var(--sky-mid))}
    .blog-body{padding:1.35rem}
    .blog-cat{font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--leaf);font-weight:600;margin-bottom:0.4rem}
    .blog-card h3{font-family:'DM Serif Display',serif;font-size:0.98rem;color:var(--grass);margin-bottom:0.6rem;line-height:1.4}
    .blog-card p{font-size:0.82rem;color:var(--text-mid);line-height:1.6;font-weight:300}
    .blog-read{color:var(--leaf);font-size:0.82rem;font-weight:600;margin-top:0.8rem;display:block}

    /* HAMBURG */
    #hamburg{background:linear-gradient(160deg,#F0FAF0,#DCEDDE)}
    .hamburg-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;align-items:start}
    .hamburg-content p{color:var(--text-mid);line-height:1.8;margin-bottom:1rem;font-size:0.92rem;font-weight:300}
    .hamburg-link{display:inline-flex;align-items:center;gap:0.4rem;color:var(--leaf);text-decoration:none;font-weight:600;font-size:0.88rem;border-bottom:1.5px solid rgba(58,125,68,0.3);padding-bottom:2px;transition:color 0.2s}
    .hamburg-link:hover{color:var(--grass)}
    .stadtteile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem}
    .stadtteil-chip{background:var(--white);border:1px solid var(--border);padding:0.5rem 0.85rem;font-size:0.82rem;color:var(--text-mid);text-align:center;border-radius:4px}
    .hamburg-facts{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.4rem;margin-top:1.25rem}
    .hamburg-facts h4{color:var(--grass);font-size:0.9rem;font-weight:600;margin-bottom:0.75rem}
    .hamburg-facts ul{list-style:none}
    .hamburg-facts li{color:var(--text-mid);font-size:0.82rem;line-height:1.6;padding:0.35rem 0 0.35rem 1.4rem;position:relative;font-weight:300;border-bottom:1px solid #F0EDE8}
    .hamburg-facts li:last-child{border-bottom:none}
    .hamburg-facts li::before{content:'🌱';position:absolute;left:0;font-size:0.72rem}

    /* KONTAKT */
    #kontakt{background:var(--stone)}
    .kontakt-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;margin-top:3rem;align-items:start}
    .kontakt-info h3{font-family:'DM Serif Display',serif;font-size:1.15rem;color:var(--grass);margin-bottom:1.5rem}
    .kontakt-detail{display:flex;gap:1rem;margin-bottom:1.1rem;align-items:flex-start}
    .kontakt-icon{width:38px;height:38px;background:var(--leaf-pale);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.93rem}
    .kontakt-detail-text p{font-size:0.77rem;color:var(--text-light);margin-bottom:0.15rem;font-weight:500;text-transform:uppercase;letter-spacing:0.06em}
    .kontakt-detail-text strong{color:var(--grass);font-size:0.9rem}
    .kontakt-detail-text a{color:var(--grass);text-decoration:none}
    form{background:var(--white);padding:2.25rem;border-radius:8px;border:1px solid var(--border)}
    form h3{font-family:'DM Serif Display',serif;color:var(--grass);font-size:1.2rem;margin-bottom:0.4rem}
    form p.form-sub{color:var(--text-light);font-size:0.82rem;margin-bottom:1.75rem}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
    .form-group{margin-bottom:1.1rem}
    .form-group label{display:block;font-size:0.74rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-mid);margin-bottom:0.35rem}
    .form-group input,.form-group select,.form-group textarea{width:100%;padding:0.7rem 0.95rem;border:1.5px solid #DDD9D0;border-radius:4px;background:var(--stone);font-family:'DM Sans',sans-serif;font-size:0.92rem;color:var(--text-dark);outline:none;transition:border-color 0.2s}
    .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--leaf);background:var(--white)}
    .form-group textarea{resize:vertical;min-height:95px}
    .form-check{display:flex;gap:0.75rem;align-items:flex-start;margin-bottom:1.4rem}
    .form-check input[type="checkbox"]{width:17px;height:17px;margin-top:2px;flex-shrink:0;accent-color:var(--leaf)}
    .form-check label{font-size:0.77rem;color:var(--text-mid);line-height:1.5}
    .form-check a{color:var(--leaf)}
    .btn-submit{width:100%;background:var(--leaf);color:var(--white);border:none;padding:0.95rem;border-radius:4px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:0.95rem;cursor:pointer;transition:background 0.2s}
    .btn-submit:hover{background:var(--grass)}
    .form-success{display:none;background:var(--leaf-pale);border:1px solid var(--leaf-light);border-radius:4px;padding:1.25rem;text-align:center;color:var(--grass);font-size:0.88rem;margin-top:1rem}

    /* FOOTER */
    footer{background:var(--grass);color:rgba(255,255,255,0.5);padding:4rem 2rem 2rem}
    .footer-inner{max-width:1100px;margin:0 auto}
    .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.07);margin-bottom:2rem}
    .footer-logo{font-family:'DM Serif Display',serif;font-size:1.15rem;color:var(--white);text-decoration:none;display:block;margin-bottom:0.85rem}
    .footer-logo span{color:var(--sun-light)}
    .footer-about p{font-size:0.82rem;line-height:1.7}
    .footer-col h4{color:var(--white);font-size:0.87rem;font-weight:600;margin-bottom:0.9rem}
    .footer-col ul{list-style:none}
    .footer-col li{margin-bottom:0.45rem}
    .footer-col a{color:rgba(255,255,255,0.5);text-decoration:none;font-size:0.82rem;transition:color 0.2s}
    .footer-col a:hover{color:var(--sun-light)}
    .footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:0.77rem;flex-wrap:wrap;gap:1rem}
    .footer-bottom a{color:rgba(255,255,255,0.45);text-decoration:none}
    .footer-bottom a:hover{color:var(--sun-light)}

    /* MODAL */
    .modal-overlay{display:none;position:fixed;inset:0;background:rgba(20,40,22,0.6);z-index:2000;align-items:center;justify-content:center;padding:2rem}
    .modal-overlay.open{display:flex}
    .modal{background:var(--white);max-width:700px;width:100%;max-height:82vh;overflow-y:auto;padding:2.5rem;border-radius:8px;position:relative}
    .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-mid)}
    .modal h2{font-family:'DM Serif Display',serif;color:var(--grass);font-size:1.5rem;margin-bottom:1.5rem}
    .modal h3{font-family:'DM Sans',sans-serif;font-weight:600;color:var(--grass);font-size:0.97rem;margin:1.5rem 0 0.4rem}
    .modal p{color:var(--text-mid);font-size:0.87rem;line-height:1.8;margin-bottom:0.6rem;font-weight:300}
    .modal ul{padding-left:1.5rem}
    .modal li{color:var(--text-mid);font-size:0.87rem;line-height:1.8;margin-bottom:0.25rem}
    .modal a{color:var(--leaf)}

    /* REVEAL */
    .reveal{opacity:0;transform:translateY(16px);transition:opacity 0.55s ease,transform 0.55s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}

    /* RESPONSIVE */
    @media(max-width:960px){
      .hero-inner{grid-template-columns:1fr}
      .hero-card{display:none}
      .funktion-grid,.wirt-grid,.kontakt-grid,.hamburg-grid{grid-template-columns:1fr}
      .vorteile-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}
      .footer-top{grid-template-columns:1fr 1fr}
      .wirt-example-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:640px){
      .vorteile-grid,.blog-grid{grid-template-columns:1fr}
      .nav-links{display:none}
      .hamburger{display:flex}
      .nav-links.open{display:flex;flex-direction:column;position:fixed;top:68px;left:0;right:0;background:var(--white);padding:1.5rem 2rem;gap:1.25rem;border-bottom:2px solid var(--leaf-pale);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
      .form-row{grid-template-columns:1fr}
      .footer-top{grid-template-columns:1fr}
      .wirt-example-grid{grid-template-columns:1fr 1fr}
    }
  

    /* ===== UNTERSEITEN ===== */
    .subpage-hero{background:linear-gradient(160deg,#FFFDF7 0%,#F0FAF0 55%,#E5F5E6 100%);padding:9rem 2rem 4rem;position:relative;overflow:hidden}
    .subpage-hero .hero-orb1{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,0.12) 0%,transparent 70%);top:-180px;right:-140px;pointer-events:none}
    .breadcrumb{font-size:0.8rem;color:var(--text-light);margin-bottom:1.25rem;position:relative;z-index:1}
    .breadcrumb a{color:var(--leaf);text-decoration:none}
    .breadcrumb a:hover{text-decoration:underline}
    .breadcrumb span{margin:0 0.4rem;opacity:0.5}
    .subpage-hero h1{font-family:'DM Serif Display',serif;font-size:clamp(1.9rem,4vw,3rem);line-height:1.15;color:var(--grass);margin-bottom:1.1rem;position:relative;z-index:1;max-width:820px}
    .subpage-hero h1 em{color:var(--sun);font-style:normal}
    .subpage-lead{font-size:1.05rem;color:var(--text-mid);font-weight:300;line-height:1.85;max-width:680px;position:relative;z-index:1}
    .content-section{padding:3.5rem 2rem;background:var(--white)}
    .content-section.alt{background:var(--stone)}
    .content-inner{max-width:820px;margin:0 auto}
    .content-inner.wide{max-width:1100px}
    .content-inner h2{font-family:'DM Serif Display',serif;font-size:clamp(1.5rem,2.6vw,2.1rem);color:var(--grass);margin-bottom:1rem;line-height:1.2}
    .content-inner h3{font-size:1.05rem;font-weight:600;color:var(--grass);margin:2rem 0 0.6rem}
    .content-inner p{color:var(--text-mid);line-height:1.85;margin-bottom:1rem;font-weight:300}
    .content-inner ul,.content-inner ol{margin:1rem 0 1.5rem 1.35rem}
    .content-inner li{color:var(--text-mid);line-height:1.8;margin-bottom:0.5rem;font-weight:300}
    .content-inner strong{color:var(--text-dark);font-weight:600}
    .content-inner a{color:var(--leaf);font-weight:500}
    .info-box{background:var(--leaf-pale);border-left:3px solid var(--leaf);padding:1.25rem 1.5rem;border-radius:0 6px 6px 0;margin:1.75rem 0}
    .info-box p{margin:0;color:var(--grass);font-size:0.92rem}
    .warn-box{background:var(--sun-pale);border-left:3px solid var(--sun);padding:1.25rem 1.5rem;border-radius:0 6px 6px 0;margin:1.75rem 0}
    .warn-box p{margin:0;color:#8B6000;font-size:0.92rem}
    table.data{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.9rem}
    table.data th{background:var(--leaf);color:var(--white);text-align:left;padding:0.75rem 1rem;font-weight:600;font-size:0.85rem}
    table.data td{padding:0.75rem 1rem;border-bottom:1px solid #E8E4DF;color:var(--text-mid);font-weight:300}
    table.data tr:nth-child(even) td{background:var(--stone)}
    .cta-band{background:linear-gradient(160deg,var(--grass) 0%,#1D4720 100%);padding:3rem 2rem;text-align:center}
    .cta-band h2{font-family:'DM Serif Display',serif;color:var(--white);font-size:clamp(1.4rem,2.6vw,2rem);margin-bottom:0.75rem}
    .cta-band p{color:rgba(255,255,255,0.7);font-weight:300;max-width:560px;margin:0 auto 1.75rem;font-size:0.95rem}
    .cta-band .btn-primary{background:var(--sun);color:var(--text-dark)}
    .cta-band .btn-primary:hover{background:var(--sun-light)}
    .related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}
    .related-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:1.35rem;text-decoration:none;display:block;transition:transform 0.2s,box-shadow 0.2s}
    .related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .related-card h4{color:var(--grass);font-size:0.95rem;font-weight:600;margin-bottom:0.4rem}
    .related-card p{font-size:0.82rem;color:var(--text-mid);font-weight:300;line-height:1.6;margin:0}
    @media(max-width:960px){.related-links{grid-template-columns:1fr 1fr}}
    @media(max-width:640px){.related-links{grid-template-columns:1fr}.subpage-hero{padding:7rem 1.5rem 3rem}}