{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media (max-width: 639px) { [data-gp-text] .gp-component-id-HeroH1txt { font-size:45px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-HeroH1txt { font-size:45px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-HeroH1txt { font-size:48px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-HeroH1txt { font-size:48px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-HeroH1txt { font-size:48px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } .gp-component-id-HeroH1txt { margin:0 0 20px; } @media (max-width: 639px) { .gp-component-id-HeroSubTxt { font-size:18px!important; font-weight:400; color:rgb(0,0,0); font-family:'Poppins',sans-serif; text-align:center; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-HeroSubTxt { font-size:18px!important; font-weight:400; color:rgb(0,0,0); font-family:'Poppins',sans-serif; text-align:center; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-HeroSubTxt { font-size:20px!important; font-weight:400; color:rgb(0,0,0); font-family:'Poppins',sans-serif; text-align:center; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-HeroSubTxt { font-size:20px!important; font-weight:400; color:rgb(0,0,0); font-family:'Poppins',sans-serif; text-align:center; } } @media (min-width: 1200px) { .gp-component-id-HeroSubTxt { font-size:20px!important; font-weight:400; color:rgb(0,0,0); font-family:'Poppins',sans-serif; text-align:center; } } .gp-component-id-HeroSubTxt { margin:0 auto 12px; max-width:560px; display:block; } @media (max-width: 639px) { [data-gp-text] .gp-component-id-SecTitleTxt { font-size:28px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-SecTitleTxt { font-size:32px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-SecTitleTxt { font-size:36px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-SecTitleTxt { font-size:42px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-SecTitleTxt { font-size:44px!important; font-weight:900!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo Black',sans-serif; } } .gp-component-id-SecTitleTxt { margin-bottom:18px; } @media (max-width: 639px) { .gp-component-id-SecTitleCrm { font-size:28px!important; font-weight:900; color:rgb(255,255,255); font-family:'Archivo Black',sans-serif; text-align:center; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-SecTitleCrm { font-size:32px!important; font-weight:900; color:rgb(255,255,255); font-family:'Archivo Black',sans-serif; text-align:center; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-SecTitleCrm { font-size:36px!important; font-weight:900; color:rgb(255,255,255); font-family:'Archivo Black',sans-serif; text-align:center; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-SecTitleCrm { font-size:42px!important; font-weight:900; color:rgb(255,255,255); font-family:'Archivo Black',sans-serif; text-align:center; } } @media (min-width: 1200px) { .gp-component-id-SecTitleCrm { font-size:44px!important; font-weight:900; color:rgb(255,255,255); font-family:'Archivo Black',sans-serif; text-align:center; } } .gp-component-id-SecTitleCrm { margin-bottom:18px; } @media (max-width: 639px) { [data-gp-text] .gp-component-id-BodyTxt { font-size:18px!important; font-weight:400!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo',sans-serif!important; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-BodyTxt { font-size:18px!important; font-weight:400!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo',sans-serif!important; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-BodyTxt { font-size:20px!important; font-weight:400!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo',sans-serif!important; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-BodyTxt { font-size:20px!important; font-weight:400!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo',sans-serif!important; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-BodyTxt { font-size:20px!important; font-weight:400!important; color:rgb(0,0,0); text-align:center; font-family:'Archivo',sans-serif!important; } } .gp-component-id-BodyTxt { line-height:1.85; margin-bottom:16px; } @media (max-width: 639px) { .gp-component-id-CtaBtnComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:40px; padding-right:40px; padding-top:18px; padding-bottom:18px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnComp[data-gp-component]:hover,.gp-component-id-CtaBtnComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } .gp-component-id-CtaBtnComp[data-gp-component]:active,.gp-component-id-CtaBtnComp[data-gp-component].gp-active { background-color:rgb(45,57,53); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CtaBtnComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:40px; padding-right:40px; padding-top:18px; padding-bottom:18px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnComp[data-gp-component]:hover,.gp-component-id-CtaBtnComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CtaBtnComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:44px; padding-right:44px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnComp[data-gp-component]:hover,.gp-component-id-CtaBtnComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CtaBtnComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:48px; padding-right:48px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnComp[data-gp-component]:hover,.gp-component-id-CtaBtnComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } @media (min-width: 1200px) { .gp-component-id-CtaBtnComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:52px; padding-right:52px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnComp[data-gp-component]:hover,.gp-component-id-CtaBtnComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } @media (max-width: 639px) { .gp-component-id-CtaBtnHeroComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:40px; padding-right:40px; padding-top:18px; padding-bottom:18px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnHeroComp[data-gp-component]:hover,.gp-component-id-CtaBtnHeroComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } .gp-component-id-CtaBtnHeroComp[data-gp-component]:active,.gp-component-id-CtaBtnHeroComp[data-gp-component].gp-active { background-color:rgb(45,57,53); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CtaBtnHeroComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:40px; padding-right:40px; padding-top:18px; padding-bottom:18px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnHeroComp[data-gp-component]:hover,.gp-component-id-CtaBtnHeroComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CtaBtnHeroComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:44px; padding-right:44px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnHeroComp[data-gp-component]:hover,.gp-component-id-CtaBtnHeroComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CtaBtnHeroComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:48px; padding-right:48px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnHeroComp[data-gp-component]:hover,.gp-component-id-CtaBtnHeroComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } @media (min-width: 1200px) { .gp-component-id-CtaBtnHeroComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); text-align:center; letter-spacing:0.06em; font-family:'Archivo',sans-serif; border-radius:4px; background-color:rgb(75,94,87); padding-left:52px; padding-right:52px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnHeroComp[data-gp-component]:hover,.gp-component-id-CtaBtnHeroComp[data-gp-component].gp-hover { background-color:rgb(59,75,70); } } :root { --forest: #4B5E57; --forest-alt: #4b5e57; --gold: #cca269; --cream: #FAF8F4; --charcoal: #202D3C; --red: #C0392B; --mid-gray: #D4D0CA; --card-bg: #FFFFFF; --header-gray: #F0EFED; --ks-green: #05CE78; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Archivo', sans-serif; background: var(--cream); color: rgb(0,0,0); font-size: 18px; line-height: 1.8; } h1, h2, h3 { font-family: 'Archivo Black', sans-serif; line-height: 1.2; font-weight: 900; } p, li, span { font-family: 'Archivo', sans-serif; } img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; box-shadow: 0 4px 24px rgba(0,0,0,0.10); } .img-center { margin: 0 auto; } .full-img { width: 100%; display: block; } /* ── LAYOUT ── */ .gp-inner { max-width: 960px; margin: 0 auto; padding: 0 28px; } .gp-inner--wide { max-width: 1060px; margin: 0 auto; padding: 0 28px; } /* ── SECTION SPACING ── */ .sec-pad { padding: 88px 0; background: var(--cream); } .sec-pad--tight { padding: 52px 0; background: var(--cream); } /* #1: alternating forest green background */ .sec-pad--forest { padding: 72px 0; background: var(--forest-alt); color: var(--cream); } .sec-pad--dark { padding: 72px 0; background: var(--charcoal); color: var(--cream); } .sec-pad--accent { padding: 88px 0; background: #F0EFED; } .sec-pad--olive { padding: 72px 0; background: var(--forest-alt); color: var(--cream); } /* ── DIVIDER ── */ /* #1: gold accent divider */ .gold-divider { width: 56px; height: 3px; background: var(--gold); margin: 0 auto 36px; } .red-divider { width: 56px; height: 3px; background: var(--red); margin: 0 auto 36px; } .breather-line { width: 1px; height: 72px; background: var(--mid-gray); margin: 60px auto; } /* ── EYEBROW ── */ .eyebrow { font-family:'Archivo',sans-serif; font-size:0.9rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); margin-bottom:12px; display:block; } .eyebrow--dim { color:rgba(255,255,255,0.55); } .eyebrow--dark { color:var(--charcoal); } /* ── VIDEO — #2: smaller sound callout ── */ .sound-callout { display:inline-flex; align-items:center; gap:8px; background:rgb(32,45,60); color:var(--cream); font-size:0.8rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:8px 16px; border-radius:3px; margin-bottom:16px; font-family:'Archivo',sans-serif; } .sound-callout i { color:var(--gold); } .video-note { text-align:center; margin-bottom:16px; } /* ── PAIN LIST ── */ .pain-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:20px; max-width:560px; margin:0 auto; } .pain-list li { display:flex; align-items:flex-start; gap:16px; font-size:clamp(1.1rem,2.5vw,1.3rem); font-weight:400; line-height:1.7; font-family:'Archivo',sans-serif; color:rgb(0,0,0); } .pain-list li i { color:var(--gold); font-size:1.4rem; margin-top:4px; flex-shrink:0; } /* ── PASSIONATE PHOTOGRAPHERS — #4 new section ── */ .passion-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; } .passion-card { background:rgba(255,255,255,0.08); border:1px solid rgba(204,162,105,0.3); border-top:3px solid var(--gold); border-radius:8px; padding:28px 22px; text-align:center; } .passion-card__icon { font-size:2rem; margin-bottom:16px; } .passion-card__title { font-family:'Archivo Black',sans-serif; font-size:1.35rem; font-weight:900; color:var(--cream); margin-bottom:10px; } .passion-card__body { font-family:'Archivo',sans-serif; font-size:1.1rem; font-weight:400; color:rgba(255,255,255,0.85); line-height:1.7; } @media (max-width:680px) { .passion-grid { grid-template-columns:1fr; gap:16px; } } /* ── FOUNDER ACHIEVEMENTS ── */ .founder-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:14px; max-width:540px; margin:0 auto 32px; } .founder-list li { display:flex; align-items:center; gap:14px; font-size:clamp(1rem,2.2vw,1.1rem); font-weight:400; font-family:'Archivo',sans-serif; color:rgb(0,0,0); } .founder-list li::before { content:'→'; color:var(--gold); font-weight:700; flex-shrink:0; } /* ── PS CARDS ── */ .ps-card { background:var(--card-bg); border-radius:12px; box-shadow:0 4px 28px rgba(0,0,0,0.09); margin-bottom:48px; overflow:hidden; } .ps-card__header { background:var(--header-gray); padding:20px 32px; display:flex; align-items:center; gap:18px; border-bottom:2px solid var(--mid-gray); } .ps-card__number { font-family:'Archivo Black',sans-serif; font-size:2.2rem; font-weight:900; color:var(--gold); line-height:1; flex-shrink:0; } .ps-card__title { font-family:'Archivo',sans-serif; font-size:clamp(1rem,2.2vw,1.1rem); font-weight:900; color:rgb(0,0,0); letter-spacing:0.03em; text-transform:uppercase; } .ps-card__body { display:grid; grid-template-columns:1fr 1fr; } @media (max-width:680px) { .ps-card__body { grid-template-columns:1fr; } } .ps-problem { padding:36px 32px; border-right:1px solid #E8E6E2; display:flex; flex-direction:column; gap:16px; } @media (max-width:680px) { .ps-problem { border-right:none; border-bottom:1px solid #E8E6E2; } } .ps-side-label { display:inline-flex; align-items:center; gap:8px; font-family:'Archivo',sans-serif; font-size:0.85rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; } .ps-side-label--problem { color:var(--red); } .ps-side-label--solution { color:var(--forest); } .ps-problem h3, .ps-solution h3 { font-size:clamp(1.2rem,2.5vw,1.6rem); color:rgb(0,0,0); font-family:'Archivo Black',sans-serif; font-weight:900; } .ps-problem p, .ps-solution p { font-size:clamp(0.95rem,2vw,1.1rem); font-weight:400; line-height:1.9; color:rgb(0,0,0); font-family:'Archivo',sans-serif; } .ps-problem p strong, .ps-solution p strong { font-weight:700; } .ps-inner-list { list-style:none; padding:0; display:flex; flex-direction:column; gap:10px; } .ps-inner-list li { display:flex; align-items:flex-start; gap:12px; font-size:clamp(0.95rem,2vw,1.1rem); font-weight:400; color:rgb(0,0,0); line-height:1.8; font-family:'Archivo',sans-serif; } .ps-inner-list li i { font-size:0.95rem; margin-top:5px; flex-shrink:0; } .ps-inner-list li i.problem-icon { color:var(--red); } .ps-inner-list li i.solution-icon { color:var(--forest); } .ps-solution { padding:36px 32px; background:#F7FAF9; display:flex; flex-direction:column; gap:16px; } .ps-img-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px; } .ps-img-grid img { border-radius:4px; width:100%; } .ps-img-solo { border-radius:6px; width:100%; margin-top:6px; } /* ── NOTEWORTHY FEATURES ── */ .feat-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; margin-top:48px; } .feat-card { background:var(--card-bg); border-radius:8px; padding:32px 28px; box-shadow:0 2px 16px rgba(0,0,0,0.07); border-top:3px solid var(--gold); } .feat-card__label { font-family:'Archivo',sans-serif; font-size:0.9rem; font-weight:700; color:var(--forest); letter-spacing:0.06em; text-transform:uppercase; margin-bottom:8px; display:block; } .feat-card__body { font-size:clamp(0.95rem,2vw,1.1rem); font-weight:400; color:var(--charcoal); line-height:1.8; font-family:'Archivo',sans-serif; } .feat-card img { border-radius:6px; width:100%; margin:14px 0; } /* ── TWO-COL ── */ .two-col { display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start; } .two-col--rev { direction:rtl; } .two-col--rev > * { direction:ltr; } @media (max-width:720px) { .two-col { grid-template-columns:1fr; gap:28px; } .two-col--rev { direction:ltr; } } /* ── PROTECTION SUBSECTIONS — #8 ── */ .protect-block { padding:48px 0; border-bottom:1px solid rgba(255,255,255,0.1); } .protect-block:last-child { border-bottom:none; } .protect-badge { display:inline-flex; align-items:center; gap:10px; background:rgba(204,162,105,0.15); border:1px solid rgba(204,162,105,0.4); border-radius:4px; padding:6px 14px; font-family:'Archivo',sans-serif; font-size:0.8rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:16px; } .protect-imgs { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; } .protect-imgs img { border-radius:6px; width:100%; } @media (max-width:600px) { .protect-imgs { grid-template-columns:1fr; } } /* ── TESTIMONIALS — #9 ── */ .testimonial { background:var(--card-bg); border-left:4px solid var(--gold); padding:28px 32px; border-radius:0 8px 8px 0; margin-bottom:24px; } .testimonial p { font-size:clamp(1rem,2.2vw,1.15rem); font-weight:400; line-height:1.9; font-style:italic; color:rgb(0,0,0); margin-bottom:12px; font-family:'Archivo',sans-serif; } .testimonial cite { font-size:0.9rem; font-weight:700; color:var(--forest); letter-spacing:0.06em; text-transform:uppercase; font-style:normal; font-family:'Archivo',sans-serif; } .vid-grid { display:grid; grid-template-columns:1fr; gap:24px; margin-top:36px; } .vid-thumb { position:relative; border-radius:8px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.18); display:flex; aspect-ratio:16/9; } .vid-thumb img { width:100%; height:100%; object-fit:cover; display:block; } .vid-thumb__play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(192,57,43,0.88); border-radius:50%; width:48px; height:48px; display:flex; align-items:center; justify-content:center; pointer-events:none; } .vid-thumb__name { font-family:'Archivo',sans-serif; font-size:0.85rem; font-weight:700; color:rgb(0,0,0); text-align:center; margin-top:8px; } .vid-thumb__handle { font-family:'Archivo',sans-serif; font-size:0.75rem; font-weight:400; color:rgb(75,94,87); text-align:center; } .field-test-bullets { list-style:none; padding:0; display:flex; flex-direction:column; gap:16px; max-width:700px; margin:28px auto 0; text-align:left; } .field-test-bullets li { display:flex; align-items:flex-start; gap:14px; font-size:1.05rem; font-weight:400; color:rgb(0,0,0); line-height:1.8; font-family:'Archivo',sans-serif; } .field-test-bullets li i { color:var(--gold); margin-top:4px; flex-shrink:0; } .tp-link { display:inline-flex; align-items:center; gap:8px; background:#00B67A; color:#fff; font-family:'Archivo',sans-serif; font-size:0.95rem; font-weight:700; padding:12px 24px; border-radius:4px; text-decoration:none; margin-top:24px; letter-spacing:0.04em; } /* ── SPONSOR BAR ── */ .sponsor-bar { background:var(--cream); padding:36px 0; border-top:1px solid var(--mid-gray); border-bottom:1px solid var(--mid-gray); } .sponsor-bar img { max-width:860px; margin:0 auto; } /* ── KS SECTION — #3 ── */ .ks-badge { display:inline-flex; align-items:center; gap:14px; background:#05CE78; border-radius:8px; padding:16px 28px; margin-bottom:28px; } .ks-badge__icon { flex-shrink:0; } .ks-badge__text { text-align:left; } .ks-badge__label { font-family:'Lato',sans-serif; font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgba(0,0,0,0.55); } .ks-badge__headline { font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:900; color:#000; line-height:1.1; } .ks-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:32px; } .ks-stat { background:rgba(5,206,120,0.08); border:1px solid rgba(5,206,120,0.25); border-radius:8px; padding:20px 16px; text-align:center; } .ks-stat__num { font-family:'Archivo Black',sans-serif; font-size:2.2rem; font-weight:900; color:#05CE78; } .ks-stat__label { font-family:'Archivo',sans-serif; font-size:0.85rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:rgb(75,94,87); margin-top:4px; } @media (max-width:560px) { .ks-stats { grid-template-columns:1fr; } } /* ── SPEC SECTION — #13 ── */ .spec-img-wrap { margin:20px 0; border-radius:8px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.1); } .spec-img-wrap img { width:100%; display:block; } @media (max-width:640px) { .sec-pad { padding:60px 0; } .sec-pad--dark { padding:52px 0; } .sec-pad--forest { padding:52px 0; } .ps-card__header { padding:16px 20px; } .ps-problem, .ps-solution { padding:28px 20px; } .feat-grid { grid-template-columns:1fr; } [style*="grid-template-columns: 1fr 300px"] { grid-template-columns: 1fr !important; } } @media (max-width: 639px) { .gp-component-id-CtaBtnShopComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); letter-spacing:0.06em; font-family:Lato,sans-serif; border-radius:4px; background-color:rgb(192,57,43); padding-left:40px; padding-right:40px; padding-top:18px; padding-bottom:18px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } .gp-component-id-CtaBtnShopComp[data-gp-component]:hover { background-color:rgb(169,50,38); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-CtaBtnShopComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); letter-spacing:0.06em; font-family:Lato,sans-serif; border-radius:4px; background-color:rgb(192,57,43); padding-left:40px; padding-right:40px; padding-top:18px; padding-bottom:18px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-CtaBtnShopComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); letter-spacing:0.06em; font-family:Lato,sans-serif; border-radius:4px; background-color:rgb(192,57,43); padding-left:44px; padding-right:44px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-CtaBtnShopComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); letter-spacing:0.06em; font-family:Lato,sans-serif; border-radius:4px; background-color:rgb(192,57,43); padding-left:48px; padding-right:48px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } } @media (min-width: 1200px) { .gp-component-id-CtaBtnShopComp[data-gp-component] { font-size:18px; font-weight:900; color:rgb(255,255,255); letter-spacing:0.06em; font-family:Lato,sans-serif; border-radius:4px; background-color:rgb(192,57,43); padding-left:52px; padding-right:52px; padding-top:20px; padding-bottom:20px; align-items:center; display:inline-flex; text-transform:uppercase; position:relative; } }