/* ================================================================ CBRM — Shared Landing Page Stylesheet Covers:nav,footer,hero,forms,FAQ,CTA,sections,responsive ================================================================ */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} :root{--green:#214545;--green-light:#2d5c5c;--cream:#f8f5f0;--charcoal:#1a1a1a;--mid:#6b7280;--border:#e5e7eb;--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,sans-serif;} html{scroll-behavior:smooth;} body{font-family:var(--sans);background:var(--cream);color:var(--charcoal);overflow-x:hidden;} nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(248,245,240,0.97);box-shadow:0 1px 0 rgba(33,69,69,0.08);} .nav-logo{height:32px;} .nav-links{display:flex;gap:32px;list-style:none;} .nav-links a{font-size:13px;font-weight:500;color:var(--charcoal);text-decoration:none;opacity:0.7;transition:opacity 0.2s;} .nav-links a:hover{opacity:1;} .nav-links a.active{opacity:1;color:var(--green);} .nav-cta{background:var(--green);color:white !important;opacity:1 !important;padding:10px 22px;border-radius:100px;font-size:13px !important;font-weight:500 !important;text-decoration:none;transition:background 0.2s !important;} .nav-cta:hover{background:var(--green-light) !important;} .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;} .nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--charcoal);border-radius:1px;transition:transform 0.3s ease,opacity 0.3s ease;} .nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);} .nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);} .nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);} .nav-mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:rgba(248,245,240,0.99);box-shadow:0 4px 16px rgba(33,69,69,0.08);border-bottom:1px solid rgba(33,69,69,0.06);padding:20px 24px 28px;z-index:999;flex-direction:column;opacity:0;transform:translateY(-6px);transition:transform 0.25s ease,opacity 0.25s ease;} .nav-mobile-menu.open{display:flex;transform:translateY(0);opacity:1;} .nav-mobile-menu a{font-size:17px;font-weight:500;color:var(--charcoal);text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(33,69,69,0.07);opacity:0.85;transition:opacity 0.15s;} .nav-mobile-menu a:last-child{border-bottom:none;} .nav-mobile-menu a:hover{opacity:1;} .nav-mobile-menu .nav-mobile-cta{color:var(--green) !important;font-weight:600;border-bottom:none !important;margin-top:8px;opacity:1 !important;} .lp-hero{margin-top:72px;background:var(--green);padding:80px 64px;position:relative;overflow:hidden;} .lp-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;} .lp-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;} .lp-hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,0.2);border-radius:100px;padding:6px 16px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:28px;} .lp-hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.4);} .lp-hero h1{font-family:var(--serif);font-size:clamp(36px,5vw,64px);font-weight:400;color:#fff;line-height:1.1;margin-bottom:24px;} .lp-hero h1 em{font-style:italic;color:rgba(255,255,255,0.55);} .lp-hero-sub{font-size:16px;font-weight:300;line-height:1.75;color:rgba(255,255,255,0.6);max-width:520px;margin-bottom:32px;} .lp-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;} .btn-primary{display:inline-flex;align-items:center;gap:10px;background:white;color:var(--green);padding:14px 28px;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.2);} .btn-ghost{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.8);padding:14px 28px;border-radius:100px;font-size:14px;font-weight:500;text-decoration:none;transition:background 0.2s,border-color 0.2s;} .btn-ghost:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.4);} .lp-usps{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;} .lp-usp{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,0.15);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500;color:rgba(255,255,255,0.65);} .lp-usp::before{content:'✓';color:rgba(255,255,255,0.35);font-size:10px;} .lp-hero-form-box{background:#fff;border-radius:20px;padding:36px;box-shadow:0 24px 64px rgba(0,0,0,0.18);} .lp-hero-form-title{font-size:15px;font-weight:700;color:var(--charcoal);margin-bottom:6px;} .lp-hero-form-sub{font-size:13px;color:var(--mid);margin-bottom:20px;line-height:1.5;} .lp-hero-form-row{display:flex;flex-direction:column;gap:12px;} .lp-field-label{display:block;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--green);margin-bottom:4px;} .lp-hero-input{width:100%;padding:12px 16px;border:1.5px solid rgba(33,69,69,0.15);border-radius:10px;background:#fff;color:var(--charcoal);font-family:var(--sans);font-size:14px;outline:none;transition:border-color 0.2s;} .lp-hero-input::placeholder{color:#aaa;} .lp-hero-input:focus{border-color:var(--green);} .lp-hero-select{width:100%;padding:12px 16px;border:1.5px solid rgba(33,69,69,0.15);border-radius:10px;background:#fff;color:var(--charcoal);font-family:var(--sans);font-size:14px;outline:none;appearance:none;cursor:pointer;transition:border-color 0.2s;} .lp-hero-select:focus{border-color:var(--green);} .lp-hero-textarea{width:100%;padding:12px 16px;border:1.5px solid rgba(33,69,69,0.15);border-radius:10px;background:#fff;color:var(--charcoal);font-family:var(--sans);font-size:14px;outline:none;resize:vertical;min-height:72px;transition:border-color 0.2s;} .lp-hero-textarea::placeholder{color:#aaa;} .lp-hero-textarea:focus{border-color:var(--green);} .lp-hero-submit{width:100%;padding:15px;background:var(--green);color:#fff;border:none;border-radius:10px;font-family:var(--sans);font-size:15px;font-weight:700;cursor:pointer;transition:background 0.2s,transform 0.15s;margin-top:4px;} .lp-hero-submit:hover{background:var(--green-light);transform:translateY(-1px);} .lp-hero-submit:disabled{opacity:0.65;cursor:default;transform:none;} .lp-hero-form-note{font-size:11px;color:#aaa;text-align:center;margin-top:12px;} .lp-section-eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--mid);margin-bottom:12px;} .lp-section-title{font-family:var(--serif);font-size:clamp(24px,3vw,38px);font-weight:400;color:var(--charcoal);line-height:1.2;margin-bottom:48px;} .lp-trust{background:var(--green);padding:56px 64px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;} .lp-trust-item{text-align:center;} .lp-trust-num{font-family:var(--serif);font-size:48px;font-weight:400;color:#fff;line-height:1;margin-bottom:8px;} .lp-trust-label{font-size:13px;color:rgba(255,255,255,0.55);font-weight:300;} .lp-card-section{padding:80px 64px;} .lp-card-section.bg-white{background:#fff;border-bottom:1px solid rgba(33,69,69,0.08);} .lp-card-section.bg-cream{background:var(--cream);} .lp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .lp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;} .lp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;} .lp-what-card{background:var(--cream);border-radius:20px;padding:36px;} .lp-what-icon{font-size:32px;margin-bottom:16px;} .lp-what-title{font-size:18px;font-weight:600;color:var(--charcoal);margin-bottom:12px;} .lp-what-desc{font-size:14px;line-height:1.7;color:var(--mid);} .lp-who-card{background:#fff;border:1px solid rgba(33,69,69,0.1);border-radius:16px;padding:32px;transition:border-color 0.2s,box-shadow 0.2s;} .lp-who-card:hover{border-color:var(--green);box-shadow:0 4px 20px rgba(33,69,69,0.08);} .lp-who-icon{font-size:28px;margin-bottom:16px;} .lp-who-name{font-size:16px;font-weight:600;color:var(--charcoal);margin-bottom:8px;} .lp-who-desc{font-size:13px;line-height:1.65;color:var(--mid);} .lp-step-num{font-family:var(--serif);font-size:48px;font-weight:400;color:rgba(33,69,69,0.12);line-height:1;margin-bottom:16px;} .lp-step-title{font-size:15px;font-weight:600;color:var(--charcoal);margin-bottom:8px;} .lp-step-desc{font-size:13px;line-height:1.65;color:var(--mid);} .lp-compare-card{border-radius:20px;padding:36px;} .lp-compare-card.old{background:#fff;border:1px solid rgba(33,69,69,0.1);} .lp-compare-card.new{background:var(--green);} .lp-compare-title{font-size:16px;font-weight:700;margin-bottom:24px;} .lp-compare-card.old .lp-compare-title{color:var(--mid);} .lp-compare-card.new .lp-compare-title{color:rgba(255,255,255,0.9);} .lp-compare-list{list-style:none;display:flex;flex-direction:column;gap:12px;} .lp-compare-list li{font-size:14px;display:flex;align-items:flex-start;gap:10px;} .lp-compare-card.old .lp-compare-list li{color:var(--mid);} .lp-compare-card.new .lp-compare-list li{color:rgba(255,255,255,0.75);} .lp-compare-card.old .lp-compare-list li::before{content:'✗';color:#e57373;flex-shrink:0;} .lp-compare-card.new .lp-compare-list li::before{content:'✓';color:rgba(255,255,255,0.5);flex-shrink:0;} .lp-review-card{background:#fff;border:1px solid rgba(33,69,69,0.08);border-radius:16px;padding:28px;} .lp-review-stars{color:#f59e0b;font-size:14px;margin-bottom:12px;letter-spacing:2px;} .lp-review-text{font-size:14px;line-height:1.7;color:var(--charcoal);font-style:italic;margin-bottom:20px;} .lp-review-footer{display:flex;align-items:center;gap:12px;} .lp-review-avatar{width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .lp-review-name{font-size:13px;font-weight:600;color:var(--charcoal);} .lp-review-meta{font-size:12px;color:var(--mid);margin-top:1px;} .lp-brands-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px;} .lp-brands-bar img{height:26px;object-fit:contain;filter:grayscale(100%) opacity(0.45);transition:filter 0.2s;} .lp-brands-bar img:hover{filter:grayscale(0%) opacity(1);} details.lp-faq-item{border-bottom:1px solid rgba(33,69,69,0.1);padding:20px 0;} details.lp-faq-item:first-of-type{border-top:1px solid rgba(33,69,69,0.1);} details.lp-faq-item summary{font-size:15px;font-weight:500;color:var(--charcoal);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;} details.lp-faq-item summary::-webkit-details-marker{display:none;} details.lp-faq-item summary::after{content:'+';font-size:20px;font-weight:300;color:var(--green);flex-shrink:0;transition:transform 0.2s;} details.lp-faq-item[open] summary::after{transform:rotate(45deg);} .lp-faq-answer{font-size:14px;line-height:1.75;color:#555;margin-top:14px;padding-right:32px;} .lp-cta{background:var(--green);padding:72px 64px;display:flex;align-items:center;justify-content:space-between;gap:48px;} .lp-cta-text{flex:1;} .lp-cta-title{font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:400;color:#fff;line-height:1.2;margin-bottom:16px;} .lp-cta-title em{font-style:italic;color:rgba(255,255,255,0.5);} .lp-cta-sub{font-size:15px;font-weight:300;color:rgba(255,255,255,0.55);line-height:1.65;max-width:440px;} .lp-cta-form{flex:0 0 420px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:20px;padding:36px;} .lp-form-title{font-size:14px;font-weight:600;color:rgba(255,255,255,0.9);margin-bottom:20px;} .lp-form-row{display:flex;flex-direction:column;gap:12px;} .lp-form-input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,0.15);border-radius:10px;background:rgba(255,255,255,0.07);color:#fff;font-family:var(--sans);font-size:14px;outline:none;transition:border-color 0.2s;} .lp-form-input::placeholder{color:rgba(255,255,255,0.35);} .lp-form-input:focus{border-color:rgba(255,255,255,0.4);} .lp-form-select{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,0.15);border-radius:10px;background:rgba(40,70,70,0.9);color:rgba(255,255,255,0.85);font-family:var(--sans);font-size:14px;outline:none;appearance:none;cursor:pointer;transition:border-color 0.2s;} .lp-form-select:focus{border-color:rgba(255,255,255,0.4);} .lp-form-textarea{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,0.15);border-radius:10px;background:rgba(255,255,255,0.07);color:#fff;font-family:var(--sans);font-size:14px;outline:none;resize:vertical;min-height:72px;transition:border-color 0.2s;} .lp-form-textarea::placeholder{color:rgba(255,255,255,0.35);} .lp-form-textarea:focus{border-color:rgba(255,255,255,0.4);} .lp-form-submit{width:100%;padding:14px;background:#fff;color:var(--green);border:none;border-radius:10px;font-family:var(--sans);font-size:14px;font-weight:700;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;margin-top:4px;} .lp-form-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.2);} .lp-form-submit:disabled{opacity:0.65;cursor:default;transform:none;} .lp-form-note{font-size:11px;color:rgba(255,255,255,0.3);text-align:center;margin-top:12px;} .lp-seo-text{padding:48px 64px;background:var(--cream);border-top:1px solid rgba(33,69,69,0.07);} .lp-seo-text p{font-size:14px;line-height:1.8;color:var(--mid);max-width:760px;} footer{background:#111;color:rgba(255,255,255,0.4);padding:64px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;font-family:var(--sans);} .footer-brand img{height:26px;opacity:0.5;margin-bottom:20px;display:block;} .footer-brand p{font-size:13px;line-height:1.8;color:rgba(255,255,255,0.3);max-width:220px;} .footer-col h4{font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-bottom:16px;} .footer-col ul{list-style:none;padding:0;margin:0;} .footer-col li{margin-bottom:10px;} .footer-col a{font-size:13px;color:rgba(255,255,255,0.32);text-decoration:none;transition:color 0.2s;} .footer-col a:hover{color:rgba(255,255,255,0.7);} .footer-bottom{background:#111;padding:24px 64px 32px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.06);font-family:var(--sans);} .footer-bottom span{font-size:12px;color:rgba(255,255,255,0.2);} .portrait-wrap{position:relative;} .portrait-wrap img{display:block;width:100%;height:auto;transition:opacity 0.45s ease;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.35));} .portrait-wrap .portrait-hover{position:absolute;top:0;left:0;opacity:0;} .portrait-wrap:hover .portrait-default{opacity:0;} .portrait-wrap:hover .portrait-hover{opacity:1;} .portrait-caption{margin-top:16px;text-align:center;color:rgba(255,255,255,0.6);font-size:12px;letter-spacing:0.5px;} .portrait-caption strong{display:block;font-size:14px;font-weight:500;color:white;margin-bottom:2px;} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .form-field{display:flex;flex-direction:column;gap:6px;} .form-field label{font-size:11px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;color:var(--mid);} .form-field input,.form-field select,.form-field textarea{font-family:var(--sans);font-size:14px;color:var(--charcoal);background:white;border:1px solid var(--border);border-radius:8px;padding:11px 14px;outline:none;transition:border-color 0.15s;width:100%;} .form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--green);} .form-field input.invalid,.form-field select.invalid,.form-field textarea.invalid{border-color:#dc2626;} .form-field textarea{resize:vertical;min-height:120px;} .form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;} .kontakt-submit{margin-top:4px;background:var(--green);color:white;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:0.3px;border:none;border-radius:100px;padding:14px 32px;cursor:pointer;transition:background 0.18s;align-self:flex-start;} .kontakt-submit:hover{background:var(--green-light);} .kontakt-submit:disabled{opacity:0.55;cursor:default;} .form-status{font-size:13px;min-height:20px;margin-top:4px;} .form-status.success{color:#065f46;font-weight:500;} .form-status.error{color:#dc2626;} @media (max-width:1100px){.lp-hero-inner{grid-template-columns:1fr;} .lp-hero-form-box{max-width:500px;}} @media (max-width:1024px){nav{padding:0 24px;height:64px;} .nav-links,.nav-cta{display:none;} .nav-hamburger{display:flex;} .lp-hero{padding:72px 24px 56px;} .lp-card-section{padding:56px 24px;} .lp-trust{padding:40px 24px;grid-template-columns:repeat(3,1fr);gap:16px;} .lp-grid-3{grid-template-columns:1fr 1fr;} .lp-grid-4{grid-template-columns:1fr 1fr;gap:24px;} .lp-grid-2{grid-template-columns:1fr;} .lp-section-title{margin-bottom:32px;} .lp-cta{padding:56px 24px;flex-direction:column;gap:32px;} .lp-cta-form{flex:none;width:100%;max-width:500px;} .lp-seo-text{padding:40px 24px;} footer{padding:48px 24px;grid-template-columns:1fr 1fr;gap:32px;} .footer-bottom{padding:16px 24px 24px;flex-direction:column;gap:8px;text-align:center;}} @media (max-width:640px){nav{padding:0 20px;height:60px;} .nav-logo{height:26px;} .nav-mobile-menu{top:60px;} .lp-hero{padding:56px 20px 44px;} .lp-hero h1{font-size:clamp(32px,9vw,48px);} .lp-card-section{padding:44px 20px;} .lp-trust{padding:32px 20px;grid-template-columns:1fr;gap:24px;} .lp-trust-num{font-size:40px;} .lp-grid-3,.lp-grid-4{grid-template-columns:1fr;} .lp-cta{padding:44px 20px;} .lp-cta-form{padding:24px 20px;} .lp-seo-text{padding:32px 20px;} footer{padding:40px 20px;grid-template-columns:1fr;} .footer-bottom{padding:12px 20px 20px;} .form-row{grid-template-columns:1fr;}}