
:root{--navy:#061b4f;--blue:#0b65dc;--cyan:#08b5d7;--ink:#10233f;--muted:#5c6f8f;--line:#dce7f3;--soft:#f5f9ff;--soft2:#eef7ff;--white:#fff;--shadow:0 26px 70px rgba(6,27,79,.16);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#f7fdff 0%,#fff 38%,#f6f2ff 100%);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 34px));margin:0 auto}.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:16px;top:16px;background:#fff;border:2px solid var(--blue);padding:10px;z-index:100;border-radius:10px}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,231,243,.75)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--navy);letter-spacing:-.02em}.brand img{width:54px;height:54px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px rgba(6,27,79,.08)}.links{display:flex;align-items:center;gap:26px;color:#536583;font-weight:800;font-size:14px}.links a:hover{color:var(--blue)}.pill{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 15px;border-radius:999px;background:#fff;box-shadow:0 12px 30px rgba(6,27,79,.08);font-weight:900;color:#536583;white-space:nowrap}.dot{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 0 7px rgba(8,181,215,.12)}.hero{padding:74px 0 66px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:70px auto auto -120px;width:430px;height:430px;background:radial-gradient(circle,rgba(8,181,215,.18),transparent 68%);filter:blur(8px)}.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center;position:relative}.eyebrow{display:flex;align-items:center;gap:11px;color:#005de0;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;font-size:13px;margin-bottom:22px}.eyebrow:before{content:"";width:38px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),#7a5cff)}h1{font-size:clamp(46px,7vw,88px);line-height:.95;margin:0 0 24px;color:var(--navy);letter-spacing:-.075em;max-width:720px}.lead{font-size:clamp(18px,2vw,22px);color:#536b8f;max-width:700px;margin:0 0 30px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:1000;border:1px solid var(--line)}.primary{background:linear-gradient(135deg,#0877e5,var(--cyan));color:#fff;border:0;box-shadow:0 20px 42px rgba(8,119,229,.24)}.secondary{background:#fff;color:var(--navy)}.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:900;color:var(--navy);box-shadow:0 10px 26px rgba(6,27,79,.05);font-size:14px}.check{color:#02a777;font-weight:1000}.hero-card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:36px;padding:46px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;right:-80px;top:-70px;width:240px;height:240px;background:radial-gradient(circle,rgba(8,181,215,.20),transparent 70%)}.logo-stage{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:inset 0 -10px 26px rgba(6,27,79,.04);position:relative;z-index:1}.logo-stage img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;background:#fff;border-radius:14px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;position:relative;z-index:1}.mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 16px;min-height:128px}.mini strong{display:block;color:var(--navy);font-size:18px;line-height:1.05;margin-bottom:8px}.mini span{color:var(--muted);font-size:15px}section{padding:70px 0}.section-title{max-width:840px;margin-bottom:32px}.section-title h2{font-size:clamp(32px,4vw,52px);line-height:1.02;color:var(--navy);letter-spacing:-.045em;margin:0 0 14px}.section-title p{margin:0;color:var(--muted);font-size:19px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 16px 44px rgba(6,27,79,.06)}.icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,rgba(8,181,215,.16),rgba(11,101,220,.14));display:grid;place-items:center;margin-bottom:16px;font-size:22px}.card h3{margin:0 0 9px;color:var(--navy);font-size:22px;line-height:1.12}.card p{margin:0;color:var(--muted)}.security{background:linear-gradient(135deg,#061b4f,#0b327d);color:#fff;border-radius:36px;padding:46px;box-shadow:var(--shadow);overflow:hidden;position:relative}.security:after{content:"";position:absolute;right:-100px;bottom:-140px;width:360px;height:360px;background:radial-gradient(circle,rgba(8,181,215,.26),transparent 70%)}.security h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.05em;line-height:1;margin:0 0 12px}.security p{color:#d7e5fb;font-size:19px;max-width:850px}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;position:relative;z-index:1}.security-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:20px}.security-item strong{display:block;font-size:18px;margin-bottom:6px}.security-item span{color:#c7d8f4}.flow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.flow-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px}.flow-panel h3{color:var(--navy);margin:0 0 16px;font-size:24px}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}.num{height:38px;width:38px;border-radius:12px;background:var(--soft2);color:var(--blue);display:grid;place-items:center;font-weight:1000}.step strong{color:var(--navy)}.step p{margin:2px 0 0;color:var(--muted)}.cta{background:#fff;border:1px solid var(--line);border-radius:36px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:var(--shadow)}.cta h2{margin:0 0 10px;color:var(--navy);font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.04}.cta p{margin:0;color:var(--muted);font-size:18px;max-width:760px}.page-hero{padding:64px 0 34px}.page-hero h1{font-size:clamp(42px,6vw,72px);max-width:900px}.breadcrumb{color:#6b7c96;font-weight:800;margin-bottom:20px}.breadcrumb a{color:var(--blue)}.policy-layout{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.toc{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(6,27,79,.06)}.toc h2{font-size:16px;margin:0 0 12px;color:var(--navy)}.toc a{display:block;color:#536583;font-weight:800;border-top:1px solid var(--line);padding:10px 0}.policy{background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:0 16px 44px rgba(6,27,79,.06)}.policy h2{color:var(--navy);font-size:30px;line-height:1.12;margin:34px 0 12px}.policy h2:first-child{margin-top:0}.policy h3{color:var(--navy);font-size:21px;margin:24px 0 8px}.policy p,.policy li{color:#455a78}.policy ul{padding-left:21px}.notice{background:#f5f9ff;border:1px solid #cfe0f4;border-radius:18px;padding:18px;margin:20px 0}.warning{background:#fff8ed;border:1px solid #f3d2a6;border-radius:18px;padding:18px;margin:20px 0}.table{width:100%;border-collapse:collapse;margin:18px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:table}.table th,.table td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.table th{background:#0b327d;color:#fff}.policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.policy-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 34px rgba(6,27,79,.06)}.policy-card h2{font-size:24px;margin:0 0 8px}.policy-card p{color:var(--muted);margin:0 0 14px}.policy-card a{font-weight:1000;color:var(--blue)}.small{font-size:14px;color:#71829b}.source-list a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}footer{padding:42px 0;color:#6d7d96;background:rgba(255,255,255,.72)}.foot{display:grid;grid-template-columns:1.2fr 2fr;gap:34px;border-top:1px solid var(--line);padding-top:26px}.foot-brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy);margin-bottom:12px}.foot-brand img{width:42px;height:42px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:#fff}.foot-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.foot-links h3{font-size:14px;color:var(--navy);margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em}.foot-links a{display:block;margin:8px 0;color:#536583;font-weight:800}.foot-links a:hover{color:var(--blue)}@media(max-width:920px){.hero-grid,.flow,.cta,.policy-layout,.foot{grid-template-columns:1fr}.links{display:none}.hero{padding-top:48px}.hero-card{padding:24px}.cards,.security-grid,.mini-grid,.policy-grid,.foot-links{grid-template-columns:1fr}.toc{position:relative;top:0}.foot{align-items:flex-start}h1{font-size:54px}}@media(max-width:540px){.wrap{width:min(100% - 24px,1180px)}h1{font-size:46px}.brand span{font-size:15px}.pill{display:none}.hero-card,.security,.cta,.policy{border-radius:24px;padding:22px}.logo-stage{padding:16px}.actions{flex-direction:column}.btn{width:100%}.table{font-size:14px}}

/* SEO/AEO expansion pages */
.flow-panel a,.policy a{color:var(--blue);font-weight:900;text-decoration:underline;text-underline-offset:3px}.policy-card:hover{transform:translateY(-2px);transition:.18s ease;box-shadow:0 18px 45px rgba(6,27,79,.10)}.source-note{font-size:13px;color:#71829b;border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.compact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.compact-list div{background:#f5f9ff;border:1px solid #dce7f3;border-radius:16px;padding:14px;font-weight:900;color:var(--navy)}@media(max-width:920px){.compact-list{grid-template-columns:1fr}}



/* Dropdown navigation expansion - cache-busted v4 */
.nav-menu{gap:16px;position:relative}.dropdown{position:relative;display:inline-flex;align-items:center}.drop-toggle{appearance:none;border:0;background:transparent;color:#536583;font:inherit;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;min-height:42px;padding:0}.drop-toggle:hover,.drop-toggle:focus{color:var(--blue);outline:none}.drop-toggle:after{content:"";display:inline-block;margin-left:7px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.75}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:248px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 24px 60px rgba(6,27,79,.16);display:none;z-index:999}.dropdown-menu-wide{min-width:300px}.dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.dropdown-menu a{display:block;padding:11px 12px;border-radius:12px;color:#536583;font-weight:900;line-height:1.2;white-space:normal}.dropdown-menu a:hover,.dropdown-menu a:focus{background:#f5f9ff;color:var(--blue)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown.open .dropdown-menu{display:block}.nav-demo{background:linear-gradient(135deg,#0877e5,var(--cyan));color:#fff!important;padding:10px 15px;border-radius:999px;box-shadow:0 12px 25px rgba(8,119,229,.18)}@media(max-width:1120px){.nav-menu{gap:10px;font-size:13px}.pill{display:none}.brand span{font-size:15px}.dropdown-menu{min-width:230px}}@media(max-width:920px){.links.nav-menu{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.nav{align-items:flex-start;flex-direction:column}.dropdown{display:block}.dropdown-menu{position:static;box-shadow:none;margin:0 0 8px 0;min-width:100%;border-radius:14px}.dropdown .dropdown-menu{display:none}.dropdown.open .dropdown-menu{display:block}.dropdown:hover .dropdown-menu{display:none}.dropdown.open:hover .dropdown-menu{display:block}.nav-menu>a,.drop-toggle{min-height:36px}.pill{display:none}}


/* Final native dropdown navigation backup. Inline CSS in each page is source of truth. */
.cp-dropdown-nav{display:flex!important;align-items:center;gap:16px;flex-wrap:wrap;overflow:visible!important;position:relative;z-index:2000}.cp-dropdown-nav>a,.nav-dropdown>summary{color:#536583;font-weight:900;text-decoration:none;line-height:1;min-height:42px;display:inline-flex;align-items:center;cursor:pointer;list-style:none;white-space:nowrap}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary::after{content:"";margin-left:7px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.75}.cp-dropdown-nav>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{color:var(--blue)}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 24px 60px rgba(6,27,79,.18);z-index:9999}.nav-dropdown-wide .nav-dropdown-menu{min-width:320px}.nav-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.nav-dropdown-menu a{display:block;color:#536583!important;font-weight:900;text-decoration:none;padding:11px 12px;border-radius:12px;line-height:1.2;white-space:normal}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus{background:#f5f9ff;color:var(--blue)!important}.nav-demo{background:linear-gradient(135deg,#0877e5,var(--cyan));color:#fff!important;padding:10px 15px;border-radius:999px;box-shadow:0 12px 25px rgba(8,119,229,.18)}.nav{overflow:visible!important}header{overflow:visible!important;z-index:1000}@media (hover:hover) and (min-width:921px){.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown:not([open]):not(:hover) .nav-dropdown-menu{display:none}}@media(max-width:1120px){.cp-dropdown-nav{gap:10px;font-size:13px}.pill{display:none}.brand span{font-size:15px}.nav-dropdown-menu{min-width:230px}}@media(max-width:920px){.nav{align-items:flex-start;flex-direction:column}.links.cp-dropdown-nav{display:flex!important;flex-direction:column;align-items:stretch;width:100%;gap:6px;margin-top:10px}.nav-dropdown{display:block;width:100%}.nav-dropdown>summary,.cp-dropdown-nav>a{width:100%;min-height:38px}.nav-dropdown-menu{position:static;min-width:100%;box-shadow:none;margin:0 0 8px 0;border-radius:14px}.nav-dropdown-wide .nav-dropdown-menu{min-width:100%}.pill{display:none}}


/* Child Protect final additions: language selector, flowchart gallery, stable dropdowns */
.lang-switch{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 9px;box-shadow:0 10px 24px rgba(6,27,79,.07);font-weight:1000;color:#536583}.lang-switch a{color:#536583;text-decoration:none;padding:4px 6px;border-radius:999px}.lang-switch a.active,.lang-switch a:hover{background:#f1f7ff;color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:12px}.flowchart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:24px}.flowchart-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 16px 44px rgba(6,27,79,.08)}.flowchart-card img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);display:block;background:#fff}.flowchart-card h3{color:var(--navy);font-size:22px;margin:16px 0 8px}.flowchart-card p{color:var(--muted);margin:0 0 14px}.image-link{display:inline-flex;margin-top:10px;font-weight:1000;color:var(--blue)}.feature-image{background:#fff;border:1px solid var(--line);border-radius:30px;padding:18px;box-shadow:0 20px 50px rgba(6,27,79,.08);margin:26px 0}.feature-image img{width:100%;height:auto;border-radius:20px;border:1px solid var(--line);display:block}.feature-image figcaption{color:#536583;font-weight:800;margin-top:12px}.nav-dropdown-menu{display:none}.nav-dropdown[open]>.nav-dropdown-menu{display:block}@media (hover:hover) and (min-width:921px){.nav-dropdown:hover>.nav-dropdown-menu{display:block}.nav-dropdown:not([open]):not(:hover)>.nav-dropdown-menu{display:none}}@media(max-width:1120px){.nav-actions{gap:8px}.lang-switch{font-size:13px}.flowchart-grid{grid-template-columns:1fr}}@media(max-width:920px){.nav-actions{width:100%;justify-content:space-between}.lang-switch{margin-top:8px}.flowchart-grid{grid-template-columns:1fr}}


/* Final Thai expansion and softer CTA polish */
.trust-strip-section{padding-top:0}.trust-strip{background:linear-gradient(135deg,#f8fbff,#eef8ff);border:1px solid #d9e8f6}.trust-strip .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}html[lang="th"] body{font-family:Inter,"Noto Sans Thai","Segoe UI",Arial,sans-serif}html[lang="th"] .lead,html[lang="th"] p{line-height:1.85}.thai-note{background:#fffaf0;border:1px solid #f3d69c;border-radius:18px;padding:16px;color:#5a4a22}.thai-page-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.thai-page-list a{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;font-weight:900;text-decoration:none;color:var(--navy);box-shadow:0 14px 34px rgba(6,27,79,.06)}.thai-page-list span{display:block;color:#64748b;font-weight:700;margin-top:8px;line-height:1.55}.thai-section-card ul{margin:12px 0 0 20px;color:#51617d}.thai-section-card li{margin:8px 0}@media(max-width:920px){.thai-page-list{grid-template-columns:1fr}.trust-strip .actions{width:100%}}


/* cp-contact-mobile-final-css */


/* Child Protect mobile navigation and contact form polish. */
.mobile-nav-toggle{display:none;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:10px 14px;font-weight:1000;cursor:pointer;box-shadow:0 10px 24px rgba(6,27,79,.07)}
.mobile-nav-toggle:focus{outline:3px solid rgba(8,119,229,.22);outline-offset:2px}.mobile-nav-icon{width:18px;height:12px;display:inline-block;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.mobile-nav-icon:before{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 18px 50px rgba(6,27,79,.08)}.contact-form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field label{display:block;font-weight:1000;color:var(--navy);margin:0 0 7px}.form-field input,.form-field select,.form-field textarea{width:100%;box-sizing:border-box;border:1px solid #d7e4f2;border-radius:16px;padding:13px 14px;font:inherit;color:#21314d;background:#fff}.form-field textarea{min-height:150px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid rgba(8,119,229,.18);border-color:#70abea}.form-help{font-size:13px;color:#71829b;margin-top:6px;line-height:1.5}.consent-line{display:flex;gap:10px;align-items:flex-start;color:#536583;font-weight:750;line-height:1.55}.consent-line input{margin-top:4px}.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-side-note{background:#f5f9ff;border:1px solid #dbe9f7;border-radius:22px;padding:20px;color:#536583}.contact-side-note strong{color:var(--navy)}.contact-warning{background:#fffaf0;border:1px solid #f2d293;border-radius:18px;padding:14px;color:#5e4a20;font-weight:800;line-height:1.6}@media(max-width:920px){.mobile-nav-toggle{display:inline-flex!important}.wrap.nav{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px}.brand{flex:1 1 auto}.nav-actions{width:auto!important;margin-top:0!important}.links.cp-dropdown-nav{display:none!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:6px!important;margin-top:12px!important;order:10}.mobile-nav-open .links.cp-dropdown-nav{display:flex!important}.mobile-nav-open .wrap.nav{align-items:flex-start!important;flex-wrap:wrap!important}.nav-dropdown{display:block!important;width:100%!important}.nav-dropdown>summary,.cp-dropdown-nav>a{width:100%!important;min-height:40px!important}.nav-dropdown-menu{position:static!important;min-width:100%!important;box-shadow:none!important;margin:0 0 8px 0!important;border-radius:14px!important}.form-row{grid-template-columns:1fr}.contact-form-card{padding:22px;border-radius:24px}.mobile-nav-label{display:inline}}@media(max-width:540px){.mobile-nav-toggle{padding:9px 12px}.mobile-nav-label{display:none}.lang-switch{font-size:12px;padding:6px 8px}.contact-form-card{padding:18px}}

/* Card polish update: premium hero feature cards */
.hero-card .premium-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;position:relative;z-index:1;align-items:stretch}.hero-card .premium-mini{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #d8e5f5;border-radius:22px;padding:20px 18px;min-height:205px;box-shadow:0 14px 34px rgba(6,27,79,.075);display:flex;flex-direction:column;gap:10px;overflow:hidden;position:relative}.hero-card .premium-mini:after{content:"";position:absolute;inset:auto -35px -45px auto;width:105px;height:105px;border-radius:999px;background:radial-gradient(circle,rgba(8,181,215,.12),transparent 68%);pointer-events:none}.hero-card .mini-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(8,181,215,.18),rgba(11,101,220,.13));color:#0b65dc;box-shadow:inset 0 0 0 1px rgba(11,101,220,.10);flex:0 0 auto}.hero-card .mini-icon svg{width:24px;height:24px;fill:currentColor;display:block}.hero-card .premium-mini strong{display:block;color:var(--navy);font-size:19px;line-height:1.12;letter-spacing:-.02em;margin:0;max-width:100%}.hero-card .premium-mini span{display:block;color:#536b8f;font-size:14.5px;line-height:1.55;margin:0}.hero-card .premium-mini:nth-child(2) .mini-icon{background:linear-gradient(135deg,rgba(2,167,119,.16),rgba(8,181,215,.13));color:#02a777}.hero-card .premium-mini:nth-child(3) .mini-icon{background:linear-gradient(135deg,rgba(122,92,255,.15),rgba(11,101,220,.12));color:#5f48d7}@media(max-width:1100px){.hero-card .premium-feature-cards{grid-template-columns:1fr}.hero-card .premium-mini{min-height:auto;padding:18px;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start}.hero-card .premium-mini strong{margin-top:1px}.hero-card .premium-mini span{grid-column:2}}@media(max-width:920px){.hero-card .premium-feature-cards{grid-template-columns:1fr}}@media(max-width:540px){.hero-card .premium-mini{grid-template-columns:40px 1fr;border-radius:18px}.hero-card .mini-icon{width:40px;height:40px;border-radius:14px}.hero-card .premium-mini strong{font-size:18px}.hero-card .premium-mini span{font-size:14px}}

/* Pricing quick-jump polish */
.pricing-jump-section{padding:22px 0 8px;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%)}
.pricing-jump-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#ffffff;border:1px solid #dbe9f7;border-radius:28px;padding:22px;box-shadow:0 18px 50px rgba(6,27,79,.07)}
.pricing-jump-copy{min-width:240px}.pricing-jump-copy .eyebrow{display:inline-block;margin-bottom:6px;color:#0877e5;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.pricing-jump-copy strong{display:block;color:var(--navy);font-size:1.35rem;line-height:1.15}.pricing-jump-copy p{margin:7px 0 0;color:#536583;line-height:1.55}
.pricing-jump-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.pricing-jump-pills a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#0b326d;background:#f3f8ff;border:1px solid #d5e7fb;border-radius:999px;padding:10px 14px;font-weight:1000;line-height:1.1;box-shadow:0 8px 18px rgba(6,27,79,.04)}.pricing-jump-pills a:hover,.pricing-jump-pills a:focus{background:linear-gradient(135deg,#0877e5,var(--cyan));color:#fff;border-color:transparent;outline:none}
@media(max-width:920px){.pricing-jump-card{align-items:flex-start;flex-direction:column;border-radius:24px}.pricing-jump-pills{justify-content:flex-start;width:100%}.pricing-jump-pills a{flex:1 1 calc(50% - 10px)}}
@media(max-width:560px){.pricing-jump-card{padding:18px}.pricing-jump-pills{display:grid;grid-template-columns:1fr;gap:9px}.pricing-jump-pills a{width:100%;box-sizing:border-box}}

/* Hero trust cards row fix: stack the three cards vertically on all screen sizes. */
.hero-card .premium-feature-cards,
.hero-card .mini-grid.premium-feature-cards{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 20px !important;
}
.hero-card .premium-mini{
  min-height: auto !important;
  padding: 18px 20px !important;
  display: grid !important;
  grid-template-columns: 46px 1fr !important;
  column-gap: 15px !important;
  row-gap: 4px !important;
  align-items: start !important;
}
.hero-card .premium-mini .mini-icon{
  grid-row: 1 / span 2 !important;
}
.hero-card .premium-mini strong{
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
}
.hero-card .premium-mini span{
  grid-column: 2 !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}
@media(max-width:540px){
  .hero-card .premium-feature-cards,
  .hero-card .mini-grid.premium-feature-cards{gap:12px !important;}
  .hero-card .premium-mini{grid-template-columns:42px 1fr !important;padding:16px !important;}
  .hero-card .premium-mini strong{font-size:17px !important;}
  .hero-card .premium-mini span{font-size:14px !important;}
}


/* cp-rowfix-final-strong */
.hero-card .premium-feature-cards,.hero-card .mini-grid.premium-feature-cards{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:20px!important}.hero-card .premium-mini{width:100%!important;min-height:auto!important;padding:18px 20px!important;display:grid!important;grid-template-columns:56px 1fr!important;column-gap:16px!important;row-gap:4px!important;align-items:center!important;border-radius:22px!important}.hero-card .premium-mini .mini-icon{grid-row:1/span 2!important;width:56px!important;height:56px!important;border-radius:18px!important}.hero-card .premium-mini .mini-icon svg{width:31px!important;height:31px!important}.hero-card .premium-mini strong{margin:0!important;font-size:19px!important;line-height:1.1!important}.hero-card .premium-mini span{grid-column:2!important;font-size:15px!important;line-height:1.5!important}@media(max-width:540px){.hero-card .premium-mini{grid-template-columns:48px 1fr!important;padding:16px!important}.hero-card .premium-mini .mini-icon{width:48px!important;height:48px!important}.hero-card .premium-mini .mini-icon svg{width:27px!important;height:27px!important}.hero-card .premium-mini strong{font-size:18px!important}.hero-card .premium-mini span{font-size:14px!important}}


/* cp-menu-font-tune: compact top/dropdown and section-jump menus */


/* Make the secondary/dropdown link menus more compact and less visually heavy. */
.cp-dropdown-nav{gap:10px !important;}
.cp-dropdown-nav>a,
.nav-dropdown>summary{
  font-size:13px !important;
  font-weight:760 !important;
  min-height:34px !important;
  letter-spacing:-0.01em !important;
}
.nav-dropdown-menu{
  padding:7px !important;
  border-radius:15px !important;
  min-width:230px !important;
}
.nav-dropdown-wide .nav-dropdown-menu{min-width:280px !important;}
.nav-dropdown-menu a{
  font-size:12.5px !important;
  font-weight:760 !important;
  padding:8px 10px !important;
  line-height:1.22 !important;
  border-radius:10px !important;
}
.nav-demo{padding:8px 12px !important;}
.lang-switch{font-size:12.5px !important;font-weight:780 !important;padding:5px 7px !important;}
.lang-switch a{padding:3px 5px !important;}
.pricing-jump-section{padding:14px 0 4px !important;}
.pricing-jump-card{
  padding:14px 16px !important;
  border-radius:22px !important;
  gap:14px !important;
}
.pricing-jump-copy{min-width:190px !important;}
.pricing-jump-copy .eyebrow{font-size:10px !important;font-weight:850 !important;margin-bottom:3px !important;}
.pricing-jump-copy strong{font-size:1.05rem !important;font-weight:850 !important;}
.pricing-jump-copy p{font-size:13px !important;margin-top:4px !important;}
.pricing-jump-pills{gap:7px !important;}
.pricing-jump-pills a{
  font-size:12px !important;
  font-weight:760 !important;
  padding:7px 10px !important;
  box-shadow:none !important;
}
@media(max-width:920px){
  .cp-dropdown-nav>a,.nav-dropdown>summary{font-size:13px !important;min-height:34px !important;}
  .nav-dropdown-menu a{font-size:12.5px !important;padding:8px 10px !important;}
  .pricing-jump-card{padding:13px !important;}
}
@media(max-width:560px){
  .pricing-jump-pills{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .pricing-jump-pills a{font-size:11.5px !important;padding:7px 8px !important;}
}


/* cp-lower-menu-only-tune: make pricing-page lower jump links smaller and lighter. */
.pricing-jump-section{
  padding:10px 0 2px !important;
}
.pricing-jump-card{
  padding:12px 14px !important;
  gap:12px !important;
  border-radius:20px !important;
}
.pricing-jump-copy .eyebrow{
  font-size:9.5px !important;
  font-weight:750 !important;
  letter-spacing:.06em !important;
}
.pricing-jump-copy strong{
  font-size:.98rem !important;
  font-weight:760 !important;
}
.pricing-jump-copy p{
  font-size:12.25px !important;
  line-height:1.35 !important;
  margin-top:3px !important;
}
.pricing-jump-pills{
  gap:6px !important;
}
.pricing-jump-pills a{
  font-size:11px !important;
  font-weight:650 !important;
  padding:6px 9px !important;
  line-height:1.1 !important;
  min-height:26px !important;
  border-radius:999px !important;
}
@media(max-width:560px){
  .pricing-jump-card{padding:11px !important;}
  .pricing-jump-copy strong{font-size:.95rem !important;}
  .pricing-jump-copy p{font-size:12px !important;}
  .pricing-jump-pills a{font-size:10.5px !important;padding:6px 7px !important;}
}

/* cp-footer-link-compact: keep footer headings strong, reduce footer link size/weight. */
.foot-links a{
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
  margin:6px 0 !important;
  letter-spacing:0 !important;
}
@media(max-width:540px){
  .foot-links a{font-size:12.75px !important;line-height:1.35 !important;margin:5px 0 !important;}
}


/* cp-footer-links-final-compact: reduce footer link text only; keep footer titles unchanged. */
footer .foot-links a,
footer .foot .foot-links a,
body footer .wrap.foot .foot-links a{
  font-size:12px !important;
  line-height:1.22 !important;
  font-weight:520 !important;
  margin:4px 0 !important;
  letter-spacing:0 !important;
  color:#586a84 !important;
}
footer .foot-links h3,
footer .foot .foot-links h3,
body footer .wrap.foot .foot-links h3{
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  margin:0 0 10px !important;
  letter-spacing:.08em !important;
}
@media(max-width:540px){
  footer .foot-links a,
  footer .foot .foot-links a,
  body footer .wrap.foot .foot-links a{
    font-size:11.5px !important;
    line-height:1.2 !important;
    margin:3px 0 !important;
  }
}


/* cp-sales-badges: footer feature badge strip and visible mobile-ready messaging */
.footer-sales-badges{
  border-top:1px solid rgba(207,224,244,.9);
  margin-top:24px;
  padding-top:22px;
}
.footer-sales-badges h2{
  margin:0 0 6px;
  color:var(--navy,#061b4f);
  font-size:18px;
  line-height:1.2;
  letter-spacing:-.01em;
}
.footer-sales-badges p{
  margin:0 0 14px;
  max-width:900px;
  color:#5f718e;
  font-size:14px;
  line-height:1.55;
}
.footer-badge-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.footer-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #d7e5f4;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
  color:#123566;
  border-radius:999px;
  padding:7px 10px;
  font-size:12.5px;
  font-weight:750;
  line-height:1.15;
  box-shadow:0 8px 18px rgba(6,27,79,.045);
  white-space:nowrap;
}
.footer-badge .badge-ico{
  width:21px;
  height:21px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  color:#fff;
  font-size:12px;
  flex:0 0 auto;
}
.footer-badge:nth-child(1) .badge-ico{background:linear-gradient(135deg,#2563eb,#16c4f3)}
.footer-badge:nth-child(2) .badge-ico{background:linear-gradient(135deg,#7c3aed,#2563eb)}
.footer-badge:nth-child(3) .badge-ico{background:linear-gradient(135deg,#10b981,#0f766e)}
.footer-badge:nth-child(4) .badge-ico{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.footer-badge:nth-child(5) .badge-ico{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}
.footer-badge:nth-child(6) .badge-ico{background:linear-gradient(135deg,#14b8a6,#22c55e)}
.footer-badge:nth-child(7) .badge-ico{background:linear-gradient(135deg,#1d4ed8,#0f172a)}
.footer-badge:nth-child(8) .badge-ico{background:linear-gradient(135deg,#ec4899,#8b5cf6)}
.footer-badge:nth-child(9) .badge-ico{background:linear-gradient(135deg,#0ea5e9,#6366f1)}
.footer-badge:nth-child(10) .badge-ico{background:linear-gradient(135deg,#64748b,#334155)}
@media(max-width:640px){
  .footer-sales-badges{margin-top:18px;padding-top:18px;}
  .footer-sales-badges h2{font-size:16px;}
  .footer-sales-badges p{font-size:13px;}
  .footer-badge{font-size:11.5px;padding:6px 8px;}
  .footer-badge .badge-ico{width:19px;height:19px;font-size:11px;}
}



/* cp-footer-proof-panel: refined footer sales summary */
.footer-sales-badges{display:none!important;}
.footer-proof-panel{
  margin-top:22px;
  padding:20px;
  border:1px solid rgba(205,221,241,.9);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),linear-gradient(135deg,#071b4f 0%,#0b2f6d 55%,#0c4a6e 100%);
  box-shadow:0 18px 44px rgba(4,18,54,.22);
  color:#fff;
}
.footer-proof-layout{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) 1.35fr;
  gap:18px;
  align-items:center;
}
.footer-proof-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  color:#bfe7ff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.footer-proof-kicker:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#35d0ff;
  box-shadow:0 0 0 5px rgba(53,208,255,.16);
}
.footer-proof-panel h2{
  margin:0 0 8px;
  color:#fff;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.footer-proof-panel p{
  margin:0;
  color:#d7e7fb;
  font-size:13.5px;
  line-height:1.55;
}
.footer-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.footer-proof-item{
  min-height:118px;
  padding:14px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.footer-proof-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  background:linear-gradient(135deg,#35d0ff,#37b679);
  color:#061b4f;
  font-size:14px;
  font-weight:950;
  letter-spacing:-.03em;
}
.footer-proof-item:nth-child(2) .footer-proof-icon{background:linear-gradient(135deg,#8b5cf6,#38bdf8);}
.footer-proof-item:nth-child(3) .footer-proof-icon{background:linear-gradient(135deg,#fbbf24,#2dd4bf);}
.footer-proof-item:nth-child(4) .footer-proof-icon{background:linear-gradient(135deg,#22c55e,#93c5fd);}
.footer-proof-item strong{
  display:block;
  color:#fff;
  font-size:13.5px;
  line-height:1.2;
  margin-bottom:5px;
}
.footer-proof-item span{
  display:block;
  color:#cbdcf4;
  font-size:11.5px;
  line-height:1.35;
}
@media(max-width:900px){
  .footer-proof-layout{grid-template-columns:1fr;}
  .footer-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .footer-proof-panel{padding:16px;border-radius:20px;}
  .footer-proof-panel h2{font-size:19px;}
  .footer-proof-grid{grid-template-columns:1fr;}
  .footer-proof-item{min-height:auto;display:grid;grid-template-columns:36px 1fr;gap:0 10px;align-items:center;}
  .footer-proof-icon{grid-row:1 / span 2;margin-bottom:0;}
}



/* cp-proof-icons-svg-fix */
.footer-proof-icon{
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:12px !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  box-shadow:0 12px 24px rgba(0,0,0,.16) !important;
}
.footer-proof-icon svg{
  width:22px !important;
  height:22px !important;
  fill:#ffffff !important;
  display:block !important;
  flex:0 0 auto !important;
}
.footer-proof-icon-evidence{background:linear-gradient(135deg,#18c7b6 0%,#2f80ed 100%) !important;}
.footer-proof-icon-access{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%) !important;}
.footer-proof-icon-audit{background:linear-gradient(135deg,#f59e0b 0%,#22c55e 100%) !important;}
.footer-proof-icon-mobile{background:linear-gradient(135deg,#06b6d4 0%,#10b981 100%) !important;}
@media(max-width:720px){
  .footer-proof-icon{grid-row:1 / span 2 !important;margin-bottom:0 !important;}
}




/* cp-footer-proof-six-card-update */
footer .footer-proof-panel{margin:0 0 24px !important;}
footer .footer-proof-layout{grid-template-columns:minmax(270px,.72fr) 1.45fr !important;gap:20px !important;}
footer .footer-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:11px !important;}
footer .footer-proof-item{min-height:112px !important;padding:13px 12px !important;}
footer .footer-proof-icon{width:40px !important;height:40px !important;border-radius:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-bottom:11px !important;color:transparent !important;font-size:0 !important;line-height:0 !important;box-shadow:0 12px 24px rgba(0,0,0,.16) !important;}
footer .footer-proof-icon svg{width:22px !important;height:22px !important;fill:#fff !important;display:block !important;}
footer .footer-proof-icon-pdpa{background:linear-gradient(135deg,#f97316 0%,#ec4899 100%) !important;}
footer .footer-proof-icon-integrations{background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%) !important;}
@media(max-width:980px){footer .footer-proof-layout{grid-template-columns:1fr !important;}footer .footer-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(max-width:760px){footer .footer-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:560px){footer .footer-proof-panel{margin-bottom:20px !important;padding:16px !important;border-radius:20px !important;}footer .footer-proof-grid{grid-template-columns:1fr !important;}footer .footer-proof-item{min-height:auto !important;display:grid !important;grid-template-columns:40px 1fr !important;gap:0 11px !important;align-items:center !important;}footer .footer-proof-icon{grid-row:1 / span 2 !important;margin-bottom:0 !important;}}


/* cp-seo-aeo-final-pass */
.seo-answer-panel{
  max-width:1120px;
  margin:28px auto;
  padding:0 22px;
}
.seo-answer-card{
  border:1px solid rgba(23,72,128,.14);
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  border-radius:24px;
  padding:24px 26px;
  box-shadow:0 18px 45px rgba(8,42,99,.07);
}
.seo-answer-card .eyebrow{
  color:#1362a3;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  margin:0 0 8px;
}
.seo-answer-card h2{
  margin:0 0 10px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;
}
.seo-answer-card p{
  margin:0;
  max-width:880px;
  color:#37546e;
  font-size:17px;
  line-height:1.7;
}
@media(max-width:640px){
  .seo-answer-panel{padding:0 16px;margin:22px auto;}
  .seo-answer-card{padding:20px 18px;border-radius:20px;}
  .seo-answer-card p{font-size:15.5px;}
}


/* Child Protect quick answer text wrapping safeguard */
.seo-answer-card,
.seo-answer-card p,
.seo-answer-card h2 {
  overflow-wrap: anywhere;
  word-break: normal;
  max-width: 100%;
}


/* cp-homepage-clarity-pass */
.clarity-section{padding:58px 0;}
.clarity-soft{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);}
.clarity-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.clarity-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.clarity-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 14px 36px rgba(6,27,79,.06);}
.clarity-card h3{margin:0 0 9px;color:var(--navy);font-size:1.08rem;line-height:1.25;}
.clarity-card p{margin:0;color:#536583;line-height:1.65;}
.clarity-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.clarity-steps article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 14px 36px rgba(6,27,79,.06);}
.clarity-steps span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#0877e5,#10b981);color:#fff;font-weight:1000;margin-bottom:14px;}
.clarity-steps h3{margin:0 0 9px;color:var(--navy);font-size:1.1rem;}
.clarity-steps p{margin:0;color:#536583;line-height:1.65;}
.feature-pill-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
.feature-pill-grid span{display:inline-flex;align-items:center;border:1px solid #dbe8f7;background:#fff;border-radius:999px;padding:9px 12px;color:#40516d;font-weight:850;font-size:.92rem;box-shadow:0 8px 20px rgba(6,27,79,.04);}
.clarity-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
@media(max-width:920px){.clarity-card-grid,.clarity-card-grid.four,.clarity-steps{grid-template-columns:1fr 1fr}.clarity-section{padding:42px 0;}}
@media(max-width:620px){.clarity-card-grid,.clarity-card-grid.four,.clarity-steps{grid-template-columns:1fr}.clarity-card,.clarity-steps article{padding:19px;border-radius:21px}.feature-pill-grid span{font-size:.86rem}.clarity-cta-row .btn{width:100%;justify-content:center;}}

/* cp-quick-answer-width-fix: keep visible Quick answer cards aligned with the main page container. */
section.seo-answer-panel,
.seo-answer-panel {
  width: min(1180px, calc(100% - 34px)) !important;
  max-width: none !important;
  margin: 24px auto 42px !important;
  padding: 0 !important;
}
.seo-answer-panel .seo-answer-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.seo-answer-panel .seo-answer-card p {
  max-width: 860px !important;
}
@media (max-width: 540px) {
  section.seo-answer-panel,
  .seo-answer-panel {
    width: min(100% - 24px, 1180px) !important;
    margin: 18px auto 32px !important;
  }
  .seo-answer-panel .seo-answer-card {
    padding: 18px 16px !important;
    border-radius: 20px !important;
  }
}


/* Quick Answer container width hard fix */

.seo-answer-panel {
  width: 100%;
  box-sizing: border-box;
  padding: clamp(18px, 3vw, 34px) 0;
  overflow: hidden;
}
.seo-answer-panel > .wrap {
  width: min(100% - 40px, 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.seo-answer-card {
  width: 100%;
  max-width: 920px;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  word-break: normal;
}
.seo-answer-card p,
.seo-answer-card h2 {
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 640px) {
  .seo-answer-panel > .wrap {
    width: min(100% - 28px, 1180px);
  }
}

/* cp-final-design-cleanup: solid action system and homepage clarity layout */
:root {
  --cp-action-blue: #0b65dc;
  --cp-action-blue-hover: #084fb0;
  --cp-action-text: #ffffff;
  --cp-action-shadow: 0 12px 28px rgba(11, 101, 220, .18);
  --cp-card-line: rgba(11, 101, 220, .14);
}

/* One visual language for all CTA buttons, pills, and badge-style links. */
body .btn,
body a.btn,
body button.btn,
body .btn.primary,
body .btn.secondary,
body button.btn.primary,
body .nav-demo,
body .mobile-nav-toggle,
body .pill,
body .badge,
body .feature-pill,
body .pricing-pill,
body .pricing-jump-pills a,
body .feature-pill-grid span,
body .lang-switch a,
body .lang a,
body .lang-pill,
body .nav-cta,
body .menu-toggle,
body .mobile-menu summary,
body .actions a.btn,
body .cta a.btn,
body .policy-card a.btn,
body .contact-button,
body a[href*="contact"].btn,
body a[href*="demo"].btn,
body a[href*="pricing"].btn,
body a[href*="custom"].btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 11px 18px !important;
  background: var(--cp-action-blue) !important;
  background-image: none !important;
  color: var(--cp-action-text) !important;
  border: 1px solid var(--cp-action-blue) !important;
  border-radius: 999px !important;
  box-shadow: var(--cp-action-shadow) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  white-space: normal !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body .btn:hover,
body a.btn:hover,
body button.btn:hover,
body .btn.primary:hover,
body .btn.secondary:hover,
body .nav-demo:hover,
body .mobile-nav-toggle:hover,
body .pill:hover,
body .badge:hover,
body .feature-pill:hover,
body .pricing-pill:hover,
body .pricing-jump-pills a:hover,
body .feature-pill-grid span:hover,
body .lang-switch a:hover,
body .lang a:hover,
body .lang-pill:hover,
body .nav-cta:hover,
body .menu-toggle:hover,
body .mobile-menu summary:hover,
body .actions a.btn:hover,
body .cta a.btn:hover,
body .policy-card a.btn:hover,
body .contact-button:hover,
body a[href*="contact"].btn:hover,
body a[href*="demo"].btn:hover,
body a[href*="pricing"].btn:hover,
body a[href*="custom"].btn:hover,
body .btn:focus,
body a.btn:focus,
body button.btn:focus,
body .btn.primary:focus,
body .btn.secondary:focus,
body .nav-demo:focus,
body .mobile-nav-toggle:focus,
body .pill:focus,
body .badge:focus,
body .feature-pill:focus,
body .pricing-pill:focus,
body .pricing-jump-pills a:focus,
body .feature-pill-grid span:focus,
body .lang-switch a:focus,
body .lang a:focus,
body .lang-pill:focus,
body .nav-cta:focus,
body .menu-toggle:focus,
body .mobile-menu summary:focus,
body .actions a.btn:focus,
body .cta a.btn:focus,
body .policy-card a.btn:focus,
body .contact-button:focus,
body a[href*="contact"].btn:focus,
body a[href*="demo"].btn:focus,
body a[href*="pricing"].btn:focus,
body a[href*="custom"].btn:focus {
  background: var(--cp-action-blue-hover) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: var(--cp-action-blue-hover) !important;
  box-shadow: 0 16px 34px rgba(11, 101, 220, .24) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

body .btn *,
body .btn.primary *,
body .btn.secondary *,
body .pill *,
body .badge *,
body .feature-pill *,
body .pricing-pill *,
body .pricing-jump-pills a *,
body .feature-pill-grid span *,
body .lang-switch a *,
body .lang a *,
body .lang-pill *,
body .nav-demo *,
body .menu-toggle *,
body .mobile-menu summary * {
  color: #fff !important;
}

/* Homepage clarity section cleanup */
.home-clarity-suite { padding: 58px 0 34px; }
.home-clarity-panel {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  border: 1px solid var(--cp-card-line);
  border-radius: 32px;
  padding: clamp(24px, 4vw, 44px);
  box-shadow: 0 28px 70px rgba(6, 27, 79, .08);
}
.home-clarity-head { max-width: 850px; margin-bottom: 28px; }
.home-clarity-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--cp-action-blue);
  font-size: .78rem;
  font-weight: 1000;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.home-clarity-kicker::before { content: ""; width: 28px; height: 3px; border-radius: 999px; background: var(--cp-action-blue); }
.home-clarity-head h2 { margin: 0; color: #061b4f; font-size: clamp(2rem, 4.2vw, 3.5rem); line-height: .98; letter-spacing: -.055em; }
.home-clarity-head p { color: #536583; font-size: 1.08rem; line-height: 1.72; margin: 16px 0 0; max-width: 760px; }
.home-clarity-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 28px 0; }
.home-clarity-card { background: #fff; border: 1px solid #dbe8f7; border-radius: 24px; padding: 22px; box-shadow: 0 16px 38px rgba(6, 27, 79, .06); }
.home-clarity-card h3 { margin: 0 0 8px; color: #061b4f; font-size: 1.1rem; letter-spacing: -.02em; }
.home-clarity-card p { margin: 0; color: #536583; line-height: 1.6; }
.home-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.home-flow article { position: relative; background: #eef7ff; border: 1px solid #cfe0f4; border-radius: 24px; padding: 24px; }
.home-flow span { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 999px; background: var(--cp-action-blue); color: #fff; font-weight: 1000; margin-bottom: 14px; }
.home-flow h3 { margin: 0 0 8px; color: #061b4f; font-size: 1.1rem; }
.home-flow p { margin: 0; color: #536583; line-height: 1.6; }
.home-capability-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 24px 0 0; padding: 0; list-style: none; }
.home-capability-list li { display: flex; align-items: flex-start; gap: 10px; color: #40516d; line-height: 1.45; font-weight: 800; }
.home-capability-list li::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--cp-action-blue); flex: 0 0 auto; margin-top: .45em; }
.home-clarity-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

@media (max-width: 920px) {
  .home-clarity-grid,
  .home-flow,
  .home-capability-list { grid-template-columns: 1fr; }
  .home-clarity-panel { border-radius: 24px; }
}
@media (max-width: 620px) {
  .home-clarity-suite { padding: 34px 0 20px; }
  .home-clarity-actions .btn { width: 100% !important; }
}


/* cp-final-button-layout-polish fallback */
.btn,.btn.primary,.btn.secondary,a.btn,button.btn,.nav-demo,.nav-cta,.contact-button,.menu-toggle,.mobile-nav-toggle,.pricing-jump-pills a,.feature-pill,.pricing-pill,.pill,.badge,.feature-pill-grid span{background:#0b65dc!important;background-image:none!important;color:#fff!important;border:1px solid #0b65dc!important;border-radius:999px!important;box-shadow:0 10px 22px rgba(11,101,220,.18)!important;}
.btn:hover,.btn.primary:hover,.btn.secondary:hover,a.btn:hover,button.btn:hover,.nav-demo:hover,.nav-cta:hover,.contact-button:hover,.menu-toggle:hover,.mobile-nav-toggle:hover,.pricing-jump-pills a:hover,.feature-pill:hover,.pricing-pill:hover,.pill:hover,.badge:hover,.feature-pill-grid span:hover{background:#084fb0!important;background-image:none!important;color:#fff!important;border-color:#084fb0!important;}
.actions,.hero .actions,.cta .actions,.home-clarity-actions,.pricing-jump-pills{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;row-gap:12px!important;}



/* Child Protect final visual polish: consistent buttons, pills, badges, and homepage flow */
:root{
  --cp-button-blue:#0b65dc;
  --cp-button-blue-dark:#084fae;
  --cp-button-text:#ffffff;
  --cp-button-border:#0b65dc;
}
body :where(a.btn, .btn, button.btn, input[type="submit"], .nav-demo, .contact-button, .mobile-nav-toggle, .menu-toggle, .home-clarity-actions a, .actions a.btn, .cta a.btn, .pricing-jump-pills a){
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:44px!important;
  padding:12px 20px!important;
  border-radius:999px!important;
  border:1px solid var(--cp-button-border)!important;
  background:var(--cp-button-blue)!important;
  background-image:none!important;
  color:var(--cp-button-text)!important;
  font-weight:850!important;
  font-size:14px!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  box-shadow:0 10px 22px rgba(11,101,220,.20)!important;
  white-space:normal!important;
  text-align:center!important;
}
body :where(a.btn:hover, .btn:hover, button.btn:hover, input[type="submit"]:hover, .nav-demo:hover, .contact-button:hover, .mobile-nav-toggle:hover, .menu-toggle:hover, .home-clarity-actions a:hover, .actions a.btn:hover, .cta a.btn:hover, .pricing-jump-pills a:hover){
  background:var(--cp-button-blue-dark)!important;
  border-color:var(--cp-button-blue-dark)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 26px rgba(11,101,220,.26)!important;
}
body :where(.btn.primary,.btn.secondary,a.btn.primary,a.btn.secondary,.actions .btn.primary,.actions .btn.secondary,.cta .btn.primary,.cta .btn.secondary){
  background:var(--cp-button-blue)!important;
  background-image:none!important;
  color:#fff!important;
  border-color:var(--cp-button-blue)!important;
}
body :where(.actions,.hero .actions,.cta .actions,.home-clarity-actions,.pricing-jump-pills){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
}
body :where(.badge,.pill,.tag,.chip,.plan-badge,.price-badge,.feature-pill,.trust-pill,.pricing-pill){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(11,101,220,.20)!important;
  background:#eef6ff!important;
  background-image:none!important;
  color:#0b3f8f!important;
  font-weight:800!important;
  font-size:13px!important;
  line-height:1.2!important;
  box-shadow:none!important;
  white-space:normal!important;
}
body .home-clarity-actions{
  justify-content:flex-start!important;
  row-gap:12px!important;
  column-gap:12px!important;
}
body .polished-home-flow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
body .polished-home-flow .flow-step-card{
  position:relative!important;
  display:flex!important;
  gap:16px!important;
  align-items:flex-start!important;
  min-height:100%!important;
  padding:24px!important;
  border-radius:24px!important;
  border:1px solid rgba(11,101,220,.16)!important;
  background:#ffffff!important;
  box-shadow:0 16px 36px rgba(6,27,79,.07)!important;
  overflow:hidden!important;
}
body .polished-home-flow .flow-step-card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  background:#0b65dc!important;
}
body .polished-home-flow .flow-step-number{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0b65dc!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  box-shadow:0 12px 24px rgba(11,101,220,.20)!important;
}
body .polished-home-flow .flow-step-content{
  min-width:0!important;
}
body .polished-home-flow .flow-step-label{
  margin:0 0 6px!important;
  color:#0b65dc!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
body .polished-home-flow h3{
  margin:0 0 8px!important;
  color:#061b4f!important;
  font-size:1.08rem!important;
  line-height:1.22!important;
  letter-spacing:-.015em!important;
}
body .polished-home-flow p:not(.flow-step-label){
  margin:0!important;
  color:#40516d!important;
  font-size:.96rem!important;
  line-height:1.58!important;
}
@media(max-width:980px){
  body .polished-home-flow{grid-template-columns:1fr!important;}
  body .polished-home-flow .flow-step-card{padding:22px!important;}
}
@media(max-width:620px){
  body :where(.actions,.hero .actions,.cta .actions,.home-clarity-actions,.pricing-jump-pills){display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  body :where(a.btn,.btn,button.btn,input[type="submit"],.nav-demo,.contact-button,.mobile-nav-toggle,.menu-toggle,.home-clarity-actions a,.actions a.btn,.cta a.btn,.pricing-jump-pills a){width:100%!important;}
  body .polished-home-flow .flow-step-card{display:block!important;}
  body .polished-home-flow .flow-step-number{margin-bottom:14px!important;}
}



body :where(.clarity-cta-row,.clarity-actions,.clarity-section .actions){
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  align-items:center!important;
}
body :where(.clarity-cta-row a,.clarity-actions a,.feature-pill-grid span){
  background:#0b65dc!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #0b65dc!important;
  box-shadow:0 10px 22px rgba(11,101,220,.18)!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-weight:850!important;
}
body .feature-pill-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}
body .feature-pill-grid span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 14px!important;
  line-height:1.25!important;
}
body .clarity-steps.polished-home-flow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body .clarity-steps.polished-home-flow .flow-step-card{
  margin:0!important;
}
@media(max-width:980px){body .clarity-steps.polished-home-flow{grid-template-columns:1fr!important;}}

/* Child Protect green checkmark pill fix */
.badge .check,
.pill .check,
.feature-pill .check,
.trust-pill .check,
span.check {
  color: #16a34a !important;
  font-weight: 900 !important;
}



/* Final Child Protect flag image selector and green checkmark correction */
body .lang-switch.flag-switch{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:5px 7px!important;
  border:1px solid #dbe8f7!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(6,27,79,.06)!important;
}
body .lang-switch.flag-switch .flag-link{
  width:30px!important;
  height:22px!important;
  min-width:30px!important;
  min-height:22px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  line-height:0!important;
  font-size:0!important;
}
body .lang-switch.flag-switch .flag-link.active,
body .lang-switch.flag-switch .flag-link:hover,
body .lang-switch.flag-switch .flag-link:focus{
  background:#eef6ff!important;
  border-color:#b9d9ff!important;
  box-shadow:0 0 0 3px rgba(8,119,229,.10)!important;
}
body .lang-switch.flag-switch .flag-img{
  width:26px!important;
  height:16px!important;
  display:block!important;
  border-radius:3px!important;
  object-fit:cover!important;
  box-shadow:0 1px 3px rgba(6,27,79,.16)!important;
}
body .lang-switch.flag-switch .flag-emoji{display:none!important;}
body .badge .check,
body .pill .check,
body .feature-pill .check,
body .trust-pill .check,
body .pricing-pill .check,
body span.check{
  color:#16a34a!important;
  background:#dcfce7!important;
  border:1px solid #86efac!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:1000!important;
  line-height:1!important;
  font-size:12px!important;
  box-shadow:none!important;
}
body .badge .check *,
body .pill .check *,
body .feature-pill .check *,
body .trust-pill .check *,
body .pricing-pill .check *{
  color:#16a34a!important;
}



/* cp-resources-guides-20260612 */
.resource-hero .lead{max-width:850px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.resource-card{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 18px 46px rgba(6,27,79,.07);display:grid;grid-template-columns:230px 1fr;min-height:230px}.resource-card img{width:100%;height:100%;object-fit:cover;background:#0b65dc}.resource-card-body{padding:24px}.resource-label{margin:0 0 8px;color:#0b65dc;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.resource-card h2{margin:0 0 10px;color:var(--navy);font-size:24px;line-height:1.08}.resource-card p{color:var(--muted);margin:0 0 14px}.resource-read,.resource-card h2 a{color:var(--navy);font-weight:1000}.resource-read{color:#0b65dc}.resource-article-hero-grid{display:grid;grid-template-columns:1fr 430px;gap:36px;align-items:center}.resource-hero-image{width:100%;border-radius:30px;border:1px solid var(--line);box-shadow:0 22px 55px rgba(6,27,79,.12);background:#fff}.resource-answer{padding:28px 0}.resource-answer>.wrap{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 28px;box-shadow:0 16px 44px rgba(6,27,79,.06)}.resource-answer strong{display:block;color:var(--navy);font-size:21px;margin-bottom:8px}.resource-answer p{margin:0;color:var(--muted);font-size:18px}.resource-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.resource-article section{padding:0}.resource-article h2{margin-top:30px}.resource-side a{display:block;color:#536583;font-weight:850;padding:10px 0;border-top:1px solid var(--line);line-height:1.25}.resource-side a:hover{color:var(--blue)}@media(max-width:920px){.resource-grid,.resource-card,.resource-article-hero-grid,.resource-article-layout{grid-template-columns:1fr}.resource-card img{height:220px}.resource-hero-image{max-width:520px}.resource-side{position:relative;top:auto}}@media(max-width:540px){.resource-card-body{padding:20px}.resource-card h2{font-size:21px}.resource-answer>.wrap{padding:20px}.resource-card img{height:190px}}


/* Child Protect professional resource page design */
.cp-resource-hero{
  padding:58px 0 42px!important;
  background:linear-gradient(135deg,#f7fdff 0%,#eef7ff 52%,#ffffff 100%)!important;
  border-bottom:1px solid rgba(220,231,243,.78)!important;
  overflow:hidden!important;
}
.cp-resource-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.cp-resource-hero-copy h1{
  max-width:900px!important;
  margin:0 0 18px!important;
  color:#061b4f!important;
  font-size:clamp(40px,5.2vw,68px)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
}
.cp-resource-hero-copy .lead{
  margin:0 0 24px!important;
  max-width:720px!important;
  color:#536b8f!important;
  font-size:clamp(17px,1.7vw,21px)!important;
  line-height:1.55!important;
}
.cp-resource-kicker{
  margin:0 0 14px!important;
  color:#0b65dc!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.cp-resource-visual{
  border-radius:30px!important;
  border:1px solid rgba(11,101,220,.18)!important;
  background:linear-gradient(135deg,#061b4f 0%,#0b65dc 65%,#08b5d7 100%)!important;
  padding:22px!important;
  box-shadow:0 26px 70px rgba(6,27,79,.16)!important;
  min-height:260px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.cp-resource-visual img{
  display:block!important;
  width:min(100%,420px)!important;
  max-height:245px!important;
  object-fit:contain!important;
  border-radius:20px!important;
  box-shadow:0 18px 46px rgba(6,27,79,.18)!important;
}
.cp-resource-answer-section{
  padding:34px 0 0!important;
  background:transparent!important;
}
.cp-resource-answer-card{
  max-width:940px!important;
  background:#ffffff!important;
  border:1px solid #dbe8f7!important;
  border-radius:26px!important;
  padding:26px 30px!important;
  box-shadow:0 18px 48px rgba(6,27,79,.07)!important;
}
.cp-answer-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 11px!important;
  color:#0b65dc!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.cp-answer-label::before{content:"";width:30px;height:3px;border-radius:999px;background:#0b65dc;display:inline-block;}
.cp-resource-answer-card h2{
  margin:0 0 8px!important;
  color:#061b4f!important;
  font-size:clamp(24px,2.6vw,34px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
.cp-resource-answer-card p{
  margin:0!important;
  color:#40516d!important;
  font-size:17px!important;
  line-height:1.68!important;
}
.cp-resource-body{padding:34px 0 70px!important;}
.cp-resource-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:24px!important;
  align-items:start!important;
}
.cp-resource-main{
  display:grid!important;
  gap:18px!important;
  min-width:0!important;
}
.cp-article-section{
  background:#fff!important;
  border:1px solid #dbe8f7!important;
  border-radius:24px!important;
  padding:28px!important;
  box-shadow:0 14px 34px rgba(6,27,79,.055)!important;
}
.cp-article-section h2{
  margin:0 0 10px!important;
  color:#061b4f!important;
  font-size:clamp(23px,2.3vw,32px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
.cp-article-section p,.cp-article-section li{
  color:#40516d!important;
  font-size:16px!important;
  line-height:1.72!important;
}
.cp-article-section p{margin:0!important;}
.cp-checklist-card ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  list-style:none!important;
  padding:0!important;
  margin:14px 0 0!important;
}
.cp-checklist-card li{
  position:relative!important;
  padding:12px 14px 12px 40px!important;
  background:#f5f9ff!important;
  border:1px solid #dbe8f7!important;
  border-radius:16px!important;
  font-weight:850!important;
}
.cp-checklist-card li::before{
  content:"✓"!important;
  position:absolute!important;
  left:13px!important;
  top:12px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#dcfce7!important;
  color:#16a34a!important;
  border:1px solid #86efac!important;
  font-size:12px!important;
  font-weight:1000!important;
}
.cp-next-step{
  background:#eef7ff!important;
  border:1px solid #cfe0f4!important;
  border-radius:20px!important;
  padding:18px 20px!important;
  color:#40516d!important;
  line-height:1.65!important;
}
.cp-next-step strong{color:#061b4f!important;}
.cp-resource-actions{margin:6px 0 0!important;}
.cp-resource-aside{
  position:sticky!important;
  top:102px!important;
  display:grid!important;
  gap:16px!important;
}
.cp-aside-card{
  background:#fff!important;
  border:1px solid #dbe8f7!important;
  border-radius:22px!important;
  padding:20px!important;
  box-shadow:0 12px 32px rgba(6,27,79,.055)!important;
}
.cp-aside-card h2{
  margin:0 0 12px!important;
  color:#061b4f!important;
  font-size:18px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.cp-aside-card p{margin:0 0 14px!important;color:#536b8f!important;font-size:15px!important;line-height:1.62!important;}
.cp-aside-card a:not(.btn){
  display:block!important;
  padding:10px 0!important;
  border-top:1px solid #e5eef8!important;
  color:#40516d!important;
  font-weight:850!important;
  text-decoration:none!important;
  line-height:1.28!important;
}
.cp-aside-card a:not(.btn):hover{color:#0b65dc!important;}
.cp-aside-cta{background:linear-gradient(135deg,#061b4f,#0b327d)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;}
.cp-aside-cta h2{color:#fff!important;}.cp-aside-cta p{color:#d7e5fb!important;}
.cp-resource-library{padding:58px 0 76px!important;}
.cp-library-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;}
.cp-library-card{
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid #dbe8f7!important;
  border-radius:26px!important;
  padding:20px!important;
  box-shadow:0 14px 36px rgba(6,27,79,.06)!important;
}
.cp-library-card img{
  width:180px!important;
  height:118px!important;
  object-fit:cover!important;
  border-radius:18px!important;
  background:#0b65dc!important;
  box-shadow:0 12px 26px rgba(6,27,79,.10)!important;
}
.cp-library-card h2{margin:0 0 8px!important;font-size:23px!important;line-height:1.12!important;color:#061b4f!important;letter-spacing:-.03em!important;}
.cp-library-card p{margin:0 0 12px!important;color:#536b8f!important;line-height:1.58!important;}
.cp-text-link{color:#0b65dc!important;font-weight:950!important;text-decoration:none!important;}
.cp-text-link::after{content:" →";}
.cp-resource-index-visual{display:grid!important;gap:16px!important;align-content:center!important;}
.cp-visual-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:24px;color:#fff;}
.cp-visual-stat strong{display:block;font-size:70px;line-height:.9;letter-spacing:-.05em;}
.cp-visual-stat span{display:block;margin-top:10px;color:#d7e5fb;font-weight:850;}
.cp-visual-list{display:flex;flex-wrap:wrap;gap:10px;}.cp-visual-list span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;color:#fff;font-weight:850;font-size:13px;}
footer .footer-proof-panel{grid-column:1 / -1!important;width:100%!important;margin-top:24px!important;}
.footer-proof-grid{min-width:0!important;}
@media(max-width:980px){
  .cp-resource-hero-grid,.cp-resource-layout{grid-template-columns:1fr!important;}
  .cp-resource-visual{min-height:auto!important;}.cp-resource-visual img{max-height:220px!important;}
  .cp-resource-aside{position:static!important;grid-template-columns:1fr!important;}
  .cp-library-grid{grid-template-columns:1fr!important;}
}
@media(max-width:620px){
  .cp-resource-hero{padding:38px 0 28px!important;}
  .cp-resource-hero-copy h1{font-size:38px!important;}
  .cp-resource-answer-card,.cp-article-section,.cp-aside-card{padding:20px!important;border-radius:20px!important;}
  .cp-checklist-card ul{grid-template-columns:1fr!important;}
  .cp-library-card{grid-template-columns:1fr!important;}.cp-library-card img{width:100%!important;height:auto!important;max-height:190px!important;}
}


/* Child Protect final clean resources design */
.cp-resource-clean-hero {
  padding: 58px 0 34px !important;
  background: linear-gradient(135deg, #f7fdff 0%, #eef7ff 56%, #ffffff 100%) !important;
  border-bottom: 1px solid rgba(220,231,243,.85) !important;
}
.cp-resource-clean-hero .wrap { max-width: 1120px !important; }
.cp-resource-clean-hero h1 {
  max-width: 880px !important;
  margin: 0 0 16px !important;
  color: #061b4f !important;
  font-size: clamp(38px, 5vw, 64px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
}
.cp-resource-clean-hero .lead {
  max-width: 760px !important;
  margin: 0 0 22px !important;
  color: #536b8f !important;
  font-size: clamp(17px, 1.8vw, 21px) !important;
  line-height: 1.55 !important;
}
.cp-resource-hero-actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 18px !important; }
.cp-guides-section { padding: 46px 0 74px !important; }
.cp-guides-section .wrap { max-width: 1120px !important; }
.cp-guides-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.cp-guide-card {
  position: relative !important;
  display: block !important;
  min-height: 244px !important;
  padding: 26px 28px 24px !important;
  background: #ffffff !important;
  border: 1px solid #dbe8f7 !important;
  border-radius: 26px !important;
  box-shadow: 0 18px 44px rgba(6, 27, 79, .07) !important;
  color: #061b4f !important;
  text-decoration: none !important;
  overflow: hidden !important;
}
.cp-guide-card::after {
  content: "" !important;
  position: absolute !important;
  right: -52px !important;
  bottom: -52px !important;
  width: 150px !important;
  height: 150px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(11,101,220,.18), rgba(8,181,215,.06) 62%, transparent 64%) !important;
}
.cp-guide-card:hover { transform: translateY(-2px) !important; box-shadow: 0 24px 58px rgba(6, 27, 79, .11) !important; border-color: #b8d4f3 !important; }
.cp-guide-card .cp-resource-kicker { margin-bottom: 14px !important; }
.cp-guide-card strong {
  display: block !important;
  max-width: 520px !important;
  margin: 0 0 12px !important;
  font-size: clamp(23px, 2.4vw, 30px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  color: #061b4f !important;
}
.cp-guide-card span:not(.cp-guide-number):not(.cp-resource-kicker) {
  display: block !important;
  max-width: 580px !important;
  color: #536b8f !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}
.cp-guide-card em {
  display: inline-flex !important;
  margin-top: 18px !important;
  color: #0b65dc !important;
  font-style: normal !important;
  font-weight: 950 !important;
}
.cp-guide-card em::after { content: " →"; }
.cp-guide-number {
  position: absolute !important;
  top: 22px !important;
  right: 24px !important;
  color: #0b65dc !important;
  font-size: 34px !important;
  line-height: 1 !important;
  letter-spacing: -.05em !important;
  font-weight: 1000 !important;
  opacity: .22 !important;
}
.cp-resource-cta-band { padding: 0 0 76px !important; }
.cp-resource-cta-card {
  max-width: 1120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  background: linear-gradient(135deg, #061b4f, #0b327d) !important;
  color: #fff !important;
  border-radius: 28px !important;
  padding: 30px !important;
  box-shadow: 0 24px 62px rgba(6,27,79,.16) !important;
}
.cp-resource-cta-card h2 { margin: 0 0 8px !important; color: #fff !important; font-size: clamp(26px, 3vw, 38px) !important; line-height: 1.1 !important; letter-spacing: -.04em !important; }
.cp-resource-cta-card p { margin: 0 !important; color: #d8e8ff !important; max-width: 720px !important; line-height: 1.6 !important; }
.cp-article-clean-hero { padding-bottom: 28px !important; }
.cp-answer-contained { padding: 30px 0 0 !important; }
.cp-answer-contained .wrap { max-width: 1120px !important; }
.cp-answer-clean-card {
  max-width: 940px !important;
  background: #fff !important;
  border: 1px solid #dbe8f7 !important;
  border-radius: 24px !important;
  padding: 24px 28px !important;
  box-shadow: 0 16px 42px rgba(6,27,79,.06) !important;
}
.cp-answer-clean-card h2 { margin: 0 0 10px !important; color: #061b4f !important; font-size: clamp(23px, 2.4vw, 32px) !important; line-height: 1.14 !important; letter-spacing: -.035em !important; }
.cp-answer-clean-card p { margin: 0 !important; color: #40516d !important; font-size: 17px !important; line-height: 1.68 !important; }
.cp-resource-body-clean { padding: 34px 0 76px !important; }
.cp-resource-layout-clean {
  max-width: 1120px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 24px !important;
  align-items: start !important;
}
.cp-resource-main-clean { display: grid !important; gap: 18px !important; min-width: 0 !important; }
.cp-resource-aside-clean { position: sticky !important; top: 104px !important; display: grid !important; gap: 16px !important; }
.cp-resource-main-clean .cp-article-section { padding: 26px 28px !important; }
.cp-resource-main-clean .cp-article-section h2 { font-size: clamp(23px, 2.2vw, 31px) !important; }
/* Remove the old large resource images/cards if any remain */
.cp-resource-visual, .cp-resource-visual img, .cp-library-card img { display: none !important; }
.cp-library-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; }
.cp-library-card { display: block !important; padding: 26px 28px !important; min-height: auto !important; }
@media(max-width: 920px) {
  .cp-guides-grid, .cp-resource-layout-clean { grid-template-columns: 1fr !important; }
  .cp-resource-aside-clean { position: static !important; }
  .cp-resource-cta-card { align-items: flex-start !important; flex-direction: column !important; }
}
@media(max-width: 620px) {
  .cp-resource-clean-hero { padding: 38px 0 26px !important; }
  .cp-resource-clean-hero h1 { font-size: 38px !important; }
  .cp-guide-card { padding: 22px !important; min-height: 0 !important; }
  .cp-guide-number { position: static !important; display: block !important; margin-bottom: 10px !important; }
  .cp-resource-main-clean .cp-article-section, .cp-answer-clean-card, .cp-resource-cta-card { padding: 20px !important; border-radius: 20px !important; }
}


/* cp-final-safe-resource-and-header-fix */
/* Desktop header: keep the mobile menu hidden unless the viewport is actually mobile. */
body .mobile-nav-toggle{display:none!important;}
@media(max-width:920px){body .mobile-nav-toggle{display:inline-flex!important;}}

/* Keep language selector as image flags only. */
body .flag-switch{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 7px!important;border:1px solid #dbe8f7!important;border-radius:999px!important;background:#fff!important;box-shadow:0 8px 20px rgba(6,27,79,.06)!important;}
body .flag-switch .flag-link{display:inline-flex!important;width:25px!important;height:25px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:hidden!important;}
body .flag-switch .flag-link.active,body .flag-switch .flag-link:hover{border-color:#b8d4f3!important;background:#eef7ff!important;}
body .flag-switch img.flag-img{width:18px!important;height:18px!important;border-radius:50%!important;display:block!important;object-fit:cover!important;}

/* Buttons: one controlled style, but do not force the mobile menu visible on desktop. */
body :where(a.btn,.btn,button.btn,input[type="submit"],.nav-demo,.contact-button,.home-clarity-actions a,.actions a.btn,.cta a.btn,.pricing-jump-pills a,.cp2-resource-actions a,.cp2-card-link,.cp2-cta-actions a){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:11px 18px!important;border-radius:999px!important;border:1px solid #0b65dc!important;background:#0b65dc!important;background-image:none!important;color:#fff!important;font-weight:900!important;font-size:14px!important;line-height:1.1!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(11,101,220,.18)!important;white-space:normal!important;text-align:center!important;
}
body :where(a.btn:hover,.btn:hover,button.btn:hover,input[type="submit"]:hover,.nav-demo:hover,.contact-button:hover,.home-clarity-actions a:hover,.actions a.btn:hover,.cta a.btn:hover,.pricing-jump-pills a:hover,.cp2-resource-actions a:hover,.cp2-card-link:hover,.cp2-cta-actions a:hover){background:#084fb0!important;border-color:#084fb0!important;color:#fff!important;}
body :where(.actions,.hero .actions,.cta .actions,.home-clarity-actions,.pricing-jump-pills,.cp2-resource-actions,.cp2-cta-actions){display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:center!important;}
body :where(.badge,.pill,.tag,.chip,.plan-badge,.price-badge,.feature-pill,.trust-pill,.pricing-pill){display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;padding:8px 13px!important;border:1px solid rgba(11,101,220,.20)!important;background:#eef7ff!important;background-image:none!important;color:#0b3f8f!important;font-weight:850!important;box-shadow:none!important;}
body :where(.badge::before,.pill::before,.feature-pill::before,.trust-pill::before,.pricing-pill::before){color:#16a34a!important;}

/* Resource pages: clean, contained layout that follows the main site. */
body .cp2-resource-hero{padding:64px 0 42px!important;background:linear-gradient(135deg,#f7fdff 0%,#eef7ff 62%,#fff 100%)!important;border-bottom:1px solid #dbe8f7!important;}
body .cp2-resource-hero .wrap{max-width:1120px!important;}
body .cp2-breadcrumb{margin:0 0 18px!important;color:#536b8f!important;font-size:13px!important;font-weight:850!important;}
body .cp2-breadcrumb a{color:#0b65dc!important;text-decoration:none!important;}
body .cp2-kicker{margin:0 0 10px!important;color:#0b65dc!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.14em!important;font-weight:1000!important;}
body .cp2-resource-hero h1{max-width:860px!important;margin:0 0 16px!important;color:#061b4f!important;font-size:clamp(42px,5vw,66px)!important;line-height:1!important;letter-spacing:-.058em!important;}
body .cp2-resource-hero .lead{max-width:780px!important;margin:0!important;color:#536b8f!important;font-size:clamp(18px,1.8vw,22px)!important;line-height:1.55!important;}
body .cp2-resource-actions{margin-top:24px!important;}
body .cp2-section{padding:54px 0!important;}
body .cp2-section .wrap{max-width:1120px!important;}
body .cp2-section-head{max-width:760px!important;margin:0 0 26px!important;}
body .cp2-section-head h2{margin:0 0 10px!important;color:#061b4f!important;font-size:clamp(30px,3.8vw,48px)!important;line-height:1.05!important;letter-spacing:-.05em!important;}
body .cp2-section-head p{margin:0!important;color:#536b8f!important;font-size:17px!important;line-height:1.65!important;}
body .cp2-guide-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
body .cp2-guide-card{position:relative!important;display:block!important;background:#fff!important;border:1px solid #dbe8f7!important;border-radius:26px!important;padding:26px!important;color:#061b4f!important;text-decoration:none!important;box-shadow:0 18px 44px rgba(6,27,79,.07)!important;overflow:hidden!important;min-height:252px!important;}
body .cp2-guide-card:hover{transform:translateY(-2px)!important;border-color:#b8d4f3!important;box-shadow:0 24px 58px rgba(6,27,79,.11)!important;}
body .cp2-guide-card .num{position:absolute!important;right:24px!important;top:22px!important;font-size:42px!important;font-weight:1000!important;color:#0b65dc!important;opacity:.16!important;line-height:1!important;letter-spacing:-.06em!important;}
body .cp2-guide-card h3{max-width:520px!important;margin:0 0 10px!important;color:#061b4f!important;font-size:clamp(22px,2.4vw,30px)!important;line-height:1.12!important;letter-spacing:-.035em!important;}
body .cp2-guide-card p{margin:0 0 18px!important;color:#536b8f!important;font-size:16px!important;line-height:1.62!important;}
body .cp2-card-link{margin-top:auto!important;}
body .cp2-card-inner{display:flex!important;min-height:200px!important;flex-direction:column!important;align-items:flex-start!important;}
body .cp2-resource-cta{padding:18px 0 70px!important;}
body .cp2-resource-cta .wrap{max-width:1120px!important;}
body .cp2-cta-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;border-radius:28px!important;background:linear-gradient(135deg,#061b4f,#0b327d)!important;color:#fff!important;padding:30px!important;box-shadow:0 24px 62px rgba(6,27,79,.16)!important;}
body .cp2-cta-card h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.1!important;letter-spacing:-.04em!important;}
body .cp2-cta-card p{margin:0!important;color:#d8e8ff!important;max-width:720px!important;line-height:1.6!important;}
body .cp2-article-body{padding:38px 0 74px!important;}
body .cp2-article-layout{max-width:1120px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;align-items:start!important;}
body .cp2-article-main{display:grid!important;gap:18px!important;min-width:0!important;}
body .cp2-answer-card,body .cp2-article-card,body .cp2-aside-card{background:#fff!important;border:1px solid #dbe8f7!important;border-radius:24px!important;padding:26px 28px!important;box-shadow:0 16px 42px rgba(6,27,79,.06)!important;}
body .cp2-answer-card{border-left:5px solid #0b65dc!important;}
body .cp2-answer-card h2,body .cp2-article-card h2,body .cp2-aside-card h3{margin:0 0 10px!important;color:#061b4f!important;line-height:1.15!important;letter-spacing:-.03em!important;}
body .cp2-answer-card p,body .cp2-article-card p,body .cp2-article-card li,body .cp2-aside-card p{color:#40516d!important;font-size:16px!important;line-height:1.68!important;}
body .cp2-article-card ul{margin:10px 0 0!important;padding-left:20px!important;}
body .cp2-aside{position:sticky!important;top:104px!important;display:grid!important;gap:16px!important;}
body .cp2-aside-card a{display:block!important;color:#0b3f8f!important;font-weight:850!important;text-decoration:none!important;border-top:1px solid #dbe8f7!important;padding:10px 0!important;}
body .cp2-aside-card a:first-of-type{border-top:0!important;}
@media(max-width:920px){body .cp2-guide-grid,body .cp2-article-layout{grid-template-columns:1fr!important;}body .cp2-aside{position:static!important;}body .cp2-cta-card{align-items:flex-start!important;flex-direction:column!important;}body .cp2-resource-hero{padding:42px 0 30px!important;}body .cp2-resource-hero h1{font-size:40px!important;}}
@media(max-width:620px){body .cp2-guide-card,body .cp2-answer-card,body .cp2-article-card,body .cp2-aside-card,body .cp2-cta-card{padding:20px!important;border-radius:20px!important;}body .cp2-guide-card .num{position:static!important;display:block!important;margin-bottom:10px!important;}body .cp2-resource-actions,body .cp2-cta-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}body .cp2-resource-actions a,body .cp2-cta-actions a{width:100%!important;}}


/* cp-resource-layout-hard-fix-global */


/* Resource layout hard fix: contained, professional resource pages */
.mobile-nav-toggle{display:none!important;visibility:hidden!important;}
.nav-menu,.links.nav-menu{display:flex!important;align-items:center!important;}
@media(max-width:720px){.nav-menu,.links.nav-menu{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.nav{align-items:flex-start!important}.brand img{width:42px!important;height:42px!important}.brand span{font-size:12px!important}}
.cp-resource-page{background:linear-gradient(135deg,#f7fdff 0%,#fff 48%,#f6f2ff 100%);} 
.cp-resource-hero-clean{padding:58px 0 34px!important;border-bottom:1px solid #dbe8f7;background:linear-gradient(135deg,#f7fdff 0%,#eef7ff 70%,#fff 100%);} 
.cp-resource-hero-clean .wrap,.cp-resource-list-clean .wrap,.cp-resource-cta-clean .wrap,.cp-article-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto;}
.cp-resource-breadcrumb{font-size:13px;font-weight:850;color:#536b8f;margin-bottom:18px}.cp-resource-breadcrumb a{color:#0b65dc;text-decoration:none}
.cp-resource-kicker{margin:0 0 10px;color:#0b65dc;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:1000}.cp-resource-hero-clean h1{max-width:850px;margin:0 0 16px;color:#061b4f;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.06em}.cp-resource-hero-clean .lead{max-width:760px;margin:0;color:#536b8f;font-size:clamp(18px,1.8vw,22px);line-height:1.6}.cp-resource-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.cp-resource-list-clean{padding:56px 0 24px!important}.cp-resource-section-head{max-width:780px;margin:0 0 26px}.cp-resource-section-head h2{margin:0 0 10px;color:#061b4f;font-size:clamp(30px,3.6vw,48px);line-height:1.05;letter-spacing:-.05em}.cp-resource-section-head p{margin:0;color:#536b8f;font-size:17px;line-height:1.7}.cp-guide-grid-clean{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cp-guide-card-clean{position:relative;display:flex!important;gap:20px;align-items:flex-start;min-height:205px;background:#fff;border:1px solid #dbe8f7;border-radius:26px;padding:26px;color:#061b4f;text-decoration:none;box-shadow:0 18px 44px rgba(6,27,79,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cp-guide-card-clean:hover{transform:translateY(-2px);border-color:#b8d4f3;box-shadow:0 24px 58px rgba(6,27,79,.11)}.cp-guide-num-clean{flex:0 0 auto;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#eef7ff;border:1px solid #cfe0f4;color:#0b65dc;font-size:20px;font-weight:1000;letter-spacing:-.04em}.cp-guide-card-clean h3{margin:0 0 10px;color:#061b4f;font-size:24px;line-height:1.12;letter-spacing:-.035em}.cp-guide-card-clean p{margin:0 0 14px;color:#536b8f;font-size:16px;line-height:1.62}.cp-guide-label-clean{display:block;margin:0 0 8px;color:#0b65dc;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:1000}.cp-guide-read-clean{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;min-height:38px;padding:9px 14px;border-radius:999px;background:#0b65dc;color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 10px 22px rgba(11,101,220,.18)}
.cp-resource-cta-clean{padding:36px 0 72px!important}.cp-resource-cta-card-clean{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:28px;background:linear-gradient(135deg,#061b4f,#0b327d);color:#fff;padding:30px;box-shadow:0 24px 62px rgba(6,27,79,.16)}.cp-resource-cta-card-clean h2{margin:0 0 8px;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.1;letter-spacing:-.04em}.cp-resource-cta-card-clean p{margin:0;color:#d8e8ff;max-width:760px;line-height:1.65}.cp-resource-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.cp-article-hero-clean{padding:58px 0 30px!important;background:linear-gradient(135deg,#f7fdff,#eef7ff 70%,#fff);border-bottom:1px solid #dbe8f7}.cp-article-hero-clean h1{max-width:860px;margin:0 0 16px;color:#061b4f;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.06em}.cp-article-hero-clean .lead{max-width:780px;margin:0;color:#536b8f;font-size:clamp(18px,1.8vw,22px);line-height:1.6}.cp-article-wrap{padding:38px 0 74px!important;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.cp-article-main{display:grid;gap:18px;min-width:0}.cp-article-card-clean,.cp-answer-card-clean,.cp-article-side-card{background:#fff;border:1px solid #dbe8f7;border-radius:24px;padding:26px 28px;box-shadow:0 16px 42px rgba(6,27,79,.06)}.cp-answer-card-clean{border-left:5px solid #0b65dc}.cp-answer-card-clean h2,.cp-article-card-clean h2,.cp-article-side-card h3{margin:0 0 10px;color:#061b4f;line-height:1.15;letter-spacing:-.03em}.cp-answer-card-clean p,.cp-article-card-clean p,.cp-article-card-clean li,.cp-article-side-card p{color:#40516d;font-size:16px;line-height:1.68}.cp-article-card-clean ul{margin:10px 0 0;padding-left:20px}.cp-article-side{position:sticky;top:104px;display:grid;gap:16px}.cp-article-side-card a{display:block;color:#0b3f8f;font-weight:850;text-decoration:none;border-top:1px solid #dbe8f7;padding:10px 0}.cp-article-side-card a:first-of-type{border-top:0}.cp-resource-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:11px 18px!important;border-radius:999px!important;border:1px solid #0b65dc!important;background:#0b65dc!important;color:#fff!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 10px 22px rgba(11,101,220,.18)!important}.cp-resource-btn:hover{background:#084fb0!important;border-color:#084fb0!important}
/* Resource pages do not need the heavy footer proof panel; it crowds the article footer. */
footer .footer-proof-panel{display:none!important}
/* Checkmarks in all pill badges */
.check{color:#16a34a!important}.check::before,.badge::before,.pill::before{color:#16a34a!important}
@media(max-width:920px){.cp-guide-grid-clean,.cp-article-wrap{grid-template-columns:1fr}.cp-article-side{position:static}.cp-resource-cta-card-clean{align-items:flex-start;flex-direction:column}.cp-resource-hero-clean h1,.cp-article-hero-clean h1{font-size:40px}.cp-guide-card-clean{min-height:0}}
@media(max-width:620px){.cp-resource-hero-clean .wrap,.cp-resource-list-clean .wrap,.cp-resource-cta-clean .wrap,.cp-article-wrap{width:min(100% - 28px,1120px)}.cp-guide-card-clean{display:block!important;padding:22px;border-radius:22px}.cp-guide-num-clean{margin-bottom:14px}.cp-article-card-clean,.cp-answer-card-clean,.cp-article-side-card,.cp-resource-cta-card-clean{padding:20px;border-radius:20px}.cp-resource-actions,.cp-resource-cta-actions{display:grid;grid-template-columns:1fr;width:100%}.cp-resource-actions a,.cp-resource-cta-actions a{width:100%}}




/* Thai parity and resources polish 20260613 */

.th-parity-section, .resource-clean-section { padding: 56px 0; }
.th-sales-panel, .resource-clean-card { background:#fff; border:1px solid rgba(15,42,68,.10); border-radius:24px; box-shadow:0 18px 50px rgba(15,42,68,.08); padding:28px; }
.th-sales-kicker, .resource-kicker { color:#0877e5; font-weight:900; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; margin:0 0 8px; }
.th-sales-head { max-width:860px; margin:0 0 24px; }
.th-sales-head h2 { margin:0 0 12px; }
.th-sales-head p { color:#536583; font-size:1.03rem; line-height:1.75; }
.th-compare-grid, .th-setup-grid, .th-objection-grid, .th-demo-grid, .resource-clean-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.th-setup-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.th-demo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.th-compare-card, .th-setup-card, .th-objection-card, .th-demo-card, .resource-clean-card { border:1px solid rgba(15,42,68,.10); border-radius:20px; background:#fff; padding:22px; }
.th-compare-card.after { background:linear-gradient(180deg,#f4fbff,#fff); border-color:rgba(8,119,229,.22); }
.th-compare-card h3, .th-setup-card h3, .th-objection-card h3, .th-demo-card h3, .resource-clean-card h3 { margin-top:0; }
.th-compare-card ul, .resource-clean-card ul { margin:0; padding-left:20px; color:#536583; line-height:1.75; }
.th-product-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:stretch; }
.th-product-mockup { border:1px solid rgba(15,42,68,.12); border-radius:24px; overflow:hidden; background:#f6f9fd; box-shadow:0 16px 45px rgba(15,42,68,.08); }
.th-mockup-bar { display:flex; gap:7px; padding:14px 16px; background:#0f2a44; }
.th-mockup-dot { width:10px; height:10px; border-radius:50%; background:#fff; opacity:.75; }
.th-mockup-body { display:grid; grid-template-columns:160px 1fr; min-height:280px; }
.th-mockup-side { background:#123b61; color:#d9efff; padding:20px; display:flex; flex-direction:column; gap:12px; font-size:.85rem; }
.th-mockup-main { padding:22px; }
.th-mockup-stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:16px 0; }
.th-mockup-stat { background:#fff; border-radius:14px; padding:14px; border:1px solid rgba(15,42,68,.08); }
.th-mockup-stat strong { display:block; color:#0877e5; font-size:1.35rem; }
.th-mockup-case { background:#fff; border:1px solid rgba(15,42,68,.08); border-radius:16px; padding:14px; margin-top:10px; }
.th-mockup-copy { display:grid; gap:12px; }
.th-mockup-point { background:#fff; border:1px solid rgba(15,42,68,.10); border-radius:18px; padding:18px; }
.th-mockup-point strong { display:block; color:#0f2a44; margin-bottom:5px; }
.th-mockup-point span { color:#536583; line-height:1.65; }
.th-cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.resource-hero { padding:64px 0 36px; background:linear-gradient(180deg,#f5faff,#fff); }
.resource-hero .wrap { max-width:1100px; }
.resource-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:start; }
.resource-article { background:#fff; border:1px solid rgba(15,42,68,.10); border-radius:24px; padding:32px; box-shadow:0 18px 48px rgba(15,42,68,.08); }
.resource-article h2 { margin-top:28px; }
.resource-sidebar { position:sticky; top:90px; display:grid; gap:14px; }
.resource-sidebar a { display:block; text-decoration:none; color:#0f2a44; font-weight:800; padding:12px 14px; background:#fff; border:1px solid rgba(15,42,68,.10); border-radius:14px; }
.resource-meta { display:flex; gap:10px; flex-wrap:wrap; margin:18px 0; }
.resource-meta span { display:inline-flex; border-radius:999px; background:#eaf5ff; color:#0877e5; font-weight:900; padding:8px 12px; }
.resource-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.resource-related a { text-decoration:none; }
@media(max-width:920px){.th-compare-grid,.th-setup-grid,.th-objection-grid,.th-demo-grid,.th-product-grid,.resource-clean-grid,.resource-layout,.resource-related{grid-template-columns:1fr}.th-mockup-body{grid-template-columns:1fr}.th-mockup-side{display:none}.resource-sidebar{position:static}.th-sales-panel,.resource-article{padding:22px}.th-parity-section,.resource-clean-section{padding:40px 0}}


/* Thai parity visual polish */
html[lang="th"] .hero h1{line-height:1.05;letter-spacing:-.045em;}
html[lang="th"] .hero .lead{max-width:760px;}
html[lang="th"] .hero-card strong{font-size:1rem;}
html[lang="th"] .nav-dropdown-menu a{line-height:1.3;}
html[lang="th"] .footer-proof-panel{grid-column:1 / -1;}


/* Thai final homepage layout fix */


html[lang="th"] .th-home-sales{padding:64px 0;}
html[lang="th"] .th-home-sales .wrap{width:min(1120px,calc(100% - 40px));margin:0 auto;}
html[lang="th"] .th-sales-card,html[lang="th"] .th-product-panel{background:#fff;border:1px solid rgba(6,27,79,.10);border-radius:28px;box-shadow:0 24px 70px rgba(6,27,79,.08);padding:34px;}
html[lang="th"] .th-sales-headline{max-width:880px;margin:0 0 26px;}
html[lang="th"] .th-sales-headline.th-narrow{max-width:920px;}
html[lang="th"] .th-eyebrow{margin:0 0 10px;color:#0b65dc;font-size:13px;font-weight:1000;letter-spacing:.11em;text-transform:uppercase;}
html[lang="th"] .th-sales-headline h2{margin:0 0 14px;color:#061b4f;font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-.045em;}
html[lang="th"] .th-sales-headline p{margin:0;color:#50627e;font-size:17px;line-height:1.78;}
html[lang="th"] .th-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
html[lang="th"] .th-comparison-card,html[lang="th"] .th-card-grid>article,html[lang="th"] .th-product-points>article{background:#fff;border:1px solid rgba(6,27,79,.10);border-radius:22px;padding:24px;box-shadow:0 14px 38px rgba(6,27,79,.055);}
html[lang="th"] .th-after{background:linear-gradient(180deg,#f4fbff,#fff);border-color:rgba(11,101,220,.25);}
html[lang="th"] .th-comparison-card h3,html[lang="th"] .th-card-grid h3,html[lang="th"] .th-product-points h3{margin:0 0 12px;color:#061b4f;font-size:22px;line-height:1.25;}
html[lang="th"] .th-comparison-card ul{margin:0;padding-left:22px;color:#50627e;line-height:1.9;font-size:16px;}
html[lang="th"] .th-product-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:stretch;}
html[lang="th"] .th-browser-mockup{overflow:hidden;border-radius:26px;border:1px solid rgba(6,27,79,.12);background:#f6f9fd;box-shadow:0 18px 48px rgba(6,27,79,.09);}
html[lang="th"] .th-browser-bar{display:flex;gap:8px;padding:14px 18px;background:#0f2a44;}
html[lang="th"] .th-browser-bar span{width:11px;height:11px;border-radius:50%;background:#fff;opacity:.75;}
html[lang="th"] .th-browser-body{display:grid;grid-template-columns:174px minmax(0,1fr);min-height:320px;}
html[lang="th"] .th-browser-sidebar{background:#123b61;color:#d9efff;padding:22px;display:flex;flex-direction:column;gap:12px;font-size:14px;}
html[lang="th"] .th-browser-sidebar strong{color:#fff;margin-bottom:8px;}
html[lang="th"] .th-browser-main{padding:24px;min-width:0;}
html[lang="th"] .th-browser-main h3{margin:0;color:#061b4f;font-size:24px;}
html[lang="th"] .th-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;}
html[lang="th"] .th-stat-grid div,html[lang="th"] .th-case-box{background:#fff;border:1px solid rgba(6,27,79,.08);border-radius:16px;padding:14px;}
html[lang="th"] .th-stat-grid strong{display:block;color:#0b65dc;font-size:28px;line-height:1;}
html[lang="th"] .th-stat-grid span,html[lang="th"] .th-case-box p{color:#50627e;font-size:14px;line-height:1.55;}
html[lang="th"] .th-case-box{margin-top:12px;}
html[lang="th"] .th-case-box small{display:block;color:#0b65dc;font-weight:900;margin-bottom:4px;}
html[lang="th"] .th-case-box p{margin:0;}
html[lang="th"] .th-product-points{display:grid;gap:16px;}
html[lang="th"] .th-product-points p,html[lang="th"] .th-card-grid p{margin:0;color:#50627e;font-size:16px;line-height:1.72;}
html[lang="th"] .th-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
html[lang="th"] .th-card-grid.th-three{grid-template-columns:repeat(3,minmax(0,1fr));}
html[lang="th"] .th-setup{background:linear-gradient(180deg,#f8fbff,#fff);}
html[lang="th"] .th-questions{background:#fff;}
html[lang="th"] .th-platform,html[lang="th"] .th-resources-preview{padding-top:56px;}
html[lang="th"] #platform-th .cards,html[lang="th"] #resources-preview-th .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
html[lang="th"] .th-final-cta{padding-bottom:78px;}
@media(max-width:920px){html[lang="th"] .th-before-after,html[lang="th"] .th-product-layout,html[lang="th"] .th-card-grid,html[lang="th"] .th-card-grid.th-three,html[lang="th"] #platform-th .cards,html[lang="th"] #resources-preview-th .cards{grid-template-columns:1fr;}html[lang="th"] .th-browser-body{grid-template-columns:1fr;}html[lang="th"] .th-browser-sidebar{display:none;}html[lang="th"] .th-sales-card,html[lang="th"] .th-product-panel{padding:24px;}html[lang="th"] .th-home-sales{padding:46px 0;}}
@media(max-width:620px){html[lang="th"] .th-home-sales .wrap{width:min(100% - 28px,1120px);}html[lang="th"] .th-stat-grid{grid-template-columns:1fr;}html[lang="th"] .th-sales-headline h2{font-size:30px;}}



/* Thai homepage hero card parity fix */
.hero-card .premium-feature-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}
.hero-card .premium-mini{display:flex;flex-direction:column;gap:8px;min-height:170px;}
.hero-card .mini-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(8,181,215,.16),rgba(11,101,220,.14));margin-bottom:4px;}
.hero-card .mini-icon svg{width:22px;height:22px;fill:#0b65dc;display:block;}
@media(max-width:920px){.hero-card .premium-feature-cards{grid-template-columns:1fr;}.hero-card .premium-mini{min-height:auto;}}


/* cp-brochure-download: downloadable overview CTA */
.cp-brochure-section{padding:44px 0;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)}
.cp-brochure-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:center;background:#fff;border:1px solid #d9e7f5;border-radius:30px;padding:30px;box-shadow:0 20px 60px rgba(6,27,79,.08);overflow:hidden;position:relative}
.cp-brochure-card:before{content:"";position:absolute;right:-110px;top:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(8,181,215,.18),transparent 68%);pointer-events:none}.cp-brochure-kicker{color:#0b65dc;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;font-size:12px;margin-bottom:10px}.cp-brochure-card h2{margin:0 0 10px;color:#061b4f;font-size:clamp(26px,3vw,40px);line-height:1.05;letter-spacing:-.045em}.cp-brochure-card p{margin:0;color:#536b8f;font-size:17px;line-height:1.6;max-width:700px}.cp-brochure-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 4px}.cp-brochure-points span{display:flex;align-items:center;gap:8px;background:#f7fbff;border:1px solid #d9e7f5;border-radius:999px;padding:9px 12px;color:#061b4f;font-weight:900;font-size:13px}.cp-brochure-points span:before{content:"✓";color:#02a777;font-weight:1000}.cp-brochure-visual{position:relative;z-index:1;border-radius:24px;background:linear-gradient(135deg,#061b4f,#0b65dc);padding:18px;min-height:220px;display:grid;place-items:center;box-shadow:inset 0 -18px 60px rgba(0,0,0,.18)}.cp-brochure-visual img{max-width:100%;max-height:190px;object-fit:contain;background:#fff;border-radius:18px;padding:10px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.cp-brochure-visual small{display:block;color:#d8e8ff;text-align:center;margin-top:12px;font-weight:900}.cp-brochure-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:920px){.cp-brochure-card{grid-template-columns:1fr;padding:22px}.cp-brochure-points{grid-template-columns:1fr}.cp-brochure-visual{min-height:190px}}

/* Deep SEO/AEO content additions: safe inline content styling */
.cp-resource-updated{margin:14px 0 0;color:#60738f;font-size:13px;font-weight:800;line-height:1.5}
.cp-context-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.cp-context-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7e6f7;border-radius:999px;padding:8px 12px;background:#f7fbff;color:#0b3f8f!important;font-weight:850;text-decoration:none}
.cp-context-links a:hover{border-color:#9fc6ee;background:#eef7ff}
.cp-mini-faq-list{display:grid;gap:12px;margin-top:12px}.cp-mini-faq-list div{border-top:1px solid #dbe8f7;padding-top:12px}.cp-mini-faq-list div:first-child{border-top:0;padding-top:0}.cp-mini-faq-list strong{display:block;color:#061b4f;margin-bottom:4px}
