/* Knowledge uses the same brand, with diagrams that explain the content. */
.kb-visual{--kb-blue:#1967d2;--kb-green:#18854b;--kb-orange:#ff835f;--kb-ink:#132e40}
.kb-visual :focus-visible{outline:3px solid #1967d2;outline-offset:5px}
.knowledge-intro{background:#dff5ec;position:relative;overflow:hidden;padding-bottom:65px}
.knowledge-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center}
.knowledge-hero-grid h1{font-size:clamp(3rem,4.7vw,4.6rem);line-height:1.04}
.knowledge-hero-grid h1 span{color:#1967d2;font-weight:500}
.knowledge-hero-grid>div>p:not(.eyebrow){max-width:540px;font-size:20px;color:#385761;margin:24px 0}
.cluster-nav{gap:8px}.cluster-nav a{font-size:14px;padding:9px 13px;background:#fff;border-color:#bfd8ce;transition:transform .2s,background .2s}.cluster-nav a:hover{transform:translateY(-3px);background:#fff6dc}
.knowledge-map{position:relative;min-height:440px;isolation:isolate;perspective:900px}
.map-roads{position:absolute;width:110%;height:100%;left:-5%;top:0;opacity:.7;transform:rotate(-7deg)}
.map-route{stroke-dashoffset:120;animation:route-draw 3s ease-out both}
.map-orbit{position:absolute;width:260px;height:260px;border:1px solid #8bcfb2;border-radius:50%;left:25%;top:22%;box-shadow:0 0 0 30px #ffffff30,0 0 0 60px #ffffff20}
.map-pin{position:absolute;left:49%;top:47%;display:grid;place-items:center;background:#ff835f;color:#132e40;width:62px;height:62px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);box-shadow:-8px 10px 0 #132e4010;animation:pin-drop 1s cubic-bezier(.2,.7,.2,1) both}
.map-pin svg{width:32px;height:32px;transform:rotate(45deg)}
.map-node{position:absolute;padding:22px 23px;background:#fff;color:#132e40;text-decoration:none;border:1px solid #c5d9d2;border-radius:14px;box-shadow:0 14px 30px #173d4a10;transition:transform .3s,box-shadow .3s;width:210px;animation:card-arrive .8s cubic-bezier(.2,.7,.2,1) both}
.map-node:hover{transform:translateY(-7px) rotate(-2deg);box-shadow:0 20px 40px #173d4a20}
.map-node>svg{width:28px;height:28px;margin-bottom:8px;color:#1967d2}.map-node>span{position:absolute;right:18px;top:20px;font-size:13px;color:#53716f}.map-node strong,.map-node small{display:block}.map-node strong{font:600 25px/1.2 Barlow,Arial,sans-serif}.map-node small{font-size:14px;margin-top:6px;color:#526d74}
.map-profile{left:1%;top:20%;border-top:4px solid #4285f4;transform:rotate(-5deg)}.map-website{right:0;top:0;border-top:4px solid #fbbc05;animation-delay:.15s;transform:rotate(5deg)}.map-results{right:0;bottom:5%;width:236px;border-top:4px solid #34a853;animation-delay:.3s;transform:rotate(-3deg)}.map-results>svg{color:#18854b}.map-caption{position:absolute;bottom:0;left:3%;max-width:130px;font:500 23px/1.15 Barlow,sans-serif;transform:rotate(-7deg)}
.knowledge-index{padding:0}.knowledge-cluster{padding:65px 0 75px;overflow:hidden}.knowledge-cluster:nth-child(1){background:#f4faf8}.knowledge-cluster:nth-child(2){background:#173d4a;color:#fff}.knowledge-cluster:nth-child(3){background:#fff5dd}
.cluster-heading{display:grid;grid-template-columns:50px 1fr;gap:4px 20px;align-items:center;margin-bottom:30px}.cluster-heading>span{grid-row:1/3;border:0;border-radius:50%;background:#e2ecfc;width:50px;height:50px;display:grid;place-items:center;padding:11px}.cluster-heading svg{width:28px;height:28px}.cluster-heading h2{font-size:2.5rem;margin:0}.cluster-heading p{grid-column:2;font-size:17px;color:#526d74;margin:0}.knowledge-cluster:nth-child(2) .cluster-heading p{color:#c6dfd6}.knowledge-cluster:nth-child(2) .cluster-heading>span{background:#fbbc05;color:#173d4a}.knowledge-cluster:nth-child(3) .cluster-heading>span{background:#ff835f;color:#173d4a}
.article-cards{gap:30px}.article-card{padding:0 30px 27px;overflow:hidden;color:#132e40;border:1px solid #d6e2db;border-radius:17px;transition:transform .35s,box-shadow .35s}.article-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #132e4017}.article-card>.eyebrow{margin-top:25px;margin-bottom:12px}.article-card h3{font-size:1.9rem;line-height:1.15;margin-bottom:15px}.article-card p{margin:0 0 25px}.article-card .read{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.article-card .read svg{transition:transform .3s}.article-card:hover .read svg{transform:translate(3px,-3px)}
/* Six concept illustrations — no invented dashboards or performance numbers. */
.kb-scene{position:relative;display:flex;align-items:center;justify-content:center;background:#e2edff;border-radius:24px;min-height:360px;overflow:hidden;isolation:isolate;color:#132e40;border:1px solid #c6d9f4;transform:rotate(2deg);box-shadow:14px 16px 0 #132e4007}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff55 1px,transparent 1px),linear-gradient(90deg,#ffffff55 1px,transparent 1px);background-size:30px 30px;z-index:-1}.scene-corner{position:absolute;right:-32px;top:-32px;width:90px;height:90px;border:18px solid #4285f425;border-radius:50%;z-index:-1}.scene-content{width:100%;padding:35px;position:relative}.scene-content svg{width:27px;height:27px;flex-shrink:0}.scene-note{margin-top:24px;text-align:center;font-size:14px;color:#46626f;line-height:1.4}.scene-1,.scene-4{background:#fff0cb;border-color:#e9dba7}.scene-2,.scene-5{background:#dff5ec;border-color:#b8decc}.scene-3{background:#fce8de;border-color:#edcbbb}
.choice-main{display:flex;gap:18px;align-items:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #132e4008}.choice-main>svg{width:44px;height:44px;color:#1967d2}.choice-main span{font-size:15px}.choice-main strong{display:block;font:600 23px/1.3 Barlow,sans-serif}.branch-lines{height:45px;width:52%;margin:auto;border:2px solid #4285f4;border-bottom:0;position:relative;border-radius:14px 14px 0 0;margin-top:24px}.branch-lines:before{content:'';position:absolute;left:50%;height:25px;top:-25px;border-left:2px solid #4285f4}.choice-options{display:flex;gap:14px}.choice-options>span{width:50%;font-size:14px;background:#fff;border-radius:10px;text-align:center;padding:12px 8px}.choice-options b{display:grid;place-items:center;width:28px;height:28px;margin:8px auto 0;background:#dff5ec;color:#18854b;border-radius:50%;font-size:21px}.choice-options svg{width:20px;height:20px}
.calendar-top{display:flex;gap:12px;align-items:center;margin-bottom:24px}.calendar-top strong{font:600 24px Barlow,sans-serif}.calendar-top>span{font-size:12px;margin-left:auto}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:25px}.calendar-days span{text-align:center;font-size:12px}.calendar-days b{display:block;height:26px;border-radius:5px;background:#fff;margin-top:8px}.calendar-days span:nth-child(4) b{background:#ff835f;box-shadow:0 0 0 3px #ff835f30}.hours-row{display:flex;justify-content:space-between;gap:10px;background:#fff;border-radius:8px;padding:12px 14px;font-size:15px;margin:9px 0}.hours-row.exception{background:#173d4a;color:#fff}.exception strong{color:#ffbc83}
.visual-search{display:flex;gap:12px;align-items:center;background:#fff;border-radius:30px;padding:16px 18px;box-shadow:0 10px 24px #132e4008;font-size:16px}.visual-search>svg{color:#1967d2}.visual-search i{height:20px;width:2px;background:#1967d2;animation:kb-caret .8s steps(2) 5}.keyword-chips{display:flex;align-items:center;justify-content:center;gap:6px;margin:30px -10px;font-size:13px}.keyword-chips span{background:#fff;border:1px solid #b6d4c7;border-radius:20px;padding:7px 10px}.keyword-chips span:nth-of-type(2){background:#fff0cb;border-color:#e9dba7}.keyword-chips b{font-weight:400}.keyword-target{display:flex;align-items:center;gap:15px;border-top:1px solid #abcdbd;padding-top:22px}.keyword-target>svg{background:#1967d2;color:#fff;padding:10px;box-sizing:content-box;border-radius:10px}.keyword-target span{font-size:14px}.keyword-target strong{display:block;font:600 23px/1.4 Barlow,sans-serif}
.page-window{background:#fff;border-radius:12px;padding:18px 22px;box-shadow:0 12px 25px #173d4a0d;max-width:315px;margin:auto;transform:rotate(-4deg)}.window-dots{display:flex;gap:5px;border-bottom:1px solid #d8e5df;padding-bottom:13px;margin-bottom:15px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#4285f4}.window-dots i:nth-child(2){background:#ea4335}.window-dots i:nth-child(3){background:#fbbc05}.wire-heading{font:600 24px/1.1 Barlow,sans-serif;max-width:200px}.wire-lines{margin:14px 0}.wire-lines i{display:block;background:#dbe7e2;border-radius:3px;height:5px;width:90%;margin-bottom:6px}.wire-lines i:last-child{width:65%}.wire-blocks{display:flex;gap:10px;font-size:13px}.wire-blocks span{padding:12px 10px;background:#e9f4ef;border-radius:6px}.wire-cta{margin-top:15px;background:#ff835f;display:flex;align-items:center;justify-content:space-between;padding:8px 13px;font-size:14px;font-weight:600;border-radius:6px}.wire-cta svg{width:20px;height:20px}.floating-label{position:absolute;right:16px;bottom:28px;padding:10px 15px;background:#173d4a;color:#fff;font-size:14px;border-radius:25px;display:flex;align-items:center;gap:9px;transform:rotate(4deg)}.floating-label svg{width:20px;height:20px;color:#9ee7bc}
.timeline-heading{text-align:center;font:600 28px Barlow,sans-serif;margin:5px 0 34px}.visual-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.visual-timeline:before{content:'';height:2px;background:#cfb875;position:absolute;top:25px;left:15%;right:15%}.visual-timeline>div{text-align:center;position:relative}.visual-timeline svg{display:block;box-sizing:content-box;background:#fff;border-radius:50%;padding:12px;margin:0 auto 14px;color:#1967d2;border:1px solid #e8d9b0}.visual-timeline strong{display:block;font:600 19px Barlow,sans-serif}.visual-timeline span{display:block;font-size:13px;line-height:1.3;margin-top:7px}.visual-timeline>div:last-child svg{background:#173d4a;color:#fff}
.funnel{display:flex;flex-direction:column;align-items:center;gap:9px}.funnel>span{display:flex;align-items:center;gap:14px;background:#fff;border-radius:8px;width:100%;padding:12px 15px;font-size:16px;box-shadow:0 5px 10px #173d4a05}.funnel b{font-size:12px;color:#1967d2}.funnel svg{margin-left:auto;width:21px;height:21px}.funnel>span:nth-child(2){width:93%;background:#e4edff}.funnel>span:nth-child(3){width:86%;background:#fff0cb}.funnel>span:nth-child(4){width:79%;background:#173d4a;color:#fff}.funnel>span:last-child b{color:#92e3b5}
.scene-mini{margin:0 -30px;border-radius:0;min-height:260px;height:260px;transform:none;box-shadow:none;border:0;border-bottom:1px solid #d6e2db}.scene-mini .scene-content{max-width:390px;padding:22px 30px;transform:scale(.82)}.scene-mini .scene-note{margin-top:15px}.scene-mini .scene-grid{background-size:24px 24px}.scene-mini .page-window{max-width:280px}.scene-mini .floating-label{right:-8px}.scene-mini .scene-corner{width:150px;height:150px;border-width:30px;right:-40px;top:-50px}
/* Articles: editorial reading space beside a visual guide. */
.article-hero{background:#dff5ec;overflow:hidden;padding-bottom:65px}.article-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px}.article-hero h1{font-size:clamp(2.5rem,3.55vw,3.9rem);line-height:1.08}.article-hero .eyebrow{color:#1967d2}.article-lead{font-size:19px;margin:24px 0;line-height:1.65}.article-meta{font-size:13px}.article-hero .kb-scene{animation:card-arrive .9s ease-out both;animation-delay:.15s}
.article-layout{padding-top:65px;gap:65px;grid-template-columns:245px minmax(0,800px)}.article-toc{background:#fff;padding:24px;border:1px solid #d5e3dc;border-radius:14px;top:115px}.toc-symbol{display:grid;place-items:center;background:#e6f0ff;width:48px;height:48px;border-radius:12px;color:#1967d2;margin-bottom:22px}.toc-symbol svg{width:26px;height:26px}.article-toc a{border-left:2px solid #d8e6e0;padding-left:12px;transition:border-color .2s,color .2s}.article-toc a.is-current{color:#1967d2;border-color:#1967d2;font-weight:600}.article-body>section:not(.visual-explainer):not(.article-sources){margin-top:48px;padding-top:30px;border-top:1px solid #d7e4dd}.article-body h2{font-size:2.15rem}.article-answer{margin-top:30px;border:0;background:#fff;border-radius:12px;padding:25px 28px;box-shadow:inset 5px 0 #4285f4}.article-example{background:#fff3d4;border:0;border-left:4px solid #fbbc05;position:relative;padding:28px 30px}.article-example>span{font-size:12px}.article-checklist{list-style:none!important;padding:25px!important;background:#e0f1e7;counter-reset:checks}.article-checklist li{position:relative;padding-left:35px}.article-checklist li:before{content:'✓';position:absolute;left:0;top:2px;color:#fff;background:#18854b;width:23px;height:23px;border-radius:50%;font-size:14px;text-align:center;line-height:23px}.article-service{position:relative;overflow:hidden;padding:38px}.article-service:after{content:'';position:absolute;width:130px;height:130px;border:25px solid #ffffff09;border-radius:50%;right:-55px;top:-50px;pointer-events:none}.article-next{background:#fff0db;padding:27px;border:0;border-radius:13px}.article-next .eyebrow{display:block;color:#795600;margin-bottom:12px}.reading-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:1000;pointer-events:none}.reading-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%);transform:scaleX(0);transform-origin:left}
.visual-explainer{background:#173d4a;color:#fff;border-radius:18px;padding:32px;margin:0!important;overflow:hidden}.explainer-heading>.eyebrow{color:#a6dfc5;font-size:12px}.explainer-heading h2{font-size:2rem;margin:12px 0}.explainer-heading>p{color:#c7dfd6;font-size:16px;margin:0 0 25px}.explainer-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.explainer-step{font:600 17px Barlow,sans-serif;text-align:left;color:#fff;background:#ffffff08;border:1px solid #ffffff35;border-radius:9px;padding:16px 13px;position:relative;cursor:pointer;transition:background .2s,transform .2s;min-width:0}.explainer-step>span{font:400 12px 'Source Sans 3',sans-serif;display:block;margin-bottom:20px;color:#add5c5}.explainer-step>svg{position:absolute;width:22px;height:22px;right:12px;top:13px}.explainer-step:hover{background:#ffffff18;transform:translateY(-3px)}.explainer-step[aria-expanded=true]{background:#ff835f;color:#132e40;border-color:#ff835f}.explainer-step[aria-expanded=true]>span{color:#132e40}.explainer-panels{margin-top:20px}.explainer-panel{display:flex;gap:18px;align-items:flex-start;border-top:1px solid #ffffff25;padding-top:20px;animation:panel-in .3s ease-out}.explainer-panel[hidden]{display:none}.explainer-panel>b{font:500 40px/1 Barlow,sans-serif;color:#93d8b9}.explainer-panel p{font-size:17px;line-height:1.6;margin:0}.explainer-panel strong{color:#b4e6d1}.explainer-panels{min-height:125px}
/* Content stays readable without JS. Reveals only run after observation. */
.kb-reveal.kb-enter{animation:content-arrive .65s cubic-bezier(.2,.7,.2,1) both}.kb-scene.kb-enter .scene-content>*,.article-card.kb-enter .scene-content>*{animation:piece-arrive .8s cubic-bezier(.2,.7,.2,1) both}.kb-scene.kb-enter .scene-content>:nth-child(2),.article-card.kb-enter .scene-content>:nth-child(2){animation-delay:.1s}.kb-scene.kb-enter .scene-content>:nth-child(3),.article-card.kb-enter .scene-content>:nth-child(3){animation-delay:.2s}.kb-scene.kb-enter .scene-content>:nth-child(4){animation-delay:.3s}.article-card:hover .choice-main,.article-card:hover .visual-search{transform:translateY(-4px);transition:transform .3s}
@keyframes content-arrive{from{opacity:.3;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes piece-arrive{from{opacity:0;translate:0 17px}to{opacity:1;translate:0 0}}@keyframes card-arrive{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}@keyframes pin-drop{from{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}@keyframes route-draw{to{stroke-dashoffset:0}}@keyframes kb-caret{50%{opacity:0}}@keyframes panel-in{from{opacity:.2;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.knowledge-hero-grid,.article-hero-grid{gap:30px}.map-node{width:180px;padding:17px}.map-results{width:210px}.scene-content{padding:25px}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.choice-main strong{font-size:21px}.keyword-chips{font-size:12px}.keyword-chips span{padding:6px 8px}.funnel>span{font-size:14px}.knowledge-hero-grid h1{font-size:3.6rem}}
@media(max-width:850px){.knowledge-hero-grid,.article-hero-grid{grid-template-columns:1fr}.knowledge-hero-grid h1{font-size:3.5rem}.knowledge-map{max-width:540px;width:100%;margin:auto;min-height:390px}.map-node{width:200px}.map-results{width:230px}.knowledge-hero-grid>div>p:not(.eyebrow){max-width:650px}.article-hero .kb-scene{min-height:320px;max-width:540px;width:100%;margin:10px auto}.article-hero .scene-content{max-width:440px}.article-layout{grid-template-columns:1fr;gap:35px}.article-toc{position:static}.article-toc a{display:inline-block;width:48%;vertical-align:top;font-size:15px;padding-right:10px}.toc-symbol{float:right}.article-cards{gap:20px}.article-card{padding:0 22px 24px}.article-card h3{font-size:1.6rem}.scene-mini{margin:0 -22px}.scene-mini .scene-content{padding:15px;transform:scale(.85);min-width:300px}.cluster-heading h2{font-size:2.2rem}.article-hero h1{font-size:3rem;max-width:680px}}
@media(max-width:540px){.knowledge-intro{padding-bottom:45px}.knowledge-hero-grid h1{font-size:2.85rem}.knowledge-hero-grid{gap:30px}.knowledge-hero-grid>div>p:not(.eyebrow){font-size:18px}.knowledge-map{min-height:360px}.map-node{width:163px;padding:16px}.map-node strong{font-size:21px}.map-node small{font-size:12px;line-height:1.35}.map-node>svg{width:25px;height:25px}.map-profile{top:22%;left:0}.map-website{right:0}.map-results{width:195px;bottom:0}.map-caption{font-size:19px;bottom:14px;max-width:100px;left:0}.map-orbit{width:180px;height:180px;left:20%}.map-pin{left:46%;top:52%;width:48px;height:48px}.map-pin svg{width:26px;height:26px}.cluster-nav{margin-top:24px}.cluster-nav a{font-size:13px}.knowledge-cluster{padding:43px 0 48px}.cluster-heading{grid-template-columns:40px 1fr;gap:6px 13px}.cluster-heading>span{width:40px;height:40px;padding:9px}.cluster-heading h2{font-size:1.95rem}.cluster-heading p{font-size:16px;line-height:1.4;margin-top:3px}.article-cards{grid-template-columns:1fr;gap:24px}.article-card h3{font-size:1.8rem}.scene-mini{height:240px;min-height:240px}.scene-mini .scene-content{max-width:355px;padding:20px;transform:scale(.82)}.article-hero{padding-bottom:45px}.article-hero h1{font-size:2.5rem;overflow-wrap:break-word}.article-hero-grid{gap:20px}.article-lead{font-size:18px}.article-hero .kb-scene{min-height:300px;border-radius:18px;transform:rotate(1deg);box-shadow:7px 8px 0 #132e4007}.scene-content{padding:22px}.choice-main{padding:15px}.choice-main strong{font-size:20px}.choice-main>svg{width:32px;height:32px}.choice-options>span{font-size:13px}.keyword-chips{gap:5px;margin-inline:0}.keyword-chips span{padding:6px 7px}.visual-search{font-size:14px;padding:14px 12px;gap:8px}.visual-search svg{width:22px;height:22px}.keyword-target strong{font-size:21px}.calendar-top strong{font-size:22px}.calendar-top{gap:8px}.hours-row{font-size:14px}.visual-timeline{gap:8px}.visual-timeline strong{font-size:17px}.visual-timeline span{font-size:12px}.timeline-heading{font-size:24px}.funnel>span{gap:9px;padding:10px 12px}.funnel>span:last-child{width:85%}.article-toc{padding:22px}.article-toc a{width:100%;margin-bottom:12px}.article-layout{padding-top:35px}.article-body h2{font-size:1.85rem}.visual-explainer{padding:24px 20px}.explainer-heading h2{font-size:1.9rem}.explainer-steps{gap:7px}.explainer-step{font-size:15px;padding:13px 9px}.explainer-step>svg{width:19px;height:19px;right:8px;top:12px}.explainer-step>span{margin-bottom:22px}.explainer-panel{gap:12px}.explainer-panel p{font-size:16px}.explainer-panel>b{font-size:32px}.explainer-panels{min-height:155px}.article-service{padding:28px}.article-example{padding:23px}.article-answer{padding:23px}.article-contact h2{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.kb-visual *, .kb-visual *:before,.kb-visual *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.map-route{stroke-dashoffset:0}}