@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{--blue-500:#3182CE;--blue-600:#2B6CB0;--blue-400:#4299E1;--blue-50:#EBF8FF;--dark:#0F172A;--dark-card:#152236;--dark-border:rgba(49,130,206,0.18);--gray-100:#EDF2F7;--gray-300:#CBD5E0;--gray-400:#A0AEC0;--gray-500:#718096;--gray-600:#4A5568;--gray-700:#2D3748;--gray-800:#1A202C;--green-300:#6EE7A8;--shadow-xs:0px 1px 2px rgba(16,24,40,0.05);--shadow-sm:0px 0px 1px rgba(48,49,51,0.05),0px 2px 4px rgba(48,49,51,0.1);--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{overflow-x:hidden;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--gray-700);line-height:1.6;background:#fff;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
.animate-on-scroll{opacity:0;transform:translateY(24px);will-change:opacity,transform;transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1);}
.animate-on-scroll.visible{opacity:1;transform:translateY(0);}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,23,42,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.06);transition:background 0.3s;}
.nav-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px;}
.nav-logo{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-0.02em;}
.nav-logo span{color:var(--blue-400);}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{color:var(--gray-300);font-size:0.9rem;font-weight:500;transition:color 0.15s;}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--blue-600);color:#fff;font-weight:600;font-size:0.9rem;padding:10px 20px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all 0.15s;}
.nav-cta:hover{background:#1e4e8c;transform:translateY(-1px);}
.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.mobile-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:0.3s;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--blue-500);color:#fff;font-weight:600;font-size:1rem;padding:14px 28px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 14px rgba(49,130,206,0.35);}
.btn-primary:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 6px 20px rgba(49,130,206,0.4);}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--gray-700);font-weight:600;font-size:1rem;padding:14px 28px;border-radius:var(--radius-lg);border:1.5px solid var(--gray-400);cursor:pointer;transition:all 0.2s;}
.btn-secondary:hover{background:var(--gray-800);border-color:var(--gray-800);color:#fff;transform:translateY(-2px);}
.hero-sub .btn-secondary,.section-dark .btn-secondary,.cta-section .btn-secondary{color:var(--gray-300);border-color:var(--gray-600);}
.hero-sub .btn-secondary:hover,.section-dark .btn-secondary:hover,.cta-section .btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:var(--gray-400);color:#fff;transform:translateY(-2px);}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(49,130,206,0.12);color:var(--blue-400);font-size:0.85rem;font-weight:600;line-height:1;padding:6px 16px;border-radius:var(--radius-full);border:1px solid rgba(49,130,206,0.2);margin:0 0 28px;letter-spacing:normal;text-transform:none;animation:fadeIn 0.6s ease;}
.hero-badge svg{width:16px;height:16px;}
.hero-sub h1 .highlight{background:linear-gradient(135deg,var(--blue-400),var(--green-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.breadcrumb{padding:120px 0 0;background:var(--dark);}
.breadcrumb-inner{display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--gray-400);}
.breadcrumb-inner a{color:var(--gray-400);transition:color 0.15s;}
.breadcrumb-inner a:hover{color:var(--blue-400);}
.breadcrumb-inner svg{width:14px;height:14px;color:var(--gray-600);}
.hero-sub{background:linear-gradient(135deg,var(--dark) 0%,#1a2744 50%,var(--dark) 100%);padding:120px 0 80px;text-align:center;position:relative;overflow:hidden;}
.hero-sub::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(49,130,206,0.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(110,231,168,0.04) 0%,transparent 60%);pointer-events:none;}
.hero-sub h1{font-size:3rem;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-0.03em;max-width:780px;margin:0 auto 24px;animation:fadeInUp 0.6s ease 0.1s both;}
.hero-sub p{font-size:1.15rem;color:var(--gray-400);max-width:600px;margin:0 auto;line-height:1.7;animation:fadeInUp 0.6s ease 0.2s both;}
.section{padding:100px 0;content-visibility:auto;contain-intrinsic-size:auto 800px;}
.section-dark{background:var(--dark);color:#fff;}
.section-title{font-size:2.5rem;font-weight:800;letter-spacing:-0.02em;line-height:1.15;margin-bottom:16px;}
.section-dark .section-title{color:#fff;}
.section-subtitle{font-size:1.1rem;color:var(--gray-600);max-width:640px;line-height:1.7;}
.section-dark .section-subtitle{color:#b0bec5;}
.section-header{text-align:center;margin-bottom:60px;}
.section-header .section-subtitle{margin:0 auto;}
.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:80px 0;border-bottom:1px solid var(--gray-100);}
.service-detail:last-child{border-bottom:none;}
.service-detail.reversed{direction:rtl;}
.service-detail.reversed > *{direction:ltr;}
.service-detail-icon{width:56px;height:56px;background:var(--blue-50);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.service-detail-icon svg{width:28px;height:28px;color:var(--blue-500);}
.service-detail-text h2{font-size:2rem;font-weight:800;color:var(--gray-800);letter-spacing:-0.02em;line-height:1.2;margin-bottom:16px;}
.service-detail-text p{font-size:1.05rem;color:var(--gray-600);line-height:1.7;margin-bottom:24px;}
.service-detail-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;}
.service-detail-features li{display:flex;align-items:flex-start;gap:10px;font-size:0.95rem;color:var(--gray-600);line-height:1.5;}
.service-detail-features li svg{width:18px;height:18px;color:var(--blue-500);flex-shrink:0;margin-top:2px;}
.section-dark .service-detail{border-bottom-color:rgba(255,255,255,0.06);}
.section-dark .service-detail-icon{background:rgba(49,130,206,0.12);}
.section-dark .service-detail-icon svg{color:var(--blue-400);}
.section-dark .service-detail-text h2{color:#fff;}
.section-dark .service-detail-text p{color:var(--gray-400);}
.section-dark .service-detail-features li{color:var(--gray-300);}
.section-dark .service-detail-features li svg{color:var(--green-300);}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.why-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-2xl);padding:32px 24px;text-align:center;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.why-card:hover{transform:translateY(-4px);border-color:var(--blue-400);box-shadow:0 8px 32px rgba(49,130,206,0.15);}
.why-card-icon{width:48px;height:48px;background:rgba(49,130,206,0.12);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.why-card-icon svg{width:24px;height:24px;color:var(--blue-400);}
.why-card h3{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:8px;}
.why-card p{font-size:0.88rem;color:var(--gray-400);line-height:1.6;}
.visual-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.visual-tile{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:24px 20px;box-shadow:var(--shadow-xs);transition:border-color 0.2s,box-shadow 0.2s;}
.visual-tile:hover{border-color:var(--blue-400);box-shadow:var(--shadow-sm);}
.visual-tile-icon{width:40px;height:40px;background:var(--blue-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.visual-tile-icon svg{width:20px;height:20px;color:var(--blue-500);}
.visual-tile h4{font-size:0.9rem;font-weight:700;color:var(--gray-800);margin-bottom:4px;}
.visual-tile p{font-size:0.82rem;color:var(--gray-600);line-height:1.5;}
.section-dark .visual-tile{background:var(--dark-card);border-color:var(--dark-border);box-shadow:none;}
.section-dark .visual-tile:hover{border-color:var(--blue-400);}
.section-dark .visual-tile-icon{background:rgba(49,130,206,0.12);}
.section-dark .visual-tile-icon svg{color:var(--blue-400);}
.section-dark .visual-tile h4{color:#fff;}
.section-dark .visual-tile p{color:var(--gray-400);}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.tool-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-2xl);padding:28px 24px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.tool-card:hover{transform:translateY(-4px);border-color:var(--blue-400);box-shadow:0 8px 32px rgba(49,130,206,0.15);}
.tool-icon{width:44px;height:44px;background:rgba(49,130,206,0.1);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.tool-icon svg{width:22px;height:22px;color:var(--blue-400);}
.tool-card h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px;}
.tool-card p{font-size:0.85rem;color:var(--gray-400);line-height:1.6;}
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq-item{border:1px solid var(--dark-border);border-radius:var(--radius-xl);overflow:hidden;}
.faq-question{width:100%;background:none;border:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;font-weight:600;text-align:left;font-family:inherit;transition:color 0.2s;}
.faq-question svg{width:20px;height:20px;color:var(--gray-400);transition:transform 0.3s;flex-shrink:0;}
.faq-item.active .faq-question svg{transform:rotate(180deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.faq-item.active .faq-answer{max-height:400px;}
.cta-section{content-visibility:auto;contain-intrinsic-size:auto 600px;background:linear-gradient(135deg,var(--dark) 0%,#1a2744 100%);padding:80px 0;position:relative;overflow:hidden;scroll-margin-top:72px;}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 100%,rgba(49,130,206,0.1) 0%,transparent 60%);pointer-events:none;}
.cta-section h2{color:#fff;}
.cta-section p{color:var(--gray-400);}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"heading desc" "details form";column-gap:64px;row-gap:0;align-items:start;}
.contact-heading{grid-area:heading;}
.contact-desc{grid-area:desc;padding-bottom:28px;}
.contact-details{grid-area:details;}
.contact-form-col{grid-area:form;}
.cta-section .contact-heading{font-size:2.2rem;font-weight:800;color:#fff;letter-spacing:-0.02em;margin-bottom:16px;text-align:left;}
.cta-section .contact-desc{font-size:1.05rem;color:var(--gray-400);margin:0;text-align:left;}
.contact-details{display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--dark-border);padding-top:32px;}
.contact-detail-item{display:flex;flex-direction:column;gap:2px;}
.contact-detail-label{font-size:0.72rem;font-weight:600;color:var(--blue-400);text-transform:uppercase;letter-spacing:0.08em;}
.contact-detail-value{font-size:0.95rem;color:var(--gray-300);line-height:1.5;}
.contact-detail-value strong{color:#fff;font-weight:600;}
.contact-form{display:flex;flex-direction:column;gap:16px;}
.form-row{display:flex;gap:16px;}
.form-input{width:100%;padding:14px 18px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);color:#fff;font-size:0.95rem;font-family:inherit;outline:none;transition:border-color 0.2s;}
.form-input::placeholder{color:var(--gray-500);}
.form-input:focus{border-color:var(--blue-400);}
textarea.form-input{resize:vertical;min-height:120px;}
.form-clause{width:100%;border:1px solid var(--dark-border);border-radius:var(--radius-lg);background:rgba(21,34,54,0.5);font-size:0.82rem;color:var(--gray-400);line-height:1.6;}
.form-clause summary{padding:12px 18px;cursor:pointer;font-weight:500;color:var(--gray-300);list-style:none;display:flex;align-items:center;gap:8px;}
.form-clause summary::-webkit-details-marker{display:none;}
.form-clause summary::before{content:'▸';font-size:0.75rem;transition:transform 0.2s;}
.form-clause[open] summary::before{transform:rotate(90deg);}
.form-clause p{padding:0 18px 14px;margin:0;}
.form-clause a{color:var(--blue-400);text-decoration:underline;text-underline-offset:2px;}
.form-clause a:hover{color:var(--blue-500);}
.footer{background:var(--dark);border-top:1px solid rgba(255,255,255,0.06);padding:60px 0 32px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-brand p{font-size:0.9rem;color:var(--gray-400);line-height:1.7;margin-top:16px;}
.footer-col-title{font-size:0.85rem;font-weight:600;color:var(--gray-300);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:16px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul a{font-size:0.9rem;color:var(--gray-400);transition:color 0.15s;}
.footer-col ul a:hover{color:var(--blue-400);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center;}
.footer-bottom p{font-size:0.85rem;color:var(--gray-400);}
.footer-bottom a{color:var(--gray-400);transition:color 0.15s;}
.footer-bottom a:hover{color:var(--blue-400);}
.related-carousel{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.section-dark .faq-question{color:#fff;}
.section-dark .faq-question:hover{color:var(--blue-400);}
.section-dark .faq-item{border-color:var(--dark-border);background:var(--dark-card);}
.bw-img-seo{background:linear-gradient(135deg,#1e3a5f 0%,#1d4ed8 100%);}
.bw-img-ai{background:linear-gradient(135deg,#1e1b4b 0%,#6d28d9 100%);}
.bw-img-marketing{background:linear-gradient(135deg,#431407 0%,#c2410c 100%);}
.bw-img-analityka{background:linear-gradient(135deg,#052e16 0%,#15803d 100%);}
.bw-img-strony-www{background:linear-gradient(135deg,#042f2e 0%,#0f766e 100%);}
.bw-img-e-commerce{background:linear-gradient(135deg,#4a0019 0%,#be185d 100%);}
.bw-img-slownik{background:linear-gradient(135deg,#0f172a 0%,#475569 100%);}
@media (max-width:1024px){.hero-sub h1{font-size:2.4rem;}
.section-title{font-size:2rem;}
.service-detail{grid-template-columns:1fr;gap:40px;}
.service-detail.reversed{direction:ltr;}
.why-grid{grid-template-columns:repeat(2,1fr);}
.tools-grid{grid-template-columns:repeat(2,1fr);}
.footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:768px){.nav-links{display:none;}
.mobile-toggle{display:block;}
.hero-sub{padding:96px 0 56px;}
.hero-sub h1{font-size:1.9rem;}
.hero-sub p{font-size:1rem;}
.section{padding:64px 0;}
.section-title{font-size:1.7rem;}
.service-detail{padding:48px 0;}
.service-detail-text h2{font-size:1.5rem;}
.why-grid{grid-template-columns:1fr;}
.tools-grid{grid-template-columns:1fr;}
.form-row{flex-direction:column;}
.footer-grid{grid-template-columns:1fr;gap:32px;}
.footer-bottom{flex-direction:column;gap:12px;text-align:center;}
.cta-section .contact-heading{font-size:1.7rem;}
.contact-layout{grid-template-columns:1fr;grid-template-areas:"heading" "desc" "form" "details";gap:0;}
.contact-desc{padding-bottom:24px;}
.contact-details{border-top:1px solid var(--dark-border);padding-top:28px;margin-top:28px;}
.related-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;scrollbar-width:none;}
.related-carousel::-webkit-scrollbar{display:none;}
.related-carousel > *{flex:0 0 82%;scroll-snap-align:start;min-width:0;}
}
@media (min-width:769px){.nav-has-dropdown{position:relative;}
.nav-has-dropdown > a{display:flex;align-items:center;gap:4px;}
.nav-has-dropdown > a .nav-chevron{width:14px;height:14px;transition:transform 0.22s;}
.nav-has-dropdown:hover > a .nav-chevron{transform:rotate(180deg);}
.nav-mega{position:fixed;top:84px;left:50%;transform:translateX(-50%) translateY(-10px);width:min(1200px,92vw);background:#fff;border:1px solid #E2E8F0;border-radius:20px;overflow:hidden;opacity:0;visibility:hidden;transition:opacity 0.22s,visibility 0.22s,transform 0.22s;box-shadow:0 20px 60px rgba(0,0,0,0.12),0 0 0 0.5px rgba(0,0,0,0.04);z-index:100;}
.nav-has-dropdown:hover .nav-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition-delay:150ms;}
.nav-mega-inner{padding:0 8px;}
.nav-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px 3px;row-gap:8px;padding:16px 0 0;}
.nav-mega-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:14px;text-decoration:none;transition:background 0.15s;}
.nav-mega-item:hover{background:#F7FAFC;}
.nav-mega-item:hover .nav-mega-title{color:#3182CE;}
.nav-mega-item:hover .nav-mega-icon{background:#EBF8FF;border-color:#BEE3F8;}
.nav-mega-icon{width:40px;height:40px;flex-shrink:0;background:#EBF8FF;border:1px solid #BEE3F8;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#3182CE;transition:background 0.15s,border-color 0.15s;}
.nav-mega-title{display:block;font-size:0.875rem;font-weight:600;color:#1A202C;margin-bottom:4px;transition:color 0.15s;}
.nav-mega-desc{display:block;font-size:0.77rem;color:#4A5568;line-height:1.45;}
.nav-mega-footer{border-top:1px solid #E2E8F0;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;background:#F7FAFC;}
.nav-mega-footer-link,.nav-links .nav-mega-footer-link{display:flex;align-items:center;gap:8px;font-size:0.88rem;font-weight:700;color:#1A202C;transition:color 0.15s,gap 0.2s;}
.nav-mega-footer-link:hover,.nav-links .nav-mega-footer-link:hover{color:#3182CE;gap:12px;}
.nav-mega-footer-link svg{color:#1A202C;}
.nav-mega-footer-link:hover svg{color:#3182CE;}
.nav-social-parent-row{display:flex;align-items:stretch;height:100%;}
.nav-social-toggle{display:none;}
.nav-social-submenu{display:contents;}
.nav-mega-social{padding:22px 8px 12px;}
.nav-mega-social-row{display:grid;grid-template-columns:220px auto 1fr 1fr;align-items:center;background:#F7FAFC;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;}
.nav-mega-social-parent{display:flex;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;transition:background 0.15s;height:100%;}
.nav-mega-social-parent:hover{background:#EBF8FF;}
.nav-mega-social-parent:hover .nav-mega-social-label{color:#3182CE;}
.nav-mega-social-parent .nav-mega-icon{flex-shrink:0;}
.nav-mega-social-label{display:block;font-size:0.875rem;font-weight:700;color:#1A202C;margin-bottom:2px;transition:color 0.15s;}
.nav-mega-social-desc{display:block;font-size:0.74rem;color:#4A5568;line-height:1.4;}
.nav-mega-social-divider{width:1px;align-self:stretch;background:#E2E8F0;}
.nav-mega-social-card{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;text-decoration:none;transition:background 0.15s;border-left:1px solid #E2E8F0;height:100%;}
.nav-mega-social-card:hover{background:#EBF8FF;}
.nav-mega-social-card:hover .nav-mega-social-card-title{color:#3182CE;}
.nav-mega-social-card-icon{width:32px;height:32px;flex-shrink:0;background:#EBF8FF;border:1px solid #BEE3F8;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#3182CE;margin-top:1px;transition:background 0.15s,border-color 0.15s;}
.nav-mega-social-card:hover .nav-mega-social-card-icon{background:#BEE3F8;border-color:#90CDF4;}
.nav-mega-social-card-title{display:block;font-size:0.84rem;font-weight:600;color:#1A202C;margin-bottom:3px;transition:color 0.15s;}
.nav-mega-social-card-desc{display:block;font-size:0.74rem;color:#4A5568;line-height:1.4;}
}
@media (max-width:768px){.nav.mobile-open .nav-links{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;background:var(--dark);padding:8px 20px 24px;border-bottom:1px solid rgba(255,255,255,0.08);overflow-x:hidden;overflow-y:auto;max-height:calc(100dvh - 72px);z-index:999;}
.nav.mobile-open .nav-links > li > a{display:block;padding:11px 0;font-size:0.95rem;font-weight:500;color:var(--gray-300);border-bottom:1px solid rgba(255,255,255,0.06);text-decoration:none;}
.nav.mobile-open .nav-links > li > a:hover,.nav.mobile-open .nav-links > li > a.active{color:#fff;}
.nav.mobile-open .nav-links > li:last-child > a{border-bottom:none;}
.nav-has-dropdown > a .nav-chevron{display:none;}
.nav-mega{position:static;opacity:1;visibility:visible;transform:none;transition:none;background:transparent;box-shadow:none;border:none;border-radius:0;overflow:visible;width:100%;}
.nav-mega-inner{padding:0;}
.nav-mega-footer{display:none;}
.nav-mega-grid{display:flex;flex-direction:column;margin:0 0 6px 12px;padding:0;border-left:2px solid rgba(255,255,255,0.1);}
.nav-mega-item{display:block;padding:8px 14px;text-decoration:none;}
.nav-mega-item:hover{background:transparent;}
.nav-mega-icon{display:none;}
.nav-mega-desc{display:none;}
.nav-mega-title{font-size:0.875rem;font-weight:400;color:var(--gray-400);margin:0;transition:color 0.15s;}
.nav-mega-item:hover .nav-mega-title{color:#90CDF4;}
.nav-mega-social{padding:0;margin:0 0 6px 12px;}
.nav-mega-social-row{display:flex;flex-direction:column;background:transparent;border:none;border-left:2px solid rgba(255,255,255,0.1);border-radius:0;overflow:visible;}
.nav-mega-social-divider{display:none;}
.nav-mega-social-desc{display:none;}
.nav-social-parent-row{display:flex;align-items:center;}
.nav-mega-social-parent{flex:1;display:flex;align-items:center;padding:8px 14px;text-decoration:none;}
.nav-mega-social-parent .nav-mega-icon{display:none;}
.nav-mega-social-parent:hover{background:transparent;}
.nav-mega-social-label{font-size:0.875rem;font-weight:400;color:var(--gray-400);transition:color 0.15s;}
.nav-mega-social-parent:hover .nav-mega-social-label{color:#90CDF4;}
.nav-social-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--gray-600);padding:0;flex-shrink:0;}
.nav-social-toggle svg{transition:transform 0.2s ease;}
.nav-mega-social-row.mobile-expanded .nav-social-toggle svg{transform:rotate(180deg);}
.nav-social-submenu{display:none;flex-direction:column;}
.nav-mega-social-row.mobile-expanded .nav-social-submenu{display:flex;}
.nav-mega-social-card{display:block;padding:7px 14px 7px 28px;text-decoration:none;}
.nav-mega-social-card:hover{background:transparent;}
.nav-mega-social-card-icon{display:none;}
.nav-mega-social-card-title{font-size:0.83rem;font-weight:400;color:var(--gray-500);transition:color 0.15s;}
.nav-mega-social-card:hover .nav-mega-social-card-title{color:#90CDF4;}
.nav-mega-social-card-desc{display:none;}
}
details[open]{box-shadow:0 4px 24px rgba(0,0,0,0.07);}
details summary::-webkit-details-marker{display:none;}
details[open] summary svg:last-child{transform:rotate(180deg);}
.dd-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto 48px;}
@media (max-width:768px){.dd-steps-row{flex-direction:column !important;align-items:stretch !important;gap:0 !important;}
.dd-steps-row .dd-step-btn{display:block;text-align:center;white-space:normal !important;}
.dd-steps-row > div{transform:rotate(90deg);padding:4px 0 !important;line-height:1;}
.dd-problem-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
.dd-problem-grid > div{padding:14px 16px !important;border-radius:12px !important;gap:0 !important;}
.dd-problem-grid > div > div:first-child{display:none !important;}
.dd-problem-grid > div p{font-size:0.85rem !important;line-height:1.55 !important;}
}