:root{--navy:#0B1830;--blue:#1976D2;--teal:#00A7A9;--orange:#FF6A1A;--purple:#6C4AF2;--ink:#1C2738;--muted:#657084;--line:#DCE2EA;--soft:#F4F7FA;--white:#fff;--radius:18px;--shadow:0 12px 34px rgba(11,24,48,.08);--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:var(--blue);text-decoration-thickness:.08em;text-underline-offset:.18em}img,svg{max-width:100%}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:10px 14px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(220,226,234,.8)}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;text-decoration:none;white-space:nowrap;flex:0 0 auto}.brand-logo{display:block;height:auto}.brand-logo-header{width:210px;max-width:28vw}.brand-logo-footer{width:240px;max-width:100%}.footer-logo-link{display:inline-block;margin:0 0 12px;text-decoration:none}.footer-logo-link .brand-logo{margin:0}.main-nav{margin-left:auto;display:flex;align-items:center;gap:18px}.main-nav>a:not(.btn){color:var(--navy);text-decoration:none;font-weight:650;font-size:.95rem}.main-nav a[aria-current=page]{color:var(--blue)}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:800;text-decoration:none;border:2px solid transparent;cursor:pointer}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{border-color:var(--blue);color:var(--blue);background:#fff}.hero{background:radial-gradient(circle at 80% 10%,rgba(0,167,169,.22),transparent 34%),linear-gradient(135deg,var(--navy),#132D57);color:#fff;padding:88px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:56px;align-items:center}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:.85rem;font-weight:800;letter-spacing:.04em}.hero h1,.page-hero h1{font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.04;letter-spacing:-.04em;margin:.25em 0}.hero p{font-size:1.15rem;color:#D8E4F4;max-width:760px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center;align-self:center}.trust-strip{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-weight:750;color:#DBE7F5}.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:28px;box-shadow:var(--shadow)}section{padding:84px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:#fff}.section-intro{max-width:780px;margin-bottom:34px}.section-intro h2,section h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;letter-spacing:-.025em;margin:.1em 0 .5em}.section-intro p{font-size:1.06rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card.featured{background:linear-gradient(145deg,#102A50,#174675);color:#fff;border-color:transparent;transform:translateY(-16px);padding-top:36px;padding-bottom:36px;box-shadow:0 20px 48px rgba(11,24,48,.18)}.card.featured p,.card.featured li{color:#E5EEF8}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--teal);color:#fff;font-size:.8rem;font-weight:800}.price{font-size:2rem;font-weight:900;color:var(--navy);margin-bottom:.1rem}.price-context{margin:.1rem 0 1.1rem;font-size:.88rem;font-weight:750;color:var(--muted)}.featured .price{color:#fff}.featured .price-context{color:#CFE0F2}.price-toggle{display:inline-flex;background:var(--soft);padding:4px;border-radius:999px;gap:4px}.price-toggle button{border:0;background:transparent;padding:8px 12px;border-radius:999px;font-weight:800;cursor:pointer}.price-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px rgba(11,24,48,.12)}.full-card{margin-top:22px;display:flex;justify-content:space-between;gap:30px;align-items:center}.check-list{padding-left:1.2rem}.check-list li{margin:.55rem 0}.comparison-wrap{overflow-x:auto}.comparison{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.comparison th,.comparison td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}.comparison th:not(:first-child),.comparison td:not(:first-child){text-align:center}.comparison tr:last-child td{border-bottom:0}.comparison th{background:var(--soft)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.icon-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.service-icon{width:48px;height:48px;display:block;margin-bottom:14px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{counter-increment:step;padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line)}.step::before{content:counter(step);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;margin-bottom:12px}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq button{width:100%;background:none;border:0;padding:20px 0;text-align:left;font:inherit;font-weight:850;color:var(--navy);display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq-panel{padding:0 0 20px}.page-hero{padding:26px 0 72px;background:linear-gradient(135deg,#F7FAFC,#EAF5F6)}.content{max-width:850px}.notice{padding:18px 20px;border-left:4px solid var(--teal);background:#EAF8F8;border-radius:10px}.site-footer{background:#071326;color:#C7D3E2;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px}.site-footer h2{font-size:1rem;color:#fff}.site-footer a{display:block;color:#D6E1ED;text-decoration:none;margin:.5rem 0}.footer-brand{color:#fff;font-size:1.15rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #BFC8D4;border-radius:12px;font:inherit;background:#fff}.field textarea{min-height:150px}.error{color:#A12622;font-weight:700}.legal{font-size:.95rem;color:var(--muted)}
@media(max-width:1050px){.main-nav{position:absolute;top:76px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.nav-toggle{display:inline-flex;margin-left:auto;border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px}.hero-grid,.grid-2{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.card.featured{transform:none;padding-top:32px;padding-bottom:32px}.pricing-cards .card.featured{height:100%;transform:none}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.brand-logo-header{width:176px;max-width:58vw}section{padding:58px 0}.hero{padding:64px 0}.cards,.steps,.form-grid,.footer-grid{grid-template-columns:1fr}.full-card{align-items:flex-start;flex-direction:column}.hero h1,.page-hero h1{font-size:2.45rem}.comparison th,.comparison td{min-width:140px}.comparison th:first-child,.comparison td:first-child{min-width:230px}.trust-strip{gap:10px 16px}.header-inner{min-height:68px}}

/* Refinements: pricing cards, comparison tables, service visuals and forms */
.pricing-cards{align-items:stretch}
.pricing-cards .card{display:flex;flex-direction:column;height:100%}
.pricing-cards .card .btn{margin-top:auto;align-self:flex-start}
.pricing-cards .card.featured{height:calc(100% + 44px);transform:translateY(-22px);padding-top:40px;padding-bottom:40px;box-shadow:0 26px 58px rgba(11,24,48,.22)}
.comparison th+th,.comparison td+td{border-left:1px solid var(--line)}
.comparison-packages{table-layout:fixed;box-shadow:0 12px 30px rgba(11,24,48,.06)}
.comparison-packages th:first-child,.comparison-packages td:first-child{width:50%}
.comparison-packages th:nth-child(2),.comparison-packages td:nth-child(2),.comparison-packages th:nth-child(3),.comparison-packages td:nth-child(3){width:25%}
.comparison-packages th:nth-child(2){background:#EAF4FF;color:#0F5FAF}
.comparison-packages th:nth-child(3){background:#E7F8F6;color:#007F82}
.comparison-packages td:nth-child(2){background:rgba(25,118,210,.025)}
.comparison-packages td:nth-child(3){background:rgba(0,167,169,.035)}
.compare-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:1.05rem;font-weight:950;line-height:1;color:#fff;box-shadow:0 3px 9px rgba(11,24,48,.12)}
.compare-mark-basic{background:var(--blue)}
.compare-mark-advanced{background:var(--teal)}
.compare-dash{font-size:1.35rem;font-weight:800;color:#94A0B0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.icon-card{position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(11,24,48,.045)}
.icon-card .service-icon{transition:transform .18s ease}
.icon-card:hover .service-icon{transform:translateY(-2px)}
.page-visual{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:24px;background:var(--soft);box-shadow:var(--shadow)}
.visual-section{align-items:center}
.checkbox-field{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:10px;align-items:start;line-height:1.45}
.checkbox-field>span{display:block;min-width:0}
.checkbox-field a{display:inline;margin:0}
.checkbox-field .required-mark{color:#b42318;font-weight:800}
.field input[type=checkbox]{width:18px;height:18px;min-width:18px;margin:3px 0 0;padding:0;accent-color:var(--teal)}
.section-dark .cta-row{align-self:center;align-items:center;height:auto}
.section-dark .cta-row .btn{align-self:center;height:auto;min-height:0}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Visual system refinement based on approved reference elements */
body{background:#fff;color:#16243d}
.hero{background:radial-gradient(circle at 82% 10%,rgba(0,167,169,.12),transparent 32%),linear-gradient(135deg,#f8fbff 0%,#eef7f9 100%);color:var(--navy);padding:82px 0 58px;border-bottom:1px solid #e6edf4}
.hero p{color:#40516b}.hero .eyebrow{background:#e9f5f6;color:#087d82}.hero-panel{background:#fff;border:1px solid #dce6ef;box-shadow:0 18px 48px rgba(17,46,77,.10);padding:18px}.hero-panel .page-visual{border:0;box-shadow:none;background:transparent}
.trust-strip-icons{gap:24px;color:#30435e;font-size:.9rem;font-weight:750}.trust-strip-icons span{display:inline-flex;align-items:center;gap:8px}.trust-strip-icons img{width:22px;height:22px;flex:0 0 22px}
.quick-benefits-section{padding:18px 0 26px;background:#fff}.quick-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-benefit{display:flex;align-items:center;gap:13px;padding:15px 16px;background:#fff;border:1px solid #e2eaf2;border-radius:12px;box-shadow:0 6px 20px rgba(17,46,77,.045)}.quick-benefit-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px}.quick-benefit-icon img{width:34px;height:34px}.quick-benefit strong{display:block;color:var(--navy);font-size:.94rem;line-height:1.25}.quick-benefit small{display:block;color:#66758a;font-size:.78rem;line-height:1.35;margin-top:3px}

/* Pricing cards: light, icon-led and compact; Napredno remains the visual anchor */
.pricing-cards{gap:16px;align-items:stretch}.pricing-card{position:relative;padding:24px 22px 22px;border-color:#dce7f1;box-shadow:0 8px 26px rgba(17,46,77,.065);overflow:visible}.pricing-heading{display:flex;align-items:center;gap:13px;margin-bottom:8px}.pricing-heading h3{font-size:1.38rem;line-height:1.1;margin:0;color:var(--navy)}.package-subtitle{font-size:.84rem!important;line-height:1.35;margin:3px 0 0!important;color:#52627a!important}.package-lead{font-size:.88rem;color:#5d6d82;line-height:1.45;min-height:2.55em}.package-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex:0 0 50px}.package-icon img{width:30px;height:30px}.package-icon-basic,.package-icon-payg{background:#e4f3ff}.package-icon-advanced{background:#d9f6f4}.package-icon-custom{background:#efeaff}.price{font-size:2rem;line-height:1.1;margin:.8rem 0 .15rem}.price span{font-size:.95rem;font-weight:850}.price-context{font-size:.92rem;margin:.1rem 0 1rem}.price-toggle{display:flex;width:100%;margin:.35rem 0 .65rem;padding:3px;border-radius:9px;background:#edf4f9}.price-toggle button{flex:1;padding:7px 8px;border-radius:7px;font-size:.86rem}.price-toggle button[aria-pressed=true]{background:#0c4f8d;color:#fff;box-shadow:none}.styled-checks{list-style:none;padding:0;margin:10px 0 20px}.styled-checks li{position:relative;padding-left:27px;margin:.55rem 0;font-size:.9rem;line-height:1.35}.styled-checks li::before{content:'✓';position:absolute;left:0;top:.05em;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:950;background:#1976D2}.advanced-checks li::before{background:#079b96}.pricing-card.featured{background:#fff;color:var(--ink);border:2px solid #0aa7a5;height:calc(100% + 34px);transform:translateY(-17px);padding-top:30px;padding-bottom:28px;box-shadow:0 18px 42px rgba(0,135,139,.15)}.pricing-card.featured p,.pricing-card.featured li{color:#3d4d63}.pricing-card.featured .price{color:var(--navy)}.pricing-card.featured .price-context{color:#53647a}.featured-ribbon{position:absolute;left:-2px;right:-2px;top:-31px;height:31px;border-radius:13px 13px 0 0;background:linear-gradient(90deg,#0a8f91,#09aaa3);display:grid;place-items:center;color:#fff;font-size:.74rem;font-weight:900;letter-spacing:.06em}.btn-card-basic,.btn-card-custom{border:1.5px solid #1976D2;color:#0d5fac;background:#fff}.btn-card-advanced{background:linear-gradient(90deg,#078f91,#0bb0a6);color:#fff;border:0}.pricing-card .btn{width:100%;border-radius:8px;padding:10px 14px}.pricing-custom-card{padding:20px 24px;background:#fbfaff;border-color:#e4dcfb;box-shadow:0 8px 24px rgba(69,53,133,.05)}.pricing-custom-card .pricing-heading{margin:0}.pricing-custom-card .pricing-heading p{margin:4px 0 0}.pricing-custom-card .btn{border-radius:8px;white-space:nowrap}

/* Four-card service pattern used on homepage and matching subpage sections */
.service-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:22px 18px;text-align:center;border:1px solid #e0e8f0;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(17,46,77,.045)}.service-card h3{color:var(--navy);font-size:1.13rem;line-height:1.2;margin:12px 0 9px}.service-card p{color:#53647a;font-size:.94rem;line-height:1.5;margin:0}.service-icon-wrap{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:#dff2ff}.service-icon-wrap .service-icon,.service-card>.service-icon{width:38px;height:38px;margin:0}.service-card>.service-icon{padding:9px;box-sizing:content-box;border-radius:50%;background:#dff2ff;margin:0 auto 12px}.service-card-green .service-icon-wrap{background:#dff5e5}.service-card-purple .service-icon-wrap{background:#eee6ff}.service-card-orange .service-icon-wrap{background:#ffe6c9}.service-card-purple .service-icon{filter:hue-rotate(50deg)}

/* Editorial feature card + checklist pattern */
.service-showcase-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:26px;align-items:center}.service-showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);border:1px solid #dce6ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 9px 25px rgba(17,46,77,.055)}.service-showcase-copy{display:flex;gap:16px;padding:26px}.service-showcase-copy .service-icon-wrap{margin:0;flex:0 0 58px;width:58px;height:58px}.service-showcase-copy h2{font-size:1.45rem;margin:0 0 .45rem}.service-showcase-copy p{margin:0;color:#52647a}.service-showcase-visual{background:#f2f7fb;display:grid;place-items:center;padding:12px}.service-showcase-visual img{width:100%;max-height:230px;object-fit:contain;border:0;border-radius:10px;box-shadow:none}.inline-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px;font-weight:750;font-size:.9rem}.benefit-list{list-style:none;padding:0;margin:0}.benefit-list li{position:relative;padding:8px 0 8px 30px;color:#40516a}.benefit-list li::before{content:'✓';position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#24a83f;color:#fff;font-size:.75rem;font-weight:900}

/* Comparison remains consistent with the lighter card system */
.comparison{border-color:#d7e2ed;box-shadow:0 8px 24px rgba(17,46,77,.05)}.comparison th{background:#eaf4fb;color:var(--navy)}.comparison th+th,.comparison td+td{border-left:1px solid #cedbe7}.comparison th:nth-child(2){background:#e4f2ff}.comparison th:nth-child(3){background:#e1f6f3}.compare-mark{width:24px;height:24px;font-size:.85rem;box-shadow:none}

@media(max-width:1050px){.quick-benefits{grid-template-columns:1fr 1fr}.service-card-grid{grid-template-columns:1fr 1fr}.service-showcase-grid{grid-template-columns:1fr}.pricing-card.featured{height:100%;transform:none;margin-top:0}.featured-ribbon{position:static;margin:-30px -22px 18px;height:31px;border-radius:13px 13px 0 0}.service-showcase{grid-template-columns:1fr 280px}}
@media(max-width:700px){.quick-benefits,.service-card-grid{grid-template-columns:1fr}.service-showcase{grid-template-columns:1fr}.service-showcase-copy{flex-direction:column}.service-showcase-copy .service-icon-wrap{margin:0}.trust-strip-icons{display:grid;grid-template-columns:1fr;gap:10px}.pricing-custom-card{align-items:flex-start}.pricing-heading{align-items:flex-start}}
/* Alternate icon-circle accents across all four-card service groups */
.service-card-grid .service-card:nth-child(1)>.service-icon{background:#dff2ff}
.service-card-grid .service-card:nth-child(2)>.service-icon{background:#dff5e5}
.service-card-grid .service-card:nth-child(3)>.service-icon{background:#eee6ff}
.service-card-grid .service-card:nth-child(4)>.service-icon{background:#ffe6c9}

/* Napredno card alignment fix: integrate recommendation ribbon and preserve spacing below taller card */
@media(min-width:1051px){
  .pricing-card.featured{
    padding-top:66px;
  }
  .pricing-card.featured .featured-ribbon{
    top:0;
    left:0;
    right:0;
    height:32px;
    border-radius:16px 16px 0 0;
  }
  .pricing-custom-card{
    margin-top:46px;
  }
}


/* 2026-09-13 spacing + webshop support-card refinements */
.quick-benefits-section{padding:30px 0 18px}
.homepage-why{padding-top:54px}
.webshop-support-grid .service-card{min-height:100%;text-align:left;padding:26px}
.webshop-support-grid .service-icon-wrap{margin:0 0 14px}
.webshop-support-grid .service-card h3{margin:0 0 10px;font-size:1.2rem}
.webshop-support-grid .service-card p{margin:0}
@media(max-width:700px){.quick-benefits-section{padding:22px 0 12px}.homepage-why{padding-top:44px}.webshop-support-grid .service-card{padding:22px}}

/* 2026-09-13 service-page visual redesigns */
.eyebrow-light{display:inline-flex;align-items:center;gap:6px;color:#087f84;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.center-link{text-align:center;margin-top:24px;font-weight:800}
.micro-note{text-align:center;margin:18px 0 0;color:#53647a;font-size:.92rem}

/* WordPress page */
.wp-feature-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:28px;align-items:center;background:#fff;border:1px solid #dce6ef;border-radius:20px;padding:28px;box-shadow:0 10px 28px rgba(17,46,77,.055)}
.wp-feature-copy{display:flex;gap:18px;align-items:flex-start}.wp-feature-copy .service-icon-wrap{margin:0;flex:0 0 62px}.wp-feature-copy h2{font-size:2rem;margin:.05em 0 .5em}
.wp-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.wp-flow>div{background:#f6f9fc;border:1px solid #dce6ef;border-radius:14px;padding:18px 12px;text-align:center}.wp-flow strong,.wp-flow small{display:block}.wp-flow strong{color:var(--navy)}.wp-flow small{color:#728096;font-size:.78rem;margin-top:3px}.wp-flow>span{font-weight:900;color:#6d7b8e}
.mini-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.mini-feature-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:22px;box-shadow:0 7px 22px rgba(17,46,77,.04)}.mini-feature-card .service-icon-wrap{margin:0;flex:0 0 54px;width:54px;height:54px}.mini-feature-card h3{margin:0 0 6px;color:var(--navy);font-size:1.12rem}.mini-feature-card p{margin:0;color:#53647a}.mini-green{background:#def6e8!important}
.existing-site-band{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:28px;background:linear-gradient(135deg,#0d2445,#123861);color:#fff;border-radius:20px;box-shadow:0 14px 32px rgba(11,24,48,.14)}.existing-site-band h2{margin:.05em 0 .35em}.existing-site-band p{margin:0;color:#d8e4f2}.existing-site-band .eyebrow-light{color:#63d7d4}.existing-site-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}.existing-site-icon img{width:38px;height:38px}.existing-site-band .btn-secondary{background:#fff}
.decision-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce6ef;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(17,46,77,.05)}.decision-panel>div{padding:30px;background:#fff}.decision-panel>div+div{border-left:1px solid #dce6ef;background:#fbfcfe}.decision-panel h2{font-size:1.7rem;margin:.2em 0 .45em}.decision-label{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:900}.decision-label.good{background:#e3f7ea;color:#1a7a3a}.decision-label.change{background:#fff0df;color:#a55b0b}

/* Renovation page */
.renovation-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.renovation-choice{background:#fff;border:1px solid #dbe5ee;border-radius:20px;padding:30px;box-shadow:0 9px 26px rgba(17,46,77,.05)}.renovation-choice-alt{background:#fbfefd}.renovation-choice .service-icon-wrap{margin:0 0 16px}.renovation-choice h2{font-size:1.8rem;margin:.1em 0 .45em}
.renovation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.renovation-item{border:1px solid #dfe8f0;border-radius:15px;padding:22px;background:#fff;box-shadow:0 6px 18px rgba(17,46,77,.035)}.renovation-item img{width:38px;height:38px;padding:8px;box-sizing:content-box;border-radius:50%;background:#dff2ff}.renovation-item:nth-child(2) img{background:#def6e8}.renovation-item:nth-child(3) img{background:#eee6ff}.renovation-item:nth-child(4) img{background:#ffe8cf}.renovation-item:nth-child(5) img{background:#e4f2ff}.renovation-item:nth-child(6) img{background:#ddf6f3}.renovation-item h3{color:var(--navy);margin:12px 0 6px}.renovation-item p{margin:0;color:#53647a}
.preserve-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.preserve-chips span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef7f6;border:1px solid #d3ece9;color:#245d61;font-weight:800;font-size:.86rem}
.seo-renovation{background:linear-gradient(135deg,#0b1830,#12365f);color:#fff;padding:76px 0}.seo-renovation .section-intro p{color:#d6e1ef}.seo-renovation .eyebrow-light{color:#62d8d3}.seo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.seo-steps>div{padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.06)}.seo-steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#0b4d83;margin-bottom:12px}.seo-steps h3{margin:0 0 6px}.seo-steps p{margin:0;color:#d6e1ef;font-size:.92rem}
.renovation-timeline{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:12px}.renovation-timeline::before{content:'';position:absolute;left:8%;right:8%;top:22px;height:2px;background:#cfe0ec}.timeline-step{position:relative;text-align:center;padding:0 10px}.timeline-step span{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#1976d2,#00a7a9);color:#fff;font-weight:900;border:4px solid #f4f7fa}.timeline-step h3{margin:0 0 4px;color:var(--navy)}.timeline-step p{margin:0;color:#64748a;font-size:.9rem}

/* About page */
.about-hero{padding:68px 0}.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:48px;align-items:center}.about-hero h1{margin:.1em 0 .3em}.about-visual{background:#fff;border:1px solid #dce6ef;border-radius:24px;padding:16px;box-shadow:0 14px 38px rgba(17,46,77,.08)}.about-visual img{display:block;width:100%;height:auto}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.about-stats>div{padding:14px 16px;background:#fff;border:1px solid #dce6ef;border-radius:14px}.about-stats strong,.about-stats span{display:block}.about-stats strong{font-size:1.15rem;color:var(--navy)}.about-stats span{font-size:.78rem;color:#6b788c;margin-top:2px}
.about-intro{max-width:940px}.lead-copy{font-size:1.18rem;line-height:1.75}.n3t-callout{margin-top:22px;padding:18px 20px;border-radius:14px;background:#eef7f9;border:1px solid #d8ecef;color:#40516a}.n3t-callout a{font-weight:850}
.about-feature-stack{display:grid;gap:18px}.about-feature{display:grid;grid-template-columns:86px minmax(0,1fr);gap:22px;align-items:center;background:#fff;border:1px solid #dce6ef;border-radius:18px;padding:24px 28px;box-shadow:0 7px 22px rgba(17,46,77,.04)}.about-feature-reverse{grid-template-columns:minmax(0,1fr) 86px}.about-feature-reverse .about-feature-icon{order:2}.about-feature-reverse>div:last-child{order:1}.about-feature-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#e2f3ff}.about-feature:nth-child(2) .about-feature-icon{background:#e2f7ea}.about-feature:nth-child(3) .about-feature-icon{background:#eee8ff}.about-feature:nth-child(4) .about-feature-icon{background:#ffe9d1}.about-feature-icon img{width:38px;height:38px}.about-feature h2{font-size:1.55rem;margin:0 0 6px}.about-feature p{margin:0;color:#53647a}
.experience-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid #d7e4ee;margin-top:42px}.experience-timeline>div{position:relative;padding:24px 16px 0}.experience-timeline>div::before{content:'';position:absolute;top:-8px;left:16px;width:14px;height:14px;border-radius:50%;background:#1976d2;border:3px solid #fff;box-shadow:0 0 0 2px #cde0ee}.experience-timeline span{display:block;color:#1976d2;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.experience-timeline b{display:block;color:var(--navy);margin:5px 0}.experience-timeline p{margin:0;color:#64748a;font-size:.88rem}.about-values .service-card{min-height:100%}.about-final{padding:70px 0}.about-final-grid{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:34px;align-items:center}.about-final-grid p{color:#d5e1ee}.about-trust-row{display:flex;gap:18px 28px;flex-wrap:wrap;margin-top:22px}.about-trust-row span{color:#d8e4f2;font-size:.88rem}.about-trust-row strong{color:#fff}

@media(max-width:1050px){.wp-feature-panel{grid-template-columns:1fr}.wp-flow{grid-template-columns:1fr 1fr}.wp-flow>span{display:none}.existing-site-band{grid-template-columns:auto 1fr}.existing-site-band .btn{grid-column:1/-1;justify-self:start}.renovation-grid{grid-template-columns:1fr 1fr}.seo-steps{grid-template-columns:1fr 1fr}.renovation-timeline{grid-template-columns:1fr;gap:14px}.renovation-timeline::before{display:none}.timeline-step{text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:14px}.timeline-step span{grid-row:1/3;margin:0}.about-hero-grid{grid-template-columns:1fr}.experience-timeline{grid-template-columns:1fr;border-top:0;border-left:2px solid #d7e4ee;margin-left:8px}.experience-timeline>div{padding:0 0 24px 24px}.experience-timeline>div::before{top:2px;left:-8px}.about-final-grid{grid-template-columns:1fr}}
@media(max-width:700px){.mini-feature-grid,.renovation-choice-grid,.renovation-grid,.seo-steps{grid-template-columns:1fr}.wp-feature-copy{flex-direction:column}.wp-flow{grid-template-columns:1fr}.existing-site-band{grid-template-columns:1fr}.decision-panel{grid-template-columns:1fr}.decision-panel>div+div{border-left:0;border-top:1px solid #dce6ef}.about-stats{grid-template-columns:1fr}.about-feature,.about-feature-reverse{grid-template-columns:1fr}.about-feature-reverse .about-feature-icon,.about-feature-reverse>div:last-child{order:initial}.about-trust-row{display:grid;grid-template-columns:1fr 1fr}.about-final-grid .cta-row{justify-content:flex-start}}

/* Legal pages */
.legal-updated{margin-top:18px;font-size:.9rem;color:var(--muted)}
.legal-content h2{font-size:clamp(1.35rem,2vw,1.8rem);margin-top:2.2em;margin-bottom:.55em}
.legal-content h2:first-child{margin-top:0}
.legal-content p{margin:.7em 0}
.cookie-table-wrap{margin:22px 0 34px}
.cookie-table th,.cookie-table td{vertical-align:top}
.cookie-table th:nth-child(1){width:22%}
.cookie-table th:nth-child(2){width:42%}

.contact-details{display:grid;gap:12px;margin:0 0 30px}.contact-detail{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--navy);text-decoration:none;box-shadow:var(--shadow)}.contact-detail:hover{border-color:rgba(10,163,166,.5);transform:translateY(-1px)}.contact-detail-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#EAF8F8;color:var(--teal);font-weight:900;font-size:1.05rem}.contact-detail span:last-child{display:flex;flex-direction:column;min-width:0}.contact-detail strong{font-size:.9rem}.contact-detail small{font-size:.95rem;color:var(--muted);overflow-wrap:anywhere}
/* Hero breadcrumbs */
.page-hero .hero-breadcrumbs{display:block;margin:0 0 34px;padding:0!important;background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.page-hero .hero-breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0!important;background:none!important;background-color:transparent!important;color:#6a788b;font-size:.86rem;line-height:1.4}
.page-hero .hero-breadcrumb-list li{display:inline-flex;align-items:center;min-width:0;background:transparent!important}
.page-hero .hero-breadcrumb-list li+li::before{content:"›";margin-right:8px;color:#9aa6b5;font-weight:800}
.page-hero .hero-breadcrumb-list a{color:#31516f;text-decoration:none;font-weight:700;background:transparent!important}
.page-hero .hero-breadcrumb-list a:hover{text-decoration:underline;text-underline-offset:3px}
.page-hero .hero-breadcrumb-list [aria-current="page"]{color:#6a788b;overflow-wrap:anywhere;background:transparent!important}
@media(max-width:700px){.page-hero{padding-top:20px}.page-hero .hero-breadcrumbs{margin-bottom:28px}.page-hero .hero-breadcrumb-list{font-size:.82rem}}