*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:#171419;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1140px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eee}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:38px;height:38px;border-radius:12px;background:#ed2c80;color:#fff;display:grid;place-items:center;font:700 21px "Playfair Display"}.brand b{display:block;font-size:14px;letter-spacing:2px}.brand small{display:block;font-size:7px;letter-spacing:1.5px;color:#777}.menu{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}.menu a{position:relative}.menu a:not(.login):after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:#ed2c80;transition:.2s}.menu a:hover:after,.menu .active:after{width:100%}.login{background:#171419;color:#fff;padding:10px 18px;border-radius:30px}.menu-btn{display:none;border:0;background:transparent;font-size:24px}.hero{min-height:650px;overflow:hidden;position:relative;background:linear-gradient(135deg,#fff 0%,#fff 62%,#fff5f9 100%)}.hero-shape{position:absolute;width:500px;height:500px;right:-130px;top:-110px;border-radius:50%;background:#f8d3e2}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{color:#ed2c80;font-size:10px;font-weight:700;letter-spacing:2.5px}.hero h1{font:700 clamp(42px,5vw,67px)/1.05 "Playfair Display";margin:17px 0}.hero h1 em,h2 em{font-style:normal;color:#ed2c80}.hero-copy p{max-width:560px;color:#716b72;font-size:15px}.actions{display:flex;gap:10px;margin-top:27px}.btn{display:inline-flex;align-items:center;gap:12px;border-radius:11px;padding:13px 19px;font-size:12px;font-weight:700}.primary{background:#ed2c80;color:#fff;box-shadow:0 10px 24px rgba(237,44,128,.2)}.light{border:1px solid #e5e1e5;background:#fff}.white{background:#fff;color:#171419}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.hero-ring{position:absolute;width:390px;height:390px;border-radius:50%;background:#f7d9e5}.hero-visual img{position:relative;width:320px;height:430px;object-fit:contain;border-radius:18px;box-shadow:0 25px 50px rgba(35,18,28,.18);transform:rotate(3deg)}.floating-card{position:absolute;right:0;bottom:50px;background:#171419;color:#fff;padding:18px 22px;border-radius:15px;box-shadow:0 15px 30px rgba(0,0,0,.15)}.floating-card small{display:block;color:#ff78ae;font-size:9px;letter-spacing:2px}.floating-card strong{display:block;font:700 17px/1.1 "Playfair Display"}.section{padding:90px 0}.products{background:#faf9fa}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-head h2,h2{font:700 46px/1.1 "Playfair Display";margin:10px 0}.section-head p{max-width:430px;color:#777;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #eee;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,10,20,.08)}.product-image{height:340px;background:#f4eef1;overflow:hidden}.product-image img{width:100%;height:100%;display:block;object-fit:cover}.product-content{padding:22px}.tag{font-size:9px;letter-spacing:1.7px;color:#ed2c80;font-weight:700}.product-content h3{font:700 23px/1.1 "Playfair Display";margin:9px 0 3px}.product-content h4{font-size:11px;margin:0 0 12px;color:#666}.product-content p{font-size:11px;color:#777;margin:0}.company{background:#171419;color:#fff}.company-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.company-panel{height:430px;border-radius:24px;background:linear-gradient(145deg,#252027,#171419);border:1px solid #3b343c;padding:45px;display:flex;flex-direction:column;justify-content:end}.company-panel span{font:700 85px "Playfair Display";color:#ed2c80}.company-panel strong{font:700 35px/1 "Playfair Display"}.company-panel i{font-style:normal;color:#aaa;margin-top:14px;font-size:11px;letter-spacing:1.5px}.company h2{color:#fff}.lead{color:#bbb;max-width:610px;font-size:14px}.vm{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.vm>div{border-top:1px solid #403940;padding-top:16px}.vm b{font-size:9px;color:#ed2c80;letter-spacing:2px}.vm h3{font:700 23px "Playfair Display";margin:7px 0}.vm p{color:#aaa;font-size:11px}.ethics-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.ethics p{color:#777;font-size:13px;max-width:440px}.missing{display:block;margin-top:22px;color:#a36b80;font-size:10px}.pdf-box{border:1px solid #eee;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px rgba(20,10,20,.08)}.pdf-head{height:46px;background:#fff;border-bottom:1px solid #eee;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px}.pdf-head b{color:#ed2c80}.pdf-head a{font-size:10px;color:#ed2c80;font-weight:700}.pdf-box iframe{display:block;width:100%;height:500px;border:0}.pdf-empty{height:500px;background:#fafafa;display:grid;place-content:center;text-align:center}.pdf-empty strong{margin:auto;width:52px;height:62px;border:2px solid #ed2c80;border-radius:7px;color:#ed2c80;display:grid;place-items:center;font-size:10px}.pdf-empty h3{font:700 21px "Playfair Display"}.pdf-empty p{font-size:11px;color:#999}.cta{background:#ed2c80;color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between}.cta .eyebrow{color:#ffd7e7}.cta h2{margin:9px 0;font-size:39px}footer{background:#111013;color:#999;padding:32px 0}.footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.footer-menu{display:flex;gap:16px;font-size:10px}.footer-menu a:hover{color:#ed2c80}.footer>small{font-size:9px}.fade{opacity:0;transform:translateY(15px);transition:.6s ease}.fade.show{opacity:1;transform:none}@media(max-width:850px){.hero-shape{display:none;}.menu-btn{display:block}.menu{display:none;position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid #eee;border-radius:16px;padding:18px;flex-direction:column;align-items:stretch;gap:17px;box-shadow:0 20px 35px rgba(0,0,0,.1)}.menu.open{display:flex}.menu .login{text-align:center}.hero-grid,.company-grid,.ethics-grid{grid-template-columns:1fr}.hero-grid{padding:60px 0}.hero-visual{height:420px}.section-head,.cta-inner{display:block}.product-grid{grid-template-columns:1fr 1fr}.company-grid{gap:40px}.vm{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer-menu{flex-wrap:wrap}}@media(max-width:520px){.hero-shape{display:none;}.container{width:calc(100% - 28px)}.hero h1{font-size:40px}.hero-visual img{width:250px;height:340px}.hero-ring{width:320px;height:320px}.floating-card{right:2px;bottom:20px}.product-grid{grid-template-columns:1fr}.product-image{height:360px}.section-head h2,h2{font-size:39px}.company-panel{height:350px;padding:28px}.company-panel span{font-size:65px}.company-panel strong{font-size:28px}.footer-menu{gap:12px}}
/* Redesign Global Spacing */
.section { padding: 120px 0; }
.section-head { margin-bottom: 50px; }

