/* ===== public/index.html (page-home) ===== */
body.page-home *, body.page-home *::before, body.page-home *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-home {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6;}
body.page-home h1, body.page-home h2, body.page-home h3, body.page-home .hero h1, body.page-home .value-h, body.page-home .section-title, body.page-home .cta-left h2, body.page-home .cta-form h3, body.page-home .insight-title {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-home .hero {min-height: auto;
    display: flex; align-items: center;
    padding: 100px 5% 60px;
    background: var(--cs-white);
    position: relative; overflow: hidden;}
body.page-home .hero-bg {position: absolute; inset: 0;
    background: url("../consulting_hero.webp") center center / cover no-repeat;
    z-index: 0;}
body.page-home .hero-overlay {position: absolute; inset: 0;
    background: linear-gradient(to right, var(--cs-white) 0%, var(--cs-white) 38%, rgba(255,255,255,0.7) 55%, rgba(255,255,255,0) 75%);
    z-index: 1;}
body.page-home .hero-inner {max-width: 1200px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr; gap: 60px; align-items: center;}
body.page-home .hero-label {font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 16px;}
body.page-home .hero h1 {font-size: clamp(36px, 5vw, 58px); font-weight: 800; line-height: 1.1; color: var(--navy); margin-bottom: 20px;}
body.page-home .hero h1 span {color: var(--blue);}
body.page-home .hero-sub {font-size: 16px; color: var(--muted); line-height: 1.7; margin-bottom: 36px; max-width: 480px;}
body.page-home .hero-btns {display: flex; gap: 14px; flex-wrap: wrap;}
body.page-home .btn-primary {background: var(--navy); color: var(--cs-white);
    padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px;
    text-decoration: none; transition: all .2s; border: none; cursor: pointer;}
body.page-home .btn-primary:hover {background: var(--blue); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,102,0.2);}
body.page-home .btn-secondary {background: transparent; color: var(--navy);
    padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px;
    text-decoration: none; border: 2px solid var(--navy); transition: all .2s; cursor: pointer;}
body.page-home .btn-secondary:hover {background: var(--navy); color: var(--cs-white);}
body.page-home .hero-stats {display: flex; gap: 28px; margin-top: 48px; flex-wrap: wrap;}
body.page-home .hero-stat {}
body.page-home .hero-stat strong {font-size: 28px; font-weight: 800; color: var(--navy);}
body.page-home .hero-stat span {display: block; font-size: 12px; color: var(--muted); font-weight: 500;}
body.page-home .hero-visual {position: relative; display: flex; justify-content: center; align-items: center;}
body.page-home .hero-card {background: var(--cs-white);
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 24px 80px rgba(0,0,102,0.12);
    position: relative;
    width: 100%;
    max-width: 420px;}
body.page-home .hero-card-badge {position: absolute; top: -14px; right: 28px;
    background: var(--gold); color: var(--navy);
    font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 20px;}
body.page-home .hero-card-title {font-size: 13px; font-weight: 600; color: var(--muted); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;}
body.page-home .hero-server-svg {width: 100%; height: 180px;}
body.page-home .hero-card-tags {display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px;}
body.page-home .hero-tag {background: var(--light); color: var(--blue); font-size: 12px; font-weight: 600; padding: 6px 12px; border-radius: 20px;}
body.page-home .hero-tag.gold {background: var(--cs-amber-tint); color: var(--cs-amber-text);}
body.page-home .floating-pill {position: absolute;
    background: var(--cs-white); border-radius: 50px;
    padding: 10px 16px; display: flex; align-items: center; gap: 8px;
    box-shadow: 0 8px 24px rgba(0,0,102,0.12);
    font-size: 13px; font-weight: 600; color: var(--navy);
    animation: float-page-home 3s ease-in-out infinite;}
body.page-home .floating-pill:nth-child(3) {top: 10%; left: -30px; animation-delay: 0s;}
body.page-home .floating-pill:nth-child(4) {bottom: 20%; right: -20px; animation-delay: 1.5s;}
body.page-home .pill-dot {width: 10px; height: 10px; border-radius: 50%;}
@keyframes float-page-home { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
body.page-home .value-section {padding: 80px 5%;
    background: var(--cs-white);}
body.page-home .value-inner {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;}
body.page-home .value-h {font-size: clamp(24px, 3vw, 36px); font-weight: 800; color: var(--navy); line-height: 1.2;}
body.page-home .value-h span {color: var(--blue);}
body.page-home .value-text {font-size: 15px; color: var(--muted); line-height: 1.8; margin-bottom: 20px;}
body.page-home .stats-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 0;}
body.page-home .stat-item {padding: 28px 20px; border-left: 1px solid var(--cs-blue-soft);}
body.page-home .stat-item:first-child {border-left: none;}
body.page-home .stat-num {font-size: 36px; font-weight: 800; color: var(--navy); line-height: 1;}
body.page-home .stat-num sup {font-size: 18px;}
body.page-home .stat-label {font-size: 13px; color: var(--muted); margin-top: 6px; font-weight: 500;}
body.page-home .value-stats-wrapper {padding-top: 40px; border-top: 1px solid var(--cs-blue-soft);}
body.page-home .services-section {padding: 100px 5%; background: var(--light);}
body.page-home .section-label {font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; text-align: center;}
body.page-home .section-title {font-size: clamp(26px, 3vw, 40px); font-weight: 800; color: var(--navy); text-align: center; margin-bottom: 12px;}
body.page-home .section-sub {font-size: 16px; color: var(--muted); text-align: center; max-width: 560px; margin: 0 auto 60px; line-height: 1.7;}
body.page-home .services-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
body.page-home .service-card {background: var(--cs-white); border-radius: 16px; padding: 36px;
    display: flex; gap: 24px;
    box-shadow: 0 2px 16px rgba(0,0,102,0.05);
    transition: transform .25s, box-shadow .25s, border-color .25s;
    cursor: default;
    border: 1px solid var(--cs-card-border);}
body.page-home .service-card:hover {transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,0.1); border-color: var(--cs-amber);}
body.page-home .service-icon {width: 52px; height: 52px; border-radius: 14px;
    background: var(--light); display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; color: var(--navy);}
body.page-home .service-card:hover .service-icon {background: var(--navy); color: var(--cs-white);}
body.page-home .service-content h3 {font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px;}
body.page-home .service-content p {font-size: 14px; color: var(--muted); line-height: 1.7;}
body.page-home .service-link {display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--blue); text-decoration: none; margin-top: 14px;}
body.page-home .service-link:hover {color: var(--navy);}
body.page-home .testimonials-section {padding: 100px 5%; background: var(--navy);}
body.page-home .testimonials-section .section-label {color: var(--gold);}
body.page-home .testimonials-section .section-title {color: var(--cs-white);}
body.page-home .testimonials-section .section-sub {color: rgba(255,255,255,0.65);}
body.page-home .testimonials-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
body.page-home .testimonial-card {background: rgba(255,255,255,0.06); border-radius: 16px;
    padding: 32px; border: 1px solid rgba(255,255,255,0.1);
    transition: background .25s;}
body.page-home .testimonial-card:hover {background: rgba(255,255,255,0.1);}
body.page-home .stars {color: var(--gold); font-size: 18px; margin-bottom: 18px; letter-spacing: 2px;}
body.page-home .testimonial-text {font-size: 15px; color: rgba(255,255,255,0.85); line-height: 1.75; margin-bottom: 24px;}
body.page-home .testimonial-author {display: flex; align-items: center; gap: 14px;}
body.page-home .author-avatar {width: 44px; height: 44px; border-radius: 50%;
    background: var(--blue); display: flex; align-items: center; justify-content: center;
    font-weight: 700; color: var(--cs-white); font-size: 16px; flex-shrink: 0;}
body.page-home .author-name {font-weight: 700; color: var(--cs-white); font-size: 14px;}
body.page-home .author-role {font-size: 12px; color: rgba(255,255,255,0.5);}
body.page-home .insights-section {padding: 100px 5%; background: var(--cs-white);}
body.page-home .insights-header {display: flex; align-items: flex-end; justify-content: space-between; max-width: 1200px; margin: 0 auto 48px;}
body.page-home .insights-header .left .section-label, body.page-home .insights-header .left .section-title {text-align: left;}
body.page-home .view-all {font-size: 14px; font-weight: 600; color: var(--blue); text-decoration: none; display: flex; align-items: center; gap: 6px;}
body.page-home .view-all:hover {color: var(--navy);}
body.page-home .insights-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px;}
body.page-home .insight-card {border-radius: 16px; overflow: hidden;
    box-shadow: 0 2px 20px rgba(0,0,102,0.07);
    transition: transform .25s, box-shadow .25s; cursor: pointer;}
body.page-home .insight-card:hover {transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,0.12);}
body.page-home .insight-img {height: 220px; background: var(--light);
    display: flex; align-items: center; justify-content: center;
    overflow: hidden; position: relative;}
body.page-home .insight-img svg {width: 100%; height: 100%;}
body.page-home .insight-body {padding: 28px;}
body.page-home .insight-tag {display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px;}
body.page-home .insight-title {font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.3;}
body.page-home .insight-excerpt {font-size: 14px; color: var(--muted); line-height: 1.7; margin-bottom: 16px;}
body.page-home .insight-meta {font-size: 12px; color: var(--cs-gray-400); font-weight: 500;}
body.page-home .cta-section {padding: 100px 5%; background: var(--light);}
body.page-home .cta-inner {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;}
body.page-home .cta-left h2 {font-size: clamp(28px, 3.5vw, 42px); font-weight: 800; color: var(--navy); line-height: 1.2; margin-bottom: 20px;}
body.page-home .cta-left p {font-size: 16px; color: var(--muted); line-height: 1.75; margin-bottom: 32px;}
body.page-home .cta-checkmarks {list-style: none; margin-bottom: 36px; display: flex; flex-direction: column; gap: 12px;}
body.page-home .cta-checkmarks li {display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--text); font-weight: 500;}
body.page-home .check-icon {width: 22px; height: 22px; background: var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
body.page-home .check-icon svg {width: 12px; height: 12px;}
body.page-home .cta-form {background: var(--cs-white); border-radius: 20px; padding: 40px;
    box-shadow: 0 8px 48px rgba(0,0,102,0.08);}
body.page-home .cta-form h3 {font-size: 22px; font-weight: 700; color: var(--navy); margin-bottom: 24px;}
body.page-home .form-group {margin-bottom: 18px;}
body.page-home .form-group label {display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 8px;}
body.page-home .form-group input, body.page-home .form-group select, body.page-home .form-group textarea {width: 100%; padding: 12px 16px;
    border: 1.5px solid var(--cs-input-border); border-radius: 8px;
    font-size: 14px; font-family: inherit; color: var(--text);
    outline: none; transition: border .2s;
    background: var(--cs-input-bg);}
body.page-home .form-group input:focus, body.page-home .form-group select:focus, body.page-home .form-group textarea:focus {border-color: var(--blue); background: var(--cs-white);}
body.page-home .form-row {display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
body.page-home .form-submit {width: 100%; padding: 14px; background: var(--navy); color: var(--cs-white);
    border: none; border-radius: 8px; font-size: 15px; font-weight: 700;
    cursor: pointer; transition: background .2s, transform .15s; font-family: inherit;}
body.page-home .form-submit:hover:not(:disabled) {background: var(--blue); transform: translateY(-1px);}
body.page-home .form-submit:disabled {cursor: wait; opacity: .86;}
body.page-home .honeypot {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
body.page-home .form-status {margin-top: 14px; font-size: 13px; line-height: 1.55; min-height: 20px;}
body.page-home .form-status.success {color: var(--cs-success); font-weight: 700;}
body.page-home .form-status.error {color: var(--cs-error); font-weight: 700;}
body.page-home .trust-bar {background: var(--blue); padding: 14px 5%; display: flex; align-items: center; justify-content: center; gap: 60px; flex-wrap: wrap;}
body.page-home .trust-item {display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,0.9); font-size: 14px; font-weight: 500;}
body.page-home .trust-dot {width: 8px; height: 8px; border-radius: 50%; background: var(--gold);}
@media (max-width: 900px){
body.page-home .hero-inner, body.page-home .value-inner, body.page-home .services-grid, body.page-home .cta-inner {grid-template-columns: 1fr;}
body.page-home .testimonials-grid {grid-template-columns: 1fr;}
body.page-home .insights-grid {grid-template-columns: 1fr;}
body.page-home .stats-grid {grid-template-columns: repeat(2, 1fr);}
body.page-home .hero-visual {display: none;}
body.page-home .insights-header {flex-direction: column; align-items: flex-start; gap: 12px;}
}
body.page-home nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,102,0.08);
    padding: 0 5%;
    display: flex; align-items: center; justify-content: space-between;
    height: 68px;}
body.page-home .nav-logo img {height: 36px;}
body.page-home .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-home .nav-links a {text-decoration: none; font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-home .nav-links a:hover {color: var(--blue);}
body.page-home .nav-dropdown {position: relative;}
body.page-home .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px;
    font-size: 14px; font-weight: 500; color: var(--navy);
    cursor: pointer; background: none; border: none; font-family: inherit;
    padding: 0; transition: color .2s;}
body.page-home .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-home .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-home .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-home .nav-dropdown-menu {display: none;
    position: absolute; top: calc(100% + 16px); left: 50%;
    transform: translateX(-50%);
    background: var(--cs-white); border-radius: 12px;
    box-shadow: 0 8px 40px rgba(0,0,102,0.13);
    border: 1px solid rgba(0,0,102,0.08);
    min-width: 240px; padding: 8px;
    z-index: 200;}
body.page-home .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-home .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px;
    font-size: 14px; font-weight: 500; color: var(--navy);
    text-decoration: none; transition: background .15s, color .15s;}
body.page-home .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue);}
body.page-home .nav-cta {background: var(--navy); color: var(--cs-white);
    padding: 10px 22px; border-radius: 6px;
    font-size: 14px; font-weight: 600; text-decoration: none;
    transition: background .2s, transform .15s;}
body.page-home .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
@media (max-width: 900px){
body.page-home .nav-links {display: none;}
}
body.page-home footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-home .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-home .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-home .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-home .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-home .social-btn {width: 36px; height: 36px; border-radius: 8px;
    background: var(--light); display: flex; align-items: center; justify-content: center;
    color: var(--navy); text-decoration: none; font-size: 14px;
    transition: background .2s, color .2s;}
body.page-home .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-home .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-home .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-home .footer-col ul a {font-size: 14px; color: var(--muted); text-decoration: none; transition: color .2s;}
body.page-home .footer-col ul a:hover {color: var(--blue);}
body.page-home .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-home .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-home .footer-bottom-links {display: flex; gap: 24px;}
body.page-home .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400); text-decoration: none;}
body.page-home .footer-bottom-links a:hover {color: var(--gold);}
@media (max-width: 900px){
body.page-home .footer-grid {grid-template-columns: 1fr;}
body.page-home .footer-bottom {flex-direction: column; gap: 16px; align-items: flex-start;}
}

/* Generated from former style attributes. */
body.page-home .page-home-inline-01 {position:relative;z-index:2;}
body.page-home .page-home-inline-02 {text-align:left;}
body.page-home .page-home-inline-03 {color:var(--cs-blue);}
body.page-home .page-home-inline-04 {color:var(--cs-navy);}
body.page-home .page-home-inline-05 {max-width:1200px;margin:0 auto;}
body.page-home .page-home-inline-06 {grid-template-columns: repeat(3, 1fr);}
body.page-home .page-home-inline-07 {color:rgba(255,255,255,0.65);}
body.page-home .page-home-inline-08 {text-align:left;}
body.page-home .page-home-inline-09 {text-decoration:none;color:inherit;}
body.page-home .page-home-inline-10 {text-decoration:none;color:inherit;}
body.page-home .page-home-inline-11 {text-align:left;}

/* ===== public/insights/ai-in-your-business.html (page-insights-ai-in-your-business) ===== */
body.page-insights-ai-in-your-business *, body.page-insights-ai-in-your-business *::before, body.page-insights-ai-in-your-business *::after {box-sizing:border-box;margin:0;padding:0}
body.page-insights-ai-in-your-business {font-family:"Inter",sans-serif;color:var(--text);background:var(--cs-white);line-height:1.6;padding-top:68px}
body.page-insights-ai-in-your-business h1, body.page-insights-ai-in-your-business h2, body.page-insights-ai-in-your-business h3, body.page-insights-ai-in-your-business h4 {font-family:"Patua One",serif;letter-spacing:0.04em}
body.page-insights-ai-in-your-business a {text-decoration:none;color:inherit}
body.page-insights-ai-in-your-business img {max-width:100%}
body.page-insights-ai-in-your-business nav {position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,102,.08);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
body.page-insights-ai-in-your-business .nav-logo img {height:36px}
body.page-insights-ai-in-your-business .nav-links {display:flex;gap:32px;list-style:none;align-items:center}
body.page-insights-ai-in-your-business .nav-links a {font-size:14px;font-weight:500;color:var(--navy);transition:color .2s}
body.page-insights-ai-in-your-business .nav-links a:hover {color:var(--blue)}
body.page-insights-ai-in-your-business .nav-dropdown {position:relative}
body.page-insights-ai-in-your-business .nav-dropdown-toggle {display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;background:none;border:none;font-family:inherit;padding:0;transition:color .2s}
body.page-insights-ai-in-your-business .nav-dropdown.open .nav-dropdown-toggle svg {transform:rotate(180deg)}
body.page-insights-ai-in-your-business .nav-dropdown-menu {display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);background:var(--cs-white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,102,.13);border:1px solid rgba(0,0,102,.08);min-width:240px;padding:8px;z-index:200}
body.page-insights-ai-in-your-business .nav-dropdown.open .nav-dropdown-menu {display:block}
body.page-insights-ai-in-your-business .nav-dropdown-menu a {display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);transition:background .15s}
body.page-insights-ai-in-your-business .nav-dropdown-menu a:hover {background:var(--light);color:var(--blue)}
body.page-insights-ai-in-your-business .nav-cta {background:var(--navy);color:var(--cs-white);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s}
body.page-insights-ai-in-your-business .nav-cta:hover {background:var(--blue)}
body.page-insights-ai-in-your-business .article-breadcrumbs {padding:24px 5%;background:var(--cs-gray-50);border-bottom:1px solid var(--cs-gray-200);font-size:13px;color:var(--muted)}
body.page-insights-ai-in-your-business .article-breadcrumbs a {color:var(--blue)}
body.page-insights-ai-in-your-business .article-header {padding:60px 5% 40px;background:linear-gradient(135deg,var(--cs-light),var(--cs-blue-soft) 50%,var(--cs-blue-wash));position:relative;overflow:hidden}
body.page-insights-ai-in-your-business .article-header::before {content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(71,112,173,.08),transparent 70%);border-radius:50%}
body.page-insights-ai-in-your-business .article-header-inner {max-width:900px;margin:0 auto;position:relative;z-index:1}
body.page-insights-ai-in-your-business .article-header .tag {display:inline-block;background:var(--light);color:var(--blue);font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:16px}
body.page-insights-ai-in-your-business .article-header h1 {font-size:42px;line-height:1.2;color:var(--navy);margin-bottom:24px}
body.page-insights-ai-in-your-business .article-meta {display:flex;gap:20px;font-size:14px;color:var(--muted);margin-bottom:24px}
body.page-insights-ai-in-your-business .article-author {display:flex;gap:16px;align-items:center}
body.page-insights-ai-in-your-business .author-avatar {width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
body.page-insights-ai-in-your-business .author-info {display:flex;flex-direction:column}
body.page-insights-ai-in-your-business .author-name {font-weight:600;color:var(--navy)}
body.page-insights-ai-in-your-business .author-title {font-size:13px;color:var(--muted)}
body.page-insights-ai-in-your-business .article-hero {max-width:1200px;margin:40px auto;padding:0 5%}
body.page-insights-ai-in-your-business .article-hero img {width:100%;height:auto;border-radius:12px}
body.page-insights-ai-in-your-business .article-content {max-width:900px;margin:0 auto;padding:0 5%}
body.page-insights-ai-in-your-business .article-content p {font-size:16px;line-height:1.8;color:var(--text);margin-bottom:24px}
body.page-insights-ai-in-your-business .article-content h2 {font-size:32px;color:var(--navy);margin-top:40px;margin-bottom:20px}
body.page-insights-ai-in-your-business .article-content ul, body.page-insights-ai-in-your-business ol {margin-left:24px;margin-bottom:24px}
body.page-insights-ai-in-your-business .article-content li {margin-bottom:10px;line-height:1.8}
body.page-insights-ai-in-your-business .article-content strong {color:var(--navy);font-weight:600}
body.page-insights-ai-in-your-business .article-callout {padding:24px;border-radius:12px;margin:32px 0;border-left:4px solid var(--blue);background:var(--cs-light)}
body.page-insights-ai-in-your-business .article-callout-warning {border-left-color:var(--cs-amber);background:rgba(245,181,5,.08)}
body.page-insights-ai-in-your-business .article-callout-success {border-left-color:var(--cs-success);background:rgba(13,153,101,.08)}
body.page-insights-ai-in-your-business .article-callout strong {display:block;margin-bottom:8px}
body.page-insights-ai-in-your-business .article-cta {padding:80px 5%;background:linear-gradient(135deg,var(--navy),var(--cs-navy-bright));text-align:center;position:relative;overflow:hidden}
body.page-insights-ai-in-your-business .article-cta::before {content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,181,5,.1),transparent 70%);border-radius:50%}
body.page-insights-ai-in-your-business .article-cta-inner {position:relative;z-index:1;max-width:700px;margin:0 auto}
body.page-insights-ai-in-your-business .article-cta h2 {font-size:36px;color:var(--cs-white);margin-bottom:16px}
body.page-insights-ai-in-your-business .article-cta p {font-size:16px;color:rgba(255,255,255,.8);margin-bottom:32px}
body.page-insights-ai-in-your-business .btn-amber {background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:8px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-block}
body.page-insights-ai-in-your-business .btn-amber:hover {background:var(--cs-amber-hover)}
body.page-insights-ai-in-your-business .btn-lg {padding:16px 40px;font-size:16px}
body.page-insights-ai-in-your-business footer {background:var(--cs-white);padding:64px 5% 32px;border-top:1px solid var(--cs-footer-border)}
body.page-insights-ai-in-your-business .footer-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
body.page-insights-ai-in-your-business .footer-brand img {height:32px}
body.page-insights-ai-in-your-business .footer-brand p {font-size:14px;color:var(--muted)}
body.page-insights-ai-in-your-business .footer-socials {display:flex;gap:12px;margin-top:20px}
body.page-insights-ai-in-your-business .social-btn {width:36px;height:36px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .2s}
body.page-insights-ai-in-your-business .social-btn:hover {background:var(--gold)}
body.page-insights-ai-in-your-business .footer-col h4 {font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
body.page-insights-ai-in-your-business .footer-col ul {list-style:none;display:flex;flex-direction:column;gap:10px}
body.page-insights-ai-in-your-business .footer-col ul a {font-size:14px;color:var(--muted);transition:color .2s}
body.page-insights-ai-in-your-business .footer-col ul a:hover {color:var(--blue)}
body.page-insights-ai-in-your-business .footer-bottom {max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--cs-footer-border);display:flex;justify-content:space-between}
body.page-insights-ai-in-your-business .footer-bottom-text {font-size:13px;color:var(--cs-gray-400)}
body.page-insights-ai-in-your-business .footer-bottom-links {display:flex;gap:24px}
body.page-insights-ai-in-your-business .footer-bottom-links a {font-size:13px;color:var(--cs-gray-400)}
@media (max-width:900px){
body.page-insights-ai-in-your-business {padding-top:60px}
body.page-insights-ai-in-your-business .article-header h1 {font-size:28px}
body.page-insights-ai-in-your-business .nav-links {display:none}
}

