:root { --navy:#0f172a; --navy2:#111c34; --orange:#ff6600; --cream:#f7f7f4; --slate:#64748b; --line:#e2e8f0; --white:#fff; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;color:var(--navy)} html,body,button,input,select,textarea{font-family:"Sarabun",sans-serif!important} a{color:inherit;text-decoration:none} p{line-height:1.75} .container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.85)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;font-size:18px;border-radius:7px;letter-spacing:-2px}.brand-mark span{color:var(--orange)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font-size:12px;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.35em;margin-top:4px;color:var(--slate)}.desktop-nav{display:flex;gap:36px;font-size:14px;font-weight:600}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:.25s}.desktop-nav a:hover:after{right:0}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--orange);color:#fff;padding:15px 22px;border-radius:8px;font-weight:700;font-size:14px;box-shadow:0 10px 26px rgba(255,102,0,.18);border:0;transition:.2s;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,102,0,.28)}.button-small{padding:11px 16px}.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;background:linear-gradient(130deg,#fff 0%,#fff 56%,#f5f7fa 56%,#eef2f6 100%)}.hero:before{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(15,23,42,.05);border-radius:50%;top:-190px;left:-110px}.hero-grid{min-height:700px;display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}.hero-copy{position:relative;z-index:2;padding:60px 0}.eyebrow{margin:0 0 20px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.13em}.eyebrow i{display:inline-block;width:22px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(44px,4.25vw,67px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:800}.hero h1 span{display:block;color:var(--orange)}.hero-desc{max-width:570px;color:#536174;font-size:17px;margin:25px 0 30px}.hero-actions{display:flex;gap:26px;align-items:center}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #aab3bf;padding:10px 0}.text-link span{margin-left:8px}.hero-proof{display:flex;align-items:center;gap:9px;margin-top:36px;color:#64748b;font-size:11px}.hero-proof b{font-size:17px;color:var(--navy)}.hero-proof i{height:28px;width:1px;background:var(--line);margin:0 8px}
.dash-wrap{position:relative;min-height:480px;display:flex;align-items:center}.dash{position:relative;width:620px;max-width:100%;background:#fff;border:1px solid #dde3eb;border-radius:16px;box-shadow:0 30px 70px rgba(15,23,42,.16);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.dash-top{height:48px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;color:#6a7687}.dash-top div{display:flex;align-items:center;gap:7px;color:var(--navy);font-size:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange)}.dash-body{height:360px;display:flex}.dash-body aside{width:48px;background:var(--navy);display:flex;align-items:center;flex-direction:column;gap:23px;padding:15px 0}.dash-body aside b{color:#fff}.dash-body aside i{width:14px;height:14px;border:1px solid #63708a;border-radius:3px}.dash-body aside span{margin-top:auto;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:7px}.dash-content{flex:1;background:#f8fafc;padding:22px}.dash-content>p{font-size:8px;margin:0;color:#748196}.dash-content>h3{font-size:15px;margin:3px 0 14px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row>div{background:#fff;border:1px solid #e9edf2;border-radius:8px;padding:11px;display:grid;grid-template-columns:1fr auto}.metric-row span{font-size:7px;color:#7c8797;grid-column:1/-1}.metric-row b{font-size:19px;margin-top:4px}.metric-row small{font-size:7px;color:#20a76b;align-self:end;margin-bottom:4px}.dash-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:10px}.chart-card,.channel-card{background:#fff;border:1px solid #e9edf2;border-radius:8px;padding:12px;height:170px}.chart-card>div:first-child{display:flex;justify-content:space-between;font-size:8px}.chart-card small{font-size:6px;color:#8190a5}.bars{height:98px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #e9edf2;padding:0 8px}.bars i{flex:1;background:#ff6600;border-radius:3px 3px 0 0}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:67%}.bars i:nth-child(5){height:75%;background:var(--orange)}.bars i:nth-child(6){height:63%}.bars i:nth-child(7){height:89%;background:var(--orange)}.days{display:flex;justify-content:space-around;font-size:6px;color:#8b97a7;margin-top:5px}.channel-card>b{font-size:8px}.channel-card p{display:flex;align-items:center;gap:7px;margin:10px 0;line-height:1}.channel-card p>i{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:white;font-size:8px;font-style:normal}.fb{background:#1877f2}.yt{background:#f33}.web{background:#334155}.channel-card p span{font-size:7px;flex:1}.channel-card p small{display:block;color:#9aa4b2;margin-top:3px}.channel-card em{font-size:7px;font-style:normal;color:#667085}.orange-orb{position:absolute;width:210px;height:210px;border-radius:50%;background:var(--orange);right:-48px;top:35px;opacity:.96}.floating-card{position:absolute;right:-18px;bottom:21px;background:#fff;border-radius:10px;box-shadow:0 15px 40px rgba(15,23,42,.18);padding:13px 18px;display:flex;gap:10px;align-items:center}.floating-card>span{width:28px;height:28px;background:#eafaf2;color:#18a56b;border-radius:50%;display:grid;place-items:center}.floating-card b,.floating-card small{display:block;font-size:8px}.floating-card small{color:#98a2b3;margin-top:3px}
.trust-strip{background:var(--navy);color:#fff}.trust-grid{height:86px;display:flex;align-items:center;justify-content:center;gap:55px}.trust-grid p{font-weight:800;font-size:16px}.trust-grid i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:52px}.section-head h2{font-size:clamp(34px,4vw,53px);line-height:1.2;letter-spacing:-.04em;margin:0}.section-head>p{max-width:420px;color:var(--slate);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:290px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;display:flex;flex-direction:column;transition:.2s}.service-card:hover{background:var(--navy);color:#fff;transform:translateY(-5px)}.service-num{font-size:11px;color:var(--orange);font-weight:800}.service-card h3{font-size:20px;margin:47px 0 12px}.service-card p{font-size:13px;color:var(--slate);margin:0}.service-card:hover p{color:#cbd5e1}.service-card a{margin-top:auto;font-size:12px;font-weight:700}.service-card a b{color:var(--orange);margin-left:5px}.dark-section{background:var(--navy);color:#fff}.section-head.light>p{color:#aab4c4}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{border-top:1px solid #40506c;padding:26px 4px;display:flex;gap:24px}.steps article>span{color:var(--orange);font-size:12px;font-weight:800}.steps h3{margin:0 0 10px;font-size:18px}.steps p{color:#aeb8c7;font-size:13px;margin:0}.cta-panel{background:var(--orange);color:#fff;padding:58px 65px;display:flex;align-items:center;justify-content:space-between;border-radius:16px}.cta-panel .eyebrow{color:#fff;opacity:.75}.cta-panel h2{font-size:37px;line-height:1.25;margin:0}.button-light{background:#fff;color:var(--navy);box-shadow:none}
footer{background:#09101f;color:#fff;padding-top:72px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.3fr;gap:60px;padding-bottom:60px}.brand-light .brand-mark{background:#fff;color:var(--navy)}.brand-light .brand-mark span{color:var(--orange)}.brand-light small{color:#8d98aa}.footer-grid>div:first-child p{font-size:12px;color:#8995a8;margin-top:25px}.footer-grid h3{font-size:12px;color:#fff;margin:0 0 21px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-grid a,.footer-grid>div:not(:first-child) p{font-size:12px;color:#8e99aa;margin:0}.copyright{border-top:1px solid #202a3c;padding:22px 0;display:flex;justify-content:space-between;color:#667085;font-size:10px}
.hero-compact{background:linear-gradient(135deg,#fff 0%,#f4f6f9 100%)}.hero-compact .hero-grid{min-height:460px}.hero-center{grid-template-columns:1fr}.hero-center .hero-copy{max-width:820px;padding:80px 0}.hero-center h1{font-size:clamp(44px,5vw,68px)}.page-section{padding:90px 0}.page-section.alt{background:var(--cream)}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.sticky-title{position:sticky;top:130px;align-self:start}.sticky-title h2{font-size:42px;line-height:1.25;margin:0}.detail-list{display:flex;flex-direction:column}.detail{display:grid;grid-template-columns:55px 1fr;border-top:1px solid var(--line);padding:32px 0}.detail:last-child{border-bottom:1px solid var(--line)}.detail>span{color:var(--orange);font-size:12px;font-weight:800}.detail h3{font-size:22px;margin:0 0 8px}.detail p{color:var(--slate);font-size:14px;margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.tag{font-size:10px;padding:6px 9px;background:#f1f5f9;border-radius:20px;color:#536174}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:16px;padding:32px;background:#fff;position:relative;display:flex;flex-direction:column}.price-card.featured{background:var(--navy);color:#fff;transform:translateY(-12px);box-shadow:0 25px 60px rgba(15,23,42,.18)}.popular{position:absolute;right:20px;top:18px;background:var(--orange);color:#fff;font-size:9px;font-weight:800;padding:6px 9px;border-radius:20px}.price-card>span{font-size:11px;color:var(--orange);font-weight:800}.price-card h2{font-size:26px;margin:13px 0 0}.price{font-size:44px;font-weight:900;letter-spacing:-.04em;margin:21px 0 4px}.price small{font-size:12px;font-weight:500;letter-spacing:0}.price-card>p{font-size:13px;color:var(--slate);min-height:50px}.featured>p{color:#b9c3d1}.price-card ul{padding:20px 0 18px;margin:12px 0 25px;border-top:1px solid var(--line);list-style:none;flex:1}.featured ul{border-color:#37445b}.price-card li{font-size:13px;margin:14px 0;padding-left:24px;position:relative}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.button-outline{background:transparent;border:1px solid var(--navy);color:var(--navy);box-shadow:none}.featured .button-outline{background:var(--orange);border-color:var(--orange);color:#fff}.note{text-align:center;color:var(--slate);font-size:12px;margin-top:30px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.case-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.case-visual{height:280px;background:var(--navy);padding:30px;position:relative;overflow:hidden;color:#fff}.case-visual:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--orange);right:-80px;top:-100px}.case-visual.light{background:#edf2f7;color:var(--navy)}.case-visual.orange{background:var(--orange)}.case-visual h3{font-size:29px;max-width:310px;position:relative;z-index:2;margin:40px 0 0}.case-visual span{font-size:10px;letter-spacing:.12em;position:relative;z-index:2}.case-mock{position:absolute;right:25px;bottom:-35px;width:220px;height:160px;background:#fff;border-radius:12px;box-shadow:0 15px 30px rgba(0,0,0,.2);z-index:3;padding:15px}.case-mock i{display:block;height:7px;background:#dfe5ec;margin-bottom:8px;border-radius:4px}.case-mock i:nth-child(2){width:60%;background:var(--orange)}.case-card>div:last-child{padding:24px}.case-card h2{font-size:19px;margin:0 0 8px}.case-card p{font-size:13px;color:var(--slate);margin:0}.result-row{display:flex;gap:26px;margin-top:19px}.result-row b{display:block;font-size:20px;color:var(--orange)}.result-row span{font-size:10px;color:var(--slate)}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-info h2{font-size:38px;margin:0 0 15px}.contact-info>p{color:var(--slate)}.contact-method{border-top:1px solid var(--line);padding:22px 0}.contact-method span{display:block;color:var(--slate);font-size:10px;margin-bottom:7px}.contact-method a,.contact-method b{font-size:15px}.contact-form{background:var(--cream);border-radius:16px;padding:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #d9dfe7;background:#fff;border-radius:8px;padding:13px 14px;font:inherit;font-size:13px;color:var(--navy);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,102,0,.1)}.field textarea{min-height:120px;resize:vertical}.contact-form .button{margin-top:20px;width:100%}
@media(max-width:980px){.desktop-nav{gap:18px}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:25px}.dash-wrap{margin-bottom:70px}.dash{margin:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.two-col,.contact-layout{grid-template-columns:1fr;gap:50px}.sticky-title{position:static}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.portfolio-grid{grid-template-columns:1fr}}
@media(max-width:720px){.container{width:min(100% - 32px,1180px)}.site-header{height:68px}.desktop-nav,.desktop-cta{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;width:38px;height:38px;border:1px solid var(--line);border-radius:7px;display:grid;place-content:center;gap:6px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:17px;height:2px;background:var(--navy)}.mobile-menu nav{position:absolute;right:0;top:48px;width:220px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 35px rgba(15,23,42,.14);padding:10px;border-radius:10px;display:flex;flex-direction:column}.mobile-menu nav a{padding:11px 12px;font-size:14px;border-bottom:1px solid #f1f5f9}.hero-grid{min-height:auto}.hero-copy{padding:70px 0 38px}.hero h1{font-size:40px}.hero-desc{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column;gap:8px}.text-link{text-align:center}.hero-proof{flex-wrap:wrap}.dash-wrap{min-height:310px;margin-bottom:45px}.dash{transform:none}.dash-body{height:260px}.dash-content{padding:12px}.dash-content>h3{margin-bottom:8px}.metric-row>div{padding:7px}.metric-row b{font-size:14px}.dash-bottom{grid-template-columns:1fr}.chart-card{height:120px}.channel-card{display:none}.bars{height:65px}.floating-card{right:-5px;bottom:-8px}.orange-orb{width:150px;height:150px;right:-35px}.trust-grid{gap:13px;height:72px}.trust-grid p{font-size:11px}.section,.page-section{padding:70px 0}.section-head{display:block;margin-bottom:35px}.section-head h2{font-size:35px}.section-head>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.steps{grid-template-columns:1fr}.cta-panel{padding:38px 25px;display:block}.cta-panel h2{font-size:28px}.cta-panel .button{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.copyright{display:block;line-height:2}.hero-compact .hero-grid{min-height:370px}.hero-center .hero-copy{padding:65px 0}.hero-center h1{font-size:40px}.two-col{gap:35px}.sticky-title h2{font-size:33px}.detail{grid-template-columns:40px 1fr}.portfolio-grid{gap:18px}.case-visual{height:235px}.contact-form{padding:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* Source-inspired Social Plus System homepage */
.source-brand img{width:154px;height:52px;object-fit:contain}.site-header{height:88px}.desktop-nav{gap:27px}.source-hero{background:radial-gradient(circle at 88% 28%,rgba(255,102,0,.14),transparent 25%),linear-gradient(135deg,#f8fafc 0%,#fff 58%,#eef2f7 100%);overflow:hidden}.source-hero-grid{min-height:680px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.source-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--orange);margin:0 0 18px}.source-hero h1{font-size:clamp(52px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:0}.source-hero h1 span{color:var(--orange)}.source-hero h2{font-size:20px;margin:26px 0 15px}.source-hero-copy>p:not(.source-kicker){color:#5f6c80;max-width:620px;font-size:15px}.source-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.source-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:6px;padding:15px 21px;background:var(--orange);color:#fff;font-size:13px;font-weight:800;cursor:pointer}.source-button-outline{background:#fff;color:var(--navy);border:1px solid #d6dde6}.source-hero-visual{position:relative}.video-frame{position:relative;z-index:2;background:#fff;padding:10px;border-radius:18px;box-shadow:0 35px 70px rgba(15,23,42,.18);transform:rotate(1.5deg);overflow:hidden}.video-frame img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;display:block}.play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:var(--orange);color:#fff;box-shadow:0 10px 35px rgba(255,102,0,.4)}.hero-chip{position:absolute;z-index:3;background:#fff;border:1px solid #edf0f3;border-radius:10px;box-shadow:0 18px 40px rgba(15,23,42,.14);padding:13px 17px}.hero-chip b,.hero-chip small{display:block}.hero-chip b{font-size:12px}.hero-chip small{font-size:9px;color:var(--slate);margin-top:3px}.chip-one{left:-35px;top:-34px}.chip-two{right:-23px;bottom:-34px}.clients,.source-section,.callback{padding:95px 0}.centered{text-align:center}.source-title{font-size:clamp(35px,4.2vw,54px);line-height:1.18;letter-spacing:-.04em;margin:0}.source-title span{color:var(--orange)}.section-lead{max-width:740px;margin:20px auto;color:var(--slate)}.client-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}.client-logos img{width:100%;height:100px;object-fit:contain;border:1px solid #edf0f3;border-radius:10px;background:#fff;padding:9px;filter:grayscale(.2)}.system-block{background:var(--navy);color:#fff;padding:105px 0}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.system-intro{color:#bdc6d3;margin:0;font-size:16px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.principles article{border-top:2px solid var(--orange);padding-top:18px}.principles b{font-size:17px}.principles p{font-size:12px;color:#aab5c6}.source-services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.source-service{min-height:330px;padding:29px;display:flex;flex-direction:column;border-radius:12px;transition:.2s}.source-service:hover{transform:translateY(-7px)}.source-service>span{font-size:11px;font-weight:900}.source-service h3{font-size:23px;line-height:1.25;margin:55px 0 12px}.source-service p{font-size:12px;opacity:.78}.source-service>b{margin-top:auto;font-size:11px}.source-service.orange{background:var(--orange);color:#fff}.source-service.navy{background:var(--navy);color:#fff}.source-service.blue{background:#e8eff9;color:var(--navy)}.source-service.cream{background:#f6f3ec;color:var(--navy)}.quick-contact{display:flex;justify-content:center;gap:35px;margin-top:32px;font-size:12px;font-weight:700}.quick-contact a{color:var(--orange)}.process-block{padding:105px 0;background:#f6f7f9}.source-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px}.source-steps article{border-top:1px solid #ccd4df;padding:26px 30px 20px 0}.source-steps article:not(:last-child){margin-right:25px}.source-steps span{color:var(--orange);font-size:12px;font-weight:900}.source-steps h3{font-size:18px;margin:32px 0 8px}.source-steps p{font-size:12px;color:var(--slate)}.consistency{padding:105px 0}.consistency-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:110px;align-items:center}.consistency h2{font-size:47px;margin:0;color:var(--orange)}.consistency h3{font-size:26px;line-height:1.4}.consistency-grid>div:last-child>p{color:var(--slate);margin-bottom:25px}.source-cta{text-align:center;padding:100px 0;background:var(--orange);color:#fff}.source-cta .source-kicker{color:#fff;opacity:.75}.source-cta h2{font-size:clamp(40px,5vw,64px);line-height:1.15;margin:0}.source-cta>div>p:not(.source-kicker){max-width:700px;margin:22px auto;opacity:.86}.center-actions{justify-content:center}.light-button{background:#fff;color:var(--navy)}.line-button{background:var(--navy)}.callback-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.callback-grid>div>p{color:var(--slate)}.callback-points{display:flex;gap:20px;flex-wrap:wrap;color:var(--orange);font-size:12px;font-weight:800}.source-form{background:#f6f7f9;border-radius:14px;padding:32px;display:grid;gap:15px}.source-form label{font-size:11px;font-weight:700}.source-form input,.source-form textarea{display:block;width:100%;border:1px solid #dbe1e8;border-radius:6px;background:#fff;padding:13px;margin-top:7px;font:inherit}.source-form textarea{min-height:95px;resize:vertical}.source-form small{text-align:center;color:var(--slate)}footer .source-brand img{filter:brightness(0) invert(1);opacity:.95}.footer-grid>div:first-child h2{font-size:18px;margin:22px 0 0}
@media(max-width:980px){.source-hero-grid,.system-grid,.consistency-grid,.callback-grid{grid-template-columns:1fr}.source-hero-grid{padding:70px 0 95px;gap:55px}.system-grid,.consistency-grid,.callback-grid{gap:45px}.source-services,.source-steps{grid-template-columns:repeat(2,1fr)}.client-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.site-header{height:68px}.source-brand img{width:125px;height:42px}.source-hero-grid{padding:55px 0 75px}.source-hero h1{font-size:48px}.source-hero h2{font-size:16px}.chip-one{left:-5px}.chip-two{right:-5px}.source-actions{flex-direction:column}.source-button{width:100%}.clients,.source-section,.callback,.system-block,.process-block,.consistency,.source-cta{padding:70px 0}.client-logos{grid-template-columns:repeat(2,1fr)}.system-grid{gap:38px}.principles{grid-template-columns:1fr}.source-services,.source-steps{grid-template-columns:1fr}.source-service{min-height:265px}.source-service h3{margin-top:38px}.source-steps article:not(:last-child){margin-right:0}.consistency h2{font-size:37px}.consistency h3{font-size:22px}.quick-contact{flex-direction:column;align-items:center;gap:8px}.callback-grid{gap:35px}.source-form{padding:22px}}

/* Corporate and SEO-focused refinement */
.source-hero{background:linear-gradient(135deg,#f8fafc 0%,#fff 62%,#f1f5f9 100%);border-bottom:1px solid var(--line)}
.source-hero-grid{min-height:640px}.source-hero h1{font-size:clamp(46px,5vw,68px);line-height:1.12;letter-spacing:-.035em}.source-hero h2{font-weight:600;color:#334155}
.video-frame{transform:none;border-radius:10px;padding:8px;box-shadow:0 24px 60px rgba(15,23,42,.14)}.video-frame img{border-radius:6px}.play{width:56px;height:56px}
.hero-chip{border-radius:6px;box-shadow:0 12px 30px rgba(15,23,42,.12)}.source-button{border-radius:4px;box-shadow:none;letter-spacing:.01em}
.source-service{border:1px solid #dfe5ec;border-radius:6px;background:#fff!important;color:var(--navy)!important}.source-service>span,.source-service>b{color:var(--orange)}.source-service p{color:var(--slate);opacity:1}
.source-title{letter-spacing:-.025em}.clients{background:#fff}.process-block{border-block:1px solid var(--line)}
.faq-section{padding:105px 0;background:#f8fafc}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-list{border-top:1px solid #d8e0ea}.faq-list details{border-bottom:1px solid #d8e0ea;padding:22px 0}.faq-list summary{cursor:pointer;font-size:17px;font-weight:700;list-style:none;padding-right:35px;position:relative}.faq-list summary:after{content:"+";position:absolute;right:3px;color:var(--orange);font-size:22px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--slate);font-size:14px;margin:14px 0 2px}.source-cta{background:var(--navy)}.source-cta .line-button{background:var(--orange)}
.company-legal{border-top:1px solid #202a3c;padding:20px 0;color:#7d899b;font-size:10px;line-height:1.7}
@media(max-width:980px){.faq-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:720px){.source-hero h1{font-size:42px}.faq-section{padding:70px 0}.faq-list summary{font-size:15px}}

/* Article library and management */
.article-hero{padding:82px 0;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid var(--line)}.article-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.article-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.14;letter-spacing:-.035em;margin:0}.article-hero h1 span{color:var(--orange)}.article-hero-grid>div:first-child>p:last-child{color:var(--slate);max-width:650px;font-size:15px}.command-panel{background:var(--navy);color:#fff;padding:28px;border-radius:8px;box-shadow:0 22px 50px rgba(15,23,42,.16)}.command-panel>b{font-size:20px}.command-panel p{color:#b9c3d1;font-size:12px;margin:6px 0 15px}.command-panel textarea{width:100%;min-height:115px;border:1px solid #34425a;border-radius:5px;background:#17233a;color:#fff;padding:13px;resize:vertical;font-size:12px}.command-panel button,.library-top button,.editor-actions button{border:0;border-radius:4px;background:var(--orange);color:#fff;padding:12px 18px;font-weight:700;cursor:pointer;margin-top:12px}.editor-section{padding:65px 0;background:#f4f6f8;border-bottom:1px solid var(--line)}.editor-head,.library-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.editor-head h2,.library-top h2{font-size:36px;margin:0}.editor-close{border:1px solid #cbd5e1;background:#fff;padding:9px 16px;border-radius:4px;cursor:pointer}.article-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:8px}.article-editor label{font-size:11px;font-weight:700}.article-editor .wide{grid-column:1/-1}.article-editor input,.article-editor select,.article-editor textarea,.article-tools input,.article-tools select{display:block;width:100%;margin-top:7px;border:1px solid #d5dde7;background:#fff;border-radius:4px;padding:12px;font-size:13px;outline:none}.article-editor input:focus,.article-editor select:focus,.article-editor textarea:focus,.article-tools input:focus,.article-tools select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,102,0,.09)}.article-editor textarea.short{min-height:75px;resize:vertical}.article-editor textarea.content-field{min-height:340px;resize:vertical;line-height:1.8}.editor-actions{display:flex;gap:10px}.editor-actions .secondary{background:#fff;color:var(--navy);border:1px solid #cbd5e1}.article-library{padding:90px 0 110px}.library-top button{margin:0}.manager-message{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:11px 15px;border-radius:4px;font-size:12px;margin:22px 0 0}.article-tools{display:grid;grid-template-columns:1fr 260px;gap:16px;margin-top:32px;padding:20px;background:#f8fafc;border:1px solid var(--line);border-radius:6px}.article-tools label>span{display:block;font-size:10px;font-weight:700;color:#64748b}.article-count{font-size:11px;color:var(--slate);margin:18px 0}.article-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);border-radius:6px;background:#fff;padding:24px;min-height:260px;display:flex;flex-direction:column;transition:.2s}.article-card:hover{border-color:#bdc7d4;transform:translateY(-3px);box-shadow:0 14px 35px rgba(15,23,42,.07)}.article-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.article-card-meta>span{font-size:10px;font-weight:800;color:var(--orange)}.article-card-meta em{font-size:9px;font-style:normal;padding:4px 7px;border-radius:20px}.article-card-meta em.published{background:#e9f9f0;color:#168755}.article-card-meta em.draft{background:#f1f5f9;color:#64748b}.article-card h3{font-size:20px;line-height:1.45;margin:24px 0 9px}.article-card>p{font-size:12px;color:var(--slate);margin:0}.article-card>small{display:block;margin-top:auto;padding-top:20px;color:#94a3b8}.card-actions{display:flex;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f3}.card-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:4px;padding:7px 12px;font-size:11px;cursor:pointer}.card-actions .danger{color:#c2413b;border-color:#fecaca}.empty-library{text-align:center;border:1px dashed #cbd5e1;border-radius:6px;padding:60px 20px;color:var(--slate)}.empty-library b{color:var(--navy);font-size:18px}.empty-library p{font-size:12px}
@media(max-width:980px){.article-hero-grid{grid-template-columns:1fr;gap:40px}.article-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.article-hero{padding:60px 0}.article-hero h1{font-size:40px}.article-editor{grid-template-columns:1fr;padding:20px}.article-editor .wide{grid-column:auto}.article-tools{grid-template-columns:1fr}.article-cards{grid-template-columns:1fr}.editor-head,.library-top{align-items:start;flex-direction:column}.library-top button{width:100%}.article-library{padding:65px 0 80px}}

/* Full service navigation and landing pages */
.desktop-nav{gap:17px;font-size:12px;white-space:nowrap}.service-landing-hero{padding:115px 0;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid var(--line)}.service-landing-hero .container{max-width:950px;margin-left:max(24px,calc((100% - 1180px)/2))}.service-landing-hero h1{font-size:clamp(44px,5.6vw,72px);line-height:1.14;letter-spacing:-.035em;margin:0;max-width:900px}.service-landing-hero .container>p:not(.source-kicker){max-width:730px;color:var(--slate);font-size:17px;margin:25px 0}.service-landing-body{padding:100px 0}.service-landing-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.service-landing-grid h2{font-size:42px;margin:0}.benefit-list{border-top:1px solid var(--line)}.benefit-list article{display:grid;grid-template-columns:50px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.benefit-list span{font-size:11px;font-weight:800;color:var(--orange)}.benefit-list h3{font-size:20px;margin:0}.service-landing-cta{padding:55px 0;background:var(--navy);color:#fff}.service-landing-cta .container{display:flex;align-items:center;justify-content:space-between;gap:45px}.service-landing-cta h2{font-size:30px;max-width:760px;margin:0}.service-landing-cta .source-kicker{margin-bottom:9px}
@media(max-width:1120px){.desktop-nav{gap:11px;font-size:11px}.desktop-cta{display:none}}
@media(max-width:980px){.desktop-nav{display:none}.mobile-menu{display:block}.service-landing-grid{grid-template-columns:1fr;gap:42px}.service-landing-cta .container{align-items:start;flex-direction:column}}
@media(max-width:720px){.service-landing-hero{padding:75px 0}.service-landing-hero h1{font-size:41px}.service-landing-hero .container{margin-inline:auto}.service-landing-body{padding:70px 0}.service-landing-grid h2{font-size:34px}}

/* Balanced client-logo wall */
.clients .source-title{font-size:clamp(32px,3.4vw,46px);max-width:920px;margin-inline:auto;line-height:1.28}.client-logos{grid-template-columns:repeat(5,1fr);gap:12px}.client-logo{height:126px;display:flex;align-items:center;justify-content:center;border:1px solid #e6ebf1;border-radius:6px;background:#fff;padding:10px;transition:.2s}.client-logo:hover{border-color:#cbd5e1;box-shadow:0 10px 28px rgba(15,23,42,.07);transform:translateY(-2px)}.client-logos .client-logo img{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;padding:0;filter:none}
@media(max-width:980px){.client-logos{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.client-logos{grid-template-columns:repeat(2,1fr);gap:9px}.client-logo{height:105px;padding:7px}}

/* Brand positioning */
.principles{grid-template-columns:repeat(2,1fr)}.positioning-section{padding:105px 0;background:#fff}.positioning-head{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:end}.positioning-head .source-kicker{grid-column:1/-1}.positioning-head>p:last-child{color:var(--slate);margin:0}.positioning-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px}.positioning-grid article{padding:38px;border:1px solid var(--line);border-radius:6px}.positioning-grid article>span{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;padding:6px 9px;border-radius:20px}.positioning-yes>span{background:#eaf8f0;color:#168454}.positioning-no>span{background:#f1f5f9;color:#64748b}.positioning-grid h3{font-size:25px;margin:24px 0 18px}.positioning-grid ul{list-style:none;padding:0;margin:0}.positioning-grid li{position:relative;padding:11px 0 11px 25px;border-top:1px solid #edf0f3;font-size:13px;color:#536174}.positioning-yes li:before{content:"✓";position:absolute;left:0;color:#168454;font-weight:800}.positioning-no li:before{content:"—";position:absolute;left:0;color:#94a3b8;font-weight:800}
@media(max-width:980px){.positioning-head,.positioning-grid{grid-template-columns:1fr}.positioning-head{gap:22px}.positioning-grid{gap:14px}}
@media(max-width:720px){.principles{grid-template-columns:1fr}.positioning-section{padding:70px 0}.positioning-grid article{padding:25px}.positioning-grid h3{font-size:21px}}

/* Protected article administration */
.command-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.command-title a{font-size:10px;color:#cbd5e1;text-decoration:underline}.reader-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px}.reader-panel b{font-size:21px}.reader-panel p{font-size:13px;color:var(--slate)}.reader-panel a{display:inline-block;margin-top:8px;color:var(--orange);font-size:12px;font-weight:800}.access-denied{min-height:65vh;display:grid;place-items:center;text-align:center;padding:80px 0}.access-denied span{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:.15em}.access-denied h1{font-size:42px;margin:15px 0}.access-denied p{color:var(--slate);margin-bottom:28px}

/* High-conversion SME service page */
.sme-hero{background:linear-gradient(145deg,#f8fafc 0%,#fff 58%,#eef2f7 100%);border-bottom:1px solid var(--line);padding:82px 0 0}.sme-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:65px;align-items:center}.sme-hero h1{font-size:clamp(48px,5.5vw,74px);line-height:1.08;letter-spacing:-.04em;margin:0}.sme-hero h1 span{color:var(--orange)}.sme-hero h2{font-size:20px;line-height:1.55;margin:24px 0 11px}.sme-hero-grid>div:first-child>p:not(.source-kicker){font-size:15px;color:var(--slate);max-width:650px}.sme-tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.sme-tags span{font-size:9px;font-weight:700;border:1px solid #d7dee7;background:#fff;padding:6px 9px;border-radius:20px}.sme-hero-grid>div:first-child>small{display:block;color:#7c8797;margin-top:15px}.sme-dashboard{background:#fff;border:1px solid #dfe5ed;border-radius:10px;padding:23px;box-shadow:0 25px 65px rgba(15,23,42,.13)}.sme-dash-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:15px}.sme-dash-head span{font-size:9px;letter-spacing:.12em;font-weight:800}.sme-dash-head b{font-size:9px;color:#138a57;background:#e9f9f0;border-radius:20px;padding:5px 8px}.sme-flow{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.sme-flow>div{border:1px solid #e6ebf1;border-radius:6px;padding:14px;display:grid;grid-template-columns:28px 1fr}.sme-flow i{grid-row:1/3;font-size:9px;font-style:normal;color:var(--orange);font-weight:800}.sme-flow strong{font-size:12px}.sme-flow small{font-size:8px;color:#8490a0;margin-top:3px}.sme-dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.sme-dash-metrics>div{background:#f8fafc;border-radius:5px;padding:12px}.sme-dash-metrics span,.sme-dash-metrics b{display:block}.sme-dash-metrics span{font-size:7px;color:#7b8797}.sme-dash-metrics b{font-size:17px;margin-top:5px}.sme-trust{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #dfe5ed}.sme-trust>div{padding:24px 20px;border-right:1px solid #dfe5ed}.sme-trust>div:first-child{border-left:1px solid #dfe5ed}.sme-trust b,.sme-trust span{display:block}.sme-trust b{font-size:13px}.sme-trust span{font-size:9px;color:var(--slate);margin-top:4px}.sme-section{padding:105px 0}.sme-section-head{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:end}.sme-section-head h2,.sme-workflow h2,.sme-value>div>h2,.sme-pricing>div>h2,.sme-faq h2,.sme-final h2{font-size:clamp(36px,4vw,53px);line-height:1.22;letter-spacing:-.03em;margin:0}.sme-section-head>p{color:var(--slate);margin:0}.sme-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.sme-problems article{border-top:2px solid var(--orange);background:#f8fafc;padding:27px;min-height:220px}.sme-problems span{font-size:10px;color:var(--orange);font-weight:800}.sme-problems h3{font-size:23px;margin:34px 0 8px}.sme-problems p{font-size:12px;color:var(--slate)}.sme-workflow{padding:105px 0;background:var(--navy);color:#fff}.sme-workflow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.sme-workflow h2 span{color:var(--orange)}.sme-workflow-grid>div:first-child>p:not(.source-kicker){color:#aeb8c7}.human-qc{border-left:2px solid var(--orange);padding-left:18px;margin-top:28px}.human-qc b,.human-qc span{display:block}.human-qc b{font-size:13px}.human-qc span{font-size:10px;color:#9da9ba;margin-top:5px}.sme-channels{border-top:1px solid #39465d}.sme-channels article{display:grid;grid-template-columns:45px 1fr;padding:23px 0;border-bottom:1px solid #39465d}.sme-channels article>span{font-size:10px;color:var(--orange);font-weight:800}.sme-channels h3{margin:0;font-size:18px}.sme-channels p{margin:4px 0 0;font-size:11px;color:#aeb8c7}.sme-value{padding:100px 0;text-align:center}.sme-value>div>h2{max-width:850px;margin-inline:auto}.sme-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:48px;text-align:left}.sme-value-grid article{border:1px solid var(--line);border-radius:6px;padding:26px}.sme-value-grid b{font-size:19px;color:var(--orange)}.sme-value-grid p{font-size:12px;color:var(--slate)}.sme-pricing{padding:105px 0;background:#f6f7f9;text-align:center}.sme-price-lead{color:var(--slate)}.sme-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px;text-align:left;align-items:stretch}.sme-price-grid>article{background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:28px;display:flex;flex-direction:column;position:relative}.sme-price-grid>article.popular{border:2px solid var(--orange);box-shadow:0 18px 45px rgba(15,23,42,.1)}.sme-popular{position:absolute;right:18px;top:-13px;background:var(--orange);color:#fff;font-size:9px;font-weight:800;padding:6px 10px;border-radius:20px}.sme-plan-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.sme-plan-head small{color:var(--orange);font-weight:700}.sme-plan-head h3{font-size:27px;margin:6px 0 0}.sme-plan-price{text-align:right}.sme-plan-price del,.sme-plan-price b,.sme-plan-price span{display:block}.sme-plan-price del{font-size:10px;color:#94a3b8}.sme-plan-price b{font-size:30px;letter-spacing:-.04em}.sme-plan-price span{font-size:9px;color:var(--slate)}.sme-price-grid article>p{font-size:11px;color:var(--slate);min-height:58px}.sme-price-grid ul{list-style:none;padding:17px 0;margin:10px 0 22px;border-top:1px solid var(--line);flex:1}.sme-price-grid li{font-size:11px;padding:7px 0 7px 20px;position:relative}.sme-price-grid li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:800}.sme-price-grid article>a{display:block;background:var(--navy);color:#fff;text-align:center;padding:12px;border-radius:4px;font-size:11px;font-weight:700}.sme-price-grid .popular>a{background:var(--orange)}.sme-note{font-size:9px;color:#7b8797;margin-top:22px}.sme-faq{padding:100px 0}.sme-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.sme-faq-grid>div:first-child>p:last-child{color:var(--slate)}.sme-faq details{padding:22px 0;border-top:1px solid var(--line)}.sme-faq details:last-child{border-bottom:1px solid var(--line)}.sme-faq summary{font-size:16px;font-weight:700;cursor:pointer;list-style:none;padding-right:30px;position:relative}.sme-faq summary:after{content:"+";position:absolute;right:2px;color:var(--orange)}.sme-faq details[open] summary:after{content:"−"}.sme-faq details p{font-size:13px;color:var(--slate);margin-bottom:0}.sme-final{padding:72px 0;background:var(--navy);color:#fff}.sme-final .container{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.sme-final h2{font-size:39px}.sme-final>div>div:first-child>p:last-child{color:#aeb8c7}.sme-final-actions{display:flex;flex-direction:column;gap:9px}.sme-final-actions .source-button{width:100%}.sme-final-actions .source-button-outline{border-color:#506079;background:transparent;color:#fff}.sme-final-actions>span{text-align:center;color:#9da9ba;font-size:10px}
@media(max-width:980px){.sme-hero-grid,.sme-workflow-grid,.sme-faq-grid,.sme-final .container{grid-template-columns:1fr}.sme-hero-grid{gap:45px}.sme-section-head{grid-template-columns:1fr;gap:24px}.sme-trust,.sme-value-grid{grid-template-columns:repeat(2,1fr)}.sme-price-grid{grid-template-columns:1fr}.sme-price-grid article>p{min-height:auto}}
@media(max-width:720px){.sme-hero{padding-top:60px}.sme-hero h1{font-size:43px}.sme-hero h2{font-size:17px}.sme-dashboard{padding:16px}.sme-dash-metrics{grid-template-columns:1fr}.sme-trust{grid-template-columns:1fr 1fr;margin-top:48px}.sme-trust>div{padding:16px 12px}.sme-section,.sme-workflow,.sme-value,.sme-pricing,.sme-faq{padding:70px 0}.sme-problems,.sme-value-grid{grid-template-columns:1fr}.sme-final{padding:60px 0}.sme-final h2{font-size:31px}}

/* Balanced typography scale */
:root{
  --type-display:clamp(46px,4.7vw,62px);
  --type-section:clamp(33px,3.25vw,44px);
  --type-subsection:clamp(20px,2vw,25px);
  --type-body-lg:16px;
  --type-body:14px;
  --type-small:12px;
}

/* Dedicated monthly Video Content page */
.vpage{--vnavy:#071329;--vorange:#ff6600;background:#fff}.vpage h1,.vpage h2,.vpage h3,.vpage p{margin-top:0}.vkicker{color:var(--vorange)!important;font-size:11px!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.vhero{padding:88px 0 72px;background:radial-gradient(circle at 82% 22%,rgba(255,102,0,.22),transparent 24%),linear-gradient(135deg,#071329,#10213d 66%,#172a48);color:#fff;overflow:hidden}.vhero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.vhero h1{font-size:clamp(43px,5vw,66px);line-height:1.12!important;letter-spacing:-.035em;margin:0}.vhero h1 span{color:#fff}.vhero h2{font-size:23px;color:var(--vorange);margin:23px 0 12px}.vlead{max-width:660px;color:#c6d1e0!important;font-size:16px;line-height:1.75}.vactions{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0}.vbutton{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:6px;background:var(--vorange);color:#fff;font-size:13px;font-weight:800}.vbutton.ghost{background:transparent;border:1px solid rgba(255,255,255,.35)}.vproof{display:flex;align-items:center;gap:12px;color:#cbd5e1;font-size:11px;font-weight:700}.vproof i{width:4px;height:4px;border-radius:50%;background:var(--vorange)}.vhero-card{position:relative}.vhero-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.vhero-badge{position:absolute;left:-30px;bottom:30px;display:flex;gap:13px;align-items:center;padding:16px 19px;border-radius:8px;background:#fff;color:var(--vnavy);box-shadow:0 18px 40px rgba(0,0,0,.22)}.vhero-badge b{font-size:24px;color:var(--vorange)}.vhero-badge span{font-size:10px;line-height:1.5}.vplatform,.vcompare,.vportfolio,.vfaq{padding:100px 0}.vsection-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:45px}.vsection-head h2,.vsystem h2,.vworkflow h2,.vpricing h2,.vfaq h2,.vfinal h2{font-size:clamp(34px,4vw,48px);line-height:1.25!important;margin:0}.vsection-head>p{margin:0;color:#64748b}.vplatform-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce3ec;border-left:1px solid #dce3ec}.vplatform-grid article{padding:26px;border-right:1px solid #dce3ec;border-bottom:1px solid #dce3ec;min-height:180px}.vplatform-grid span{font-size:10px;color:var(--vorange);font-weight:800}.vplatform-grid h3{font-size:22px;margin:40px 0 4px}.vplatform-grid p{font-size:12px;color:#64748b}.vstatement{margin:30px auto 0!important;text-align:center;max-width:850px;font-size:16px}.vstatement strong{color:var(--vnavy)}.vsystem{padding:92px 0;background:var(--vnavy);color:#fff}.vsystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.vsystem h2{color:#fff}.vsystem-list article{padding:20px 0;border-top:1px solid #34425a}.vsystem-list article:last-child{border-bottom:1px solid #34425a}.vsystem-list b{font-size:18px}.vsystem-list p{margin:6px 0 0;color:#b9c4d4;font-size:13px}.vcompare{background:#f4f6f9}.vcompare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vcompare-grid article{padding:34px;background:#fff;border:1px solid #dce3ec;border-radius:8px}.vcompare-grid .active{border:2px solid var(--vorange)}.vcompare-grid span{font-size:10px;font-weight:800;color:#64748b}.vcompare-grid .active span{color:var(--vorange)}.vcompare-grid h3{font-size:25px;margin:25px 0 14px}.vcompare-grid ul{list-style:none;padding:0;margin:0}.vcompare-grid li{padding:11px 0;border-top:1px solid #edf0f3;color:#526176;font-size:14px}.vcompare-grid li:before{content:"✓";color:var(--vorange);font-weight:900;margin-right:10px}.vcompare-grid .muted li:before{content:"—";color:#94a3b8}.vworkflow{padding:100px 0;background:var(--vnavy);color:#fff}.vworkflow h2{color:#fff}.vworkflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.vworkflow-grid article{padding:25px;border:1px solid #34425a;border-radius:7px}.vworkflow-grid span{font-size:11px;color:var(--vorange);font-weight:800}.vworkflow-grid h3{font-size:20px;margin:32px 0 8px;color:#fff}.vworkflow-grid p{font-size:13px;color:#b9c4d4}.vportfolio-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.vportfolio-grid>*{width:100%;height:310px;object-fit:cover;border-radius:9px}.vplayer iframe{width:100%;height:100%;border:0;border-radius:9px;background:#000}.vpricing{padding:100px 0;background:#f4f6f9;text-align:center}.centered{text-align:center}.vprice-lead{color:#64748b}.vprice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:44px;text-align:left}.vprice-grid article{position:relative;display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid #dce3ec;border-radius:9px}.vprice-grid article.featured{border:2px solid var(--vorange);box-shadow:0 18px 45px rgba(7,19,41,.12)}.vrecommend{position:absolute;right:18px;top:-13px;padding:6px 10px;background:var(--vorange);color:#fff;border-radius:20px;font-size:9px;font-weight:800}.vprice-grid small{color:var(--vorange);font-weight:800}.vprice-grid h3{font-size:24px;margin:9px 0}.vprice{font-size:36px;font-weight:900;color:var(--vnavy)}.vprice span{font-size:11px;font-weight:500;color:#64748b}.vprice-grid article>p{font-size:13px;min-height:50px}.vprice-grid ul{list-style:none;padding:18px 0;margin:10px 0 22px;border-top:1px solid #dce3ec;flex:1}.vprice-grid li{position:relative;padding:7px 0 7px 22px;font-size:13px}.vprice-grid li:before{content:"✓";position:absolute;left:0;color:var(--vorange);font-weight:900}.vprice-grid article>a{padding:12px;text-align:center;background:var(--vnavy);color:#fff;border-radius:5px;font-size:12px;font-weight:800}.vprice-grid .featured>a{background:var(--vorange)}.vfaq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.vfaq details{padding:21px 0;border-top:1px solid #dce3ec}.vfaq details:last-child{border-bottom:1px solid #dce3ec}.vfaq summary{cursor:pointer;list-style:none;font-size:16px;font-weight:800;padding-right:25px;position:relative}.vfaq summary:after{content:"+";position:absolute;right:2px;color:var(--vorange)}.vfaq details[open] summary:after{content:"−"}.vfaq details p{font-size:13px;margin:10px 0 0}.vfinal{padding:70px 0;background:var(--vorange);color:#fff}.vfinal .container{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.vfinal h2{color:#fff}.vfinal p{color:#fff}.vfinal .vkicker{color:#fff!important;opacity:.75}.vfinal .container>div:last-child{display:flex;flex-direction:column;gap:12px}.vfinal .vbutton{background:#fff;color:var(--vnavy)}.vfinal b,.vfinal small{text-align:center}.vfinal small{opacity:.8}
@media(max-width:980px){.vhero-grid,.vsection-head,.vsystem-grid,.vfaq-grid,.vfinal .container{grid-template-columns:1fr}.vhero-grid{gap:45px}.vplatform-grid,.vworkflow-grid{grid-template-columns:repeat(2,1fr)}.vportfolio-grid{grid-template-columns:1fr 1fr}.vportfolio-grid .vplayer{grid-column:1/-1}.vprice-grid{grid-template-columns:1fr}.vprice-grid article>p{min-height:0}}
@media(max-width:720px){.vhero{padding:62px 0 52px}.vhero h1{font-size:39px}.vhero-badge{left:14px;bottom:14px}.vplatform,.vcompare,.vportfolio,.vfaq,.vworkflow,.vpricing{padding:70px 0}.vsection-head{gap:22px}.vplatform-grid,.vworkflow-grid,.vcompare-grid,.vportfolio-grid{grid-template-columns:1fr}.vportfolio-grid .vplayer{grid-column:auto}.vportfolio-grid>*{height:240px}.vproof{align-items:flex-start;flex-wrap:wrap}.vproof i{margin-top:7px}.vfinal{padding:58px 0}}

/* Complete video portfolio */
.vall-videos{padding:105px 0;background:#fff}.vall-head{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}.vall-head h2{font-size:clamp(35px,4vw,50px);line-height:1.24!important;margin:0}.vall-head h2 span{color:var(--vorange);font-size:.46em;letter-spacing:0}.vall-head>p{margin:0;color:#64748b}.vall-nav{position:sticky;top:88px;z-index:15;display:flex;gap:8px;overflow-x:auto;margin:42px 0 15px;padding:11px;background:rgba(247,249,252,.96);border:1px solid #dce3ec;border-radius:9px;backdrop-filter:blur(10px);scrollbar-width:thin}.vall-nav a{flex:0 0 auto;padding:9px 12px;border-radius:5px;background:#fff;border:1px solid #dce3ec;font-size:11px;font-weight:700}.vall-nav a:hover{background:var(--vorange);border-color:var(--vorange);color:#fff}.vcategory{padding:78px 0 12px;scroll-margin-top:145px}.vcategory-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:30px}.vcategory-head>div{position:relative;padding-left:52px}.vcategory-head>div>span{position:absolute;left:0;top:4px;color:var(--vorange);font-size:11px;font-weight:900}.vcategory-head>div>p{color:var(--vorange);font-size:10px;font-weight:800;letter-spacing:.13em;margin:0 0 6px}.vcategory-head h3{font-size:clamp(27px,3vw,38px);margin:0}.vcategory-head>p{margin:0;color:#64748b}.vcard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.vcard{overflow:hidden;background:var(--vnavy);border:1px solid #20304a;border-radius:10px;color:#fff;box-shadow:0 12px 30px rgba(7,19,41,.1)}.vmedia{aspect-ratio:9/16;background:#020817}.vmedia iframe,.vmedia button,.vmedia img{display:block;width:100%;height:100%;border:0}.vmedia iframe{background:#000}.vmedia button{position:relative;padding:0;cursor:pointer;background:#020817;color:#fff}.vmedia img{object-fit:cover;transition:transform .25s ease,opacity .25s ease}.vmedia button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(2,8,23,.78))}.vmedia button:hover img{transform:scale(1.03);opacity:.88}.vplay{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--vorange);box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:18px;padding-left:3px}.vmedia button small{position:absolute;z-index:2;left:0;right:0;bottom:17px;font-size:10px;font-weight:700}.vcard-copy{padding:20px}.vcard-copy>span{display:inline-block;padding:5px 8px;border-radius:20px;background:rgba(255,102,0,.15);color:#ff8a3d;font-size:9px;font-weight:800}.vcard-copy h4{color:#fff;font-size:18px;margin:14px 0 7px}.vcard-copy p{color:#b9c4d4;font-size:12px;line-height:1.65;margin:0}.vcategory:nth-of-type(even) .vcard{background:#101f38}
@media(max-width:1120px){.vcard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.vall-head,.vcategory-head{grid-template-columns:1fr;gap:20px}.vcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vall-nav{top:68px}}
@media(max-width:520px){.vall-videos{padding:72px 0}.vcategory{padding-top:58px}.vcategory-head>div{padding-left:40px}.vcard-grid{grid-template-columns:1fr 1fr;gap:9px}.vcard-copy{padding:14px}.vcard-copy h4{font-size:15px}.vcard-copy p{font-size:11px}.vplay{width:48px;height:48px}.vall-nav{margin-top:30px}}

/* Dedicated SEO Structure + AI Search page */
.seopage{--snavy:#071329;--sorange:#ff6600;background:#fff}.seopage h1,.seopage h2,.seopage h3,.seopage p{margin-top:0}.seokicker{color:var(--sorange)!important;font-size:11px!important;font-weight:800;letter-spacing:.14em}.seohero{padding:88px 0 70px;background:radial-gradient(circle at 82% 24%,rgba(37,99,235,.2),transparent 25%),radial-gradient(circle at 69% 86%,rgba(255,102,0,.18),transparent 25%),linear-gradient(135deg,#f7faff,#fff 58%,#e9f1fb)}.seohero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.seohero h1{font-size:clamp(45px,5.3vw,68px);line-height:1.1!important;letter-spacing:-.038em;margin:0}.seohero h1 span{color:var(--sorange)}.seohero h2{font-size:23px;margin:23px 0 12px}.seolead{font-size:16px;max-width:680px}.seosub{font-size:14px;max-width:680px;color:#526176}.seotags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.seotags span{padding:6px 9px;border:1px solid #cfd9e7;border-radius:20px;background:#fff;font-size:10px;font-weight:700}.seoactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.seobutton{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:6px;background:var(--sorange);color:#fff;font-size:13px;font-weight:800}.seobutton.outline{background:#fff;color:var(--snavy);border:1px solid #cbd5e1}.seohero-visual{position:relative}.seohero-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:0 28px 65px rgba(7,19,41,.16)}.seo-score{position:absolute;left:-28px;bottom:28px;display:flex;flex-direction:column;padding:16px 20px;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(7,19,41,.2)}.seo-score span{color:var(--sorange);font-size:8px;font-weight:800;letter-spacing:.12em}.seo-score b{font-size:20px;margin:4px 0}.seo-score small{color:#64748b}.seoauthority,.seofor{padding:100px 0}.seosection-head{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end;margin-bottom:46px}.seosection-head h2,.seopricing h2,.seoecosystem h2,.seofor h2,.seoscope h2,.seoconsult h2{font-size:clamp(35px,4vw,49px);line-height:1.25!important;margin:0}.seosection-head>p{margin:0}.seoauthority-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #dce3ec;border-top:1px solid #dce3ec}.seoauthority-grid article{min-height:205px;padding:26px;border-right:1px solid #dce3ec;border-bottom:1px solid #dce3ec}.seoauthority-grid span,.seofor-grid span{color:var(--sorange);font-size:10px;font-weight:900}.seoauthority-grid h3{font-size:20px;margin:43px 0 7px}.seoauthority-grid p{font-size:12px}.seoquote{text-align:center;max-width:900px;margin:32px auto 0!important;font-size:16px}.seoquote strong{color:var(--snavy)}.seopricing{padding:100px 0;background:#f4f6f9;text-align:center}.centered{text-align:center}.seoprice-lead{color:#64748b}.seoprice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px;text-align:left}.seoprice-grid article{position:relative;display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid #dce3ec;border-radius:9px}.seoprice-grid article.featured{border:2px solid var(--sorange);box-shadow:0 18px 45px rgba(7,19,41,.12)}.seorecommend{position:absolute;right:18px;top:-13px;padding:6px 10px;border-radius:20px;background:var(--sorange);color:#fff;font-size:9px;font-weight:800}.seoprice-grid small{color:var(--sorange);font-weight:800}.seoprice-grid h3{font-size:25px;margin:9px 0}.seoprice{font-size:34px;font-weight:900;color:var(--snavy)}.seoprice-grid article>b{font-size:10px;color:#64748b;margin-top:3px}.seoprice-grid article>p{font-size:13px;min-height:70px;margin-top:18px}.seoprice-grid ul{list-style:none;padding:18px 0;margin:10px 0 22px;border-top:1px solid #dce3ec;flex:1}.seoprice-grid li{position:relative;padding:7px 0 7px 22px;font-size:13px}.seoprice-grid li:before{content:"✓";position:absolute;left:0;color:var(--sorange);font-weight:900}.seoprice-grid article>a{padding:12px;text-align:center;background:var(--snavy);color:#fff;border-radius:5px;font-size:12px;font-weight:800}.seoprice-grid .featured>a{background:var(--sorange)}.seoecosystem{padding:100px 0;background:var(--snavy);color:#fff}.seoecosystem-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.seoecosystem h2{color:#fff}.seoecosystem-grid>div:first-child>p:last-child,.seoecosystem-list p{color:#b9c4d4}.seoecosystem-list article{padding:18px 0;border-top:1px solid #34425a}.seoecosystem-list article:last-child{border-bottom:1px solid #34425a}.seoecosystem-list b{font-size:18px}.seoecosystem-list p{font-size:12px;margin:6px 0 0}.seosites{margin-top:55px;padding-top:30px;border-top:1px solid #34425a}.seosites>span{display:block;color:#ff8a3d;font-size:10px;font-weight:800;letter-spacing:.1em}.seosites>div{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.seosites b{padding:7px 10px;border:1px solid #40506b;border-radius:20px;font-size:11px}.seosites small{color:#9da9ba}.seoworkflow{padding:100px 0;background:#fff}.seoworkflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.seoworkflow-grid article{padding:25px;border-top:3px solid var(--sorange);background:#f5f7fa;min-height:250px}.seoworkflow-grid span{color:var(--sorange);font-size:11px;font-weight:900}.seoworkflow-grid h3{font-size:20px;margin:40px 0 8px}.seoworkflow-grid p{font-size:12px}.seoworkflow-note{max-width:850px;margin:31px auto 0!important;text-align:center;font-weight:700;color:var(--snavy)}.seofor{text-align:center;background:#f4f6f9}.seofor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:43px;text-align:left}.seofor-grid article{padding:26px;background:#fff;border:1px solid #dce3ec;border-radius:7px}.seofor-grid h3{font-size:20px;margin:35px 0 8px}.seofor-grid p{font-size:12px}.seoscope{padding:92px 0;background:#fff}.seoscope-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.seoscope-grid ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce3ec;border-left:1px solid #dce3ec}.seoscope-grid li{padding:20px;border-right:1px solid #dce3ec;border-bottom:1px solid #dce3ec;font-weight:800}.seoscope-grid li:before{content:"✓";color:var(--sorange);margin-right:9px}.seoscope-note{margin-top:22px;padding:22px;background:#f4f6f9;border-left:3px solid var(--sorange)}.seoscope-note p{font-size:13px;margin:5px 0}.seoscope-note a{color:var(--sorange);font-size:12px;font-weight:800}.seoconsult{padding:82px 0;background:linear-gradient(135deg,#071329,#122340);color:#fff}.seoconsult .container{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.seoconsult h2{color:#fff}.seoconsult .container>div:first-child>p:last-child{color:#b9c4d4}.seochecks article{padding:15px 0;border-top:1px solid #34425a}.seochecks b,.seochecks span{display:block}.seochecks b{font-size:15px}.seochecks span{color:#9da9ba;font-size:11px;margin-top:3px}.seochecks .seobutton{width:100%;margin-top:18px}
@media(max-width:980px){.seohero-grid,.seosection-head,.seoecosystem-grid,.seoscope-grid,.seoconsult .container{grid-template-columns:1fr}.seohero-grid{gap:44px}.seoauthority-grid,.seoworkflow-grid,.seofor-grid{grid-template-columns:repeat(2,1fr)}.seoprice-grid{grid-template-columns:1fr}.seoprice-grid article>p{min-height:0}}
@media(max-width:720px){.seohero{padding:62px 0 55px}.seohero h1{font-size:40px}.seohero h2{font-size:19px}.seo-score{left:14px;bottom:14px}.seoauthority,.seopricing,.seoecosystem,.seoworkflow,.seofor,.seoscope{padding:70px 0}.seosection-head{gap:22px}.seoauthority-grid,.seoworkflow-grid,.seofor-grid{grid-template-columns:1fr}.seoscope-grid ul{grid-template-columns:1fr}.seoconsult{padding:60px 0}}

/* Dedicated About page */
.aboutpage{--abnavy:#071329;--aborange:#ff6600;background:#fff}.aboutpage h1,.aboutpage h2,.aboutpage h3,.aboutpage p{margin-top:0}.about-kicker{color:var(--aborange)!important;font-size:11px!important;font-weight:900;letter-spacing:.14em}.about-label{display:inline-block;padding:7px 11px;border-radius:20px;background:var(--abnavy);color:#fff;font-size:10px!important;font-weight:900;letter-spacing:.12em}.abouthero{padding:88px 0 72px;background:radial-gradient(circle at 88% 24%,rgba(255,102,0,.22),transparent 26%),linear-gradient(135deg,#f8fafc,#fff 56%,#e9eff7)}.abouthero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.abouthero h1{font-size:clamp(43px,5vw,66px);line-height:1.12!important;letter-spacing:-.038em;margin:8px 0 24px}.abouthero h1 span{color:var(--aborange)}.about-lead{font-size:17px!important;font-weight:650;line-height:1.7}.abouthero p{max-width:690px}.about-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.about-actions a,.about-final a{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:6px;background:var(--aborange);color:#fff;font-size:13px;font-weight:850}.about-actions .outline{background:#fff;color:var(--abnavy);border:1px solid #cbd5e1}.about-visual{position:relative}.about-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:0 28px 65px rgba(7,19,41,.18)}.about-badge{position:absolute;left:-30px;bottom:28px;display:flex;flex-direction:column;padding:17px 21px;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(7,19,41,.22)}.about-badge small{color:var(--aborange);font-size:8px;font-weight:900;letter-spacing:.12em}.about-badge b{font-size:21px;margin:4px 0}.about-badge span{font-size:10px;color:#64748b}.about-company,.about-who,.about-faq{padding:100px 0}.about-company{text-align:center}.about-company h2,.about-section-head h2,.about-thinking h2,.about-faq h2,.about-final h2{font-size:clamp(35px,4vw,49px);line-height:1.25!important;margin:0}.about-company-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dce3ec;border-left:1px solid #dce3ec;margin-top:43px;text-align:left}.about-company-grid article{min-height:170px;padding:24px;border-right:1px solid #dce3ec;border-bottom:1px solid #dce3ec}.about-company-grid small,.about-company-grid b{display:block}.about-company-grid small{color:var(--aborange);font-size:9px;font-weight:900;letter-spacing:.08em}.about-company-grid b{font-size:14px;line-height:1.65;margin-top:40px;overflow-wrap:anywhere}.about-who{background:#f4f6f9}.about-section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end;margin-bottom:46px}.about-section-head h2 span{color:var(--aborange)}.about-section-head>p{margin:0}.about-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.about-audience-grid article{padding:30px;background:#fff;border-top:3px solid var(--aborange);min-height:235px}.about-audience-grid span,.about-principles>article>span{color:var(--aborange);font-size:10px;font-weight:900}.about-audience-grid h3{font-size:22px;margin:44px 0 9px}.about-audience-grid p{font-size:13px}.about-thinking{padding:100px 0;background:var(--abnavy);color:#fff}.about-thinking-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.about-thinking h2{color:#fff}.about-thinking-grid>div:first-child>p:not(.about-kicker),.about-principles p{color:#b9c4d4}.about-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:34px}.about-contact a,.about-contact b{color:#fff;font-size:12px}.about-contact a{border-bottom:1px solid rgba(255,255,255,.35)}.about-principles article{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:24px 0;border-top:1px solid #34425a}.about-principles article:last-child{border-bottom:1px solid #34425a}.about-principles h3{color:#fff;font-size:20px;margin:0 0 7px}.about-principles p{font-size:13px;margin:0}.about-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.about-faq-grid>div:first-child>p:last-child{margin-top:18px}.about-faq details{padding:21px 0;border-top:1px solid #dce3ec}.about-faq details:last-child{border-bottom:1px solid #dce3ec}.about-faq summary{cursor:pointer;list-style:none;position:relative;padding-right:30px;font-size:16px;font-weight:850}.about-faq summary:after{content:"+";position:absolute;right:2px;color:var(--aborange)}.about-faq details[open] summary:after{content:"−"}.about-faq details p{font-size:13px;margin:11px 0 0}.about-final{padding:78px 0;background:linear-gradient(135deg,#f7f9fc,#fff)}.about-final .container{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.about-final .container>div:last-child{display:flex;flex-direction:column;gap:12px}.about-final b{text-align:center;color:var(--abnavy)}
@media(max-width:1050px){.about-company-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.abouthero-grid,.about-section-head,.about-thinking-grid,.about-faq-grid,.about-final .container{grid-template-columns:1fr}.about-company-grid{grid-template-columns:repeat(2,1fr)}.about-audience-grid{grid-template-columns:1fr}.abouthero-grid{gap:44px}}
@media(max-width:720px){.abouthero{padding:62px 0 55px}.abouthero h1{font-size:39px}.about-badge{left:14px;bottom:14px}.about-company,.about-who,.about-thinking,.about-faq{padding:70px 0}.about-company-grid{grid-template-columns:1fr}.about-company-grid article{min-height:135px}.about-company-grid b{margin-top:24px}.about-section-head{gap:22px}.about-final{padding:60px 0}}

/* Dedicated AI Workflow Automation page */
.aipage{--ainavy:#071329;--aipurple:#5b4bff;--aiorange:#ff6600;background:#fff}.aipage h1,.aipage h2,.aipage h3,.aipage p{margin-top:0}.aikicker{color:var(--aiorange)!important;font-size:11px!important;font-weight:800;letter-spacing:.14em}.aihero{padding:85px 0 70px;background:radial-gradient(circle at 80% 25%,rgba(91,75,255,.2),transparent 25%),radial-gradient(circle at 92% 82%,rgba(255,102,0,.17),transparent 24%),linear-gradient(135deg,#faf9ff,#fff 57%,#edf0fa)}.aihero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.aihero h1{font-size:clamp(43px,5vw,65px);line-height:1.09!important;letter-spacing:-.036em;margin:0}.aihero h1 span{color:var(--aiorange)}.ailead{font-size:16px;max-width:680px;margin-top:24px}.aisub{font-size:14px;max-width:680px}.aiactions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.aibutton{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;border-radius:6px;background:var(--aiorange);color:#fff;font-size:13px;font-weight:800}.aibutton.outline{background:#fff;color:var(--ainavy);border:1px solid #cbd5e1}.aistats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.aistats>div{padding:14px;background:#fff;border:1px solid #dce3ec;border-radius:7px}.aistats b,.aistats span{display:block}.aistats b{font-size:19px;color:var(--aipurple)}.aistats span{font-size:9px;color:#64748b;margin-top:3px}.aihero-visual{position:relative}.aihero-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:0 28px 65px rgba(7,19,41,.16)}.aiflow-card{position:absolute;left:-28px;bottom:28px;display:flex;flex-direction:column;padding:16px 20px;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(7,19,41,.2)}.aiflow-card span{color:var(--aipurple);font-size:8px;font-weight:900;letter-spacing:.12em}.aiflow-card b{font-size:20px;margin:5px 0}.aiflow-card i{color:#138a57;font-size:10px;font-style:normal}.aicapabilities,.aisolutions,.aiprocess,.aifaq{padding:100px 0}.aisection-head{display:grid;grid-template-columns:1.08fr .92fr;gap:85px;align-items:end;margin-bottom:46px}.aisection-head h2,.aisolutions h2,.aiuse h2,.aipricing h2,.aifaq h2,.aifinal h2{font-size:clamp(35px,4vw,49px);line-height:1.25!important;margin:0}.aisection-head>p{margin:0}.aicap-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #dce3ec;border-top:1px solid #dce3ec}.aicap-grid article{min-height:230px;padding:23px;border-right:1px solid #dce3ec;border-bottom:1px solid #dce3ec}.aicap-grid span,.aipain-grid span,.aiprocess-grid span{color:var(--aiorange);font-size:10px;font-weight:900}.aicap-grid h3{font-size:18px;margin:42px 0 8px}.aicap-grid p{font-size:12px}.aipain{padding:100px 0;background:var(--ainavy);color:#fff}.aipain h2{color:#fff;font-size:clamp(35px,4vw,49px);margin:0}.aipain .aisection-head>p{color:#b9c4d4}.aipain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.aipain-grid article{padding:25px;border:1px solid #34425a;border-radius:7px;background:rgba(255,255,255,.03)}.aipain-grid h3{color:#fff;font-size:19px;margin:35px 0 8px}.aipain-grid p{color:#b9c4d4;font-size:12px}.aisolutions{text-align:center}.aisolutions-lead{max-width:780px;margin:12px auto 0;color:#64748b}.centered{text-align:center}.aisolutions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px;text-align:left}.aisolutions-grid article{padding:30px;background:#f5f7fa;border-top:3px solid var(--aipurple)}.aisolutions-grid article>span{color:var(--aipurple);font-size:10px;font-weight:900}.aisolutions-grid h3{font-size:23px;margin:30px 0 8px}.aisolutions-grid article>p{font-size:13px}.aisolutions-grid article>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.aisolutions-grid b{padding:6px 9px;border-radius:20px;background:#fff;border:1px solid #dce3ec;font-size:9px}.aiuse{padding:100px 0;background:linear-gradient(135deg,#f7f6ff,#fff)}.aiuse-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.aiuse-list article{padding:18px 0;border-top:1px solid #dce3ec;display:grid;grid-template-columns:190px 1fr;gap:20px}.aiuse-list article:last-child{border-bottom:1px solid #dce3ec}.aiuse-list b{font-size:17px}.aiuse-list p{font-size:12px;margin:0}.aiprocess-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.aiprocess-grid article{min-height:245px;padding:25px;border-top:3px solid var(--aiorange);background:#f5f7fa}.aiprocess-grid h3{font-size:20px;margin:40px 0 8px}.aiprocess-grid p{font-size:12px}.aiprocess-note{text-align:center;max-width:850px;margin:30px auto 0!important;color:var(--ainavy);font-weight:700}.aipricing{padding:100px 0;background:#f4f6f9;text-align:center}.aiprice-lead{color:#64748b}.aiprice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px;text-align:left}.aiprice-grid article{position:relative;display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid #dce3ec;border-radius:9px}.aiprice-grid article.featured{border:2px solid var(--aipurple);box-shadow:0 18px 45px rgba(7,19,41,.12)}.airecommend{position:absolute;right:18px;top:-13px;padding:6px 10px;border-radius:20px;background:var(--aipurple);color:#fff;font-size:9px;font-weight:800}.aiprice-grid small{color:var(--aipurple);font-weight:800}.aiprice-grid h3{font-size:24px;margin:9px 0}.aiprice{font-size:34px;font-weight:900;color:var(--ainavy)}.aiprice-grid article>p{font-size:13px;min-height:68px;margin-top:15px}.aiprice-grid ul{list-style:none;padding:18px 0;margin:10px 0 22px;border-top:1px solid #dce3ec;flex:1}.aiprice-grid li{position:relative;padding:7px 0 7px 22px;font-size:13px}.aiprice-grid li:before{content:"✓";position:absolute;left:0;color:var(--aipurple);font-weight:900}.aiprice-grid article>a{padding:12px;text-align:center;background:var(--ainavy);color:#fff;border-radius:5px;font-size:12px;font-weight:800}.aiprice-grid .featured>a{background:var(--aipurple)}.aiprice-note{display:block;color:#64748b;margin-top:23px}.aifaq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.aifaq details{padding:21px 0;border-top:1px solid #dce3ec}.aifaq details:last-child{border-bottom:1px solid #dce3ec}.aifaq summary{cursor:pointer;list-style:none;font-size:16px;font-weight:800;padding-right:25px;position:relative}.aifaq summary:after{content:"+";position:absolute;right:2px;color:var(--aiorange)}.aifaq details[open] summary:after{content:"−"}.aifaq details p{font-size:13px;margin:10px 0 0}.aifinal{padding:75px 0;background:linear-gradient(135deg,#071329,#15143d);color:#fff}.aifinal .container{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.aifinal h2{color:#fff}.aifinal p{color:#b9c4d4}.aifinal .container>div:last-child{display:flex;flex-direction:column;gap:12px}.aifinal b{text-align:center}
@media(max-width:1050px){.aicap-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.aihero-grid,.aisection-head,.aiuse-grid,.aifaq-grid,.aifinal .container{grid-template-columns:1fr}.aihero-grid{gap:45px}.aipain-grid,.aiprocess-grid{grid-template-columns:repeat(2,1fr)}.aiprice-grid{grid-template-columns:1fr}.aiprice-grid article>p{min-height:0}}
@media(max-width:720px){.aihero{padding:62px 0 55px}.aihero h1{font-size:39px}.aiflow-card{left:14px;bottom:14px}.aicapabilities,.aipain,.aisolutions,.aiuse,.aiprocess,.aipricing,.aifaq{padding:70px 0}.aisection-head{gap:22px}.aicap-grid,.aipain-grid,.aiprocess-grid,.aisolutions-grid{grid-template-columns:1fr}.aiuse-list article{grid-template-columns:1fr;gap:4px}.aifinal{padding:60px 0}}
.source-hero h1,.sme-hero h1,.article-hero h1,.service-landing-hero h1,.hero-center h1{
  font-size:var(--type-display);
  line-height:1.14;
  letter-spacing:-.032em;
}
.source-title,.section-head h2,.sme-section-head h2,.sme-workflow h2,.sme-value>div>h2,
.sme-pricing>div>h2,.sme-faq h2,.sticky-title h2,.service-landing-grid h2{
  font-size:var(--type-section);
  line-height:1.25;
  letter-spacing:-.025em;
}
.source-hero h2,.sme-hero h2{font-size:19px;line-height:1.55}
.source-hero-copy>p:not(.source-kicker),.sme-hero-grid>div:first-child>p:not(.source-kicker),
.section-lead,.sme-section-head>p,.sme-workflow-grid>div:first-child>p:not(.source-kicker),
.sme-price-lead,.sme-faq-grid>div:first-child>p:last-child{
  font-size:var(--type-body-lg);
  line-height:1.75;
}
.sme-problems h3,.positioning-grid h3{font-size:var(--type-subsection)}
.sme-problems p,.sme-value-grid p,.sme-channels p,.sme-price-grid article>p,
.sme-price-grid li,.principles p,.source-service p,.article-card>p{
  font-size:var(--type-body);
  line-height:1.7;
}
.sme-trust span,.human-qc span,.sme-note,.sme-final-actions>span{font-size:var(--type-small)}
.sme-price-grid article>a{font-size:13px}

@media(max-width:720px){
  :root{
    --type-display:clamp(36px,10vw,42px);
    --type-section:clamp(28px,8vw,34px);
    --type-subsection:20px;
    --type-body-lg:15px;
    --type-body:14px;
    --type-small:11px;
  }
  .source-hero h2,.sme-hero h2{font-size:17px}
  .sme-final h2{font-size:var(--type-section)}
}

/* Article publishing: media, reader page, SEO + AI Search fields */
.article-image-field input{padding:10px;background:#fff;border:1px dashed #94a3b8;border-radius:8px}.article-image-field img{display:block;width:min(420px,100%);aspect-ratio:16/9;object-fit:cover;margin-top:12px;border-radius:9px;border:1px solid var(--line)}
.article-card-image{display:block;margin:-1px -1px 20px}.article-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px 10px 0 0}.article-read{display:inline-flex;margin-top:18px;color:var(--orange);font-size:13px;font-weight:800}
.article-detail-hero{padding:85px 0;background:linear-gradient(135deg,#071329,#132441);color:#fff}.article-detail-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.article-detail-head>div>a{display:inline-block;margin-bottom:28px;color:#cbd5e1;font-size:13px}.article-detail-head h1{max-width:18ch;margin:0;font-size:clamp(40px,5vw,66px);line-height:1.16;color:#fff}.article-detail-head>div>p:not(.source-kicker){max-width:760px;margin:22px 0 0;color:#d7dee9!important;font-size:17px!important}.article-detail-head>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.article-byline{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#b9c4d4;font-size:12px}.article-content{max-width:860px;padding-top:75px;padding-bottom:75px}.article-content h2{margin:55px 0 18px;font-size:clamp(28px,3.3vw,40px);line-height:1.3}.article-content h3{margin:38px 0 14px;font-size:clamp(21px,2.1vw,27px)}.article-content p{margin:0 0 24px;color:#334155;font-size:17px!important;line-height:1.9;white-space:pre-line}.article-faq{padding:75px 0;background:#f4f6f9}.article-faq>div{max-width:860px}.article-faq h2{font-size:clamp(32px,4vw,46px)}.article-faq details{padding:20px 0;border-top:1px solid #cbd5e1}.article-faq details:last-child{border-bottom:1px solid #cbd5e1}.article-faq summary{cursor:pointer;font-size:16px;font-weight:800}.article-faq details p{margin:10px 0 0}
@media(max-width:820px){.article-detail-head{grid-template-columns:1fr}.article-detail-head>img{order:-1}.article-detail-hero{padding:60px 0}.article-content{padding-top:55px;padding-bottom:55px}.article-content p{font-size:16px!important}}

/* Site-wide contextual hero background system */
.hero,.source-hero,.sme-hero,.article-hero,.service-landing-hero{
  isolation:isolate;
  position:relative;
  overflow:hidden;
  background-color:#f8fafc;
}
.hero:before,.source-hero:before,.sme-hero:before,.article-hero:before,.service-landing-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(rgba(11,23,48,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,23,48,.035) 1px,transparent 1px),
    radial-gradient(circle at 83% 24%,rgba(255,102,0,.22),transparent 25%),
    radial-gradient(circle at 68% 92%,rgba(37,99,235,.12),transparent 32%),
    linear-gradient(135deg,#f9fbfe 0%,#fff 52%,#eaf0f7 100%);
  background-size:48px 48px,48px 48px,auto,auto,auto;
}
.hero:after,.source-hero:after,.sme-hero:after,.article-hero:after,.service-landing-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:430px;
  height:430px;
  right:-105px;
  top:-155px;
  border:1px solid rgba(255,102,0,.19);
  border-radius:50%;
  box-shadow:
    0 0 0 72px rgba(255,102,0,.035),
    0 0 0 145px rgba(15,23,42,.022);
  pointer-events:none;
}
.hero>.container,.source-hero>.container,.sme-hero>.container,
.article-hero>.container,.service-landing-hero>.container{
  position:relative;
  z-index:1;
}

/* Context changes without sacrificing one-brand consistency */
.hero[data-hero-theme="pricing"]:before{
  background:
    linear-gradient(rgba(11,23,48,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,23,48,.035) 1px,transparent 1px),
    radial-gradient(circle at 82% 28%,rgba(255,102,0,.26),transparent 28%),
    linear-gradient(135deg,#fffaf7 0%,#fff 52%,#edf2f8 100%);
  background-size:48px 48px,48px 48px,auto,auto;
}
.hero[data-hero-theme="portfolio"]:before{
  background:
    linear-gradient(120deg,transparent 62%,rgba(11,23,48,.055) 62% 63%,transparent 63%),
    radial-gradient(circle at 84% 22%,rgba(37,99,235,.17),transparent 28%),
    radial-gradient(circle at 72% 80%,rgba(255,102,0,.2),transparent 27%),
    linear-gradient(135deg,#f8fafc,#fff 55%,#eef3f8);
}
.hero[data-hero-theme="contact"]:before{
  background:
    radial-gradient(circle at 80% 18%,rgba(255,102,0,.24),transparent 27%),
    radial-gradient(circle at 91% 86%,rgba(20,184,166,.11),transparent 28%),
    linear-gradient(135deg,#fffaf8,#fff 52%,#eef4f7);
}
.hero[data-hero-theme="services"]:before{
  background:
    linear-gradient(30deg,rgba(11,23,48,.035) 12%,transparent 12.5% 87%,rgba(11,23,48,.035) 87.5%),
    radial-gradient(circle at 82% 24%,rgba(255,102,0,.23),transparent 27%),
    linear-gradient(135deg,#f7faff,#fff 56%,#eaf0f7);
  background-size:56px 98px,auto,auto;
}
.service-landing-hero[data-hero-theme="video"]:before,
.service-landing-hero[data-hero-theme="video-edit"]:before{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 74px),
    radial-gradient(circle at 84% 30%,rgba(255,102,0,.42),transparent 28%),
    linear-gradient(135deg,#071329,#10213d 62%,#172a48);
}
.service-landing-hero[data-hero-theme="seo"]:before{
  background:
    linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px),
    radial-gradient(circle at 83% 24%,rgba(37,99,235,.2),transparent 27%),
    radial-gradient(circle at 71% 82%,rgba(255,102,0,.18),transparent 26%),
    linear-gradient(135deg,#f7faff,#fff 55%,#e9f1fb);
  background-size:42px 42px,42px 42px,auto,auto,auto;
}
.service-landing-hero[data-hero-theme="ai"]:before{
  background:
    radial-gradient(circle at 80% 26%,rgba(91,75,255,.22),transparent 27%),
    radial-gradient(circle at 92% 80%,rgba(255,102,0,.18),transparent 26%),
    linear-gradient(120deg,rgba(91,75,255,.04) 25%,transparent 25% 75%,rgba(11,23,48,.035) 75%),
    linear-gradient(135deg,#faf9ff,#fff 55%,#edf0fa);
}
.service-landing-hero[data-hero-theme="agency"]:before{
  background:
    linear-gradient(115deg,transparent 66%,rgba(255,102,0,.075) 66% 67%,transparent 67%),
    radial-gradient(circle at 82% 25%,rgba(255,102,0,.23),transparent 28%),
    linear-gradient(135deg,#fbfcfe,#fff 55%,#edf2f7);
}
.service-landing-hero[data-hero-theme="infographic"]:before{
  background:
    radial-gradient(circle at 82% 24%,rgba(255,102,0,.24),transparent 23%),
    radial-gradient(circle at 70% 76%,rgba(20,184,166,.14),transparent 26%),
    conic-gradient(from 90deg at 92% 50%,rgba(37,99,235,.08),transparent 38%),
    linear-gradient(135deg,#fbfcff,#fff 56%,#eef5f5);
}
.service-landing-hero[data-hero-theme="about"]:before{
  background:
    linear-gradient(rgba(11,23,48,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,23,48,.035) 1px,transparent 1px),
    radial-gradient(circle at 83% 25%,rgba(255,102,0,.2),transparent 27%),
    linear-gradient(135deg,#fafbfc,#fff 56%,#edf1f6);
  background-size:56px 56px,56px 56px,auto,auto;
}

/* WordPress theme integration */
body{margin:0}.custom-logo{display:block;max-width:154px;height:auto}.sps-text-logo{display:flex!important;flex-direction:column;line-height:1;text-decoration:none}.sps-text-logo strong{font-size:20px;color:#0f172a;letter-spacing:-.04em}.sps-text-logo strong span{color:#ff6600}.sps-text-logo small{margin-top:5px;color:#64748b;font-size:8px;letter-spacing:.32em}.desktop-nav ul,.mobile-menu ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}.desktop-nav ul{gap:18px}.desktop-nav li{margin:0}.desktop-nav a{white-space:nowrap}.mobile-menu ul{align-items:stretch;flex-direction:column}.mobile-menu li{width:100%}.mobile-menu a{display:block}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin:0}.service-hero-wp{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.service-hero-wp>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:0 25px 60px rgba(15,23,42,.16)}.source-hero-visual>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}.wp-page-content{padding-top:80px;padding-bottom:80px}.wp-page-content>h1{font-size:var(--type-display)}.wp-page-content img{max-width:100%;height:auto}.article-card h2{font-size:23px;line-height:1.4}.article-card small a{color:inherit}.pagination{margin-top:42px}.pagination .nav-links{display:flex;gap:8px;justify-content:center}.pagination a,.pagination span{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #dce3ec;border-radius:5px}.pagination .current{background:#ff6600;color:#fff;border-color:#ff6600}.article-content ul,.article-content ol{font-size:17px;line-height:1.85;color:#334155}.article-tags{margin-top:40px;padding-top:20px;border-top:1px solid #dce3ec}.contact-page{max-width:850px;padding-top:75px;padding-bottom:85px}.contact-form{display:grid;gap:18px;padding:30px;background:#f4f6f9;border-radius:10px}.contact-form label{display:grid;gap:8px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font:inherit}.contact-form button{border:0;cursor:pointer}.form-status{padding:14px 18px;border-radius:6px}.form-status.success{background:#dcfce7;color:#166534}.form-status.error{background:#fee2e2;color:#991b1b}
@media(max-width:980px){.service-hero-wp{grid-template-columns:1fr}.service-hero-wp>img{max-height:560px;aspect-ratio:16/10}.desktop-nav ul{gap:10px}}
@media(max-width:720px){.service-hero-wp{gap:32px}.service-hero-wp>img{order:-1}.contact-form{padding:20px}.article-content ul,.article-content ol{font-size:16px}}
.service-landing-hero[data-hero-theme="video"] h1,
.service-landing-hero[data-hero-theme="video-edit"] h1,
.service-landing-hero[data-hero-theme="video"] h2,
.service-landing-hero[data-hero-theme="video-edit"] h2{color:#fff}
.service-landing-hero[data-hero-theme="video"] p,
.service-landing-hero[data-hero-theme="video-edit"] p{color:#c7d2e2}
.service-landing-hero[data-hero-theme="video"] .source-button-outline,
.service-landing-hero[data-hero-theme="video-edit"] .source-button-outline{
  background:rgba(255,255,255,.06);
  color:#fff;
  border-color:rgba(255,255,255,.3);
}
.article-hero:before{
  background:
    repeating-linear-gradient(90deg,rgba(11,23,48,.035) 0 1px,transparent 1px 64px),
    radial-gradient(circle at 84% 25%,rgba(255,102,0,.22),transparent 26%),
    radial-gradient(circle at 70% 90%,rgba(37,99,235,.11),transparent 29%),
    linear-gradient(135deg,#fafcff,#fff 55%,#ebf0f7);
}

@media(max-width:720px){
  .hero:after,.source-hero:after,.sme-hero:after,.article-hero:after,.service-landing-hero:after{
    width:250px;
    height:250px;
    right:-125px;
    top:-80px;
    box-shadow:0 0 0 45px rgba(255,102,0,.03);
  }
  .hero:before,.source-hero:before,.sme-hero:before,.article-hero:before,.service-landing-hero:before{
    background-size:36px 36px,36px 36px,auto,auto,auto;
  }
}

/* 2026 site-wide typography and colour system */
:root{
  --navy:#0b1730;
  --navy2:#111f3a;
  --orange:#ff6600;
  --orange-dark:#ff6600;
  --orange-soft:#ff6600;
  --cream:#f7f9fc;
  --slate:#526176;
  --muted:#748196;
  --line:#dce3ec;
  --white:#fff;
  --surface:#fff;
  --surface-soft:#f5f7fa;
  --type-display:clamp(44px,4.35vw,58px);
  --type-section:clamp(32px,3vw,42px);
  --type-card:clamp(19px,1.65vw,23px);
  --type-body-lg:16px;
  --type-body:14px;
  --type-small:12px;
}
body{
  color:var(--navy);
  background:var(--white);
  font-size:var(--type-body);
  line-height:1.7;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
p{color:var(--slate);line-height:1.75}
.source-kicker,.eyebrow{
  color:var(--orange-dark);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.4;
}
.source-hero h1,.sme-hero h1,.article-hero h1,.service-landing-hero h1,.hero-center h1{
  color:var(--navy);
  font-size:var(--type-display);
  line-height:1.13;
  letter-spacing:-.026em;
  font-weight:700;
}
.source-title,.section-head h2,.sme-section-head h2,.sme-workflow h2,.sme-value>div>h2,
.sme-pricing>div>h2,.sme-faq h2,.sticky-title h2,.service-landing-grid h2,
.editor-head h2,.library-top h2{
  color:var(--navy);
  font-size:var(--type-section);
  line-height:1.28;
  letter-spacing:-.018em;
  font-weight:700;
}
.source-hero h2,.sme-hero h2{
  color:#2f4058;
  font-size:18px;
  line-height:1.55;
  font-weight:600;
}
.source-hero-copy>p:not(.source-kicker),.sme-hero-grid>div:first-child>p:not(.source-kicker),
.section-lead,.sme-section-head>p,.sme-workflow-grid>div:first-child>p:not(.source-kicker),
.sme-price-lead,.sme-faq-grid>div:first-child>p:last-child,.service-landing-hero .container>p:not(.source-kicker){
  color:var(--slate);
  font-size:var(--type-body-lg);
  line-height:1.75;
}
.service-card h3,.source-service h3,.source-steps h3,.detail h3,.benefit-list h3,
.sme-problems h3,.sme-channels h3,.sme-value-grid b,.positioning-grid h3,.article-card h3{
  color:var(--navy);
  font-size:var(--type-card);
  line-height:1.4;
  font-weight:700;
}
.service-card p,.source-service p,.source-steps p,.principles p,.detail p,.case-card p,
.positioning-grid li,.article-card>p,.sme-problems p,.sme-channels p,.sme-value-grid p,
.sme-price-grid article>p,.sme-price-grid li,.sme-faq details p{
  color:var(--slate);
  font-size:var(--type-body);
  line-height:1.72;
}
.site-header{background:rgba(255,255,255,.97);border-bottom-color:var(--line)}
.desktop-nav{color:#26364e;font-size:13px;font-weight:600}
.source-button,.button{
  background:var(--orange);
  color:#fff;
  font-size:14px;
  font-weight:700;
  border-radius:6px;
}
.source-button:hover,.button:hover{background:var(--orange-dark)}
.source-button-outline,.button-outline{
  background:#fff;
  color:var(--navy);
  border-color:#cbd5e1;
}
.source-button-outline:hover,.button-outline:hover{background:var(--surface-soft);color:var(--navy)}
.source-hero,.sme-hero,.article-hero,.service-landing-hero{
  background:linear-gradient(135deg,#fbfcfe 0%,#fff 54%,#f1f5f9 100%);
}
.sme-dashboard,.video-frame,.command-panel,.reader-panel{border-color:#d9e1eb}
.sme-dashboard{box-shadow:0 22px 55px rgba(11,23,48,.12)}
.sme-flow>div,.sme-dash-metrics>div{background:#fff;border-color:#e0e7ef}
.sme-flow strong{color:var(--navy);font-size:13px}
.sme-flow small,.sme-dash-metrics span{color:var(--muted);font-size:10px}
.sme-dash-metrics b{color:var(--navy)}
.sme-trust b{color:var(--navy);font-size:14px}
.sme-trust span{color:var(--slate);font-size:12px}
.sme-problems article{
  background:var(--surface-soft);
  border-top-color:var(--orange);
  min-height:210px;
}
.sme-workflow,.system-block,.dark-section,.source-cta,.sme-final{background:var(--navy);color:#fff}
.sme-workflow h2,.system-block .source-title,.source-cta h2,.sme-final h2{color:#fff}
.sme-workflow p,.system-block p,.source-cta p,.sme-final p{color:#b9c4d4}
.sme-channels{border-top-color:#34425a}
.sme-channels article{border-bottom-color:#34425a}
.sme-channels h3{color:#fff}
.sme-value-grid article,.positioning-grid article,.article-card,.price-card,.sme-price-grid>article{
  background:#fff;
  border-color:var(--line);
  box-shadow:0 8px 24px rgba(11,23,48,.035);
}
.sme-value-grid b{color:var(--orange-dark)}
.sme-pricing,.editor-section,.page-section.alt{background:#f4f6f9}
.sme-plan-head small,.sme-plan-price b,.sme-price-grid li:before{color:var(--orange-dark)}
.sme-plan-head h3{color:var(--navy)}
.sme-plan-price b{font-size:32px}
.sme-price-grid>article.popular{border-color:var(--orange);box-shadow:0 18px 44px rgba(11,23,48,.1)}
.sme-price-grid>article.popular{
  position:relative;
  inset:auto;
  color:var(--navy);
  font-size:inherit;
  font-weight:inherit;
  padding:28px;
  border-radius:8px;
}
.sme-price-grid article>a{font-size:13px;background:var(--navy)}
.sme-price-grid .popular>a{background:var(--orange)}
.sme-faq summary,.faq-list summary{color:var(--navy);font-size:16px;line-height:1.55}
.sme-faq details,.faq-list details{border-color:var(--line)}
.client-logo{border-color:var(--line);box-shadow:0 6px 18px rgba(11,23,48,.025)}
.clients .source-title{font-size:var(--type-section);line-height:1.28}
.quick-contact,.contact-form,.article-tools{background:var(--surface-soft)}
.callback,.clients,.positioning-section,.sme-section,.sme-value,.sme-faq{background:#fff}
footer{background:#071123}
.footer-grid a,.footer-grid p,.company-legal,.copyright{color:#9aa8bb}

@media(max-width:980px){
  :root{--type-display:clamp(42px,6vw,54px);--type-section:clamp(30px,4.5vw,39px)}
  .desktop-nav{font-size:12px}
}
@media(max-width:720px){
  :root{
    --type-display:clamp(35px,9.5vw,41px);
    --type-section:clamp(27px,7.4vw,33px);
    --type-card:20px;
    --type-body-lg:15px;
    --type-body:14px;
    --type-small:11px;
  }
  .source-kicker,.eyebrow{font-size:10px;letter-spacing:.12em}
  .source-hero h2,.sme-hero h2{font-size:17px}
  .sme-final h2,.cta-panel h2,.source-cta h2{font-size:var(--type-section);line-height:1.3}
  .sme-problems article{min-height:auto}
  .sme-trust b{font-size:13px}
  .sme-trust span{font-size:11px}
}

/* Search-led conversion homepage */
.hero-decision-note{
  margin:18px 0 0;
  padding-left:14px;
  border-left:2px solid var(--orange);
  color:#6b778a!important;
  font-size:12px!important;
  line-height:1.6!important;
  max-width:560px!important;
}
.direct-answer{padding:58px 0;background:var(--navy);color:#fff}
.direct-answer-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}
.direct-answer h2{margin:0;color:#fff;font-size:clamp(27px,3vw,39px);line-height:1.3}
.direct-answer p{margin:0;color:#c2ccda;font-size:16px;line-height:1.8}
.direct-answer strong{color:#fff}
.direct-answer nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px}
.direct-answer nav a{color:#fff;font-size:13px;font-weight:700;border-bottom:1px solid #5b6880;padding-bottom:4px}
.comparison-link{display:inline-block;margin-top:22px;color:var(--orange-dark);font-size:13px;font-weight:800}
.seo-support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.seo-support-grid article{padding:24px;border:1px solid var(--line);background:#fff;border-radius:6px}
.seo-support-grid b{display:block;color:var(--navy);font-size:17px;line-height:1.4}
.seo-support-grid p{margin:10px 0 0;color:var(--slate);font-size:13px;line-height:1.7}
.faq-intro{margin:18px 0;color:var(--slate);font-size:14px}
.faq-section .text-link{display:inline-block;margin-top:4px;color:var(--navy)}

@media(max-width:980px){
  .direct-answer-grid{grid-template-columns:1fr;gap:24px}
  .seo-support-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .direct-answer{padding:46px 0}
  .direct-answer p{font-size:15px}
  .direct-answer nav{align-items:flex-start;flex-direction:column;gap:12px}
  .seo-support-grid{grid-template-columns:1fr;margin-top:34px}
  .seo-support-grid article{padding:20px}
}

/* Experience, legal pages and cookie consent */
.experience-proof{padding:105px 0;background:#f5f7fa;border-block:1px solid var(--line)}
.experience-head{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}
.experience-head p{margin:0}
.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.experience-grid article{background:#fff;border:1px solid var(--line);border-radius:6px;padding:25px}
.experience-grid span{color:var(--orange-dark);font-size:11px;font-weight:800}
.experience-grid h3{color:var(--navy);font-size:19px;line-height:1.4;margin:28px 0 10px}
.experience-grid p{font-size:13px;margin:0}
.experience-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:18px;padding:25px;background:var(--navy);border-radius:6px;color:#fff}
.experience-cta p{margin:0;color:#c2ccda}
.experience-cta strong{color:#fff;font-size:17px}
.experience-cta .source-button{flex:0 0 auto}
.homepage-contact{padding:92px 0;background:linear-gradient(135deg,#0f172a 0%,#16233d 100%);color:#fff}
.homepage-contact-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:38px}
.homepage-contact-head h2{font-size:var(--type-section);line-height:1.2;letter-spacing:-.035em;margin:0;color:#fff}
.homepage-contact-head h2 span{color:var(--orange)}
.homepage-contact-head>p{max-width:520px;margin:0;color:#c2ccda;font-size:15px}
.homepage-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.homepage-contact-card{min-height:245px;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.homepage-contact-card:hover{transform:translateY(-6px);border-color:var(--orange);background:rgba(255,255,255,.1)}
.contact-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:11px;font-weight:900;letter-spacing:.04em;margin-bottom:35px}
.homepage-contact-card.line .contact-icon{background:#06c755}
.homepage-contact-card.phone .contact-icon{background:var(--orange)}
.homepage-contact-card.email .contact-icon{background:#2563eb}
.contact-label{font-size:12px;color:#aeb9c9;margin-bottom:7px}
.homepage-contact-card strong{font-size:clamp(20px,2.2vw,28px);line-height:1.25;overflow-wrap:anywhere}
.homepage-contact-card small{margin-top:auto;padding-top:25px;color:#fff;font-size:12px;font-weight:700}
.homepage-contact-hours{text-align:center;color:#aeb9c9;font-size:12px;margin:24px 0 0}
.video-trigger{position:relative;display:block;width:100%;padding:0;border:0;border-radius:12px;background:#0f172a;cursor:pointer;overflow:hidden;color:#fff}
.video-trigger img{transition:transform .3s ease,opacity .3s ease}
.video-trigger:hover img{transform:scale(1.025);opacity:.9}
.video-trigger:focus-visible{outline:4px solid rgba(255,102,0,.4);outline-offset:4px}
.video-frame iframe{display:block;width:100%;aspect-ratio:16/10;border:0;border-radius:12px;background:#000}
.video-frame.is-playing{transform:none}
.video-play-label{position:absolute;left:50%;top:calc(50% + 48px);translate:-50% 0;padding:6px 11px;border-radius:99px;background:rgba(15,23,42,.78);font-size:11px;font-weight:700;white-space:nowrap}
.lead-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.lead-consent{display:flex!important;align-items:flex-start;gap:9px;line-height:1.55;color:var(--slate)}
.lead-consent input{width:16px!important;height:16px;flex:0 0 16px;margin:3px 0 0!important;padding:0!important}
.lead-consent span{font-size:11px;font-weight:400}
.lead-consent a{color:var(--orange-dark);font-weight:700;margin-left:3px;text-decoration:underline}
.source-form button:disabled{cursor:wait;opacity:.65}
.lead-status{margin:0;padding:12px 14px;border-radius:6px;text-align:center;font-size:12px}
.lead-status.success{background:#e9f8ef;color:#166534}
.lead-status.error{background:#fff0ed;color:#b42318}
.leads-page{min-height:75vh;padding:80px 0 110px;background:#f5f7fa}
.leads-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.leads-head h1{font-size:clamp(34px,5vw,55px);margin:0;color:var(--navy)}
.leads-notice{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:center}
.leads-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.leads-list article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px}
.lead-meta{display:flex;justify-content:space-between;gap:15px;color:var(--slate);font-size:11px}
.lead-meta span{color:var(--orange-dark);font-weight:800}
.leads-list h2{font-size:22px;margin:25px 0 5px}
.lead-phone{font-size:20px;color:var(--orange-dark);font-weight:800}
.leads-list article>p{min-height:50px;color:var(--slate);font-size:13px}
.lead-actions{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:16px}
.lead-actions a,.lead-actions button{border:0;border-radius:5px;padding:9px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.lead-actions a{background:var(--navy);color:#fff}.lead-actions button{background:#fff0ed;color:#b42318}
.footer-policies{display:flex;gap:20px;padding:18px 0;border-top:1px solid #202a3c}
.footer-policies a{color:#b1bdcd;font-size:12px}
.company-legal strong{color:#aab6c7}
.cookie-consent{position:fixed;left:20px;right:20px;bottom:18px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:920px;margin:auto;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px rgba(11,23,48,.2)}
.cookie-consent strong{display:block;color:var(--navy);font-size:15px}
.cookie-consent p{margin:4px 0 0;font-size:12px;line-height:1.6}
.cookie-consent a{color:var(--orange-dark);font-weight:700;text-decoration:underline}
.cookie-consent button{flex:0 0 auto;border:0;border-radius:5px;background:var(--orange);color:#fff;padding:12px 18px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.legal-page{background:#fff}
.legal-hero{padding:85px 0 65px;background:linear-gradient(135deg,#f7f9fc,#fff);border-bottom:1px solid var(--line)}
.legal-hero h1{margin:0;color:var(--navy);font-size:clamp(38px,5vw,60px);line-height:1.2}
.legal-hero p:last-child{font-size:13px;margin:16px 0 0}
.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:80px;padding-block:75px 100px}
.legal-layout>nav{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;border-top:2px solid var(--orange);padding-top:18px}
.legal-layout>nav strong{font-size:14px;margin-bottom:10px}
.legal-layout>nav a{padding:9px 0;border-bottom:1px solid var(--line);color:var(--slate);font-size:12px}
.legal-content{max-width:800px}
.legal-content section{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.legal-content h2{color:var(--navy);font-size:27px;line-height:1.35;margin:0 0 14px}
.legal-content h3{color:var(--navy);font-size:18px;margin:0 0 8px}
.legal-content p,.legal-content li{color:var(--slate);font-size:14px;line-height:1.8}
.legal-content ul{padding-left:22px}
.legal-content a{color:var(--orange-dark);font-weight:600}
.legal-table{display:grid;gap:12px}
.legal-table>div{padding:22px;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px}
.legal-table p{margin:0}
.legal-back{margin-top:42px}
.consent-field label{display:flex;align-items:flex-start;gap:10px;color:var(--slate);font-weight:400;line-height:1.6}
.consent-field input{width:16px;height:16px;flex:0 0 16px;margin-top:3px;padding:0}
.consent-field a{color:var(--orange-dark);font-weight:700;text-decoration:underline}

@media(max-width:980px){
  .experience-head{grid-template-columns:1fr;gap:22px}
  .experience-grid{grid-template-columns:repeat(2,1fr)}
  .homepage-contact-head{grid-template-columns:1fr;gap:18px}
  .legal-layout{grid-template-columns:1fr;gap:35px}
  .legal-layout>nav{position:static}
}
@media(max-width:720px){
  .experience-proof{padding:70px 0}
  .experience-grid{grid-template-columns:1fr;margin-top:34px}
  .experience-cta{align-items:stretch;flex-direction:column}
  .experience-cta .source-button{width:100%}
  .homepage-contact{padding:70px 0}
  .homepage-contact-grid{grid-template-columns:1fr}
  .homepage-contact-card{min-height:210px}
  .leads-head{align-items:stretch;flex-direction:column}
  .leads-list{grid-template-columns:1fr}
  .footer-policies{flex-wrap:wrap;gap:10px 18px}
  .cookie-consent{left:12px;right:12px;bottom:12px;align-items:stretch;flex-direction:column;gap:12px;padding:16px}
  .cookie-consent button{width:100%}
  .legal-hero{padding:65px 0 45px}
  .legal-layout{padding-block:50px 75px}
  .legal-content h2{font-size:23px}
}

/* SME search-intent, comparison and evidence sections */
.sme-direct-answer{padding:72px 0;background:#fff;border-bottom:1px solid var(--line)}
.sme-direct-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}
.sme-direct-grid h2{font-size:clamp(34px,4vw,48px);line-height:1.25;margin:0}
.sme-direct-grid>div:last-child>p{font-size:17px;line-height:1.75;margin:0;color:var(--slate)}
.sme-direct-grid strong{color:var(--navy)}
.sme-direct-grid ul{display:grid;gap:9px;padding-left:20px;color:var(--slate);font-size:13px}
.sme-direct-grid nav{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px}
.sme-direct-grid nav a{color:var(--orange-dark);font-size:12px;font-weight:800}
.sme-comparison{padding:105px 0;background:#f4f6f9}
.sme-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.sme-compare-grid article{padding:32px;background:#fff;border:1px solid var(--line);border-radius:8px}
.sme-compare-grid article.recommended{border:2px solid var(--orange);box-shadow:0 18px 44px rgba(11,23,48,.09)}
.sme-compare-grid article>span{font-size:11px;font-weight:900;color:var(--slate)}
.sme-compare-grid .recommended>span{color:var(--orange-dark)}
.sme-compare-grid h3{font-size:24px;line-height:1.4;margin:28px 0 18px}
.sme-compare-grid ul{list-style:none;padding:0;margin:0}
.sme-compare-grid li{padding:10px 0 10px 24px;border-top:1px solid var(--line);position:relative;color:var(--slate);font-size:13px}
.sme-compare-grid li:before{position:absolute;left:0;content:"—";color:var(--slate)}
.sme-compare-grid .recommended li:before{content:"✓";color:var(--orange-dark);font-weight:900}
.sme-compare-grid a{display:inline-flex;margin-top:24px;color:var(--orange-dark);font-size:13px;font-weight:800}
.sme-evidence{padding:105px 0;background:var(--navy);color:#fff}
.sme-evidence-head{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end}
.sme-evidence-head h2{font-size:clamp(36px,4vw,52px);line-height:1.25;margin:0;color:#fff}
.sme-evidence-head>p{margin:0;color:#b9c4d4}
.sme-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:48px}
.sme-evidence-grid article{padding:28px;border:1px solid #34425a;border-radius:7px;background:rgba(255,255,255,.03)}
.sme-evidence-grid span{color:var(--orange);font-size:11px;font-weight:900}
.sme-evidence-grid h3{font-size:20px;line-height:1.4;color:#fff;margin:32px 0 10px}
.sme-evidence-grid p{font-size:13px;color:#b9c4d4;margin:0}
.sme-evidence-links{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px}
.sme-evidence-links a{color:#fff;font-size:12px;font-weight:800;border-bottom:1px solid var(--orange);padding-bottom:4px}

@media(max-width:980px){
  .sme-direct-grid,.sme-evidence-head{grid-template-columns:1fr;gap:24px}
}
@media(max-width:720px){
  .sme-comparison,.sme-evidence{padding:70px 0}
  .sme-direct-answer{padding:58px 0}
  .sme-compare-grid,.sme-evidence-grid{grid-template-columns:1fr}
  .sme-direct-grid nav,.sme-evidence-links{align-items:flex-start;flex-direction:column;gap:14px}
}

/* Stronger Homepage and SME hero hierarchy */
.source-hero{position:relative;background:radial-gradient(circle at 90% 18%,rgba(255,102,0,.2),transparent 27%),radial-gradient(circle at 58% 92%,rgba(37,99,235,.1),transparent 30%),linear-gradient(135deg,#f8fafc 0%,#fff 53%,#edf2f8 100%)}
.source-hero:after,.sme-hero:after{content:"";position:absolute;right:-110px;top:115px;width:260px;height:260px;border:1px solid rgba(255,102,0,.18);border-radius:50%;pointer-events:none}
.source-hero-grid,.sme-hero-grid{position:relative;z-index:1}
.hero-status{display:inline-flex;align-items:center;gap:9px;max-width:100%;margin-bottom:20px;padding:7px 10px;border:1px solid #d9e1eb;border-radius:99px;background:rgba(255,255,255,.82);box-shadow:0 8px 25px rgba(11,23,48,.06);font-size:9px;font-weight:800}
.hero-status i{width:7px;height:7px;border-radius:50%;background:#16a366;box-shadow:0 0 0 4px rgba(22,163,102,.12)}
.hero-status b{padding:4px 7px;border-radius:99px;background:var(--navy);color:#fff;font-size:8px;letter-spacing:.06em}
.hero-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px}
.hero-outcomes>div{padding:13px 12px;border:1px solid #dce3eb;border-radius:7px;background:rgba(255,255,255,.78)}
.hero-outcomes strong,.hero-outcomes span{display:block}
.hero-outcomes strong{color:var(--navy);font-size:14px}
.hero-outcomes span{color:var(--slate);font-size:9px;margin-top:3px}
.hero-price-card{position:absolute;z-index:5;left:25px;bottom:22px;min-width:190px;padding:13px 15px;border-left:4px solid var(--orange);border-radius:7px;background:rgba(15,23,42,.92);color:#fff;box-shadow:0 16px 35px rgba(15,23,42,.24);pointer-events:none}
.hero-price-card span,.hero-price-card strong,.hero-price-card small{display:block}
.hero-price-card span{font-size:8px;color:#cbd5e1}
.hero-price-card strong{font-size:21px;margin:2px 0}
.hero-price-card small{font-size:8px;color:#cbd5e1}
.sme-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 25%,rgba(255,102,0,.17),transparent 28%),linear-gradient(145deg,#f8fafc 0%,#fff 55%,#eaf0f7 100%)}
.sme-hero h1 span{display:inline-block;max-width:760px;font-size:.72em;line-height:1.18;margin-top:8px}
.sme-status{margin-bottom:22px}
.sme-status b{background:var(--orange)}
.sme-hero-proof{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0 0;color:var(--slate);font-size:9px;font-weight:700}
.sme-dashboard{position:relative;border-top:4px solid var(--orange);transform:translateY(-3px)}
.sme-dash-alert{display:flex;align-items:center;gap:11px;margin-top:11px;padding:12px;border-radius:6px;background:var(--navy);color:#fff}
.sme-dash-alert>i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--orange);font-style:normal;font-size:11px;font-weight:900}
.sme-dash-alert span,.sme-dash-alert b,.sme-dash-alert small{display:block}
.sme-dash-alert b{font-size:10px}
.sme-dash-alert small{font-size:8px;color:#b9c4d4;margin-top:2px}

@media(max-width:720px){
  .source-hero:after,.sme-hero:after{display:none}
  .hero-status{align-items:flex-start;flex-wrap:wrap;border-radius:10px}
  .hero-outcomes{grid-template-columns:1fr}
  .hero-price-card{left:18px;right:18px;bottom:18px;min-width:0}
  .sme-hero h1 span{font-size:.76em}
  .sme-hero-proof{align-items:flex-start;flex-direction:column;gap:7px}
}

/* Context-specific service pages */
.service-hero-upgraded{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(255,102,0,.18),transparent 25%),linear-gradient(135deg,#f7f9fc,#fff 60%,#edf2f8)}
.service-hero-upgraded:after{content:"";position:absolute;right:-90px;bottom:-140px;width:360px;height:360px;border:1px solid rgba(255,102,0,.18);border-radius:50%}
.service-hero-upgraded .container{position:relative;z-index:1;padding-right:28px}
.service-hero-upgraded h2{max-width:820px;font-size:clamp(21px,2.5vw,31px);line-height:1.45;margin:24px 0 10px;color:var(--orange-dark)}
.service-intent{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:9px;font-weight:800}
.service-intent i{width:7px;height:7px;border-radius:50%;background:#16a366}
.service-intent b{padding:4px 7px;border-radius:99px;background:var(--navy);color:#fff;font-size:8px}
.service-hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--slate);font-size:10px;font-weight:700}
.service-direct{padding:75px 0;background:#fff;border-bottom:1px solid var(--line)}
.service-direct-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}
.service-direct h2{font-size:clamp(32px,4vw,47px);line-height:1.3;margin:0}
.service-direct-grid>div:last-child>p{font-size:17px;line-height:1.8;color:var(--slate);margin:0}
.service-direct nav{display:flex;flex-wrap:wrap;gap:24px;margin-top:27px}
.service-direct nav a{color:var(--orange-dark);font-size:12px;font-weight:800}
.service-audience{padding:95px 0;background:#f4f6f9;text-align:center}
.service-audience>div>h2,.service-process>div>h2{max-width:820px;margin:0 auto;font-size:clamp(34px,4vw,50px);line-height:1.3}
.service-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px;text-align:left}
.service-audience-grid article{min-height:190px;padding:25px;border-top:3px solid var(--orange);background:#fff}
.service-audience-grid span{color:var(--orange-dark);font-size:11px;font-weight:900}
.service-audience-grid h3{font-size:20px;line-height:1.45;margin:32px 0 0}
.service-landing-grid>div:first-child>p:last-child{color:var(--slate);font-size:13px}
.service-process{padding:95px 0;background:var(--navy);color:#fff;text-align:center}
.service-process>div>h2{color:#fff}
.service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:44px;text-align:left}
.service-process-grid article{padding:24px;border:1px solid #34425a;border-radius:7px;background:rgba(255,255,255,.03)}
.service-process-grid span{color:var(--orange);font-size:10px;font-weight:900}
.service-process-grid h3{color:#fff;font-size:19px;margin:28px 0 8px}
.service-process-grid p{color:#b9c4d4;font-size:12px;margin:0}
.service-faq{padding:95px 0;background:#fff}
.service-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}
.service-faq-grid>div:first-child>p:last-child{color:var(--slate)}
.service-faq details{padding:21px 0;border-top:1px solid var(--line)}
.service-faq details:last-child{border-bottom:1px solid var(--line)}
.service-faq summary{cursor:pointer;list-style:none;color:var(--navy);font-size:16px;font-weight:800;padding-right:25px;position:relative}
.service-faq summary:after{content:"+";position:absolute;right:2px;color:var(--orange)}
.service-faq details[open] summary:after{content:"−"}
.service-faq details p{color:var(--slate);font-size:13px;margin-bottom:0}

@media(max-width:980px){
  .service-direct-grid,.service-faq-grid{grid-template-columns:1fr;gap:28px}
  .service-process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .service-hero-upgraded:after{display:none}
  .service-intent{align-items:flex-start;flex-wrap:wrap;border-radius:10px}
  .service-hero-proof{align-items:flex-start;flex-direction:column;gap:8px}
  .service-direct,.service-audience,.service-process,.service-faq{padding:65px 0}
  .service-audience-grid,.service-process-grid{grid-template-columns:1fr}
  .service-direct nav{align-items:flex-start;flex-direction:column;gap:13px}
}

/* Supporting commercial pages */
.page-direct-answer{padding:72px 0;background:#fff;border-bottom:1px solid var(--line)}
.page-direct-answer>.container{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px}
.page-direct-answer h2{font-size:clamp(32px,4vw,47px);line-height:1.3;margin:0}
.page-direct-answer p{font-size:16px;line-height:1.8;color:var(--slate);margin:0}
.page-direct-answer strong{color:var(--navy)}
.page-direct-answer nav{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px}
.page-direct-answer nav a{color:var(--orange-dark);font-size:12px;font-weight:800}
.service-selector{padding:95px 0;background:#f4f6f9;text-align:center}
.service-selector>div>h2{max-width:820px;margin:0 auto;font-size:clamp(34px,4vw,50px);line-height:1.3}
.service-selector>div>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px;text-align:left}
.service-selector article{padding:27px;border-top:3px solid var(--orange);background:#fff}
.service-selector h3{font-size:21px;line-height:1.4;margin:20px 0 8px}
.service-selector p{min-height:66px;color:var(--slate);font-size:13px}
.service-selector a{color:var(--orange-dark);font-size:12px;font-weight:800}
.pricing-faq{padding:95px 0;background:#fff}
.pricing-faq>.container{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}
.pricing-faq h2{font-size:clamp(34px,4vw,50px);margin:0}
.pricing-faq details{padding:21px 0;border-top:1px solid var(--line)}
.pricing-faq details:last-child{border-bottom:1px solid var(--line)}
.pricing-faq summary{cursor:pointer;list-style:none;font-size:16px;font-weight:800;color:var(--navy)}
.pricing-faq details p{color:var(--slate);font-size:13px;margin-bottom:0}
.contact-form-live .source-form{padding:36px;border-radius:16px}
.contact-form-live .source-form button{width:100%}

@media(max-width:980px){
  .page-direct-answer>.container,.pricing-faq>.container{grid-template-columns:1fr;gap:28px}
}
@media(max-width:720px){
  .page-direct-answer,.service-selector,.pricing-faq{padding:65px 0}
  .page-direct-answer nav{align-items:flex-start;flex-direction:column;gap:13px}
  .service-selector>div>div{grid-template-columns:1fr}
  .service-selector p{min-height:auto}
  .contact-form-live .source-form{padding:22px}
}

/* Global contact visibility and original-site visual assets */
.global-contact{padding:66px 0;background:var(--orange);color:#fff}
.global-contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}
.global-contact .source-kicker{color:#fff;opacity:.78}
.global-contact h2{max-width:520px;margin:0 0 9px;color:#fff;font-size:clamp(27px,3.4vw,40px);line-height:1.3}
.global-contact-grid>div:first-child>span{font-size:13px;opacity:.85}
.global-contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.global-contact-links a{min-width:0;padding:18px;border:1px solid rgba(255,255,255,.34);border-radius:7px;background:rgba(255,255,255,.12);color:#fff}
.global-contact-links a:hover{background:#fff;color:var(--navy);transform:translateY(-3px)}
.global-contact-links a.global-line{background:#06c755;border-color:#06c755}
.global-contact-links small,.global-contact-links strong,.global-contact-links span{display:block}
.global-contact-links small{font-size:9px;opacity:.78}
.global-contact-links strong{font-size:clamp(14px,1.45vw,19px);margin:5px 0;overflow-wrap:anywhere}
.global-contact-links span{font-size:9px;font-weight:800}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>div{position:absolute;left:-14px;top:100%;z-index:30;display:none;min-width:150px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 15px 35px rgba(11,23,48,.13)}
.nav-dropdown>div a{display:block;padding:9px 10px;white-space:nowrap}
.nav-dropdown:hover>div,.nav-dropdown:focus-within>div{display:block}
.mobile-menu nav a.mobile-sub{padding-left:24px;color:var(--slate);font-size:12px}
.desktop-nav .nav-blog{color:var(--orange-dark);font-weight:800}
.price-card .price del{display:block;color:#94a3b8;font-size:13px;font-weight:500;line-height:1.2}
.price-card>h3{font-size:13px;margin:20px 0 0;color:var(--navy)}
.sme-original-visuals{padding:100px 0;background:#fff}
.sme-original-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:45px}
.sme-original-grid img{width:100%;height:230px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#f4f6f9}

@media(max-width:980px){
  .global-contact-grid{grid-template-columns:1fr;gap:28px}
  .sme-original-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .global-contact{padding:52px 0}
  .global-contact-links{grid-template-columns:1fr}
  .sme-original-visuals{padding:70px 0}
  .sme-original-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
  .sme-original-grid img{flex:0 0 82%;height:250px;scroll-snap-align:start}
}

/* Final cascade lock for the shared hero art direction */
body .hero,body .source-hero,body .sme-hero,body .article-hero,body .service-landing-hero{
  isolation:isolate;
  position:relative;
  overflow:hidden;
  background-color:#f8fafc;
}
body .hero:before,body .source-hero:before,body .sme-hero:before,
body .article-hero:before,body .service-landing-hero:before{
  z-index:-2;
}
body .hero:after,body .source-hero:after,body .sme-hero:after,
body .article-hero:after,body .service-landing-hero:after{
  display:block;
  z-index:-1;
  width:430px;
  height:430px;
  right:-105px;
  top:-155px;
  border:1px solid rgba(255,102,0,.19);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(255,102,0,.035),0 0 0 145px rgba(15,23,42,.022);
}
body .source-hero,body .sme-hero{
  background:
    linear-gradient(rgba(11,23,48,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,23,48,.035) 1px,transparent 1px),
    radial-gradient(circle at 83% 24%,rgba(255,102,0,.22),transparent 25%),
    radial-gradient(circle at 68% 92%,rgba(37,99,235,.12),transparent 32%),
    linear-gradient(135deg,#f9fbfe 0%,#fff 52%,#eaf0f7 100%);
  background-size:48px 48px,48px 48px,auto,auto,auto;
}
body .article-hero{
  background:
    repeating-linear-gradient(90deg,rgba(11,23,48,.035) 0 1px,transparent 1px 64px),
    radial-gradient(circle at 84% 25%,rgba(255,102,0,.22),transparent 26%),
    radial-gradient(circle at 70% 90%,rgba(37,99,235,.11),transparent 29%),
    linear-gradient(135deg,#fafcff,#fff 55%,#ebf0f7);
}
body .hero[data-hero-theme="pricing"]{background:linear-gradient(135deg,#fffaf7,#fff 52%,#edf2f8)}
body .hero[data-hero-theme="portfolio"]{background:radial-gradient(circle at 84% 22%,rgba(37,99,235,.17),transparent 28%),radial-gradient(circle at 72% 80%,rgba(255,102,0,.2),transparent 27%),linear-gradient(135deg,#f8fafc,#fff 55%,#eef3f8)}
body .hero[data-hero-theme="contact"]{background:radial-gradient(circle at 80% 18%,rgba(255,102,0,.24),transparent 27%),radial-gradient(circle at 91% 86%,rgba(20,184,166,.11),transparent 28%),linear-gradient(135deg,#fffaf8,#fff 52%,#eef4f7)}
body .hero[data-hero-theme="services"]{background:radial-gradient(circle at 82% 24%,rgba(255,102,0,.23),transparent 27%),linear-gradient(135deg,#f7faff,#fff 56%,#eaf0f7)}
body .service-landing-hero[data-hero-theme="video"],
body .service-landing-hero[data-hero-theme="video-edit"]{
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 74px),radial-gradient(circle at 84% 30%,rgba(255,102,0,.42),transparent 28%),linear-gradient(135deg,#071329,#10213d 62%,#172a48);
}
body .service-landing-hero[data-hero-theme="seo"]{background:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px),radial-gradient(circle at 83% 24%,rgba(37,99,235,.2),transparent 27%),radial-gradient(circle at 71% 82%,rgba(255,102,0,.18),transparent 26%),linear-gradient(135deg,#f7faff,#fff 55%,#e9f1fb);background-size:42px 42px,42px 42px,auto,auto,auto}
body .service-landing-hero[data-hero-theme="ai"]{background:radial-gradient(circle at 80% 26%,rgba(91,75,255,.22),transparent 27%),radial-gradient(circle at 92% 80%,rgba(255,102,0,.18),transparent 26%),linear-gradient(135deg,#faf9ff,#fff 55%,#edf0fa)}
body .service-landing-hero[data-hero-theme="agency"]{background:radial-gradient(circle at 82% 25%,rgba(255,102,0,.23),transparent 28%),linear-gradient(135deg,#fbfcfe,#fff 55%,#edf2f7)}
body .service-landing-hero[data-hero-theme="infographic"]{background:radial-gradient(circle at 82% 24%,rgba(255,102,0,.24),transparent 23%),radial-gradient(circle at 70% 76%,rgba(20,184,166,.14),transparent 26%),linear-gradient(135deg,#fbfcff,#fff 56%,#eef5f5)}
body .service-landing-hero[data-hero-theme="about"]{background:linear-gradient(rgba(11,23,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,23,48,.035) 1px,transparent 1px),radial-gradient(circle at 83% 25%,rgba(255,102,0,.2),transparent 27%),linear-gradient(135deg,#fafbfc,#fff 56%,#edf1f6);background-size:56px 56px,56px 56px,auto,auto}
@media(max-width:720px){
  body .hero:after,body .source-hero:after,body .sme-hero:after,
  body .article-hero:after,body .service-landing-hero:after{
    width:250px;height:250px;right:-125px;top:-80px;box-shadow:0 0 0 45px rgba(255,102,0,.03);
  }
}

/* Original Social Plus System visual and video showcase */
.video-showcase{padding:105px 0;background:#071329;color:#fff}
.video-showcase-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:end;margin-bottom:44px}
.video-showcase h2{margin:0;color:#fff;font-size:clamp(34px,4vw,50px);line-height:1.25}
.video-showcase-head>div:last-child p{max-width:680px;margin:0 0 15px;color:#b9c4d4;font-size:15px}
.video-showcase-head a{color:#ff6600;font-size:12px;font-weight:800}
.video-showcase-grid{display:grid;grid-template-columns:1.55fr .45fr;gap:15px}
.video-player{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid #2c3d59;border-radius:12px;background:#020617;box-shadow:0 25px 70px rgba(0,0,0,.3)}
.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-thumbnails{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}
.video-thumbnails a{position:relative;overflow:hidden;min-height:0;border:1px solid #2c3d59;border-radius:9px;background:#101e35}
.video-thumbnails img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.video-thumbnails span{position:absolute;inset:auto 0 0;padding:24px 12px 10px;background:linear-gradient(transparent,rgba(2,6,23,.92));color:#fff;font-size:11px;font-weight:700}
.video-thumbnails a:hover img{transform:scale(1.04)}
@media(max-width:980px){
  .video-showcase-head,.video-showcase-grid{grid-template-columns:1fr}
  .video-showcase-head{gap:22px}
  .video-thumbnails{grid-template-columns:repeat(3,1fr);grid-template-rows:none}
  .video-thumbnails a{aspect-ratio:4/3}
}
@media(max-width:720px){
  .video-showcase{padding:70px 0}
  .video-thumbnails{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}
  .video-thumbnails a{flex:0 0 78%;scroll-snap-align:start}
}

/* Photographic hero system — real-people visual direction */
body .hero,
body .source-hero,
body .sme-hero,
body .article-hero,
body .service-landing-hero{
  border-bottom:0;
  background-color:#071329;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  color:#fff;
}
body .source-hero{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.88) 43%,rgba(5,14,31,.35) 76%,rgba(5,14,31,.2) 100%),
    url("../images/heroes/hero-home.webp");
}
body .sme-hero{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.87) 45%,rgba(5,14,31,.38) 76%,rgba(5,14,31,.2) 100%),
    url("../images/heroes/hero-sme.webp");
}
body .article-hero,
body .hero[data-hero-theme="contact"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.85) 48%,rgba(5,14,31,.3) 80%,rgba(5,14,31,.16) 100%),
    url("../images/heroes/hero-about.webp");
}
body .hero[data-hero-theme="services"],
body .hero[data-hero-theme="portfolio"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.86) 48%,rgba(5,14,31,.32) 80%,rgba(5,14,31,.18) 100%),
    url("../images/heroes/hero-home.webp");
}
body .hero[data-hero-theme="pricing"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.86) 48%,rgba(5,14,31,.32) 80%,rgba(5,14,31,.18) 100%),
    url("../images/heroes/hero-sme.webp");
}
body .service-landing-hero[data-hero-theme="video"],
body .service-landing-hero[data-hero-theme="video-edit"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.84) 47%,rgba(5,14,31,.3) 80%,rgba(5,14,31,.14) 100%),
    url("../images/heroes/hero-video.webp");
}
body .service-landing-hero[data-hero-theme="seo"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.84) 47%,rgba(5,14,31,.3) 80%,rgba(5,14,31,.14) 100%),
    url("../images/heroes/hero-seo.webp");
}
body .service-landing-hero[data-hero-theme="ai"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.84) 47%,rgba(5,14,31,.3) 80%,rgba(5,14,31,.14) 100%),
    url("../images/heroes/hero-ai.webp");
}
body .service-landing-hero[data-hero-theme="agency"],
body .service-landing-hero[data-hero-theme="infographic"],
body .service-landing-hero[data-hero-theme="about"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.85) 47%,rgba(5,14,31,.3) 80%,rgba(5,14,31,.15) 100%),
    url("../images/heroes/hero-about.webp");
}
body .hero:before,
body .source-hero:before,
body .sme-hero:before,
body .article-hero:before,
body .service-landing-hero:before,
body .hero:after,
body .source-hero:after,
body .sme-hero:after,
body .article-hero:after,
body .service-landing-hero:after{
  display:none;
}
body .hero h1,
body .hero h2,
body .hero .hero-desc,
body .hero .hero-proof,
body .source-hero h1,
body .source-hero h2,
body .source-hero-copy>p:not(.source-kicker),
body .sme-hero h1,
body .sme-hero h2,
body .sme-hero-grid>div:first-child>p:not(.source-kicker),
body .sme-hero-grid>div:first-child>small,
body .sme-hero-proof,
body .article-hero h1,
body .article-hero-grid>div:first-child>p:last-child,
body .service-landing-hero h1,
body .service-landing-hero h2,
body .service-landing-hero p,
body .service-hero-proof{
  color:#fff;
}
body .source-kicker,
body .hero .eyebrow{
  color:#ff6600;
}
body .hero-status,
body .hero-outcomes>div,
body .sme-tags span{
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.92);
  color:var(--navy);
  backdrop-filter:blur(10px);
}
body .source-button-outline,
body .service-landing-hero .source-button-outline{
  border-color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.94);
  color:var(--navy);
}
body .sme-dashboard,
body .command-panel{
  background:rgba(255,255,255,.96);
  color:var(--navy);
  backdrop-filter:blur(14px);
}
body .command-panel p{color:var(--slate)}
body .command-panel textarea{background:#101d34}

@media(max-width:720px){
  body .hero,
  body .source-hero,
  body .sme-hero,
  body .article-hero,
  body .service-landing-hero{
    background-position:68% center;
  }
  body .source-hero,
  body .sme-hero,
  body .article-hero,
  body .hero[data-hero-theme],
  body .service-landing-hero[data-hero-theme]{
    background-image:
      linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.9) 62%,rgba(5,14,31,.7) 100%),
      var(--mobile-hero-image);
  }
  body .source-hero{--mobile-hero-image:url("../images/heroes/hero-home.webp")}
  body .sme-hero{--mobile-hero-image:url("../images/heroes/hero-sme.webp")}
  body .article-hero,
  body .hero[data-hero-theme="contact"],
  body .service-landing-hero[data-hero-theme="agency"],
  body .service-landing-hero[data-hero-theme="infographic"],
  body .service-landing-hero[data-hero-theme="about"]{--mobile-hero-image:url("../images/heroes/hero-about.webp")}
  body .hero[data-hero-theme="services"],
  body .hero[data-hero-theme="portfolio"]{--mobile-hero-image:url("../images/heroes/hero-home.webp")}
  body .hero[data-hero-theme="pricing"]{--mobile-hero-image:url("../images/heroes/hero-sme.webp")}
  body .service-landing-hero[data-hero-theme="video"],
  body .service-landing-hero[data-hero-theme="video-edit"]{--mobile-hero-image:url("../images/heroes/hero-video.webp")}
  body .service-landing-hero[data-hero-theme="seo"]{--mobile-hero-image:url("../images/heroes/hero-seo.webp")}
  body .service-landing-hero[data-hero-theme="ai"]{--mobile-hero-image:url("../images/heroes/hero-ai.webp")}
}

/* Accessibility and responsive typography guardrails */
:root{
  --orange-text:#ff6600;
  --orange-action:#ff6600;
  --text-body:#334155;
  --text-muted-accessible:#475569;
  --text-dark-surface:#d7dee9;
}
html{font-size:16px}
body{
  color:var(--navy);
  font-size:16px;
  line-height:1.6;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body h1,body h2,body h3,body h4{
  overflow-wrap:anywhere;
  text-wrap:balance;
}
body h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1}
body h2{font-size:clamp(1.875rem,3.6vw,3rem);line-height:1.22}
body h3{font-size:clamp(1.25rem,1.7vw,1.625rem);line-height:1.35}
body h4{font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.4}
body p,
body li{
  color:var(--text-body);
  font-size:clamp(.875rem,.18vw + .84rem,1rem)!important;
  line-height:1.75;
}
body small,
body label{
  font-size:.75rem!important;
  line-height:1.5;
}
body .source-kicker,
body .eyebrow,
body .service-num,
body .detail>span,
body .source-service>span,
body .source-service>b,
body .source-steps span,
body .callback-points,
body .article-card-meta>span,
body .card-actions button,
body .sme-problems span,
body .sme-channels article>span,
body .service-process-grid article>span{
  color:var(--orange-text);
  font-size:.75rem;
  line-height:1.5;
}
body .button,
body .source-button,
body .command-panel button,
body .library-top button,
body .editor-actions button{
  min-height:44px;
  background:var(--orange-action);
  color:#fff;
  font-size:.875rem;
}
body .global-contact,
body .source-cta,
body .source-service.orange{
  background:var(--orange-action);
}
body .quick-contact a,
body .page-direct-answer nav a,
body .service-selector a,
body .video-showcase-head a,
body .sme-value-grid b,
body .price-card>span,
body .sme-plan-head small{
  color:var(--orange-text);
}
body .section-head>p,
body .detail p,
body .tag,
body .price-card>p,
body .note,
body .case-card p,
body .result-row span,
body .contact-info>p,
body .contact-method span,
body .source-hero-copy>p:not(.source-kicker),
body .section-lead,
body .source-steps p,
body .callback-grid>div>p,
body .article-card>p,
body .sme-section-head>p,
body .sme-problems p,
body .sme-value-grid p,
body .sme-price-lead,
body .sme-price-grid article>p,
body .sme-note,
body .sme-faq details p,
body .service-faq details p{
  color:var(--text-muted-accessible);
}
body .dark-section p,
body .system-block p,
body .sme-workflow p,
body .sme-final p,
body .video-showcase p,
body footer p,
body footer a,
body .featured>p{
  color:var(--text-dark-surface)!important;
}
body .source-cta p,
body .global-contact p,
body .global-contact span,
body .source-service.orange p,
body .source-service.navy p{
  color:#fff!important;
  opacity:1;
}
body .source-cta .source-kicker,
body .global-contact .source-kicker{
  color:#fff;
  opacity:1;
}
body footer .copyright{
  color:#b8c2d1;
  font-size:.75rem;
}
body .hero h1,
body .source-hero h1,
body .sme-hero h1,
body .article-hero h1,
body .service-landing-hero h1{
  max-width:16ch;
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1.1;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
body .hero h2,
body .source-hero h2,
body .sme-hero h2,
body .article-hero h2,
body .service-landing-hero h2{
  font-size:clamp(1.125rem,1.7vw,1.375rem);
  line-height:1.5;
}
body .hero p,
body .source-hero p,
body .sme-hero p,
body .article-hero p,
body .service-landing-hero p{
  color:#fff!important;
  text-shadow:0 1px 12px rgba(0,0,0,.38);
}
body .hero .source-kicker,
body .hero .eyebrow,
body .source-hero .source-kicker,
body .sme-hero .source-kicker,
body .article-hero .source-kicker,
body .service-landing-hero .source-kicker{
  color:#ff6600;
}
body .sme-tags span,
body .hero-status,
body .hero-outcomes>div{
  color:var(--navy);
  text-shadow:none;
}
body .dash-top,
body .dash-top div,
body .dash-content>p,
body .metric-row span,
body .metric-row small,
body .chart-card>div:first-child,
body .chart-card small,
body .days,
body .channel-card>b,
body .channel-card p span,
body .channel-card em,
body .floating-card b,
body .sme-dash-head span,
body .sme-dash-head b,
body .sme-flow i,
body .sme-flow small,
body .sme-dash-metrics span,
body .sme-trust span,
body .sme-plan-price del,
body .sme-plan-price span,
body .sme-note,
body .sme-final-actions>span,
body .global-contact-links span{
  font-size:.75rem;
  line-height:1.5;
}
body .sme-price-grid article>a{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.875rem;
}
body .source-form input,
body .source-form textarea,
body .field input,
body .field select,
body .field textarea,
body .article-editor input,
body .article-editor select,
body .article-editor textarea,
body .article-tools input,
body .article-tools select{
  min-height:44px;
  color:var(--navy);
  font-size:1rem;
}
body :focus-visible{
  outline:3px solid #2563eb;
  outline-offset:3px;
}

@media(max-width:980px){
  body .container{width:min(100% - 40px,1180px)}
  body .section,
  body .source-section,
  body .sme-section,
  body .page-section{padding-block:clamp(4rem,8vw,5.5rem)}
}
@media(max-width:720px){
  body .container{width:min(100% - 32px,1180px)}
  body h1,
  body .hero h1,
  body .source-hero h1,
  body .sme-hero h1,
  body .article-hero h1,
  body .service-landing-hero h1{
    max-width:100%;
    font-size:clamp(2.125rem,10vw,2.75rem);
    line-height:1.14;
    letter-spacing:-.025em;
  }
  body h2{font-size:clamp(1.75rem,7.5vw,2.25rem)}
  body h3{font-size:clamp(1.1875rem,5.5vw,1.5rem)}
  body .source-actions,
  body .hero-actions{width:100%}
  body .source-actions .source-button,
  body .hero-actions .button{width:100%}
  body .footer-grid{grid-template-columns:1fr}
  body .footer-grid>div{grid-column:1/-1}
}

/* Unique, route-specific hero images */
body .service-landing-hero[data-hero-theme="seo"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.86) 47%,rgba(5,14,31,.3) 80%,rgba(5,14,31,.14) 100%),
    url("../images/heroes/hero-seo-v2.webp");
}
body .service-landing-hero[data-hero-theme="about"]{
  background-image:
    linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.86) 47%,rgba(5,14,31,.28) 80%,rgba(5,14,31,.12) 100%),
    url("../images/heroes/hero-about-v2.webp");
}
@media(max-width:720px){
  body .service-landing-hero[data-hero-theme="seo"]{
    --mobile-hero-image:url("../images/heroes/hero-seo-v2.webp");
    background-image:
      linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.9) 62%,rgba(5,14,31,.68) 100%),
      var(--mobile-hero-image);
  }
  body .service-landing-hero[data-hero-theme="about"]{
    --mobile-hero-image:url("../images/heroes/hero-about-v2.webp");
    background-image:
      linear-gradient(90deg,rgba(5,14,31,.97) 0%,rgba(5,14,31,.9) 62%,rgba(5,14,31,.68) 100%),
      var(--mobile-hero-image);
  }
}

/* Final readability, overlap prevention and rendering performance pass */
img{
  display:block;
  max-width:100%;
}
body h1,
body .hero h1,
body .source-hero h1,
body .sme-hero h1,
body .article-hero h1,
body .service-landing-hero h1{
  line-height:1.2!important;
  letter-spacing:-.025em;
}
body h2,
body .source-title,
body .section-head h2,
body .sme-section-head h2,
body .service-direct h2,
body .service-audience h2,
body .service-process h2{
  line-height:1.32!important;
  letter-spacing:-.02em;
}
body h3,
body h4,
body summary{
  line-height:1.45!important;
}
body p,
body li,
body label,
body small,
body a,
body button,
body input,
body select,
body textarea{
  line-height:1.65;
}
body .source-kicker,
body .eyebrow{
  line-height:1.5!important;
}
body .source-button,
body .button,
body .sme-price-grid article>a,
body .global-contact-links a{
  line-height:1.4;
  white-space:normal;
}
body .source-hero h1 span,
body .sme-hero h1 span,
body .service-landing-hero h1 span{
  line-height:inherit;
}
body .hero,
body .source-hero,
body .sme-hero,
body .article-hero,
body .service-landing-hero{
  background-color:#071329;
}
body .clients,
body .source-section,
body .process-block,
body .positioning-section,
body .experience-proof,
body .sme-section,
body .sme-original-visuals,
body .sme-comparison,
body .service-direct,
body .service-audience,
body .service-process,
body .service-faq,
body .article-library{
  content-visibility:auto;
  contain-intrinsic-size:1px 800px;
}
@media(prefers-contrast:more){
  body .hero,
  body .source-hero,
  body .sme-hero,
  body .article-hero,
  body .service-landing-hero{
    background-blend-mode:multiply;
    background-color:#020817;
  }
  body p,
  body li{color:#1e293b}
  body .dark-section p,
  body .system-block p,
  body .sme-workflow p,
  body .sme-final p,
  body .video-showcase p,
  body footer p,
  body footer a{color:#fff!important}
}
@media(max-width:720px){
  body h1,
  body .hero h1,
  body .source-hero h1,
  body .sme-hero h1,
  body .article-hero h1,
  body .service-landing-hero h1{
    line-height:1.22!important;
    letter-spacing:-.015em;
  }
  body h2{line-height:1.35!important}
  body h3,body h4{line-height:1.5!important}
}

/* One shared status-pill size across every hero */
body .hero-status,
body .sme-status,
body .service-intent{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:auto;
  max-width:100%;
  min-height:38px;
  margin-bottom:20px;
  padding:6px 10px;
  border:1px solid #d9e1eb;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--navy);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
  box-shadow:0 8px 25px rgba(11,23,48,.06);
}
body .hero-status i,
body .service-intent i{
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#16a366;
  box-shadow:0 0 0 4px rgba(22,163,102,.12);
}
body .hero-status span,
body .service-intent span{
  line-height:1.35;
}
body .hero-status b,
body .service-intent b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--navy);
  color:#fff;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.04em;
  white-space:nowrap;
}
body .sme-status b{
  background:var(--orange-action);
}
@media(max-width:720px){
  body .hero-status,
  body .sme-status,
  body .service-intent{
    border-radius:12px;
    flex-wrap:wrap;
  }
}

/* Brand orange + accessible form readability */
:root{
  /* Social Plus System brand orange */
  --orange:#ff6600;
  --orange-dark:#ff6600;
  --orange-action:#ff6600;
}
body input,
body select,
body textarea{
  color:#0b1730;
  background-color:#fff;
  border-color:#94a3b8;
  caret-color:var(--orange);
}
body input::placeholder,
body textarea::placeholder{
  color:#475569;
  opacity:1;
  font-style:normal;
  font-weight:400;
}
body input:focus::placeholder,
body textarea:focus::placeholder{
  color:#334155;
}
body input:disabled,
body select:disabled,
body textarea:disabled{
  color:#475569;
  background:#e2e8f0;
  border-color:#94a3b8;
  opacity:1;
  cursor:not-allowed;
}
body input:disabled::placeholder,
body textarea:disabled::placeholder{
  color:#475569;
  opacity:1;
}
body input:-webkit-autofill,
body input:-webkit-autofill:hover,
body input:-webkit-autofill:focus{
  -webkit-text-fill-color:#0b1730;
  box-shadow:0 0 0 1000px #fff inset;
}
body .source-form label,
body .field label,
body .article-editor label,
body .article-tools label{
  color:#0b1730;
}
body .source-form small,
body .contact-form small,
body .field small{
  color:#475569;
}

/* SME trust strip: solid surface, readable hierarchy, responsive without overlap */
body .sme-trust{
  gap:12px;
  padding:12px;
  border:1px solid #cbd5e1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 38px rgba(5,14,31,.14);
}
body .sme-trust>div,
body .sme-trust>div:first-child{
  min-width:0;
  min-height:92px;
  padding:18px 20px;
  border:0;
  border-radius:9px;
  background:#f8fafc;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body .sme-trust b{
  color:#0b1730;
  font-size:16px;
  line-height:1.4;
  font-weight:800;
  overflow-wrap:anywhere;
}
body .sme-trust span{
  margin-top:5px;
  color:#475569;
  font-size:14px;
  line-height:1.55;
  font-weight:500;
  overflow-wrap:anywhere;
}
body .global-contact-links{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body .homepage-contact-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body .sme-final-actions>span a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:980px){
  body .global-contact-links,
  body .homepage-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  body .sme-trust{
    grid-template-columns:1fr;
    gap:8px;
    padding:8px;
  }
  body .sme-trust>div,
  body .sme-trust>div:first-child{
    min-height:82px;
    padding:15px 16px;
  }
  body .global-contact-links,
  body .homepage-contact-grid{
    grid-template-columns:1fr;
  }
}

/* Shared professional typography and spacing across primary commercial pages */
:root{
  --site-display:clamp(2.65rem,4.8vw,4.25rem);
  --site-section:clamp(2rem,3.2vw,2.9rem);
  --site-card:clamp(1.2rem,1.55vw,1.45rem);
  --site-body:clamp(.9375rem,.15vw + .91rem,1rem);
  --site-section-space:clamp(4.75rem,7vw,6.25rem);
}
body{font-size:16px;line-height:1.7}
body .source-hero h1,
body .sme-hero h1,
body .service-landing-hero h1,
body .vhero h1,
body .seohero h1,
body .aihero h1,
body .abouthero h1,
body .article-hero h1{
  font-size:var(--site-display);
  line-height:1.14!important;
  letter-spacing:-.025em;
}
body .source-title,
body .sme-section-head h2,
body .service-audience>div>h2,
body .service-process>div>h2,
body .vpage section h2,
body .seopage section h2,
body .aipage section h2,
body .aboutpage section h2,
body .article-library h2{
  font-size:var(--site-section);
  line-height:1.3!important;
  letter-spacing:-.018em;
}
body .source-service h3,
body .sme-problems h3,
body .sme-channels h3,
body .service-audience-grid h3,
body .service-process-grid h3,
body .vpage article h3,
body .seopage article h3,
body .aipage article h3,
body .aboutpage article h3,
body .article-card h2{
  font-size:var(--site-card);
  line-height:1.45!important;
}
body .source-hero p,
body .sme-hero p,
body .service-landing-hero p,
body .vpage p,
body .seopage p,
body .aipage p,
body .aboutpage p,
body .article-library p,
body .source-section p,
body .sme-section p{
  font-size:var(--site-body)!important;
  line-height:1.75;
}
body .clients,
body .source-section,
body .sme-section,
body .service-direct,
body .service-audience,
body .service-landing-body,
body .service-process,
body .service-faq,
body .vpage>section:not(.vhero),
body .seopage>section:not(.seohero),
body .aipage>section:not(.aihero),
body .aboutpage>section:not(.abouthero),
body .article-library{
  padding-top:var(--site-section-space);
  padding-bottom:var(--site-section-space);
}
body .source-button,
body .aibutton,
body .seobutton,
body .vbutton,
body .about-actions a,
body .about-final a{
  min-height:46px;
  padding:13px 20px;
  font-size:.875rem;
  line-height:1.45;
}
body .service-audience-grid article,
body .service-process-grid article,
body .aicap-grid article,
body .aipain-grid article,
body .aiprocess-grid article,
body .seoauthority-grid article,
body .seoworkflow-grid article,
body .about-audience-grid article{
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:720px){
  :root{
    --site-display:clamp(2.2rem,10vw,2.75rem);
    --site-section:clamp(1.75rem,7.5vw,2.2rem);
    --site-card:1.2rem;
    --site-body:.9375rem;
    --site-section-space:4.25rem;
  }
  body .source-actions,
  body .aiactions,
  body .seoactions,
  body .vactions,
  body .about-actions{width:100%}
  body .source-actions a,
  body .aiactions a,
  body .seoactions a,
  body .vactions a,
  body .about-actions a{width:100%}
}

/* ===== Fix: header nav layout + Thai heading line overlap ===== */

/* Fit the custom logo inside the fixed-height header */
body .site-header .custom-logo-link{
  display:flex;
  align-items:center;
  height:100%;
  flex:0 0 auto;
}
body .site-header .custom-logo{
  width:auto;
  height:56px;
  max-width:100%;
  object-fit:contain;
}

/* Turn WordPress sub-menus into real dropdowns in the desktop nav */
.desktop-nav li{position:relative}
.desktop-nav .sub-menu{
  display:none;
  position:absolute;
  top:100%;
  left:50%;
  translate:-50% 0;
  min-width:190px;
  padding:10px;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:0 16px 35px rgba(11,23,48,.13);
  z-index:40;
}
.desktop-nav li:hover>.sub-menu,
.desktop-nav li:focus-within>.sub-menu{display:flex}
.desktop-nav .sub-menu li{width:100%}
.desktop-nav .sub-menu a{
  display:block;
  padding:10px 12px;
  border-radius:5px;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}
.desktop-nav .sub-menu a:after{display:none}
.desktop-nav .sub-menu a:hover{background:#f1f5f9;color:var(--orange-dark)}

/* Prevent Thai glyphs overlapping between wrapped heading lines */
body .source-hero h1,
body .sme-hero h1,
body .article-hero h1,
body .service-landing-hero h1,
body .hero-center h1{
  line-height:1.4!important;
}

@media(max-width:720px){
  body .site-header .custom-logo{height:44px}
  body .source-hero h1,
  body .sme-hero h1,
  body .article-hero h1,
  body .service-landing-hero h1,
  body .hero-center h1{
    line-height:1.45!important;
  }
}

/* Performance pass — defer rendering work below the first viewport */
.clients,.services,.system-block,.articles,
.service-direct,.service-landing-body,.service-process,.service-landing-cta,
.article-faq{
  content-visibility:auto;
  contain-intrinsic-size:1px 900px;
}
img[loading="lazy"]{content-visibility:auto}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}