/* Why Us Section */
.why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 50px;
}
.why-card {
    background: #fff;
    border-radius: 24px;
    padding: 40px 30px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.04);
    border: 1px solid #f2f2f2;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}
.why-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(237,44,128,0.08);
    border-color: #f8d3e2;
}
.why-icon {
    font-size: 56px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    color: #fef0f5;
    margin-bottom: 15px;
    line-height: 1;
    transition: all 0.4s ease;
}
.why-card:hover .why-icon {
    color: #f8d3e2;
    transform: scale(1.1) translateX(5px);
}
.why-card h3 {
    font-family: "Playfair Display", serif;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 15px;
    color: #171419;
}
.why-card p {
    color: #716b72;
    font-size: 14px;
    margin: 0;
    line-height: 1.7;
}

/* Products Section Tweak */
.product-card {
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1px solid #f2f2f2;
}
.product-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(237,44,128,0.08);
}
.product-image {
    border-radius: 24px 24px 0 0;
}

/* Contact Section */
.contact-card {
    background: linear-gradient(145deg, #1f1b21, #171419);
    border-radius: 32px;
    padding: 70px;
    color: #fff;
    text-align: center;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    position: relative;
    overflow: hidden;
    margin: 20px auto 0;
    max-width: 800px;
    border: 1px solid #2e2831;
}
.contact-card::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(237,44,128,0.12) 0%, transparent 70%);
    top: -200px;
    left: -200px;
    border-radius: 50%;
}
.contact-card::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(237,44,128,0.12) 0%, transparent 70%);
    bottom: -200px;
    right: -200px;
    border-radius: 50%;
}
.contact-content {
    position: relative;
    z-index: 2;
}
.contact-content .eyebrow {
    color: #ff78ae;
    display: block;
    margin-bottom: 10px;
}
.contact-content h2 {
    color: #fff;
    font-size: 52px;
    margin: 0 0 35px;
}
.contact-content h3 {
    font-family: "Playfair Display", serif;
    font-size: 26px;
    margin: 0 0 20px;
    color: #fff;
}
.contact-content p {
    color: #bbb;
    font-size: 15px;
    margin: 15px 0;
    line-height: 1.8;
}
.contact-content p strong {
    color: #ed2c80;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

/* Quick Pages (About) Hover Tweak */
.quick-card {
    border-radius: 28px;
}

/* Responsive Updates */
@media (max-width: 850px) {
    .why-grid { grid-template-columns: 1fr; gap: 20px; }
    .contact-card { padding: 50px 30px; }
    .contact-content h2 { font-size: 40px; }
}
@media (max-width: 520px) {
    .section { padding: 80px 0; }
    .contact-card { padding: 40px 20px; border-radius: 24px; }
    .contact-content h2 { font-size: 32px; }
}