*{margin:0;padding:0;box-sizing:border-box}:root{--pink: #E91E63;--purple: #9C27B0;--cyan: #00BCD4;--dark: #1a1a2e;--gray: #666;--light-gray: #f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}body{margin:0;background:#fff;color:var(--dark)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{background:#fff;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.header .logo{height:50px;width:auto}.header nav{display:flex;gap:32px}.header nav a{color:var(--dark);text-decoration:none;font-weight:600;font-size:.9375rem;transition:color .2s}.header nav a:hover{color:var(--purple)}.language-selector{display:flex;gap:8px;margin-left:24px}.lang-btn{background:transparent;border:2px solid var(--purple);color:var(--purple);padding:6px 12px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.lang-btn:hover{background:#9c27b01a}.lang-btn.active{background:var(--purple);color:#fff}.hero{background:linear-gradient(135deg,#f3e5f5,#e1f5fe);padding:80px 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/dna.jpg) center center / cover no-repeat;opacity:.15;z-index:0}.hero .container{position:relative;z-index:1}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero h1{font-size:3rem;font-weight:800;color:var(--dark);margin-bottom:16px;line-height:1.2}.hero .lead{font-size:1.25rem;color:var(--gray);margin-bottom:48px;font-weight:500}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px}.hero-feature{display:flex;align-items:center;gap:16px;background:#ffffffe6;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.feature-text{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.feature-text strong{font-size:1rem;color:var(--dark);font-weight:700}.feature-text span{font-size:.875rem;color:var(--gray)}.products{padding:80px 0;background:#fafafa}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:16px;color:var(--dark)}.section-lead{font-size:1.125rem;color:var(--gray);text-align:center;max-width:700px;margin:0 auto 64px}.product{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:48px;box-shadow:0 4px 16px #00000014;transition:transform .3s,box-shadow .3s;max-width:100%}.product:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.product-hero{padding:48px;position:relative;display:grid;grid-template-columns:1fr 250px;gap:48px;align-items:center}.product-hero-image{display:flex;justify-content:center;align-items:center}.product-hero-image img{width:200px;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #00000026}.femobiome .product-hero{background:linear-gradient(135deg,#e91e631a,#e91e630d);border-left:6px solid var(--pink)}.androbiome .product-hero{background:linear-gradient(135deg,#9c27b01a,#9c27b00d);border-left:6px solid var(--purple)}.enterobiome .product-hero{background:linear-gradient(135deg,#00bcd41a,#00bcd40d);border-left:6px solid var(--cyan)}.product-hero h3{font-size:2.5rem;font-weight:800;margin-bottom:8px}.femobiome h3{color:var(--pink)}.androbiome h3{color:var(--purple)}.enterobiome h3{color:var(--cyan)}.product-tagline{font-size:1.25rem;font-weight:600;color:var(--dark);margin-bottom:12px}.product-desc{font-size:1rem;color:var(--gray);max-width:800px}.product-details{padding:48px;display:grid;gap:32px;overflow:hidden}.detail-section{overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.detail-section h4{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:12px}.detail-section p{color:var(--gray);line-height:1.7;margin-bottom:12px}.detail-section ul{list-style:none;padding-left:0}.detail-section ul li{color:var(--gray);padding:8px 0 8px 28px;position:relative;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.detail-section ul li:before{content:"✓";position:absolute;left:0;font-weight:700;color:var(--purple)}.detail-section ul li strong{color:var(--dark);font-weight:600}.test-versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:16px}.version{background:var(--light-gray);padding:24px;border-radius:12px;border-left:4px solid var(--purple);overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.femobiome .version{border-left-color:var(--pink)}.androbiome .version{border-left-color:var(--purple)}.enterobiome .version{border-left-color:var(--cyan)}.version strong{display:block;font-size:1.125rem;color:var(--dark);margin-bottom:8px;font-weight:700}.version p{font-size:.9375rem;color:var(--gray);margin:0;word-wrap:break-word;overflow-wrap:break-word}.important-box{background:#fff3e0;border-left:4px solid #FF9800;padding:20px;border-radius:8px;margin-top:16px}.important-box strong{color:#e65100;font-weight:700}.comparison-table-wrapper{overflow-x:auto;margin:24px 0}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:700px}.comparison-table th,.comparison-table td{border:1px solid #e0e0e0;padding:12px;text-align:left;vertical-align:top}.comparison-table thead th{background:var(--pink);color:#fff;font-weight:600;text-align:center}.comparison-table thead th.main-header{background:var(--purple)}.comparison-table thead th.sub-header{background:#e91e63d9;font-size:.8125rem}.comparison-table tbody td:first-child{font-weight:600;color:var(--pink);background:#fdf2f4}.comparison-table.androbiome-table thead th{background:var(--purple)}.comparison-table.androbiome-table tbody td:first-child{color:var(--purple);background:#f3e5f5}.comparison-table tbody td{color:var(--gray);line-height:1.5}.comparison-table tbody td em{font-style:italic;display:block;margin:2px 0}.comparison-table .empty-cell{text-align:center;color:#ccc}.screen-description{background:linear-gradient(135deg,#e91e6314,#9c27b014);border-left:4px solid var(--pink);padding:20px;border-radius:8px;margin-bottom:20px;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.screen-description.androbiome-desc{background:linear-gradient(135deg,#9c27b014,#673ab714);border-left:4px solid var(--purple)}.screen-description.androbiome-desc h5{color:var(--purple)}.screen-description h5{color:var(--pink);font-size:1.125rem;font-weight:700;margin-bottom:8px}.screen-description p{color:var(--gray);margin:0;line-height:1.6}.screen-description ul{margin:12px 0 0;padding-left:20px}.screen-description ul li{color:var(--gray);padding:4px 0}.screen-description ul li:before{content:none}.brochure-download{display:inline-block;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;text-decoration:none;padding:16px 32px;border-radius:8px;font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #9c27b04d}.brochure-download:hover{transform:translateY(-2px);box-shadow:0 6px 16px #9c27b066}.brochure-download.guide-link{margin-left:16px;background:linear-gradient(135deg,#00bcd4,#00838f);box-shadow:0 4px 12px #00bcd44d}.brochure-download.guide-link:hover{box-shadow:0 6px 16px #00bcd466}.technology{padding:80px 0;background:#fff}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin:48px 0}.tech-card{background:var(--light-gray);padding:32px;border-radius:12px;transition:transform .2s,box-shadow .2s}.tech-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.tech-card h3{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:12px}.tech-card p{color:var(--gray);line-height:1.7}.color-legend{background:var(--light-gray);padding:40px;border-radius:12px;margin-top:48px}.color-legend h3{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:12px}.color-legend>p{color:var(--gray);margin-bottom:24px}.legend-items{display:flex;flex-direction:column;gap:16px}.legend-item{display:flex;align-items:center;gap:16px}.legend-color{width:32px;height:32px;border-radius:6px;flex-shrink:0}.legend-color.green{background:#4caf50}.legend-color.yellow{background:#ffc107}.legend-color.red{background:#f44336}.legend-item span{color:var(--gray);font-size:.9375rem}.footer{background:var(--dark);color:#fff;padding:64px 0 24px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;margin-bottom:48px}.footer-section h4{font-size:1.125rem;font-weight:700;margin-bottom:16px;color:#fff}.footer-section p{color:#fffc;margin:8px 0;font-size:.9375rem}.footer-logo{height:50px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1)}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#fff9;font-size:.875rem}@media (max-width: 768px){.hero h1{font-size:2rem}.hero .lead{font-size:1rem}.hero-features{grid-template-columns:1fr}.header .container{flex-wrap:wrap;gap:12px;padding:12px 24px}.header .logo{height:40px}.header nav{order:3;gap:20px;width:100%;justify-content:center;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.header nav a{font-size:.875rem}.language-selector{margin-left:auto;gap:4px}.lang-btn{padding:4px 10px;font-size:.8125rem}.product-hero{padding:32px 24px;grid-template-columns:1fr;gap:32px}.product-hero-image{order:-1}.product-hero-image img{width:180px;height:180px}.product-hero h3{font-size:2rem}.product-details{padding:32px 24px}.section-title{font-size:2rem}.test-versions,.tech-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:32px}.brochure-download{display:block;text-align:center;margin-bottom:12px}.brochure-download.guide-link{margin-left:0}.comparison-table-wrapper{margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{font-size:.75rem;min-width:600px}.comparison-table th,.comparison-table td{padding:8px 6px}.screen-description{padding:16px}.screen-description h5{font-size:1rem}.screen-description p{font-size:.875rem}.detail-section h4{font-size:1.25rem}.detail-section p,.detail-section ul li{font-size:.9375rem}.version p{font-size:.875rem}}@media (max-width: 480px){.header .container{padding:10px 16px}.header .logo{height:36px}.header nav{gap:12px}.header nav a{font-size:.8125rem}.lang-btn{padding:3px 8px;font-size:.75rem}.container{padding:0 16px}.hero,.products,.technology{padding:48px 0}.product-details{padding:24px 16px}.comparison-table-wrapper{margin:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{font-size:.6875rem;min-width:550px}.comparison-table th,.comparison-table td{padding:6px 4px}.screen-description{padding:12px;margin-bottom:12px}.screen-description h5{font-size:.9375rem;margin-bottom:6px}.screen-description p{font-size:.8125rem;line-height:1.5}.screen-description ul{margin-top:8px;padding-left:16px}.screen-description ul li{font-size:.8125rem;padding:2px 0}.detail-section h4{font-size:1.125rem;margin-bottom:10px}.detail-section p{font-size:.875rem;line-height:1.6}.detail-section ul li{font-size:.875rem;padding:6px 0 6px 24px}.version{padding:16px}.version strong{font-size:1rem}.version p{font-size:.8125rem}}
