.pd-hero{background:#EBDDC8}
.pd-hero .inner{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center; padding-block:48px 64px}
@media (max-width:860px){ .pd-hero .inner{grid-template-columns:1fr; gap:28px; padding-block:28px 48px} }
.crumbs{font-size:.82rem; color:#6b604c; display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px}
.crumbs a{color:#6b604c; text-decoration:none} .crumbs a:hover{color:var(--gold)}
.pd-media{display:flex; justify-content:center}
.pd-arch{width:100%; max-width:440px; aspect-ratio:4/5; border-radius:240px 240px 6px 6px; overflow:hidden; background:#F7F1E7; box-shadow:0 0 0 10px rgba(255,255,255,.45), 0 0 0 11px rgba(178,141,74,.4), 0 30px 60px -34px rgba(60,45,20,.45)}
.pd-arch img{width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply}
.pd-tag{font-size:.88rem; font-weight:700}
.pd-hero h1{font-size:clamp(2rem,4vw,2.8rem); line-height:1.3; margin-block:6px 4px}
.pd-size{color:#6b604c; font-size:.95rem}
.pd-hero .claim-box{font-size:1.2rem; color:var(--ink)}
.pd-desc{opacity:.88; max-width:560px}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px}
.chips span{background:rgba(255,255,255,.6); border:1px solid rgba(178,141,74,.45); color:var(--olive); border-radius:999px; padding:6px 14px; font-size:.84rem; font-weight:700; line-height:1.5}
.chips-label{font-size:.85rem; font-weight:700; margin-top:22px; color:#4a4337}
.pd-hero .cta-row{margin-top:26px}
.pd-hero .btn-ghost{color:var(--olive); border-color:rgba(65,82,31,.45)}
.tech-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
@media (max-width:900px){ .tech-grid{grid-template-columns:1fr; max-width:620px; margin-inline:auto} }
.tech{background:var(--card-bg); border:1px solid var(--border); border-radius:4px; padding:28px 26px; display:flex; flex-direction:column; gap:12px; position:relative; overflow:hidden; transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .45s ease}
.tech::after{content:""; position:absolute; inset-inline:0; top:0; height:3px; background:var(--gold); transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tech:hover{transform:translateY(-6px); box-shadow:0 26px 50px -28px rgba(60,45,20,.45); border-color:rgba(178,141,74,.55)}
.tech:hover::after{transform:scaleX(1)}
.tech .n{font-family:'Cormorant Garamond',serif; font-size:2.2rem; line-height:1; color:var(--gold); direction:ltr; text-align:right}
.tech .sys{font-size:.82rem; font-weight:700; color:var(--gold)}
.tech h3{font-size:1.15rem; line-height:1.55}
.tech p{font-size:.93rem; opacity:.85; line-height:1.85}
.tech .comp{font-size:.84rem; opacity:1; background:var(--off); border-radius:4px; padding:10px 12px; line-height:1.8}
.tech .comp b{color:var(--gold)}
.tech .ind{margin-top:auto; padding-top:12px; border-top:1px solid var(--border); font-size:.86rem; opacity:1}
.tech .ind b{color:var(--olive)}
.evidence{background:var(--olive); color:#F0ECDF}
.evidence h2{color:#fff; font-size:clamp(1.5rem,3vw,2.1rem)}
.ev-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:48px; align-items:center}
@media (max-width:820px){ .ev-grid{grid-template-columns:1fr; gap:28px} }
.ev-nums{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
.ev-num{border-top:1px solid rgba(240,236,223,.3); padding-top:14px}
.ev-num strong{display:block; font-size:clamp(1.8rem,3.4vw,2.4rem); color:var(--sand); line-height:1.2; font-weight:700}
.ev-num span{font-size:.88rem; opacity:.85}
.ev-text p{opacity:.92; margin-top:14px}
.ev-note{font-size:.84rem; opacity:.75 !important}
.ev-kicker{display:inline-block; font-size:.82rem; font-weight:700; color:var(--olive); background:var(--sand); border-radius:999px; padding:4px 12px; margin-bottom:12px}
.ev-num .ev-ic, .res-head .ev-ic{width:46px; height:46px; border-radius:50%; border:1px solid rgba(234,220,198,.4); color:var(--sand); display:flex; align-items:center; justify-content:center; margin-bottom:12px}
.ev-ic svg{width:24px; height:24px}
.ev-num{border-top:none; padding:20px 18px; background:rgba(255,255,255,.06); border:1px solid rgba(240,236,223,.14); border-radius:4px}
.ev-timeline{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:18px; margin-top:52px; padding:26px 24px; border:1px solid rgba(240,236,223,.14); border-radius:4px}
.tl-node{display:flex; flex-direction:column; gap:2px; max-width:170px}
.tl-node .dot{width:14px; height:14px; border-radius:50%; background:var(--sand); box-shadow:0 0 0 5px rgba(234,220,198,.18); margin-bottom:10px}
.tl-node.end .dot{background:var(--gold); box-shadow:0 0 0 5px rgba(178,141,74,.3)}
.tl-node b{color:#fff}
.tl-node span:last-child{font-size:.84rem; opacity:.8; line-height:1.6}
.tl-bar{position:relative; height:4px; background:rgba(240,236,223,.18); border-radius:2px; margin-top:5px}
.tl-fill{position:absolute; inset-block:0; inset-inline-start:0; width:100%; background:linear-gradient(to left, var(--sand), var(--gold)); border-radius:2px}
.tl-label{position:absolute; top:16px; inset-inline:0; text-align:center; font-size:.86rem; opacity:.9}
@media (max-width:640px){ .ev-timeline{grid-template-columns:1fr; gap:14px} .tl-bar{height:40px; width:4px; margin:0 5px} .tl-fill{background:linear-gradient(to bottom, var(--sand), var(--gold))} .tl-label{top:50%; transform:translateY(-50%); inset-inline-start:20px; inset-inline-end:auto; white-space:nowrap; text-align:right} }
.ev-results{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px}
@media (max-width:760px){ .ev-results{grid-template-columns:1fr} }
.ev-res{border:1px solid rgba(240,236,223,.14); border-radius:4px; padding:22px; background:rgba(255,255,255,.04)}
.res-head{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center}
.res-head .ev-ic{margin-bottom:0}
.res-head b{display:block; color:#fff}
.res-head div span{font-size:.84rem; opacity:.8}
.res-up{display:inline-flex; align-items:center; gap:4px; background:var(--gold); color:#fff; font-weight:700; font-size:.84rem; border-radius:999px; padding:5px 12px}
.res-up svg{width:14px; height:14px}
.res-viz{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px}
.res-viz figure{margin:0; display:flex; flex-direction:column; gap:8px}
.res-viz svg{width:100%; height:64px; display:block; background:rgba(0,0,0,.12); border-radius:3px}
.res-viz figcaption{font-size:.8rem; opacity:.8; text-align:center}
.res-viz .g{display:block; height:64px; border-radius:3px}
.res-viz .g1{background:radial-gradient(circle at 50% 50%, rgba(234,220,198,.35), rgba(234,220,198,.08) 60%, rgba(0,0,0,.12))}
.res-viz .g2{background:radial-gradient(circle at 50% 50%, rgba(255,240,210,.95), rgba(217,182,119,.55) 45%, rgba(178,141,74,.15) 80%)}
.evidence .ev-note{margin-top:22px; font-size:.82rem; opacity:.72}
.use-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px}
@media (max-width:820px){ .use-grid{grid-template-columns:1fr} }
.use-card{background:var(--card-bg); border:1px solid var(--border); border-radius:4px; padding:30px 28px}
.use-card h2{font-size:1.4rem; margin-bottom:18px}
.steps-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.steps-list li{display:grid; grid-template-columns:40px minmax(0,1fr); gap:14px; padding-block:14px; border-top:1px solid var(--border); align-items:start}
.steps-list li:first-child{border-top:none; padding-top:0}
.steps-list .sn{width:32px; height:32px; border-radius:50%; border:1px solid rgba(178,141,74,.6); color:var(--gold); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.9rem; line-height:1}
.care-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.care-list li{display:grid; grid-template-columns:22px minmax(0,1fr); gap:10px; font-size:.95rem; line-height:1.8}
.care-list .ic{width:20px; height:20px; color:var(--olive); margin-top:4px}
.use-card.warn{background:var(--sand); border-color:rgba(178,141,74,.4)}
.inci{max-width:860px; margin-inline:auto; border-block:1px solid var(--border)}
.inci summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; padding-block:20px; font-weight:700; font-size:1.05rem}
.inci summary::-webkit-details-marker{display:none}
.inci summary .chev{width:12px; height:12px; color:var(--gold); transition:transform .2s ease}
.inci[open] summary .chev{transform:rotate(180deg)}
.inci .panel{padding-bottom:22px; opacity:.85; font-size:.92rem; line-height:1.9}
.pd-cta{background:linear-gradient(180deg,#EBDDC8,#E4D2BA); text-align:center; position:relative; overflow:hidden}
.pd-cta .mark{position:absolute; inset-inline-end:-40px; top:50%; transform:translateY(-50%); width:260px; opacity:.08; pointer-events:none}
.pd-cta .wrap{position:relative; max-width:720px}
.pd-cta h2{font-size:clamp(1.6rem,3.2vw,2.2rem)}
.pd-cta p{opacity:.85; margin-top:10px}
.pd-cta .cta-row{justify-content:center; margin-top:24px}
.pd-cta .btn-ghost{color:var(--olive); border-color:rgba(65,82,31,.45)}
.inci-list{direction:ltr; text-align:left; unicode-bidi:isolate; font-size:.88rem; line-height:1.9; background:var(--card-bg); border:1px solid var(--border); border-radius:4px; padding:16px 18px; margin-top:10px}
.inci-scent{font-weight:700; color:var(--plum); margin-bottom:6px}
.inci-facts{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px}
@media (max-width:560px){ .inci-facts{grid-template-columns:1fr} }
.inci-fact{display:grid; grid-template-columns:44px minmax(0,1fr); gap:12px; align-items:center; background:var(--off); border-radius:4px; padding:12px 14px}
.inci-fact .fi{width:44px; height:44px; color:var(--olive); display:flex; align-items:center; justify-content:center}
.inci-fact .fi svg{width:34px; height:34px}
.inci-fact b{display:block; font-size:.95rem}
.inci-fact span{font-size:.86rem; opacity:.8}
.rel-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:900px; margin-inline:auto}
@media (max-width:640px){ .rel-grid{grid-template-columns:1fr} }
.rel{display:grid; grid-template-columns:120px minmax(0,1fr); gap:20px; align-items:center; background:var(--card-bg); border:1px solid var(--border); border-radius:4px; padding:18px; color:var(--fg); text-decoration:none; transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease, border-color .45s ease}
.rel:hover{transform:translateY(-6px); box-shadow:0 26px 50px -28px rgba(60,45,20,.45); border-color:rgba(178,141,74,.55)}
.rel .thumb{aspect-ratio:4/5; border-radius:80px 80px 4px 4px; overflow:hidden; background:#F1E9DC}
.rel .thumb img{width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply}
.rel .tier-tag{font-size:.8rem; letter-spacing:0; direction:rtl}
.rel h3{font-size:1.1rem; margin-block:4px 6px}
.rel p{font-size:.88rem; opacity:.8; line-height:1.7}
.rel .more{display:block; margin-top:8px; color:var(--gold); font-weight:700; font-size:.88rem}
@media (prefers-reduced-motion:reduce){ .tech,.tech::after,.rel{transition:none} .tech:hover,.rel:hover{transform:none} }