/* ===== CSS RESET & BASE ===== */
      *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
     :root {
  /* Backgrounds: Clean, crisp, and slightly cool tones */
  --bg-primary: #f8fafc;      /* Slate-tinted ultra-light gray */
  --bg-card: #ffffff;
  --bg-card-alt: #f1f5f9;     /* Light slate gray */
  --bg-nav: rgba(248, 250, 252, 0.92);

  /* Accents: Sharp Amber/Gold jo light bg par high contrast deta hai */
  --accent: #c27803;          /* Darker amber gold for crisp visibility */
  --accent-dark: #925602;
  --accent-light: #fef3c7;    /* Soft amber tint */

  /* Text: Clean Slate Grays */
  --text-primary: #0f172a;    /* Deep slate black */
  --text-secondary: #475569;  /* Medium slate gray */
  --text-muted: #94a3b8;      /* Muted border-like text */

  /* Borders & Shadows */
  --border: rgba(15, 23, 42, 0.06);
  --border-strong: rgba(15, 23, 42, 0.15);
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-full: 50%;
  
  /* Modern clean shadow dropping downwards */
  --shadow-card: 0 4px 20px rgba(15, 23, 42, 0.05);
  --shadow-glow: 0 0 20px rgba(194, 120, 3, 0.1);
  --transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);

  --font-body: 'Inter', system-ui, sans-serif;
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
}
      html { scroll-behavior:smooth; font-size:16px; -webkit-text-size-adjust:100%; }
      body {
         font-family: var(--font-body);
         background: var(--bg-primary);
         color: var(--text-primary);
         line-height:1.7;
         overflow-x:hidden;
         -webkit-font-smoothing:antialiased;
         -moz-osx-font-smoothing:grayscale;
      }
      a { color: var(--accent); text-decoration:none; transition: var(--transition); }
      a:hover { color: var(--accent-light); }
      img { max-width:100%; height:auto; display:block; }
      ul { list-style:none; }
      h1,h2,h3,h4 { font-family: var(--font-heading); line-height:1.2; color: var(--text-primary); }
      ::selection { background: var(--accent); color: var(--bg-primary); }

      /* ===== SCROLLBAR ===== */
      ::-webkit-scrollbar { width:6px; }
      ::-webkit-scrollbar-track { background: var(--bg-primary); }
      ::-webkit-scrollbar-thumb { background: var(--accent-dark); border-radius:10px; }

      /* ===== NAVIGATION ===== */
      .navbar {
         position:fixed; top:0; left:0; right:0; z-index:1000;
         background: var(--bg-nav);
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
         border-bottom:1px solid var(--border);
         padding:0 2rem;
         height:70px;
         display:flex; align-items:center; justify-content:space-between;
      }
      .logo {
         font-family: var(--font-heading);
         font-size:1.6rem; font-weight:700;
         background: linear-gradient(135deg, var(--accent), var(--accent-light));
         -webkit-background-clip:text; -webkit-text-fill-color:transparent;
         background-clip:text; letter-spacing:-0.03em;
      }
      .nav-links {
         display:flex; align-items:center; gap:2rem;
      }
      .nav-links li a {
         color: var(--text-secondary); font-size:0.9rem; font-weight:500;
         letter-spacing:0.05em; text-transform:uppercase; position:relative;
         padding:0.25rem 0;
      }
      .nav-links li a::after {
         content:''; position:absolute; bottom:0; left:0; width:0; height:2px;
         background: var(--accent); transition: var(--transition);
      }
      .nav-links li a:hover { color: var(--accent); }
      .nav-links li a:hover::after { width:100%; }

      /* Mobile Menu Button */
      .menu-toggle {
         display:none; flex-direction:column; gap:5px; cursor:pointer;
         background:none; border:none; padding:5px; z-index:1001;
      }
      .menu-toggle .bar {
         width:26px; height:2px; background: var(--text-primary);
         border-radius:2px; transition: var(--transition);
      }
      .menu-toggle.active .bar:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
      .menu-toggle.active .bar:nth-child(2) { opacity:0; }
      .menu-toggle.active .bar:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

      /* ===== HERO VIDEO ===== */
      .hero {
         position:relative; width:100%; height:85vh; min-height:500px; max-height:900px;
         overflow:hidden; margin-top:70px;
      }
      .hero video {
         width:100%; height:100%; object-fit:cover;
      }
      .hero-overlay {
         position:absolute; inset:0;
         background: linear-gradient(to bottom, rgba(10,10,10,0.3) 0%, rgba(10,10,10,0.6) 50%, rgba(10,10,10,0.95) 100%);
         display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
         padding:3rem 2rem; text-align:center;
      }
      .hero-overlay h1 {
         font-size:clamp(1.8rem, 4.5vw, 3.5rem); font-weight:600;
         max-width:900px; margin-bottom:1rem;
         background: linear-gradient(135deg, var(--accent-light), var(--accent), #fff);
         -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
      }
      .hero-tagline {
         font-size:clamp(0.95rem, 1.8vw, 1.15rem); color: var(--text-secondary);
         max-width:650px; margin-bottom:1.5rem; line-height:1.7;
      }
      .hero-badge {
         display:inline-flex; align-items:center; gap:0.5rem;
         background: linear-gradient(135deg, rgba(200,169,126,0.15), rgba(200,169,126,0.05));
         border:1px solid var(--border); border-radius:50px;
         padding:0.6rem 1.5rem; font-size:0.85rem; color: var(--accent);
         letter-spacing:0.08em; text-transform:uppercase; font-weight:500;
      }
      .hero-badge .dot {
         width:8px; height:8px; background:#4ade80; border-radius:50%;
         animation: pulse-dot 2s ease-in-out infinite;
      }

      /* ===== CONTAINER ===== */
      .container {
         max-width:1280px; margin:0 auto; padding:0 1.5rem;
      }

      /* ===== SECTION SPACING ===== */
      .section-block {
         padding:5rem 0;
      }
      .section-divider {
         width:60px; height:3px; border-radius:2px;
         background: linear-gradient(90deg, var(--accent), transparent);
         margin:0.75rem 0 0; 
      }
      .section-label {
         font-size:0.75rem; font-weight:600; letter-spacing:0.2em;
         text-transform:uppercase; color: var(--accent); margin-bottom:0.5rem;
      }

      /* ===== INTRO SECTION ===== */
      .intro-section {
         background: linear-gradient(180deg, var(--bg-primary), #0d0d0d);
      }
      .intro-grid {
         display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
      }
      .intro-text h2 {
         font-size:clamp(1.6rem, 3vw, 2.4rem); font-weight:600; margin-bottom:1.25rem;
      }
      .intro-text p {
         color: var(--text-secondary); margin-bottom:1rem; font-size:0.95rem;
      }
      .intro-text p a { font-weight:600; }
      .intro-highlights {
         display:grid; grid-template-columns:1fr 1fr; gap:1rem;
      }
      .highlight-box {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-md); padding:1.25rem;
         transition: var(--transition);
      }
      .highlight-box:hover {
         border-color: var(--border-strong); box-shadow: var(--shadow-glow);
         transform:translateY(-2px);
      }
      .highlight-box .num {
         font-family: var(--font-heading); font-size:1.8rem; font-weight:700;
         color: var(--accent); display:block;
      }
      .highlight-box .label {
         font-size:0.8rem; color: var(--text-muted); text-transform:uppercase;
         letter-spacing:0.1em; margin-top:0.25rem;
      }

      /* ===== PROFILES ===== */
      .profiles-grid {
         display:grid;
         grid-template-columns: repeat(4, 1fr);
         gap:1.5rem;
      }
      .profile-card {
         background: var(--bg-card);
         border:1px solid var(--border);
         border-radius: var(--radius-lg);
         padding:1.5rem;
         transition: var(--transition);
         position:relative;
         overflow:hidden;
      }
      .profile-card::before {
         content:''; position:absolute; top:0; left:0; right:0; height:3px;
         background: linear-gradient(90deg, var(--accent), var(--accent-dark));
         opacity:0; transition: var(--transition);
      }
      .profile-card:hover {
         border-color: var(--border-strong);
         transform:translateY(-6px);
         box-shadow: var(--shadow-glow);
      }
      .profile-card:hover::before { opacity:1; }

      .image-wrapper {
         position:relative; width:180px; height:180px;
         margin:0 auto 1.25rem;
      }
      .profile-img-circle {
         width:100%; height:100%; object-fit:cover;
         border-radius: var(--radius-full);
         border:3px solid var(--border-strong);
         transition: var(--transition);
      }
      .profile-card:hover .profile-img-circle {
         border-color: var(--accent);
         box-shadow: 0 0 20px rgba(200,169,126,0.25);
      }
      .watermark {
         position:absolute; bottom:8px; left:50%; transform:translateX(-50%);
         background: rgba(10,10,10,0.8); color: var(--accent);
         font-size:0.6rem; font-weight:600; letter-spacing:0.1em;
         padding:2px 10px; border-radius:20px;
         white-space:nowrap; text-transform:uppercase;
      }
      .profile-card h3 {
         text-align:center; font-size:1.15rem; font-weight:600; margin-bottom:0.5rem;
      }
      .profile-meta {
         text-align:center; font-size:0.82rem; color: var(--text-secondary);
         margin-bottom:0.75rem; line-height:1.6;
      }
      .profile-meta .tag {
         display:inline-block; background: rgba(200,169,126,0.1);
         color: var(--accent); padding:1px 8px; border-radius:4px;
         font-size:0.75rem; font-weight:500;
      }
      .profile-desc {
         color: var(--text-secondary); font-size:0.85rem; line-height:1.6;
         text-align:center; margin-bottom:0.75rem;
      }
      .stars {
         text-align:center; color: var(--accent); font-size:0.9rem;
         letter-spacing:2px;
      }
      .profile-cta {
         display:block; text-align:center; margin-top:1rem;
         background: linear-gradient(135deg, rgba(200,169,126,0.12), rgba(200,169,126,0.05));
         border:1px solid var(--border); border-radius: var(--radius-sm);
         padding:0.6rem; font-size:0.82rem; font-weight:600;
         color: var(--accent); transition: var(--transition);
      }
      .profile-cta:hover {
         background: var(--accent); color: var(--bg-primary);
         border-color: var(--accent);
      }

      /* ===== WHY US / FEATURES ===== */
      .features-grid {
         display:grid; grid-template-columns: repeat(3, 1fr); gap:1.5rem;
      }
      .feature-card {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2rem;
         transition: var(--transition);
      }
      .feature-card:hover {
         border-color: var(--border-strong); transform:translateY(-4px);
         box-shadow: var(--shadow-glow);
      }
      .feature-icon {
         width:48px; height:48px; border-radius:12px;
         background: linear-gradient(135deg, rgba(200,169,126,0.15), rgba(200,169,126,0.05));
         border:1px solid var(--border);
         display:flex; align-items:center; justify-content:center;
         margin-bottom:1.25rem; font-size:1.3rem;
      }
      .feature-card h3 {
         font-size:1.1rem; font-weight:600; margin-bottom:0.75rem;
      }
      .feature-card p {
         color: var(--text-secondary); font-size:0.88rem; line-height:1.65;
      }

      /* ===== COLLECTIONS ===== */
      .collections-grid {
         display:grid; grid-template-columns: repeat(3, 1fr); gap:1.5rem;
      }
      .collection-card {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2rem; position:relative;
         overflow:hidden; transition: var(--transition);
      }
      .collection-card:hover {
         border-color: var(--border-strong); transform:translateY(-4px);
      }
      .collection-card.featured {
         border-color: var(--accent-dark);
         background: linear-gradient(135deg, rgba(200,169,126,0.08), var(--bg-card));
      }
      .collection-badge {
         position:absolute; top:1rem; right:1rem;
         background: var(--accent); color: var(--bg-primary);
         font-size:0.65rem; font-weight:700; letter-spacing:0.1em;
         text-transform:uppercase; padding:4px 12px; border-radius:20px;
      }
      .collection-card h3 {
         font-size:1.2rem; font-weight:600; margin-bottom:0.5rem;
      }
      .collection-card .price-range {
         color: var(--accent); font-family: var(--font-heading);
         font-size:1rem; font-weight:600; margin-bottom:0.75rem;
      }
      .collection-card p {
         color: var(--text-secondary); font-size:0.88rem; line-height:1.6;
         margin-bottom:0.75rem;
      }
      .collection-card .best-for {
         font-size:0.78rem; color: var(--text-muted); font-style:italic;
      }

      /* ===== PRICING TABLE ===== */
      .pricing-wrapper {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); overflow:hidden;
         max-width:700px; margin:0 auto;
      }
      .services-table {
         width:100%; border-collapse:collapse; font-size:0.92rem;
      }
      .services-table thead {
         background: linear-gradient(135deg, rgba(200,169,126,0.15), rgba(200,169,126,0.05));
      }
      .services-table th {
         padding:1rem 1.25rem; text-align:left; font-family: var(--font-heading);
         font-weight:600; font-size:0.82rem; letter-spacing:0.1em;
         text-transform:uppercase; color: var(--accent);
         border-bottom:1px solid var(--border);
      }
      .services-table td {
         padding:0.9rem 1.25rem; color: var(--text-secondary);
         border-bottom:1px solid rgba(255,255,255,0.04);
      }
      .services-table tbody tr {
         transition: var(--transition);
      }
      .services-table tbody tr:hover {
         background: rgba(200,169,126,0.05);
      }
      .services-table tbody tr:last-child td { border-bottom:none; }
      .services-table td:first-child { font-weight:500; color: var(--text-primary); }
      .services-table td:nth-child(2),
      .services-table td:nth-child(3) {
         font-family: var(--font-heading); font-weight:500; color: var(--accent);
      }

      /* ===== AVAILABLE NOW TABLE ===== */
      .available-wrapper {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); overflow:hidden;
         max-width:600px; margin:0 auto;
      }

      /* ===== BOOKING STEPS ===== */
      .steps-grid {
         display:grid; grid-template-columns: repeat(4, 1fr); gap:1.5rem;
         position:relative;
      }
      .steps-grid::before {
         content:''; position:absolute; top:35px; left:12%; right:12%;
         height:2px; background: var(--border);
      }
      .step-card {
         text-align:center; position:relative; z-index:1;
      }
      .step-num {
         width:70px; height:70px; border-radius: var(--radius-full);
         background: var(--bg-card); border:2px solid var(--accent);
         display:flex; align-items:center; justify-content:center;
         margin:0 auto 1rem; font-family: var(--font-heading);
         font-size:1.4rem; font-weight:700; color: var(--accent);
         transition: var(--transition);
      }
      .step-card:hover .step-num {
         background: var(--accent); color: var(--bg-primary);
         box-shadow: 0 0 20px rgba(200,169,126,0.3);
      }
      .step-card h3 {
         font-size:1rem; font-weight:600; margin-bottom:0.4rem;
      }
      .step-card p {
         color: var(--text-secondary); font-size:0.82rem; line-height:1.5;
      }

      /* ===== TESTIMONIALS ===== */
      .testimonials-grid {
         display:grid; grid-template-columns: repeat(2, 1fr); gap:1.5rem;
      }
      .testimonial-card {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2rem;
         position:relative; transition: var(--transition);
      }
      .testimonial-card:hover {
         border-color: var(--border-strong); transform:translateY(-3px);
      }
      .testimonial-card .quote-mark {
         font-size:3rem; color: var(--accent); opacity:0.3;
         font-family:Georgia, serif; line-height:1; margin-bottom:0.5rem;
      }
      .testimonial-card p {
         color: var(--text-secondary); font-size:0.9rem; line-height:1.7;
         margin-bottom:1rem; font-style:italic;
      }
      .testimonial-card h4 {
         font-size:0.85rem; font-weight:600; color: var(--accent);
      }
      .testimonial-card .stars {
         text-align:left; margin-top:0.25rem; font-size:0.8rem;
      }

      /* ===== FAQ ===== */
      .faq-list {
         max-width:800px; margin:0 auto;
      }
      .faq-item {
         border:1px solid var(--border); border-radius: var(--radius-md);
         margin-bottom:0.75rem; overflow:hidden;
         background: var(--bg-card); transition: var(--transition);
      }
      .faq-item:hover { border-color: var(--border-strong); }
      .faq-question {
         padding:1.25rem 1.5rem; cursor:pointer; display:flex;
         align-items:center; justify-content:space-between;
         font-family: var(--font-heading); font-size:1rem; font-weight:600;
         color: var(--text-primary); transition: var(--transition);
         user-select:none;
      }
      .faq-question:hover { color: var(--accent); }
      .faq-icon {
         width:28px; height:28px; border-radius: var(--radius-full);
         border:1px solid var(--border); display:flex; align-items:center;
         justify-content:center; font-size:1.1rem; color: var(--accent);
         transition: var(--transition); flex-shrink:0; margin-left:1rem;
      }
      .faq-item.active .faq-icon {
         background: var(--accent); color: var(--bg-primary);
         transform:rotate(45deg);
      }
      .faq-answer {
         max-height:0; overflow:hidden; transition: max-height 0.4s ease;
      }
      .faq-answer-inner {
         padding:0 1.5rem 1.25rem;
         color: var(--text-secondary); font-size:0.9rem; line-height:1.7;
      }

      /* ===== DISCLAIMER ===== */
      .disclaimer-section {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2.5rem;
         max-width:800px; margin:0 auto;
      }
      .disclaimer-section h2 { font-size:1.3rem; margin-bottom:1rem; }
      .disclaimer-section p {
         color: var(--text-secondary); font-size:0.88rem; line-height:1.7;
         margin-bottom:0.75rem;
      }

      /* ===== FOOTER ===== */
      footer {
         background: #060606; border-top:1px solid var(--border);
         padding:2rem 1.5rem; text-align:center;
      }
      footer p {
         color: var(--text-muted); font-size:0.82rem;
      }

      /* ===== FLOATING CTA ===== */
      .floating-cta {
         position:fixed; bottom:0; left:0; right:0; z-index:999;
         display:flex; background: rgba(10,10,10,0.95);
         backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
         border-top:1px solid var(--border); padding:0.6rem 1rem;
      }
      .floating-cta a {
         flex:1; text-align:center; padding:0.75rem; border-radius: var(--radius-sm);
         font-family: var(--font-heading); font-size:0.9rem; font-weight:600;
         letter-spacing:0.05em; transition: var(--transition);
      }
      .floating-cta .cta-call {
         background: var(--accent); color: var(--bg-primary); margin-right:0.5rem;
      }
      .floating-cta .cta-call:hover { background: var(--accent-light); }
      .floating-cta .cta-wa {
         background: #25D366; color:#fff; margin-left:0.5rem;
      }
      .floating-cta .cta-wa:hover { background:#1ebe57; }

      /* ===== BACK TO TOP ===== */
      .back-to-top {
         position:fixed; bottom:80px; right:1rem; z-index:998;
         width:44px; height:44px; border-radius: var(--radius-full);
         background: var(--bg-card); border:1px solid var(--border);
         display:flex; align-items:center; justify-content:center;
         font-size:1.2rem; color: var(--accent); cursor:pointer;
         transition: var(--transition); opacity:0; pointer-events:none;
      }
      .back-to-top.visible { opacity:1; pointer-events:all; }
      .back-to-top:hover { background: var(--accent); color: var(--bg-primary); }

      /* ===== ANIMATIONS ===== */
      @keyframes pulse-dot {
         0%, 100% { opacity:1; transform:scale(1); }
         50% { opacity:0.5; transform:scale(1.5); }
      }
      @keyframes fadeInUp {
         from { opacity:0; transform:translateY(30px); }
         to { opacity:1; transform:translateY(0); }
      }
      .animate-in {
         opacity:0; transform:translateY(30px);
         transition: opacity 0.6s ease, transform 0.6s ease;
      }
      .animate-in.visible {
         opacity:1; transform:translateY(0);
      }

      /* ===== RESPONSIVE ===== */

      /* Large Desktops 1440+ */
      @media (min-width:1440px) {
         .container { max-width:1400px; }
         .hero { max-height:1000px; }
      }

      /* Desktops 1024-1439 */
      @media (max-width:1439px) {
         .profiles-grid { grid-template-columns: repeat(4, 1fr); }
      }

      /* Tablets Landscape & Small Laptops 768-1023 */
      @media (max-width:1023px) {
         .profiles-grid { grid-template-columns: repeat(3, 1fr); }
         .intro-grid { grid-template-columns:1fr; gap:2rem; }
         .features-grid { grid-template-columns: repeat(2, 1fr); }
         .collections-grid { grid-template-columns: repeat(2, 1fr); }
         .steps-grid { grid-template-columns: repeat(2, 1fr); gap:2rem; }
         .steps-grid::before { display:none; }
      }

      /* Tablets Portrait & Large Phones 600-767 */
      @media (max-width:767px) {
         .navbar { padding:0 1rem; }
         .nav-links {
            position:fixed; top:0; right:-100%; width:280px; height:100vh;
            background: rgba(10,10,10,0.98); backdrop-filter: blur(20px);
            flex-direction:column; justify-content:center; gap:2rem;
            padding:2rem; transition: right 0.4s cubic-bezier(0.4,0,0.2,1);
            border-left:1px solid var(--border);
         }
         .nav-links.active { right:0; }
         .nav-links li a { font-size:1.1rem; }
         .menu-toggle { display:flex; }
         .hero { height:70vh; min-height:400px; }
         .profiles-grid { grid-template-columns: repeat(2, 1fr); gap:1rem; }
         .profile-card { padding:1.25rem; }
         .image-wrapper { width:140px; height:140px; }
         .features-grid { grid-template-columns:1fr; }
         .collections-grid { grid-template-columns:1fr; }
         .testimonials-grid { grid-template-columns:1fr; }
         .steps-grid { grid-template-columns:1fr 1fr; }
         .section-block { padding:3.5rem 0; }
         .intro-highlights { grid-template-columns:1fr 1fr; }
         .floating-cta a { font-size:0.82rem; padding:0.65rem; }
      }

      /* Small Phones 320-599 */
      @media (max-width:599px) {
         html { font-size:15px; }
         .hero { height:60vh; min-height:350px; margin-top:60px; }
         .navbar { height:60px; }
         .hero-overlay { padding:2rem 1.25rem; }
         .profiles-grid { grid-template-columns:1fr 1fr; gap:0.75rem; }
         .profile-card { padding:1rem; }
         .image-wrapper { width:110px; height:110px; margin:0 auto 0.75rem; }
         .profile-card h3 { font-size:1rem; }
         .profile-meta { font-size:0.75rem; }
         .profile-desc { font-size:0.8rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
         .steps-grid { grid-template-columns:1fr; }
         .step-num { width:56px; height:56px; font-size:1.1rem; }
         .section-block { padding:2.5rem 0; }
         .container { padding:0 1rem; }
         .disclaimer-section { padding:1.5rem; }
         .services-table { font-size:0.82rem; }
         .services-table th, .services-table td { padding:0.7rem 0.75rem; }
         .floating-cta a { font-size:0.78rem; padding:0.55rem; }
      }

      /* Very Small Screens < 360px */
      @media (max-width:359px) {
         html { font-size:14px; }
         .profiles-grid { grid-template-columns:1fr; }
         .image-wrapper { width:130px; height:130px; }
         .intro-highlights { grid-template-columns:1fr; }
      }

      /* Smart TV / Very Large Screens 1920+ */
      @media (min-width:1920px) {
         .container { max-width:1600px; }
         .hero { max-height:1100px; }
         .profiles-grid { grid-template-columns: repeat(4, 1fr); gap:2rem; }
      }

      /* Landscape phones */
      @media (max-height:500px) and (orientation:landscape) {
         .hero { height:100vh; min-height:300px; }
      }

      /* Prefers reduced motion */
      @media (prefers-reduced-motion: reduce) {
         *, *::before, *::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
         html { scroll-behavior:auto; }
      }

      /* Print styles */
      @media print {
         .navbar, .floating-cta, .back-to-top, .hero video { display:none !important; }
         body { background:#fff; color:#000; }
         .profile-card, .feature-card, .testimonial-card { border:1px solid #ccc; }
      }
   </style><style>
      /* ===== CSS RESET & BASE ===== */
      *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
      :root {
         --bg-primary: #0a0a0a;
         --bg-card: #141414;
         --bg-card-alt: #1a1a1a;
         --bg-nav: rgba(10,10,10,0.92);
         --accent: #c8a97e;
         --accent-dark: #a8895e;
         --accent-light: #e0c9a6;
         --text-primary: #f0ece4;
         --text-secondary: #a09a90;
         --text-muted: #6b6560;
         --border: rgba(200,169,126,0.15);
         --border-strong: rgba(200,169,126,0.35);
         --radius-sm: 0.75rem;
         --radius-md: 1rem;
         --radius-lg: 1.5rem;
         --radius-full: 50%;
         --shadow-card: 0 8px 32px rgba(0,0,0,0.4);
         --shadow-glow: 0 0 30px rgba(200,169,126,0.15);
         --transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
         --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
         --font-heading: 'Space Grotesk', 'Inter', sans-serif;
      }
      html { scroll-behavior:smooth; font-size:16px; -webkit-text-size-adjust:100%; }
      body {
         font-family: var(--font-body);
         background: var(--bg-primary);
         color: var(--text-primary);
         line-height:1.7;
         overflow-x:hidden;
         -webkit-font-smoothing:antialiased;
         -moz-osx-font-smoothing:grayscale;
      }
      a { color: var(--accent); text-decoration:none; transition: var(--transition); }
      a:hover { color: var(--accent-light); }
      img { max-width:100%; height:auto; display:block; }
      ul { list-style:none; }
      h1,h2,h3,h4 { font-family: var(--font-heading); line-height:1.2; color: var(--text-primary); }
      ::selection { background: var(--accent); color: var(--bg-primary); }

      /* ===== SCROLLBAR ===== */
      ::-webkit-scrollbar { width:6px; }
      ::-webkit-scrollbar-track { background: var(--bg-primary); }
      ::-webkit-scrollbar-thumb { background: var(--accent-dark); border-radius:10px; }

      /* ===== NAVIGATION ===== */
      .navbar {
         position:fixed; top:0; left:0; right:0; z-index:1000;
         background: var(--bg-nav);
         backdrop-filter: blur(20px);
         -webkit-backdrop-filter: blur(20px);
         border-bottom:1px solid var(--border);
         padding:0 2rem;
         height:70px;
         display:flex; align-items:center; justify-content:space-between;
      }
      .logo {
         font-family: var(--font-heading);
         font-size:1.6rem; font-weight:700;
         background: linear-gradient(135deg, var(--accent), var(--accent-light));
         -webkit-background-clip:text; -webkit-text-fill-color:transparent;
         background-clip:text; letter-spacing:-0.03em;
      }
      .nav-links {
         display:flex; align-items:center; gap:2rem;
      }
      .nav-links li a {
         color: var(--text-secondary); font-size:0.9rem; font-weight:500;
         letter-spacing:0.05em; text-transform:uppercase; position:relative;
         padding:0.25rem 0;
      }
      .nav-links li a::after {
         content:''; position:absolute; bottom:0; left:0; width:0; height:2px;
         background: var(--accent); transition: var(--transition);
      }
      .nav-links li a:hover { color: var(--accent); }
      .nav-links li a:hover::after { width:100%; }

      /* Mobile Menu Button */
      .menu-toggle {
         display:none; flex-direction:column; gap:5px; cursor:pointer;
         background:none; border:none; padding:5px; z-index:1001;
      }
      .menu-toggle .bar {
         width:26px; height:2px; background: var(--text-primary);
         border-radius:2px; transition: var(--transition);
      }
      .menu-toggle.active .bar:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
      .menu-toggle.active .bar:nth-child(2) { opacity:0; }
      .menu-toggle.active .bar:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

      /* ===== HERO VIDEO ===== */
      .hero {
         position:relative; width:100%; height:85vh; min-height:500px; max-height:900px;
         overflow:hidden; margin-top:70px;
      }
      .hero video {
         width:100%; height:100%; object-fit:cover;
      }
      .hero-overlay {
         position:absolute; inset:0;
         background: linear-gradient(to bottom, rgba(10,10,10,0.3) 0%, rgba(10,10,10,0.6) 50%, rgba(10,10,10,0.95) 100%);
         display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
         padding:3rem 2rem; text-align:center;
      }
      .hero-overlay h1 {
         font-size:clamp(1.8rem, 4.5vw, 3.5rem); font-weight:600;
         max-width:900px; margin-bottom:1rem;
         background: linear-gradient(135deg, var(--accent-light), var(--accent), #fff);
         -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
      }
      .hero-tagline {
         font-size:clamp(0.95rem, 1.8vw, 1.15rem); color: var(--text-secondary);
         max-width:650px; margin-bottom:1.5rem; line-height:1.7;
      }
      .hero-badge {
         display:inline-flex; align-items:center; gap:0.5rem;
         background: linear-gradient(135deg, rgba(200,169,126,0.15), rgba(200,169,126,0.05));
         border:1px solid var(--border); border-radius:50px;
         padding:0.6rem 1.5rem; font-size:0.85rem; color: var(--accent);
         letter-spacing:0.08em; text-transform:uppercase; font-weight:500;
      }
      .hero-badge .dot {
         width:8px; height:8px; background:#4ade80; border-radius:50%;
         animation: pulse-dot 2s ease-in-out infinite;
      }

      /* ===== CONTAINER ===== */
      .container {
         max-width:1280px; margin:0 auto; padding:0 1.5rem;
      }

      /* ===== SECTION SPACING ===== */
      .section-block {
         padding:5rem 0;
      }
      .section-divider {
         width:60px; height:3px; border-radius:2px;
         background: linear-gradient(90deg, var(--accent), transparent);
         margin:0.75rem 0 0; 
      }
      .section-label {
         font-size:0.75rem; font-weight:600; letter-spacing:0.2em;
         text-transform:uppercase; color: var(--accent); margin-bottom:0.5rem;
      }

      /* ===== INTRO SECTION ===== */
      .intro-section {
         background: linear-gradient(180deg, var(--bg-primary), #0d0d0d);
      }
      .intro-grid {
         display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
      }
      .intro-text h2 {
         font-size:clamp(1.6rem, 3vw, 2.4rem); font-weight:600; margin-bottom:1.25rem;
      }
      .intro-text p {
         color: var(--text-secondary); margin-bottom:1rem; font-size:0.95rem;
      }
      .intro-text p a { font-weight:600; }
      .intro-highlights {
         display:grid; grid-template-columns:1fr 1fr; gap:1rem;
      }
      .highlight-box {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-md); padding:1.25rem;
         transition: var(--transition);
      }
      .highlight-box:hover {
         border-color: var(--border-strong); box-shadow: var(--shadow-glow);
         transform:translateY(-2px);
      }
      .highlight-box .num {
         font-family: var(--font-heading); font-size:1.8rem; font-weight:700;
         color: var(--accent); display:block;
      }
      .highlight-box .label {
         font-size:0.8rem; color: var(--text-muted); text-transform:uppercase;
         letter-spacing:0.1em; margin-top:0.25rem;
      }

      /* ===== PROFILES ===== */
      .profiles-grid {
         display:grid;
         grid-template-columns: repeat(4, 1fr);
         gap:1.5rem;
      }
      .profile-card {
         background: var(--bg-card);
         border:1px solid var(--border);
         border-radius: var(--radius-lg);
         padding:1.5rem;
         transition: var(--transition);
         position:relative;
         overflow:hidden;
      }
      .profile-card::before {
         content:''; position:absolute; top:0; left:0; right:0; height:3px;
         background: linear-gradient(90deg, var(--accent), var(--accent-dark));
         opacity:0; transition: var(--transition);
      }
      .profile-card:hover {
         border-color: var(--border-strong);
         transform:translateY(-6px);
         box-shadow: var(--shadow-glow);
      }
      .profile-card:hover::before { opacity:1; }

      .image-wrapper {
         position:relative; width:180px; height:180px;
         margin:0 auto 1.25rem;
      }
      .profile-img-circle {
         width:100%; height:100%; object-fit:cover;
         border-radius: var(--radius-full);
         border:3px solid var(--border-strong);
         transition: var(--transition);
      }
      .profile-card:hover .profile-img-circle {
         border-color: var(--accent);
         box-shadow: 0 0 20px rgba(200,169,126,0.25);
      }
      .watermark {
         position:absolute; bottom:8px; left:50%; transform:translateX(-50%);
         background: rgba(10,10,10,0.8); color: var(--accent);
         font-size:0.6rem; font-weight:600; letter-spacing:0.1em;
         padding:2px 10px; border-radius:20px;
         white-space:nowrap; text-transform:uppercase;
      }
      .profile-card h3 {
         text-align:center; font-size:1.15rem; font-weight:600; margin-bottom:0.5rem;
      }
      .profile-meta {
         text-align:center; font-size:0.82rem; color: var(--text-secondary);
         margin-bottom:0.75rem; line-height:1.6;
      }
      .profile-meta .tag {
         display:inline-block; background: rgba(200,169,126,0.1);
         color: var(--accent); padding:1px 8px; border-radius:4px;
         font-size:0.75rem; font-weight:500;
      }
      .profile-desc {
         color: var(--text-secondary); font-size:0.85rem; line-height:1.6;
         text-align:center; margin-bottom:0.75rem;
      }
      .stars {
         text-align:center; color: var(--accent); font-size:0.9rem;
         letter-spacing:2px;
      }
      .profile-cta {
         display:block; text-align:center; margin-top:1rem;
         background: linear-gradient(135deg, rgba(200,169,126,0.12), rgba(200,169,126,0.05));
         border:1px solid var(--border); border-radius: var(--radius-sm);
         padding:0.6rem; font-size:0.82rem; font-weight:600;
         color: var(--accent); transition: var(--transition);
      }
      .profile-cta:hover {
         background: var(--accent); color: var(--bg-primary);
         border-color: var(--accent);
      }

      /* ===== WHY US / FEATURES ===== */
      .features-grid {
         display:grid; grid-template-columns: repeat(3, 1fr); gap:1.5rem;
      }
      .feature-card {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2rem;
         transition: var(--transition);
      }
      .feature-card:hover {
         border-color: var(--border-strong); transform:translateY(-4px);
         box-shadow: var(--shadow-glow);
      }
      .feature-icon {
         width:48px; height:48px; border-radius:12px;
         background: linear-gradient(135deg, rgba(200,169,126,0.15), rgba(200,169,126,0.05));
         border:1px solid var(--border);
         display:flex; align-items:center; justify-content:center;
         margin-bottom:1.25rem; font-size:1.3rem;
      }
      .feature-card h3 {
         font-size:1.1rem; font-weight:600; margin-bottom:0.75rem;
      }
      .feature-card p {
         color: var(--text-secondary); font-size:0.88rem; line-height:1.65;
      }

      /* ===== COLLECTIONS ===== */
      .collections-grid {
         display:grid; grid-template-columns: repeat(3, 1fr); gap:1.5rem;
      }
      .collection-card {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2rem; position:relative;
         overflow:hidden; transition: var(--transition);
      }
      .collection-card:hover {
         border-color: var(--border-strong); transform:translateY(-4px);
      }
      .collection-card.featured {
         border-color: var(--accent-dark);
         background: linear-gradient(135deg, rgba(200,169,126,0.08), var(--bg-card));
      }
      .collection-badge {
         position:absolute; top:1rem; right:1rem;
         background: var(--accent); color: var(--bg-primary);
         font-size:0.65rem; font-weight:700; letter-spacing:0.1em;
         text-transform:uppercase; padding:4px 12px; border-radius:20px;
      }
      .collection-card h3 {
         font-size:1.2rem; font-weight:600; margin-bottom:0.5rem;
      }
      .collection-card .price-range {
         color: var(--accent); font-family: var(--font-heading);
         font-size:1rem; font-weight:600; margin-bottom:0.75rem;
      }
      .collection-card p {
         color: var(--text-secondary); font-size:0.88rem; line-height:1.6;
         margin-bottom:0.75rem;
      }
      .collection-card .best-for {
         font-size:0.78rem; color: var(--text-muted); font-style:italic;
      }

      /* ===== PRICING TABLE ===== */
      .pricing-wrapper {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); overflow:hidden;
         max-width:700px; margin:0 auto;
      }
      .services-table {
         width:100%; border-collapse:collapse; font-size:0.92rem;
      }
      .services-table thead {
         background: linear-gradient(135deg, rgba(200,169,126,0.15), rgba(200,169,126,0.05));
      }
      .services-table th {
         padding:1rem 1.25rem; text-align:left; font-family: var(--font-heading);
         font-weight:600; font-size:0.82rem; letter-spacing:0.1em;
         text-transform:uppercase; color: var(--accent);
         border-bottom:1px solid var(--border);
      }
      .services-table td {
         padding:0.9rem 1.25rem; color: var(--text-secondary);
         border-bottom:1px solid rgba(255,255,255,0.04);
      }
      .services-table tbody tr {
         transition: var(--transition);
      }
      .services-table tbody tr:hover {
         background: rgba(200,169,126,0.05);
      }
      .services-table tbody tr:last-child td { border-bottom:none; }
      .services-table td:first-child { font-weight:500; color: var(--text-primary); }
      .services-table td:nth-child(2),
      .services-table td:nth-child(3) {
         font-family: var(--font-heading); font-weight:500; color: var(--accent);
      }

      /* ===== AVAILABLE NOW TABLE ===== */
      .available-wrapper {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); overflow:hidden;
         max-width:600px; margin:0 auto;
      }

      /* ===== BOOKING STEPS ===== */
      .steps-grid {
         display:grid; grid-template-columns: repeat(4, 1fr); gap:1.5rem;
         position:relative;
      }
      .steps-grid::before {
         content:''; position:absolute; top:35px; left:12%; right:12%;
         height:2px; background: var(--border);
      }
      .step-card {
         text-align:center; position:relative; z-index:1;
      }
      .step-num {
         width:70px; height:70px; border-radius: var(--radius-full);
         background: var(--bg-card); border:2px solid var(--accent);
         display:flex; align-items:center; justify-content:center;
         margin:0 auto 1rem; font-family: var(--font-heading);
         font-size:1.4rem; font-weight:700; color: var(--accent);
         transition: var(--transition);
      }
      .step-card:hover .step-num {
         background: var(--accent); color: var(--bg-primary);
         box-shadow: 0 0 20px rgba(200,169,126,0.3);
      }
      .step-card h3 {
         font-size:1rem; font-weight:600; margin-bottom:0.4rem;
      }
      .step-card p {
         color: var(--text-secondary); font-size:0.82rem; line-height:1.5;
      }

      /* ===== TESTIMONIALS ===== */
      .testimonials-grid {
         display:grid; grid-template-columns: repeat(2, 1fr); gap:1.5rem;
      }
      .testimonial-card {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2rem;
         position:relative; transition: var(--transition);
      }
      .testimonial-card:hover {
         border-color: var(--border-strong); transform:translateY(-3px);
      }
      .testimonial-card .quote-mark {
         font-size:3rem; color: var(--accent); opacity:0.3;
         font-family:Georgia, serif; line-height:1; margin-bottom:0.5rem;
      }
      .testimonial-card p {
         color: var(--text-secondary); font-size:0.9rem; line-height:1.7;
         margin-bottom:1rem; font-style:italic;
      }
      .testimonial-card h4 {
         font-size:0.85rem; font-weight:600; color: var(--accent);
      }
      .testimonial-card .stars {
         text-align:left; margin-top:0.25rem; font-size:0.8rem;
      }

      /* ===== FAQ ===== */
      .faq-list {
         max-width:800px; margin:0 auto;
      }
      .faq-item {
         border:1px solid var(--border); border-radius: var(--radius-md);
         margin-bottom:0.75rem; overflow:hidden;
         background: var(--bg-card); transition: var(--transition);
      }
      .faq-item:hover { border-color: var(--border-strong); }
      .faq-question {
         padding:1.25rem 1.5rem; cursor:pointer; display:flex;
         align-items:center; justify-content:space-between;
         font-family: var(--font-heading); font-size:1rem; font-weight:600;
         color: var(--text-primary); transition: var(--transition);
         user-select:none;
      }
      .faq-question:hover { color: var(--accent); }
      .faq-icon {
         width:28px; height:28px; border-radius: var(--radius-full);
         border:1px solid var(--border); display:flex; align-items:center;
         justify-content:center; font-size:1.1rem; color: var(--accent);
         transition: var(--transition); flex-shrink:0; margin-left:1rem;
      }
      .faq-item.active .faq-icon {
         background: var(--accent); color: var(--bg-primary);
         transform:rotate(45deg);
      }
      .faq-answer {
         max-height:0; overflow:hidden; transition: max-height 0.4s ease;
      }
      .faq-answer-inner {
         padding:0 1.5rem 1.25rem;
         color: var(--text-secondary); font-size:0.9rem; line-height:1.7;
      }

      /* ===== DISCLAIMER ===== */
      .disclaimer-section {
         background: var(--bg-card); border:1px solid var(--border);
         border-radius: var(--radius-lg); padding:2.5rem;
         max-width:800px; margin:0 auto;
      }
      .disclaimer-section h2 { font-size:1.3rem; margin-bottom:1rem; }
      .disclaimer-section p {
         color: var(--text-secondary); font-size:0.88rem; line-height:1.7;
         margin-bottom:0.75rem;
      }

      /* ===== FOOTER ===== */
      footer {
         background: #060606; border-top:1px solid var(--border);
         padding:2rem 1.5rem; text-align:center;
      }
      footer p {
         color: var(--text-muted); font-size:0.82rem;
      }

      /* ===== FLOATING CTA ===== */
      .floating-cta {
         position:fixed; bottom:0; left:0; right:0; z-index:999;
         display:flex; background: rgba(10,10,10,0.95);
         backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
         border-top:1px solid var(--border); padding:0.6rem 1rem;
      }
      .floating-cta a {
         flex:1; text-align:center; padding:0.75rem; border-radius: var(--radius-sm);
         font-family: var(--font-heading); font-size:0.9rem; font-weight:600;
         letter-spacing:0.05em; transition: var(--transition);
      }
      .floating-cta .cta-call {
         background: var(--accent); color: var(--bg-primary); margin-right:0.5rem;
      }
      .floating-cta .cta-call:hover { background: var(--accent-light); }
      .floating-cta .cta-wa {
         background: #25D366; color:#fff; margin-left:0.5rem;
      }
      .floating-cta .cta-wa:hover { background:#1ebe57; }

      /* ===== BACK TO TOP ===== */
      .back-to-top {
         position:fixed; bottom:80px; right:1rem; z-index:998;
         width:44px; height:44px; border-radius: var(--radius-full);
         background: var(--bg-card); border:1px solid var(--border);
         display:flex; align-items:center; justify-content:center;
         font-size:1.2rem; color: var(--accent); cursor:pointer;
         transition: var(--transition); opacity:0; pointer-events:none;
      }
      .back-to-top.visible { opacity:1; pointer-events:all; }
      .back-to-top:hover { background: var(--accent); color: var(--bg-primary); }

      /* ===== ANIMATIONS ===== */
      @keyframes pulse-dot {
         0%, 100% { opacity:1; transform:scale(1); }
         50% { opacity:0.5; transform:scale(1.5); }
      }
      @keyframes fadeInUp {
         from { opacity:0; transform:translateY(30px); }
         to { opacity:1; transform:translateY(0); }
      }
      .animate-in {
         opacity:0; transform:translateY(30px);
         transition: opacity 0.6s ease, transform 0.6s ease;
      }
      .animate-in.visible {
         opacity:1; transform:translateY(0);
      }

      /* ===== RESPONSIVE ===== */

      /* Large Desktops 1440+ */
      @media (min-width:1440px) {
         .container { max-width:1400px; }
         .hero { max-height:1000px; }
      }

      /* Desktops 1024-1439 */
      @media (max-width:1439px) {
         .profiles-grid { grid-template-columns: repeat(4, 1fr); }
      }

      /* Tablets Landscape & Small Laptops 768-1023 */
      @media (max-width:1023px) {
         .profiles-grid { grid-template-columns: repeat(3, 1fr); }
         .intro-grid { grid-template-columns:1fr; gap:2rem; }
         .features-grid { grid-template-columns: repeat(2, 1fr); }
         .collections-grid { grid-template-columns: repeat(2, 1fr); }
         .steps-grid { grid-template-columns: repeat(2, 1fr); gap:2rem; }
         .steps-grid::before { display:none; }
      }

      /* Tablets Portrait & Large Phones 600-767 */
      @media (max-width:767px) {
         .navbar { padding:0 1rem; }
         .nav-links {
            position:fixed; top:0; right:-100%; width:280px; height:100vh;
            background: rgba(10,10,10,0.98); backdrop-filter: blur(20px);
            flex-direction:column; justify-content:center; gap:2rem;
            padding:2rem; transition: right 0.4s cubic-bezier(0.4,0,0.2,1);
            border-left:1px solid var(--border);
         }
         .nav-links.active { right:0; }
         .nav-links li a { font-size:1.1rem; }
         .menu-toggle { display:flex; }
         .hero { height:70vh; min-height:400px; }
         .profiles-grid { grid-template-columns: repeat(2, 1fr); gap:1rem; }
         .profile-card { padding:1.25rem; }
         .image-wrapper { width:140px; height:140px; }
         .features-grid { grid-template-columns:1fr; }
         .collections-grid { grid-template-columns:1fr; }
         .testimonials-grid { grid-template-columns:1fr; }
         .steps-grid { grid-template-columns:1fr 1fr; }
         .section-block { padding:3.5rem 0; }
         .intro-highlights { grid-template-columns:1fr 1fr; }
         .floating-cta a { font-size:0.82rem; padding:0.65rem; }
      }

      /* Small Phones 320-599 */
      @media (max-width:599px) {
         html { font-size:15px; }
         .hero { height:60vh; min-height:350px; margin-top:60px; }
         .navbar { height:60px; }
         .hero-overlay { padding:2rem 1.25rem; }
         .profiles-grid { grid-template-columns:1fr 1fr; gap:0.75rem; }
         .profile-card { padding:1rem; }
         .image-wrapper { width:110px; height:110px; margin:0 auto 0.75rem; }
         .profile-card h3 { font-size:1rem; }
         .profile-meta { font-size:0.75rem; }
         .profile-desc { font-size:0.8rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
         .steps-grid { grid-template-columns:1fr; }
         .step-num { width:56px; height:56px; font-size:1.1rem; }
         .section-block { padding:2.5rem 0; }
         .container { padding:0 1rem; }
         .disclaimer-section { padding:1.5rem; }
         .services-table { font-size:0.82rem; }
         .services-table th, .services-table td { padding:0.7rem 0.75rem; }
         .floating-cta a { font-size:0.78rem; padding:0.55rem; }
      }

      /* Very Small Screens < 360px */
      @media (max-width:359px) {
         html { font-size:14px; }
         .profiles-grid { grid-template-columns:1fr; }
         .image-wrapper { width:130px; height:130px; }
         .intro-highlights { grid-template-columns:1fr; }
      }

      /* Smart TV / Very Large Screens 1920+ */
      @media (min-width:1920px) {
         .container { max-width:1600px; }
         .hero { max-height:1100px; }
         .profiles-grid { grid-template-columns: repeat(4, 1fr); gap:2rem; }
      }

      /* Landscape phones */
      @media (max-height:500px) and (orientation:landscape) {
         .hero { height:100vh; min-height:300px; }
      }

      /* Prefers reduced motion */
      @media (prefers-reduced-motion: reduce) {
         *, *::before, *::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
         html { scroll-behavior:auto; }
      }

      /* Print styles */
      @media print {
         .navbar, .floating-cta, .back-to-top, .hero video { display:none !important; }
         body { background:#fff; color:#000; }
         .profile-card, .feature-card, .testimonial-card { border:1px solid #ccc; }
      }