/* Generated from former style attributes. */
body.page-insights-ai-in-your-business .page-insights-ai-in-your-business-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/insights/business-fibre-vs-vdsl.html (page-insights-business-fibre-vs-vdsl) ===== */
body.page-insights-business-fibre-vs-vdsl *, body.page-insights-business-fibre-vs-vdsl *::before, body.page-insights-business-fibre-vs-vdsl *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-insights-business-fibre-vs-vdsl {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6; padding-top: 68px;}
body.page-insights-business-fibre-vs-vdsl h1, body.page-insights-business-fibre-vs-vdsl h2, body.page-insights-business-fibre-vs-vdsl h3, body.page-insights-business-fibre-vs-vdsl h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-insights-business-fibre-vs-vdsl a {text-decoration: none; color: inherit;}
body.page-insights-business-fibre-vs-vdsl img {max-width: 100%;}
body.page-insights-business-fibre-vs-vdsl nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-insights-business-fibre-vs-vdsl .nav-logo img {height: 36px;}
body.page-insights-business-fibre-vs-vdsl .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-insights-business-fibre-vs-vdsl .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-insights-business-fibre-vs-vdsl .nav-links a:hover {color: var(--blue);}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown {position: relative;}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-insights-business-fibre-vs-vdsl .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-insights-business-fibre-vs-vdsl .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-insights-business-fibre-vs-vdsl .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-insights-business-fibre-vs-vdsl .article-breadcrumbs {padding: 24px 5%; background: var(--cs-gray-50); border-bottom: 1px solid var(--cs-gray-200); font-size: 13px; color: var(--muted);}
body.page-insights-business-fibre-vs-vdsl .article-breadcrumbs a {color: var(--blue); transition: color .2s;}
body.page-insights-business-fibre-vs-vdsl .article-breadcrumbs a:hover {color: var(--navy);}
body.page-insights-business-fibre-vs-vdsl .article-header {padding: 60px 5% 40px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash)); position: relative; overflow: hidden;}
body.page-insights-business-fibre-vs-vdsl .article-header::before {content: ""; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%;}
body.page-insights-business-fibre-vs-vdsl .article-header-inner {max-width: 900px; margin: 0 auto; position: relative; z-index: 1;}
body.page-insights-business-fibre-vs-vdsl .article-header .tag {display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 16px;}
body.page-insights-business-fibre-vs-vdsl .article-header h1 {font-size: 42px; line-height: 1.2; color: var(--navy); margin-bottom: 24px;}
body.page-insights-business-fibre-vs-vdsl .article-meta {display: flex; gap: 20px; font-size: 14px; color: var(--muted); margin-bottom: 24px;}
body.page-insights-business-fibre-vs-vdsl .article-author {display: flex; gap: 16px; align-items: center;}
body.page-insights-business-fibre-vs-vdsl .author-avatar {width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
body.page-insights-business-fibre-vs-vdsl .author-info {display: flex; flex-direction: column;}
body.page-insights-business-fibre-vs-vdsl .author-name {font-weight: 600; color: var(--navy);}
body.page-insights-business-fibre-vs-vdsl .author-title {font-size: 13px; color: var(--muted);}
body.page-insights-business-fibre-vs-vdsl .article-hero {max-width: 1200px; margin: 40px auto; padding: 0 5%;}
body.page-insights-business-fibre-vs-vdsl .article-hero img {width: 100%; height: auto; border-radius: 12px;}
body.page-insights-business-fibre-vs-vdsl .article-content {max-width: 900px; margin: 0 auto; padding: 0 5%;}
body.page-insights-business-fibre-vs-vdsl .article-content p {font-size: 16px; line-height: 1.8; color: var(--text); margin-bottom: 24px;}
body.page-insights-business-fibre-vs-vdsl .article-content h2 {font-size: 32px; color: var(--navy); margin-top: 40px; margin-bottom: 20px;}
body.page-insights-business-fibre-vs-vdsl .article-content h3 {font-size: 24px; color: var(--navy); margin-top: 32px; margin-bottom: 16px;}
body.page-insights-business-fibre-vs-vdsl .article-content ul, body.page-insights-business-fibre-vs-vdsl .article-content ol {margin-left: 24px; margin-bottom: 24px;}
body.page-insights-business-fibre-vs-vdsl .article-content li {margin-bottom: 10px; line-height: 1.8;}
body.page-insights-business-fibre-vs-vdsl .article-content strong {color: var(--navy); font-weight: 600;}
body.page-insights-business-fibre-vs-vdsl .article-callout {padding: 24px; border-radius: 12px; margin: 32px 0; border-left: 4px solid var(--blue); background: var(--cs-light);}
body.page-insights-business-fibre-vs-vdsl .article-callout-warning {border-left-color: var(--cs-amber); background: rgba(245,181,5,.08);}
body.page-insights-business-fibre-vs-vdsl .article-callout-success {border-left-color: var(--cs-success); background: rgba(13,153,101,.08);}
body.page-insights-business-fibre-vs-vdsl .article-callout strong {display: block; margin-bottom: 8px;}
body.page-insights-business-fibre-vs-vdsl .article-footer {padding: 40px 5%; max-width: 900px; margin: 40px auto; border-top: 1px solid var(--cs-gray-200); border-bottom: 1px solid var(--cs-gray-200);}
body.page-insights-business-fibre-vs-vdsl .article-tags {display: flex; gap: 12px; flex-wrap: wrap; align-items: center;}
body.page-insights-business-fibre-vs-vdsl .badge {display: inline-block; background: var(--light); color: var(--navy); font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 20px;}
body.page-insights-business-fibre-vs-vdsl .article-related {padding: 80px 5%; background: var(--cs-gray-50);}
body.page-insights-business-fibre-vs-vdsl .article-related h2 {font-size: 36px; color: var(--navy); margin-bottom: 48px; text-align: center;}
body.page-insights-business-fibre-vs-vdsl .articles-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
body.page-insights-business-fibre-vs-vdsl .article-card {border-radius: 12px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,102,.07); transition: transform .25s, box-shadow .25s;}
body.page-insights-business-fibre-vs-vdsl .article-card:hover {transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.12);}
body.page-insights-business-fibre-vs-vdsl .article-card img {width: 100%; height: 200px; object-fit: cover;}
body.page-insights-business-fibre-vs-vdsl .article-card-category {display: inline-block; background: var(--light); color: var(--blue); font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 16px; margin: 16px 0 12px;}
body.page-insights-business-fibre-vs-vdsl .article-card h3 {font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.3; padding: 0 16px;}
body.page-insights-business-fibre-vs-vdsl .article-card p {font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 12px; padding: 0 16px;}
body.page-insights-business-fibre-vs-vdsl .article-card-meta {font-size: 12px; color: var(--muted); padding: 0 16px 16px;}
body.page-insights-business-fibre-vs-vdsl .article-cta {padding: 80px 5%; background: linear-gradient(135deg, var(--navy), var(--cs-navy-bright)); text-align: center; position: relative; overflow: hidden;}
body.page-insights-business-fibre-vs-vdsl .article-cta::before {content: ""; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%;}
body.page-insights-business-fibre-vs-vdsl .article-cta-inner {position: relative; z-index: 1; max-width: 700px; margin: 0 auto;}
body.page-insights-business-fibre-vs-vdsl .article-cta h2 {font-size: 36px; color: var(--cs-white); margin-bottom: 16px;}
body.page-insights-business-fibre-vs-vdsl .article-cta p {font-size: 16px; color: rgba(255,255,255,.8); margin-bottom: 32px; line-height: 1.7;}
body.page-insights-business-fibre-vs-vdsl .btn-amber {background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; display: inline-block;}
body.page-insights-business-fibre-vs-vdsl .btn-amber:hover {background: var(--cs-amber-hover); transform: translateY(-2px);}
body.page-insights-business-fibre-vs-vdsl .btn-lg {padding: 16px 40px; font-size: 16px;}
body.page-insights-business-fibre-vs-vdsl footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-insights-business-fibre-vs-vdsl .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-insights-business-fibre-vs-vdsl .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-insights-business-fibre-vs-vdsl .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-insights-business-fibre-vs-vdsl .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-insights-business-fibre-vs-vdsl .social-btn {width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s;}
body.page-insights-business-fibre-vs-vdsl .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-insights-business-fibre-vs-vdsl .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-insights-business-fibre-vs-vdsl .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-insights-business-fibre-vs-vdsl .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-insights-business-fibre-vs-vdsl .footer-col ul a:hover {color: var(--blue);}
body.page-insights-business-fibre-vs-vdsl .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-insights-business-fibre-vs-vdsl .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-business-fibre-vs-vdsl .footer-bottom-links {display: flex; gap: 24px;}
body.page-insights-business-fibre-vs-vdsl .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-business-fibre-vs-vdsl .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-insights-business-fibre-vs-vdsl {padding-top: 60px;}
body.page-insights-business-fibre-vs-vdsl .article-header h1 {font-size: 28px;}
body.page-insights-business-fibre-vs-vdsl .article-content h2 {font-size: 24px;}
body.page-insights-business-fibre-vs-vdsl .articles-grid {grid-template-columns: 1fr;}
body.page-insights-business-fibre-vs-vdsl .footer-grid {grid-template-columns: 1fr;}
body.page-insights-business-fibre-vs-vdsl .nav-links {display: none;}
}

/* Generated from former style attributes. */
body.page-insights-business-fibre-vs-vdsl .page-insights-business-fibre-vs-vdsl-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/insights/getting-most-from-teams.html (page-insights-getting-most-from-teams) ===== */
body.page-insights-getting-most-from-teams *, body.page-insights-getting-most-from-teams *::before, body.page-insights-getting-most-from-teams *::after {box-sizing:border-box;margin:0;padding:0}
body.page-insights-getting-most-from-teams {font-family:"Inter",sans-serif;color:var(--text);background:var(--cs-white);line-height:1.6;padding-top:68px}
body.page-insights-getting-most-from-teams h1, body.page-insights-getting-most-from-teams h2, body.page-insights-getting-most-from-teams h3, body.page-insights-getting-most-from-teams h4 {font-family:"Patua One",serif;letter-spacing:0.04em}
body.page-insights-getting-most-from-teams a {text-decoration:none;color:inherit}
body.page-insights-getting-most-from-teams img {max-width:100%}
body.page-insights-getting-most-from-teams nav {position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,102,.08);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
body.page-insights-getting-most-from-teams .nav-logo img {height:36px}
body.page-insights-getting-most-from-teams .nav-links {display:flex;gap:32px;list-style:none;align-items:center}
body.page-insights-getting-most-from-teams .nav-links a {font-size:14px;font-weight:500;color:var(--navy);transition:color .2s}
body.page-insights-getting-most-from-teams .nav-links a:hover {color:var(--blue)}
body.page-insights-getting-most-from-teams .nav-dropdown {position:relative}
body.page-insights-getting-most-from-teams .nav-dropdown-toggle {display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;background:none;border:none;font-family:inherit;padding:0;transition:color .2s}
body.page-insights-getting-most-from-teams .nav-dropdown-toggle:hover {color:var(--blue)}
body.page-insights-getting-most-from-teams .nav-dropdown-toggle svg {transition:transform .2s}
body.page-insights-getting-most-from-teams .nav-dropdown.open .nav-dropdown-toggle svg {transform:rotate(180deg)}
body.page-insights-getting-most-from-teams .nav-dropdown-menu {display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);background:var(--cs-white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,102,.13);border:1px solid rgba(0,0,102,.08);min-width:240px;padding:8px;z-index:200}
body.page-insights-getting-most-from-teams .nav-dropdown.open .nav-dropdown-menu {display:block}
body.page-insights-getting-most-from-teams .nav-dropdown-menu a {display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);transition:background .15s,color .15s}
body.page-insights-getting-most-from-teams .nav-dropdown-menu a:hover {background:var(--light);color:var(--blue);font-weight:600}
body.page-insights-getting-most-from-teams .nav-cta {background:var(--navy);color:var(--cs-white);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s,transform .15s}
body.page-insights-getting-most-from-teams .nav-cta:hover {background:var(--blue);transform:translateY(-1px)}
body.page-insights-getting-most-from-teams .article-breadcrumbs {padding:24px 5%;background:var(--cs-gray-50);border-bottom:1px solid var(--cs-gray-200);font-size:13px;color:var(--muted)}
body.page-insights-getting-most-from-teams .article-breadcrumbs a {color:var(--blue)}
body.page-insights-getting-most-from-teams .article-header {padding:60px 5% 40px;background:linear-gradient(135deg,var(--cs-light),var(--cs-blue-soft) 50%,var(--cs-blue-wash));position:relative;overflow:hidden}
body.page-insights-getting-most-from-teams .article-header::before {content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(71,112,173,.08),transparent 70%);border-radius:50%}
body.page-insights-getting-most-from-teams .article-header-inner {max-width:900px;margin:0 auto;position:relative;z-index:1}
body.page-insights-getting-most-from-teams .article-header .tag {display:inline-block;background:var(--light);color:var(--blue);font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:16px}
body.page-insights-getting-most-from-teams .article-header h1 {font-size:42px;line-height:1.2;color:var(--navy);margin-bottom:24px}
body.page-insights-getting-most-from-teams .article-meta {display:flex;gap:20px;font-size:14px;color:var(--muted);margin-bottom:24px}
body.page-insights-getting-most-from-teams .article-author {display:flex;gap:16px;align-items:center}
body.page-insights-getting-most-from-teams .author-avatar {width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
body.page-insights-getting-most-from-teams .author-info {display:flex;flex-direction:column}
body.page-insights-getting-most-from-teams .author-name {font-weight:600;color:var(--navy)}
body.page-insights-getting-most-from-teams .author-title {font-size:13px;color:var(--muted)}
body.page-insights-getting-most-from-teams .article-hero {max-width:1200px;margin:40px auto;padding:0 5%}
body.page-insights-getting-most-from-teams .article-hero img {width:100%;height:auto;border-radius:12px}
body.page-insights-getting-most-from-teams .article-content {max-width:900px;margin:0 auto;padding:0 5%}
body.page-insights-getting-most-from-teams .article-content p {font-size:16px;line-height:1.8;color:var(--text);margin-bottom:24px}
body.page-insights-getting-most-from-teams .article-content h2 {font-size:32px;color:var(--navy);margin-top:40px;margin-bottom:20px}
body.page-insights-getting-most-from-teams .article-content ul, body.page-insights-getting-most-from-teams ol {margin-left:24px;margin-bottom:24px}
body.page-insights-getting-most-from-teams .article-content li {margin-bottom:10px;line-height:1.8}
body.page-insights-getting-most-from-teams .article-content strong {color:var(--navy);font-weight:600}
body.page-insights-getting-most-from-teams .article-callout {padding:24px;border-radius:12px;margin:32px 0;border-left:4px solid var(--blue);background:var(--cs-light)}
body.page-insights-getting-most-from-teams .article-callout-success {border-left-color:var(--cs-success);background:rgba(13,153,101,.08)}
body.page-insights-getting-most-from-teams .article-callout strong {display:block;margin-bottom:8px}
body.page-insights-getting-most-from-teams .article-cta {padding:80px 5%;background:linear-gradient(135deg,var(--navy),var(--cs-navy-bright));text-align:center;position:relative;overflow:hidden}
body.page-insights-getting-most-from-teams .article-cta::before {content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,181,5,.1),transparent 70%);border-radius:50%}
body.page-insights-getting-most-from-teams .article-cta-inner {position:relative;z-index:1;max-width:700px;margin:0 auto}
body.page-insights-getting-most-from-teams .article-cta h2 {font-size:36px;color:var(--cs-white);margin-bottom:16px}
body.page-insights-getting-most-from-teams .article-cta p {font-size:16px;color:rgba(255,255,255,.8);margin-bottom:32px}
body.page-insights-getting-most-from-teams .btn-amber {background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:8px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-block}
body.page-insights-getting-most-from-teams .btn-amber:hover {background:var(--cs-amber-hover)}
body.page-insights-getting-most-from-teams .btn-lg {padding:16px 40px;font-size:16px}
body.page-insights-getting-most-from-teams footer {background:var(--cs-white);padding:64px 5% 32px;border-top:1px solid var(--cs-footer-border)}
body.page-insights-getting-most-from-teams .footer-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
body.page-insights-getting-most-from-teams .footer-brand img {height:32px;margin-bottom:18px}
body.page-insights-getting-most-from-teams .footer-brand p {font-size:14px;color:var(--muted);line-height:1.7}
body.page-insights-getting-most-from-teams .footer-socials {display:flex;gap:12px;margin-top:20px}
body.page-insights-getting-most-from-teams .social-btn {width:36px;height:36px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .2s}
body.page-insights-getting-most-from-teams .social-btn:hover {background:var(--gold)}
body.page-insights-getting-most-from-teams .footer-col h4 {font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
body.page-insights-getting-most-from-teams .footer-col ul {list-style:none;display:flex;flex-direction:column;gap:10px}
body.page-insights-getting-most-from-teams .footer-col ul a {font-size:14px;color:var(--muted);transition:color .2s}
body.page-insights-getting-most-from-teams .footer-col ul a:hover {color:var(--blue)}
body.page-insights-getting-most-from-teams .footer-bottom {max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--cs-footer-border);display:flex;justify-content:space-between}
body.page-insights-getting-most-from-teams .footer-bottom-text {font-size:13px;color:var(--cs-gray-400)}
body.page-insights-getting-most-from-teams .footer-bottom-links {display:flex;gap:24px}
body.page-insights-getting-most-from-teams .footer-bottom-links a {font-size:13px;color:var(--cs-gray-400)}
body.page-insights-getting-most-from-teams .footer-bottom-links a:hover {color:var(--blue)}
@media (max-width:900px){
body.page-insights-getting-most-from-teams {padding-top:60px}
body.page-insights-getting-most-from-teams .article-header h1 {font-size:28px}
body.page-insights-getting-most-from-teams .nav-links {display:none}
}

/* Generated from former style attributes. */
body.page-insights-getting-most-from-teams .page-insights-getting-most-from-teams-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/insights/index.html (page-insights-home) ===== */
body.page-insights-home *, body.page-insights-home *::before, body.page-insights-home *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-insights-home {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6;}
body.page-insights-home h1, body.page-insights-home h2, body.page-insights-home h3, body.page-insights-home h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-insights-home a {text-decoration: none; color: inherit;}
body.page-insights-home nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-insights-home .nav-logo img {height: 36px;}
body.page-insights-home .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-insights-home .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-insights-home .nav-links a:hover {color: var(--blue);}
body.page-insights-home .nav-dropdown {position: relative;}
body.page-insights-home .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-insights-home .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-insights-home .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-insights-home .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-insights-home .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-insights-home .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-insights-home .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-insights-home .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-insights-home .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-insights-home .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-insights-home .page-header {padding: 120px 5% 80px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash)); position: relative; overflow: hidden;}
body.page-insights-home .page-header::before {content: ""; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%;}
body.page-insights-home .breadcrumb {font-size: 13px; color: var(--muted); margin-bottom: 20px; display: flex; align-items: center; gap: 8px; position: relative; z-index: 1;}
body.page-insights-home .breadcrumb a {color: var(--blue);}
body.page-insights-home .breadcrumb a:hover {color: var(--navy);}
body.page-insights-home .page-header h1 {font-size: clamp(36px, 5vw, 52px); line-height: 1.2; color: var(--navy); margin-bottom: 16px; position: relative; z-index: 1;}
body.page-insights-home .page-header p {font-size: 17px; color: var(--muted); line-height: 1.7; max-width: 600px; position: relative; z-index: 1;}
body.page-insights-home .insights-controls {max-width: 1200px; margin: 60px auto 0; padding: 0 5%;}
body.page-insights-home .search-box {position: relative; margin-bottom: 32px;}
body.page-insights-home .search-box input {width: 100%; max-width: 400px; padding: 14px 20px 14px 48px; border: 1.5px solid var(--cs-input-border); border-radius: 8px; font-size: 15px; font-family: inherit; color: var(--text); outline: none; transition: border .2s;}
body.page-insights-home .search-box input:focus {border-color: var(--blue); background: var(--cs-white);}
body.page-insights-home .search-box input::placeholder {color: var(--muted);}
body.page-insights-home .search-icon {position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none;}
body.page-insights-home .filters {display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 48px;}
body.page-insights-home .filter-btn {padding: 10px 18px; border: 1.5px solid var(--cs-input-border); border-radius: 20px; font-size: 14px; font-weight: 500; color: var(--navy); background: var(--cs-white); cursor: pointer; transition: all .2s;}
body.page-insights-home .filter-btn:hover {border-color: var(--blue); color: var(--blue);}
body.page-insights-home .filter-btn.active {background: var(--navy); color: var(--cs-white); border-color: var(--navy);}
body.page-insights-home .insights-grid {max-width: 1200px; margin: 60px auto; padding: 0 5%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
body.page-insights-home .insight-card {border-radius: 16px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,102,.07); transition: transform .25s, box-shadow .25s; opacity: 0; transform: translateY(20px); animation: fadeInUp-page-insights-home .5s ease forwards;}
body.page-insights-home .insight-card:nth-child(1) {animation-delay: 0s;}
body.page-insights-home .insight-card:nth-child(2) {animation-delay: 0.1s;}
body.page-insights-home .insight-card:nth-child(3) {animation-delay: 0.2s;}
body.page-insights-home .insight-card:nth-child(4) {animation-delay: 0.3s;}
body.page-insights-home .insight-card:nth-child(5) {animation-delay: 0.4s;}
body.page-insights-home .insight-card:nth-child(6) {animation-delay: 0.5s;}
@keyframes fadeInUp-page-insights-home { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
body.page-insights-home .insight-card:hover {transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.12);}
body.page-insights-home .insight-card a {display: block; color: var(--text);}
body.page-insights-home .insight-img {height: 200px; background: var(--light); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
body.page-insights-home .insight-img img {width: 100%; height: 100%; object-fit: cover;}
body.page-insights-home .insight-img-placeholder {width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0,0,102,.1), rgba(71,112,173,.1));}
body.page-insights-home .insight-body {padding: 24px;}
body.page-insights-home .insight-tag {display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px;}
body.page-insights-home .insight-title {font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.3;}
body.page-insights-home .insight-excerpt {font-size: 14px; color: var(--muted); line-height: 1.7; margin-bottom: 16px;}
body.page-insights-home .insight-meta {font-size: 12px; color: var(--muted); font-weight: 500;}
body.page-insights-home .empty-state {text-align: center; padding: 80px 5%;}
body.page-insights-home .empty-state h2 {font-size: 28px; color: var(--navy); margin-bottom: 16px;}
body.page-insights-home .empty-state p {font-size: 16px; color: var(--muted); margin-bottom: 32px;}
body.page-insights-home .empty-state-btn {display: inline-block; background: var(--navy); color: var(--cs-white); padding: 12px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; transition: all .2s;}
body.page-insights-home .empty-state-btn:hover {background: var(--blue); transform: translateY(-2px);}
body.page-insights-home .pagination {display: flex; justify-content: center; gap: 8px; margin: 60px 0;}
body.page-insights-home .pagination a, body.page-insights-home .pagination span {padding: 10px 14px; border-radius: 6px; font-size: 14px; font-weight: 500; transition: all .2s;}
body.page-insights-home .pagination a {background: var(--light); color: var(--navy); cursor: pointer;}
body.page-insights-home .pagination a:hover {background: var(--blue); color: var(--cs-white);}
body.page-insights-home .pagination span.active {background: var(--navy); color: var(--cs-white);}
body.page-insights-home .pagination span.dots {color: var(--muted);}
body.page-insights-home .cta-section {padding: 100px 5%; background: linear-gradient(135deg, var(--navy), var(--cs-navy-bright)); text-align: center; position: relative; overflow: hidden;}
body.page-insights-home .cta-section::before {content: ""; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%;}
body.page-insights-home .cta-inner {position: relative; z-index: 1; max-width: 700px; margin: 0 auto;}
body.page-insights-home .cta-section h2 {font-size: clamp(28px, 3.5vw, 44px); color: var(--cs-white); margin-bottom: 16px;}
body.page-insights-home .cta-section p {font-size: 17px; color: rgba(255,255,255,.75); margin-bottom: 36px; line-height: 1.7;}
body.page-insights-home .btn-gold {background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit;}
body.page-insights-home .btn-gold:hover {background: var(--cs-amber-hover); transform: translateY(-2px);}
body.page-insights-home footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-insights-home .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-insights-home .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-insights-home .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-insights-home .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-insights-home .social-btn {width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s;}
body.page-insights-home .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-insights-home .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-insights-home .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-insights-home .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-insights-home .footer-col ul a:hover {color: var(--blue);}
body.page-insights-home .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-insights-home .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-home .footer-bottom-links {display: flex; gap: 24px;}
body.page-insights-home .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-home .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-insights-home .insights-grid {grid-template-columns: 1fr;}
body.page-insights-home .footer-grid {grid-template-columns: 1fr;}
body.page-insights-home .filters {flex-direction: column;}
body.page-insights-home .filter-btn {width: 100%;}
body.page-insights-home .nav-links {display: none;}
}

