:root{--green:#8fbd3b;--ink:#07100d;--paper:#f7f8f4;--muted:#56605a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050605;color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.page-shell{width:min(100% - 32px,1120px);margin:10px auto;border-radius:16px;overflow:hidden;background:var(--paper)}.site-header{height:74px;background:#fff;display:flex;align-items:center;padding:0 35px;gap:43px}.brand{display:inline-flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none;font:800 15px Manrope,sans-serif;letter-spacing:.08em}.brand b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);font-size:15px;letter-spacing:0}.main-nav{display:flex;gap:29px}.main-nav a{color:var(--ink);text-decoration:none;font-size:10px;font-weight:600}.header-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.header-actions button{border:0;background:transparent;padding:0;font-size:18px;cursor:pointer}.header-actions a,.pill{display:inline-flex;align-items:center;gap:14px;background:var(--ink);padding:11px 14px;border-radius:20px;color:#fff;text-decoration:none;font-size:10px;font-weight:700}.header-actions a span{font-size:16px;color:var(--green)}.hero{height:487px;display:grid;grid-template-columns:51% 49%;background:#fff}.hero-copy{padding:82px 49px}.overline{margin:0 0 22px;color:#419d51;font-size:8px;font-weight:700;letter-spacing:.13em}.overline b{font-size:12px}.hero h1,.new-copy h2{margin:0;font:800 39px/.98 Manrope,sans-serif;letter-spacing:-.06em}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p:not(.overline){max-width:290px;margin:18px 0 27px;color:var(--muted);font-size:11px;line-height:1.55}.hero-links{display:flex;align-items:center;gap:22px}.pill span{font-size:15px;color:var(--green)}.hero-links>a:not(.pill){font-size:10px;color:var(--ink);text-decoration:none;font-weight:600}.hero-links i{display:inline-grid;place-items:center;width:13px;height:13px;border:1px solid #79b95a;border-radius:50%;font-style:normal;color:#4a9d55}.product-slot{position:relative;overflow:hidden}.product-slot span{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(12,18,13,.4);color:#fff;white-space:nowrap;font-size:8px;letter-spacing:.13em}.hero-image{background:linear-gradient(90deg,#ccd1c1 0 20%,#dfe0d4 20% 47%,#998e7c 47% 67%,#c4b8a9 67%)}.hero-image:after,.featured-image:after{content:"";position:absolute;inset:50% 7% 9% 20%;border-radius:48% 46% 36% 36%;background:radial-gradient(ellipse at 60% 40%,#fff 0 25%,#e1e2d9 65%,#bec2b8 100%);box-shadow:24px 16px 23px rgba(0,0,0,.18)}.card{margin:26px 35px 0;border-radius:10px;overflow:hidden}.featured{display:grid;grid-template-columns:41% 59%;min-height:355px;background:#eef0ea;padding:25px}.featured-copy{padding:0 18px 0 0}.featured .overline{margin-bottom:19px}.featured h2{margin:0;font:800 24px/.99 Manrope,sans-serif;letter-spacing:-.055em}.featured-copy>p:not(.overline){margin:15px 0;color:var(--muted);font-size:10px;line-height:1.55}.featured ul{display:flex;gap:17px;margin:0 0 20px;padding:0;list-style:none;color:#56605a;font-size:8px;line-height:1.4}.featured li{display:flex;gap:4px}.featured-image{border-radius:7px;background:linear-gradient(120deg,#817363,#c9c1af 50%,#ecece4)}.featured-image:after{inset:51% 8% 12% 30%;transform:rotate(-4deg);background:radial-gradient(ellipse at 55% 42%,#fff 0 25%,#e5e2d9 67%,#b7b7ad 100%)}.steps{padding:23px 26px;background:#eff4ed}.steps .overline{margin-bottom:19px}.step-grid{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center}.step-grid>i{text-align:center;color:#57a751;font-style:normal;font-size:13px}.step-grid article{display:flex;align-items:center;gap:13px}.step-icon{display:grid;flex:0 0 auto;place-items:center;width:37px;height:37px;border:1px solid #c8d6c3;border-radius:50%;font-size:16px}.step-grid small{color:#48a04e;font-size:8px;font-weight:700}.step-grid h3{margin:3px 0;font:700 11px Manrope,sans-serif}.step-grid p{margin:0;color:#6a756c;font-size:8px}.new-discoveries{position:relative;height:226px;margin:24px 35px 0;overflow:hidden;border-radius:7px;color:#fff;background:#354137}.new-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,16,.15),rgba(11,18,12,.7)),linear-gradient(120deg,#938c70,#354139 48%,#787e68)}.new-image:after{content:"";position:absolute;width:40%;height:80%;right:-5%;bottom:-20%;border-radius:50% 50% 0 0;background:#69735c;filter:blur(2px)}.new-copy{position:relative;width:47%;margin-left:42%;padding:43px 0}.new-copy .overline{color:#a5db75;margin-bottom:10px}.new-copy h2{font-size:27px}.new-copy>p:not(.overline){max-width:250px;margin:10px 0;color:#e2e6de;font-size:9px;line-height:1.45}.new-copy a{color:#a5df75;text-decoration:none;font-size:9px;font-weight:700}.new-copy a span{font-size:14px}.site-footer{margin-top:26px;padding:35px;background:#06100d;color:#d8ded6}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,.8fr) 1.35fr;gap:18px}.brand-footer{color:#fff;font-size:13px}.footer-main>div>b{display:block;margin-bottom:15px;color:#80bf56;font-size:8px;letter-spacing:.12em}.footer-main p{max-width:140px;margin:12px 0;color:#c7d0c7;font-size:8px;line-height:1.45}.footer-main a:not(.brand){display:block;margin:0 0 9px;color:#d3d9d2;text-decoration:none;font-size:8px}.social{margin-top:18px;font-size:10px}.newsletter form{display:flex;align-items:center;width:100%;border:1px solid #425046;border-radius:20px;padding:2px 3px 2px 11px}.newsletter input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:8px}.newsletter button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:#99ce66;color:#0b160e}.footer-bottom{display:flex;justify-content:space-between;margin-top:31px;padding-top:17px;border-top:1px solid #27352c;color:#7c887d;font-size:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:720px){.page-shell{width:100%;margin:0;border-radius:0}.site-header{height:64px;padding:0 20px;gap:14px;overflow-x:auto}.brand{font-size:12px}.main-nav{display:flex;gap:14px;white-space:nowrap}.main-nav a{font-size:9px}.header-actions{display:none}.hero{height:auto;grid-template-columns:1fr}.hero-copy{padding:62px 27px 37px}.hero-image{height:290px}.card{margin:20px}.featured{grid-template-columns:1fr;padding:19px}.featured-copy{padding:0 0 23px}.featured-image{height:220px}.steps{padding:20px}.step-grid{grid-template-columns:1fr}.step-grid>i{display:none}.step-grid article{padding:12px 0;border-top:1px solid #dfe7db}.new-discoveries{height:320px;margin:20px}.new-copy{width:auto;margin:0;padding:40px 28px}.footer-main{grid-template-columns:1fr 1fr}.site-footer{padding:30px 20px}.newsletter{grid-column:span 2}.footer-bottom{gap:10px;flex-direction:column}.hero h1{font-size:35px}}
.main-nav{margin-left:auto}.header-actions{margin-left:0}@media(max-width:720px){.main-nav{margin-left:auto}}
.brand img{display:block;width:22px;height:22px;object-fit:contain}.brand-footer img{width:22px;height:22px}

.footer-main>div>b{color:#42BF6E}

/* Página em tela cheia e marca mais presente no cabeçalho. */
body{background:#fff}.page-shell{width:100%;min-height:100vh;margin:0;border-radius:0}.site-header{height:90px;padding:0 48px}.brand{gap:10px;font-size:20px}.brand img{width:34px;height:34px}.header-actions{gap:18px}.header-actions button{font-size:22px}.main-nav{gap:36px}.main-nav a{font-size:13px;font-weight:700}.header-actions a{padding:13px 18px;font-size:11px}@media(max-width:720px){.site-header{height:70px;padding:0 20px}.brand{font-size:14px}.brand img{width:25px;height:25px}.main-nav{gap:16px}.main-nav a{font-size:10px}.header-actions button{font-size:18px}}

/* Cor de destaque oficial da Calnors. */
:root{--green:#42BF6E}.overline{color:#42BF6E}.hero-links i{border-color:#42BF6E;color:#42BF6E}.step-grid>i,.step-grid small{color:#42BF6E}.new-copy .overline,.new-copy a{color:#42BF6E}

/* Exibe a foto real do Derila preenchendo corretamente o primeiro painel. */
.hero-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-image::after{display:none}

/* Hero mais compacto: antecipa a próxima seção sem perder respiro. */
@media(min-width:721px){.hero{height:425px}.hero-copy{padding-top:64px;padding-bottom:54px}}

/* Composição editorial do Hero: conteúdo claro e fotografia com transição suave. */
@media(min-width:721px){.hero{grid-template-columns:45% 55%}.hero-copy{position:relative;z-index:2}.hero-image{height:100%;min-height:0;overflow:hidden}.hero-image>img{object-position:center}.hero-image::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:42%;background:linear-gradient(90deg,#08130f 0%,rgba(8,19,15,.94) 20%,rgba(8,19,15,.72) 47%,rgba(8,19,15,.34) 74%,rgba(8,19,15,0) 100%);pointer-events:none}}
@media(max-width:720px){.hero-image{overflow:hidden}.hero-image::before{display:none}.hero-image>img{object-position:center}}

/* Hero integrado à fotografia com a paleta escura da Calnors. */
.hero,.hero-copy{background:#08130f}.hero h1{color:#f2f3ed}.hero h1 em{color:#42BF6E}.hero .overline{color:#42BF6E}.hero-copy>p:not(.overline){max-width:330px;color:#dce2dd;font-size:12px;line-height:1.6}.hero .pill-dark{border:1px solid #355246;background:#13261e;color:#eef1ed}.hero .pill-dark span{color:#42BF6E}.hero-links>a:not(.pill){color:#e4e8e4}.hero-links i{border-color:#42BF6E;color:#42BF6E}

/* Fotografia real no painel do Featured Discovery. */
.featured-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 82%}.featured-image::after{display:none}@media(min-width:721px){.featured{height:clamp(355px,27vw,520px);min-height:0}.featured-image{min-width:0;min-height:0}}@media(max-width:720px){.featured-image>img{object-position:center}}

/* Hierarquia e legibilidade do conteúdo em destaque. */
.featured h2{font-size:28px}.featured-copy>p:not(.overline){font-size:16px;line-height:1.5}.featured ul{gap:28px;font-size:14px;line-height:1.45}.featured .pill{padding:13px 18px;font-size:11px}@media(max-width:720px){.featured h2{font-size:27px}.featured-copy>p:not(.overline){font-size:15px}.featured ul{flex-wrap:wrap;gap:14px 22px;font-size:13px}}

/* Mantém o rótulo de próximas descobertas fora da área do título. */
.new-image>span{left:20%}@media(max-width:720px){.new-image>span{top:auto;right:auto;bottom:24px;left:28px;transform:none}}

/* Smile Perfect em destaque; Derila passa para a descoberta verde. */
.featured-image>img{object-position:center 48%}.new-image{background:#243229}.new-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}.new-image:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(8,19,15,.78) 0%,rgba(8,19,15,.67) 45%,rgba(8,19,15,.32) 100%)}.new-image:after{display:none}.new-image>span{z-index:2;left:20%}.new-copy{z-index:3;margin-left:7%;width:42%;padding-top:38px}.new-copy h2{font-size:25px}.new-copy>p:not(.overline){max-width:310px;font-size:10px}.new-copy a{display:inline-flex;align-items:center;gap:6px;margin-top:4px}@media(max-width:720px){.featured-image>img{object-position:center}.new-image>img{object-position:center}.new-image:before{background:linear-gradient(90deg,rgba(8,19,15,.9),rgba(8,19,15,.55))}.new-copy{width:auto;margin:0;padding:42px 28px}.new-image>span{display:none}}

/* Rótulo editorial da segunda descoberta, fora da área do título. */
.new-discoveries{height:250px}.new-image>span{top:24px;left:7%;transform:none;border:0;background:transparent;padding:0;color:#42bf6e;font-weight:700}.new-image>span b{font-size:11px}.new-copy{padding-top:62px}@media(max-width:720px){.new-discoveries{height:320px}.new-image>span{display:block;top:26px;left:28px}.new-copy{padding:68px 28px 36px}}

/* Mostra a fotografia completa do Derila sem o corte extremo do banner. */
.new-discoveries{height:360px;background:#26352c}.new-image>img{left:auto;right:0;width:60%;height:100%;object-fit:contain;object-position:center}.new-image:before{background:linear-gradient(90deg,#08130f 0%,rgba(8,19,15,.96) 37%,rgba(8,19,15,.48) 61%,rgba(8,19,15,.12) 100%)}.new-copy{width:38%;padding-top:94px}.new-image>span{top:50px}@media(max-width:720px){.new-discoveries{height:390px}.new-image>img{left:0;width:100%;object-fit:cover;object-position:center 72%}.new-image:before{background:linear-gradient(90deg,rgba(8,19,15,.88),rgba(8,19,15,.42))}.new-copy{width:auto;padding:92px 28px 36px}.new-image>span{top:35px}}

/* Painel final: imagem preenchendo toda a metade direita, sem faixa vazia. */
.new-discoveries{height:430px}.new-image>img{left:auto;right:0;width:62%;object-fit:cover;object-position:center 70%}.new-image:before{background:linear-gradient(90deg,#08130f 0%,#08130f 35%,rgba(8,19,15,.8) 48%,rgba(8,19,15,.08) 67%,rgba(8,19,15,0) 100%)}.new-copy{width:35%;padding-top:120px}.new-image>span{top:68px}@media(max-width:720px){.new-discoveries{height:410px}.new-image>img{left:0;width:100%;object-position:center 72%}.new-copy{width:auto;padding:100px 28px 36px}.new-image>span{top:38px}}

/* Aproxima a hierarquia da descoberta Derila à seção em destaque. */
.new-copy h2{font-size:28px}.new-copy>p:not(.overline){max-width:360px;margin:15px 0;font-size:16px;line-height:1.5}.new-copy .pill{gap:14px;margin-top:4px;padding:13px 18px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#13231c;color:#fff;font-size:11px}.new-copy .pill span{color:#42BF6E;font-size:15px}@media(max-width:720px){.new-copy h2{font-size:27px}.new-copy>p:not(.overline){font-size:15px}.new-copy .pill{font-size:11px}}

/* Featured Discoveries: manual, quiet carousel with one editorial focus at a time. */
.featured-showcase{position:relative;height:clamp(390px,31vw,540px);background:#eef0ea}
.featured-track,.featured-slide{height:100%}
.featured-slide{display:none;grid-template-columns:41% 59%;padding:25px}
.featured-slide.is-active{display:grid;animation:featured-in .38s ease both}
.featured-slide .featured-copy{display:flex;flex-direction:column;justify-content:center;padding:18px 42px 18px 0}
.featured-slide h2{margin:0;font:800 clamp(28px,2.25vw,40px)/.98 Manrope,sans-serif;letter-spacing:-.055em}
.featured-slide .featured-copy>p:not(.overline){margin:18px 0;color:var(--muted);font-size:clamp(14px,1.1vw,17px);line-height:1.55}
.featured-slide ul{display:flex;flex-wrap:wrap;gap:12px 25px;margin:0 0 23px;padding:0;list-style:none;color:#56605a;font-size:12px}
.featured-slide .pill{align-self:flex-start;padding:13px 18px}
.featured-slide .featured-image{min-width:0;border-radius:9px;background:#dfe5df}
.featured-slide .featured-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.featured-slide .w4-slide{background:linear-gradient(135deg,#f7f9f6,#dce5df)}
.featured-slide .w4-slide img{object-fit:contain;padding:5%}
.slider-arrow{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:40px;height:40px;transform:translateY(-50%);border:1px solid rgba(7,16,13,.18);border-radius:50%;background:rgba(247,248,244,.9);color:var(--ink);font-size:16px;cursor:pointer;backdrop-filter:blur(8px)}
.slider-arrow:hover{border-color:#42bf6e;color:#198f43}
.slider-prev{left:12px}.slider-next{right:12px}
.slider-status{position:absolute;z-index:5;right:42px;bottom:13px;margin:0;color:#516158;font:700 9px Manrope,sans-serif;letter-spacing:.12em}
.slider-status span{color:#238f47}
@keyframes featured-in{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}

/* More Discoveries: catalog-style cards rather than a second carousel. */
.more-discoveries{padding:42px 26px 30px;background:#f0f3ed}
.more-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.more-heading .overline{margin-bottom:10px}
.more-heading h2{margin:0;font:800 clamp(28px,3vw,44px)/1 Manrope,sans-serif;letter-spacing:-.055em}
.more-heading>a{color:#315e43;text-decoration:none;font-size:11px;font-weight:700}
.more-heading>a span,.discovery-card a span{color:#42bf6e}
.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.discovery-grid.single-product{grid-template-columns:minmax(0,520px)}
.discovery-grid.two-products{grid-template-columns:repeat(2,minmax(0,1fr))}
.discovery-grid.four-products{grid-template-columns:repeat(2,minmax(0,1fr))}
.discovery-card{overflow:hidden;border:1px solid #dbe2da;border-radius:10px;background:#fff}
.card-image{display:block;height:230px;overflow:hidden;background:#e2e8e1}
.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.card-image:hover img{transform:scale(1.025)}
.w4-card-image{background:linear-gradient(135deg,#f7f9f6,#dce5df)}
.w4-card-image img{object-fit:contain;padding:8%}
.discovery-card>div{padding:22px}
.discovery-card .overline{margin-bottom:10px}
.discovery-card h3{min-height:48px;margin:0;font:800 20px/1.08 Manrope,sans-serif;letter-spacing:-.035em}
.discovery-card>div>p:not(.overline){min-height:43px;margin:12px 0;color:var(--muted);font-size:11px;line-height:1.55}
.discovery-card>div>a{color:var(--ink);text-decoration:none;font-size:10px;font-weight:800}
.more-heading>a.catalog-action,.discovery-card>div>a.catalog-action{display:inline-flex;align-items:center;gap:14px;width:max-content;padding:11px 15px;border-radius:20px;background:var(--ink);color:#fff;text-decoration:none;font-size:10px;font-weight:700}
.more-heading>a.catalog-action span,.discovery-card>div>a.catalog-action span{color:var(--green);font-size:15px}

/* Secondary discoveries stay visibly below the featured carousel. */
@media(min-width:721px){
  .discovery-grid.five-products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .discovery-grid.five-products .card-image{height:140px}
  .discovery-grid.five-products .discovery-card>div{padding:14px 15px 15px}
  .discovery-grid.five-products .discovery-card .overline{margin-bottom:7px}
  .discovery-grid.five-products .discovery-card h3{min-height:34px;font-size:16px}
  .discovery-grid.five-products .discovery-card>div>p:not(.overline){min-height:30px;margin:7px 0 10px;font-size:9px;line-height:1.45}
  .discovery-grid.five-products .discovery-card>div>a.catalog-action{gap:10px;padding:9px 13px;font-size:9px}
  .discovery-grid.five-products .discovery-card>div>a.catalog-action span{font-size:13px}
}
.sapphire-card-image{background:#fff}
.sapphire-card-image img{object-fit:contain;padding:3%}

@media(max-width:720px){
  .featured-showcase{height:640px}
  .featured-slide{grid-template-columns:1fr;grid-template-rows:auto 270px;padding:20px}
  .featured-slide .featured-copy{padding:30px 8px 24px}
  .featured-slide ul{gap:10px 16px;font-size:11px}
  .slider-arrow{top:auto;bottom:118px;width:36px;height:36px;transform:none}
  .slider-prev{left:28px}.slider-next{right:28px}
  .slider-status{right:50%;bottom:128px;transform:translateX(50%)}
  .more-discoveries{padding:32px 18px}
  .more-heading{align-items:flex-start;flex-direction:column}
  .discovery-grid,.discovery-grid.two-products,.discovery-grid.four-products{grid-template-columns:1fr}
  .card-image{height:250px}
  .discovery-card h3,.discovery-card>div>p:not(.overline){min-height:0}
}

/* Slider controls live in their own quiet footer instead of covering content. */
.featured-track{height:calc(100% - 54px)}
.slider-arrow{top:auto;bottom:9px;width:36px;height:36px;transform:none;border-radius:10px;border-color:#d5ddd5;background:#fff;box-shadow:none;font-size:14px}
.slider-prev{right:64px;left:auto}
.slider-next{right:20px}
.slider-status{right:auto;bottom:20px;left:26px}
@media(max-width:720px){
  .featured-showcase{height:680px}
  .featured-track{height:calc(100% - 54px)}
  .slider-prev{right:64px;bottom:9px;left:auto}
  .slider-next{right:20px;bottom:9px}
  .slider-status{right:auto;bottom:20px;left:22px;transform:none}
}

/* Reveals the first Featured Discovery within the initial desktop viewport. */
@media(min-width:721px){
  .hero{height:365px}
  .hero-copy{padding-top:48px;padding-bottom:40px}
  .featured-showcase{margin-top:18px}
  .featured-slide .featured-copy{justify-content:flex-start;padding-top:44px}
}
