*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.container{max-width:1280px;margin:0 auto;padding:0 24px}nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e2e8f0;width:100%;height:68px;position:fixed;top:0}nav .container{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.nav-brand-icon{color:#fff;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.nav-brand-text h1{font-size:16px;font-weight:900;line-height:1}.nav-brand-text p{color:#94a3b8;letter-spacing:1px;text-transform:uppercase;font-size:10px}.nav-links{letter-spacing:1px;text-transform:uppercase;color:#64748b;align-items:center;gap:24px;font-size:11px;font-weight:900;display:none}.nav-links.active{background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:16px;width:100%;padding:24px;display:flex;position:absolute;top:68px;left:0;box-shadow:0 10px 15px -3px #0000001a}.nav-links a{color:inherit;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#0f172a}.nav-links .btn-booking{color:#fff;cursor:pointer;text-align:center;background:#0f172a;border-radius:9999px;padding:10px 20px}.nav-links .btn-booking:hover{background:#0369a1}.nav-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;padding:8px;font-size:24px;display:block}@media (width>=1024px){.nav-links{display:flex}.nav-links.active{box-shadow:none;border:none;flex-direction:row;width:auto;padding:0;display:flex;position:static}.nav-toggle{display:none}}#hero{align-items:center;min-height:100vh;padding-top:80px;padding-bottom:60px;display:flex}.hero-content{grid-template-columns:1fr;align-items:center;gap:64px;display:grid}@media (width>=1024px){.hero-content{grid-template-columns:1fr 1fr}}.hero-left{flex-direction:column;gap:24px;display:flex}.hero-badge{color:#0369a1;background:#f0f9ff;border-radius:9999px;width:fit-content;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}.hero-title{color:#0f172a;font-size:48px;font-weight:900;line-height:1.2}@media (width>=768px){.hero-title{font-size:56px}}.hero-title .highlight{color:#0369a1}.hero-desc{color:#64748b;max-width:500px;font-size:16px;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:16px;padding-top:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:16px;padding:16px 32px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:#0f172a}.btn-primary:hover{background:#0369a1;box-shadow:0 20px 25px #0f172a33}.btn-secondary{color:#0f172a;background:#fff;border:2px solid #e2e8f0}.btn-secondary:hover{border-color:#0f172a}.hero-stats{grid-template-columns:repeat(3,1fr);gap:24px;padding-top:32px;display:grid}.stat{text-align:center}.stat-number{color:#0369a1;font-size:32px;font-weight:900}.stat-label{color:#94a3b8;margin-top:4px;font-size:12px;font-weight:600}.hero-right{border-radius:40px;height:520px;display:none;overflow:hidden;box-shadow:0 25px 50px #0000004d}@media (width>=1024px){.hero-right{display:block}}.hero-slideshow{width:100%;height:100%;position:relative}.hero-slideshow img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;inset:0}.hero-slideshow img.active{opacity:1}.slide-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slide-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:8px;height:8px;transition:background .3s}.slide-dot.active{background:#fff}.clinic-section{background:#fff;padding:96px 0}.section-header{text-align:center;margin-bottom:64px}.section-badge{color:#475569;background:#f1f5f9;border-radius:9999px;margin-bottom:16px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}.section-title{color:#0f172a;margin-bottom:16px;font-size:36px;font-weight:900}@media (width>=768px){.section-title{font-size:40px}}.section-desc{color:#64748b;max-width:700px;margin:0 auto;font-size:16px}.clinic-grid{grid-template-columns:1fr;gap:24px;margin-bottom:32px;display:grid}@media (width>=768px){.clinic-grid{grid-template-columns:1fr 1fr}}.clinic-grid img{object-fit:cover;border-radius:24px;width:100%;height:320px;box-shadow:0 10px 25px #0000001a}.checkups-section{background:#f8fafc;padding:96px 0}.checkups-toggle{justify-content:center;margin-bottom:40px;display:flex}.toggle-group{background:#e2e8f0;border-radius:9999px;gap:4px;padding:4px;display:inline-flex}.toggle-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:9999px;padding:8px 24px;font-size:14px;font-weight:700;transition:all .3s}.toggle-btn.active{color:#fff;background:#0f172a}.packages-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.packages-grid{grid-template-columns:repeat(3,1fr)}}.package-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;transition:all .3s}.package-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.package-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.package-icon{font-size:32px}.package-badge{color:#0369a1;background:#f0f9ff;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700}.package-name{color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:900}.package-desc{color:#94a3b8;margin-bottom:16px;font-size:14px;line-height:1.5}.package-link{color:#0369a1;cursor:pointer;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.package-details{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px;display:none}.package-details.show{display:block}.package-details-title{color:#94a3b8;margin-bottom:8px;font-size:12px;font-weight:600}.package-details-list{flex-direction:column;gap:4px;list-style:none;display:flex}.package-details-list li{color:#64748b;font-size:12px}.gene-section{color:#fff;background:#0f172a;padding:96px 0}.gene-section .section-badge{color:#7dd3fc;background:#0c4a6e}.gene-section .section-title{color:#fff}.gene-section .section-desc{color:#94a3b8}.gene-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.gene-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.gene-grid{grid-template-columns:repeat(3,1fr)}}.gene-card{border-radius:24px;padding:24px;transition:all .3s}.gene-card.highlight{color:#fff;background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%)}.gene-card:not(.highlight){color:#cbd5e1;background:#1e293b}.gene-card:hover{transform:translateY(-4px)}.gene-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:20px;display:flex}.gene-card.highlight .gene-icon{background:#fff3}.gene-card:not(.highlight) .gene-icon{background:#ffffff1a}.gene-name{margin-bottom:8px;font-size:18px;font-weight:900}.gene-desc{opacity:.75;font-size:14px}.specialized-section{background:#fff;padding:96px 0}.specialized-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=1024px){.specialized-grid{grid-template-columns:1fr 1fr}}.specialized-card{border-radius:24px;padding:32px}.allergy-card{background:linear-gradient(135deg,#f0f9ff 0%,#ccfbf1 100%)}.nutrition-card{background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%)}.card-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.card-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.allergy-card .card-icon{background:#14b8a6}.nutrition-card .card-icon{background:#d97706}.card-title{color:#0f172a;margin-bottom:4px;font-size:24px;font-weight:900}.card-subtitle{color:#64748b;font-size:14px}.allergy-items{flex-direction:column;gap:12px;display:flex}.allergy-item{cursor:pointer;background:#fff;border:1px solid #ccfbf1;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.allergy-item:hover{color:#fff;background:#14b8a6;border-color:#14b8a6}.nutrition-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.nutrition-item{text-align:center;background:#fff;border:1px solid #fed7aa;border-radius:16px;padding:16px}.nutrition-item.full{color:#fff;background:#d97706;border-color:#d97706;grid-column:span 2}.nutrition-emoji{margin-bottom:8px;font-size:32px}.nutrition-name{color:#0f172a;font-size:14px;font-weight:700}.nutrition-item.full .nutrition-name{color:#fff}.consultation-box{color:#fff;background:#0f172a;border-radius:24px;margin-top:24px;padding:32px}.consultation-title{margin-bottom:12px;font-size:20px;font-weight:900}.consultation-desc{color:#94a3b8;margin-bottom:20px;font-size:14px;line-height:1.6}.consultation-link{color:#fff;background:#0369a1;border-radius:16px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .3s;display:inline-flex}.consultation-link:hover{background:#0284c7}.table-section{background:#fff;padding:48px 0}.table-title{text-align:center;color:#0f172a;margin-bottom:32px;font-size:24px;font-weight:900}.overflow-x-auto{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.w-full{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.w-full th{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#0f172a;padding:16px;font-size:10px}.w-full td{color:#475569;border-bottom:1px solid #f1f5f9;padding:16px}.w-full tr:last-child td{border-bottom:none}.font-bold-title{color:#0f172a;font-weight:700}.products-section{background:#f8fafc;padding:96px 0}.products-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.products-grid{grid-template-columns:1fr 1fr}}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;justify-content:space-between;padding:32px;transition:all .3s;display:flex}.product-card:hover{box-shadow:0 10px 25px #0000001a}.product-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;font-size:28px;display:flex}.product-card:first-child .product-icon{background:#d97706}.product-card:nth-child(2) .product-icon{background:#2e7d32}.product-name{color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:900}.product-desc{color:#64748b;margin-bottom:24px;font-size:14px;line-height:1.6}.product-features{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.product-feature{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.product-feature-check{margin-right:4px;font-weight:700}.product-card:first-child .product-feature-check{color:#d97706}.product-card:nth-child(2) .product-feature-check{color:#2e7d32}.product-action-btn{text-align:center;border-radius:14px;width:100%;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:block}.product-card:first-child .product-action-btn{color:#0f172a;background:#eab308}.product-card:first-child .product-action-btn:hover{color:#fff;background:#d97706}.product-card:nth-child(2) .product-action-btn{color:#fff;background:#4caf50}.product-card:nth-child(2) .product-action-btn:hover{background:#2e7d32}.booking-section{background:#fff;padding:96px 0}.contact-grid{grid-template-columns:1fr;gap:32px;margin-bottom:48px;display:grid}@media (width>=1024px){.contact-grid{grid-template-columns:repeat(3,1fr)}}.contact-card{text-align:center;background:#f8fafc;border-radius:24px;padding:32px}.contact-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;display:flex}.contact-card:first-child .contact-icon{background:#06b6d4}.contact-card:nth-child(2) .contact-icon{background:#0f172a}.contact-card:nth-child(3) .contact-icon{background:#0369a1}.contact-title{color:#0f172a;margin-bottom:4px;font-weight:900}.contact-info{color:#64748b;margin-bottom:12px;font-family:monospace;font-size:14px}.contact-link{font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.contact-card:first-child .contact-link{color:#06b6d4}.contact-card:nth-child(2) .contact-link{color:#1e293b}.contact-card:nth-child(3) .contact-link{color:#0369a1}.booking-form-container{background:#0f172a;border-radius:40px;max-width:700px;margin:0 auto;padding:56px 32px}.form-title{color:#fff;text-align:center;margin-bottom:8px;font-size:32px;font-weight:900}.form-desc{color:#94a3b8;text-align:center;margin-bottom:40px;font-size:14px}.form-group{grid-template-columns:1fr;gap:16px;margin-bottom:16px;display:grid}@media (width>=768px){.form-group{grid-template-columns:1fr 1fr}}.form-input,.form-select,.form-textarea{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;width:100%;padding:16px 20px;font-family:inherit;font-size:14px}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0369a1;outline:none}.form-select option{color:#fff;background:#0f172a}.form-select{grid-column:1/-1}.form-textarea{resize:none;grid-column:1/-1;min-height:120px}.form-submit{color:#fff;cursor:pointer;background:#0369a1;border:none;border-radius:16px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;width:100%;padding:20px;font-size:16px;font-weight:900;transition:background .3s;display:flex}.form-submit:hover{background:#0284c7}.form-success{text-align:center;padding:64px 32px}.success-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;display:flex}.success-title{color:#fff;margin-bottom:8px;font-size:24px;font-weight:900}.success-desc{color:#94a3b8;font-size:14px}footer{text-align:center;background:#0f172a;padding:40px 0}.footer-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.footer-icon{color:#fff;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.footer-brand-text{color:#fff;font-size:14px;font-weight:900}.footer-info{color:#94a3b8;margin-bottom:12px;font-size:12px}.footer-copyright{color:#64748b;font-size:12px}.social-fab{z-index:40;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:32px;right:24px}.social-btn{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .3s;display:flex;box-shadow:0 10px 25px #0003}.social-btn:hover{transform:scale(1.1)}.social-btn.facebook{background:#1877f2}.social-btn.line{background:#06c755}
