@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Montserrat:wght@600;700;800&display=swap');
:root{--primary:#1e3a8a;--primary-dark:#172554;--secondary:#93c5fd;--accent:#f59e0b;--accent-dark:#d97706;--dark:#0f172a;--bg:#f8fafc;--white:#ffffff;--gray-light:#f1f5f9;--gray-mid:#cbd5e1;--gray-text:#64748b;--shadow-sm:0 1px 3px rgba(15,23,42,0.1);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.1);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.1);--radius:6px;--radius-lg:12px;--transition:0.2s ease-in-out;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:'Roboto',sans-serif;color:var(--dark);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.2;color:var(--dark);}
h1{font-size:clamp(2.2rem,5vw,3.8rem);}h2{font-size:clamp(1.7rem,3.5vw,2.5rem);}h3{font-size:clamp(1.2rem,2.5vw,1.6rem);}h4{font-size:1.1rem;font-weight:700;}
p{margin-bottom:1rem;}a{color:var(--primary);text-decoration:none;transition:color var(--transition);}a:hover{color:var(--primary-dark);}img{max-width:100%;height:auto;display:block;}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 20px;}
.section{padding:80px 0;}.section-sm{padding:40px 0;}.section-header{text-align:center;margin-bottom:48px;}
.section-header .label{display:inline-block;font-family:'Roboto',sans-serif;font-size:0.8rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--primary);background:var(--gray-light);padding:4px 12px;border-radius:4px;margin-bottom:12px;}
.section-header h2{margin-bottom:12px;}.section-header p{color:var(--gray-text);max-width:640px;margin:0 auto;font-size:1.1rem;}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:0.9rem;font-weight:700;padding:12px 24px;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1.2;}
.btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary);}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white);box-shadow:var(--shadow-md);}
.btn-outline{background:transparent;color:var(--primary);border-color:var(--gray-mid);}.btn-outline:hover{border-color:var(--primary);background:var(--gray-light);}
.btn-white{background:var(--white);color:var(--primary);border-color:var(--gray-mid);}.btn-white:hover{background:var(--gray-light);}
.btn-sm{padding:8px 16px;font-size:0.8rem;}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-light);transition:all var(--transition);overflow:hidden;}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--secondary);}
.grid,.grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.bg-primary{background:var(--primary);}.bg-secondary{background:var(--secondary);}.bg-light{background:var(--gray-light);}.bg-white{background:var(--white);}
.text-white{color:var(--white);}.text-primary{color:var(--primary);}.text-accent{color:var(--accent);}.text-gray{color:var(--gray-text);}.text-center{text-align:center;}.mt-0{margin-top:0;}.mb-0{margin-bottom:0;}
.disclaimer-banner{background:var(--dark);padding:18px 24px;text-align:center;border-top:1px solid rgba(255,255,255,0.1);}.disclaimer-banner p{font-family:'Roboto',sans-serif;font-weight:400;font-size:0.85rem;color:rgba(255,255,255,0.7);margin:0;line-height:1.5;}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.98);border-bottom:1px solid var(--gray-light);transition:box-shadow var(--transition);}.site-header.scrolled{box-shadow:var(--shadow-sm);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;gap:24px;}.logo{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.4rem;color:var(--dark);text-decoration:none;flex-shrink:0;letter-spacing:-0.02em;}
.logo-icon{width:32px;height:32px;background:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1rem;font-weight:800;}.logo span{color:var(--primary);}
.main-nav{display:flex;align-items:center;gap:8px;}.main-nav a{font-family:'Roboto',sans-serif;font-size:0.95rem;font-weight:500;color:var(--gray-text);padding:8px 12px;border-radius:4px;transition:all var(--transition);}.main-nav a:hover,.main-nav a.active{color:var(--primary);background:var(--gray-light);}
.header-cta{flex-shrink:0;}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}.hamburger span{display:block;width:24px;height:2px;background:var(--dark);border-radius:2px;transition:all var(--transition);}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}.hamburger.open span:nth-child(2){opacity:0;}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav{display:none;position:fixed;inset:70px 0 0;background:var(--white);padding:20px;flex-direction:column;gap:4px;z-index:999;border-top:1px solid var(--gray-light);overflow-y:auto;}.mobile-nav.open{display:flex;}
.mobile-nav a{font-family:'Roboto',sans-serif;font-size:1rem;font-weight:500;color:var(--dark);padding:12px;border-radius:4px;transition:all var(--transition);}.mobile-nav a:hover,.mobile-nav a.active{color:var(--primary);background:var(--gray-light);}.mobile-nav .btn{margin-top:16px;justify-content:center;}
.site-footer{background:var(--dark);color:var(--gray-mid);padding:60px 0 0;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:40px;}.footer-brand .logo{color:var(--white);margin-bottom:12px;}.footer-brand .logo-icon{background:var(--secondary);color:var(--dark);}.footer-brand p{font-size:0.9rem;line-height:1.6;margin-bottom:0;}
.footer-col h5{font-family:'Montserrat',sans-serif;font-size:0.85rem;font-weight:700;color:var(--white);margin-bottom:16px;}.footer-col ul{list-style:none;}.footer-col ul li{margin-bottom:8px;}.footer-col ul li a{color:var(--gray-mid);font-size:0.9rem;transition:color var(--transition);}.footer-col ul li a:hover{color:var(--secondary);}.footer-contact li{display:flex;gap:8px;align-items:flex-start;}.footer-contact li span{font-size:0.9rem;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}.footer-bottom p{font-size:0.85rem;color:var(--gray-text);margin:0;}.footer-bottom a{color:var(--gray-mid);font-size:0.85rem;}.footer-bottom a:hover{color:var(--white);}
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--white);border-top:1px solid var(--gray-mid);box-shadow:0 -4px 6px -1px rgba(0,0,0,0.1);padding:16px;display:none;}.cookie-banner.visible{display:block;}.cookie-inner{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}.cookie-text{flex:1;min-width:260px;}.cookie-text strong{font-family:'Montserrat',sans-serif;font-size:0.95rem;font-weight:700;color:var(--dark);display:block;margin-bottom:2px;}.cookie-text p{font-size:0.85rem;color:var(--gray-text);margin:0;}.cookie-text a{color:var(--primary);font-weight:500;}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;}
.cookie-btn{font-family:'Roboto',sans-serif;font-size:0.85rem;font-weight:500;padding:8px 16px;border-radius:4px;border:1px solid;cursor:pointer;transition:all var(--transition);}.cookie-btn-accept{background:var(--primary);color:var(--white);border-color:var(--primary);}.cookie-btn-accept:hover{background:var(--primary-dark);border-color:var(--primary-dark);}.cookie-btn-partial{background:var(--white);color:var(--primary);border-color:var(--gray-mid);}.cookie-btn-partial:hover{background:var(--gray-light);}.cookie-btn-reject{background:transparent;color:var(--gray-text);border-color:transparent;}.cookie-btn-reject:hover{background:var(--gray-light);color:var(--dark);}
.hero{padding:80px 0;position:relative;background:var(--white);overflow:hidden;}.hero-bg{display:none;}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.hero-content .label{display:inline-block;font-size:0.8rem;font-weight:700;color:var(--primary);background:var(--gray-light);padding:4px 12px;border-radius:4px;margin-bottom:16px;}.hero-content h1{margin-bottom:16px;}.hero-content h1 em{font-style:normal;color:var(--primary);}.hero-content p{font-size:1.1rem;color:var(--gray-text);margin-bottom:24px;max-width:480px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;}.hero-image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-md);border:1px solid var(--gray-light);}.hero-image img{width:100%;height:100%;object-fit:cover;}.hero-stats{display:flex;gap:24px;margin-top:40px;padding-top:24px;border-top:1px solid var(--gray-light);}.hero-stat{text-align:left;}.hero-stat strong{font-family:'Montserrat',sans-serif;font-size:1.6rem;font-weight:800;color:var(--dark);display:block;}.hero-stat span{font-size:0.85rem;color:var(--gray-text);}
.feature-icon{width:48px;height:48px;background:var(--gray-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px;color:var(--primary);transition:all var(--transition);}.card:hover .feature-icon{background:var(--primary);color:var(--white);}
.plan-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-light);display:flex;flex-direction:column;}.plan-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-mid);}.plan-card-img{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--gray-light);}.plan-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.plan-card:hover .plan-card-img img{transform:scale(1.03);}.plan-card-body{padding:24px;flex:1;display:flex;flex-direction:column;}.plan-card-body h3{margin-bottom:8px;font-size:1.2rem;}.plan-card-body p{color:var(--gray-text);font-size:0.95rem;margin-bottom:16px;flex:1;}
.plan-tag{display:inline-block;font-size:0.75rem;font-weight:700;font-family:'Roboto',sans-serif;padding:2px 8px;border-radius:4px;background:var(--gray-light);color:var(--primary);margin-bottom:12px;}
.blog-card{display:flex;flex-direction:column;border:1px solid var(--gray-light);border-radius:var(--radius-lg);overflow:hidden;}.blog-card:hover{box-shadow:var(--shadow-sm);}.blog-card-img{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--gray-light);}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.blog-card:hover .blog-card-img img{transform:scale(1.03);}.blog-card-body{padding:24px;flex:1;display:flex;flex-direction:column;}.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:0.85rem;color:var(--gray-text);}.blog-meta span{display:flex;align-items:center;gap:4px;}.blog-card-body h3{margin-bottom:8px;font-size:1.1rem;}.blog-card-body p{color:var(--gray-text);font-size:0.95rem;margin-bottom:16px;flex:1;}
.cta-section{background:var(--gray-light);padding:60px 0;text-align:center;border-top:1px solid var(--gray-mid);border-bottom:1px solid var(--gray-mid);}.cta-section::before,.cta-section::after{display:none;}.cta-section .container{max-width:800px;}.cta-section h2{color:var(--dark);margin-bottom:12px;}.cta-section p{color:var(--gray-text);margin:0 auto 24px;font-size:1.1rem;}.cta-section .cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.accordion{border:1px solid var(--gray-mid);border-radius:var(--radius);overflow:hidden;background:var(--white);}.accordion-item{border-bottom:1px solid var(--gray-mid);}.accordion-item:last-child{border-bottom:none;}.accordion-trigger{width:100%;background:none;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;color:var(--dark);transition:background var(--transition);}.accordion-trigger:hover{background:var(--gray-light);}.accordion-trigger.open{color:var(--primary);background:var(--gray-light);}.accordion-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--gray-text);transition:transform var(--transition);}.accordion-trigger.open .accordion-icon{color:var(--primary);transform:rotate(180deg);}.accordion-body{display:none;padding:0 20px 16px;color:var(--gray-text);font-size:0.95rem;line-height:1.6;background:var(--gray-light);}.accordion-body.open{display:block;}
.page-hero{background:var(--white);padding:40px 0;text-align:center;border-bottom:1px solid var(--gray-light);}.page-hero .label{display:inline-block;font-size:0.8rem;font-weight:700;color:var(--primary);background:var(--gray-light);padding:4px 12px;border-radius:4px;margin-bottom:12px;}.page-hero h1{margin-bottom:12px;}.page-hero p{color:var(--gray-text);font-size:1.1rem;max-width:640px;margin:0 auto;}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:0.85rem;color:var(--gray-text);margin-bottom:24px;}.breadcrumb a{color:var(--primary);font-weight:500;}.breadcrumb span{color:var(--gray-mid);}
.article-content{max-width:720px;margin:0 auto;}.article-content h2{margin:32px 0 12px;color:var(--dark);font-size:1.6rem;}.article-content h3{margin:24px 0 8px;font-size:1.3rem;}.article-content p{color:var(--dark);line-height:1.7;margin-bottom:16px;}.article-content ul,.article-content ol{padding-left:20px;margin-bottom:16px;}.article-content li{margin-bottom:6px;color:var(--dark);line-height:1.6;}.article-content strong{color:var(--dark);}.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--gray-light);border-bottom:1px solid var(--gray-light);margin-bottom:32px;font-size:0.9rem;color:var(--gray-text);}.article-meta strong{color:var(--dark);}
.contact-form{background:var(--white);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--gray-light);box-shadow:var(--shadow-sm);}.form-group{margin-bottom:16px;}.form-group label{display:block;font-family:'Montserrat',sans-serif;font-size:0.85rem;font-weight:700;color:var(--dark);margin-bottom:6px;}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--gray-mid);border-radius:var(--radius);font-family:'Roboto',sans-serif;font-size:1rem;color:var(--dark);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,58,138,0.1);}.form-group textarea{resize:vertical;min-height:120px;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.form-note{font-size:0.85rem;color:var(--gray-text);margin-top:6px;}
.info-box{background:var(--gray-light);border-left:4px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;padding:16px 20px;margin:20px 0;}.info-box p{margin:0;color:var(--dark);font-size:0.95rem;}
.policy-content{max-width:720px;margin:0 auto;}.policy-content h2{font-size:1.5rem;color:var(--dark);margin:32px 0 12px;}.policy-content h3{font-size:1.2rem;margin:20px 0 8px;}.policy-content p{color:var(--dark);line-height:1.7;margin-bottom:16px;}.policy-content ul{padding-left:20px;margin-bottom:16px;}.policy-content li{margin-bottom:6px;color:var(--dark);}
.success-msg{display:none;background:var(--gray-light);border:1px solid var(--primary);border-radius:var(--radius);padding:12px 16px;color:var(--primary);font-family:'Montserrat',sans-serif;font-size:0.9rem;font-weight:700;margin-top:16px;text-align:center;}
@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}.hero-inner{grid-template-columns:1fr;gap:32px;}.hero-image{max-width:600px;margin:0 auto;}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px){.section{padding:48px 0;}.main-nav,.header-cta{display:none;}.hamburger{display:flex;}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;gap:24px;}.footer-bottom{flex-direction:column;text-align:center;}.form-row{grid-template-columns:1fr;}.hero-stats{flex-direction:column;gap:16px;align-items:flex-start;}.hero-actions{flex-direction:column;}.hero-actions .btn{width:100%;justify-content:center;}.cookie-inner{flex-direction:column;align-items:stretch;}.cookie-actions{flex-direction:column;}.contact-form{padding:20px;}.browser-list{grid-template-columns:1fr;}.cookie-type-header{flex-direction:column;align-items:flex-start;}}
@media (max-width:480px){.container{padding:0 16px;}h1{font-size:2rem;}h2{font-size:1.5rem;}.btn{padding:10px 20px;}}
.cookie-type-card{border:1px solid var(--gray-mid);border-radius:var(--radius);padding:20px;margin-bottom:16px;background:var(--white);}.cookie-type-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}.cookie-type-header h3{margin:0;font-size:1rem;}.cookie-type-header--essential{border-left:3px solid var(--primary);padding-left:12px;}.cookie-type-header--analytics{border-left:3px solid var(--gray-text);padding-left:12px;}.cookie-type-header--functional{border-left:3px solid var(--secondary);padding-left:12px;}
.badge{font-size:0.75rem;font-weight:700;padding:2px 8px;border-radius:4px;white-space:nowrap;font-family:'Roboto',sans-serif;text-transform:none;}.badge--required{background:var(--gray-light);color:var(--primary);}.badge--optional{background:var(--gray-light);color:var(--gray-text);}
.browser-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;}.browser-item{background:var(--white);border-radius:var(--radius);padding:12px 16px;border:1px solid var(--gray-mid);}.browser-item strong{display:block;margin-bottom:2px;color:var(--dark);font-size:0.95rem;font-weight:700;}.browser-item p{margin:0;font-size:0.85rem;color:var(--gray-text);}
.toc-card--action{margin-top:16px;background:var(--gray-light);border:1px solid var(--gray-mid);padding:16px;border-radius:var(--radius);}.toc-card--action h4{font-size:0.95rem;margin-bottom:6px;color:var(--dark);}.toc-card--action p{font-size:0.85rem;margin-bottom:12px;color:var(--gray-text);}.btn--full{width:100%;justify-content:center;}