*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:120px;}:root{--primary-color:#1a5f7a;--secondary-color:#f47920;--accent-color:#2a9d8f;--text-dark:#2b2d42;--text-light:#6c757d;--bg-light:#f8f9fa;--white:#ffffff;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-dark);}header{background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}nav{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);}.nav-links{display:flex;gap:2rem;list-style:none;}.nav-links a{color:var(--text-dark);text-decoration:none;font-weight:500;transition:color 0.3s;}.nav-links a:hover{color:var(--secondary-color);}.cta-button{background:var(--secondary-color);color:var(--white);padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:600;transition:background 0.3s;}.cta-button:hover{background:#d66a1a;}.hero{background:linear-gradient(135deg,rgba(26,95,122,0.9) 0%,rgba(42,157,143,0.9) 100%),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23e8f4f8" width="1200" height="600"/><path fill="%231a5f7a" opacity="0.1" d="M0 300L50 280L100 290L150 270L200 285L250 275L300 290L350 280L400 295L450 285L500 290L550 280L600 295L650 285L700 290L750 280L800 295L850 285L900 290L950 280L1000 295L1050 285L1100 290L1150 280L1200 295V600H0Z"/></svg>') center/cover;color:var(--white);padding:6rem 2rem;text-align:center;position:relative;}.hero-content{max-width:900px;margin:0 auto;}.hero h1{font-size:3rem;margin-bottom:1.5rem;line-height:1.2;}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:0.95;}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.btn-primary{background:var(--secondary-color);color:var(--white);padding:1rem 2rem;border-radius:5px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform 0.3s,background 0.3s;}.btn-primary:hover{background:#d66a1a;transform:translateY(-2px);}.btn-secondary{background:var(--white);color:var(--primary-color);padding:1rem 2rem;border-radius:5px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:transform 0.3s;}.btn-secondary:hover{transform:translateY(-2px);}.container{max-width:1200px;margin:0 auto;padding:0 2rem;}section{padding:5rem 0;}.section-light{background:var(--white);}.section-dark{background:var(--bg-light);}.section-header{text-align:center;margin-bottom:3rem;}.section-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;}.section-header p{font-size:1.1rem;color:var(--text-light);max-width:700px;margin:0 auto;}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;}.benefit-card{background:var(--white);padding:2rem;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s;transform:translateZ(0);will-change:transform;}.benefit-card:hover{transform:translateY(-5px);}.benefit-icon{font-size:3rem;margin-bottom:1rem;}.benefit-card h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;}.benefit-card p{color:var(--text-light);line-height:1.8;}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem;}.service-box{background:var(--white);padding:2.5rem;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.08);border-left:4px solid var(--secondary-color);transition:transform 0.3s;transform:translateZ(0);will-change:transform;}.service-box:hover{transform:translateY(-5px);}.service-image{width:100%;height:220px;background:linear-gradient(135deg,#e8f4f8 0%,#d4e9f0 100%);border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden;}.service-image::before{content:'';position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><rect fill="%23e8f4f8" width="400" height="300"/><rect fill="%231a5f7a" opacity="0.1" x="50" y="80" width="120" height="100" rx="5"/><rect fill="%231a5f7a" opacity="0.15" x="180" y="60" width="90" height="140" rx="5"/><rect fill="%231a5f7a" opacity="0.12" x="280" y="100" width="70" height="80" rx="5"/><path stroke="%231a5f7a" stroke-width="2" opacity="0.2" d="M20 250 L380 250"/></svg>') center/cover;opacity:0.3;}.service-box h3{font-size:1.75rem;color:var(--primary-color);margin-bottom:1rem;}.service-box ul{list-style:none;margin:1.5rem 0;}.service-box li{padding:0.5rem 0;color:var(--text-light);position:relative;padding-left:1.5rem;}.service-box li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:bold;}.stats{background:var(--primary-color);color:var(--white);padding:4rem 0;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;}.stat-item h3{font-size:3rem;margin-bottom:0.5rem;}.stat-item p{font-size:1.1rem;opacity:0.9;}.why-adu{background:var(--bg-light);}.why-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}.image-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;}.showcase-img{width:100%;height:250px;background:linear-gradient(135deg,#e1eff5 0%,#d0e5ed 100%);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden;}.showcase-img::before{content:'';position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 250"><rect fill="%23e1eff5" width="300" height="250"/><rect fill="%231a5f7a" opacity="0.1" x="40" y="60" width="220" height="140" rx="5"/><rect fill="%23f47920" opacity="0.08" x="60" y="100" width="80" height="60" rx="3"/><circle fill="%232a9d8f" opacity="0.08" cx="200" cy="130" r="30"/></svg>') center/cover;}.showcase-img.large{grid-column:1 / -1;height:300px;}.feature-image{width:100%;height:400px;background:linear-gradient(135deg,#d4e9f0 0%,#c0dfe9 100%);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative;overflow:hidden;}.feature-image::before{content:'';position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400"><rect fill="%23d4e9f0" width="500" height="400"/><rect fill="%231a5f7a" opacity="0.08" x="80" y="100" width="180" height="200" rx="8"/><path fill="%23f47920" opacity="0.1" d="M80 100 L170 50 L260 100 Z"/><rect fill="%232a9d8f" opacity="0.06" x="300" y="150" width="120" height="150" rx="6"/><circle fill="%231a5f7a" opacity="0.05" cx="420" cy="100" r="40"/></svg>') center/cover;}.why-text h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:1rem;}.why-text p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.8;}.highlight-box{background:var(--white);padding:2rem;border-radius:10px;margin-top:2rem;border-left:4px solid var(--secondary-color);}.highlight-box h4{color:var(--primary-color);margin-bottom:1rem;}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;}.step{text-align:center;padding:2rem;background:var(--white);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s;}.step:hover{transform:translateY(-5px);}.step-icon{width:100%;height:180px;background:linear-gradient(135deg,#f0f7fa 0%,#e1eff5 100%);border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;overflow:hidden;}.step-icon::before{content:'';position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><rect fill="%23f0f7fa" width="400" height="300"/><circle fill="%232a9d8f" opacity="0.1" cx="200" cy="150" r="80"/><path stroke="%231a5f7a" stroke-width="3" opacity="0.15" d="M150 180 L180 200 L250 130"/></svg>') center/cover;opacity:0.4;}.step-number{width:60px;height:60px;background:var(--secondary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;margin:0 auto 1rem;}.step h3{color:var(--primary-color);margin-bottom:1rem;}.contact{background:var(--primary-color);color:var(--white);padding:5rem 2rem;text-align:center;}.contact h2{font-size:2.5rem;margin-bottom:1rem;}.contact p{font-size:1.2rem;margin-bottom:2rem;opacity:0.95;}.contact-info{display:flex;justify-content:center;gap:3rem;margin-top:2rem;flex-wrap:wrap;}.contact-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.contact-item a{color:var(--white);text-decoration:none;font-size:1.2rem;font-weight:500;}footer{background:var(--text-dark);color:var(--white);padding:3rem 2rem 1rem;text-align:center;}.footer-content{max-width:1200px;margin:0 auto;}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap;}.footer-links a{color:var(--white);text-decoration:none;opacity:0.8;transition:opacity 0.3s;}.footer-links a:hover{opacity:1;}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:0.5rem;min-height:44px;min-width:44px;align-items:center;justify-content:center;}.hamburger span{display:block;width:25px;height:3px;background:var(--primary-color);border-radius:3px;transition:all 0.3s;}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}.hamburger.active span:nth-child(2){opacity:0;}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}.what-is-adu-intro{padding:4rem 0;}.what-is-adu-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}.what-is-adu-image img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12);}.what-is-adu-text h2{font-size:2.2rem;color:var(--primary-color);margin-bottom:1rem;}.what-is-adu-text p{color:var(--text-light);line-height:1.8;margin-bottom:1rem;}.adu-types-list{list-style:none;margin:1.5rem 0;}.adu-types-list li{padding:0.6rem 0 0.6rem 1.5rem;color:var(--text-light);position:relative;border-bottom:1px solid #eee;font-size:0.95rem;}.adu-types-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-color);font-weight:bold;}@media (max-width:768px){.hamburger{display:flex;}.hero h1{font-size:1.6rem;}.hero p{font-size:1rem;}.hero{padding:3rem 1.5rem;}section{padding:2.5rem 0;}nav{padding:0.75rem 1rem;}.logo{font-size:1.1rem;}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;gap:0;box-shadow:0 4px 10px rgba(0,0,0,0.1);z-index:999;}.nav-links.open{display:flex;}.nav-links li{border-bottom:1px solid var(--bg-light);}.nav-links a{display:block;padding:1rem 1.5rem;min-height:44px;line-height:44px;padding-top:0;padding-bottom:0;}.cta-button{min-height:44px;display:flex;align-items:center;}.why-content,.what-is-adu-layout{grid-template-columns:1fr;}.what-is-adu-text h2{font-size:1.6rem;}.image-showcase{grid-template-columns:1fr;}.showcase-img.large{grid-column:1;}.section-header h2{font-size:1.6rem;}.stat-item h3{font-size:2rem;}.service-box{padding:1.5rem;}.benefit-card{padding:1.5rem;}.services-container,.benefits-grid{grid-template-columns:1fr 1fr;gap:1rem;}.service-box{padding:1rem;}.service-box img{height:140px !important;}.service-box h3{font-size:1rem;}.service-box li,.service-box p{font-size:0.8rem;}.benefit-card h3{font-size:1rem;}.benefit-card p{font-size:0.85rem;}.btn-primary,.btn-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}}