: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}}
