*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#0f766e;--secondary:#134e4a;--accent:#14b8a6;--dark:#0f172a;--text:#334155;--light:#f1f5f9;--white:#ffffff;--border:#e2e8f0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15px;line-height:1.6;color:var(--text);background:var(--white)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background:var(--white);box-shadow:0 1px 3px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;transform:translateY(0);transition:transform 0.3s}
header.hidden{transform:translateY(-100%)}
.header-content{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{font-size:18px;font-weight:700;color:var(--primary)}
nav{display:flex;gap:25px}
nav a{color:var(--text);text-decoration:none;font-size:14px;font-weight:500;transition:color 0.3s}
nav a:hover{color:var(--primary)}
.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}
.menu-toggle span{width:22px;height:2px;background:var(--text);margin:3px 0;transition:0.3s}
.hero-modern{position:relative;min-height:90vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));overflow:hidden;padding:80px 0}
.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.1;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="white"/></svg>') repeat}
.hero-content{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.hero-text{color:var(--white)}
.hero-label{display:inline-block;background:rgba(255,255,255,0.2);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px;letter-spacing:0.5px}
.hero-text h1{font-size:48px;line-height:1.2;margin-bottom:24px;font-weight:800}
.hero-text>p{font-size:18px;line-height:1.7;margin-bottom:35px;opacity:0.95}
.hero-actions{display:flex;gap:15px;margin-bottom:50px}
.btn-primary,.btn-secondary{padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all 0.3s;display:inline-block}
.btn-primary{background:var(--white);color:var(--primary)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white)}
.btn-secondary:hover{background:var(--white);color:var(--primary)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.stat-item{text-align:left}
.stat-item strong{display:block;font-size:32px;font-weight:800;margin-bottom:5px}
.stat-item span{font-size:13px;opacity:0.9}
.hero-visual{position:relative;height:500px}
.visual-card{position:absolute;background:var(--white);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.2);display:flex;align-items:center;gap:15px;animation:float 3s ease-in-out infinite}
.card-1{top:20px;left:0;animation-delay:0s}
.card-2{top:180px;right:20px;animation-delay:1s}
.card-3{bottom:40px;left:40px;animation-delay:2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.card-icon{font-size:32px}
.card-text strong{display:block;font-size:16px;color:var(--dark);margin-bottom:3px}
.card-text span{font-size:13px;color:var(--text)}
.trust-bar{background:var(--light);padding:20px 0;text-align:center}
.trust-bar p{font-size:14px;color:var(--text);margin:0}
section{padding:70px 0}
.section-label{display:inline-block;background:var(--light);color:var(--primary);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}
section h2{font-size:36px;margin-bottom:20px;color:var(--dark);font-weight:800;line-height:1.3}
section h3{font-size:22px;margin-bottom:12px;color:var(--dark);font-weight:700}
.value-props{background:var(--white)}
.props-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:40px}
.prop-card{background:var(--light);padding:35px;border-radius:12px;transition:all 0.3s;position:relative}
.prop-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.prop-number{position:absolute;top:20px;right:20px;font-size:48px;font-weight:900;color:var(--primary);opacity:0.15}
.prop-card h3{font-size:20px;margin-bottom:15px;margin-top:10px}
.prop-card p{font-size:15px;color:var(--text);line-height:1.7}
.methodology{background:var(--light)}
.method-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:30px}
.method-text h2{text-align:left;margin-bottom:15px}
.method-text>p{font-size:16px;color:var(--text);margin-bottom:35px;line-height:1.7}
.method-phases{display:flex;flex-direction:column;gap:20px}
.phase{display:flex;gap:20px;align-items:flex-start}
.phase-num{width:45px;height:45px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}
.phase-info h4{font-size:18px;margin-bottom:8px;color:var(--dark)}
.phase-info p{font-size:14px;color:var(--text);line-height:1.6}
.method-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15)}
.services-showcase{background:var(--white);text-align:center}
.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:40px}
.showcase-item{background:var(--light);padding:35px;border-radius:12px;text-align:left;transition:all 0.3s}
.showcase-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.showcase-item h3{margin-bottom:15px}
.showcase-item p{font-size:15px;color:var(--text);line-height:1.7;margin-bottom:20px}
.link-arrow{color:var(--primary);text-decoration:none;font-weight:600;font-size:14px;transition:gap 0.3s}
.link-arrow:hover{gap:8px}
.results-preview{background:var(--light)}
.results-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:30px}
.results-text h2{text-align:left;margin-bottom:15px}
.results-text>p{font-size:16px;color:var(--text);margin-bottom:35px;line-height:1.7}
.result-highlights{display:flex;flex-direction:column;gap:25px;margin-bottom:35px}
.highlight{background:var(--white);padding:20px;border-radius:8px;border-left:4px solid var(--primary)}
.highlight strong{display:block;font-size:16px;color:var(--dark);margin-bottom:8px}
.highlight p{font-size:14px;color:var(--text);line-height:1.6;margin:0}
.results-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15)}
.industries{background:var(--white);text-align:center}
.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;margin-top:40px}
.industry-card{background:var(--light);padding:30px;border-radius:12px;text-align:left;transition:all 0.3s}
.industry-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.industry-card h3{margin-bottom:12px;font-size:20px}
.industry-card p{font-size:14px;color:var(--text);line-height:1.6}
.team-intro{background:var(--light)}
.team-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:30px}
.team-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15)}
.team-text h2{text-align:left;margin-bottom:15px}
.team-text>p{font-size:16px;color:var(--text);margin-bottom:35px;line-height:1.7}
.team-members{display:flex;flex-direction:column;gap:20px}
.member{background:var(--white);padding:20px;border-radius:8px}
.member strong{display:block;font-size:16px;color:var(--dark);margin-bottom:5px}
.member span{font-size:14px;color:var(--text)}
.faq-section{background:var(--white);text-align:center}
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:40px}
.faq-item{background:var(--light);padding:30px;border-radius:12px;text-align:left}
.faq-item h3{font-size:18px;margin-bottom:12px}
.faq-item p{font-size:14px;color:var(--text);line-height:1.7}
.final-cta{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);text-align:center;padding:80px 0}
.cta-content h2{font-size:40px;color:var(--white);margin-bottom:20px;font-weight:800}
.cta-content>p{font-size:18px;margin-bottom:35px;opacity:0.95;max-width:700px;margin-left:auto;margin-right:auto}
.btn-primary-large{background:var(--white);color:var(--primary);padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:700;font-size:16px;display:inline-block;transition:all 0.3s}
.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.cta-note{font-size:14px;margin-top:20px;opacity:0.8}
.page-hero{background:var(--light);padding:50px 0;text-align:center;border-bottom:1px solid var(--border)}
.page-hero h1{font-size:36px;color:var(--dark);margin-bottom:10px;font-weight:800}
.page-hero p{font-size:16px;color:var(--text)}
.services-detail{background:var(--light)}
.service-detail-grid{display:flex;flex-direction:column;gap:40px;margin-top:30px}
.service-detail{background:var(--white);padding:35px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.service-detail img{width:100%;height:auto;border-radius:8px;margin-bottom:20px}
.service-detail h3{font-size:26px;margin-bottom:15px}
.service-detail p{font-size:15px;color:var(--text);margin-bottom:15px;line-height:1.7}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}
.product-card{background:var(--white);padding:35px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);text-align:center;transition:transform 0.3s;border:2px solid var(--border)}
.product-card.featured{border-color:var(--primary);transform:scale(1.05)}
.product-card:hover{transform:translateY(-5px)}
.product-card.featured:hover{transform:scale(1.05) translateY(-5px)}
.product-card h3{font-size:24px;margin-bottom:15px}
.price{font-size:36px;font-weight:800;color:var(--primary);margin:20px 0}
.product-card ul{list-style:none;margin:20px 0;text-align:left}
.product-card li{padding:10px 0;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}
.product-card li:last-child{border-bottom:none}
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}
.benefit-box{background:var(--light);padding:25px;border-radius:8px;border-left:4px solid var(--primary)}
.benefit-box h3{font-size:18px;margin-bottom:10px}
.benefit-box p{font-size:14px;color:var(--text)}
.case-study{background:var(--white);padding:35px;margin-bottom:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.case-study h3{font-size:26px;color:var(--primary);margin-bottom:15px;font-weight:700}
.case-meta{display:flex;gap:20px;margin-bottom:20px;font-size:13px;color:var(--text)}
.case-content h4{font-size:18px;margin-top:20px;margin-bottom:10px;color:var(--secondary);font-weight:700}
.case-content p{font-size:15px;color:var(--text);margin-bottom:15px;line-height:1.7}
.case-metrics{background:var(--light)}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:30px}
.metric-item{text-align:center;padding:30px;background:var(--white);border-radius:12px}
.metric-number{font-size:42px;font-weight:800;color:var(--primary);margin-bottom:10px}
.metric-label{font-size:14px;color:var(--text)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}
.contact-info h2,.contact-form-wrapper h2{font-size:28px;margin-bottom:20px;text-align:left;font-weight:700}
.contact-info p{font-size:15px;color:var(--text);margin-bottom:25px;line-height:1.7}
.contact-details{display:flex;flex-direction:column;gap:20px}
.contact-item h3{font-size:16px;margin-bottom:8px;color:var(--primary);font-weight:700}
.contact-item p{font-size:14px;color:var(--text)}
.contact-form{display:flex;flex-direction:column;gap:18px}
.form-group{display:flex;flex-direction:column}
.form-group label{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--dark)}
.form-group input,.form-group textarea{padding:12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color 0.3s}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}
.checkbox-group label{display:flex;align-items:flex-start;gap:8px;font-weight:400;cursor:pointer}
.checkbox-group input[type="checkbox"]{margin-top:4px;cursor:pointer}
.checkbox-group span{font-size:13px;color:var(--text)}
.checkbox-group a{color:var(--primary)}
.map-wrapper{margin-top:20px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.contact-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}
.contact-benefit{background:var(--white);padding:25px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.contact-benefit h3{font-size:18px;margin-bottom:10px}
.contact-benefit p{font-size:14px;color:var(--text)}
.thankyou-page,.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary))}
.thankyou-container,.error-container{text-align:center;color:var(--white);padding:40px;max-width:600px}
.thankyou-content h1,.error-content h1{font-size:42px;margin-bottom:20px;font-weight:800}
.error-content h1{font-size:72px}
.error-content h2{font-size:28px;margin-bottom:15px;color:var(--white)}
.thankyou-content p,.error-content p{font-size:16px;margin-bottom:30px;opacity:0.95}
.thankyou-content .btn-primary,.error-content .btn-primary{background:var(--white);color:var(--primary);padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block}
.policy-page{background:var(--light)}
.policy-page .container{max-width:900px}
.policy-page h1{font-size:36px;margin-bottom:10px;color:var(--dark);font-weight:800}
.policy-date{font-size:14px;color:var(--text);margin-bottom:30px}
.policy-content{background:var(--white);padding:40px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.policy-content h2{font-size:24px;margin-top:30px;margin-bottom:15px;text-align:left;color:var(--dark);font-weight:700}
.policy-content h3{font-size:18px;margin-top:20px;margin-bottom:10px;color:var(--secondary);font-weight:700}
.policy-content h4{font-size:16px;margin-top:15px;margin-bottom:8px;color:var(--dark)}
.policy-content p{font-size:15px;color:var(--text);margin-bottom:15px;line-height:1.7}
.policy-content ul{margin:15px 0 15px 25px}
.policy-content li{font-size:15px;color:var(--text);margin-bottom:8px;line-height:1.7}
footer{background:var(--dark);color:var(--white);padding:40px 0 20px}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-bottom:30px}
.footer-col h4{font-size:16px;margin-bottom:15px;color:var(--white);font-weight:700}
.footer-col p,.footer-col a{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.8}
.footer-col a{display:block;text-decoration:none;margin-bottom:8px;transition:color 0.3s}
.footer-col a:hover{color:var(--white)}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1)}
.footer-bottom p{font-size:13px;color:rgba(255,255,255,0.6)}
.privacy-popup{position:fixed;bottom:0;left:0;right:0;background:var(--dark);color:var(--white);padding:20px;box-shadow:0 -2px 10px rgba(0,0,0,0.2);z-index:9999;display:none}
.privacy-popup.show{display:block}
.privacy-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}
.privacy-content p{font-size:14px;margin:0;flex:1}
.privacy-buttons{display:flex;gap:15px;align-items:center}
.privacy-buttons a{color:var(--white);text-decoration:underline;font-size:14px}
.privacy-buttons button{background:var(--primary);color:var(--white);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background 0.3s}
.privacy-buttons button:hover{background:var(--secondary)}
@media(max-width:768px){.menu-toggle{display:flex}nav{position:fixed;top:60px;left:-100%;width:100%;background:var(--white);flex-direction:column;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:left 0.3s;gap:15px}nav.active{left:0}.hero-modern{min-height:auto;padding:60px 0}.hero-content{grid-template-columns:1fr;gap:40px}.hero-text h1{font-size:32px}.hero-stats{grid-template-columns:1fr;gap:20px}.hero-visual{height:300px;margin-top:40px}.method-content,.results-content,.team-content{grid-template-columns:1fr;gap:40px}.contact-grid{grid-template-columns:1fr}.privacy-content{flex-direction:column;align-items:flex-start}.privacy-buttons{width:100%;justify-content:space-between}.products-grid{grid-template-columns:1fr}.product-card.featured{transform:scale(1)}}
@media(max-width:480px){body{font-size:14px}.container{padding:0 15px}.hero-modern{padding:50px 0}.hero-text h1{font-size:28px}.hero-text>p{font-size:16px}.hero-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}.hero-stats{gap:15px}.stat-item strong{font-size:28px}section{padding:50px 0}section h2{font-size:28px}.props-grid,.showcase-grid,.industries-grid,.faq-grid{grid-template-columns:1fr;gap:20px}.policy-content{padding:25px}.thankyou-content h1{font-size:32px}.error-content h1{font-size:56px}}
@media(max-width:320px){body{font-size:13px}.hero-text h1{font-size:24px}section h2{font-size:24px}.logo{font-size:16px}.stat-item strong{font-size:24px}}