/* Generated from former style attributes. */
body.page-insights-home .page-insights-home-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/insights/microsoft-new-commerce-experience.html (page-insights-microsoft-new-commerce-experience) ===== */
body.page-insights-microsoft-new-commerce-experience *, body.page-insights-microsoft-new-commerce-experience *::before, body.page-insights-microsoft-new-commerce-experience *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-insights-microsoft-new-commerce-experience {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6; padding-top: 68px;}
body.page-insights-microsoft-new-commerce-experience h1, body.page-insights-microsoft-new-commerce-experience h2, body.page-insights-microsoft-new-commerce-experience h3, body.page-insights-microsoft-new-commerce-experience h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-insights-microsoft-new-commerce-experience a {text-decoration: none; color: inherit;}
body.page-insights-microsoft-new-commerce-experience img {max-width: 100%;}
body.page-insights-microsoft-new-commerce-experience nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-insights-microsoft-new-commerce-experience .nav-logo img {height: 36px;}
body.page-insights-microsoft-new-commerce-experience .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-insights-microsoft-new-commerce-experience .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-insights-microsoft-new-commerce-experience .nav-links a:hover {color: var(--blue);}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown {position: relative;}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-insights-microsoft-new-commerce-experience .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-insights-microsoft-new-commerce-experience .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-insights-microsoft-new-commerce-experience .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-insights-microsoft-new-commerce-experience .article-breadcrumbs {padding: 24px 5%; background: var(--cs-gray-50); border-bottom: 1px solid var(--cs-gray-200); font-size: 13px; color: var(--muted);}
body.page-insights-microsoft-new-commerce-experience .article-breadcrumbs a {color: var(--blue); transition: color .2s;}
body.page-insights-microsoft-new-commerce-experience .article-breadcrumbs a:hover {color: var(--navy);}
body.page-insights-microsoft-new-commerce-experience .article-header {padding: 60px 5% 40px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash)); position: relative; overflow: hidden;}
body.page-insights-microsoft-new-commerce-experience .article-header::before {content: ""; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%;}
body.page-insights-microsoft-new-commerce-experience .article-header-inner {max-width: 900px; margin: 0 auto; position: relative; z-index: 1;}
body.page-insights-microsoft-new-commerce-experience .article-header .tag {display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 16px;}
body.page-insights-microsoft-new-commerce-experience .article-header h1 {font-size: 42px; line-height: 1.2; color: var(--navy); margin-bottom: 24px;}
body.page-insights-microsoft-new-commerce-experience .article-meta {display: flex; gap: 20px; font-size: 14px; color: var(--muted); margin-bottom: 24px;}
body.page-insights-microsoft-new-commerce-experience .article-author {display: flex; gap: 16px; align-items: center;}
body.page-insights-microsoft-new-commerce-experience .author-avatar {width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
body.page-insights-microsoft-new-commerce-experience .author-info {display: flex; flex-direction: column;}
body.page-insights-microsoft-new-commerce-experience .author-name {font-weight: 600; color: var(--navy);}
body.page-insights-microsoft-new-commerce-experience .author-title {font-size: 13px; color: var(--muted);}
body.page-insights-microsoft-new-commerce-experience .article-hero {max-width: 1200px; margin: 40px auto; padding: 0 5%;}
body.page-insights-microsoft-new-commerce-experience .article-hero img {width: 100%; height: auto; border-radius: 12px;}
body.page-insights-microsoft-new-commerce-experience .article-content {max-width: 900px; margin: 0 auto; padding: 0 5%;}
body.page-insights-microsoft-new-commerce-experience .article-content p {font-size: 16px; line-height: 1.8; color: var(--text); margin-bottom: 24px;}
body.page-insights-microsoft-new-commerce-experience .article-content h2 {font-size: 32px; color: var(--navy); margin-top: 40px; margin-bottom: 20px;}
body.page-insights-microsoft-new-commerce-experience .article-content h3 {font-size: 24px; color: var(--navy); margin-top: 32px; margin-bottom: 16px;}
body.page-insights-microsoft-new-commerce-experience .article-content ul, body.page-insights-microsoft-new-commerce-experience .article-content ol {margin-left: 24px; margin-bottom: 24px;}
body.page-insights-microsoft-new-commerce-experience .article-content li {margin-bottom: 10px; line-height: 1.8;}
body.page-insights-microsoft-new-commerce-experience .article-content strong {color: var(--navy); font-weight: 600;}
body.page-insights-microsoft-new-commerce-experience .article-callout {padding: 24px; border-radius: 12px; margin: 32px 0; border-left: 4px solid var(--blue); background: var(--cs-light);}
body.page-insights-microsoft-new-commerce-experience .article-callout-warning {border-left-color: var(--cs-amber); background: rgba(245,181,5,.08);}
body.page-insights-microsoft-new-commerce-experience .article-callout-success {border-left-color: var(--cs-success); background: rgba(13,153,101,.08);}
body.page-insights-microsoft-new-commerce-experience .article-callout strong {display: block; margin-bottom: 8px;}
body.page-insights-microsoft-new-commerce-experience .article-footer {padding: 40px 5%; max-width: 900px; margin: 40px auto; border-top: 1px solid var(--cs-gray-200); border-bottom: 1px solid var(--cs-gray-200);}
body.page-insights-microsoft-new-commerce-experience .article-tags {display: flex; gap: 12px; flex-wrap: wrap; align-items: center;}
body.page-insights-microsoft-new-commerce-experience .badge {display: inline-block; background: var(--light); color: var(--navy); font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 20px;}
body.page-insights-microsoft-new-commerce-experience .article-related {padding: 80px 5%; background: var(--cs-gray-50);}
body.page-insights-microsoft-new-commerce-experience .article-related h2 {font-size: 36px; color: var(--navy); margin-bottom: 48px; text-align: center;}
body.page-insights-microsoft-new-commerce-experience .articles-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
body.page-insights-microsoft-new-commerce-experience .article-card {border-radius: 12px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,102,.07); transition: transform .25s, box-shadow .25s;}
body.page-insights-microsoft-new-commerce-experience .article-card:hover {transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.12);}
body.page-insights-microsoft-new-commerce-experience .article-card img {width: 100%; height: 200px; object-fit: cover;}
body.page-insights-microsoft-new-commerce-experience .article-card-category {display: inline-block; background: var(--light); color: var(--blue); font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 16px; margin: 16px 0 12px;}
body.page-insights-microsoft-new-commerce-experience .article-card h3 {font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.3; padding: 0 16px;}
body.page-insights-microsoft-new-commerce-experience .article-card p {font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 12px; padding: 0 16px;}
body.page-insights-microsoft-new-commerce-experience .article-card-meta {font-size: 12px; color: var(--muted); padding: 0 16px 16px;}
body.page-insights-microsoft-new-commerce-experience .article-cta {padding: 80px 5%; background: linear-gradient(135deg, var(--navy), var(--cs-navy-bright)); text-align: center; position: relative; overflow: hidden;}
body.page-insights-microsoft-new-commerce-experience .article-cta::before {content: ""; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%;}
body.page-insights-microsoft-new-commerce-experience .article-cta-inner {position: relative; z-index: 1; max-width: 700px; margin: 0 auto;}
body.page-insights-microsoft-new-commerce-experience .article-cta h2 {font-size: 36px; color: var(--cs-white); margin-bottom: 16px;}
body.page-insights-microsoft-new-commerce-experience .article-cta p {font-size: 16px; color: rgba(255,255,255,.8); margin-bottom: 32px; line-height: 1.7;}
body.page-insights-microsoft-new-commerce-experience .btn-amber {background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; display: inline-block;}
body.page-insights-microsoft-new-commerce-experience .btn-amber:hover {background: var(--cs-amber-hover); transform: translateY(-2px);}
body.page-insights-microsoft-new-commerce-experience .btn-lg {padding: 16px 40px; font-size: 16px;}
body.page-insights-microsoft-new-commerce-experience footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-insights-microsoft-new-commerce-experience .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-insights-microsoft-new-commerce-experience .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-insights-microsoft-new-commerce-experience .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-insights-microsoft-new-commerce-experience .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-insights-microsoft-new-commerce-experience .social-btn {width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s;}
body.page-insights-microsoft-new-commerce-experience .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-insights-microsoft-new-commerce-experience .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-insights-microsoft-new-commerce-experience .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-insights-microsoft-new-commerce-experience .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-insights-microsoft-new-commerce-experience .footer-col ul a:hover {color: var(--blue);}
body.page-insights-microsoft-new-commerce-experience .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-insights-microsoft-new-commerce-experience .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-microsoft-new-commerce-experience .footer-bottom-links {display: flex; gap: 24px;}
body.page-insights-microsoft-new-commerce-experience .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-microsoft-new-commerce-experience .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-insights-microsoft-new-commerce-experience {padding-top: 60px;}
body.page-insights-microsoft-new-commerce-experience .article-header h1 {font-size: 28px;}
body.page-insights-microsoft-new-commerce-experience .article-content h2 {font-size: 24px;}
body.page-insights-microsoft-new-commerce-experience .articles-grid {grid-template-columns: 1fr;}
body.page-insights-microsoft-new-commerce-experience .footer-grid {grid-template-columns: 1fr;}
body.page-insights-microsoft-new-commerce-experience .nav-links {display: none;}
}

/* Generated from former style attributes. */
body.page-insights-microsoft-new-commerce-experience .page-insights-microsoft-new-commerce-experience-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/insights/phishing-attacks.html (page-insights-phishing-attacks) ===== */
body.page-insights-phishing-attacks *, body.page-insights-phishing-attacks *::before, body.page-insights-phishing-attacks *::after {box-sizing:border-box;margin:0;padding:0}
body.page-insights-phishing-attacks {font-family:"Inter",sans-serif;color:var(--text);background:var(--cs-white);line-height:1.6;padding-top:68px}
body.page-insights-phishing-attacks h1, body.page-insights-phishing-attacks h2, body.page-insights-phishing-attacks h3, body.page-insights-phishing-attacks h4 {font-family:"Patua One",serif;letter-spacing:0.04em}
body.page-insights-phishing-attacks a {text-decoration:none;color:inherit}
body.page-insights-phishing-attacks img {max-width:100%}
body.page-insights-phishing-attacks nav {position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,102,.08);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
body.page-insights-phishing-attacks .nav-logo img {height:36px}
body.page-insights-phishing-attacks .nav-links {display:flex;gap:32px;list-style:none;align-items:center}
body.page-insights-phishing-attacks .nav-links a {font-size:14px;font-weight:500;color:var(--navy);transition:color .2s}
body.page-insights-phishing-attacks .nav-links a:hover {color:var(--blue)}
body.page-insights-phishing-attacks .nav-dropdown {position:relative}
body.page-insights-phishing-attacks .nav-dropdown-toggle {display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;background:none;border:none;font-family:inherit;padding:0;transition:color .2s}
body.page-insights-phishing-attacks .nav-dropdown-toggle:hover {color:var(--blue)}
body.page-insights-phishing-attacks .nav-dropdown-toggle svg {transition:transform .2s}
body.page-insights-phishing-attacks .nav-dropdown.open .nav-dropdown-toggle svg {transform:rotate(180deg)}
body.page-insights-phishing-attacks .nav-dropdown-menu {display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);background:var(--cs-white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,102,.13);border:1px solid rgba(0,0,102,.08);min-width:240px;padding:8px;z-index:200}
body.page-insights-phishing-attacks .nav-dropdown.open .nav-dropdown-menu {display:block}
body.page-insights-phishing-attacks .nav-dropdown-menu a {display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);transition:background .15s}
body.page-insights-phishing-attacks .nav-dropdown-menu a:hover {background:var(--light);color:var(--blue)}
body.page-insights-phishing-attacks .nav-cta {background:var(--navy);color:var(--cs-white);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s}
body.page-insights-phishing-attacks .nav-cta:hover {background:var(--blue)}
body.page-insights-phishing-attacks .article-breadcrumbs {padding:24px 5%;background:var(--cs-gray-50);border-bottom:1px solid var(--cs-gray-200);font-size:13px;color:var(--muted)}
body.page-insights-phishing-attacks .article-breadcrumbs a {color:var(--blue)}
body.page-insights-phishing-attacks .article-header {padding:60px 5% 40px;background:linear-gradient(135deg,var(--cs-light),var(--cs-blue-soft) 50%,var(--cs-blue-wash));position:relative;overflow:hidden}
body.page-insights-phishing-attacks .article-header::before {content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(71,112,173,.08),transparent 70%);border-radius:50%}
body.page-insights-phishing-attacks .article-header-inner {max-width:900px;margin:0 auto;position:relative;z-index:1}
body.page-insights-phishing-attacks .article-header .tag {display:inline-block;background:var(--light);color:var(--blue);font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:16px}
body.page-insights-phishing-attacks .article-header h1 {font-size:42px;line-height:1.2;color:var(--navy);margin-bottom:24px}
body.page-insights-phishing-attacks .article-meta {display:flex;gap:20px;font-size:14px;color:var(--muted);margin-bottom:24px}
body.page-insights-phishing-attacks .article-author {display:flex;gap:16px;align-items:center}
body.page-insights-phishing-attacks .author-avatar {width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
body.page-insights-phishing-attacks .author-info {display:flex;flex-direction:column}
body.page-insights-phishing-attacks .author-name {font-weight:600;color:var(--navy)}
body.page-insights-phishing-attacks .author-title {font-size:13px;color:var(--muted)}
body.page-insights-phishing-attacks .article-hero {max-width:1200px;margin:40px auto;padding:0 5%}
body.page-insights-phishing-attacks .article-hero img {width:100%;height:auto;border-radius:12px}
body.page-insights-phishing-attacks .article-content {max-width:900px;margin:0 auto;padding:0 5%}
body.page-insights-phishing-attacks .article-content p {font-size:16px;line-height:1.8;color:var(--text);margin-bottom:24px}
body.page-insights-phishing-attacks .article-content h2 {font-size:32px;color:var(--navy);margin-top:40px;margin-bottom:20px}
body.page-insights-phishing-attacks .article-content ul, body.page-insights-phishing-attacks ol {margin-left:24px;margin-bottom:24px}
body.page-insights-phishing-attacks .article-content li {margin-bottom:10px;line-height:1.8}
body.page-insights-phishing-attacks .article-content strong {color:var(--navy);font-weight:600}
body.page-insights-phishing-attacks .article-callout {padding:24px;border-radius:12px;margin:32px 0;border-left:4px solid var(--blue);background:var(--cs-light)}
body.page-insights-phishing-attacks .article-callout-warning {border-left-color:var(--cs-amber);background:rgba(245,181,5,.08)}
body.page-insights-phishing-attacks .article-callout-success {border-left-color:var(--cs-success);background:rgba(13,153,101,.08)}
body.page-insights-phishing-attacks .article-callout strong {display:block;margin-bottom:8px}
body.page-insights-phishing-attacks .article-cta {padding:80px 5%;background:linear-gradient(135deg,var(--navy),var(--cs-navy-bright));text-align:center;position:relative;overflow:hidden}
body.page-insights-phishing-attacks .article-cta::before {content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,181,5,.1),transparent 70%);border-radius:50%}
body.page-insights-phishing-attacks .article-cta-inner {position:relative;z-index:1;max-width:700px;margin:0 auto}
body.page-insights-phishing-attacks .article-cta h2 {font-size:36px;color:var(--cs-white);margin-bottom:16px}
body.page-insights-phishing-attacks .article-cta p {font-size:16px;color:rgba(255,255,255,.8);margin-bottom:32px}
body.page-insights-phishing-attacks .btn-amber {background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:8px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-block}
body.page-insights-phishing-attacks .btn-amber:hover {background:var(--cs-amber-hover)}
body.page-insights-phishing-attacks .btn-lg {padding:16px 40px;font-size:16px}
body.page-insights-phishing-attacks footer {background:var(--cs-white);padding:64px 5% 32px;border-top:1px solid var(--cs-footer-border)}
body.page-insights-phishing-attacks .footer-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
body.page-insights-phishing-attacks .footer-brand img {height:32px}
body.page-insights-phishing-attacks .footer-brand p {font-size:14px;color:var(--muted)}
body.page-insights-phishing-attacks .footer-socials {display:flex;gap:12px;margin-top:20px}
body.page-insights-phishing-attacks .social-btn {width:36px;height:36px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .2s}
body.page-insights-phishing-attacks .social-btn:hover {background:var(--gold)}
body.page-insights-phishing-attacks .footer-col h4 {font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
body.page-insights-phishing-attacks .footer-col ul {list-style:none;display:flex;flex-direction:column;gap:10px}
body.page-insights-phishing-attacks .footer-col ul a {font-size:14px;color:var(--muted);transition:color .2s}
body.page-insights-phishing-attacks .footer-col ul a:hover {color:var(--blue)}
body.page-insights-phishing-attacks .footer-bottom {max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--cs-footer-border);display:flex;justify-content:space-between}
body.page-insights-phishing-attacks .footer-bottom-text {font-size:13px;color:var(--cs-gray-400)}
body.page-insights-phishing-attacks .footer-bottom-links {display:flex;gap:24px}
body.page-insights-phishing-attacks .footer-bottom-links a {font-size:13px;color:var(--cs-gray-400)}
@media (max-width:900px){
body.page-insights-phishing-attacks {padding-top:60px}
body.page-insights-phishing-attacks .article-header h1 {font-size:28px}
body.page-insights-phishing-attacks .nav-links {display:none}
}

/* Generated from former style attributes. */
body.page-insights-phishing-attacks .page-insights-phishing-attacks-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/insights/teams-licensing-changes.html (page-insights-teams-licensing-changes) ===== */
body.page-insights-teams-licensing-changes *, body.page-insights-teams-licensing-changes *::before, body.page-insights-teams-licensing-changes *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-insights-teams-licensing-changes {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6; padding-top: 68px;}
body.page-insights-teams-licensing-changes h1, body.page-insights-teams-licensing-changes h2, body.page-insights-teams-licensing-changes h3, body.page-insights-teams-licensing-changes h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-insights-teams-licensing-changes a {text-decoration: none; color: inherit;}
body.page-insights-teams-licensing-changes img {max-width: 100%;}
body.page-insights-teams-licensing-changes nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-insights-teams-licensing-changes .nav-logo img {height: 36px;}
body.page-insights-teams-licensing-changes .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-insights-teams-licensing-changes .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-insights-teams-licensing-changes .nav-links a:hover {color: var(--blue);}
body.page-insights-teams-licensing-changes .nav-dropdown {position: relative;}
body.page-insights-teams-licensing-changes .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-insights-teams-licensing-changes .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-insights-teams-licensing-changes .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-insights-teams-licensing-changes .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-insights-teams-licensing-changes .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-insights-teams-licensing-changes .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-insights-teams-licensing-changes .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-insights-teams-licensing-changes .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-insights-teams-licensing-changes .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-insights-teams-licensing-changes .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-insights-teams-licensing-changes .article-breadcrumbs {padding: 24px 5%; background: var(--cs-gray-50); border-bottom: 1px solid var(--cs-gray-200); font-size: 13px; color: var(--muted);}
body.page-insights-teams-licensing-changes .article-breadcrumbs a {color: var(--blue); transition: color .2s;}
body.page-insights-teams-licensing-changes .article-breadcrumbs a:hover {color: var(--navy);}
body.page-insights-teams-licensing-changes .article-header {padding: 60px 5% 40px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash)); position: relative; overflow: hidden;}
body.page-insights-teams-licensing-changes .article-header::before {content: ""; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%;}
body.page-insights-teams-licensing-changes .article-header-inner {max-width: 900px; margin: 0 auto; position: relative; z-index: 1;}
body.page-insights-teams-licensing-changes .article-header .tag {display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 16px;}
body.page-insights-teams-licensing-changes .article-header h1 {font-size: 42px; line-height: 1.2; color: var(--navy); margin-bottom: 24px;}
body.page-insights-teams-licensing-changes .article-meta {display: flex; gap: 20px; font-size: 14px; color: var(--muted); margin-bottom: 24px;}
body.page-insights-teams-licensing-changes .article-author {display: flex; gap: 16px; align-items: center;}
body.page-insights-teams-licensing-changes .author-avatar {width: 40px; height: 40px; border-radius: 50%; background: var(--light);}
body.page-insights-teams-licensing-changes .author-info {display: flex; flex-direction: column;}
body.page-insights-teams-licensing-changes .author-name {font-weight: 600; color: var(--navy);}
body.page-insights-teams-licensing-changes .author-title {font-size: 13px; color: var(--muted);}
body.page-insights-teams-licensing-changes .author-avatar {width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
body.page-insights-teams-licensing-changes .article-hero {max-width: 1200px; margin: 40px auto; padding: 0 5%;}
body.page-insights-teams-licensing-changes .article-hero img {width: 100%; height: auto; border-radius: 12px;}
body.page-insights-teams-licensing-changes .article-content {max-width: 900px; margin: 0 auto; padding: 0 5%;}
body.page-insights-teams-licensing-changes .article-content p {font-size: 16px; line-height: 1.8; color: var(--text); margin-bottom: 24px;}
body.page-insights-teams-licensing-changes .article-content h2 {font-size: 32px; color: var(--navy); margin-top: 40px; margin-bottom: 20px;}
body.page-insights-teams-licensing-changes .article-content h3 {font-size: 24px; color: var(--navy); margin-top: 32px; margin-bottom: 16px;}
body.page-insights-teams-licensing-changes .article-content ul, body.page-insights-teams-licensing-changes .article-content ol {margin-left: 24px; margin-bottom: 24px;}
body.page-insights-teams-licensing-changes .article-content li {margin-bottom: 10px; line-height: 1.8;}
body.page-insights-teams-licensing-changes .article-content strong {color: var(--navy); font-weight: 600;}
body.page-insights-teams-licensing-changes .article-callout {padding: 24px; border-radius: 12px; margin: 32px 0; border-left: 4px solid var(--blue); background: var(--cs-light);}
body.page-insights-teams-licensing-changes .article-callout-warning {border-left-color: var(--cs-amber); background: rgba(245,181,5,.08);}
body.page-insights-teams-licensing-changes .article-callout-success {border-left-color: var(--cs-success); background: rgba(13,153,101,.08);}
body.page-insights-teams-licensing-changes .article-callout strong {display: block; margin-bottom: 8px;}
body.page-insights-teams-licensing-changes .article-footer {padding: 40px 5%; max-width: 900px; margin: 40px auto; border-top: 1px solid var(--cs-gray-200); border-bottom: 1px solid var(--cs-gray-200);}
body.page-insights-teams-licensing-changes .article-tags {display: flex; gap: 12px; flex-wrap: wrap; align-items: center;}
body.page-insights-teams-licensing-changes .badge {display: inline-block; background: var(--light); color: var(--navy); font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 20px;}
body.page-insights-teams-licensing-changes .article-related {padding: 80px 5%; background: var(--cs-gray-50);}
body.page-insights-teams-licensing-changes .article-related h2 {font-size: 36px; color: var(--navy); margin-bottom: 48px; text-align: center;}
body.page-insights-teams-licensing-changes .articles-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
body.page-insights-teams-licensing-changes .article-card {border-radius: 12px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,102,.07); transition: transform .25s, box-shadow .25s;}
body.page-insights-teams-licensing-changes .article-card:hover {transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.12);}
body.page-insights-teams-licensing-changes .article-card img {width: 100%; height: 200px; object-fit: cover;}
body.page-insights-teams-licensing-changes .article-card-category {display: inline-block; background: var(--light); color: var(--blue); font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 16px; margin: 16px 0 12px;}
body.page-insights-teams-licensing-changes .article-card h3 {font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.3; padding: 0 16px;}
body.page-insights-teams-licensing-changes .article-card p {font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 12px; padding: 0 16px;}
body.page-insights-teams-licensing-changes .article-card-meta {font-size: 12px; color: var(--muted); padding: 0 16px 16px;}
body.page-insights-teams-licensing-changes .article-cta {padding: 80px 5%; background: linear-gradient(135deg, var(--navy), var(--cs-navy-bright)); text-align: center; position: relative; overflow: hidden;}
body.page-insights-teams-licensing-changes .article-cta::before {content: ""; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%;}
body.page-insights-teams-licensing-changes .article-cta-inner {position: relative; z-index: 1; max-width: 700px; margin: 0 auto;}
body.page-insights-teams-licensing-changes .article-cta h2 {font-size: 36px; color: var(--cs-white); margin-bottom: 16px;}
body.page-insights-teams-licensing-changes .article-cta p {font-size: 16px; color: rgba(255,255,255,.8); margin-bottom: 32px; line-height: 1.7;}
body.page-insights-teams-licensing-changes .btn-amber {background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; display: inline-block;}
body.page-insights-teams-licensing-changes .btn-amber:hover {background: var(--cs-amber-hover); transform: translateY(-2px);}
body.page-insights-teams-licensing-changes .btn-lg {padding: 16px 40px; font-size: 16px;}
body.page-insights-teams-licensing-changes footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-insights-teams-licensing-changes .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-insights-teams-licensing-changes .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-insights-teams-licensing-changes .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-insights-teams-licensing-changes .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-insights-teams-licensing-changes .social-btn {width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s;}
body.page-insights-teams-licensing-changes .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-insights-teams-licensing-changes .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-insights-teams-licensing-changes .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-insights-teams-licensing-changes .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-insights-teams-licensing-changes .footer-col ul a:hover {color: var(--blue);}
body.page-insights-teams-licensing-changes .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-insights-teams-licensing-changes .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-teams-licensing-changes .footer-bottom-links {display: flex; gap: 24px;}
body.page-insights-teams-licensing-changes .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-teams-licensing-changes .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-insights-teams-licensing-changes {padding-top: 60px;}
body.page-insights-teams-licensing-changes .article-header h1 {font-size: 28px;}
body.page-insights-teams-licensing-changes .article-content h2 {font-size: 24px;}
body.page-insights-teams-licensing-changes .articles-grid {grid-template-columns: 1fr;}
body.page-insights-teams-licensing-changes .footer-grid {grid-template-columns: 1fr;}
body.page-insights-teams-licensing-changes .nav-links {display: none;}
}

