/* Renai Hair Premium V12 — visual polish layer only. Keeps layout/data/form behavior intact. */
:root{
  --ivory:#f7f1e8;
  --paper:#fffdfa;
  --paper-2:#efe4d7;
  --ink:#493229;
  --ink-soft:#78675c;
  --gold:#b88338;
  --gold-deep:#8d5f24;
  --champagne:#d7b47b;
  --line:#dfd0bd;
  --brown:#2c190f;
  --brown-2:#69402b;
  --cream:#f5e9db;
  --shadow:0 26px 70px rgba(72,45,27,.09);
  --shadow-soft:0 14px 42px rgba(72,45,27,.065);
  --serif:'Bodoni Moda',Didot,'Times New Roman',serif;
  --sans:'Inter',Arial,sans-serif;
  --ease-lux:cubic-bezier(.22,1,.36,1);
}
html{scroll-padding-top:96px}
body{font-family:var(--sans);font-size:16px;line-height:1.68;letter-spacing:-.006em;background:linear-gradient(180deg,#fbf7f1 0%,var(--ivory) 32%,#fbf7f1 100%);color:var(--ink)}
::selection{background:#d9b983;color:#2b1a12}
.content-shell,.nav-shell,.section-shell{width:min(1420px,calc(100% - 80px))}
.section-pad{padding:132px 0}.section-pad-soft{padding:98px 0}

/* Header */
.site-header{background:rgba(251,247,241,.80);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid rgba(128,91,51,.10);transition:background .45s var(--ease-lux),box-shadow .45s var(--ease-lux),border-color .45s var(--ease-lux)}
.site-header.is-scrolled{background:rgba(252,248,243,.95);border-color:rgba(128,91,51,.16);box-shadow:0 10px 38px rgba(70,42,24,.075)}
.nav-shell{height:90px;grid-template-columns:300px 1fr 230px;transition:height .45s var(--ease-lux)}
.site-header.is-scrolled .nav-shell{height:76px}
.brand strong{font:500 31px/1 var(--serif);letter-spacing:-.025em;color:#38231b}.brand span{font-size:8px;letter-spacing:.18em;color:#7c6656;margin-top:7px}
.desktop-nav{gap:46px;font-size:12px;font-weight:500;letter-spacing:.025em;color:#57453b}.desktop-nav a{transition:color .3s ease}.desktop-nav a:hover{color:var(--gold-deep)}.desktop-nav a:after{bottom:-10px;background:linear-gradient(90deg,#8e5c22,#d7b57b);transition:right .45s var(--ease-lux)}
.nav-cta,.btn-gold,.submit-btn{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(105deg,#9c682a 0%,#c69244 55%,#ad7732 100%);box-shadow:0 14px 34px rgba(134,87,35,.17);transition:transform .35s var(--ease-lux),box-shadow .35s var(--ease-lux),filter .35s ease}
.nav-cta:before,.btn-gold:before,.submit-btn:before{content:"";position:absolute;top:-80%;left:-45%;width:34%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:rotate(17deg);transition:left .65s var(--ease-lux);z-index:-1}
.nav-cta:hover:before,.btn-gold:hover:before,.submit-btn:hover:before{left:120%}.nav-cta:hover,.btn-gold:hover,.submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(134,87,35,.24);filter:saturate(1.04)}
.nav-cta{font:500 14px/1 var(--serif);letter-spacing:.01em;padding:15px 29px}

/* Typography */
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.225em;color:#9a6727;margin-bottom:20px}
.hero{min-height:820px;grid-template-columns:45% 55%;gap:68px;padding-block:76px 68px}
.hero h1{font:500 clamp(64px,5.35vw,92px)/.94 var(--serif);letter-spacing:-.045em;color:#412b22;max-width:700px;text-wrap:balance}
.hero h1 em{color:#ae7730;font-style:normal}
.hero-sub{font-size:17px;line-height:1.8;color:#66564b;max-width:620px;margin:30px 0 32px}
.hero-actions{margin-bottom:42px}.btn{min-height:58px;padding-inline:31px;font-size:13px;letter-spacing:.015em}.text-link{font-size:13px;color:#5a4031;border-color:#c4a57b;transition:color .25s ease,border-color .25s ease}.text-link:hover{color:#9a6727;border-color:#9a6727}
.hero-proof-grid{gap:24px}.hero-proof-grid b{font-size:11px;font-weight:600}.hero-proof-grid small{font-size:9px;letter-spacing:.01em}.proof-icon{width:38px;height:38px;border-color:#d1ad72;background:rgba(255,255,255,.34);transition:transform .35s var(--ease-lux),background .35s ease}.hero-proof-grid>div:hover .proof-icon{transform:translateY(-3px);background:#fff9ef}
.hero-visual{min-height:680px}.hero-model-frame{inset:0 0 0 8%;border-radius:360px 360px 34px 34px;box-shadow:0 36px 90px rgba(76,44,25,.12)}.hero-model-frame img{transition:transform 1.2s var(--ease-lux);transform:scale(1.015)}.hero-visual:hover .hero-model-frame img{transform:scale(1.045)}
.hero-package-card{border:1px solid rgba(215,180,123,.26);background:linear-gradient(145deg,#17110e,#281a13);box-shadow:0 32px 68px rgba(42,24,14,.31);transition:transform .55s var(--ease-lux)}.hero-visual:hover .hero-package-card{transform:translateY(-7px)}.package-title{color:#d4a254;font:500 24px/1 var(--serif)}

.section-kicker{margin-bottom:50px}.section-kicker p{font-size:11px;letter-spacing:.24em;color:#604b3d}.section-kicker span{opacity:.72}
.section-heading.center{max-width:1020px;margin-bottom:54px}.section-heading h2,.split-copy h2,.faq-section h2{font:500 clamp(48px,4.3vw,70px)/1.02 var(--serif);letter-spacing:-.038em;color:#493027;text-wrap:balance}.section-heading p:last-child{font-size:15px;line-height:1.8;color:#7c6b5f;max-width:720px;margin-top:20px}

/* Product cards */
.products{background:linear-gradient(180deg,#fffaf5 0%,#fbf5ed 100%)}
.product-grid{gap:26px}.product-card{border:1px solid rgba(164,125,81,.20);border-radius:20px;box-shadow:var(--shadow-soft);transition:transform .55s var(--ease-lux),box-shadow .55s var(--ease-lux),border-color .35s ease;background:rgba(255,253,249,.88)}
.product-card:hover{transform:translateY(-9px);box-shadow:0 30px 64px rgba(76,46,29,.12);border-color:rgba(174,119,48,.34)}
.product-image{height:330px;background:#f0e7dc}.product-image img{transition:transform .9s var(--ease-lux),filter .5s ease}.product-card:hover .product-image img{transform:scale(1.035);filter:saturate(1.02) contrast(1.015)}
.product-copy{padding:27px 28px 30px}.product-copy h3{font:500 35px/1.05 var(--serif);letter-spacing:-.025em;color:#50352a;margin-bottom:13px}.product-copy p{font-size:13px;line-height:1.7;color:#78665a;min-height:47px}.product-copy a{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.015em;color:#9a6727;border-color:#d5b57f;transition:gap .3s var(--ease-lux),color .3s ease}.product-copy a:hover{gap:11px;color:#6e461d}

/* Comparison */
.comparison{background:linear-gradient(180deg,#fbf5ed 0%,#f6eee4 100%)}
.ba-slider{height:700px;border-radius:30px;box-shadow:0 34px 90px rgba(55,34,21,.15);border:1px solid rgba(255,255,255,.55)}
.ba-before,.ba-after{transition:filter .6s ease}.ba-slider:hover .ba-before,.ba-slider:hover .ba-after{filter:saturate(1.02) contrast(1.015)}
.ba-slider:after{background:linear-gradient(to top,rgba(36,20,12,.42),rgba(36,20,12,.04) 47%,transparent 67%)}
.ba-divider{background:rgba(255,255,255,.92);box-shadow:0 0 22px rgba(255,255,255,.28)}.ba-divider span{width:54px;height:54px;background:rgba(195,145,86,.92);backdrop-filter:blur(10px);font-size:20px;transition:transform .25s ease,box-shadow .25s ease}.ba-slider:hover .ba-divider span{box-shadow:0 10px 30px rgba(25,13,7,.24),0 0 0 7px rgba(255,255,255,.13)}
.ba-label{bottom:46px}.ba-label strong{font:500 31px/1 var(--serif);letter-spacing:-.02em}.ba-label span{font-size:13px;letter-spacing:.01em}.ba-left{left:44px}.ba-right{right:44px}.ba-inquiry{font-size:13px;font-weight:500;letter-spacing:.03em;margin-top:24px;transition:gap .3s var(--ease-lux),opacity .3s ease}.ba-inquiry:hover{gap:18px;opacity:.82}

/* Process */
.process{background:#fffaf5}.process-grid{gap:34px}.process-grid article{padding:10px 16px 18px}.process-grid article>b{width:30px;height:30px;background:linear-gradient(145deg,#b67a31,#d3a55f);box-shadow:0 7px 18px rgba(178,116,43,.15)}.process-icon{font-size:42px;color:#a9702d}.process-grid h3{font:500 28px/1 var(--serif);letter-spacing:-.02em;color:#51362b}.process-grid p{font-size:12px;line-height:1.65;color:#7a685d}.process-grid>i{color:#c49a61;opacity:.85}

/* Split sections */
.custom-section,.private-label{background:var(--ivory)}
.split-panel{min-height:690px;border-radius:30px;border:1px solid rgba(164,125,81,.20);box-shadow:0 30px 80px rgba(71,44,27,.075);background:rgba(255,253,249,.80);transition:box-shadow .55s var(--ease-lux),transform .55s var(--ease-lux)}
.split-panel:hover{box-shadow:0 38px 92px rgba(71,44,27,.105);transform:translateY(-3px)}
.split-copy{padding:88px 74px}.split-copy h2{max-width:480px}.check-list{gap:15px;margin:31px 0 30px;color:#69594f;font-size:14px}.check-list li:before{content:"✓";font-size:12px;color:#b67d2f;margin-right:13px}.split-visual{min-height:690px}.split-visual img{transition:transform 1.15s var(--ease-lux)}.split-panel:hover .split-visual img{transform:scale(1.025)}
.gold-link{font-size:12px;letter-spacing:.02em}

/* Manufacturing */
.manufacturing{background:linear-gradient(180deg,#fffaf5,#f9f2e9)}
.factory-gallery{gap:18px}.factory-gallery figure{border-radius:18px;border-color:rgba(164,125,81,.20);box-shadow:0 14px 38px rgba(72,45,27,.055);transition:transform .45s var(--ease-lux),box-shadow .45s var(--ease-lux)}.factory-gallery figure:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(72,45,27,.10)}
.factory-gallery img{height:260px;transition:transform .85s var(--ease-lux),filter .4s ease}.factory-gallery figure:not(.feedback-card):hover img{transform:scale(1.025);filter:saturate(1.02)}
.factory-gallery figcaption{padding:15px 10px;font-size:12px;font-weight:500;letter-spacing:.015em;color:#6d5b50}.factory-gallery .feedback-card img{object-fit:contain!important;padding:10px;background:#fffaf5;transform:none!important}
.stat-grid{margin-top:34px;border-radius:20px;border-color:rgba(164,125,81,.22);box-shadow:0 12px 36px rgba(72,45,27,.045)}.stat-grid>div{padding:36px 25px;transition:background .35s ease}.stat-grid>div:hover{background:#fff9f1}.stat-grid span{font-size:25px}.stat-grid strong{font:500 28px/1.09 var(--serif);letter-spacing:-.02em;color:#4b3228}.stat-grid p{font-size:11px;letter-spacing:.01em}

/* FAQ */
.faq-section{background:linear-gradient(180deg,#f8f1e8,#fbf7f1)}.faq-shell{max-width:1200px}.faq-grid{gap:16px 24px}.faq-grid details{border-radius:16px;border-color:rgba(164,125,81,.20);background:rgba(255,253,249,.76);box-shadow:0 9px 30px rgba(73,46,29,.035);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.faq-grid details:hover,.faq-grid details[open]{border-color:rgba(174,119,48,.36);background:#fffdf9;box-shadow:0 16px 38px rgba(73,46,29,.065)}
.faq-grid summary{min-height:80px;font-size:14px;font-weight:500;color:#503d33}.faq-grid summary span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(174,119,48,.28);border-radius:50%;font-size:24px;transition:transform .4s var(--ease-lux),background .3s ease}.faq-grid details[open] summary span{transform:rotate(45deg);background:#f4e5d0}.faq-grid details p{font-size:13px;color:#78685e;line-height:1.85;padding-bottom:27px}

/* Inquiry */
.inquiry{background:#fffaf5;padding-top:104px;padding-bottom:116px}.inquiry-card{min-height:720px;border-radius:40px;padding:82px 84px;grid-template-columns:35% 65%;gap:72px;background:radial-gradient(circle at 88% 10%,rgba(185,111,63,.55),transparent 37%),linear-gradient(125deg,#26160f 0%,#3b2016 48%,#6b3825 100%);box-shadow:0 42px 95px rgba(47,27,16,.24);border:1px solid rgba(230,191,135,.16);position:relative;overflow:hidden}.inquiry-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 32% 70%,rgba(255,255,255,.025))}
.eyebrow.light{color:#d8ad70}.inquiry-copy h2{font:500 clamp(52px,4.5vw,74px)/.94 var(--serif);letter-spacing:-.04em}.inquiry-copy>p:not(.eyebrow){font-size:15px;color:#eadbce;line-height:1.82}.inquiry-points{font-size:13px;line-height:1.6;color:#ead6c4;gap:12px}.inquiry-whatsapp{font-size:13px;color:#e4be85;transition:color .3s ease}.inquiry-whatsapp:hover{color:#fff0d8}
.lead-form{gap:18px;position:relative;z-index:1}.lead-form label>span{font-size:11px;font-weight:600;letter-spacing:.035em;color:#f3e7dc}.lead-form input,.lead-form select,.lead-form textarea{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.085);border-radius:14px;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease,transform .3s var(--ease-lux)}.lead-form input,.lead-form select{height:60px}.lead-form textarea{min-height:136px}.lead-form input:hover,.lead-form select:hover,.lead-form textarea:hover{background:rgba(255,255,255,.11)}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:rgba(227,185,113,.72);background:rgba(255,255,255,.13);box-shadow:0 0 0 4px rgba(225,182,110,.095),0 10px 25px rgba(19,8,4,.10);transform:translateY(-1px)}
.submit-btn{height:64px;font-size:14px;letter-spacing:.018em}.form-foot{font-size:11px;color:#cfbfb4}

/* Footer */
.site-footer{background:#f3eadf;border-top-color:rgba(157,116,72,.18);padding-top:70px}.footer-grid{gap:62px}.footer-brand strong{font:500 36px/1 var(--serif);letter-spacing:-.03em;color:#402a21}.footer-brand>span{font-size:7px;letter-spacing:.19em}.footer-brand p{font-size:13px;line-height:1.75;color:#74645a}.footer-grid h4{font-size:10px;letter-spacing:.17em;color:#694f3e}.footer-grid a,.footer-grid div>span{font-size:12px;color:#6c5c52;transition:color .25s ease,transform .25s ease}.footer-grid a:hover{color:#986527;transform:translateX(2px)}.footer-bottom{font-size:10px;letter-spacing:.02em}
.floating-wa{background:#176f4d;padding:13px 19px;box-shadow:0 16px 36px rgba(23,111,77,.22);transition:transform .35s var(--ease-lux),box-shadow .35s ease}.floating-wa:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(23,111,77,.28)}

/* Reveal choreography */
.reveal{opacity:0;transform:translate3d(0,34px,0) scale(.992);filter:blur(5px);transition:opacity .9s var(--ease-lux),transform 1s var(--ease-lux),filter .75s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}.reveal.visible{opacity:1;transform:none;filter:blur(0)}
.product-card.reveal:nth-child(2){--reveal-delay:70ms}.product-card.reveal:nth-child(3){--reveal-delay:140ms}.product-card.reveal:nth-child(4){--reveal-delay:210ms}

@media(max-width:1180px){
  .content-shell,.nav-shell,.section-shell{width:min(1380px,calc(100% - 54px))}.hero{gap:44px}.nav-shell{grid-template-columns:1fr auto auto}.section-pad{padding:112px 0}.split-copy{padding:70px 50px}.inquiry-card{padding:66px 58px}
}
@media(max-width:760px){
  .content-shell,.nav-shell,.section-shell{width:min(100% - 32px,1420px)}.site-header.is-scrolled .nav-shell{height:66px}.section-pad{padding:84px 0}.section-pad-soft{padding:68px 0}.hero{padding-top:48px;gap:44px}.hero h1{font-size:54px;line-height:.96}.hero-sub{font-size:15px}.hero-visual{min-height:550px}.product-image{height:370px}.section-heading h2,.split-copy h2,.faq-section h2{font-size:44px}.section-heading.center{margin-bottom:40px}.ba-slider{height:610px;border-radius:23px}.ba-label{bottom:28px}.ba-label strong{font-size:25px}.ba-label span{font-size:12px}.ba-inquiry{font-size:12px;margin-top:14px}.ba-left{left:20px}.ba-right{right:20px}.split-panel{min-height:auto}.split-copy{padding:58px 32px}.split-visual{min-height:500px}.factory-gallery{gap:16px}.factory-gallery img{height:330px}.factory-gallery .feedback-card img{height:330px;object-fit:contain!important}.inquiry{padding:72px 0 82px}.inquiry-card{padding:52px 26px;border-radius:28px;gap:42px}.inquiry-copy h2{font-size:50px}.footer-grid{gap:34px}.reveal{transform:translate3d(0,24px,0);filter:blur(3px)}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.nav-shell,.hero-model-frame img,.hero-package-card,.product-card,.product-image img,.split-panel,.split-visual img,.factory-gallery figure,.factory-gallery img,.floating-wa,.nav-cta,.btn-gold,.submit-btn,.reveal{transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important;filter:none!important}
}