*{box-sizing:border-box}
:root{--purple:#4b176b;--deep:#190525;--dark:#100319;--gold:#d0a23e;--gold2:#e8cf91;--cream:#fbf8f4;--text:#251b2c;--muted:#6f6672}
html{scroll-behavior:smooth}
body {margin: 0;font-family: "DM Sans", Arial, sans-serif;color: var(--text);background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url('assets/purpletulips-bg.png')!important;background-repeat: repeat !important;background-size: auto !important; min-height: 100vh;}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1380px,calc(100% - 80px));margin:auto}
.header{height:88px;background:linear-gradient(100deg,#170522,#21052e);color:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:100%;display:flex;align-items:center;gap:34px}
.logo{display:flex;align-items:center;gap:13px;min-width:max-content}
.tulip-mark{font-size:31px;line-height:1;filter:saturate(.85)}
.logo-text strong{display:block;font-size:16px;letter-spacing:.22em;font-weight:600}
.logo-text small{display:block;color:var(--gold);font-size:8px;letter-spacing:.25em;margin-top:3px}
nav{display:flex;align-items:center;justify-content:center;gap:31px;margin-left:auto}
nav a{font-size:12px;font-weight:600;letter-spacing:.03em;color:#f4eff6;position:relative;padding:33px 0}
nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}
nav a:hover:after,nav a.active:after{transform:scaleX(1)}
.nav-actions{display:flex;gap:14px}
.top-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;font-weight:600;letter-spacing:.08em;transition:.2s}
.top-btn{height:44px;padding:0 22px;font-size:11px;white-space:nowrap}
.gold-btn{border:1px solid var(--gold);background:var(--gold);color:#fff}
.gold-btn:hover{background:#b98c31;transform:translateY(-2px)}
.top-btn.gold-btn{background:transparent;color:var(--gold)}
.top-btn.gold-btn:hover{background:var(--gold);color:#fff}
.purple-btn{background:#71309a;color:#fff;border:1px solid #71309a}
.purple-btn:hover{background:#8b42b7;transform:translateY(-2px)}
.menu-toggle,.menu-icon{display:none}

/* HERO */
.hero{min-height:430px;position:relative;overflow:hidden;background-image:url("https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=2200&q=88");background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,5,37,.98) 0%,rgba(39,7,55,.9) 38%,rgba(39,7,55,.3) 69%,rgba(20,3,28,.12) 100%)}
.hero-content{position:relative;z-index:2;min-height:430px;display:flex;align-items:center}
.hero-copy{padding:35px 0;max-width:650px;color:#fff}
.eyebrow{font-size:12px;letter-spacing:.48em;color:var(--gold);font-weight:600;margin:0 0 14px}
.hero h1{font-family:"Playfair Display",Georgia,serif;font-size:48px;line-height:.98;font-weight:500;letter-spacing:.04em;margin:0}
.hero h1 span{color:var(--gold)}
.ornament{display:flex;align-items:center;gap:13px;width:250px;margin:13px 0 12px;color:var(--gold)}
.ornament b{height:1px;background:var(--gold);flex:1}
.ornament span{font-size:22px}
.hero-description{font-size:13px;line-height:1.65;margin:0;color:#f0eaf2}
.hero-buttons{display:flex;gap:12px;margin-top:19px}
.btn{height:45px;padding:0 25px;font-size:11px}
.hero .purple-btn{background:#71309a}
.hero .gold-btn{background:var(--gold)}

/* SERVICES */
.services {padding: 20px 0 19px;background: transparent !important;}
.section-title{display:flex;align-items:center;justify-content:center;gap:17px}
.section-title h2{font-family:"Playfair Display",Georgia,serif;color:var(--purple);font-size:31px;letter-spacing:.18em;font-weight:500;margin:0}
.title-line{height:1px;width:95px;background:var(--gold)}
.section-subtitle{text-align:center;margin:2px 0 10px;font-size:13px}
.service-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}
.service-card{position:relative;background:#fff;border:1px solid #dfd1bd;border-radius:10px;overflow:hidden;text-align:center;min-width:0;transition:.25s;box-shadow:0 4px 12px rgba(40,10,55,.03)}
.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(40,10,55,.12)}
.service-card>img{width:100%;height:115px;object-fit:cover}
.service-icon{position:absolute;top:94px;left:50%;transform:translateX(-50%);width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--purple);border:4px solid #fff;color:#fff;font-size:19px;z-index:2}
.service-body{padding:31px 8px 13px;min-height:120px}
.service-body h3{font-size:13px;line-height:1.28;letter-spacing:.08em;color:var(--purple);margin:0 0 7px}
.service-body p{font-size:11px;line-height:1.45;margin:0;color:#3f3942}

/* FEATURE STRIP */
.features{background:var(--dark);color:#fff;padding:19px 0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.feature{display:flex;gap:15px;align-items:center;padding:0 35px;border-right:1px solid rgba(255,255,255,.25)}
.feature:first-child{padding-left:10px}
.feature:last-child{border-right:0}
.feature-icon{font-size:44px;line-height:1;color:var(--gold);font-family:Georgia,serif}
.feature h3{font-size:12px;letter-spacing:.12em;margin:0 0 4px}
.feature p{font-size:11px;line-height:1.45;color:#eee6f0;margin:0}

/* CONTACT */
.contact {padding: 70px 0;background: transparent !important;}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.contact h2{font:500 46px/1.08 "Playfair Display",Georgia,serif;color:var(--purple);margin:0}
.contact h2 span{color:var(--gold)}
.contact-info{display:grid;gap:13px}
.contact-info a,.contact-info span{padding:13px 17px;border:1px solid rgba(75,23,107,.12);border-radius:7px;background:#fff;color:var(--purple);font-size:13px}
.contact-info strong{margin-left:10px}
.contact-buttons{display:flex;gap:12px}
.contact-buttons .purple-btn{background:var(--purple)}
.contact-buttons .gold-btn{background:var(--gold)}

/* FOOTER */
footer{background:#170521;color:#fff;padding:22px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between}
.footer-inner .logo-text strong{font-size:11px}
.footer-inner .logo-text small{font-size:7px}
.footer-inner p{font-size:10px;color:#a99eae}
.social-links {display: flex;gap: 12px;align-items: center;}
.social-links a {width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #6a1b9a;color: white;text-decoration: none;font-size: 18px;transition: all 0.3s ease;}
.social-links a:hover {transform: translateY(-3px);background: #4a126d;}

/* FLOATING WA */
.floating-wa{position:fixed;right:21px;bottom:18px;z-index:1100;display:flex;align-items:center;gap:9px;background:#25d366;color:#fff;padding:8px 14px 8px 9px;border-radius:30px;box-shadow:0 8px 25px rgba(0,0,0,.2);font-size:11px}
.floating-wa span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#25d366;font-size:22px}
.floating-wa b{font-weight:600}

/* RESPONSIVE */
@media(max-width:1150px){
 .container{width:min(100% - 40px,1100px)}
 nav{gap:18px}.nav-actions{display:none}
 .service-grid{grid-template-columns:repeat(4,1fr)}
 .feature-grid{grid-template-columns:repeat(2,1fr);gap:20px}
 .feature{border-right:0}.feature:first-child{padding-left:20px}
}
@media(max-width:760px){
 .container{width:calc(100% - 30px)}
 .header{height:70px}.nav{gap:15px}.logo-text strong{font-size:11px;letter-spacing:.16em}.logo-text small{font-size:6px}.tulip-mark{font-size:25px}
 .menu-icon{display:flex;margin-left:auto;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
 .menu-icon i{width:16px;height:2px;background:#fff}
 nav{position:absolute;top:70px;left:15px;right:15px;background:#190525;display:grid;gap:0;padding:8px;border-radius:0 0 12px 12px;box-shadow:0 18px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}
 nav a{padding:13px 15px}nav a:after{display:none}
 .menu-toggle:checked~nav{opacity:1;pointer-events:auto;transform:none}
 .hero{min-height:600px;background-position:58% center}
 .hero-content{min-height:600px;align-items:flex-end;padding-bottom:50px}
 .hero-overlay{background:linear-gradient(90deg,rgba(25,5,37,.97),rgba(25,5,37,.74))}
 .hero h1{font-size:45px}.hero-description{font-size:12px}.desktop{display:none}
 .hero-buttons{flex-direction:column;width:220px}.btn{width:100%}
 .section-title h2{font-size:24px}.title-line{width:45px}
 .service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card>img{height:125px}
 .service-body{min-height:120px}.service-body h3{font-size:11px}.service-body p{font-size:10px}
 .feature-grid{grid-template-columns:1fr;gap:15px}.feature{padding:0 10px!important}
 .contact-box{grid-template-columns:1fr;gap:25px}.contact h2{font-size:39px}.contact-buttons{flex-direction:column;width:230px}
 .footer-inner{flex-direction:column;gap:13px;text-align:center}.floating-wa{right:12px;bottom:12px}.floating-wa b{display:none}.floating-wa{padding:8px}
}
@media(max-width:400px){
 .service-grid{grid-template-columns:1fr}.service-card>img{height:160px}.service-icon{top:138px}
 .service-body{padding-top:31px}
}