/* Generated from former style attributes. */
body.page-insights-teams-licensing-changes .page-insights-teams-licensing-changes-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/insights/windows-10-end-of-life.html (page-insights-windows-10-end-of-life) ===== */
body.page-insights-windows-10-end-of-life *, body.page-insights-windows-10-end-of-life *::before, body.page-insights-windows-10-end-of-life *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-insights-windows-10-end-of-life {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6; padding-top: 68px;}
body.page-insights-windows-10-end-of-life h1, body.page-insights-windows-10-end-of-life h2, body.page-insights-windows-10-end-of-life h3, body.page-insights-windows-10-end-of-life h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-insights-windows-10-end-of-life a {text-decoration: none; color: inherit;}
body.page-insights-windows-10-end-of-life img {max-width: 100%;}
body.page-insights-windows-10-end-of-life nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-insights-windows-10-end-of-life .nav-logo img {height: 36px;}
body.page-insights-windows-10-end-of-life .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-insights-windows-10-end-of-life .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-insights-windows-10-end-of-life .nav-links a:hover {color: var(--blue);}
body.page-insights-windows-10-end-of-life .nav-dropdown {position: relative;}
body.page-insights-windows-10-end-of-life .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-insights-windows-10-end-of-life .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-insights-windows-10-end-of-life .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-insights-windows-10-end-of-life .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-insights-windows-10-end-of-life .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-insights-windows-10-end-of-life .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-insights-windows-10-end-of-life .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-insights-windows-10-end-of-life .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-insights-windows-10-end-of-life .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-insights-windows-10-end-of-life .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-insights-windows-10-end-of-life .article-breadcrumbs {padding: 24px 5%; background: var(--cs-gray-50); border-bottom: 1px solid var(--cs-gray-200); font-size: 13px; color: var(--muted);}
body.page-insights-windows-10-end-of-life .article-breadcrumbs a {color: var(--blue); transition: color .2s;}
body.page-insights-windows-10-end-of-life .article-breadcrumbs a:hover {color: var(--navy);}
body.page-insights-windows-10-end-of-life .article-header {padding: 60px 5% 40px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash)); position: relative; overflow: hidden;}
body.page-insights-windows-10-end-of-life .article-header::before {content: ""; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%;}
body.page-insights-windows-10-end-of-life .article-header-inner {max-width: 900px; margin: 0 auto; position: relative; z-index: 1;}
body.page-insights-windows-10-end-of-life .article-header .tag {display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 16px;}
body.page-insights-windows-10-end-of-life .article-header h1 {font-size: 42px; line-height: 1.2; color: var(--navy); margin-bottom: 24px;}
body.page-insights-windows-10-end-of-life .article-meta {display: flex; gap: 20px; font-size: 14px; color: var(--muted); margin-bottom: 24px;}
body.page-insights-windows-10-end-of-life .article-author {display: flex; gap: 16px; align-items: center;}
body.page-insights-windows-10-end-of-life .author-info {display: flex; flex-direction: column;}
body.page-insights-windows-10-end-of-life .author-name {font-weight: 600; color: var(--navy);}
body.page-insights-windows-10-end-of-life .author-title {font-size: 13px; color: var(--muted);}
body.page-insights-windows-10-end-of-life .author-avatar {width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0;}
body.page-insights-windows-10-end-of-life .article-hero {max-width: 1200px; margin: 40px auto; padding: 0 5%;}
body.page-insights-windows-10-end-of-life .article-hero img {width: 100%; height: auto; border-radius: 12px;}
body.page-insights-windows-10-end-of-life .article-content {max-width: 900px; margin: 0 auto; padding: 0 5%;}
body.page-insights-windows-10-end-of-life .article-content p {font-size: 16px; line-height: 1.8; color: var(--text); margin-bottom: 24px;}
body.page-insights-windows-10-end-of-life .article-content h2 {font-size: 32px; color: var(--navy); margin-top: 40px; margin-bottom: 20px;}
body.page-insights-windows-10-end-of-life .article-content h3 {font-size: 24px; color: var(--navy); margin-top: 32px; margin-bottom: 16px;}
body.page-insights-windows-10-end-of-life .article-content ul, body.page-insights-windows-10-end-of-life .article-content ol {margin-left: 24px; margin-bottom: 24px;}
body.page-insights-windows-10-end-of-life .article-content li {margin-bottom: 10px; line-height: 1.8;}
body.page-insights-windows-10-end-of-life .article-content strong {color: var(--navy); font-weight: 600;}
body.page-insights-windows-10-end-of-life .article-callout {padding: 24px; border-radius: 12px; margin: 32px 0; border-left: 4px solid var(--blue); background: var(--cs-light);}
body.page-insights-windows-10-end-of-life .article-callout-warning {border-left-color: var(--cs-amber); background: rgba(245,181,5,.08);}
body.page-insights-windows-10-end-of-life .article-callout-success {border-left-color: var(--cs-success); background: rgba(13,153,101,.08);}
body.page-insights-windows-10-end-of-life .article-callout strong {display: block; margin-bottom: 8px;}
body.page-insights-windows-10-end-of-life .article-footer {padding: 40px 5%; max-width: 900px; margin: 40px auto; border-top: 1px solid var(--cs-gray-200); border-bottom: 1px solid var(--cs-gray-200);}
body.page-insights-windows-10-end-of-life .article-tags {display: flex; gap: 12px; flex-wrap: wrap; align-items: center;}
body.page-insights-windows-10-end-of-life .badge {display: inline-block; background: var(--light); color: var(--navy); font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 20px;}
body.page-insights-windows-10-end-of-life .article-related {padding: 80px 5%; background: var(--cs-gray-50);}
body.page-insights-windows-10-end-of-life .article-related h2 {font-size: 36px; color: var(--navy); margin-bottom: 48px; text-align: center;}
body.page-insights-windows-10-end-of-life .articles-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
body.page-insights-windows-10-end-of-life .article-card {border-radius: 12px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,102,.07); transition: transform .25s, box-shadow .25s;}
body.page-insights-windows-10-end-of-life .article-card:hover {transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.12);}
body.page-insights-windows-10-end-of-life .article-card img {width: 100%; height: 200px; object-fit: cover;}
body.page-insights-windows-10-end-of-life .article-card-category {display: inline-block; background: var(--light); color: var(--blue); font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 16px; margin: 16px 0 12px;}
body.page-insights-windows-10-end-of-life .article-card h3 {font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.3; padding: 0 16px;}
body.page-insights-windows-10-end-of-life .article-card p {font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 12px; padding: 0 16px;}
body.page-insights-windows-10-end-of-life .article-card-meta {font-size: 12px; color: var(--muted); padding: 0 16px 16px;}
body.page-insights-windows-10-end-of-life .article-cta {padding: 80px 5%; background: linear-gradient(135deg, var(--navy), var(--cs-navy-bright)); text-align: center; position: relative; overflow: hidden;}
body.page-insights-windows-10-end-of-life .article-cta::before {content: ""; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%;}
body.page-insights-windows-10-end-of-life .article-cta-inner {position: relative; z-index: 1; max-width: 700px; margin: 0 auto;}
body.page-insights-windows-10-end-of-life .article-cta h2 {font-size: 36px; color: var(--cs-white); margin-bottom: 16px;}
body.page-insights-windows-10-end-of-life .article-cta p {font-size: 16px; color: rgba(255,255,255,.8); margin-bottom: 32px; line-height: 1.7;}
body.page-insights-windows-10-end-of-life .btn-amber {background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; display: inline-block;}
body.page-insights-windows-10-end-of-life .btn-amber:hover {background: var(--cs-amber-hover); transform: translateY(-2px);}
body.page-insights-windows-10-end-of-life .btn-lg {padding: 16px 40px; font-size: 16px;}
body.page-insights-windows-10-end-of-life footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-insights-windows-10-end-of-life .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-insights-windows-10-end-of-life .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-insights-windows-10-end-of-life .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-insights-windows-10-end-of-life .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-insights-windows-10-end-of-life .social-btn {width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s;}
body.page-insights-windows-10-end-of-life .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-insights-windows-10-end-of-life .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-insights-windows-10-end-of-life .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-insights-windows-10-end-of-life .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-insights-windows-10-end-of-life .footer-col ul a:hover {color: var(--blue);}
body.page-insights-windows-10-end-of-life .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-insights-windows-10-end-of-life .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-windows-10-end-of-life .footer-bottom-links {display: flex; gap: 24px;}
body.page-insights-windows-10-end-of-life .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-insights-windows-10-end-of-life .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-insights-windows-10-end-of-life {padding-top: 60px;}
body.page-insights-windows-10-end-of-life .article-header h1 {font-size: 28px;}
body.page-insights-windows-10-end-of-life .article-content h2 {font-size: 24px;}
body.page-insights-windows-10-end-of-life .articles-grid {grid-template-columns: 1fr;}
body.page-insights-windows-10-end-of-life .footer-grid {grid-template-columns: 1fr;}
body.page-insights-windows-10-end-of-life .nav-links {display: none;}
}

/* Generated from former style attributes. */
body.page-insights-windows-10-end-of-life .page-insights-windows-10-end-of-life-inline-01 {color:var(--blue);font-weight:600;}

/* ===== public/legal/fair-use-policy.html (page-legal-fair-use-policy) ===== */
body.page-legal-fair-use-policy *, body.page-legal-fair-use-policy *::before, body.page-legal-fair-use-policy *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-legal-fair-use-policy {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6; padding-top: 68px;}
body.page-legal-fair-use-policy h1, body.page-legal-fair-use-policy h2, body.page-legal-fair-use-policy h3, body.page-legal-fair-use-policy h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-legal-fair-use-policy a {text-decoration: none; color: inherit;}
body.page-legal-fair-use-policy img {max-width: 100%;}
body.page-legal-fair-use-policy nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-legal-fair-use-policy .nav-logo img {height: 36px;}
body.page-legal-fair-use-policy .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-legal-fair-use-policy .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-legal-fair-use-policy .nav-links a:hover {color: var(--blue);}
body.page-legal-fair-use-policy .nav-dropdown {position: relative;}
body.page-legal-fair-use-policy .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-legal-fair-use-policy .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-legal-fair-use-policy .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-legal-fair-use-policy .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-legal-fair-use-policy .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-legal-fair-use-policy .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-legal-fair-use-policy .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-legal-fair-use-policy .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-legal-fair-use-policy .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-legal-fair-use-policy .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-legal-fair-use-policy .page-header {padding: 100px 5% 60px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash));}
body.page-legal-fair-use-policy .page-header h1 {font-size: 48px; color: var(--navy); margin-bottom: 16px;}
body.page-legal-fair-use-policy .page-header p {font-size: 16px; color: var(--muted); max-width: 700px;}
body.page-legal-fair-use-policy .page-content {max-width: 900px; margin: 60px auto; padding: 0 5%;}
body.page-legal-fair-use-policy .page-content h2 {font-size: 28px; color: var(--navy); margin-top: 28px; margin-bottom: 20px;}
body.page-legal-fair-use-policy .page-content h3 {font-size: 20px; color: var(--navy); margin-top: 20px; margin-bottom: 16px;}
body.page-legal-fair-use-policy .page-content p {font-size: 16px; line-height: 1.8; margin-bottom: 18px;}
body.page-legal-fair-use-policy .page-content ul, body.page-legal-fair-use-policy .page-content ol {margin-left: 24px; margin-bottom: 24px;}
body.page-legal-fair-use-policy .page-content li {margin-bottom: 0; line-height: 1.8;}
body.page-legal-fair-use-policy .page-content strong {color: var(--navy); font-weight: 600;}
body.page-legal-fair-use-policy .last-updated {font-size: 13px; color: var(--muted); margin-top: 80px; padding-top: 24px; border-top: 1px solid var(--cs-gray-200);}
body.page-legal-fair-use-policy footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-legal-fair-use-policy .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-legal-fair-use-policy .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-legal-fair-use-policy .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-legal-fair-use-policy .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-legal-fair-use-policy .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-legal-fair-use-policy .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-legal-fair-use-policy .footer-col ul a:hover {color: var(--blue);}
body.page-legal-fair-use-policy .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-legal-fair-use-policy .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-legal-fair-use-policy .footer-bottom-links {display: flex; gap: 24px;}
body.page-legal-fair-use-policy .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-legal-fair-use-policy .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-legal-fair-use-policy .page-header h1 {font-size: 32px;}
body.page-legal-fair-use-policy .nav-links {display: none;}
}

/* ===== public/legal/privacy-policy.html (page-legal-privacy-policy) ===== */
body.page-legal-privacy-policy *, body.page-legal-privacy-policy *::before, body.page-legal-privacy-policy *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-legal-privacy-policy {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6; padding-top: 68px;}
body.page-legal-privacy-policy h1, body.page-legal-privacy-policy h2, body.page-legal-privacy-policy h3, body.page-legal-privacy-policy h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-legal-privacy-policy a {text-decoration: none; color: inherit;}
body.page-legal-privacy-policy img {max-width: 100%;}
body.page-legal-privacy-policy nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-legal-privacy-policy .nav-logo img {height: 36px;}
body.page-legal-privacy-policy .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-legal-privacy-policy .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-legal-privacy-policy .nav-links a:hover {color: var(--blue);}
body.page-legal-privacy-policy .nav-dropdown {position: relative;}
body.page-legal-privacy-policy .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-legal-privacy-policy .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-legal-privacy-policy .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-legal-privacy-policy .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-legal-privacy-policy .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-legal-privacy-policy .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-legal-privacy-policy .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-legal-privacy-policy .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-legal-privacy-policy .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-legal-privacy-policy .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-legal-privacy-policy .page-header {padding: 100px 5% 60px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash));}
body.page-legal-privacy-policy .page-header h1 {font-size: 48px; color: var(--navy); margin-bottom: 16px;}
body.page-legal-privacy-policy .page-header p {font-size: 16px; color: var(--muted); max-width: 700px;}
body.page-legal-privacy-policy .page-content {max-width: 900px; margin: 60px auto; padding: 0 5%;}
body.page-legal-privacy-policy .page-content h2 {font-size: 28px; color: var(--navy); margin-top: 28px; margin-bottom: 20px;}
body.page-legal-privacy-policy .page-content h3 {font-size: 20px; color: var(--navy); margin-top: 20px; margin-bottom: 16px;}
body.page-legal-privacy-policy .page-content p {font-size: 16px; line-height: 1.8; margin-bottom: 18px;}
body.page-legal-privacy-policy .page-content ul, body.page-legal-privacy-policy .page-content ol {margin-left: 24px; margin-bottom: 24px;}
body.page-legal-privacy-policy .page-content li {margin-bottom: 0; line-height: 1.8;}
body.page-legal-privacy-policy .page-content strong {color: var(--navy); font-weight: 600;}
body.page-legal-privacy-policy .last-updated {font-size: 13px; color: var(--muted); margin-top: 80px; padding-top: 24px; border-top: 1px solid var(--cs-gray-200);}
body.page-legal-privacy-policy footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-legal-privacy-policy .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-legal-privacy-policy .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-legal-privacy-policy .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-legal-privacy-policy .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-legal-privacy-policy .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-legal-privacy-policy .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-legal-privacy-policy .footer-col ul a:hover {color: var(--blue);}
body.page-legal-privacy-policy .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-legal-privacy-policy .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-legal-privacy-policy .footer-bottom-links {display: flex; gap: 24px;}
body.page-legal-privacy-policy .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-legal-privacy-policy .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-legal-privacy-policy .page-header h1 {font-size: 32px;}
body.page-legal-privacy-policy .nav-links {display: none;}
}

/* ===== public/legal/terms-and-conditions.html (page-legal-terms-and-conditions) ===== */
body.page-legal-terms-and-conditions *, body.page-legal-terms-and-conditions *::before, body.page-legal-terms-and-conditions *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-legal-terms-and-conditions {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6; padding-top: 68px;}
body.page-legal-terms-and-conditions h1, body.page-legal-terms-and-conditions h2, body.page-legal-terms-and-conditions h3, body.page-legal-terms-and-conditions h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-legal-terms-and-conditions a {text-decoration: none; color: inherit;}
body.page-legal-terms-and-conditions img {max-width: 100%;}
body.page-legal-terms-and-conditions nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-legal-terms-and-conditions .nav-logo img {height: 36px;}
body.page-legal-terms-and-conditions .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-legal-terms-and-conditions .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-legal-terms-and-conditions .nav-links a:hover {color: var(--blue);}
body.page-legal-terms-and-conditions .nav-dropdown {position: relative;}
body.page-legal-terms-and-conditions .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-legal-terms-and-conditions .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-legal-terms-and-conditions .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-legal-terms-and-conditions .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-legal-terms-and-conditions .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-legal-terms-and-conditions .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-legal-terms-and-conditions .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-legal-terms-and-conditions .nav-dropdown-menu a:hover {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-legal-terms-and-conditions .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-legal-terms-and-conditions .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-legal-terms-and-conditions .page-header {padding: 100px 5% 60px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash));}
body.page-legal-terms-and-conditions .page-header h1 {font-size: 48px; color: var(--navy); margin-bottom: 16px;}
body.page-legal-terms-and-conditions .page-header p {font-size: 16px; color: var(--muted); max-width: 700px;}
body.page-legal-terms-and-conditions .page-content {max-width: 900px; margin: 60px auto; padding: 0 5%;}
body.page-legal-terms-and-conditions .page-content h2 {font-size: 28px; color: var(--navy); margin-top: 28px; margin-bottom: 20px;}
body.page-legal-terms-and-conditions .page-content h3 {font-size: 20px; color: var(--navy); margin-top: 20px; margin-bottom: 16px;}
body.page-legal-terms-and-conditions .page-content p {font-size: 16px; line-height: 1.8; margin-bottom: 18px;}
body.page-legal-terms-and-conditions .page-content ul, body.page-legal-terms-and-conditions .page-content ol {margin-left: 24px; margin-bottom: 24px;}
body.page-legal-terms-and-conditions .page-content li {margin-bottom: 0; line-height: 1.8;}
body.page-legal-terms-and-conditions .page-content strong {color: var(--navy); font-weight: 600;}
body.page-legal-terms-and-conditions .last-updated {font-size: 13px; color: var(--muted); margin-top: 80px; padding-top: 24px; border-top: 1px solid var(--cs-gray-200);}
body.page-legal-terms-and-conditions footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-legal-terms-and-conditions .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-legal-terms-and-conditions .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-legal-terms-and-conditions .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-legal-terms-and-conditions .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-legal-terms-and-conditions .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-legal-terms-and-conditions .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-legal-terms-and-conditions .footer-col ul a:hover {color: var(--blue);}
body.page-legal-terms-and-conditions .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-legal-terms-and-conditions .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-legal-terms-and-conditions .footer-bottom-links {display: flex; gap: 24px;}
body.page-legal-terms-and-conditions .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-legal-terms-and-conditions .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-legal-terms-and-conditions .page-header h1 {font-size: 32px;}
body.page-legal-terms-and-conditions .nav-links {display: none;}
}

