@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#163d2d;--lime:#91c83e;--ink:#18372b;--muted:#65776c;--paper:#f7f9f3;--line:#dce5d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6fa830;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,5.3vw,78px);font-weight:800}h2{font-size:clamp(33px,3.7vw,52px);font-weight:700}h3{font-size:23px;letter-spacing:-.025em}em{font-style:normal;color:#609527}.section{max-width:1240px;margin:auto;padding:95px 42px}.header{max-width:1400px;margin:auto;padding:25px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand-light{font-weight:500}.brand-icon{font-size:31px;background:var(--green);color:white;width:43px;height:43px;border-radius:13px;display:grid;place-content:center;position:relative;letter-spacing:-3px}.brand-icon span{color:var(--lime);position:absolute;right:8px;bottom:4px}.header nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.nav-cta{border:1px solid var(--line);padding:10px 17px;border-radius:8px}.nav-cta span{margin-left:18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-top:63px;padding-bottom:100px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;gap:9px;align-items:center;margin-bottom:23px}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;flex-shrink:0}.hero h1{margin-bottom:25px}.hero-copy>p{font-size:16px;max-width:460px;color:var(--muted)}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:31px}.btn{border:0;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:9px;padding:16px 23px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:hover{background:#245639}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:10px}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted);margin-top:21px}.hero-meta span+span{border-left:1px solid #c7d6c3;padding-left:12px}.hero-visual{position:relative;padding:30px 0 40px;min-width:0}.hero-visual:before{content:'';position:absolute;background:radial-gradient(ellipse,#d4e8b0 0,transparent 68%);inset:-50px -65px;z-index:-1}.dashboard{background:white;border:1px solid #e0e8d9;border-radius:17px;box-shadow:0 24px 70px #274d2912;overflow:hidden;transform:rotate(-2deg)}.floating-label{font-size:10px;display:flex;gap:8px;align-items:center;margin-bottom:20px;justify-content:end}.dash-head{display:flex;align-items:center;gap:12px;padding:23px}.dash-mark{font-weight:800;font-size:21px;background:#eef4e7;border-radius:9px;padding:7px 12px;color:var(--green)}.dash-head b{font-size:13px}.dash-head small{font-size:10px;color:var(--muted);display:block}.demo-badge{font-size:8px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;margin-left:auto;letter-spacing:1px}.demo-tabs{display:flex;gap:6px;padding:0 22px 17px;border-bottom:1px solid #eff2eb}.demo-tabs button{border:0;background:none;padding:7px 11px;border-radius:6px;font-size:10px;color:var(--muted)}.demo-tabs button[aria-selected=true]{background:var(--green);color:white}#demo-panel{padding:22px;min-height:270px}.demo-stats{display:flex;gap:12px;margin:17px 0}.demo-stats>div{background:#f5f8f0;border:1px solid #edf1e5;border-radius:8px;padding:12px;flex:1}.demo-stats b{font-size:23px;display:block;line-height:1.3}.demo-stats small{font-size:9px;color:var(--muted)}.demo-title{font-size:13px;font-weight:700}.demo-subtitle{font-size:10px;color:var(--muted)}.demo-progress{height:6px;background:#e8efdf;border-radius:5px;margin:13px 0;overflow:hidden}.demo-progress span{display:block;background:var(--lime);width:67%;height:100%}.demo-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf0e9;padding:11px 0;font-size:10px}.demo-row b{font-weight:500;color:#538128}.dash-foot{padding:13px 22px;font-size:8px;color:var(--muted);display:flex;justify-content:space-between;background:#fafbf8}.floating-card{position:absolute;bottom:9px;left:-25px;background:var(--green);color:white;display:flex;gap:12px;align-items:center;border-radius:10px;padding:17px 21px;box-shadow:0 10px 25px #163d2d20;transform:rotate(1deg)}.floating-card b{font-size:11px;display:block}.floating-card small{font-size:9px;color:#bdcfb7}.check-icon{border:1px solid #557344;color:var(--lime);border-radius:50%;width:27px;height:27px;text-align:center}.trust-strip{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap;border-block:1px solid var(--line);padding:26px 30px;font-size:12px}.trust-strip>span:first-child{font-size:10px;color:var(--muted)}.separator{height:17px;width:1px;background:var(--line)}.section-top{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-bottom:40px}.section-top>p{font-size:14px;color:var(--muted);max-width:330px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#edf2e7;border-radius:15px;padding:29px;display:flex;flex-direction:column;align-items:start}.feature-number{font-size:9px;letter-spacing:1px;color:var(--muted)}.feature-icon{font-size:37px;line-height:1;margin:32px 0 25px;color:#639931}.feature h3{margin-bottom:16px}.feature p{font-size:13px;color:var(--muted);margin-bottom:25px}.feature-tag{font-size:9px;border:1px solid #d1ddc6;border-radius:20px;padding:5px 10px;margin-top:auto}.feature-dark{background:var(--green);color:white}.feature-dark p,.feature-dark .feature-number{color:#b8cbbb}.feature-dark .feature-icon{color:var(--lime)}.feature-dark .feature-tag{border-color:#426047;color:#cfdfc3}.secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 40px;margin-top:47px}.secondary-grid article{border-top:1px solid var(--line);padding-top:22px}.secondary-grid article>span{color:#6c9e35;font-size:25px}.secondary-grid h3{font-size:17px;margin:12px 0}.secondary-grid p{font-size:12px;color:var(--muted)}.workflow-section{background:#eaf0e2}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{border-top:1px solid #cbd8bf;padding-top:20px}.steps span{font-family:Manrope;font-size:37px;color:#8baa68}.steps h3{font-size:19px;margin:17px 0 13px}.steps p{font-size:12px;color:var(--muted)}.reports-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.report-art{background:#e9efdf;border-radius:22px;padding:42px;position:relative}.paper{background:white;box-shadow:0 15px 40px #1d3d1815;padding:28px;transform:rotate(-4deg);border-radius:4px}.paper-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.paper-top span{font:bold 24px Manrope;color:#5f962a}.paper-top small{font-size:7px;letter-spacing:1px}.paper h3{font-size:28px;margin-bottom:20px}.paper-line{width:60%;height:5px;background:#edf1e9;margin-bottom:8px}.paper-line.wide{width:85%}.paper-metrics{display:flex;gap:20px;margin:24px 0}.paper-metrics small{font-size:7px;display:block;color:#829078}.paper-metrics b{font-size:11px}.paper-row{display:flex;justify-content:space-between;border-top:1px solid #e6ecdf;padding:13px 0;font-size:10px}.paper-row b{color:#71a633}.paper-caption{font-size:8px;color:var(--muted)}.format-pill{position:absolute;bottom:24px;right:12px;border-radius:7px;padding:11px 17px;background:var(--lime);color:var(--green);font-weight:600;font-size:10px}.lead{font-size:14px;color:var(--muted);margin-top:22px}.report-list{padding:0;list-style:none;counter-reset:reports;margin:22px 0}.report-list li{counter-increment:reports;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.report-list li:before{content:'0' counter(reports);font-size:9px;color:#7d9a5b;margin-right:13px}.small-note{font-size:10px;color:var(--muted)}.scope{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.scope h2{font-size:34px}.scope p{font-size:12px;color:var(--muted);margin-bottom:13px}.pricing-section{background:var(--green);color:#f7faee;position:relative;overflow:hidden}.pricing-section:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #33553d;border-radius:50%;left:-230px;bottom:-270px;pointer-events:none}.pricing-layout{display:grid;grid-template-columns:1fr .83fr;gap:100px;align-items:center}.pricing-layout h2{font-size:clamp(36px,4vw,56px)}.pricing-layout em{color:var(--lime)}.pricing-layout>div>p{font-size:14px;color:#b9ceb9;max-width:390px;margin-top:25px}.pricing-values{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#dbe7d0;margin-top:25px}.price-card{background:var(--paper);color:var(--green);border-radius:19px;padding:34px}.price-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;gap:10px}.price-badge{background:#e1edcf;padding:5px 8px;border-radius:20px;font-size:8px}.price{font:800 82px Manrope;letter-spacing:-7px;margin:21px 0 3px;line-height:1.1}.price>span{font-size:39px;letter-spacing:-2px;margin-left:9px}.price-card .price-description{font-size:12px;margin-top:13px;color:var(--muted)}.price-card ul{padding:21px 0;margin:24px 0;list-style:none;border-block:1px solid var(--line);font-size:12px}.price-card li{padding:5px 0}.price-card li:before{content:'✓';color:#67972f;margin-right:10px}.price-card .btn{width:100%}.price-card .price-note{text-align:center;font-size:9px;margin-top:14px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq details{padding:19px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:19px;color:#71a32e}.faq details[open] summary:after{content:'−'}.faq details p{margin-top:13px;font-size:12px;color:var(--muted)}.footer{max-width:1240px;margin:auto;padding:35px 42px 42px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:16px}.footer p{font-size:11px;text-align:right}.footer small{font-size:9px;color:var(--muted);max-width:600px}.footer>a:last-child{font-size:10px;text-align:right}dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);padding:40px;width:min(480px,90vw)}dialog::backdrop{background:#0b231bc0}dialog h2{font-size:34px}dialog p{margin-top:18px;font-size:14px}.hp-note{background:#e8eedf;padding:16px;border-radius:8px;font-size:12px;margin:23px 0}.close-dialog{position:absolute;right:14px;top:10px;background:none;border:0;font-size:24px;color:var(--green)}
@media(min-width:1500px){.hero{gap:80px}}@media(max-width:1000px){.hero{gap:28px}.section{padding:70px 28px}.header{padding:20px 28px}.header nav{gap:17px}.reports-section,.pricing-layout{gap:45px}.feature{padding:22px}.hero-meta{display:block}.hero-meta span{display:block;margin-top:8px}.hero-meta span+span{border:0;padding:0}.hero-actions{gap:18px}.secondary-grid{gap:30px}.trust-strip{gap:18px}.floating-card{left:-10px}.scope{padding-top:0}}@media(max-width:760px){.section{padding:57px 22px}.header{padding:20px 22px;position:relative;z-index:5}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;border-radius:8px;width:39px;height:39px}.header nav{display:none;position:absolute;top:78px;left:22px;right:22px;background:white;box-shadow:0 15px 40px #163d2d20;padding:20px;border-radius:12px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:35px;gap:28px}.hero-copy>p{max-width:100%}.hero h1{font-size:clamp(42px,9vw,63px)}.hero-meta{display:flex;gap:9px;font-size:9px}.hero-visual{max-width:510px;width:100%;margin:auto;padding:20px 8px 45px}.hero-visual:before{inset:-10px 0}.dashboard{transform:rotate(-1deg)}.floating-card{left:0}.trust-strip{gap:14px;padding:22px;font-size:10px}.trust-strip>span:first-child{width:100%;text-align:center}.separator{display:none}.section-top{display:block}.section-top>p{margin-top:22px;max-width:100%}.feature-grid{grid-template-columns:1fr}.feature{padding:27px}.feature-icon{margin:23px 0}.feature h3{max-width:330px}.feature p{max-width:420px}.secondary-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.steps{grid-template-columns:1fr 1fr;gap:28px 20px}.reports-section,.scope,.pricing-layout,.faq{grid-template-columns:1fr;gap:35px}.report-art{max-width:430px;width:100%;margin:auto;padding:32px}.reports-section>div:last-child{order:-1}.scope{padding-top:0}.pricing-layout>div>p{max-width:100%}.price-card{padding:28px}.price{font-size:76px}.footer{padding:28px 22px;grid-template-columns:1fr}.footer p,.footer>a:last-child{text-align:left}.faq{gap:20px}.hero-actions{flex-wrap:wrap}.brand{font-size:19px}}@media(max-width:380px){.secondary-grid,.steps{grid-template-columns:1fr}.demo-tabs{padding-inline:14px}.dash-head,#demo-panel{padding:17px}.dash-head b{font-size:11px}.floating-card{padding:13px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(min-width:761px) and (max-width:900px){.hero{grid-template-columns:1fr;gap:30px}.hero-visual{max-width:560px;width:100%;margin:auto}.hero-copy>p{max-width:560px}.hero-visual:before{inset:-20px 0}.hero-meta{display:flex}.hero-meta span+span{padding:0}.header nav{gap:12px;font-size:11px}}

.language-control{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.language-control label{font-size:9px;color:var(--muted);line-height:1.2}.language-control select{border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--green);font:600 12px 'DM Sans',sans-serif;padding:7px 22px 7px 9px;width:125px;cursor:pointer}.language-control small{font-size:8px;line-height:1.3;color:var(--muted);max-width:150px}.translation-notice{margin:15px auto;max-width:1156px;background:#e8eedf;border:1px solid var(--line);border-radius:8px;padding:16px 22px;font-size:13px}.header nav{gap:20px}html[lang=de] h1{font-size:clamp(42px,4.7vw,68px)}.feature h3,.steps h3{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1100px){.header{flex-wrap:wrap;justify-content:center}.header nav{justify-content:center;flex-wrap:wrap;gap:17px}.hero{padding-top:40px}}
@media(max-width:760px){.language-control{padding-top:10px;border-top:1px solid var(--line)}.language-control select{width:100%;min-height:42px}.language-control small{max-width:100%}.header nav{gap:17px}html[lang=de] h1{font-size:clamp(40px,8.2vw,59px)}.translation-notice{margin:10px 22px}}
.pain-section{display:grid;grid-template-columns:.95fr 1fr;gap:70px;align-items:center;padding-bottom:0}.pain-photo{position:relative;min-width:0}.pain-photo img{display:block;width:100%;height:490px;object-fit:cover;object-position:45% 50%;border-radius:19px}.photo-caption{position:absolute;bottom:22px;left:20px;right:20px;background:#163d2de8;color:white;padding:14px 18px;border-radius:9px;font-size:11px;backdrop-filter:blur(8px)}.pain-section h2{font-size:clamp(32px,3.2vw,46px)}.pain-questions{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0}.pain-questions span{font-size:10px;border:1px solid #d4dfc9;border-radius:20px;padding:7px 10px;color:var(--muted)}.relief-box{background:#e9f0de;border-left:3px solid #80b234;border-radius:8px;padding:20px;margin-bottom:23px}.relief-box b{font-size:14px}.relief-box p{font-size:12px;color:var(--muted);margin-top:9px}.pain-section .btn{max-width:330px}.pain-section .small-note{margin-top:13px}.service-bridge{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;border-top:1px solid var(--line);align-items:center}.service-bridge h2{font-size:38px}.service-bridge p{font-size:13px;color:var(--muted);margin:20px 0;max-width:490px}.service-bridge>div:last-child{background:#eaf0e2;border-radius:14px;padding:26px}.bridge-price{font:800 45px Manrope;letter-spacing:-2px;line-height:1.1}.bridge-price span{font:500 12px 'DM Sans';letter-spacing:0;margin-left:10px;display:inline-block}.service-hero-photo{position:relative;min-width:0}.service-hero-photo img{width:100%;height:520px;object-fit:cover;object-position:43% center;border-radius:22px;display:block}.service-photo-note{position:absolute;left:-20px;right:20px;bottom:25px;background:var(--green);color:white;display:flex;align-items:center;gap:12px;padding:20px;border-radius:10px}.service-photo-note b{font-size:12px;display:block}.service-photo-note small{font-size:10px;color:#c5d5bb}.service-hero h1{font-size:clamp(39px,4.5vw,63px)}.service-hero .eyebrow{font-size:9px;letter-spacing:1.25px;max-width:430px}.price>small{font:500 14px 'DM Sans';letter-spacing:0;margin-left:12px}.service-scope{padding-top:70px}.service-scope h2{font-size:40px}
@media(max-width:1000px){.pain-section{gap:32px}.pain-photo img{height:450px}.service-bridge{gap:35px}.service-hero-photo img{height:460px}.service-photo-note{left:10px;right:10px}.service-hero h1{font-size:43px}}
@media(max-width:900px) and (min-width:761px){.service-hero-photo{max-width:600px;margin:auto;width:100%}.service-hero-photo img{height:450px}.service-hero .hero-copy{max-width:640px}.service-hero h1{font-size:58px}}
@media(max-width:760px){.pain-section,.service-bridge{grid-template-columns:1fr;gap:28px}.pain-section{padding-bottom:0}.pain-section>div:last-child{order:-1}.pain-photo img{height:330px;object-position:center}.pain-questions span{font-size:10px}.service-hero-photo img{height:370px}.service-hero h1,html[lang=de] .service-hero h1{font-size:clamp(37px,7.7vw,56px)}.service-hero .hero-actions .btn{gap:16px}.service-photo-note{bottom:16px;padding:16px}.service-bridge h2{font-size:34px}.service-scope{padding-top:55px}.photo-caption{left:15px;right:15px;bottom:15px}.service-hero .eyebrow{font-size:8px}.service-bridge>div:last-child{padding:23px}}
.code-brand{font-size:20px;letter-spacing:-.6px}.code-brand .brand-icon{font:700 17px monospace;letter-spacing:-1px}.code-hero-wrap{background:#102c22;color:#f4f8ed}.code-hero{padding-top:80px;padding-bottom:85px}.code-hero h1{font-size:clamp(43px,4.6vw,66px)}.code-hero em{color:#a6d75c}.code-hero .hero-copy>p,.code-hero .hero-meta{color:#b5c9b9}.lime-btn{background:#a6d75c;color:#102c22}.lime-btn:hover{background:#b5e66c}.code-window{border:1px solid #3c5744;border-radius:15px;background:#17382b;box-shadow:0 30px 70px #04120a40;transform:rotate(-2deg);overflow:hidden}.code-window-top{padding:18px 20px;border-bottom:1px solid #35513d;display:flex;justify-content:space-between;align-items:center;color:#819b7d;font-size:10px}.code-window-top small{font-size:8px;letter-spacing:1px}.code-lines{padding:28px;font:14px/2.1 monospace;color:#d5e0ce}.code-lines>span{font-size:11px;color:#819b7d}.code-lines p>span{color:#a6d75c}.code-lines .indent{padding-left:22px}.code-lines b{font-weight:400;color:#9fce7f}.code-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 25px 25px}.code-modules>div{border:1px solid #3d5843;border-radius:8px;padding:14px 10px}.code-modules span{font-size:9px;color:#88ab7c;display:block}.code-modules b{font-size:10px;font-weight:500}.code-window-bottom{padding:14px 22px;background:#1e4030;font:600 12px monospace;color:#a6d75c;display:flex;gap:20px;align-items:center}.code-window-bottom>span{font:400 9px 'DM Sans';color:#bdd0b6}.code-product{display:grid;grid-template-columns:1.7fr 1fr;gap:50px;padding:35px;background:white;border:1px solid var(--line);border-radius:18px}.product-pill{font-size:9px;background:#e6f0d5;color:#426624;padding:6px 10px;border-radius:20px;display:inline-block;letter-spacing:.7px}.code-product h3{font-size:34px;margin-top:22px}.code-checklist{list-style:none;padding:0;font-size:12px;margin:22px 0}.code-checklist li{padding:5px 0}.code-checklist li:before{content:'✓';margin-right:10px;color:#72a42f}.code-product .btn{max-width:240px}.product-price{background:#eef3e7;border-radius:13px;padding:30px;display:flex;flex-direction:column;justify-content:center}.product-price>small{font-size:9px;letter-spacing:1px}.product-price>b{font:800 64px Manrope;letter-spacing:-4px;margin:10px 0}.product-price>span{font-size:12px;color:var(--muted)}.product-mini{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;font-size:9px}.product-mini span{border:1px solid #cfdcbe;border-radius:20px;padding:5px 9px}.platform-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.platform-roadmap>div{padding:25px;border:1px solid var(--line);border-radius:12px}.platform-state{font-size:9px;color:#7a8672;border:1px solid #dae2d3;border-radius:20px;padding:4px 8px}.platform-state.available{color:#537e2d;background:#e8f1dc}.platform-roadmap h3{font-size:18px;margin:21px 0 12px}.platform-roadmap p{font-size:12px;color:var(--muted)}.custom-wrap{background:#eaf0e2}.custom-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.custom-preview{border:1px solid #cfdbc2;border-radius:15px;background:white;overflow:hidden;box-shadow:0 20px 50px #30532c12;transform:rotate(-2deg)}.custom-toolbar{padding:18px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1e7;font-size:9px;font-weight:700;letter-spacing:1px}.custom-toolbar>span:last-child{color:#819178;letter-spacing:0;font-size:8px;font-weight:400}.custom-preview-body{padding:27px}.custom-preview-body h3{font-size:31px;margin:25px 0}.custom-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-preview-grid>div{padding:19px;background:#f4f7ee;border-radius:9px;font-size:11px;color:#728264}.custom-preview-grid b{font-size:14px;color:var(--green)}.custom-preview-path{border-top:1px solid #e4ebdd;margin-top:25px;padding-top:16px;font-size:8px;display:flex;gap:8px;align-items:center;justify-content:space-between}.custom-preview-path span{color:#87b744}.custom-list{padding-left:18px;font-size:12px;color:var(--muted);margin:23px 0}.custom-list li{padding:7px 0}.custom-list b{color:var(--green)}.custom-layout .btn{max-width:280px}.custom-layout .small-note{margin-top:12px}.adaptation-code{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center}.adaptation-code .small-note{margin-top:18px}.annual-mini{border:1px solid var(--line);border-radius:14px;background:#eef3e7;padding:30px}.annual-mini>small{font-size:9px;letter-spacing:1px}.annual-mini>b{display:block;font:800 50px Manrope;letter-spacing:-2px;margin:13px 0}.annual-mini>b>span{font:500 12px 'DM Sans';letter-spacing:0;margin-left:8px}.annual-mini p{font-size:12px;color:var(--muted);margin-bottom:25px}.code-contact{text-align:center;border-top:1px solid var(--line);padding-top:75px}.code-contact .eyebrow{justify-content:center}.code-contact p{max-width:560px;margin:22px auto;font-size:14px;color:var(--muted)}.code-contact .btn{margin:25px auto 13px;max-width:270px;width:100%}.code-contact .small-note{display:block}.plugin-pain-hero h1{font-size:clamp(42px,4.3vw,62px)}.empathy h2{font-size:clamp(32px,3.4vw,46px)}.empathy .section-top{align-items:center}.empathy .feature h3{margin-top:24px}.technical-demo{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:0}.technical-demo h2{font-size:40px}.technical-demo .hero-visual{padding-bottom:40px}.technical-demo .hero-visual:before{inset:0}.code-hero .hero-meta span+span{border-color:#587249}
@media(max-width:1000px){.code-product{gap:25px;padding:27px}.custom-layout{gap:30px}.adaptation-code{gap:35px}.platform-roadmap>div{padding:19px}.technical-demo{gap:30px}}
@media(max-width:760px){.code-hero{padding-top:42px}.code-hero h1{font-size:clamp(42px,9vw,60px)}.code-window{width:100%;max-width:510px;margin:auto}.code-lines{font-size:12px;padding:22px}.code-modules{padding:0 20px 20px;gap:8px}.code-modules b{font-size:9px}.code-product,.platform-roadmap,.custom-layout,.adaptation-code,.technical-demo{grid-template-columns:1fr;gap:25px}.product-price{padding:24px}.product-price>b{font-size:54px}.code-product{padding:23px}.platform-roadmap{gap:14px}.custom-layout .btn{max-width:100%}.technical-demo{padding-top:30px}.technical-demo h2{font-size:33px}.empathy .section-top>p{max-width:100%}.plugin-pain-hero h1{font-size:clamp(40px,8vw,58px)}.code-contact .eyebrow{font-size:9px}.code-brand{font-size:18px}.code-header nav{min-width:0}}

.comparison-scroll{overflow-x:auto;border:1px solid #dce5dd;border-radius:20px}.offer-comparison{width:100%;border-collapse:collapse;min-width:600px;text-align:left}.offer-comparison caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.offer-comparison th,.offer-comparison td{padding:22px;vertical-align:top;border-bottom:1px solid #dce5dd;line-height:1.55;width:33.33%}.offer-comparison thead{background:#163d2d;color:white}.offer-comparison thead small{display:block;color:#cde8b1;font-size:14px;margin-top:8px}.offer-comparison tbody th{font-weight:600;background:#f3f6ef}.offer-comparison tbody tr:last-child>*{border-bottom:0}.comparison-section>.small-note{margin-top:22px}.comparison-section .btn.secondary{background:#eef4e7;color:#163d2d}@media(max-width:600px){.offer-comparison th,.offer-comparison td{padding:16px;font-size:14px}.comparison-section .hero-actions{align-items:stretch}}

.herbalcodes-logo{display:block;width:210px;height:48px;object-fit:contain;object-position:left center}.footer .herbalcodes-logo{width:230px;height:58px}@media(max-width:600px){.herbalcodes-logo{width:165px;height:40px}}

/* Persistent navigation and larger header branding across both sites. */
html{scroll-padding-top:135px}
.header{position:sticky;top:0;z-index:100;background:#f7f9f3;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #163d2d0a}
.header .brand{flex-shrink:0;font-size:31.5px}
.header .brand-icon{width:64.8px;height:64.8px;font-size:46.8px}
.header .herbalcodes-logo{width:315.6px;height:72px}
@media(max-width:760px){.header{position:sticky;top:0;justify-content:space-between;flex-wrap:nowrap;gap:12px}.header .brand{font-size:28.5px}.header .herbalcodes-logo{width:248.4px;height:60px}.header .menu-toggle{flex-shrink:0}.header nav{top:calc(100% + 8px);max-height:calc(100dvh - 140px);overflow-y:auto}}
