:root{ --pro-ink:#0f1830; --pro-muted:#5d6a82; --pro-line:#dfe5ef; --pro-surface:#f6f8fc; --pro-card:#ffffff; --pro-shadow:0 18px 48px rgba(0,14,58,.08); --pro-shadow-hover:0 22px 58px rgba(0,14,58,.13); } body:not([data-page="tools"]){ background:#fff; } body:not([data-page="tools"]) .container{max-width:1220px;padding-inline:20px} body:not([data-page="tools"]) .section{padding:clamp(64px,7vw,96px) 0} body:not([data-page="tools"]) .section.alt{background:linear-gradient(180deg,#f7f9fc 0%,#eef3fa 100%)} body:not([data-page="tools"]) h1,body:not([data-page="tools"]) h2,body:not([data-page="tools"]) h3{letter-spacing:-.04em} body:not([data-page="tools"]) .eyebrow,body:not([data-page="tools"]) .kicker{letter-spacing:.13em} body:not([data-page="tools"]) .site-header{box-shadow:0 1px 0 rgba(15,24,48,.03)} body:not([data-page="tools"]) .nav a{border:1px solid transparent} body:not([data-page="tools"]) .nav a.is-active{border-color:#d7e0f2} body:not([data-page="tools"]) .nav .nav-cta{padding-inline:18px} body:not([data-page="tools"]) .hero{padding:clamp(58px,7vw,92px) 0 clamp(64px,7vw,86px)} body:not([data-page="tools"]) .hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(30px,5vw,64px)} body:not([data-page="tools"]) .hero h1{max-width:820px;font-size:clamp(2.7rem,5.6vw,5.1rem)} body:not([data-page="tools"]) .hero-media img{border:1px solid rgba(15,24,48,.09);box-shadow:0 26px 70px rgba(0,14,58,.14)} body:not([data-page="tools"]) .hero-media:after{opacity:.85} body:not([data-page="tools"]) .section-head{display:flex;align-items:flex-end;gap:40px;margin-bottom:38px} body:not([data-page="tools"]) .section-head h2{max-width:760px} body:not([data-page="tools"]) .section-head>p{max-width:600px;margin:0} body:not([data-page="tools"]) .grid-3,body:not([data-page="tools"]) .grid-4,body:not([data-page="tools"]) .service-grid,body:not([data-page="tools"]) .feature-grid,body:not([data-page="tools"]) .portfolio-grid,body:not([data-page="tools"]) .process{gap:20px} body:not([data-page="tools"]) .card,body:not([data-page="tools"]) .service-card,body:not([data-page="tools"]) .portfolio-item,body:not([data-page="tools"]) .contact-form,body:not([data-page="tools"]) .contact-panel{border-color:rgba(15,24,48,.10);border-top-width:1px;box-shadow:var(--pro-shadow)} body:not([data-page="tools"]) .card,body:not([data-page="tools"]) .service-card{height:100%} body:not([data-page="tools"]) .card,body:not([data-page="tools"]) .service-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} body:not([data-page="tools"]) .card:hover,body:not([data-page="tools"]) .service-card:hover,body:not([data-page="tools"]) .portfolio-item:hover{transform:translateY(-5px);box-shadow:var(--pro-shadow-hover);border-color:#cbd7ec} body:not([data-page="tools"]) .service-card,body:not([data-page="tools"]) .card{display:flex;flex-direction:column} body:not([data-page="tools"]) .service-card .more,body:not([data-page="tools"]) .card .more{margin-top:auto;padding-top:16px} body:not([data-page="tools"]) .service-icon,body:not([data-page="tools"]) .icon{flex:0 0 auto} body:not([data-page="tools"]) .page-hero{padding:clamp(54px,6vw,82px) 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(0,34,225,.30),transparent 32%),linear-gradient(135deg,#000e3a 0%,#06194c 60%,#0b2b83 100%)} body:not([data-page="tools"]) .page-hero:after{opacity:.6} body:not([data-page="tools"]) .page-hero .container{text-align:left} body:not([data-page="tools"]) .breadcrumbs{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;margin-bottom:18px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06)} body:not([data-page="tools"]) .page-hero h1{max-width:940px} body:not([data-page="tools"]) .page-hero p{max-width:760px} body:not([data-page="tools"]) .cta{padding:clamp(32px,5vw,54px);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 70px rgba(0,14,58,.16)} body:not([data-page="tools"]) .detail-hero{gap:clamp(28px,5vw,60px)} body:not([data-page="tools"]) .detail-hero>div{text-align:left} body:not([data-page="tools"]) .detail-hero>img{border:1px solid rgba(15,24,48,.08);box-shadow:0 24px 64px rgba(0,14,58,.14)} body:not([data-page="tools"]) .contact-panel{background:radial-gradient(circle at 85% 10%,rgba(0,72,255,.30),transparent 32%),linear-gradient(145deg,#000e3a,#06184c);box-shadow:0 22px 60px rgba(0,14,58,.16)} body:not([data-page="tools"]) .contact-form{background:#fff} body:not([data-page="tools"]) .contact-form h2,body:not([data-page="tools"]) .contact-panel h2{text-align:left} body:not([data-page="tools"]) .contact-form>p{text-align:left;color:var(--pro-muted);margin:9px 0 22px} body:not([data-page="tools"]) .actions{align-items:stretch} body:not([data-page="tools"]) .btn{min-width:150px;border-radius:12px} body:not([data-page="tools"]) .btn-primary{box-shadow:0 12px 30px rgba(0,34,225,.20)} body:not([data-page="tools"]) .section-actions{margin-top:24px} body:not([data-page="tools"]) .spaced-copy{margin-top:18px} body:not([data-page="tools"]) .legal{max-width:920px} body:not([data-page="tools"]) .legal-document{padding:clamp(24px,4vw,44px);border:1px solid var(--pro-line);border-radius:20px;background:#fff;box-shadow:var(--pro-shadow)} body:not([data-page="tools"]) .legal-document>p:first-child{padding:12px 14px;border-left:4px solid var(--brand-gold);border-radius:0 10px 10px 0;background:#fff9df} body:not([data-page="tools"]) .legal-document h2{margin-top:42px;font-size:clamp(1.35rem,2.2vw,1.85rem)} body:not([data-page="tools"]) .legal-document h3{margin-top:24px;font-size:1.1rem} body:not([data-page="tools"]) .legal-document p,body:not([data-page="tools"]) .legal-document li{max-width:82ch;color:#5a667d} body:not([data-page="tools"]) .legal-document ul,body:not([data-page="tools"]) .legal-document ol{padding-left:22px} body:not([data-page="tools"]) .legal-document a{color:var(--brand-blue);font-weight:750;text-decoration:underline;text-underline-offset:3px} body:not([data-page="tools"]) .legal-table{width:100%;margin:18px 0 28px;border-collapse:collapse;font-size:.94rem} body:not([data-page="tools"]) .legal-table th,body:not([data-page="tools"]) .legal-table td{padding:12px 13px;border:1px solid var(--pro-line);vertical-align:top;text-align:left} body:not([data-page="tools"]) .legal-table th{background:#f4f7fb;color:var(--pro-ink)} body:not([data-page="tools"]) .legal-note{margin:18px 0;padding:16px 18px;border:1px solid #dbe4f2;border-left:4px solid var(--brand-blue);border-radius:0 12px 12px 0;background:#f5f8ff} body:not([data-page="tools"]) .footer-links a:focus-visible,body:not([data-page="tools"]) .nav a:focus-visible,body:not([data-page="tools"]) .btn:focus-visible{outline-offset:4px} body:not([data-page="tools"]) .cookie-banner{max-width:1180px} body:not([data-page="tools"]) .cookie-dialog{border-radius:20px} body:not([data-page="tools"]) .whatsapp{box-shadow:0 16px 36px rgba(0,0,0,.24)} @media(max-width:860px){ body:not([data-page="tools"]) .section-head{display:block} body:not([data-page="tools"]) .section-head>p{margin-top:12px} body:not([data-page="tools"]) .hero-grid{grid-template-columns:1fr} } @media(max-width:760px){ body:not([data-page="tools"]) .container{padding-inline:14px} body:not([data-page="tools"]) .hero-grid>div:first-child{text-align:left} body:not([data-page="tools"]) .hero .actions{justify-content:flex-start} body:not([data-page="tools"]) .section{padding:58px 0} body:not([data-page="tools"]) .section-head{margin-bottom:26px} body:not([data-page="tools"]) .page-hero .container{text-align:left} body:not([data-page="tools"]) .detail-hero>div{text-align:left} body:not([data-page="tools"]) .legal-document{padding:22px 18px;border-radius:16px} body:not([data-page="tools"]) .legal-table{display:block;overflow-x:auto;white-space:normal} body:not([data-page="tools"]) .cookie-inner{align-items:stretch} body:not([data-page="tools"]) .cookie-actions{width:100%} body:not([data-page="tools"]) .cookie-actions .btn{flex:1 1 100%} } @media(prefers-reduced-motion:reduce){ body:not([data-page="tools"]) .card,body:not([data-page="tools"]) .service-card,body:not([data-page="tools"]) .portfolio-item{transition:none} } body .section-head{display:block;text-align:center;margin-inline:auto} body .section-head>div,body .section-head>p{margin-inline:auto} body .section-head h2{margin-inline:auto} body .section-head>p{margin-top:12px} body .page-hero .container{text-align:center} body .page-hero h1,body .page-hero p{margin-inline:auto} body .hero-grid>div:first-child,body .detail-hero>div,body .split>div:first-child{text-align:center} body .hero h1,body .hero .lead,body .detail-hero .lead{margin-inline:auto} body .hero .actions,body .hero-links,body .detail-hero .actions{justify-content:center} body .contact-panel h2,body .contact-panel>p,body .contact-form h2,body .contact-form>p{text-align:center} body .contact-form>p{margin-inline:auto} body .cta{text-align:center} body .cta .actions{justify-content:center} .service-link-list{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;padding-top:8px} .service-link-list a{font-weight:700;text-decoration:underline;text-underline-offset:3px} .service-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px} .service-catalog-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:20px;border:1px solid var(--line,#dedede);border-radius:16px;text-decoration:none;background:var(--surface,#fff);transition:transform .18s ease,box-shadow .18s ease} .service-catalog-item:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.06)} .service-catalog-item>span:nth-child(2)>strong,.service-catalog-item>span:nth-child(2)>span:last-child{display:block} .service-catalog-item>span:nth-child(2)>strong{margin:.16rem 0 .4rem;font-size:1.03rem;color:inherit} .service-catalog-item>span:nth-child(2)>span:last-child{line-height:1.55;color:var(--muted,#666)} .service-catalog-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft,#f5f5f5)} .service-catalog-item .more{align-self:center;white-space:nowrap;font-weight:700} @media (max-width:760px){.service-catalog{grid-template-columns:1fr}.service-catalog-item{grid-template-columns:auto 1fr}.service-catalog-item .more{grid-column:2}} .service-pillar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; } .service-pillar { min-width:0; display:flex; flex-direction:column; height:100%; align-items:stretch !important; text-align:left; } .service-pillar > .tag { align-self:flex-start; } .service-pillar > h3 { text-align:left !important; margin-top:10px; } .service-pillar > p { text-align:left; margin-top:8px; } .service-pillar-list { display:grid; gap:0; width:100%; margin-top:18px; border-top:1px solid var(--pro-line); } .service-pillar-list a { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:start; padding:14px 0; border-top:1px solid var(--pro-line); color:var(--pro-ink); text-decoration:none; } .service-pillar-list a:first-child { border-top:0; } .service-pillar-list a > div { min-width:0; } .service-pillar-list strong { display:block; overflow-wrap:anywhere; font-size:.98rem; line-height:1.35; } .service-pillar-list a > div > span { display:block; color:var(--pro-muted); font-size:.88rem; line-height:1.5; margin-top:4px; } .service-pillar-list a .more { align-self:start; padding-top:1px; margin:0; color:var(--brand-blue); font-size:.82rem; white-space:nowrap; } .service-pillar-list a:hover strong { color:var(--brand-blue); } .service-setup-note { margin-top:20px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; padding:22px 24px; border:1px solid var(--pro-line); border-top:3px solid var(--brand-gold); border-radius:var(--radius); background:linear-gradient(135deg,#fff,#f7f9ff); box-shadow:var(--pro-shadow); } .service-setup-note h3 { text-align:left !important; } .service-setup-note p { max-width:75ch; margin:8px 0 0; text-align:left; color:var(--pro-muted); } .service-setup-note .btn { white-space:nowrap; } @media(max-width:980px){ .service-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:760px){ .service-pillar-grid{grid-template-columns:1fr;} .service-setup-note{grid-template-columns:1fr; padding:20px;} .service-setup-note .btn{width:100%;} .service-pillar-list a{padding:13px 0;} } .service-deliverables{margin:12px 0 0;padding-left:20px;color:var(--muted);line-height:1.65}.service-deliverables li+li{margin-top:6px}.fine-print{font-size:.85rem;color:var(--muted)} .service-faq{display:grid;gap:12px;max-width:900px;margin-inline:auto}.service-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px 18px}.service-faq summary{cursor:pointer;font-weight:800;color:var(--ink);list-style:none}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary:after{content:'+';float:right;font-size:1.2rem;color:var(--brand-blue)}.service-faq details[open] summary:after{content:'−'}.service-faq details p{margin:10px 0 0;text-align:left;color:var(--muted);line-height:1.65} @media(max-width:760px){.service-faq details{padding:14px 15px}.service-deliverables{padding-left:18px}} :root { --brand-blue: #0022e1; --brand-navy: #000e3a; --brand-gold: #ffe070; --ink: #11182b; --muted: #53627b; --line: #dbe3f0; --surface: #f5f7fc; --surface-blue: #eaf0ff; --radius: 14px; --max-width: 1220px; --tool-blue: var(--brand-blue); --tool-navy: var(--brand-navy); --tool-gold: var(--brand-gold); --tool-muted: var(--muted); --tool-line: var(--line); --tool-radius: var(--radius); --tool-shadow: var(--shadow-soft); --card-padding: clamp(18px, 2.5vw, 26px); --section-space: clamp(40px, 5vw, 72px); --hero-space: clamp(36px, 5vw, 68px); --shadow-soft: 0 8px 28px rgb(0 14 58 / 6%); --shadow: 0 14px 36px rgb(0 14 58 / 10%); --header-height: 76px; --header-stack-height: 106px; --z-sidebar: 10; --z-header: 2000; --z-dialog: 3000; } html { overflow-x: clip; scroll-padding-top: calc(var(--header-stack-height) + 16px); } body { overflow: visible; padding-top: var(--header-stack-height); min-width: 320px; } body .container { max-width: var(--max-width); padding-inline: clamp(16px, 3vw, 32px); } body .narrow, body .legal { max-width: 960px; } main { min-width: 0; } .tools-shell { --tool-blue: var(--brand-blue); --tool-navy: var(--brand-navy); --tool-gold: var(--brand-gold); --tool-muted: var(--muted); --tool-line: var(--line); --tool-radius: var(--radius); --tool-shadow: var(--shadow-soft); --text: var(--ink); --border: var(--line); --surface-subtle: var(--surface); } body[data-page] main :is(h1, h2, h3) { max-width: 100%; margin-inline: auto; text-align: center; overflow-wrap: normal; word-break: normal; hyphens: none; text-wrap: wrap; line-height: 1.2; letter-spacing: -.025em; } main h1 { font-size: clamp(2rem, 4vw, 3.25rem); } main h2 { font-size: clamp(1.6rem, 2.6vw, 2.4rem); } main h3 { font-size: 1.18rem; } body[data-page] main .section-head h2 { font-size: clamp(1.6rem, 2.6vw, 2.4rem); } body[data-page] main .blog-category-bar { flex-wrap: wrap; justify-content: center; overflow: visible; } body[data-page] main .category-filter { max-width: 100%; white-space: normal; } main p { text-align: center; text-wrap: wrap; word-break: normal; } body[data-page] main .team-card small { color: var(--muted); } body[data-page] main :is(.category-count, .blog-card-meta small, .article-side-card dt) { color: var(--muted); } body[data-page] main .category-filter:not(.is-active) span { color: var(--muted); } body[data-page] main :is(.kicker, .eyebrow) { text-align: center; justify-content: center; } body[data-page] main :is(.section, .tool-section, .tool-seo-section, .tool-category-popular, .category-tool-section) { padding-block: var(--section-space); } body .section.alt { background: var(--surface); } body .section.alt::before { display: none; } body[data-page] main :is(.section-head, .category-tool-section-head, .all-tools-head) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; max-width: 100%; margin: 0 auto 28px; text-align: center; } body[data-page] main :is(.section-head, .category-tool-section-head, .all-tools-head) > div { width: 100%; max-width: 100%; margin-inline: auto; } body[data-page] main :is(.section-head, .category-tool-section-head, .all-tools-head) > p, body[data-page] main .category-tool-section-head p { max-width: 80ch; margin: 0 auto; color: var(--muted); } body[data-page] main .site-hero { position: relative; padding-block: var(--hero-space); overflow: visible; color: #fff; background: linear-gradient(135deg, var(--brand-navy), #09256d); border: 0; text-align: center; } body[data-page] main .site-hero::before, body[data-page] main .site-hero::after { display: none; } body[data-page] main .site-hero .container { max-width: var(--max-width); text-align: center; } body[data-page] main .site-hero :is(.hero-grid, .about-hero-grid, .tools-hero-layout) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; text-align: center; } body[data-page] main .site-hero .tools-hero-copy { width: 100%; max-width: 100%; } body[data-page] main .site-hero :is(h1, .tools-hero-copy h1) { width: 100%; max-width: 100%; margin: 12px auto 16px; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.2; letter-spacing: -.025em; color: #fff; background: none; -webkit-text-fill-color: currentColor; } body[data-page] main .site-hero h1 span { color: var(--brand-gold); } body[data-page] main .site-hero p { max-width: 80ch; margin: 12px auto 0; color: #dce5f7; font-size: clamp(1rem, 1.2vw, 1.1rem); line-height: 1.7; } body[data-page] main .site-hero :is(.eyebrow, .kicker, .article-kicker) { color: var(--brand-gold); } body[data-page] main .site-hero .breadcrumbs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; max-width: 100%; margin: 0 auto 18px; color: #dce5f7; } body[data-page] main .site-hero .breadcrumbs a { color: var(--brand-gold); } body[data-page] main .site-hero :is(.actions, .hero-links, .article-meta, .tool-hero-points) { justify-content: center; margin: 22px auto 0; } body[data-page] main .site-hero .article-meta { color: #dce5f7; } body[data-page] main .site-hero :is(.hero-media, .about-hero-card) { width: 100%; max-width: 860px; margin-inline: auto; } body[data-page] main .hero-media::after { display: none; } body[data-page] main .about-hero-card { min-height: 0; padding: 22px; align-items: center; border: 1px solid rgb(255 224 112 / 35%); box-shadow: none; } body[data-page] main .site-hero .hero-note { font-size: .82rem; } body[data-page] main .site-hero .stats { max-width: 860px; margin: 24px auto 0; text-align: center; } body[data-page] main .site-hero .stat { background: #fff; } body[data-page] main .site-hero :is(.tool-search-hero, .tool-category-search, .blog-search) { max-width: 780px; margin: 24px auto 0; text-align: left; } body[data-page] main .site-hero .tool-category-stats { justify-content: center; margin: 24px auto 0; } body[data-page] main .site-hero .tool-category-stat { background: #fff; color: var(--brand-navy); } body[data-page] main .site-hero .tool-app-meta { justify-content: center; margin-top: 24px; } body[data-page] main .site-hero .tool-app-badges { justify-content: center; } body[data-page] main .site-hero .tool-app-actions { width: auto; } body[data-page] main .site-hero #blogCount { color: #dce5f7; } body[data-page] main :is(.split, .detail-hero) { grid-template-columns: minmax(0, 1fr); gap: 28px; text-align: center; } body[data-page] main :is(.split, .detail-hero) > img, body[data-page] main .split > div:has(> img:only-child) { width: 100%; max-width: 860px; margin-inline: auto; } body[data-page] main :is(.split, .detail-hero) p { max-width: 80ch; margin: 14px auto 0; } body[data-page] main :is(.split, .detail-hero) .checklist { max-width: 80ch; margin-inline: auto; text-align: left; } body[data-page] main :is(.detail-service-icon, .intro-icon) { margin-inline: auto; } body[data-page] main .actions { justify-content: center; margin-top: 22px; } body[data-page] main .cta { text-align: center; padding: clamp(24px, 4vw, 44px); background: var(--brand-navy); } body[data-page] main .cta h2 { max-width: 100%; } body[data-page] main .cta p { max-width: 80ch; margin: 14px auto 0; } body[data-page] main .cta > .btn { margin-top: 22px; } body[data-page] main :is(.info-panel, .intro-strip, .guidance-grid, .tools-final-cta, .article-tool-box, .article-service-cta, .hostinger-promo) { display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; } body[data-page] main :is(.info-panel, .intro-strip, .guidance-copy) p { max-width: 80ch; margin-inline: auto; } body[data-page] main :is(.info-panel, .article-tool-box, .article-service-cta, .hostinger-promo) > div { width: 100%; } body[data-page] main :is(.tool-seo-intro, .tool-category-intro) { padding-block: 36px; } body[data-page] main :is(.tool-seo-intro, .tool-seo-section, .tool-category-intro) > .container > p { max-width: 80ch; margin: 14px auto 0; } body[data-page] main .panel-top > div { flex: 1; } body[data-page] main .panel-top { position: relative; padding-top: 60px; } body[data-page] main .panel-top .large-tool-icon { position: absolute; top: 0; left: calc(50% - 22px); width: 44px; height: 44px; } body[data-page] main :is(.card, .service-card, .portfolio-item, .case-card, .blog-card, .tool-card, .category-card, .side-card, .article-side-card, .team-card, .stat, .metric, .contact-form, .contact-panel, .info-panel, .intro-strip, .about-fact, .feature-list > div, .guidance-steps > div, .result-card, .article-checklist > div, .article-tool-box, .article-service-cta, .hostinger-promo, .faq details, .tool-faq details, .article-body details) { border: 1px solid var(--line); border-top: 3px solid var(--brand-gold); border-radius: var(--radius); box-shadow: var(--shadow-soft); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; min-width: 0; } body[data-page] main :is(.card, .service-card, .tool-card, .category-card, .side-card, .article-side-card, .team-card, .contact-form, .contact-panel, .info-panel, .intro-strip, .feature-list > div, .guidance-steps > div) { padding: var(--card-padding); } body[data-page] main :is(.portfolio-copy, .case-card-body, .blog-card-body) { padding: var(--card-padding); } body[data-page] main :is(.card, .service-card) { display: flex; flex-direction: column; align-items: center; } body[data-page] main :is(.card, .service-card) ul { align-self: stretch; } body[data-page] main :is(.card, .service-card) .more { margin-top: auto; padding-top: 18px; } body[data-page] main :is(.tool-card, .category-card) > strong { display: block; text-align: center; overflow-wrap: normal; } body[data-page] main :is(.tool-card, .category-card) p { margin-inline: auto; } body[data-page] main :is(.icon, .service-icon) { margin-inline: auto; } body[data-page] main :is(.faq details, .tool-faq details, .article-body details) { padding: 16px 18px; margin-block: 10px; } body[data-page] main :is(.faq summary, .tool-faq summary, .article-body summary) { color: var(--brand-navy); font-weight: 800; } body[data-page] main :is(.faq details, .tool-faq details, .article-body details) p { margin-top: 12px; } @media (hover: hover) and (pointer: fine) { body[data-page] main :is(.card, .service-card, .tool-card, .category-card, .portfolio-item, .case-card, .blog-card):hover { transform: translateY(-3px); box-shadow: var(--shadow); border-color: #bbcbee; } } .site-header-stack { position: fixed; inset: 0 0 auto; z-index: var(--z-header); } .faith-header { min-height: 30px; padding: 6px max(8px, env(safe-area-inset-left)); font-size: clamp(10px, 2.9vw, 15px); letter-spacing: .01em; font-weight: 900; white-space: nowrap; overflow: visible; } .site-header-stack .site-header { position: relative; top: auto; } html:not(.nav-enhanced) body { padding-top: 0; } html:not(.nav-enhanced) .site-header-stack { position: sticky; } html:not(.nav-enhanced) .nav-toggle { display: none; } .nav a[aria-current="page"] { color: var(--brand-blue); background: var(--surface-blue); } .skip-link { z-index: calc(var(--z-dialog) + 1); } body .skip-link:focus { top: 8px; } body[data-page] main [id] { scroll-margin-top: calc(var(--header-stack-height) + 18px); } body[data-page] main :is(.tool-side, .article-sidebar, .contact-panel) { position: sticky; top: calc(var(--header-stack-height) + 18px); align-self: start; z-index: var(--z-sidebar); max-height: calc(100dvh - var(--header-stack-height) - 36px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } body[data-page] main .tool-layout, main .article-grid { align-items: start; } body[data-page] main :is(.tool-side, .article-sidebar) h2 { font-size: 1.35rem; } body :is(.btn, .tool-btn, .action-btn, .footer-whatsapp, .share-actions a, .share-actions button, .article-share-actions a) { min-height: 48px; border-radius: var(--radius); padding: 12px 18px; font-size: .875rem; font-weight: 800; line-height: 1.3; text-align: center; white-space: normal; word-break: normal; overflow-wrap: normal; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; } body :is(button, input, select, textarea):disabled { opacity: .55; cursor: not-allowed; } :focus-visible { outline: 3px solid #0022e1; outline-offset: 4px; } .site-hero :focus-visible, .site-footer :focus-visible { outline-color: var(--brand-gold); } body .field :is(input, select, textarea):focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 2px; } .switch input:focus-visible + span { outline: 3px solid var(--brand-blue); outline-offset: 4px; } .cookie-banner { z-index: calc(var(--z-header) + 1); max-height: calc(100dvh - var(--header-stack-height) - 24px); overflow-y: auto; } .cookie-modal { z-index: var(--z-dialog); } .cookie-close { width: 44px; height: 44px; } .cookie-dialog h2 { padding-inline: 24px; text-align: center; } body[data-page] main .contact-form > p, main .contact-panel > p { margin: 14px auto 24px; } .contact-item .contact-phone-links { display: flex; flex-wrap: wrap; gap: 8px 16px; } body[data-page] main .contact-item .icon { margin-inline: 0; } body .footer-bottom { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 8px; text-align: center; } body .footer-bottom > span { max-width: 100%; } body .footer-copyright { font-size: clamp(.6875rem, 1.2vw, .8125rem); } body .site-footer { margin-bottom: 0; padding-bottom: 24px; } [hidden] { display: none !important; } .tools-shell.dark { --line: #334463; --muted: #becbe1; --ink: #eaf0ff; --surface: #0d1730; --brand-navy: #eaf0ff; --brand-blue: #adc2ff; } .tools-shell.dark :is(h2, h3, .eyebrow, .kicker, summary, .metric strong) { color: #eaf0ff; } body[data-page] main.tools-shell.dark .site-hero { background: linear-gradient(135deg, #000e3a, #09256d); } .tools-shell.dark :is(.tool-seo-intro, .tool-seo-section, .tool-category-intro) { background: #081126; } .tools-shell.dark :is(.tool-faq details, .metric, .tool-history-panel, .tool-scenario-panel, .tool-check-preview, .tool-qr-options, .tool-pro-pdf-controls, .tool-pro-pdf-results) { background: #101b35; color: #eaf0ff; } .tools-shell.dark :is(.tool-seo-intro, .tool-seo-section, .tool-category-intro) p { color: var(--muted); } .tools-shell.dark :is(.action-btn, .tool-btn.primary) { background: #0022e1; color: #fff; } body[data-page] main.tools-shell.dark .tool-panel .panel-top, body[data-page] main.tools-shell.dark .tool-workspace, body[data-page] main.tools-shell.dark .tool-interface { background: #101b35; } body[data-page] main.tools-shell.dark :is(.tool-panel, .side-card, .tool-card, .category-card, .result-card) { border-top-color: var(--brand-gold); } body[data-page] main.tools-shell.dark :is(.large-tool-icon, .tool-icon, .intro-icon) { background: #1a2743; color: var(--brand-gold); } body[data-page] main.tools-shell.dark .tool-live-stats span { background: #1a2743; color: var(--muted); } body[data-page] main.tools-shell.dark .field-help { color: var(--muted); } body[data-page] main.tools-shell.dark .tool-badge { background: #1a2743; color: #dce5f7; } @media (max-width: 1120px) { .nav { top: var(--header-stack-height); height: calc(100dvh - var(--header-stack-height)); } body[data-page] main .contact-panel { position: static; max-height: none; overflow: visible; } html:not(.nav-enhanced) .nav-wrap { flex-wrap: wrap; padding-block: 12px; } html:not(.nav-enhanced) .nav { position: static; display: flex; flex-direction: row; flex-wrap: wrap; height: auto; padding: 0; } html:not(.nav-enhanced) .nav a { width: auto; flex: 1 1 auto; } } @media (max-width: 980px), (max-height: 600px) { body[data-page] main :is(.tool-side, .article-sidebar) { position: static; max-height: none; overflow: visible; } } @media (max-width: 980px) { body[data-page] main .tool-layout, main .article-grid { grid-template-columns: minmax(0, 1fr); } body[data-page] main .tool-side { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 760px) { :root { --header-height: 68px; --header-stack-height: 98px; } body .container { padding-inline: max(16px, env(safe-area-inset-left), env(safe-area-inset-right)); } body[data-page] main .site-hero .actions { max-width: 480px; } body[data-page] main :is(.tool-app-title, .tool-category-hero, .tool-seo-intro, .tool-seo-section) { overflow-wrap: normal; } body[data-page] main :is(.hero-links, .actions, .cta-actions) { max-width: 480px; margin-inline: auto; } body[data-page] main .site-hero .tool-app-actions { width: 100%; justify-content: center; } body[data-page] main .site-hero .tool-category-stats { grid-template-columns: minmax(0, 1fr); } body[data-page] main .form-grid { grid-template-columns: minmax(0, 1fr); } body[data-page] main .blog-grid, main .blog-related-grid, main .portfolio-showcase, main .team-grid, body[data-page] main .case-gallery, main .article-checklist { grid-template-columns: minmax(0, 1fr); } body[data-page] main .site-hero .tool-search-hero button { padding-inline: 10px; } .faith-header { letter-spacing: 0; } .site-footer .whatsapp { position: relative; right: auto; bottom: auto; width: 48px; height: 48px; margin: 20px auto 0; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } .reveal { opacity: 1; transform: none; } } body { min-height: 100vh; display: flex; flex-direction: column; } body > main { flex: 1 0 auto; min-height: 0; } body > .site-footer { flex: 0 0 auto; width: 100%; margin-top: auto; } @media (max-width: 760px){ body > main { min-height: 0; } } .contact-phone-links,.phone-links,.contact-item .contact-phone-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.contact-phone-links a,.phone-links a{white-space:nowrap}.phone-pair-left{display:flex;align-items:center;gap:8px;justify-content:flex-start}.phone-pair-left>*{min-width:0} @media(max-width:480px){.contact-phone-links,.phone-links{display:grid;gap:6px;justify-items:start}.contact-phone-links a,.phone-links a{white-space:normal;overflow-wrap:anywhere}} @media(max-width:599px){body[data-page] main .mobile-copy-left :is(h1,h2,h3,p),body[data-page] main .mobile-copy-left{text-align:left!important}body[data-page] main .mobile-copy-center :is(h1,h2,h3,p),body[data-page] main .mobile-copy-center{text-align:center!important}body[data-page] main .mobile-copy-left .eyebrow,body[data-page] main .mobile-copy-left .kicker{text-align:left}.faith-header,.footer-bottom,.footer-bottom p{text-align:center!important}} @media(max-width:599px){body[data-page] main :is(.article-body,.legal,.legal-content,.tool-faq,.growth-controls,.growth-result,.growth-intro,.result-card,.tool-history-panel,.tool-pro-meta,.tool-seo-section .feature-list>div) :is(h1,h2,h3,p,li,pre){text-align:left}body[data-page] main .mobile-copy-left :is(.eyebrow,.kicker){justify-content:flex-start}body[data-page] main :is(.growth-controls,.result-card,.project-box,.tool-faq,.field) p{font-size:1rem;line-height:1.6}} :root{--brand-navy:#000e3a;--brand-gold:#ffe070}body{font-size:16px}p{line-height:1.75}.card p{font-size:16px}.site-header .brand img{object-fit:contain}.site-header-stack{z-index:2000}.site-header .nav a{font-size:14px}.site-footer{position:relative;z-index:1}.blog-intro{max-width:760px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;gap:14px}.blog-card .more{margin-top:auto}.blog-topics{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.blog-topics a{padding:10px 16px;border:1px solid #dbe3f0;border-radius:30px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,300px);gap:48px;align-items:start}.article-body{font-size:18px;line-height:1.85}.article-body p,.article-body ul,.article-body ol{margin:18px 0}.article-body h2{margin:44px 0 16px;scroll-margin-top:28px}.article-body h3{margin:24px 0 12px}.article-body li{margin:12px 0}.article-body a{color:#0022e1;text-decoration:underline;text-underline-offset:3px}.article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f4fa;padding:22px;border-radius:12px;font-size:15px}.article-body table{width:100%;border-collapse:collapse;font-size:16px}.article-body td,.article-body th{padding:12px;border:1px solid #dbe3f0;text-align:left}.article-aside{position:sticky;top:24px}.article-aside a{display:block;margin:14px 0}.article-meta{margin:20px 0;color:#53627b;font-size:14px}.editorial-note{border-left:4px solid #0022e1;padding:20px;background:#f5f7fc;margin:28px 0}.publisher-ad{clear:both;margin:36px auto;padding:20px;max-width:100%;min-height:120px;border:1px solid #dbe3f0}.publisher-ad>span{display:block;font-size:12px;color:#53627b;margin-bottom:12px} body[data-page="tools"] .tools-shell{--blue:#0022e1;--navy:#000e3a;--gold:#ffe070;--ink:#11182b;--muted:#53627b;--line:#dbe3f0;--bg:#f5f7fc;--light:#eaf0ff;--sidebar:250px;display:grid;grid-template-columns:250px minmax(0,1fr);background:var(--bg);font:16px/1.65 'DM Sans',system-ui,sans-serif;color:var(--ink)}body[data-page="tools"] .tools-shell .sidebar{position:sticky;inset:auto;top:var(--header-stack-height);width:auto;height:calc(100dvh - var(--header-stack-height));z-index:30}body[data-page="tools"] .tools-shell .site-body{margin-left:0;min-width:0}body[data-page="tools"] .tools-shell .topbar{padding:18px 32px}body[data-page="tools"] .tools-shell .workspace-brand{font-weight:750;color:#000e3a;font-size:17px;display:block;margin:0 10px 24px}body[data-page="tools"] .tools-shell .mobile-logo{display:none}body[data-page="tools"] .tools-shell .workspace-guides{font-size:14px;color:#0022e1}body[data-page="tools"] .tools-shell .hero p,body[data-page="tools"] .tools-shell .tool-card p{font-size:16px}body[data-page="tools"] .tools-shell .side-link{font-size:14px}body[data-page="tools"] .tools-shell .home,body[data-page="tools"] .tools-shell .workspace{padding-bottom:28px}body[data-page="tools"] .tools-shell .resource-bridge{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin:36px 42px;padding:30px;border:1px solid #dbe3f0;border-radius:14px;background:#fff}body[data-page="tools"] .tools-shell .resource-bridge h2{margin:10px 0}body[data-page="tools"] .tools-shell .resource-bridge p{margin:14px 0}body[data-page="tools"] .tools-shell .resource-bridge a{font-weight:650;color:#0022e1}body[data-page="tools"] .tools-shell .resource-bridge .hero-button{color:#000e3a}body[data-page="tools"] .tools-shell .toast{grid-column:1/-1}body[data-page="tools"] .tools-shell .hero-actions{flex-wrap:wrap;gap:16px} @media(max-width:1100px){body[data-page="tools"] .tools-shell{grid-template-columns:210px minmax(0,1fr)}body[data-page="tools"] .tools-shell .sidebar{padding:20px 10px}.article-layout{gap:28px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:980px){body[data-page="tools"] .tools-shell{display:block}body[data-page="tools"] .tools-shell .sidebar{position:fixed;inset:0 auto 0 0;width:260px;height:100dvh;z-index:90;transform:translateX(-100%)}body[data-page="tools"] .tools-shell .sidebar.open{transform:translateX(0)}body[data-page="tools"] .tools-shell .menu-overlay{z-index:80}body[data-page="tools"] .tools-shell .mobile-logo{display:block}body[data-page="tools"] .tools-shell .mobile-logo .workspace-brand{margin:0}body[data-page="tools"] .tools-shell .menu-toggle{display:inline-flex}body[data-page="tools"] .tools-shell .topbar{padding:16px 20px}body[data-page="tools"] .tools-shell .resource-bridge{margin:28px 20px;grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static}body[data-page="tools"] .tools-shell .crumb{display:none}} @media(max-width:600px){.blog-grid{grid-template-columns:1fr}.article-body{font-size:17px}body[data-page="tools"] .tools-shell .workspace-guides{display:none}body[data-page="tools"] .tools-shell .resource-bridge{padding:22px}body[data-page="tools"] .tools-shell .hero p{font-size:16px}.site-header .brand img{max-width:170px}} body[data-page="tools"] .tools-shell :is(h1,h2,h3,p){text-align:left;margin-inline:0}body[data-page="tools"] .tools-shell .eyebrow{text-align:left}body[data-page="tools"] .tools-shell .ready-state :is(h3,p){text-align:center}body[data-page="blog"] .article-body :is(h2,h3,p){text-align:left;margin-inline:0}body[data-page="blog"] main .article-aside{align-items:stretch;text-align:left}body[data-page="blog"] main .article-aside .kicker{text-align:left} .proof-strip{background:#f3f6fb;border-bottom:1px solid #dce5f0} .proof-inner{display:flex;gap:14px 24px;align-items:center;flex-wrap:wrap;padding-top:21px;padding-bottom:21px} .proof-inner span{font-weight:750;color:#13274a} .proof-inner a{color:#003a7c;text-decoration:underline;text-underline-offset:3px;font-weight:700} .scope-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .commercial-details .card,.commercial-details .scope-meta article{min-width:0} .commercial-details .card h3,.scope-meta h3{margin-top:0} .commercial-details .checklist{padding-left:1.2rem} .commercial-details .checklist li{display:list-item;list-style:disc;margin-bottom:.8rem;line-height:1.68} .scope-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px} .scope-meta article{padding:24px;background:#f6f8fc;border:1px solid #d8e2f1;border-radius:16px} .scope-meta p,.scope-disclaimer{font-size:1rem;line-height:1.72;text-align:left} .scope-disclaimer{margin-top:24px;color:#334766} .case-evidence .section-head p{max-width:76ch} .contact-alternative{align-self:start} .contact-alternative p{font-size:1rem;line-height:1.7} .contact-alternative .actions{flex-wrap:wrap} .commercial-details p,.about-facts span,.contact-form p{overflow-wrap:anywhere} .section-head p,.commercial-details p,.scope-meta p{text-align:left} @media(max-width:800px){.scope-columns,.scope-meta{grid-template-columns:1fr}.proof-inner{align-items:flex-start;gap:12px}.proof-inner span{flex-basis:100%}.commercial-details .card,.scope-meta article{padding:19px}} @media(max-width:480px){.scope-columns{gap:14px}.commercial-details .section-head h2{font-size:clamp(1.6rem,7vw,2.3rem)}.proof-inner{font-size:14px}.contact-alternative .actions>.btn{width:100%;justify-content:center}} .contact-delivery-note{font-size:1rem;line-height:1.65;background:#f0f5ff;border:1px solid #c9d9fa;border-radius:12px;padding:13px 16px;color:#15264b;margin:15px 0 20px} .contact-form .field label{font-size:clamp(14px,1vw,16px);font-weight:600} .contact-form .field input,.contact-form .field select,.contact-form .field textarea{font-family:var(--font-body,Lexend,sans-serif);font-size:16px} @media(max-width:640px){.contact-grid{gap:16px}.contact-panel,.contact-form{padding:clamp(18px,5vw,28px)}.contact-form .form-grid{grid-template-columns:minmax(0,1fr)}.contact-form .field.full{grid-column:auto}.contact-form .btn[type=submit]{width:100%;justify-content:center}.contact-panel h2,.contact-form h2{font-size:clamp(23px,6vw,30px);line-height:1.2}} :root { --font-body: 'Lexend', 'Trebuchet MS', Arial, sans-serif; --font-heading: 'Poppins', 'Helvetica Neue', Arial, sans-serif; } body { font-family:var(--font-body); font-weight:400; font-size:16px; line-height:1.72; } body :is(p,li,dd,blockquote,figcaption) { font-family:var(--font-body); font-weight:400; } body :is(h1,h2,h3,h4,h5,h6) { font-family:var(--font-heading); line-height:1.25; letter-spacing:-.025em; } body :is(button,input,select,textarea) { font-family:var(--font-body); } body :is(.nav,.nav a,.btn,.eyebrow,.badge,.site-footer strong,.site-footer h3,.site-footer h4) { font-family:var(--font-heading); } .faith-header { font-family:var(--font-heading); font-size:clamp(14px,calc(10px + 1.18vw),18px); font-weight:700; line-height:1.4; letter-spacing:.02em; padding:8px 16px; min-height:40px; white-space:normal; overflow-wrap:normal; text-wrap:balance; text-align:center; } body[data-page="tools"] .tools-shell { font-family:var(--font-body); font-size:16px; font-weight:400; line-height:1.7; } body[data-page="tools"] .tools-shell :is(p,li,dd,blockquote) { font-family:var(--font-body); font-weight:400; } body[data-page="tools"] .tools-shell :is(h1,h2,h3,h4,h5,h6), body[data-page="tools"] .tools-shell :is(.logo,.workspace-brand,.primary,.secondary,.hero-button,.side-label,.badge,.eyebrow) { font-family:var(--font-heading); } body[data-page="tools"] .tools-shell :is(button,input,textarea,select) { font-family:var(--font-body); } body[data-page="tools"] .tools-shell :is(.tool-lead,.tutorial-heading p,.tutorial-notes p,.seo-content-grid p) { font-size:clamp(15.5px,1.1vw,17px); line-height:1.75; } body[data-page="tools"] .tools-shell .hero h1 { color:#fff; } body[data-page="tools"] .tools-shell .hero h1 em { color:#ffe18b; } body[data-page="tools"] .tools-shell .tool-search-content { margin-block:clamp(30px,4vw,54px); border-top:1px solid #dbe3f0; padding-block:clamp(30px,4vw,48px); } body[data-page="tools"] .tools-shell .tool-search-content :is(h2,h3,p) { text-align:left; margin-inline:0; } body[data-page="tools"] .tools-shell .seo-content-intro { max-width:800px; margin-bottom:25px; } body[data-page="tools"] .tools-shell .seo-content-intro h2 { font-size:clamp(23px,2.5vw,33px); margin:10px 0 14px; } body[data-page="tools"] .tools-shell .seo-content-intro p { color:#3b4b68; } body[data-page="tools"] .tools-shell .seo-content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } body[data-page="tools"] .tools-shell .seo-content-grid article { background:#fff; border:1px solid #d9e3ef; border-radius:13px; padding:clamp(19px,2.2vw,28px); min-width:0; } body[data-page="tools"] .tools-shell .seo-content-grid article h3 { font-size:clamp(17px,1.5vw,20px); margin:0 0 12px; } body[data-page="tools"] .tools-shell .seo-content-grid article p { color:#40516d; margin:0; } body[data-page="tools"] .tools-shell .seo-content-faq { max-width:900px; margin:34px 0 18px; } body[data-page="tools"] .tools-shell .seo-content-faq h2 { font-size:clamp(22px,2.2vw,30px); margin:0 0 16px; } body[data-page="tools"] .tools-shell .seo-content-faq details { border:1px solid #d9e3ef; border-radius:11px; padding:15px 20px; margin:11px 0; background:#fff; } body[data-page="tools"] .tools-shell .seo-content-faq summary { cursor:pointer; font-family:var(--font-heading); font-weight:600; font-size:16px; color:#10244e; } body[data-page="tools"] .tools-shell .seo-content-faq details p { margin:12px 0 0; color:#40516d; } body[data-page="tools"] .tools-shell .seo-next-guide { font-size:15px; margin:24px 0 0; } body[data-page="tools"] .tools-shell .seo-next-guide a { color:#0031a3; text-decoration:underline; text-underline-offset:3px; font-weight:600; } @media(max-width:760px) { .faith-header { font-size:clamp(14px,3.5vw,16px); min-height:42px; padding:7px 11px; line-height:1.42; letter-spacing:0; } body[data-page="tools"] .tools-shell .seo-content-grid { grid-template-columns:1fr; } body[data-page="tools"] .tools-shell .tool-search-content { margin-block:22px; } } .positioning{--position-ink:#000e3a;--position-blue:#0022e1;--position-gold:#ffe070;--position-muted:#53627b;font-size:17px;line-height:1.8;overflow-wrap:anywhere}.positioning h1,.positioning h2,.positioning h3{font-family:'Poppins',sans-serif;letter-spacing:-.035em;line-height:1.2;text-wrap:balance}.positioning h1{font-size:clamp(2.3rem,4.8vw,4.6rem);font-weight:700;max-width:1050px}.positioning h2{font-size:clamp(1.85rem,3.1vw,2.8rem);margin:12px 0 22px}.positioning h3{font-size:clamp(1.2rem,1.7vw,1.4rem);margin:0 0 16px}.positioning p{margin:0 0 20px;line-height:1.85}.positioning .lead{font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.75}.positioning .kicker{font-family:'Poppins',sans-serif;font-size:.85rem;letter-spacing:.08em;font-weight:600;text-transform:uppercase}.positioning .section{padding:clamp(52px,7vw,100px) 0}.positioning .container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.positioning figure{margin:0;min-width:0}.positioning figure>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.positioning figcaption{font-size:.86rem;color:var(--position-muted);padding-top:14px}.position-hero{position:relative;isolation:isolate;background:#000e3a;color:#fff;min-height:700px;display:flex;align-items:center;padding:88px 0}.position-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.position-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,14,58,.96) 0%,rgba(0,14,58,.88) 45%,rgba(0,14,58,.5) 100%)}.position-hero-copy{max-width:830px}.position-hero h1{color:white;margin:20px 0 28px}.position-hero h1 em{font-style:normal;color:var(--position-gold)}.position-hero .kicker,.position-page-hero .kicker{color:var(--position-gold)}.position-hero p{font-size:clamp(1.1rem,1.8vw,1.28rem);max-width:700px;color:#e4eaf4}.positioning .actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:26px}.positioning .btn{min-height:48px;text-align:center;font-size:16px;white-space:normal}.positioning .position-outline{color:#fff!important;border:1px solid #bac8e8;background:transparent}.positioning .position-outline:hover{background:#fff;color:#000e3a!important}.position-hero-tags{list-style:none;padding:0;margin:36px 0 0;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.85rem;color:#e0e6f6}.position-hero-tags li:before{content:'✓';margin-right:8px;color:var(--position-gold)}.position-proof{background:#edf1fa;border-bottom:1px solid #dbe3f0}.position-proof .container{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding-block:24px;color:#000e3a;font-family:'Poppins',sans-serif;font-weight:500;font-size:.9rem}.position-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,70px)}.position-grid{display:grid;gap:24px}.position-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.position-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.position-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.position-card{padding:30px;background:#fff;border:1px solid #dbe3f0;border-radius:16px;display:flex;flex-direction:column;min-width:0}.position-card .more{margin-top:auto;padding-top:12px;font-size:16px}.position-card p{font-size:16px;color:#465673}.position-project{border:1px solid #dbe3f0;border-radius:18px;background:#fff;overflow:hidden;min-width:0}.position-project>img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;display:block}.position-project>div{padding:26px}.position-project p{font-size:16px;color:#465673}.position-list{list-style:none;padding:0;margin:24px 0}.position-list li{position:relative;padding-left:28px;margin:12px 0}.position-list li:before{content:'✓';position:absolute;left:0;color:#0022e1;font-weight:700}.position-registration{position:relative}.position-authority{padding:22px;display:flex;gap:20px;align-items:center;border:1px solid #dbe3f0;background:#fff;border-radius:16px;margin:20px 0 0}.position-authority img{width:84px;height:84px;object-fit:contain;flex-shrink:0}.position-authority strong,.position-authority span,.position-authority small{display:block}.position-authority small{font-size:12px;line-height:1.6;color:#53627b;margin-top:7px}.position-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:34px 0 0}.position-process li{border-top:2px solid #0022e1;padding-top:24px;min-width:0}.position-process span{font-family:'Poppins',sans-serif;color:#0022e1;font-size:2rem;display:block;margin-bottom:16px}.position-process p{font-size:16px;color:#465673}.position-tool-band{background:#edf1fa;border-radius:20px;padding:40px!important;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center}.position-tool-band .actions{margin-top:0}.position-cta{border-radius:22px;background:#000e3a;padding:clamp(30px,5vw,64px);color:white}.position-cta h2{color:white;max-width:850px}.position-cta p{color:#dbe4f5;max-width:800px}.position-cta .kicker{color:#ffe070}.position-page-hero{background:#000e3a;color:white;padding:clamp(56px,7vw,100px) 0}.position-page-hero h1{color:white;margin:18px 0 28px}.position-page-hero p{color:#e3eaf5;font-size:clamp(1.1rem,1.7vw,1.22rem);max-width:860px}.position-founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:70px}.position-founder figure>img{aspect-ratio:1;object-position:center top}.position-role{font-family:'Poppins',sans-serif;color:#0022e1;font-weight:500}.position-official-panel{border:1px solid #dbe3f0;border-radius:18px;padding:38px;text-align:center;background:#fff}.position-official-panel img{max-width:150px;margin:0 auto 24px;display:block;height:auto}.position-official-panel small{display:block;font-size:13px;line-height:1.6;color:#53627b;margin-top:24px}.position-faq{margin-top:26px}.position-faq details{border-bottom:1px solid #dbe3f0;padding:20px 0}.position-faq summary{font-family:'Poppins',sans-serif;font-weight:500;cursor:pointer;min-height:44px;line-height:1.6;color:#000e3a}.position-faq p{padding-top:18px;max-width:900px}.position-source{font-size:14px;margin-top:30px!important;color:#53627b}.positioning a:focus-visible{outline:3px solid #0022e1;outline-offset:5px}.position-hero a:focus-visible,.position-page-hero a:focus-visible,.position-cta a:focus-visible{outline-color:#ffe070}.positioning .section-head{margin-bottom:36px}.positioning .section-head>p{font-size:16px}.positioning .alt{background:#f5f7fc}@media(min-width:1600px){.positioning .container{max-width:1280px}}@media(max-width:1000px){.position-grid.three,.position-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.position-process{grid-template-columns:repeat(2,minmax(0,1fr))}.position-founder{gap:36px}.position-hero{min-height:620px}.position-tool-band{grid-template-columns:1fr}}@media(max-width:700px){.positioning .container{width:calc(100% - 36px)}.position-split,.position-founder,.position-grid.three,.position-grid.two,.position-grid.four{grid-template-columns:1fr}.position-hero{padding:64px 0;min-height:0}.position-hero:after{background:rgba(0,14,58,.89)}.position-hero-tags{display:grid;gap:10px}.position-proof .container{display:grid;gap:10px}.positioning h1{font-size:clamp(2rem,7.8vw,3rem)}.positioning .section-head{display:block}.positioning .section-head p{margin-top:20px}.position-card{padding:26px}.position-tool-band{padding:26px!important}.position-founder figure{max-width:400px}.position-authority{padding:16px;gap:14px}.position-authority img{width:64px;height:64px}.position-hero .actions .btn{width:100%}}@media(max-width:400px){.position-process{grid-template-columns:1fr}.positioning .container{width:calc(100% - 28px)}.positioning .actions .btn{width:100%}.position-authority{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.positioning *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} body:not([data-page="tools"]) main>.section.alt:nth-of-type(4n),body[data-page="contact"] main>.section.alt{background:#fff7d5;border-top:1px solid #f0dda0;border-bottom:1px solid #f0dda0}body:not([data-page="tools"]) .cta,body:not([data-page="tools"]) .position-cta{background:linear-gradient(125deg,#ffe070,#fff1b1);color:#000e3a;border:1px solid #f0d665}body:not([data-page="tools"]) :is(.cta,.position-cta) :is(h2,p,.kicker){color:#000e3a!important}body:not([data-page="tools"]) :is(.cta,.position-cta) .btn-gold{background:#000e3a;color:#fff;border-color:#000e3a}body:not([data-page="tools"]) :is(.cta,.position-cta) .position-outline{color:#000e3a!important;border-color:#000e3a}body:not([data-page="tools"]) :is(.cta,.position-cta) .position-outline:hover{background:#000e3a;color:#fff!important}.contact-panel{border-top:4px solid #ffe070}.contact-form{border-top:3px solid #ffe070}.contact-form .btn[type="submit"]{min-height:48px}.contact-form .form-status{overflow-wrap:anywhere}.form-status.success{background:#f0faf3;color:#175a32;padding:14px;border-radius:10px}.form-status.error{background:#fff1f0;color:#8c2525;padding:14px;border-radius:10px}.position-tool-band{border-top:3px solid #ffe070}.tools-shell .seo-content-grid article:nth-child(3n){background:#fff9e5;border-color:#efdfa7}.site-header.is-scrolled{box-shadow:0 6px 24px rgba(0,14,58,.1)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.position-project,.position-card{transition:transform .2s ease,border-color .2s ease}.position-project:hover,.position-card:hover{transform:translateY(-3px);border-color:#ccb764}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.whatsapp-pulse{animation:none!important}body .reveal{opacity:1;transform:none;transition:none!important}} .audit-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:18px 0}.audit-controls label{display:grid;gap:8px}.audit-controls input,.audit-controls select{max-width:100%;width:100%;min-height:44px}.audit-json{max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.filmstrip{display:flex;overflow-x:auto;gap:14px;padding:12px 0}.filmstrip figure{flex:0 0 130px;margin:0}.filmstrip img{display:block;width:130px;height:180px;object-fit:contain;background:#edf1fa;border:1px solid #dbe3f0;border-radius:8px}.filmstrip figcaption{text-align:center;margin-top:8px;font-size:13px}.lighthouse-audit>summary .badge{margin-left:8px}.tools-shell .report-screenshot{max-height:900px;width:auto;max-width:100%;object-fit:contain}.lighthouse-audit .table-scroll{margin-top:16px}.lighthouse-audit[hidden]{display:none!important}@media(max-width:700px){.audit-controls{grid-template-columns:1fr}.tools-shell .result-columns{grid-template-columns:1fr}}