/* ===== public/services/ai-automation.html (page-services-ai-automation) ===== */
body.page-services-ai-automation *, body.page-services-ai-automation *::before, body.page-services-ai-automation *::after {box-sizing:border-box;margin:0;padding:0}
body.page-services-ai-automation {font-family:"Inter",sans-serif;color:var(--text);background:var(--cs-white);line-height:1.6}
body.page-services-ai-automation h1, body.page-services-ai-automation h2, body.page-services-ai-automation h3, body.page-services-ai-automation h4 {font-family:"Patua One",serif;letter-spacing:0.04em}
body.page-services-ai-automation a {text-decoration:none;color:inherit}
body.page-services-ai-automation nav {position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,102,.08);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
body.page-services-ai-automation .nav-logo img {height:36px}
body.page-services-ai-automation .nav-links {display:flex;gap:32px;list-style:none;align-items:center}
body.page-services-ai-automation .nav-links a {font-size:14px;font-weight:500;color:var(--navy);transition:color .2s}
body.page-services-ai-automation .nav-links a:hover {color:var(--blue)}
body.page-services-ai-automation .nav-dropdown {position:relative}
body.page-services-ai-automation .nav-dropdown-toggle {display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;background:0;border:0;font-family:inherit;padding:0;transition:color .2s}
body.page-services-ai-automation .nav-dropdown-toggle:hover {color:var(--blue)}
body.page-services-ai-automation .nav-dropdown-toggle svg {transition:transform .2s}
body.page-services-ai-automation .nav-dropdown.open .nav-dropdown-toggle svg {transform:rotate(180deg)}
body.page-services-ai-automation .nav-dropdown-menu {display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);background:var(--cs-white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,102,.13);border:1px solid rgba(0,0,102,.08);min-width:240px;padding:8px;z-index:200}
body.page-services-ai-automation .nav-dropdown.open .nav-dropdown-menu {display:block}
body.page-services-ai-automation .nav-dropdown-menu a {display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);transition:background .15s,color .15s}
body.page-services-ai-automation .nav-dropdown-menu a:hover, body.page-services-ai-automation .nav-dropdown-menu a.active {background:var(--light);color:var(--blue);font-weight:600}
body.page-services-ai-automation .nav-cta {background:var(--navy);color:var(--cs-white);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s,transform .15s}
body.page-services-ai-automation .nav-cta:hover {background:var(--blue);transform:translateY(-1px)}
body.page-services-ai-automation .hero {padding:140px 5% 80px;background:linear-gradient(135deg,var(--cs-light),var(--cs-blue-soft) 50%,var(--cs-blue-wash));position:relative;overflow:hidden}
body.page-services-ai-automation .hero::before {content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(71,112,173,.08),transparent 70%);border-radius:50%}
body.page-services-ai-automation .hero-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
body.page-services-ai-automation .breadcrumb {font-size:13px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}
body.page-services-ai-automation .breadcrumb a {color:var(--blue)}
body.page-services-ai-automation .hero-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
body.page-services-ai-automation .hero h1 {font-size:clamp(36px,4vw,52px);line-height:1.1;color:var(--navy);margin-bottom:20px}
body.page-services-ai-automation .hero h1 span {color:var(--blue)}
body.page-services-ai-automation .hero-sub {font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:36px}
body.page-services-ai-automation .hero-btns {display:flex;gap:14px;flex-wrap:wrap}
body.page-services-ai-automation .btn-primary {background:var(--navy);color:var(--cs-white);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-ai-automation .btn-primary:hover {background:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,102,.2)}
body.page-services-ai-automation .btn-secondary {background:0;color:var(--navy);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid var(--navy);transition:all .2s;cursor:pointer}
body.page-services-ai-automation .btn-secondary:hover {background:var(--navy);color:var(--cs-white)}
body.page-services-ai-automation .hero-visual {display:flex;justify-content:center;align-items:center;height:400px;background:linear-gradient(135deg,rgba(71,112,173,.1),rgba(245,181,5,.05));border-radius:20px}
body.page-services-ai-automation .stats-bar {background:var(--navy);padding:48px 5%}
body.page-services-ai-automation .stats-bar-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
body.page-services-ai-automation .sbi {text-align:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.1)}
body.page-services-ai-automation .sbi:last-child {border-right:0}
body.page-services-ai-automation .sbi strong {font-family:"Patua One",serif;font-size:42px;color:var(--gold);line-height:1;display:block;margin-bottom:8px}
body.page-services-ai-automation .sbi span {font-size:13px;color:rgba(255,255,255,.65)}
body.page-services-ai-automation .features-section {padding:100px 5%;background:var(--cs-white)}
body.page-services-ai-automation .section-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;text-align:center}
body.page-services-ai-automation .section-title {font-size:clamp(26px,3vw,40px);color:var(--navy);text-align:center;margin-bottom:12px;line-height:1.2}
body.page-services-ai-automation .section-sub {font-size:16px;color:var(--muted);text-align:center;max-width:560px;margin:0 auto 60px;line-height:1.7}
body.page-services-ai-automation .features-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
body.page-services-ai-automation .feat-card {padding:32px;border-radius:16px;border:1px solid var(--cs-card-border);transition:border-color .25s,transform .25s,box-shadow .25s}
body.page-services-ai-automation .feat-card:hover {border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,102,.08)}
body.page-services-ai-automation .feat-icon {width:48px;height:48px;border-radius:12px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:20px}
body.page-services-ai-automation .feat-card:hover .feat-icon {background:var(--navy);color:var(--cs-white)}
body.page-services-ai-automation .feat-card h3 {font-size:17px;color:var(--navy);margin-bottom:10px}
body.page-services-ai-automation .feat-card p {font-size:14px;color:var(--muted);line-height:1.7}
body.page-services-ai-automation .cta-section {padding:100px 5%;background:linear-gradient(135deg,var(--navy),var(--cs-navy-bright));text-align:center;position:relative;overflow:hidden}
body.page-services-ai-automation .cta-section::before {content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,181,5,.1),transparent 70%);border-radius:50%}
body.page-services-ai-automation .cta-inner {position:relative;z-index:1;max-width:700px;margin:0 auto}
body.page-services-ai-automation .cta-section h2 {font-size:clamp(28px,3.5vw,44px);color:var(--cs-white);margin-bottom:16px}
body.page-services-ai-automation .cta-section p {font-size:17px;color:rgba(255,255,255,.75);margin-bottom:36px;line-height:1.7}
body.page-services-ai-automation .cta-btns {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-services-ai-automation .btn-gold {background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:8px;font-weight:700;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-ai-automation .btn-gold:hover {background:var(--cs-amber-hover);transform:translateY(-2px)}
body.page-services-ai-automation .btn-outline-white {background:0;color:var(--cs-white);padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.4);transition:all .2s}
body.page-services-ai-automation .btn-outline-white:hover {background:rgba(255,255,255,.1);border-color:var(--cs-white)}
body.page-services-ai-automation footer {background:var(--cs-white);padding:64px 5% 32px;border-top:1px solid var(--cs-footer-border)}
body.page-services-ai-automation .footer-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
body.page-services-ai-automation .footer-brand img {height:32px;margin-bottom:18px}
body.page-services-ai-automation .footer-brand p {font-size:14px;color:var(--muted);line-height:1.7;max-width:260px}
body.page-services-ai-automation .footer-socials {display:flex;gap:12px;margin-top:20px}
body.page-services-ai-automation .social-btn {width:36px;height:36px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .2s,color .2s}
body.page-services-ai-automation .social-btn:hover {background:var(--gold);color:var(--navy)}
body.page-services-ai-automation .footer-col h4 {font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
body.page-services-ai-automation .footer-col ul {list-style:none;display:flex;flex-direction:column;gap:10px}
body.page-services-ai-automation .footer-col ul a {font-size:14px;color:var(--muted);transition:color .2s}
body.page-services-ai-automation .footer-col ul a:hover {color:var(--blue)}
body.page-services-ai-automation .footer-bottom {max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--cs-footer-border);display:flex;justify-content:space-between;align-items:center}
body.page-services-ai-automation .footer-bottom-text {font-size:13px;color:var(--cs-gray-400)}
body.page-services-ai-automation .footer-bottom-links {display:flex;gap:24px}
body.page-services-ai-automation .footer-bottom-links a {font-size:13px;color:var(--cs-gray-400)}
body.page-services-ai-automation .footer-bottom-links a:hover {color:var(--blue)}
@media (max-width:900px){
body.page-services-ai-automation .hero-inner, body.page-services-ai-automation .features-grid, body.page-services-ai-automation .footer-grid {grid-template-columns:1fr}
body.page-services-ai-automation .stats-bar-inner {grid-template-columns:repeat(2,1fr)}
body.page-services-ai-automation .hero-visual, body.page-services-ai-automation .nav-links {display:none}
}

/* Generated from former style attributes. */
body.page-services-ai-automation .page-services-ai-automation-inline-01 {width:100%;height:100%;object-fit:cover;border-radius:20px;}
body.page-services-ai-automation .page-services-ai-automation-inline-02 {color:var(--gold);}

/* ===== public/services/business-fibre-internet.html (page-services-business-fibre-internet) ===== */
body.page-services-business-fibre-internet *, body.page-services-business-fibre-internet *::before, body.page-services-business-fibre-internet *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-services-business-fibre-internet {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6;}
body.page-services-business-fibre-internet h1, body.page-services-business-fibre-internet h2, body.page-services-business-fibre-internet h3, body.page-services-business-fibre-internet h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-services-business-fibre-internet a {text-decoration: none; color: inherit;}
body.page-services-business-fibre-internet nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-services-business-fibre-internet .nav-logo img {height: 36px;}
body.page-services-business-fibre-internet .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-services-business-fibre-internet .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-services-business-fibre-internet .nav-links a:hover {color: var(--blue);}
body.page-services-business-fibre-internet .nav-dropdown {position: relative;}
body.page-services-business-fibre-internet .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-services-business-fibre-internet .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-services-business-fibre-internet .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-services-business-fibre-internet .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-services-business-fibre-internet .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-services-business-fibre-internet .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-services-business-fibre-internet .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-services-business-fibre-internet .nav-dropdown-menu a:hover, body.page-services-business-fibre-internet .nav-dropdown-menu a.active {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-services-business-fibre-internet .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-services-business-fibre-internet .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-services-business-fibre-internet .hero {padding: 140px 5% 80px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash)); position: relative; overflow: hidden;}
body.page-services-business-fibre-internet .hero::before {content: ""; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%;}
body.page-services-business-fibre-internet .hero-inner {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1;}
body.page-services-business-fibre-internet .breadcrumb {font-size: 13px; color: var(--muted); margin-bottom: 16px; display: flex; align-items: center; gap: 8px;}
body.page-services-business-fibre-internet .breadcrumb a {color: var(--blue);}
body.page-services-business-fibre-internet .breadcrumb a:hover {color: var(--navy);}
body.page-services-business-fibre-internet .hero-label {font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 16px;}
body.page-services-business-fibre-internet .hero h1 {font-size: clamp(36px, 4vw, 52px); line-height: 1.1; color: var(--navy); margin-bottom: 20px;}
body.page-services-business-fibre-internet .hero h1 span {color: var(--blue);}
body.page-services-business-fibre-internet .hero-sub {font-size: 17px; color: var(--muted); line-height: 1.75; margin-bottom: 36px;}
body.page-services-business-fibre-internet .hero-btns {display: flex; gap: 14px; flex-wrap: wrap;}
body.page-services-business-fibre-internet .btn-primary {background: var(--navy); color: var(--cs-white); padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit;}
body.page-services-business-fibre-internet .btn-primary:hover {background: var(--blue); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,102,.2);}
body.page-services-business-fibre-internet .btn-secondary {background: transparent; color: var(--navy); padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid var(--navy); transition: all .2s; cursor: pointer;}
body.page-services-business-fibre-internet .btn-secondary:hover {background: var(--navy); color: var(--cs-white);}
body.page-services-business-fibre-internet .hero-visual {display: flex; justify-content: center; align-items: center; height: 400px; background: linear-gradient(135deg, rgba(71,112,173,.1), rgba(245,181,5,.05)); border-radius: 20px;}
body.page-services-business-fibre-internet .hero-visual svg {width: 80%; height: auto;}
body.page-services-business-fibre-internet .stats-bar {background: var(--navy); padding: 48px 5%;}
body.page-services-business-fibre-internet .stats-bar-inner {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr);}
body.page-services-business-fibre-internet .sbi {text-align: center; padding: 0 24px; border-right: 1px solid rgba(255,255,255,.1);}
body.page-services-business-fibre-internet .sbi:last-child {border-right: none;}
body.page-services-business-fibre-internet .sbi strong {font-family: "Patua One", serif; font-size: 42px; color: var(--gold); line-height: 1; display: block; margin-bottom: 8px;}
body.page-services-business-fibre-internet .sbi span {font-size: 13px; color: rgba(255,255,255,.65);}
body.page-services-business-fibre-internet .features-section {padding: 100px 5%; background: var(--cs-white);}
body.page-services-business-fibre-internet .section-label {font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; text-align: center;}
body.page-services-business-fibre-internet .section-title {font-size: clamp(26px, 3vw, 40px); color: var(--navy); text-align: center; margin-bottom: 12px; line-height: 1.2;}
body.page-services-business-fibre-internet .section-sub {font-size: 16px; color: var(--muted); text-align: center; max-width: 560px; margin: 0 auto 60px; line-height: 1.7;}
body.page-services-business-fibre-internet .features-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
body.page-services-business-fibre-internet .feat-card {padding: 32px; border-radius: 16px; border: 1px solid var(--cs-card-border); transition: border-color .25s, transform .25s, box-shadow .25s;}
body.page-services-business-fibre-internet .feat-card:hover {border-color: var(--gold); transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.08);}
body.page-services-business-fibre-internet .feat-icon {width: 48px; height: 48px; border-radius: 12px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); margin-bottom: 20px;}
body.page-services-business-fibre-internet .feat-card:hover .feat-icon {background: var(--navy); color: var(--cs-white);}
body.page-services-business-fibre-internet .feat-card h3 {font-size: 17px; color: var(--navy); margin-bottom: 10px;}
body.page-services-business-fibre-internet .feat-card p {font-size: 14px; color: var(--muted); line-height: 1.7;}
body.page-services-business-fibre-internet .how-section {padding: 100px 5%; background: var(--light);}
body.page-services-business-fibre-internet .how-inner {max-width: 1200px; margin: 0 auto;}
body.page-services-business-fibre-internet .steps {display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; margin-top: 60px;}
body.page-services-business-fibre-internet .steps::before {content: ""; position: absolute; top: 28px; left: 14%; right: 14%; height: 2px; background: linear-gradient(to right, var(--navy), var(--blue)); z-index: 0;}
body.page-services-business-fibre-internet .step {text-align: center; position: relative; z-index: 1;}
body.page-services-business-fibre-internet .step-num {width: 56px; height: 56px; border-radius: 50%; background: var(--navy); color: var(--cs-white); display: flex; align-items: center; justify-content: center; font-family: "Patua One", serif; font-size: 20px; margin: 0 auto 20px; border: 4px solid var(--light); box-shadow: 0 4px 16px rgba(0,0,102,.2);}
body.page-services-business-fibre-internet .step:hover .step-num {background: var(--blue);}
body.page-services-business-fibre-internet .step h4 {font-size: 15px; color: var(--navy); margin-bottom: 8px;}
body.page-services-business-fibre-internet .step p {font-size: 13px; color: var(--muted); line-height: 1.6;}
body.page-services-business-fibre-internet .cta-section {padding: 100px 5%; background: linear-gradient(135deg, var(--navy), var(--cs-navy-bright)); text-align: center; position: relative; overflow: hidden;}
body.page-services-business-fibre-internet .cta-section::before {content: ""; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%;}
body.page-services-business-fibre-internet .cta-inner {position: relative; z-index: 1; max-width: 700px; margin: 0 auto;}
body.page-services-business-fibre-internet .cta-section h2 {font-size: clamp(28px, 3.5vw, 44px); color: var(--cs-white); margin-bottom: 16px;}
body.page-services-business-fibre-internet .cta-section p {font-size: 17px; color: rgba(255,255,255,.75); margin-bottom: 36px; line-height: 1.7;}
body.page-services-business-fibre-internet .cta-btns {display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;}
body.page-services-business-fibre-internet .btn-gold {background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit;}
body.page-services-business-fibre-internet .btn-gold:hover {background: var(--cs-amber-hover); transform: translateY(-2px);}
body.page-services-business-fibre-internet .btn-outline-white {background: transparent; color: var(--cs-white); padding: 14px 32px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid rgba(255,255,255,.4); transition: all .2s;}
body.page-services-business-fibre-internet .btn-outline-white:hover {background: rgba(255,255,255,.1); border-color: var(--cs-white);}
body.page-services-business-fibre-internet footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-services-business-fibre-internet .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-services-business-fibre-internet .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-services-business-fibre-internet .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-services-business-fibre-internet .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-services-business-fibre-internet .social-btn {width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s;}
body.page-services-business-fibre-internet .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-services-business-fibre-internet .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-services-business-fibre-internet .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-services-business-fibre-internet .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-services-business-fibre-internet .footer-col ul a:hover {color: var(--blue);}
body.page-services-business-fibre-internet .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-services-business-fibre-internet .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-services-business-fibre-internet .footer-bottom-links {display: flex; gap: 24px;}
body.page-services-business-fibre-internet .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-services-business-fibre-internet .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-services-business-fibre-internet .hero-inner, body.page-services-business-fibre-internet .features-grid, body.page-services-business-fibre-internet .steps, body.page-services-business-fibre-internet .footer-grid {grid-template-columns: 1fr;}
body.page-services-business-fibre-internet .stats-bar-inner {grid-template-columns: repeat(2, 1fr);}
body.page-services-business-fibre-internet .hero-visual, body.page-services-business-fibre-internet .nav-links {display: none;}
body.page-services-business-fibre-internet .steps::before {display: none;}
}

/* Generated from former style attributes. */
body.page-services-business-fibre-internet .page-services-business-fibre-internet-inline-01 {width:100%;height:100%;object-fit:cover;border-radius:20px;}
body.page-services-business-fibre-internet .page-services-business-fibre-internet-inline-02 {background:var(--gold);color:var(--navy);}
body.page-services-business-fibre-internet .page-services-business-fibre-internet-inline-03 {color:var(--gold);}

/* ===== public/services/cloud-voice-calling.html (page-services-cloud-voice-calling) ===== */
body.page-services-cloud-voice-calling *, body.page-services-cloud-voice-calling *::before, body.page-services-cloud-voice-calling *::after {box-sizing:border-box;margin:0;padding:0}
body.page-services-cloud-voice-calling {font-family:"Inter",sans-serif;color:var(--text);background:var(--cs-white);line-height:1.6}
body.page-services-cloud-voice-calling h1, body.page-services-cloud-voice-calling h2, body.page-services-cloud-voice-calling h3, body.page-services-cloud-voice-calling h4 {font-family:"Patua One",serif;letter-spacing:0.04em}
body.page-services-cloud-voice-calling a {text-decoration:none;color:inherit}
body.page-services-cloud-voice-calling nav {position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,102,.08);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
body.page-services-cloud-voice-calling .nav-logo img {height:36px}
body.page-services-cloud-voice-calling .nav-links {display:flex;gap:32px;list-style:none;align-items:center}
body.page-services-cloud-voice-calling .nav-links a {font-size:14px;font-weight:500;color:var(--navy);transition:color .2s}
body.page-services-cloud-voice-calling .nav-links a:hover {color:var(--blue)}
body.page-services-cloud-voice-calling .nav-dropdown {position:relative}
body.page-services-cloud-voice-calling .nav-dropdown-toggle {display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;background:0;border:0;font-family:inherit;padding:0;transition:color .2s}
body.page-services-cloud-voice-calling .nav-dropdown-toggle:hover {color:var(--blue)}
body.page-services-cloud-voice-calling .nav-dropdown-toggle svg {transition:transform .2s}
body.page-services-cloud-voice-calling .nav-dropdown.open .nav-dropdown-toggle svg {transform:rotate(180deg)}
body.page-services-cloud-voice-calling .nav-dropdown-menu {display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);background:var(--cs-white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,102,.13);border:1px solid rgba(0,0,102,.08);min-width:240px;padding:8px;z-index:200}
body.page-services-cloud-voice-calling .nav-dropdown.open .nav-dropdown-menu {display:block}
body.page-services-cloud-voice-calling .nav-dropdown-menu a {display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);transition:background .15s,color .15s}
body.page-services-cloud-voice-calling .nav-dropdown-menu a:hover, body.page-services-cloud-voice-calling .nav-dropdown-menu a.active {background:var(--light);color:var(--blue);font-weight:600}
body.page-services-cloud-voice-calling .nav-cta {background:var(--navy);color:var(--cs-white);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s,transform .15s}
body.page-services-cloud-voice-calling .nav-cta:hover {background:var(--blue);transform:translateY(-1px)}
body.page-services-cloud-voice-calling .hero {padding:140px 5% 80px;background:linear-gradient(135deg,var(--cs-light),var(--cs-blue-soft) 50%,var(--cs-blue-wash));position:relative;overflow:hidden}
body.page-services-cloud-voice-calling .hero::before {content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(71,112,173,.08),transparent 70%);border-radius:50%}
body.page-services-cloud-voice-calling .hero-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
body.page-services-cloud-voice-calling .breadcrumb {font-size:13px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}
body.page-services-cloud-voice-calling .breadcrumb a {color:var(--blue)}
body.page-services-cloud-voice-calling .hero-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
body.page-services-cloud-voice-calling .hero h1 {font-size:clamp(36px,4vw,52px);line-height:1.1;color:var(--navy);margin-bottom:20px}
body.page-services-cloud-voice-calling .hero h1 span {color:var(--blue)}
body.page-services-cloud-voice-calling .hero-sub {font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:36px}
body.page-services-cloud-voice-calling .hero-btns {display:flex;gap:14px;flex-wrap:wrap}
body.page-services-cloud-voice-calling .btn-primary {background:var(--navy);color:var(--cs-white);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-cloud-voice-calling .btn-primary:hover {background:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,102,.2)}
body.page-services-cloud-voice-calling .btn-secondary {background:0;color:var(--navy);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid var(--navy);transition:all .2s;cursor:pointer}
body.page-services-cloud-voice-calling .btn-secondary:hover {background:var(--navy);color:var(--cs-white)}
body.page-services-cloud-voice-calling .hero-visual {display:flex;justify-content:center;align-items:center;height:400px;background:linear-gradient(135deg,rgba(71,112,173,.1),rgba(245,181,5,.05));border-radius:20px}
body.page-services-cloud-voice-calling .stats-bar {background:var(--navy);padding:48px 5%}
body.page-services-cloud-voice-calling .stats-bar-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
body.page-services-cloud-voice-calling .sbi {text-align:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.1)}
body.page-services-cloud-voice-calling .sbi:last-child {border-right:0}
body.page-services-cloud-voice-calling .sbi strong {font-family:"Patua One",serif;font-size:42px;color:var(--gold);line-height:1;display:block;margin-bottom:8px}
body.page-services-cloud-voice-calling .sbi span {font-size:13px;color:rgba(255,255,255,.65)}
body.page-services-cloud-voice-calling .features-section {padding:100px 5%;background:var(--cs-white)}
body.page-services-cloud-voice-calling .section-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;text-align:center}
body.page-services-cloud-voice-calling .section-title {font-size:clamp(26px,3vw,40px);color:var(--navy);text-align:center;margin-bottom:12px;line-height:1.2}
body.page-services-cloud-voice-calling .section-sub {font-size:16px;color:var(--muted);text-align:center;max-width:560px;margin:0 auto 60px;line-height:1.7}
body.page-services-cloud-voice-calling .features-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
body.page-services-cloud-voice-calling .feat-card {padding:32px;border-radius:16px;border:1px solid var(--cs-card-border);transition:border-color .25s,transform .25s,box-shadow .25s}
body.page-services-cloud-voice-calling .feat-card:hover {border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,102,.08)}
body.page-services-cloud-voice-calling .feat-icon {width:48px;height:48px;border-radius:12px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:20px}
body.page-services-cloud-voice-calling .feat-card:hover .feat-icon {background:var(--navy);color:var(--cs-white)}
body.page-services-cloud-voice-calling .feat-card h3 {font-size:17px;color:var(--navy);margin-bottom:10px}
body.page-services-cloud-voice-calling .feat-card p {font-size:14px;color:var(--muted);line-height:1.7}
body.page-services-cloud-voice-calling .cta-section {padding:100px 5%;background:linear-gradient(135deg,var(--navy),var(--cs-navy-bright));text-align:center;position:relative;overflow:hidden}
body.page-services-cloud-voice-calling .cta-section::before {content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,181,5,.1),transparent 70%);border-radius:50%}
body.page-services-cloud-voice-calling .cta-inner {position:relative;z-index:1;max-width:700px;margin:0 auto}
body.page-services-cloud-voice-calling .cta-section h2 {font-size:clamp(28px,3.5vw,44px);color:var(--cs-white);margin-bottom:16px}
body.page-services-cloud-voice-calling .cta-section p {font-size:17px;color:rgba(255,255,255,.75);margin-bottom:36px;line-height:1.7}
body.page-services-cloud-voice-calling .cta-btns {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-services-cloud-voice-calling .btn-gold {background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:8px;font-weight:700;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-cloud-voice-calling .btn-gold:hover {background:var(--cs-amber-hover);transform:translateY(-2px)}
body.page-services-cloud-voice-calling .btn-outline-white {background:0;color:var(--cs-white);padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.4);transition:all .2s}
body.page-services-cloud-voice-calling .btn-outline-white:hover {background:rgba(255,255,255,.1);border-color:var(--cs-white)}
body.page-services-cloud-voice-calling footer {background:var(--cs-white);padding:64px 5% 32px;border-top:1px solid var(--cs-footer-border)}
body.page-services-cloud-voice-calling .footer-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
body.page-services-cloud-voice-calling .footer-brand img {height:32px;margin-bottom:18px}
body.page-services-cloud-voice-calling .footer-brand p {font-size:14px;color:var(--muted);line-height:1.7;max-width:260px}
body.page-services-cloud-voice-calling .footer-socials {display:flex;gap:12px;margin-top:20px}
body.page-services-cloud-voice-calling .social-btn {width:36px;height:36px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .2s,color .2s}
body.page-services-cloud-voice-calling .social-btn:hover {background:var(--gold);color:var(--navy)}
body.page-services-cloud-voice-calling .footer-col h4 {font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
body.page-services-cloud-voice-calling .footer-col ul {list-style:none;display:flex;flex-direction:column;gap:10px}
body.page-services-cloud-voice-calling .footer-col ul a {font-size:14px;color:var(--muted);transition:color .2s}
body.page-services-cloud-voice-calling .footer-col ul a:hover {color:var(--blue)}
body.page-services-cloud-voice-calling .footer-bottom {max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--cs-footer-border);display:flex;justify-content:space-between;align-items:center}
body.page-services-cloud-voice-calling .footer-bottom-text {font-size:13px;color:var(--cs-gray-400)}
body.page-services-cloud-voice-calling .footer-bottom-links {display:flex;gap:24px}
body.page-services-cloud-voice-calling .footer-bottom-links a {font-size:13px;color:var(--cs-gray-400)}
body.page-services-cloud-voice-calling .footer-bottom-links a:hover {color:var(--blue)}
@media (max-width:900px){
body.page-services-cloud-voice-calling .hero-inner, body.page-services-cloud-voice-calling .features-grid, body.page-services-cloud-voice-calling .footer-grid {grid-template-columns:1fr}
body.page-services-cloud-voice-calling .stats-bar-inner {grid-template-columns:repeat(2,1fr)}
body.page-services-cloud-voice-calling .hero-visual, body.page-services-cloud-voice-calling .nav-links {display:none}
}

/* Generated from former style attributes. */
body.page-services-cloud-voice-calling .page-services-cloud-voice-calling-inline-01 {width:100%;height:100%;object-fit:cover;border-radius:20px;}
body.page-services-cloud-voice-calling .page-services-cloud-voice-calling-inline-02 {color:var(--gold);}

/* ===== public/services/managed-it.html (page-services-managed-it) ===== */
body.page-services-managed-it *, body.page-services-managed-it *::before, body.page-services-managed-it *::after {box-sizing: border-box; margin: 0; padding: 0;}
body.page-services-managed-it {font-family: "Inter", sans-serif; color: var(--text); background: var(--cs-white); line-height: 1.6;}
body.page-services-managed-it h1, body.page-services-managed-it h2, body.page-services-managed-it h3, body.page-services-managed-it h4 {font-family: "Patua One", serif; letter-spacing: 0.04em;}
body.page-services-managed-it a {text-decoration: none; color: inherit;}
body.page-services-managed-it nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px;}
body.page-services-managed-it .nav-logo img {height: 36px;}
body.page-services-managed-it .nav-links {display: flex; gap: 32px; list-style: none; align-items: center;}
body.page-services-managed-it .nav-links a {font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s;}
body.page-services-managed-it .nav-links a:hover {color: var(--blue);}
body.page-services-managed-it .nav-dropdown {position: relative;}
body.page-services-managed-it .nav-dropdown-toggle {display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s;}
body.page-services-managed-it .nav-dropdown-toggle:hover {color: var(--blue);}
body.page-services-managed-it .nav-dropdown-toggle svg {transition: transform .2s;}
body.page-services-managed-it .nav-dropdown.open .nav-dropdown-toggle svg {transform: rotate(180deg);}
body.page-services-managed-it .nav-dropdown-menu {display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: var(--cs-white); border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200;}
body.page-services-managed-it .nav-dropdown.open .nav-dropdown-menu {display: block;}
body.page-services-managed-it .nav-dropdown-menu a {display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s;}
body.page-services-managed-it .nav-dropdown-menu a:hover, body.page-services-managed-it .nav-dropdown-menu a.active {background: var(--light); color: var(--blue); font-weight: 600;}
body.page-services-managed-it .nav-cta {background: var(--navy); color: var(--cs-white); padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s;}
body.page-services-managed-it .nav-cta:hover {background: var(--blue); transform: translateY(-1px);}
body.page-services-managed-it .hero {padding: 140px 5% 80px; background: linear-gradient(135deg, var(--cs-light), var(--cs-blue-soft) 50%, var(--cs-blue-wash)); position: relative; overflow: hidden;}
body.page-services-managed-it .hero::before {content: ""; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%;}
body.page-services-managed-it .hero-inner {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1;}
body.page-services-managed-it .breadcrumb {font-size: 13px; color: var(--muted); margin-bottom: 16px; display: flex; align-items: center; gap: 8px;}
body.page-services-managed-it .breadcrumb a {color: var(--blue);}
body.page-services-managed-it .breadcrumb a:hover {color: var(--navy);}
body.page-services-managed-it .hero-label {font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 16px;}
body.page-services-managed-it .hero h1 {font-size: clamp(36px, 4vw, 52px); line-height: 1.1; color: var(--navy); margin-bottom: 20px;}
body.page-services-managed-it .hero h1 span {color: var(--blue);}
body.page-services-managed-it .hero-sub {font-size: 17px; color: var(--muted); line-height: 1.75; margin-bottom: 36px;}
body.page-services-managed-it .hero-btns {display: flex; gap: 14px; flex-wrap: wrap;}
body.page-services-managed-it .btn-primary {background: var(--navy); color: var(--cs-white); padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; display: inline-flex; align-items: center; gap: 8px;}
body.page-services-managed-it .btn-primary:hover {background: var(--blue); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,102,.2);}
body.page-services-managed-it .btn-secondary {background: transparent; color: var(--navy); padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid var(--navy); display: inline-flex; align-items: center; gap: 8px; transition: all .2s; cursor: pointer;}
body.page-services-managed-it .btn-secondary:hover {background: var(--navy); color: var(--cs-white);}
body.page-services-managed-it .hero-visual {display: flex; justify-content: center; align-items: center; height: 400px; background: linear-gradient(135deg, rgba(71,112,173,.1), rgba(245,181,5,.05)); border-radius: 20px;}
body.page-services-managed-it .hero-visual svg {width: 80%; height: auto;}
body.page-services-managed-it .stats-bar {background: var(--navy); padding: 48px 5%;}
body.page-services-managed-it .stats-bar-inner {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr);}
body.page-services-managed-it .sbi {text-align: center; padding: 0 24px; border-right: 1px solid rgba(255,255,255,.1);}
body.page-services-managed-it .sbi:last-child {border-right: none;}
body.page-services-managed-it .sbi strong {font-family: "Patua One", serif; font-size: 42px; color: var(--gold); line-height: 1; display: block; margin-bottom: 8px;}
body.page-services-managed-it .sbi span {font-size: 13px; color: rgba(255,255,255,.65);}
body.page-services-managed-it .features-section {padding: 100px 5%; background: var(--cs-white);}
body.page-services-managed-it .section-label {font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; text-align: center;}
body.page-services-managed-it .section-title {font-size: clamp(26px, 3vw, 40px); color: var(--navy); text-align: center; margin-bottom: 12px; line-height: 1.2;}
body.page-services-managed-it .section-sub {font-size: 16px; color: var(--muted); text-align: center; max-width: 560px; margin: 0 auto 60px; line-height: 1.7;}
body.page-services-managed-it .features-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;}
body.page-services-managed-it .feat-card {padding: 32px; border-radius: 16px; border: 1px solid var(--cs-card-border); transition: border-color .25s, transform .25s, box-shadow .25s;}
body.page-services-managed-it .feat-card:hover {border-color: var(--gold); transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.08);}
body.page-services-managed-it .feat-icon {width: 48px; height: 48px; border-radius: 12px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); margin-bottom: 20px; transition: background .25s, color .25s;}
body.page-services-managed-it .feat-card:hover .feat-icon {background: var(--navy); color: var(--cs-white);}
body.page-services-managed-it .feat-card h3 {font-size: 17px; color: var(--navy); margin-bottom: 10px;}
body.page-services-managed-it .feat-card p {font-size: 14px; color: var(--muted); line-height: 1.7;}
body.page-services-managed-it .how-section {padding: 100px 5%; background: var(--light);}
body.page-services-managed-it .how-inner {max-width: 1200px; margin: 0 auto;}
body.page-services-managed-it .steps {display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; margin-top: 60px;}
body.page-services-managed-it .steps::before {content: ""; position: absolute; top: 28px; left: 14%; right: 14%; height: 2px; background: linear-gradient(to right, var(--navy), var(--blue)); z-index: 0;}
body.page-services-managed-it .step {text-align: center; position: relative; z-index: 1;}
body.page-services-managed-it .step-num {width: 56px; height: 56px; border-radius: 50%; background: var(--navy); color: var(--cs-white); display: flex; align-items: center; justify-content: center; font-family: "Patua One", serif; font-size: 20px; margin: 0 auto 20px; border: 4px solid var(--light); box-shadow: 0 4px 16px rgba(0,0,102,.2); transition: background .2s;}
body.page-services-managed-it .step:hover .step-num {background: var(--blue);}
body.page-services-managed-it .step h4 {font-size: 15px; color: var(--navy); margin-bottom: 8px;}
body.page-services-managed-it .step p {font-size: 13px; color: var(--muted); line-height: 1.6;}
body.page-services-managed-it .compare-section {padding: 100px 5%; background: var(--cs-white);}
body.page-services-managed-it .compare-inner {max-width: 860px; margin: 0 auto;}
body.page-services-managed-it .compare-table {width: 100%; border-collapse: collapse; margin-top: 48px;}
body.page-services-managed-it .compare-table th {padding: 16px 24px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid var(--cs-card-border); text-align: left;}
body.page-services-managed-it .compare-table th:not(:first-child) {text-align: center;}
body.page-services-managed-it .compare-table .th-trad {color: var(--muted);}
body.page-services-managed-it .compare-table .th-cloud {color: var(--navy);}
body.page-services-managed-it .compare-table td {padding: 14px 24px; font-size: 14px; color: var(--text); border-bottom: 1px solid var(--cs-light);}
body.page-services-managed-it .compare-table td:not(:first-child) {text-align: center;}
body.page-services-managed-it .compare-table tr:hover td {background: var(--cs-input-bg);}
body.page-services-managed-it .tick {color: var(--cs-green); font-size: 18px;}
body.page-services-managed-it .cross {color: var(--cs-error); font-size: 18px;}
body.page-services-managed-it .cta-section {padding: 100px 5%; background: linear-gradient(135deg, var(--navy), var(--cs-navy-bright)); text-align: center; position: relative; overflow: hidden;}
body.page-services-managed-it .cta-section::before {content: ""; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%;}
body.page-services-managed-it .cta-inner {position: relative; z-index: 1; max-width: 700px; margin: 0 auto;}
body.page-services-managed-it .cta-section h2 {font-size: clamp(28px, 3.5vw, 44px); color: var(--cs-white); margin-bottom: 16px;}
body.page-services-managed-it .cta-section p {font-size: 17px; color: rgba(255,255,255,.75); margin-bottom: 36px; line-height: 1.7;}
body.page-services-managed-it .cta-btns {display: flex; gap: 14px; justify-content: center; flex-wrap: wrap;}
body.page-services-managed-it .btn-gold {background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit;}
body.page-services-managed-it .btn-gold:hover {background: var(--cs-amber-hover); transform: translateY(-2px);}
body.page-services-managed-it .btn-outline-white {background: transparent; color: var(--cs-white); padding: 14px 32px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid rgba(255,255,255,.4); transition: all .2s;}
body.page-services-managed-it .btn-outline-white:hover {background: rgba(255,255,255,.1); border-color: var(--cs-white);}
body.page-services-managed-it footer {background: var(--cs-white); padding: 64px 5% 32px; border-top: 1px solid var(--cs-footer-border);}
body.page-services-managed-it .footer-grid {max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px;}
body.page-services-managed-it .footer-brand img {height: 32px; margin-bottom: 18px;}
body.page-services-managed-it .footer-brand p {font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px;}
body.page-services-managed-it .footer-socials {display: flex; gap: 12px; margin-top: 20px;}
body.page-services-managed-it .social-btn {width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s;}
body.page-services-managed-it .social-btn:hover {background: var(--gold); color: var(--navy);}
body.page-services-managed-it .footer-col h4 {font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px;}
body.page-services-managed-it .footer-col ul {list-style: none; display: flex; flex-direction: column; gap: 10px;}
body.page-services-managed-it .footer-col ul a {font-size: 14px; color: var(--muted); transition: color .2s;}
body.page-services-managed-it .footer-col ul a:hover {color: var(--blue);}
body.page-services-managed-it .footer-bottom {max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid var(--cs-footer-border); display: flex; justify-content: space-between; align-items: center;}
body.page-services-managed-it .footer-bottom-text {font-size: 13px; color: var(--cs-gray-400);}
body.page-services-managed-it .footer-bottom-links {display: flex; gap: 24px;}
body.page-services-managed-it .footer-bottom-links a {font-size: 13px; color: var(--cs-gray-400);}
body.page-services-managed-it .footer-bottom-links a:hover {color: var(--blue);}
@media (max-width: 900px){
body.page-services-managed-it .hero-inner, body.page-services-managed-it .features-grid, body.page-services-managed-it .steps, body.page-services-managed-it .footer-grid {grid-template-columns: 1fr;}
body.page-services-managed-it .stats-bar-inner {grid-template-columns: repeat(2, 1fr);}
body.page-services-managed-it .hero-visual, body.page-services-managed-it .nav-links {display: none;}
body.page-services-managed-it .steps::before {display: none;}
}

