@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary: #071f4f;--primary-light: #0d3d8f;--accent: #16c5d8;--bg: #f5f8fc;--text: #1d2733;--muted: #667085;--white: #ffffff;--border: #d9e2ec;--danger: #c93535;--success: #137a4b;--shadow: 0 18px 44px rgba(7, 31, 79, .12);--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1160px,92%);margin:0 auto}header{position:sticky;top:0;z-index:20;background:#fffffff0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{flex:0 0 auto;display:flex;align-items:center}.brand-logo{width:190px;height:auto}.nav-links{flex:1;display:flex;justify-content:center;align-items:center;gap:16px;color:var(--muted);font-size:14px}.nav-links a{white-space:nowrap}.nav-links a:hover{color:var(--primary)}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 22px;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:disabled{cursor:wait;opacity:.72}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);box-shadow:0 12px 28px #0d3d8f3d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #0d3d8f47}.btn-secondary{background:var(--white);border-color:var(--border);color:var(--primary)}section{padding:78px 0}.hero,.page-hero,.diagnostic-hero{background:radial-gradient(circle at top right,rgba(22,197,216,.18),transparent 34%),linear-gradient(180deg,#fff,#f5f8fc)}.hero{padding:90px 0 70px}.hero-grid,.diagnostic-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:22px;border:1px solid rgba(22,197,216,.35);border-radius:999px;background:#16c5d814;color:var(--primary);font-size:14px;font-weight:700}.badge-dot{width:9px;height:9px;border-radius:999px;background:var(--accent)}h1{max-width:920px;margin-bottom:24px;color:var(--primary);font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:0}h2,h3{color:var(--primary)}.hero p,.page-hero p,.diagnostic-hero p{max-width:850px;margin-bottom:30px;color:var(--muted);font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}.hero-points,.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.point,.product-feature{padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--primary);font-weight:700;box-shadow:0 10px 24px #071f4f0f}.hero-card,.diagnostic-card,.offer-box,.content-page,.lead-form-card{background:var(--white);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.hero-card,.diagnostic-card,.offer-box,.content-page{padding:30px}.lead-form-card{display:grid;gap:20px;max-width:760px;margin:0 auto;padding:30px}.hero-card h2,.diagnostic-card h2,.offer-box h3{margin-bottom:12px;font-size:28px;line-height:1.2}.price-box{margin:22px 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white)}.price{font-size:40px;font-weight:900}.check-list{display:grid;gap:12px;margin-bottom:24px;list-style:none}.check-list li{display:flex;gap:10px;color:var(--muted)}.check-list li:before{content:"✓";color:var(--accent);font-weight:900}.diagnostic-highlights{display:flex;flex-wrap:wrap;gap:10px}.diagnostic-highlights span,.diagnostic-kicker{display:inline-flex;width:fit-content;border:1px solid rgba(22,197,216,.28);border-radius:999px;background:#16c5d81a;color:var(--primary);font-weight:800}.diagnostic-highlights span{padding:8px 12px;font-size:14px}.diagnostic-kicker{margin-bottom:14px;padding:6px 10px;font-size:12px;text-transform:uppercase}.diagnostic-card-strong p{margin-bottom:22px;color:var(--muted);font-size:17px}.diagnostic-delivery{background:#fff}.diagnostic-process{display:grid;gap:18px;padding:30px;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:var(--shadow)}.diagnostic-process h2,.diagnostic-process h3,.diagnostic-process p{color:var(--white)}.diagnostic-process h2{margin-bottom:4px;font-size:30px}.diagnostic-step{display:grid;grid-template-columns:48px 1fr;gap:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.diagnostic-step span{color:var(--accent);font-size:24px;font-weight:900}.diagnostic-step p{color:#ffffffc7}.diagnostic-focus-band{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:34px;border:1px solid var(--border);border-radius:22px;background:var(--white);box-shadow:0 12px 28px #071f4f0f}.diagnostic-focus-band h2{margin-bottom:14px;font-size:clamp(28px,4vw,40px);line-height:1.1}.diagnostic-focus-band p{color:var(--muted)}.service-hero{background:radial-gradient(circle at top left,rgba(22,197,216,.16),transparent 32%),linear-gradient(180deg,#fff,#f5f8fc);padding:88px 0 72px}.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;align-items:center}.service-hero p{max-width:760px;margin-bottom:30px;color:var(--muted);font-size:20px}.service-summary-card,.service-offer-card{border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:0 12px 28px #071f4f14}.service-summary-card{padding:30px}.service-summary-card h2{margin-bottom:20px;font-size:28px;line-height:1.2}.service-pain-grid,.service-offer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-offer-strip{background:#fff}.service-offer-card{display:flex;flex-direction:column;padding:24px}.service-offer-card h3{margin-bottom:10px;line-height:1.25}.service-offer-card p{margin-bottom:18px;color:var(--muted)}.service-offer-card .text-link,.service-card-link{margin-top:auto;margin-bottom:0}.home-library-card p{margin-bottom:22px;color:var(--muted);font-size:17px}.home-editorial-section,.innovation-radar-section,.content-track-section,.home-services-section{background:#fff}.home-editorial-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:34px;align-items:start;padding:34px;border:1px solid var(--border);border-radius:8px;background:#fbfdff;box-shadow:0 12px 28px #071f4f0f}.home-editorial-grid h2{font-size:clamp(30px,4vw,42px);line-height:1.12}.home-editorial-copy p{margin-bottom:14px;color:var(--muted);font-size:18px}.featured-guides,.innovation-radar-grid,.content-track-grid,.material-highlight-grid{display:grid;gap:22px}.featured-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.content-track-grid,.innovation-radar-grid,.material-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-guide-card,.content-track-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:0 12px 28px #071f4f0f}.featured-guide-card h3,.content-track-card h3{margin-bottom:12px;line-height:1.25}.featured-guide-card p,.content-track-card p{margin-bottom:18px;color:var(--muted)}.featured-guide-card .text-link{margin-top:auto;margin-bottom:0}.track-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.track-links a{display:inline-flex;padding:8px 11px;border:1px solid rgba(22,197,216,.28);border-radius:999px;background:#16c5d81a;color:var(--primary);font-size:13px;font-weight:800}.contact-checklist{margin-top:22px}.section-title{max-width:760px;margin-bottom:36px}.section-title span{color:var(--accent);font-size:13px;font-weight:900;text-transform:uppercase}.section-title h2{margin:8px 0 12px;font-size:clamp(30px,4vw,44px);line-height:1.12}.section-title p,.content-page p,.content-page li,.offer-box p,.about-copy p,.about-panel li{color:var(--muted)}.cards,.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.article-card,.recommend-item,.legacy-card,.problem-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:0 12px 28px #071f4f0f}.card,.recommend-item,.legacy-card,.problem-item{padding:24px}.recommend-item{display:flex;flex-direction:column;align-items:flex-start}.recommend-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.recommend-actions .btn{width:auto}.icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;border-radius:14px;background:#16c5d81f;color:var(--primary);font-weight:900}.card h3,.article-content h3,.recommend-item h3,.legacy-card h3,.problem-item h3{margin-bottom:10px;line-height:1.25}.card p,.article-content p,.recommend-item p,.legacy-card p,.problem-item p{margin-bottom:16px;color:var(--muted)}.card ul,.content-page ul{padding-left:20px;color:var(--muted)}.product-section,.contact{background:radial-gradient(circle at 15% 30%,rgba(22,197,216,.14),transparent 28%),linear-gradient(135deg,#fff,#eef5ff)}.product-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.product-label,.book-tag{display:inline-flex;width:fit-content;margin-bottom:14px;padding:7px 12px;border:1px solid rgba(22,197,216,.35);border-radius:999px;background:#16c5d81f;color:var(--primary);font-size:13px;font-weight:800}.product-card h2{margin-bottom:16px;font-size:clamp(30px,4vw,46px);line-height:1.1}.product-card p{margin-bottom:20px;color:var(--muted);font-size:18px}.product-features{grid-template-columns:repeat(2,1fr)}.dark-section{background:linear-gradient(135deg,var(--primary),#020d25);color:var(--white)}.dark-section .section-title h2,.dark-section .section-title p,.dark-section h3{color:var(--white)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#ffffff0f}.step-number{margin-bottom:12px;color:var(--accent);font-size:34px;font-weight:900}.step p{color:#ffffffc7}.contact-box,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.contact-box{padding:38px;border:1px solid var(--border);border-radius:24px;background:var(--white);box-shadow:var(--shadow)}.contact-box h2{margin-bottom:16px;font-size:clamp(30px,4vw,44px);line-height:1.1}.contact-box p{color:var(--muted);font-size:18px}.contact-form,form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field span{color:var(--primary);font-size:14px;font-weight:800}input,textarea,select{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fbfdff;color:var(--text);font:inherit}textarea{min-height:120px;resize:vertical}.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:var(--danger);box-shadow:0 0 0 3px #c9353514}.field small{color:var(--danger);font-size:13px}.privacy-note{color:var(--muted);font-size:13px}.success-inline{padding:12px 14px;border:1px solid rgba(19,122,75,.25);border-radius:12px;background:#137a4b14;color:var(--success);font-weight:700}.material-lead-section{padding-top:0}.material-download-box{display:grid;gap:14px}.article-card{overflow:hidden}.article-top{min-height:116px;display:flex;align-items:flex-end;padding:22px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);font-size:22px;font-weight:900}.article-content{padding:22px}.article-content a{color:var(--primary-light);font-weight:800}.article-page{max-width:900px}.article-page h2,.content-page h2{margin:28px 0 10px;font-size:28px}.article-page p{margin-bottom:16px;color:var(--text);font-size:18px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:-12px;color:var(--muted);font-size:14px;font-weight:700}.article-meta span,.article-meta a{display:inline-flex;align-items:center;gap:8px}.article-meta a{color:var(--primary-light)}.article-meta span:not(:first-child):before{content:"";width:5px;height:5px;border-radius:999px;background:var(--accent)}.article-editorial-box,.editorial-summary{display:grid;gap:18px;margin-top:34px;padding:24px;border:1px solid rgba(22,44,78,.12);border-radius:8px;background:#fbfdff}.article-editorial-box{grid-template-columns:minmax(0,1fr) auto;align-items:center}.article-editorial-box h2,.editorial-summary h2{margin:8px 0 10px;font-size:24px;line-height:1.25}.article-editorial-box p,.editorial-summary p{margin:0;color:var(--muted)}.article-editorial-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.article-editorial-links a{color:var(--primary-light);font-weight:900}.editorial-summary-section{padding-top:0;background:#fff}.editorial-summary{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;margin-top:0}.article-related,.setup-note{margin-top:34px;padding:26px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white)}.article-related h3,.article-related p,.setup-note h2,.setup-note p{color:var(--white)}.adsense-block{display:grid;gap:10px;min-height:120px;margin:56px 0;padding:18px 0;border-top:1px solid rgba(22,44,78,.1);border-bottom:1px solid rgba(22,44,78,.1)}.adsense-block span{color:var(--muted);font-size:12px;font-weight:700}.article-monetization{display:grid;gap:18px;margin-top:34px;padding:26px;border:1px solid rgba(22,44,78,.12);border-radius:8px;background:#f6f9fc}.article-monetization h3{margin:8px 0 10px;color:var(--primary);font-size:24px}.article-monetization p{margin:0;color:var(--muted)}.monetization-eyebrow{color:var(--accent);font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.monetization-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;list-style:none}.monetization-points li{min-height:44px;display:flex;align-items:center;padding:10px 12px;border:1px solid rgba(22,44,78,.1);border-radius:8px;background:var(--white);color:var(--text);font-size:14px;font-weight:800}.article-monetization-actions{display:flex;flex-wrap:wrap;gap:12px}.article-related-section{background:#fff}.article-related-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.article-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-related-item,.article-material-panel{border:1px solid var(--border);border-radius:8px;background:#fbfdff;box-shadow:0 12px 28px #071f4f0f}.article-related-item{display:flex;flex-direction:column;min-height:260px;padding:22px}.article-related-item span{width:fit-content;margin-bottom:14px;padding:6px 10px;border-radius:999px;background:#16c5d81f;color:var(--primary);font-size:12px;font-weight:900}.article-related-item h3,.article-material-panel h3{margin-bottom:10px;line-height:1.25}.article-related-item p,.article-material-panel p{color:var(--muted)}.article-related-item a{margin-top:auto;color:var(--primary-light);font-weight:900}.article-material-panel{display:grid;gap:14px;padding:24px}.criteria-list{display:grid;gap:12px;padding-left:0;list-style:none}.criteria-list li{position:relative;padding-left:22px;color:#ffffffe0}.criteria-list li:before{content:"";position:absolute;top:.72em;left:0;width:8px;height:8px;border-radius:999px;background:var(--accent)}.recommend-box,.legacy-grid,.problem-grid,.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.faq-item{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:#fbfdff}.faq-item h3{margin-bottom:10px;font-size:20px;line-height:1.25}.faq-item p{color:var(--muted)}.about-copy h2{margin-bottom:18px;font-size:clamp(30px,4vw,46px);line-height:1.1}.about-copy p{margin-bottom:16px;font-size:18px}.about-panel{padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:0 12px 28px #071f4f0f}.about-panel h3{margin-bottom:18px}.text-link{display:inline-flex;margin-bottom:18px;color:var(--primary-light);font-weight:800}.affiliate-disclaimer{max-width:840px;margin-top:24px;padding:18px 20px;border:1px solid #f3d27a;border-radius:14px;background:#fff8e6;color:#5c4100;font-size:15px}.legacy-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.legacy-stack span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#16c5d81f;color:var(--primary);font-size:13px;font-weight:800}.topic-hub-grid,.glossary-card-grid,.case-study-grid,.hub-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-hub-card,.glossary-card,.case-study-card,.hub-info-panel{padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:0 12px 26px #071f4f0f}.topic-hub-card h3,.glossary-card h3,.case-study-card h3,.hub-info-panel h3{margin:10px 0}.topic-hub-card p,.glossary-card p,.case-study-card p{color:var(--muted)}.case-study-hero .container{max-width:920px}.case-study-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.case-study-main,.case-study-aside{padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:0 12px 26px #071f4f0f}.case-study-main h2{margin:28px 0 12px}.case-study-main ul{margin-left:20px}.case-study-main li+li{margin-top:8px}.case-step-list{display:grid;gap:14px}.case-step{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#f8fbff}.case-step>span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;background:#16c5d824;color:var(--primary);font-weight:900}.case-study-aside{position:sticky;top:104px}.case-study-aside .btn{width:100%;margin-top:18px}.hub-meta-list,.glossary-category-list,.hub-navigation{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.hub-meta-list span,.glossary-category-list a,.hub-navigation a,.hub-navigation span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:#f8fbff;color:var(--primary);font-size:13px;font-weight:800}.hub-navigation span{border-color:transparent;background:transparent;color:var(--muted)}.topic-detail-hero .container{max-width:920px}.hub-overview-grid{grid-template-columns:repeat(2,1fr)}.hub-info-panel .check-list{margin-top:12px}.glossary-card>span{display:inline-flex;margin-bottom:10px;color:var(--primary-light);font-size:12px;font-weight:900;text-transform:uppercase}.glossary-example{margin:16px 0;padding:14px;border-left:4px solid var(--accent);background:#f8fbff;color:var(--text);font-size:14px}.glossary-links{display:grid;gap:8px;margin-top:16px}.glossary-links a,.glossary-card>a{color:var(--primary-light);font-weight:800}.compact-section-title{margin-bottom:22px}.loading-state,.error-state{margin-top:48px;text-align:center}.toast-region{position:fixed;right:18px;bottom:18px;z-index:50;display:grid;gap:10px;width:min(360px,calc(100vw - 36px))}.toast{padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow);color:var(--primary);font-weight:700}.toast-success{border-color:#137a4b40}.toast-error{border-color:#c9353540}footer{padding:34px 0;background:#020d25;color:#ffffffc7}.footer-content{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.footer-content strong{color:var(--white)}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a:hover{color:var(--white)}.social-footer{display:flex;gap:10px}.social-footer a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:var(--white);font-size:12px;font-weight:900;text-transform:uppercase}@media(max-width:1080px){.brand-logo{width:168px}.nav-links{gap:12px;font-size:13px}}@media(max-width:940px){.nav{min-height:86px}.nav-links{display:none}.brand-logo{width:238px;max-width:calc(100vw - 124px)}.nav-contact{width:auto;min-width:78px;max-width:92px;min-height:42px;padding:0 12px;font-size:12px}.hero-grid,.diagnostic-grid,.service-hero-grid,.home-editorial-grid,.contact-box,.two-col,.product-card,.diagnostic-focus-band{grid-template-columns:1fr}.cards,.articles,.steps,.monetization-points,.faq-grid,.featured-guides,.topic-hub-grid,.glossary-card-grid,.case-study-grid,.innovation-radar-grid,.content-track-grid,.material-highlight-grid,.service-offer-list,.article-related-list{grid-template-columns:1fr 1fr}.article-related-layout,.case-study-layout{grid-template-columns:1fr}.case-study-aside{position:static}.hub-overview-grid,.article-editorial-box,.editorial-summary{grid-template-columns:1fr}.article-editorial-links{justify-content:flex-start}}@media(max-width:680px){.container{width:min(100% - 22px,1160px)}section{padding:58px 0}.hero{padding-top:52px}h1{font-size:clamp(34px,11vw,48px)}.hero-points,.cards,.articles,.steps,.product-features,.featured-guides,.topic-hub-grid,.glossary-card-grid,.case-study-grid,.innovation-radar-grid,.content-track-grid,.material-highlight-grid,.service-pain-grid,.service-offer-list,.recommend-box,.about-grid,.legacy-grid,.problem-grid,.monetization-points,.faq-grid,.article-related-list,.form-grid{grid-template-columns:1fr}.contact-box,.content-page,.offer-box,.hero-card,.home-editorial-grid,.diagnostic-card,.service-summary-card,.diagnostic-process,.diagnostic-focus-band{padding:24px}.btn{width:100%}}:root{--brand-back: #1e3a8a;--brand-mid: #1e40af;--brand-front: #60a5fa;--brand-ambient: linear-gradient(160deg, #050d24 0%, #0a1f4d 60%, #112b6b 100%);--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--slate-50: #f5f8fd;--slate-100: #eaf1fa;--slate-200: #d4e0f0;--slate-300: #b3c4dc;--slate-400: #7e95b5;--slate-500: #52688a;--slate-600: #3b5174;--slate-700: #2a3d5c;--slate-800: #172747;--slate-900: #0a1731;--cat-java: #16a34a;--cat-cloud: #d97706;--cat-devops: #2563eb;--cat-ia: #0891b2;--cat-carreira: #4f46e5;--bg: var(--slate-50);--surface: #ffffff;--surface-hover: var(--blue-50);--border: var(--slate-200);--border-light: var(--slate-100);--text: var(--slate-700);--text-secondary: var(--slate-500);--text-heading: var(--slate-900);--primary: var(--blue-600);--primary-hover: var(--blue-700);--primary-light: var(--blue-50);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .07), 0 4px 10px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--max: 1240px;--read: 720px;--gutter: 28px;--header-h: 64px;--transition: .18s ease}body{font-family:var(--sans);font-size:15px;background:var(--slate-50);color:var(--text);-webkit-font-smoothing:antialiased}.container,.wrap{width:auto;max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}section{padding:56px 0}.site-header{position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.header-row{height:var(--header-h);display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand .mark{width:34px;height:34px;object-fit:contain}.brand .word,.foot-brand .word{font-weight:800;font-size:19px;letter-spacing:0;color:var(--slate-900);line-height:1}.brand .word b,.foot-brand .word b{color:var(--blue-600)}.brand .word span,.foot-brand .word span{color:var(--slate-400);font-weight:500}.main-nav{display:flex;align-items:center;gap:2px;margin-left:4px;min-width:0}.main-nav a{font-size:14px;font-weight:600;color:var(--slate-600);padding:8px;border-radius:var(--radius);transition:var(--transition);white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:var(--blue-50);color:var(--blue-700)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.search-mini{display:inline-flex;align-items:center;gap:8px;width:176px;min-width:0;height:34px;padding:5px 11px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--slate-50);color:var(--slate-400);font-size:12.5px}.search-mini input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--slate-700);font:inherit}.search-mini input::placeholder{color:var(--slate-400)}.search-mini button{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.search-mini:focus-within{border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 3px #2563eb14}.btn{border-radius:var(--radius);font-size:14px;font-weight:600;min-height:auto;padding:9px 16px;box-shadow:none;white-space:nowrap}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--blue-700);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb47}.btn-secondary,.btn-ghost{background:transparent;color:var(--slate-700);border-color:var(--border)}.btn-light{background:#fff;color:var(--blue-700)}.btn-sm{padding:7px 12px;font-size:13px}.cat-bar{border-bottom:1px solid var(--border);background:#fff}.cat-bar .wrap{display:flex;align-items:center;gap:4px;height:46px;overflow-x:auto}.cat-link{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius);color:var(--slate-500);font-size:13px;font-weight:600;white-space:nowrap}.cat-link:hover{background:var(--slate-50);color:var(--slate-800)}.cat-dot{width:8px;height:8px;border-radius:50%}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:32px 0 56px;align-items:start}.content{min-width:0}.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header-h) + 16px)}.section-head{display:flex;align-items:baseline;gap:12px;margin:4px 0 18px}.section-head h2{margin:0;color:var(--slate-900);font-size:20px;font-weight:800;letter-spacing:0}.section-head .rule{flex:1;height:1px;background:var(--border)}.section-head .more{color:var(--blue-600);font-size:13px;font-weight:700}.featured{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:28px}.feat-main,.feat-mini,.post-card,.post-row,.widget{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg)}.feat-main{overflow:hidden}.feat-main .thumb{border-radius:0;aspect-ratio:16/8.2}.feat-body{padding:22px 24px 26px}.feat-body h1{margin:12px 0 10px;color:var(--slate-900);font-size:27px;font-weight:800;line-height:1.2;letter-spacing:0}.feat-body p,.post-body p{color:var(--slate-500)}.feat-side{display:flex;flex-direction:column;gap:16px}.feat-mini{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:12px;align-items:center;transition:var(--transition)}.feat-mini:hover,.post-card:hover,.post-row:hover{border-color:var(--slate-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.feat-mini .thumb{aspect-ratio:1/.78}.feat-mini h3{margin:6px 0;color:var(--slate-900);font-size:14.5px;line-height:1.32}.thumb{position:relative;display:flex;aspect-ratio:16/9;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg);background:var(--slate-100)}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(10,23,49,.16)),radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.28),transparent 60%)}.portal-thumb-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.01)}.portal-thumb-symbol{position:absolute;left:16px;bottom:14px;z-index:2;display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);color:currentColor;font-weight:800;font-size:14px;letter-spacing:0}.portal-thumb-symbol-sm{left:10px;bottom:10px;width:34px;height:34px;font-size:11px}.t-java{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:var(--cat-java)}.t-cloud{background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--cat-cloud)}.t-devops{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--cat-devops)}.t-ia{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:var(--cat-ia)}.t-carreira{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:var(--cat-carreira)}.tag{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px 9px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#fff;color:var(--slate-600);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.card-grid,.case-study-grid,.topic-hub-grid,.glossary-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{display:flex;flex-direction:column;overflow:hidden}.post-card .thumb{border-radius:0}.post-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:14px 16px 16px}.post-body h3{margin:0;color:var(--slate-900);font-size:16px;font-weight:700;line-height:1.32;letter-spacing:0}.post-card:hover h3,.post-row:hover h3{color:var(--blue-700)}.post-body p{margin:0;font-size:13.5px;line-height:1.5}.post-foot{margin-top:auto}.post-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px}.post-row .thumb{aspect-ratio:16/10}.post-row .post-body{padding:2px 4px}.post-row h3{font-size:17px}.feed{display:flex;flex-direction:column;gap:16px}.meta{display:flex;align-items:center;gap:10px;color:var(--slate-400);font-size:12.5px;font-weight:500}.meta .dot{width:3px;height:3px;border-radius:50%;background:var(--slate-300)}.ad{position:relative;display:flex;min-height:110px;align-items:center;justify-content:center;overflow:hidden;border:1px dashed var(--slate-300);border-radius:var(--radius);background:repeating-linear-gradient(45deg,var(--slate-50) 0 10px,#fff 10px 20px);color:var(--slate-400);text-align:center}.ad:before{content:"PUBLICIDADE";position:absolute;top:8px;left:50%;transform:translate(-50%);color:var(--slate-400);font-size:9px;font-weight:800;letter-spacing:1px}.ad .ad-inner{font-size:12px;font-weight:600}.ad-rect{min-height:280px}.ad-infeed{min-height:130px}.ad-tall{min-height:420px}.widget{padding:18px}.widget-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--slate-900);font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.widget-title:after{content:"";flex:1;height:1px;background:var(--border-light)}.product,.trend-item{display:grid;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border-light)}.product{grid-template-columns:52px 1fr auto}.trend-item{grid-template-columns:44px 1fr}.product:last-child,.trend-item:last-child{border-bottom:0}.prod-thumb,.trend-num{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--slate-50);color:var(--slate-400);font-weight:800}.trend-num{width:36px;height:36px;color:var(--blue-600);font-size:13px}.product h4,.trend-item h4{margin:0 0 3px;color:var(--slate-900);font-size:13.5px;font-weight:700;line-height:1.25}.price{color:var(--cat-java);font-size:12px;font-weight:700}.aff-note{margin:12px 0 0;color:var(--slate-400);font-size:10.5px;line-height:1.4}.promo{color:#fff;background:var(--brand-ambient);border:0}.promo h3,.promo p{color:#fff}.promo p{opacity:.82}.pico{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:var(--radius);background:#ffffff1f;color:var(--brand-front);font-weight:800}.page-hero,.diagnostic-hero,.service-hero{border-bottom:1px solid var(--border);background:#fff;padding:44px 0 40px}.page-hero .container,.diagnostic-hero .container,.service-hero .container{max-width:var(--max)}.page-hero h1,.diagnostic-hero h1,.service-hero h1{margin:12px 0 14px;color:var(--slate-900);font-size:clamp(32px,5vw,44px);font-weight:800;line-height:1.1;letter-spacing:0}.page-hero p,.diagnostic-hero p,.service-hero p{max-width:720px;color:var(--slate-500);font-size:18px;line-height:1.6}.badge,.product-label{display:inline-flex;align-items:center;gap:8px;color:var(--blue-600);font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--blue-600)}.article-head{max-width:var(--read);margin:0 auto;padding:38px var(--gutter) 18px}.article-head h1{margin:14px 0;color:var(--slate-900);font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1.1;letter-spacing:0}.lede{color:var(--slate-500);font-size:19px;line-height:1.65}.byline,.article-meta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;color:var(--slate-500);font-size:13px;font-weight:600}.avatar{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-600);color:#fff;font-weight:800}.article-layout{display:grid;grid-template-columns:minmax(0,var(--read)) 320px;gap:44px;align-items:start;max-width:var(--max);margin:0 auto;padding:28px var(--gutter) 56px}.article-layout>article{min-width:0}.prose,.content-page{color:var(--slate-700);font-size:16px;line-height:1.75}.content-page{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg)}.article-layout .content-page,.article-page{padding:0;border:0;background:transparent}.prose h2,.content-page h2{margin:34px 0 12px;color:var(--slate-900);font-size:26px;line-height:1.25;letter-spacing:0}.prose p,.content-page p{margin:0 0 18px}.prose ul,.prose ol,.content-page ul,.content-page ol{margin:0 0 20px 22px}.prose li+li,.content-page li+li{margin-top:8px}.prose a,.content-page a{color:var(--blue-600);font-weight:700}.prose h2[id],.prose h3[id]{scroll-margin-top:calc(var(--header-h) + 72px)}.article-hero{max-width:var(--max);margin:18px auto 0;padding:0 var(--gutter)}.article-hero .thumb{min-height:260px}.in-article-ad{margin:28px 0}.article-toc ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.article-toc li{position:relative;padding-left:14px}.article-toc li:before{content:"";position:absolute;top:.68em;left:0;width:5px;height:5px;border-radius:50%;background:var(--blue-500)}.article-toc .toc-child{margin-left:10px}.article-toc a{color:var(--slate-600);font-size:13px;font-weight:700;line-height:1.35}.article-toc a:hover{color:var(--blue-700)}.article-next-links .trend-num{font-size:10px;letter-spacing:0}.section-title h2{color:var(--slate-900);letter-spacing:0}.section-title p,.home-editorial-copy p{color:var(--slate-500)}.topic-hub-card,.glossary-card,.case-study-card,.hub-info-panel,.about-panel,.service-offer-card,.featured-guide-card,.content-track-card,.article-related-item,.article-material-panel,.article-monetization,.article-editorial-box,.case-study-main,.case-study-aside{border-radius:var(--radius-lg);box-shadow:none}.card-visual{display:block;width:100%;aspect-ratio:16/8.4;margin:-2px 0 16px;object-fit:cover;border-radius:var(--radius);background:var(--slate-100)}.text-link{color:var(--blue-600)}.search-page-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:720px;margin-top:24px}.search-page-form input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--slate-800);font:inherit;padding:0 14px;outline:0}.search-page-form input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563eb14}.search-results-section{padding-top:34px}.search-result-list{display:grid;gap:16px}.search-result-card,.search-empty{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.search-result-card h3,.search-empty h2{margin:8px 0 10px;color:var(--slate-900);font-size:20px;letter-spacing:0}.search-result-card p,.search-empty p,.search-warning{color:var(--slate-500);line-height:1.6}.search-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.search-suggestions a{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--slate-50);color:var(--blue-700);font-size:13px;font-weight:700;padding:8px 12px}.search-warning{margin:0 0 16px}.site-footer{padding:46px 0 26px;background:var(--slate-900);color:#ffffffc2}.foot-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:30px}.foot-brand .word{color:#fff}.foot-brand p{max-width:360px;color:#ffffffb3}.foot-col{display:grid;gap:8px}.foot-col h4{margin:0 0 8px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.foot-col a,.foot-mail,.foot-legal a{color:#ffffffb8;font-size:13.5px}.foot-col a:hover,.foot-mail:hover,.foot-legal a:hover{color:#fff}.foot-social{display:flex;gap:10px;margin-top:16px}.foot-social a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:#ffffff14;color:#ffffffbd;font-size:11px;font-weight:900;text-transform:uppercase}.foot-bottom{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff8c;font-size:13px}.foot-legal{display:flex;flex-wrap:wrap;gap:14px}@media(max-width:1080px){.main-nav{gap:0}.main-nav a{padding:8px;font-size:13px}.search-mini{width:168px;min-width:0}.layout,.article-layout{grid-template-columns:1fr}.sidebar{position:static}.featured{grid-template-columns:1fr}.card-grid,.case-study-grid,.topic-hub-grid,.glossary-card-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){:root{--gutter: 18px}.header-row{min-height:var(--header-h);height:auto;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.main-nav{order:3;width:100%;overflow-x:auto}.header-actions{order:2;width:100%;margin-left:0}.search-mini{flex:1;min-width:0}.search-mini input{width:100%}.header-actions .btn{padding:8px 10px;font-size:12px}.cat-bar .wrap{height:42px}.feat-mini,.post-row{grid-template-columns:100px 1fr}.card-grid,.case-study-grid,.topic-hub-grid,.glossary-card-grid,.foot-grid{grid-template-columns:1fr}.article-head{padding-top:28px}.article-hero .thumb{min-height:180px}}@media(max-width:520px){.brand .word{font-size:17px}.feat-mini,.post-row{grid-template-columns:1fr}.feat-mini .thumb,.post-row .thumb{aspect-ratio:16/7}.search-page-form{grid-template-columns:1fr}.search-mini button{display:none}}