/* Generated from former style attributes. */
body.page-services-managed-it .page-services-managed-it-inline-01 {width:100%;height:100%;object-fit:cover;border-radius:20px;}
body.page-services-managed-it .page-services-managed-it-inline-02 {background:var(--gold);color:var(--navy);}
body.page-services-managed-it .page-services-managed-it-inline-03 {text-align:left;}
body.page-services-managed-it .page-services-managed-it-inline-04 {text-align:left;}
body.page-services-managed-it .page-services-managed-it-inline-05 {color:var(--gold);}

/* ===== public/services/managed-office-network.html (page-services-managed-office-network) ===== */
body.page-services-managed-office-network *, body.page-services-managed-office-network *::before, body.page-services-managed-office-network *::after {box-sizing:border-box;margin:0;padding:0}
body.page-services-managed-office-network {font-family:"Inter",sans-serif;color:var(--text);background:var(--cs-white);line-height:1.6}
body.page-services-managed-office-network h1, body.page-services-managed-office-network h2, body.page-services-managed-office-network h3, body.page-services-managed-office-network h4 {font-family:"Patua One",serif;letter-spacing:0.04em}
body.page-services-managed-office-network a {text-decoration:none;color:inherit}
body.page-services-managed-office-network nav {position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,102,.08);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
body.page-services-managed-office-network .nav-logo img {height:36px}
body.page-services-managed-office-network .nav-links {display:flex;gap:32px;list-style:none;align-items:center}
body.page-services-managed-office-network .nav-links a {font-size:14px;font-weight:500;color:var(--navy);transition:color .2s}
body.page-services-managed-office-network .nav-links a:hover {color:var(--blue)}
body.page-services-managed-office-network .nav-dropdown {position:relative}
body.page-services-managed-office-network .nav-dropdown-toggle {display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;background:0;border:0;font-family:inherit;padding:0;transition:color .2s}
body.page-services-managed-office-network .nav-dropdown-toggle:hover {color:var(--blue)}
body.page-services-managed-office-network .nav-dropdown-toggle svg {transition:transform .2s}
body.page-services-managed-office-network .nav-dropdown.open .nav-dropdown-toggle svg {transform:rotate(180deg)}
body.page-services-managed-office-network .nav-dropdown-menu {display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);background:var(--cs-white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,102,.13);border:1px solid rgba(0,0,102,.08);min-width:240px;padding:8px;z-index:200}
body.page-services-managed-office-network .nav-dropdown.open .nav-dropdown-menu {display:block}
body.page-services-managed-office-network .nav-dropdown-menu a {display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);transition:background .15s,color .15s}
body.page-services-managed-office-network .nav-dropdown-menu a:hover, body.page-services-managed-office-network .nav-dropdown-menu a.active {background:var(--light);color:var(--blue);font-weight:600}
body.page-services-managed-office-network .nav-cta {background:var(--navy);color:var(--cs-white);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s,transform .15s}
body.page-services-managed-office-network .nav-cta:hover {background:var(--blue);transform:translateY(-1px)}
body.page-services-managed-office-network .hero {padding:140px 5% 80px;background:linear-gradient(135deg,var(--cs-light),var(--cs-blue-soft) 50%,var(--cs-blue-wash));position:relative;overflow:hidden}
body.page-services-managed-office-network .hero::before {content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(71,112,173,.08),transparent 70%);border-radius:50%}
body.page-services-managed-office-network .hero-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
body.page-services-managed-office-network .breadcrumb {font-size:13px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}
body.page-services-managed-office-network .breadcrumb a {color:var(--blue)}
body.page-services-managed-office-network .breadcrumb a:hover {color:var(--navy)}
body.page-services-managed-office-network .hero-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
body.page-services-managed-office-network .hero h1 {font-size:clamp(36px,4vw,52px);line-height:1.1;color:var(--navy);margin-bottom:20px}
body.page-services-managed-office-network .hero h1 span {color:var(--blue)}
body.page-services-managed-office-network .hero-sub {font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:36px}
body.page-services-managed-office-network .hero-btns {display:flex;gap:14px;flex-wrap:wrap}
body.page-services-managed-office-network .btn-primary {background:var(--navy);color:var(--cs-white);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-managed-office-network .btn-primary:hover {background:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,102,.2)}
body.page-services-managed-office-network .btn-secondary {background:0;color:var(--navy);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid var(--navy);transition:all .2s;cursor:pointer}
body.page-services-managed-office-network .btn-secondary:hover {background:var(--navy);color:var(--cs-white)}
body.page-services-managed-office-network .hero-visual {display:flex;justify-content:center;align-items:center;height:400px;background:linear-gradient(135deg,rgba(71,112,173,.1),rgba(245,181,5,.05));border-radius:20px}
body.page-services-managed-office-network .hero-visual svg {width:80%;height:auto}
body.page-services-managed-office-network .stats-bar {background:var(--navy);padding:48px 5%}
body.page-services-managed-office-network .stats-bar-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
body.page-services-managed-office-network .sbi {text-align:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.1)}
body.page-services-managed-office-network .sbi:last-child {border-right:0}
body.page-services-managed-office-network .sbi strong {font-family:"Patua One",serif;font-size:42px;color:var(--gold);line-height:1;display:block;margin-bottom:8px}
body.page-services-managed-office-network .sbi span {font-size:13px;color:rgba(255,255,255,.65)}
body.page-services-managed-office-network .features-section {padding:100px 5%;background:var(--cs-white)}
body.page-services-managed-office-network .section-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;text-align:center}
body.page-services-managed-office-network .section-title {font-size:clamp(26px,3vw,40px);color:var(--navy);text-align:center;margin-bottom:12px;line-height:1.2}
body.page-services-managed-office-network .section-sub {font-size:16px;color:var(--muted);text-align:center;max-width:560px;margin:0 auto 60px;line-height:1.7}
body.page-services-managed-office-network .features-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
body.page-services-managed-office-network .feat-card {padding:32px;border-radius:16px;border:1px solid var(--cs-card-border);transition:border-color .25s,transform .25s,box-shadow .25s}
body.page-services-managed-office-network .feat-card:hover {border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,102,.08)}
body.page-services-managed-office-network .feat-icon {width:48px;height:48px;border-radius:12px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:20px}
body.page-services-managed-office-network .feat-card:hover .feat-icon {background:var(--navy);color:var(--cs-white)}
body.page-services-managed-office-network .feat-card h3 {font-size:17px;color:var(--navy);margin-bottom:10px}
body.page-services-managed-office-network .feat-card p {font-size:14px;color:var(--muted);line-height:1.7}
body.page-services-managed-office-network .how-section {padding:100px 5%;background:var(--light)}
body.page-services-managed-office-network .how-inner {max-width:1200px;margin:0 auto}
body.page-services-managed-office-network .steps {display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative;margin-top:60px}
body.page-services-managed-office-network .steps::before {content:"";position:absolute;top:28px;left:14%;right:14%;height:2px;background:linear-gradient(to right,var(--navy),var(--blue));z-index:0}
body.page-services-managed-office-network .step {text-align:center;position:relative;z-index:1}
body.page-services-managed-office-network .step-num {width:56px;height:56px;border-radius:50%;background:var(--navy);color:var(--cs-white);display:flex;align-items:center;justify-content:center;font-family:"Patua One",serif;font-size:20px;margin:0 auto 20px;border:4px solid var(--light);box-shadow:0 4px 16px rgba(0,0,102,.2)}
body.page-services-managed-office-network .step:hover .step-num {background:var(--blue)}
body.page-services-managed-office-network .step h4 {font-size:15px;color:var(--navy);margin-bottom:8px}
body.page-services-managed-office-network .step p {font-size:13px;color:var(--muted);line-height:1.6}
body.page-services-managed-office-network .cta-section {padding:100px 5%;background:linear-gradient(135deg,var(--navy),var(--cs-navy-bright));text-align:center;position:relative;overflow:hidden}
body.page-services-managed-office-network .cta-section::before {content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,181,5,.1),transparent 70%);border-radius:50%}
body.page-services-managed-office-network .cta-inner {position:relative;z-index:1;max-width:700px;margin:0 auto}
body.page-services-managed-office-network .cta-section h2 {font-size:clamp(28px,3.5vw,44px);color:var(--cs-white);margin-bottom:16px}
body.page-services-managed-office-network .cta-section p {font-size:17px;color:rgba(255,255,255,.75);margin-bottom:36px;line-height:1.7}
body.page-services-managed-office-network .cta-btns {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-services-managed-office-network .btn-gold {background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:8px;font-weight:700;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-managed-office-network .btn-gold:hover {background:var(--cs-amber-hover);transform:translateY(-2px)}
body.page-services-managed-office-network .btn-outline-white {background:0;color:var(--cs-white);padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.4);transition:all .2s}
body.page-services-managed-office-network .btn-outline-white:hover {background:rgba(255,255,255,.1);border-color:var(--cs-white)}
body.page-services-managed-office-network footer {background:var(--cs-white);padding:64px 5% 32px;border-top:1px solid var(--cs-footer-border)}
body.page-services-managed-office-network .footer-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
body.page-services-managed-office-network .footer-brand img {height:32px;margin-bottom:18px}
body.page-services-managed-office-network .footer-brand p {font-size:14px;color:var(--muted);line-height:1.7;max-width:260px}
body.page-services-managed-office-network .footer-socials {display:flex;gap:12px;margin-top:20px}
body.page-services-managed-office-network .social-btn {width:36px;height:36px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .2s,color .2s}
body.page-services-managed-office-network .social-btn:hover {background:var(--gold);color:var(--navy)}
body.page-services-managed-office-network .footer-col h4 {font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
body.page-services-managed-office-network .footer-col ul {list-style:none;display:flex;flex-direction:column;gap:10px}
body.page-services-managed-office-network .footer-col ul a {font-size:14px;color:var(--muted);transition:color .2s}
body.page-services-managed-office-network .footer-col ul a:hover {color:var(--blue)}
body.page-services-managed-office-network .footer-bottom {max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--cs-footer-border);display:flex;justify-content:space-between;align-items:center}
body.page-services-managed-office-network .footer-bottom-text {font-size:13px;color:var(--cs-gray-400)}
body.page-services-managed-office-network .footer-bottom-links {display:flex;gap:24px}
body.page-services-managed-office-network .footer-bottom-links a {font-size:13px;color:var(--cs-gray-400)}
body.page-services-managed-office-network .footer-bottom-links a:hover {color:var(--blue)}
@media (max-width:900px){
body.page-services-managed-office-network .hero-inner, body.page-services-managed-office-network .features-grid, body.page-services-managed-office-network .steps, body.page-services-managed-office-network .footer-grid {grid-template-columns:1fr}
body.page-services-managed-office-network .stats-bar-inner {grid-template-columns:repeat(2,1fr)}
body.page-services-managed-office-network .hero-visual, body.page-services-managed-office-network .nav-links {display:none}
body.page-services-managed-office-network .steps::before {display:none}
}

/* Generated from former style attributes. */
body.page-services-managed-office-network .page-services-managed-office-network-inline-01 {width:100%;height:100%;object-fit:cover;border-radius:20px;}
body.page-services-managed-office-network .page-services-managed-office-network-inline-02 {background:var(--gold);color:var(--navy);}
body.page-services-managed-office-network .page-services-managed-office-network-inline-03 {color:var(--gold);}

/* ===== public/services/microsoft-365-security.html (page-services-microsoft-365-security) ===== */
body.page-services-microsoft-365-security *, body.page-services-microsoft-365-security *::before, body.page-services-microsoft-365-security *::after {box-sizing:border-box;margin:0;padding:0}
body.page-services-microsoft-365-security {font-family:"Inter",sans-serif;color:var(--text);background:var(--cs-white);line-height:1.6}
body.page-services-microsoft-365-security h1, body.page-services-microsoft-365-security h2, body.page-services-microsoft-365-security h3, body.page-services-microsoft-365-security h4 {font-family:"Patua One",serif;letter-spacing:0.04em}
body.page-services-microsoft-365-security a {text-decoration:none;color:inherit}
body.page-services-microsoft-365-security nav {position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,102,.08);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
body.page-services-microsoft-365-security .nav-logo img {height:36px}
body.page-services-microsoft-365-security .nav-links {display:flex;gap:32px;list-style:none;align-items:center}
body.page-services-microsoft-365-security .nav-links a {font-size:14px;font-weight:500;color:var(--navy);transition:color .2s}
body.page-services-microsoft-365-security .nav-links a:hover {color:var(--blue)}
body.page-services-microsoft-365-security .nav-dropdown {position:relative}
body.page-services-microsoft-365-security .nav-dropdown-toggle {display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;background:0;border:0;font-family:inherit;padding:0;transition:color .2s}
body.page-services-microsoft-365-security .nav-dropdown-toggle:hover {color:var(--blue)}
body.page-services-microsoft-365-security .nav-dropdown-toggle svg {transition:transform .2s}
body.page-services-microsoft-365-security .nav-dropdown.open .nav-dropdown-toggle svg {transform:rotate(180deg)}
body.page-services-microsoft-365-security .nav-dropdown-menu {display:none;position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);background:var(--cs-white);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,102,.13);border:1px solid rgba(0,0,102,.08);min-width:240px;padding:8px;z-index:200}
body.page-services-microsoft-365-security .nav-dropdown.open .nav-dropdown-menu {display:block}
body.page-services-microsoft-365-security .nav-dropdown-menu a {display:block;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--navy);transition:background .15s,color .15s}
body.page-services-microsoft-365-security .nav-dropdown-menu a:hover, body.page-services-microsoft-365-security .nav-dropdown-menu a.active {background:var(--light);color:var(--blue);font-weight:600}
body.page-services-microsoft-365-security .nav-cta {background:var(--navy);color:var(--cs-white);padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s,transform .15s}
body.page-services-microsoft-365-security .nav-cta:hover {background:var(--blue);transform:translateY(-1px)}
body.page-services-microsoft-365-security .hero {padding:140px 5% 80px;background:linear-gradient(135deg,var(--cs-light),var(--cs-blue-soft) 50%,var(--cs-blue-wash));position:relative;overflow:hidden}
body.page-services-microsoft-365-security .hero::before {content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(71,112,173,.08),transparent 70%);border-radius:50%}
body.page-services-microsoft-365-security .hero-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
body.page-services-microsoft-365-security .breadcrumb {font-size:13px;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}
body.page-services-microsoft-365-security .breadcrumb a {color:var(--blue)}
body.page-services-microsoft-365-security .hero-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
body.page-services-microsoft-365-security .hero h1 {font-size:clamp(36px,4vw,52px);line-height:1.1;color:var(--navy);margin-bottom:20px}
body.page-services-microsoft-365-security .hero h1 span {color:var(--blue)}
body.page-services-microsoft-365-security .hero-sub {font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:36px}
body.page-services-microsoft-365-security .hero-btns {display:flex;gap:14px;flex-wrap:wrap}
body.page-services-microsoft-365-security .btn-primary {background:var(--navy);color:var(--cs-white);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-microsoft-365-security .btn-primary:hover {background:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,102,.2)}
body.page-services-microsoft-365-security .btn-secondary {background:0;color:var(--navy);padding:14px 28px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid var(--navy);transition:all .2s;cursor:pointer}
body.page-services-microsoft-365-security .btn-secondary:hover {background:var(--navy);color:var(--cs-white)}
body.page-services-microsoft-365-security .hero-visual {display:flex;justify-content:center;align-items:center;height:400px;background:linear-gradient(135deg,rgba(71,112,173,.1),rgba(245,181,5,.05));border-radius:20px}
body.page-services-microsoft-365-security .stats-bar {background:var(--navy);padding:48px 5%}
body.page-services-microsoft-365-security .stats-bar-inner {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
body.page-services-microsoft-365-security .sbi {text-align:center;padding:0 24px;border-right:1px solid rgba(255,255,255,.1)}
body.page-services-microsoft-365-security .sbi:last-child {border-right:0}
body.page-services-microsoft-365-security .sbi strong {font-family:"Patua One",serif;font-size:42px;color:var(--gold);line-height:1;display:block;margin-bottom:8px}
body.page-services-microsoft-365-security .sbi span {font-size:13px;color:rgba(255,255,255,.65)}
body.page-services-microsoft-365-security .features-section {padding:100px 5%;background:var(--cs-white)}
body.page-services-microsoft-365-security .section-label {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;text-align:center}
body.page-services-microsoft-365-security .section-title {font-size:clamp(26px,3vw,40px);color:var(--navy);text-align:center;margin-bottom:12px;line-height:1.2}
body.page-services-microsoft-365-security .section-sub {font-size:16px;color:var(--muted);text-align:center;max-width:560px;margin:0 auto 60px;line-height:1.7}
body.page-services-microsoft-365-security .features-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
body.page-services-microsoft-365-security .feat-card {padding:32px;border-radius:16px;border:1px solid var(--cs-card-border);transition:border-color .25s,transform .25s,box-shadow .25s}
body.page-services-microsoft-365-security .feat-card:hover {border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,102,.08)}
body.page-services-microsoft-365-security .feat-icon {width:48px;height:48px;border-radius:12px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:20px}
body.page-services-microsoft-365-security .feat-card:hover .feat-icon {background:var(--navy);color:var(--cs-white)}
body.page-services-microsoft-365-security .feat-card h3 {font-size:17px;color:var(--navy);margin-bottom:10px}
body.page-services-microsoft-365-security .feat-card p {font-size:14px;color:var(--muted);line-height:1.7}
body.page-services-microsoft-365-security .cta-section {padding:100px 5%;background:linear-gradient(135deg,var(--navy),var(--cs-navy-bright));text-align:center;position:relative;overflow:hidden}
body.page-services-microsoft-365-security .cta-section::before {content:"";position:absolute;top:-80px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(245,181,5,.1),transparent 70%);border-radius:50%}
body.page-services-microsoft-365-security .cta-inner {position:relative;z-index:1;max-width:700px;margin:0 auto}
body.page-services-microsoft-365-security .cta-section h2 {font-size:clamp(28px,3.5vw,44px);color:var(--cs-white);margin-bottom:16px}
body.page-services-microsoft-365-security .cta-section p {font-size:17px;color:rgba(255,255,255,.75);margin-bottom:36px;line-height:1.7}
body.page-services-microsoft-365-security .cta-btns {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
body.page-services-microsoft-365-security .btn-gold {background:var(--gold);color:var(--navy);padding:14px 32px;border-radius:8px;font-weight:700;font-size:15px;border:0;cursor:pointer;transition:all .2s;font-family:inherit}
body.page-services-microsoft-365-security .btn-gold:hover {background:var(--cs-amber-hover);transform:translateY(-2px)}
body.page-services-microsoft-365-security .btn-outline-white {background:0;color:var(--cs-white);padding:14px 32px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid rgba(255,255,255,.4);transition:all .2s}
body.page-services-microsoft-365-security .btn-outline-white:hover {background:rgba(255,255,255,.1);border-color:var(--cs-white)}
body.page-services-microsoft-365-security footer {background:var(--cs-white);padding:64px 5% 32px;border-top:1px solid var(--cs-footer-border)}
body.page-services-microsoft-365-security .footer-grid {max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
body.page-services-microsoft-365-security .footer-brand img {height:32px;margin-bottom:18px}
body.page-services-microsoft-365-security .footer-brand p {font-size:14px;color:var(--muted);line-height:1.7;max-width:260px}
body.page-services-microsoft-365-security .footer-socials {display:flex;gap:12px;margin-top:20px}
body.page-services-microsoft-365-security .social-btn {width:36px;height:36px;border-radius:8px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background .2s,color .2s}
body.page-services-microsoft-365-security .social-btn:hover {background:var(--gold);color:var(--navy)}
body.page-services-microsoft-365-security .footer-col h4 {font-size:13px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
body.page-services-microsoft-365-security .footer-col ul {list-style:none;display:flex;flex-direction:column;gap:10px}
body.page-services-microsoft-365-security .footer-col ul a {font-size:14px;color:var(--muted);transition:color .2s}
body.page-services-microsoft-365-security .footer-col ul a:hover {color:var(--blue)}
body.page-services-microsoft-365-security .footer-bottom {max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid var(--cs-footer-border);display:flex;justify-content:space-between;align-items:center}
body.page-services-microsoft-365-security .footer-bottom-text {font-size:13px;color:var(--cs-gray-400)}
body.page-services-microsoft-365-security .footer-bottom-links {display:flex;gap:24px}
body.page-services-microsoft-365-security .footer-bottom-links a {font-size:13px;color:var(--cs-gray-400)}
body.page-services-microsoft-365-security .footer-bottom-links a:hover {color:var(--blue)}
@media (max-width:900px){
body.page-services-microsoft-365-security .hero-inner, body.page-services-microsoft-365-security .features-grid, body.page-services-microsoft-365-security .footer-grid {grid-template-columns:1fr}
body.page-services-microsoft-365-security .stats-bar-inner {grid-template-columns:repeat(2,1fr)}
body.page-services-microsoft-365-security .hero-visual, body.page-services-microsoft-365-security .nav-links {display:none}
}

/* Generated from former style attributes. */
body.page-services-microsoft-365-security .page-services-microsoft-365-security-inline-01 {width:100%;height:100%;object-fit:cover;border-radius:20px;}
body.page-services-microsoft-365-security .page-services-microsoft-365-security-inline-02 {color:var(--gold);}

/* Final migrated rules from presentation attributes and dynamic empty states. */
body.page-home .check-icon { color: var(--cs-navy); }
body.page-insights-home .empty-state-full { grid-column: 1 / -1; }

/* Template starter page styles. */
/* These scoped rules let files copied from /templates keep using linked CSS instead of inline <style> blocks. */
body.page-template-blog-article *, body.page-template-blog-article *::before, body.page-template-blog-article *::after { box-sizing: border-box; margin: 0; padding: 0; }
body.page-template-blog-article { font-family: 'Inter', sans-serif; color: var(--text); background: #fff; line-height: 1.6; }
body.page-template-blog-article h1, body.page-template-blog-article h2, body.page-template-blog-article h3, body.page-template-blog-article h4 { font-family: 'Patua One', serif; letter-spacing: 0.04em; }
body.page-template-blog-article a { text-decoration: none; color: inherit; }
/* NAV */
body.page-template-blog-article nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px; }
body.page-template-blog-article .nav-logo img { height: 36px; }
body.page-template-blog-article .nav-links { display: flex; gap: 32px; list-style: none; align-items: center; }
body.page-template-blog-article .nav-links a { font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s; }
body.page-template-blog-article .nav-links a:hover { color: var(--blue); }
body.page-template-blog-article .nav-dropdown { position: relative; }
body.page-template-blog-article .nav-dropdown-toggle { display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s; }
body.page-template-blog-article .nav-dropdown-toggle:hover { color: var(--blue); }
body.page-template-blog-article .nav-dropdown-toggle svg { transition: transform .2s; }
body.page-template-blog-article .nav-dropdown.open .nav-dropdown-toggle svg { transform: rotate(180deg); }
body.page-template-blog-article .nav-dropdown-menu { display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: #fff; border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200; }
body.page-template-blog-article .nav-dropdown.open .nav-dropdown-menu { display: block; }
body.page-template-blog-article .nav-dropdown-menu a { display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s; }
body.page-template-blog-article .nav-dropdown-menu a:hover { background: var(--light); color: var(--blue); font-weight: 600; }
body.page-template-blog-article .nav-cta { background: var(--navy); color: #fff; padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s; }
body.page-template-blog-article .nav-cta:hover { background: var(--blue); transform: translateY(-1px); }
/* ARTICLE HEADER */
body.page-template-blog-article .article-header { padding: 120px 5% 60px; background: linear-gradient(135deg, #f0f4fa, #e8eef8 50%, #f5f8ff); position: relative; overflow: hidden; }
body.page-template-blog-article .article-header::before { content: ''; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%; }
body.page-template-blog-article .breadcrumb { font-size: 13px; color: var(--muted); margin-bottom: 20px; display: flex; align-items: center; gap: 8px; position: relative; z-index: 1; }
body.page-template-blog-article .breadcrumb a { color: var(--blue); }
body.page-template-blog-article .breadcrumb a:hover { color: var(--navy); }
body.page-template-blog-article .article-meta { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; position: relative; z-index: 1; }
body.page-template-blog-article .article-tag { display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 20px; }
body.page-template-blog-article .article-date { font-size: 13px; color: var(--muted); font-weight: 500; }
body.page-template-blog-article .article-reading-time { font-size: 13px; color: var(--muted); font-weight: 500; }
body.page-template-blog-article .article-header h1 { font-size: clamp(36px, 5vw, 52px); line-height: 1.2; color: var(--navy); margin-bottom: 20px; max-width: 800px; position: relative; z-index: 1; }
body.page-template-blog-article .article-header h1 span { color: var(--blue); }
body.page-template-blog-article .article-author { display: flex; align-items: center; gap: 16px; margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(0,0,102,.1); position: relative; z-index: 1; }
body.page-template-blog-article .author-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--blue); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 18px; flex-shrink: 0; }
body.page-template-blog-article .author-info h4 { font-size: 15px; color: var(--navy); margin-bottom: 4px; }
body.page-template-blog-article .author-info p { font-size: 13px; color: var(--muted); }
/* FEATURED IMAGE */
body.page-template-blog-article .article-featured { max-width: 1000px; margin: 60px auto; border-radius: 16px; overflow: hidden; box-shadow: 0 16px 48px rgba(0,0,102,.12); }
body.page-template-blog-article .article-featured img { width: 100%; height: auto; display: block; }
/* ARTICLE CONTENT */
body.page-template-blog-article .article-content { max-width: 800px; margin: 0 auto; padding: 60px 5%; }
body.page-template-blog-article .article-content h2 { font-size: clamp(24px, 4vw, 32px); color: var(--navy); margin-top: 48px; margin-bottom: 20px; line-height: 1.3; }
body.page-template-blog-article .article-content h2:first-child { margin-top: 0; }
body.page-template-blog-article .article-content h3 { font-size: 20px; color: var(--navy); margin-top: 36px; margin-bottom: 16px; line-height: 1.3; }
body.page-template-blog-article .article-content p { font-size: 16px; color: var(--text); line-height: 1.8; margin-bottom: 20px; }
body.page-template-blog-article .article-content ul, body.page-template-blog-article .article-content ol { margin-left: 24px; margin-bottom: 20px; }
body.page-template-blog-article .article-content li { font-size: 16px; color: var(--text); line-height: 1.8; margin-bottom: 12px; }
body.page-template-blog-article .article-content ul li { list-style-type: disc; }
body.page-template-blog-article .article-content ol li { list-style-type: decimal; }
body.page-template-blog-article .article-content strong { font-weight: 700; color: var(--navy); }
body.page-template-blog-article .article-content em { font-style: italic; color: var(--muted); }
body.page-template-blog-article .article-content a { color: var(--blue); text-decoration: underline; transition: color .2s; }
body.page-template-blog-article .article-content a:hover { color: var(--navy); }
body.page-template-blog-article .article-content blockquote { border-left: 4px solid var(--blue); padding-left: 24px; margin: 32px 0; color: var(--muted); font-style: italic; font-size: 17px; line-height: 1.8; }
body.page-template-blog-article .article-content code { background: var(--light); color: var(--navy); padding: 2px 6px; border-radius: 4px; font-family: 'Courier New', monospace; font-size: 14px; }
body.page-template-blog-article .article-content pre { background: var(--light); padding: 20px; border-radius: 8px; overflow-x: auto; margin: 20px 0; }
body.page-template-blog-article .article-content pre code { background: none; padding: 0; color: var(--navy); }
/* ARTICLE CALLOUT */
body.page-template-blog-article .article-callout { background: var(--light); border-left: 4px solid var(--gold); padding: 24px; border-radius: 8px; margin: 32px 0; }
body.page-template-blog-article .article-callout p { margin-bottom: 0; font-size: 15px; }
/* ARTICLE FOOTER */
body.page-template-blog-article .article-footer { max-width: 800px; margin: 0 auto; padding: 60px 5%; border-top: 1px solid #e8eef6; border-bottom: 1px solid #e8eef6; }
body.page-template-blog-article .article-tags { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 32px; }
body.page-template-blog-article .article-tag-link { display: inline-block; background: var(--light); color: var(--blue); font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 20px; transition: all .2s; }
body.page-template-blog-article .article-tag-link:hover { background: var(--blue); color: #fff; }
body.page-template-blog-article .share-section { display: flex; align-items: center; gap: 20px; }
body.page-template-blog-article .share-label { font-size: 14px; font-weight: 600; color: var(--navy); }
body.page-template-blog-article .share-btns { display: flex; gap: 12px; }
body.page-template-blog-article .share-btn { width: 40px; height: 40px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: all .2s; }
body.page-template-blog-article .share-btn:hover { background: var(--blue); color: #fff; }
/* RELATED ARTICLES */
body.page-template-blog-article .related-section { max-width: 1000px; margin: 0 auto; padding: 80px 5%; }
body.page-template-blog-article .related-section h2 { font-size: clamp(26px, 3vw, 36px); color: var(--navy); margin-bottom: 48px; }
body.page-template-blog-article .related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
body.page-template-blog-article .related-card { border-radius: 16px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,102,.07); transition: transform .25s, box-shadow .25s; }
body.page-template-blog-article .related-card:hover { transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.12); }
body.page-template-blog-article .related-card-img { height: 200px; background: var(--light); overflow: hidden; }
body.page-template-blog-article .related-card-img img { width: 100%; height: 100%; object-fit: cover; }
body.page-template-blog-article .related-card-body { padding: 24px; }
body.page-template-blog-article .related-card-tag { display: inline-block; background: var(--light); color: var(--blue); font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px; }
body.page-template-blog-article .related-card h3 { font-size: 18px; font-weight: 700; color: var(--navy); margin-bottom: 12px; line-height: 1.3; }
body.page-template-blog-article .related-card p { font-size: 14px; color: var(--muted); line-height: 1.6; margin-bottom: 16px; }
body.page-template-blog-article .related-card-meta { font-size: 12px; color: var(--muted); font-weight: 500; }
/* CTA SECTION */
body.page-template-blog-article .cta-section { padding: 100px 5%; background: linear-gradient(135deg, var(--navy), #001299); text-align: center; position: relative; overflow: hidden; }
body.page-template-blog-article .cta-section::before { content: ''; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%; }
body.page-template-blog-article .cta-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
body.page-template-blog-article .cta-section h2 { font-size: clamp(28px, 3.5vw, 44px); color: #fff; margin-bottom: 16px; }
body.page-template-blog-article .cta-section p { font-size: 17px; color: rgba(255,255,255,.75); margin-bottom: 36px; line-height: 1.7; }
body.page-template-blog-article .cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
body.page-template-blog-article .btn-gold { background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; }
body.page-template-blog-article .btn-gold:hover { background: #e0a800; transform: translateY(-2px); }
body.page-template-blog-article .btn-outline-white { background: transparent; color: #fff; padding: 14px 32px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid rgba(255,255,255,.4); transition: all .2s; }
body.page-template-blog-article .btn-outline-white:hover { background: rgba(255,255,255,.1); border-color: #fff; }
/* FOOTER */
body.page-template-blog-article footer { background: #fff; padding: 64px 5% 32px; border-top: 1px solid #e8eef6; }
body.page-template-blog-article .footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }
body.page-template-blog-article .footer-brand img { height: 32px; margin-bottom: 18px; }
body.page-template-blog-article .footer-brand p { font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px; }
body.page-template-blog-article .footer-socials { display: flex; gap: 12px; margin-top: 20px; }
body.page-template-blog-article .social-btn { width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s; }
body.page-template-blog-article .social-btn:hover { background: var(--gold); color: var(--navy); }
body.page-template-blog-article .footer-col h4 { font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px; }
body.page-template-blog-article .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
body.page-template-blog-article .footer-col ul a { font-size: 14px; color: var(--muted); transition: color .2s; }
body.page-template-blog-article .footer-col ul a:hover { color: var(--blue); }
body.page-template-blog-article .footer-bottom { max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid #e8eef6; display: flex; justify-content: space-between; align-items: center; }
body.page-template-blog-article .footer-bottom-text { font-size: 13px; color: #aab; }
body.page-template-blog-article .footer-bottom-links { display: flex; gap: 24px; }
body.page-template-blog-article .footer-bottom-links a { font-size: 13px; color: #aab; }
body.page-template-blog-article .footer-bottom-links a:hover { color: var(--blue); }
@media (max-width: 900px) {
body.page-template-blog-article .article-content { padding: 40px 5%; }
body.page-template-blog-article .related-grid { grid-template-columns: 1fr; }
body.page-template-blog-article .footer-grid { grid-template-columns: 1fr; }
body.page-template-blog-article .share-section { flex-direction: column; align-items: flex-start; }
body.page-template-blog-article .nav-links { display: none; }
}
body.page-template-blog-article .page-template-blog-article-inline-01 { color: var(--gold); }

body.page-template-cloud-voice-calling *, body.page-template-cloud-voice-calling *::before, body.page-template-cloud-voice-calling *::after { box-sizing: border-box; margin: 0; padding: 0; }
body.page-template-cloud-voice-calling { font-family: 'Inter', sans-serif; color: var(--text); background: #fff; line-height: 1.6; }
body.page-template-cloud-voice-calling h1, body.page-template-cloud-voice-calling h2, body.page-template-cloud-voice-calling h3, body.page-template-cloud-voice-calling h4 { font-family: 'Patua One', serif; letter-spacing: 0.04em; }
body.page-template-cloud-voice-calling a { text-decoration: none; color: inherit; }
/* NAV */
body.page-template-cloud-voice-calling nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px; }
body.page-template-cloud-voice-calling .nav-logo img { height: 36px; }
body.page-template-cloud-voice-calling .nav-links { display: flex; gap: 32px; list-style: none; align-items: center; }
body.page-template-cloud-voice-calling .nav-links a { font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s; }
body.page-template-cloud-voice-calling .nav-links a:hover { color: var(--blue); }
body.page-template-cloud-voice-calling .nav-dropdown { position: relative; }
body.page-template-cloud-voice-calling .nav-dropdown-toggle { display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s; }
body.page-template-cloud-voice-calling .nav-dropdown-toggle:hover { color: var(--blue); }
body.page-template-cloud-voice-calling .nav-dropdown-toggle svg { transition: transform .2s; }
body.page-template-cloud-voice-calling .nav-dropdown.open .nav-dropdown-toggle svg { transform: rotate(180deg); }
body.page-template-cloud-voice-calling .nav-dropdown-menu { display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: #fff; border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 240px; padding: 8px; z-index: 200; }
body.page-template-cloud-voice-calling .nav-dropdown.open .nav-dropdown-menu { display: block; }
body.page-template-cloud-voice-calling .nav-dropdown-menu a { display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s; }
body.page-template-cloud-voice-calling .nav-dropdown-menu a:hover, body.page-template-cloud-voice-calling .nav-dropdown-menu a.active { background: var(--light); color: var(--blue); font-weight: 600; }
body.page-template-cloud-voice-calling .nav-cta { background: var(--navy); color: #fff; padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s; }
body.page-template-cloud-voice-calling .nav-cta:hover { background: var(--blue); transform: translateY(-1px); }
/* HERO */
body.page-template-cloud-voice-calling .hero { padding: 140px 5% 80px; background: linear-gradient(135deg, #f0f4fa, #e8eef8 50%, #f5f8ff); position: relative; overflow: hidden; }
body.page-template-cloud-voice-calling .hero::before { content: ''; position: absolute; top: -100px; right: -100px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(71,112,173,.08), transparent 70%); border-radius: 50%; }
body.page-template-cloud-voice-calling .hero-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1; }
body.page-template-cloud-voice-calling .breadcrumb { font-size: 13px; color: var(--muted); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
body.page-template-cloud-voice-calling .breadcrumb a { color: var(--blue); }
body.page-template-cloud-voice-calling .breadcrumb a:hover { color: var(--navy); }
body.page-template-cloud-voice-calling .hero-label { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 16px; }
body.page-template-cloud-voice-calling .hero h1 { font-size: clamp(36px, 4vw, 52px); line-height: 1.1; color: var(--navy); margin-bottom: 20px; }
body.page-template-cloud-voice-calling .hero h1 span { color: var(--blue); }
body.page-template-cloud-voice-calling .hero-sub { font-size: 17px; color: var(--muted); line-height: 1.75; margin-bottom: 36px; }
body.page-template-cloud-voice-calling .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
body.page-template-cloud-voice-calling .btn-primary { background: var(--navy); color: #fff; padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; display: inline-flex; align-items: center; gap: 8px; }
body.page-template-cloud-voice-calling .btn-primary:hover { background: var(--blue); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,102,.2); }
body.page-template-cloud-voice-calling .btn-secondary { background: transparent; color: var(--navy); padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid var(--navy); display: inline-flex; align-items: center; gap: 8px; transition: all .2s; cursor: pointer; }
body.page-template-cloud-voice-calling .btn-secondary:hover { background: var(--navy); color: #fff; }
/* Phone card */
body.page-template-cloud-voice-calling .hero-visual { display: flex; justify-content: center; }
body.page-template-cloud-voice-calling .phone-card { background: #fff; border-radius: 24px; padding: 32px; width: 100%; max-width: 380px; box-shadow: 0 24px 80px rgba(0,0,102,.12); position: relative; }
body.page-template-cloud-voice-calling .phone-badge { position: absolute; top: -14px; left: 28px; background: var(--gold); color: var(--navy); font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 20px; }
body.page-template-cloud-voice-calling .phone-card-lbl { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 20px; }
body.page-template-cloud-voice-calling .call-list { display: flex; flex-direction: column; gap: 10px; }
body.page-template-cloud-voice-calling .call-row { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--light); }
body.page-template-cloud-voice-calling .call-row.active { background: var(--navy); }
body.page-template-cloud-voice-calling .c-av { width: 38px; height: 38px; border-radius: 50%; background: var(--blue); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #fff; flex-shrink: 0; }
body.page-template-cloud-voice-calling .call-row.active .c-av { background: rgba(255,255,255,.15); }
body.page-template-cloud-voice-calling .c-info { flex: 1; }
body.page-template-cloud-voice-calling .c-name { font-size: 13px; font-weight: 700; color: var(--navy); }
body.page-template-cloud-voice-calling .call-row.active .c-name { color: #fff; }
body.page-template-cloud-voice-calling .c-status { font-size: 11px; color: var(--muted); }
body.page-template-cloud-voice-calling .call-row.active .c-status { color: rgba(255,255,255,.55); }
body.page-template-cloud-voice-calling .c-time { font-size: 13px; font-weight: 600; color: var(--muted); }
body.page-template-cloud-voice-calling .call-row.active .c-time { color: var(--gold); }
body.page-template-cloud-voice-calling .phone-foot { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 20px; border-top: 1px solid #e8eef8; padding-top: 20px; }
body.page-template-cloud-voice-calling .phone-stat { text-align: center; padding: 0 10px; border-left: 1px solid #e8eef8; }
body.page-template-cloud-voice-calling .phone-stat:first-child { border-left: none; padding-left: 0; }
body.page-template-cloud-voice-calling .phone-stat strong { display: block; font-family: 'Patua One', serif; font-size: 22px; color: var(--navy); }
body.page-template-cloud-voice-calling .phone-stat span { font-size: 10px; color: var(--muted); }
/* STATS BAR */
body.page-template-cloud-voice-calling .stats-bar { background: var(--navy); padding: 48px 5%; }
body.page-template-cloud-voice-calling .stats-bar-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); }
body.page-template-cloud-voice-calling .sbi { text-align: center; padding: 0 24px; border-right: 1px solid rgba(255,255,255,.1); }
body.page-template-cloud-voice-calling .sbi:last-child { border-right: none; }
body.page-template-cloud-voice-calling .sbi strong { font-family: 'Patua One', serif; font-size: 42px; color: var(--gold); line-height: 1; display: block; margin-bottom: 8px; }
body.page-template-cloud-voice-calling .sbi span { font-size: 13px; color: rgba(255,255,255,.65); }
/* FEATURES */
body.page-template-cloud-voice-calling .features-section { padding: 100px 5%; background: #fff; }
body.page-template-cloud-voice-calling .section-label { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; text-align: center; }
body.page-template-cloud-voice-calling .section-title { font-size: clamp(26px, 3vw, 40px); color: var(--navy); text-align: center; margin-bottom: 12px; line-height: 1.2; }
body.page-template-cloud-voice-calling .section-sub { font-size: 16px; color: var(--muted); text-align: center; max-width: 560px; margin: 0 auto 60px; line-height: 1.7; }
body.page-template-cloud-voice-calling .features-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
body.page-template-cloud-voice-calling .feat-card { padding: 32px; border-radius: 16px; border: 1px solid #e8edf5; transition: border-color .25s, transform .25s, box-shadow .25s; }
body.page-template-cloud-voice-calling .feat-card:hover { border-color: var(--gold); transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.08); }
body.page-template-cloud-voice-calling .feat-icon { width: 48px; height: 48px; border-radius: 12px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); margin-bottom: 20px; transition: background .25s, color .25s; }
body.page-template-cloud-voice-calling .feat-card:hover .feat-icon { background: var(--navy); color: #fff; }
body.page-template-cloud-voice-calling .feat-card h3 { font-size: 17px; color: var(--navy); margin-bottom: 10px; }
body.page-template-cloud-voice-calling .feat-card p { font-size: 14px; color: var(--muted); line-height: 1.7; }
/* HOW IT WORKS */
body.page-template-cloud-voice-calling .how-section { padding: 100px 5%; background: var(--light); }
body.page-template-cloud-voice-calling .how-inner { max-width: 1200px; margin: 0 auto; }
body.page-template-cloud-voice-calling .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; margin-top: 60px; }
body.page-template-cloud-voice-calling .steps::before { content: ''; position: absolute; top: 28px; left: 14%; right: 14%; height: 2px; background: linear-gradient(to right, var(--navy), var(--blue)); z-index: 0; }
body.page-template-cloud-voice-calling .step { text-align: center; position: relative; z-index: 1; }
body.page-template-cloud-voice-calling .step-num { width: 56px; height: 56px; border-radius: 50%; background: var(--navy); color: #fff; display: flex; align-items: center; justify-content: center; font-family: 'Patua One', serif; font-size: 20px; margin: 0 auto 20px; border: 4px solid var(--light); box-shadow: 0 4px 16px rgba(0,0,102,.2); transition: background .2s; }
body.page-template-cloud-voice-calling .step:hover .step-num { background: var(--blue); }
body.page-template-cloud-voice-calling .step h4 { font-size: 15px; color: var(--navy); margin-bottom: 8px; }
body.page-template-cloud-voice-calling .step p { font-size: 13px; color: var(--muted); line-height: 1.6; }
/* COMPARISON TABLE */
body.page-template-cloud-voice-calling .compare-section { padding: 100px 5%; background: #fff; }
body.page-template-cloud-voice-calling .compare-inner { max-width: 860px; margin: 0 auto; }
body.page-template-cloud-voice-calling .compare-table { width: 100%; border-collapse: collapse; margin-top: 48px; }
body.page-template-cloud-voice-calling .compare-table th { padding: 16px 24px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #e8edf5; text-align: left; }
body.page-template-cloud-voice-calling .compare-table th:not(:first-child) { text-align: center; }
body.page-template-cloud-voice-calling .compare-table .th-trad { color: var(--muted); }
body.page-template-cloud-voice-calling .compare-table .th-cloud { color: var(--navy); }
body.page-template-cloud-voice-calling .compare-table td { padding: 14px 24px; font-size: 14px; color: var(--text); border-bottom: 1px solid #f0f4fa; }
body.page-template-cloud-voice-calling .compare-table td:not(:first-child) { text-align: center; }
body.page-template-cloud-voice-calling .compare-table tr:hover td { background: #fafbff; }
body.page-template-cloud-voice-calling .tick { color: #22c55e; font-size: 18px; }
body.page-template-cloud-voice-calling .cross { color: #ef4444; font-size: 18px; }
/* CTA BANNER */
body.page-template-cloud-voice-calling .cta-section { padding: 100px 5%; background: linear-gradient(135deg, var(--navy), #001299); text-align: center; position: relative; overflow: hidden; }
body.page-template-cloud-voice-calling .cta-section::before { content: ''; position: absolute; top: -80px; right: -80px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(245,181,5,.1), transparent 70%); border-radius: 50%; }
body.page-template-cloud-voice-calling .cta-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
body.page-template-cloud-voice-calling .cta-section h2 { font-size: clamp(28px, 3.5vw, 44px); color: #fff; margin-bottom: 16px; }
body.page-template-cloud-voice-calling .cta-section p { font-size: 17px; color: rgba(255,255,255,.75); margin-bottom: 36px; line-height: 1.7; }
body.page-template-cloud-voice-calling .cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
body.page-template-cloud-voice-calling .btn-gold { background: var(--gold); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; }
body.page-template-cloud-voice-calling .btn-gold:hover { background: #e0a800; transform: translateY(-2px); }
body.page-template-cloud-voice-calling .btn-outline-white { background: transparent; color: #fff; padding: 14px 32px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid rgba(255,255,255,.4); transition: all .2s; }
body.page-template-cloud-voice-calling .btn-outline-white:hover { background: rgba(255,255,255,.1); border-color: #fff; }
/* FOOTER */
body.page-template-cloud-voice-calling footer { background: #fff; padding: 64px 5% 32px; border-top: 1px solid #e8eef6; }
body.page-template-cloud-voice-calling .footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }
body.page-template-cloud-voice-calling .footer-brand img { height: 32px; margin-bottom: 18px; }
body.page-template-cloud-voice-calling .footer-brand p { font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px; }
body.page-template-cloud-voice-calling .footer-socials { display: flex; gap: 12px; margin-top: 20px; }
body.page-template-cloud-voice-calling .social-btn { width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s; }
body.page-template-cloud-voice-calling .social-btn:hover { background: var(--gold); color: var(--navy); }
body.page-template-cloud-voice-calling .footer-col h4 { font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px; }
body.page-template-cloud-voice-calling .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
body.page-template-cloud-voice-calling .footer-col ul a { font-size: 14px; color: var(--muted); transition: color .2s; }
body.page-template-cloud-voice-calling .footer-col ul a:hover { color: var(--blue); }
body.page-template-cloud-voice-calling .footer-bottom { max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid #e8eef6; display: flex; justify-content: space-between; align-items: center; }
body.page-template-cloud-voice-calling .footer-bottom-text { font-size: 13px; color: #aab; }
body.page-template-cloud-voice-calling .footer-bottom-links { display: flex; gap: 24px; }
body.page-template-cloud-voice-calling .footer-bottom-links a { font-size: 13px; color: #aab; }
body.page-template-cloud-voice-calling .footer-bottom-links a:hover { color: var(--blue); }
@media (max-width: 900px) {
body.page-template-cloud-voice-calling .hero-inner, body.page-template-cloud-voice-calling .features-grid, body.page-template-cloud-voice-calling .steps, body.page-template-cloud-voice-calling .footer-grid { grid-template-columns: 1fr; }
body.page-template-cloud-voice-calling .stats-bar-inner { grid-template-columns: repeat(2, 1fr); }
body.page-template-cloud-voice-calling .hero-visual, body.page-template-cloud-voice-calling .nav-links { display: none; }
body.page-template-cloud-voice-calling .steps::before { display: none; }
}
body.page-template-cloud-voice-calling .page-template-cloud-voice-calling-inline-01 { background: var(--blue); }
body.page-template-cloud-voice-calling .page-template-cloud-voice-calling-inline-02 { background: var(--navy); }
body.page-template-cloud-voice-calling .page-template-cloud-voice-calling-inline-03 { background: var(--gold); color: var(--navy); }
body.page-template-cloud-voice-calling .page-template-cloud-voice-calling-inline-04 { text-align: left; }
body.page-template-cloud-voice-calling .page-template-cloud-voice-calling-inline-05 { color: var(--gold); }

/* Inline-style replacements used by the home template. */
body.page-home .page-home-inline-12 { background: linear-gradient(135deg, var(--navy), var(--blue)); }
body.page-home .page-home-inline-13 { background: linear-gradient(135deg, #1a2a4a, #2d5080); }


/* M365 Security & Governance lead magnet landing template */
body.landing-page { font-family: 'Inter', sans-serif; color: var(--text); background: #fff; line-height: 1.6; }
body.page-template-m365-security-governance-landing h1,
body.page-template-m365-security-governance-landing h2,
body.page-template-m365-security-governance-landing h3,
body.page-template-m365-security-governance-landing h4 { font-family: 'Patua One', serif; letter-spacing: 0.04em; }
body.page-template-m365-security-governance-landing a { text-decoration: none; color: inherit; }
body.page-template-m365-security-governance-landing nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,102,.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px; }
body.page-template-m365-security-governance-landing .nav-logo img { height: 36px; max-width: 190px; object-fit: contain; }
body.page-template-m365-security-governance-landing .nav-links { display: flex; gap: 32px; list-style: none; align-items: center; }
body.page-template-m365-security-governance-landing .nav-links a { font-size: 14px; font-weight: 500; color: var(--navy); transition: color .2s; }
body.page-template-m365-security-governance-landing .nav-links a:hover { color: var(--blue); }
body.page-template-m365-security-governance-landing .nav-dropdown { position: relative; }
body.page-template-m365-security-governance-landing .nav-dropdown-toggle { display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 500; color: var(--navy); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; transition: color .2s; }
body.page-template-m365-security-governance-landing .nav-dropdown-toggle:hover { color: var(--blue); }
body.page-template-m365-security-governance-landing .nav-dropdown-toggle svg { transition: transform .2s; }
body.page-template-m365-security-governance-landing .nav-dropdown.open .nav-dropdown-toggle svg { transform: rotate(180deg); }
body.page-template-m365-security-governance-landing .nav-dropdown-menu { display: none; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); background: #fff; border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,102,.13); border: 1px solid rgba(0,0,102,.08); min-width: 270px; padding: 8px; z-index: 200; }
body.page-template-m365-security-governance-landing .nav-dropdown.open .nav-dropdown-menu { display: block; }
body.page-template-m365-security-governance-landing .nav-dropdown-menu a { display: block; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--navy); transition: background .15s, color .15s; }
body.page-template-m365-security-governance-landing .nav-dropdown-menu a:hover,
body.page-template-m365-security-governance-landing .nav-dropdown-menu a.active { background: var(--light); color: var(--blue); font-weight: 600; }
body.page-template-m365-security-governance-landing .nav-cta { background: var(--navy); color: #fff; padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s; }
body.page-template-m365-security-governance-landing .nav-cta:hover { background: var(--blue); transform: translateY(-1px); }
body.page-template-m365-security-governance-landing .hero { padding: 140px 5% 86px; background: linear-gradient(135deg, #f0f4fa, #e8eef8 50%, #fff8e1); position: relative; overflow: hidden; }
body.page-template-m365-security-governance-landing .hero::before { content: ''; position: absolute; top: -140px; right: -100px; width: 620px; height: 620px; background: radial-gradient(circle, rgba(71,112,173,.1), transparent 70%); border-radius: 50%; }
body.page-template-m365-security-governance-landing .hero::after { content: ''; position: absolute; bottom: -160px; left: -120px; width: 460px; height: 460px; background: radial-gradient(circle, rgba(245,181,5,.18), transparent 68%); border-radius: 50%; }
body.page-template-m365-security-governance-landing .hero-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.04fr .96fr; gap: 72px; align-items: center; position: relative; z-index: 1; }
body.page-template-m365-security-governance-landing .breadcrumb { font-size: 13px; color: var(--muted); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
body.page-template-m365-security-governance-landing .breadcrumb a { color: var(--blue); }
body.page-template-m365-security-governance-landing .breadcrumb a:hover { color: var(--navy); }
body.page-template-m365-security-governance-landing .hero-label { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 16px; }
body.page-template-m365-security-governance-landing .hero h1 { font-size: clamp(38px, 4.4vw, 58px); line-height: 1.06; color: var(--navy); margin-bottom: 20px; }
body.page-template-m365-security-governance-landing .hero h1 span { color: var(--blue); }
body.page-template-m365-security-governance-landing .hero-sub { font-size: 17px; color: var(--muted); line-height: 1.75; margin-bottom: 34px; max-width: 610px; }
body.page-template-m365-security-governance-landing .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
body.page-template-m365-security-governance-landing .btn-primary { background: var(--navy); color: #fff; padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: none; cursor: pointer; transition: all .2s; font-family: inherit; display: inline-flex; align-items: center; gap: 8px; }
body.page-template-m365-security-governance-landing .btn-primary:hover { background: var(--blue); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,102,.2); }
body.page-template-m365-security-governance-landing .btn-secondary { background: transparent; color: var(--navy); padding: 14px 28px; border-radius: 8px; font-weight: 600; font-size: 15px; border: 2px solid var(--navy); display: inline-flex; align-items: center; gap: 8px; transition: all .2s; cursor: pointer; }
body.page-template-m365-security-governance-landing .btn-secondary:hover { background: var(--navy); color: #fff; }
body.page-template-m365-security-governance-landing .trust-list { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
body.page-template-m365-security-governance-landing .trust-list li { background: rgba(255,255,255,.78); border: 1px solid rgba(0,0,102,.08); color: var(--navy); border-radius: 999px; padding: 8px 12px; font-size: 12px; font-weight: 700; }
body.page-template-m365-security-governance-landing .hero-visual { display: flex; justify-content: center; }
body.page-template-m365-security-governance-landing .security-score-card { background: #fff; border-radius: 24px; padding: 34px; width: 100%; max-width: 420px; box-shadow: 0 24px 80px rgba(0,0,102,.13); position: relative; border: 1px solid rgba(0,0,102,.06); }
body.page-template-m365-security-governance-landing .score-badge { position: absolute; top: -14px; left: 28px; background: var(--gold); color: var(--navy); font-size: 12px; font-weight: 800; padding: 6px 14px; border-radius: 20px; }
body.page-template-m365-security-governance-landing .score-heading { font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 22px; }
body.page-template-m365-security-governance-landing .score-ring { width: 138px; height: 138px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 26px; background: conic-gradient(var(--gold) 0 76%, var(--light) 76% 100%); position: relative; }
body.page-template-m365-security-governance-landing .score-ring::before { content: ''; position: absolute; inset: 12px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px #e8edf5; }
body.page-template-m365-security-governance-landing .score-ring span { position: relative; z-index: 1; font-family: 'Patua One', serif; font-size: 34px; color: var(--navy); }
body.page-template-m365-security-governance-landing .risk-list { display: flex; flex-direction: column; gap: 10px; }
body.page-template-m365-security-governance-landing .risk-row { display: flex; gap: 12px; align-items: flex-start; padding: 13px 14px; background: var(--light); border-radius: 12px; }
body.page-template-m365-security-governance-landing .risk-row.strong { background: var(--navy); color: #fff; }
body.page-template-m365-security-governance-landing .risk-icon { width: 24px; height: 24px; border-radius: 999px; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; flex-shrink: 0; }
body.page-template-m365-security-governance-landing .risk-row strong { display: block; font-size: 13px; color: var(--navy); margin-bottom: 3px; }
body.page-template-m365-security-governance-landing .risk-row.strong strong { color: #fff; }
body.page-template-m365-security-governance-landing .risk-row small { display: block; font-size: 11px; color: var(--muted); line-height: 1.45; }
body.page-template-m365-security-governance-landing .risk-row.strong small { color: rgba(255,255,255,.64); }
body.page-template-m365-security-governance-landing .score-footer { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 20px; padding-top: 18px; border-top: 1px solid #e8eef8; gap: 8px; }
body.page-template-m365-security-governance-landing .score-footer span { font-size: 10px; color: var(--muted); text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; }
body.page-template-m365-security-governance-landing .stats-bar { background: var(--navy); padding: 48px 5%; }
body.page-template-m365-security-governance-landing .stats-bar-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); }
body.page-template-m365-security-governance-landing .sbi { text-align: center; padding: 0 24px; border-right: 1px solid rgba(255,255,255,.1); }
body.page-template-m365-security-governance-landing .sbi:last-child { border-right: none; }
body.page-template-m365-security-governance-landing .sbi strong { font-family: 'Patua One', serif; font-size: 42px; color: var(--gold); line-height: 1; display: block; margin-bottom: 8px; }
body.page-template-m365-security-governance-landing .sbi span { font-size: 13px; color: rgba(255,255,255,.65); }
body.page-template-m365-security-governance-landing .features-section { padding: 100px 5%; background: #fff; }
body.page-template-m365-security-governance-landing .section-label { font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; text-align: center; }
body.page-template-m365-security-governance-landing .section-title { font-size: clamp(26px, 3vw, 40px); color: var(--navy); text-align: center; margin-bottom: 12px; line-height: 1.2; }
body.page-template-m365-security-governance-landing .section-sub { font-size: 16px; color: var(--muted); text-align: center; max-width: 620px; margin: 0 auto 60px; line-height: 1.7; }
body.page-template-m365-security-governance-landing .features-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
body.page-template-m365-security-governance-landing .feat-card { padding: 32px; border-radius: 16px; border: 1px solid #e8edf5; transition: border-color .25s, transform .25s, box-shadow .25s; }
body.page-template-m365-security-governance-landing .feat-card:hover { border-color: var(--gold); transform: translateY(-4px); box-shadow: 0 16px 48px rgba(0,0,102,.08); }
body.page-template-m365-security-governance-landing .feat-icon { width: 48px; height: 48px; border-radius: 12px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); margin-bottom: 20px; transition: background .25s, color .25s; }
body.page-template-m365-security-governance-landing .feat-card:hover .feat-icon { background: var(--navy); color: #fff; }
body.page-template-m365-security-governance-landing .feat-card h3 { font-size: 17px; color: var(--navy); margin-bottom: 10px; }
body.page-template-m365-security-governance-landing .feat-card p { font-size: 14px; color: var(--muted); line-height: 1.7; }
body.page-template-m365-security-governance-landing .lead-section { padding: 100px 5%; background: linear-gradient(135deg, var(--navy), #001299); position: relative; overflow: hidden; }
body.page-template-m365-security-governance-landing .lead-section::before { content: ''; position: absolute; top: -110px; right: -80px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(245,181,5,.13), transparent 70%); border-radius: 50%; }
body.page-template-m365-security-governance-landing .lead-inner { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: .9fr 1.1fr; gap: 56px; align-items: center; position: relative; z-index: 1; }
body.page-template-m365-security-governance-landing .lead-copy .section-label { text-align: left; color: var(--gold); }
body.page-template-m365-security-governance-landing .lead-copy h2 { font-size: clamp(30px, 3.5vw, 46px); color: #fff; margin-bottom: 16px; line-height: 1.15; }
body.page-template-m365-security-governance-landing .lead-copy p { font-size: 17px; color: rgba(255,255,255,.75); line-height: 1.7; margin-bottom: 26px; }
body.page-template-m365-security-governance-landing .cta-checkmarks { list-style: none; display: flex; flex-direction: column; gap: 14px; }
body.page-template-m365-security-governance-landing .cta-checkmarks li { display: flex; gap: 10px; align-items: center; color: rgba(255,255,255,.86); font-size: 14px; }
body.page-template-m365-security-governance-landing .check-icon { width: 22px; height: 22px; border-radius: 999px; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; flex-shrink: 0; }
body.page-template-m365-security-governance-landing .lead-form-card { background: #fff; border-radius: 22px; padding: 38px; box-shadow: 0 24px 80px rgba(0,0,0,.2); }
body.page-template-m365-security-governance-landing .lead-form-card h3 { font-size: 24px; color: var(--navy); margin-bottom: 24px; }
body.page-template-m365-security-governance-landing .form-group { margin-bottom: 18px; }
body.page-template-m365-security-governance-landing .form-group label { display: block; font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 8px; }
body.page-template-m365-security-governance-landing .form-group label span { color: var(--blue); }
body.page-template-m365-security-governance-landing .form-group input,
body.page-template-m365-security-governance-landing .form-group select { width: 100%; padding: 13px 16px; border: 1px solid var(--cs-input-border); border-radius: 8px; font-family: inherit; font-size: 14px; color: var(--text); background: var(--cs-input-bg); outline: none; transition: border-color .2s, background .2s, box-shadow .2s; }
body.page-template-m365-security-governance-landing .form-group input:focus,
body.page-template-m365-security-governance-landing .form-group select:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 3px rgba(71,112,173,.12); }
body.page-template-m365-security-governance-landing .honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
body.page-template-m365-security-governance-landing .form-submit { width: 100%; padding: 15px; background: var(--navy); color: #fff; border: none; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; transition: background .2s, transform .15s; font-family: inherit; }
body.page-template-m365-security-governance-landing .form-submit:hover:not(:disabled) { background: var(--blue); transform: translateY(-1px); }
body.page-template-m365-security-governance-landing .form-submit:disabled { cursor: wait; opacity: .86; }
body.page-template-m365-security-governance-landing .form-note { font-size: 12px; color: var(--muted); line-height: 1.6; margin-top: 14px; }
body.page-template-m365-security-governance-landing .form-note a { color: var(--blue); font-weight: 700; }
body.page-template-m365-security-governance-landing .form-status { margin-top: 14px; font-size: 13px; line-height: 1.55; min-height: 20px; }
body.page-template-m365-security-governance-landing .form-status.success { color: var(--cs-success); font-weight: 700; }
body.page-template-m365-security-governance-landing .form-status.error { color: var(--cs-error); font-weight: 700; }
body.page-template-m365-security-governance-landing footer { background: #fff; padding: 64px 5% 32px; border-top: 1px solid #e8eef6; }
body.page-template-m365-security-governance-landing .footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }
body.page-template-m365-security-governance-landing .footer-brand img { height: 32px; margin-bottom: 18px; max-width: 190px; object-fit: contain; }
body.page-template-m365-security-governance-landing .footer-brand p { font-size: 14px; color: var(--muted); line-height: 1.7; max-width: 260px; }
body.page-template-m365-security-governance-landing .footer-socials { display: flex; gap: 12px; margin-top: 20px; }
body.page-template-m365-security-governance-landing .social-btn { width: 36px; height: 36px; border-radius: 8px; background: var(--light); display: flex; align-items: center; justify-content: center; color: var(--navy); transition: background .2s, color .2s; }
body.page-template-m365-security-governance-landing .social-btn:hover { background: var(--gold); color: var(--navy); }
body.page-template-m365-security-governance-landing .footer-col h4 { font-size: 13px; font-weight: 700; color: var(--navy); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 18px; }
body.page-template-m365-security-governance-landing .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
body.page-template-m365-security-governance-landing .footer-col ul a { font-size: 14px; color: var(--muted); transition: color .2s; }
body.page-template-m365-security-governance-landing .footer-col ul a:hover { color: var(--blue); }
body.page-template-m365-security-governance-landing .footer-bottom { max-width: 1200px; margin: 0 auto; padding-top: 32px; border-top: 1px solid #e8eef6; display: flex; justify-content: space-between; align-items: center; }
body.page-template-m365-security-governance-landing .footer-bottom-text { font-size: 13px; color: #aab; }
body.page-template-m365-security-governance-landing .footer-bottom-links { display: flex; gap: 24px; }
body.page-template-m365-security-governance-landing .footer-bottom-links a { font-size: 13px; color: #aab; }
body.page-template-m365-security-governance-landing .footer-bottom-links a:hover { color: var(--blue); }
@media (max-width: 980px) {
body.page-template-m365-security-governance-landing .hero-inner,
body.page-template-m365-security-governance-landing .features-grid,
body.page-template-m365-security-governance-landing .lead-inner,
body.page-template-m365-security-governance-landing .footer-grid { grid-template-columns: 1fr; }
body.page-template-m365-security-governance-landing .hero-inner { gap: 48px; }
body.page-template-m365-security-governance-landing .stats-bar-inner { grid-template-columns: repeat(2, 1fr); gap: 24px 0; }
body.page-template-m365-security-governance-landing .sbi:nth-child(2) { border-right: none; }
body.page-template-m365-security-governance-landing .nav-links { display: none; }
body.page-template-m365-security-governance-landing .lead-copy .section-label { text-align: center; }
body.page-template-m365-security-governance-landing .lead-copy { text-align: center; }
body.page-template-m365-security-governance-landing .cta-checkmarks { align-items: center; }
}
@media (max-width: 620px) {
body.page-template-m365-security-governance-landing .hero { padding-top: 118px; }
body.page-template-m365-security-governance-landing .hero-btns,
body.page-template-m365-security-governance-landing .trust-list { flex-direction: column; align-items: stretch; }
body.page-template-m365-security-governance-landing .btn-primary,
body.page-template-m365-security-governance-landing .btn-secondary { justify-content: center; }
body.page-template-m365-security-governance-landing .lead-form-card,
body.page-template-m365-security-governance-landing .security-score-card { padding: 28px 22px; }
body.page-template-m365-security-governance-landing .stats-bar-inner { grid-template-columns: 1fr; }
body.page-template-m365-security-governance-landing .sbi { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); padding: 0 0 22px; }
body.page-template-m365-security-governance-landing .sbi:last-child { border-bottom: none; padding-bottom: 0; }
body.page-template-m365-security-governance-landing .footer-bottom { flex-direction: column; gap: 16px; }
}
body.page-template-m365-security-governance-landing .landing-header { justify-content: flex-start; }