/* Fedi Tech 2026 — V3 clean agency system
   Responsive, lightweight, no Bootstrap/jQuery dependency. */
@font-face{font-family:"FediDisplay";src:url("../fonts/FediDisplay.woff2") format("woff2");font-display:swap}
:root{
  --accent:#87e64b;--accent-rgb:135,230,75;--accent-text:#91f257;--accent-deep:#67ca2d;
  --bg:#050706;--surface:#0b0f0d;--surface-2:#101512;--card:#101512;--card-2:#151b17;
  --text:#edf2ed;--text-strong:#fff;--muted:#9ca69f;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.15);
  --shadow:0 24px 70px rgba(0,0,0,.26);--shadow-soft:0 12px 36px rgba(0,0,0,.17);
  --radius:22px;--radius-sm:14px;--header-h:78px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --display:"FediDisplay",Inter,ui-sans-serif,sans-serif;
}
html[data-theme="light"]{
  --bg:#f6f8f5;--surface:#ffffff;--surface-2:#f0f4ef;--card:#ffffff;--card-2:#f5f7f4;
  --text:#27302a;--text-strong:#0d140f;--muted:#5e6962;--line:rgba(12,28,17,.11);--line-strong:rgba(12,28,17,.18);
  --accent-text:#347e17;--accent-deep:#4da71e;--shadow:0 24px 70px rgba(18,32,21,.09);--shadow-soft:0 12px 34px rgba(18,32,21,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.icon{width:20px;height:20px;display:block}.grid{display:grid}.center{text-align:center}.muted{color:var(--muted)}
.container-wide{width:min(calc(100% - 64px),1180px);margin-inline:auto}.container{width:min(calc(100% - 64px),930px);margin-inline:auto}.section{padding:106px 0}.section-sm{padding:78px 0}.section-label,.eyebrow,.mini-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-text);font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-label:before{content:"";width:22px;height:1px;background:currentColor}.section-title{margin:13px 0 0;color:var(--text-strong);font-size:clamp(2rem,3.4vw,3rem);line-height:1.04;letter-spacing:-.045em;font-weight:760}.section-title span{color:var(--accent-text)}.section-intro{max-width:650px;margin:18px auto 0;color:var(--muted);font-size:1rem;line-height:1.75}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:38px}.section-head .section-intro{margin:0;max-width:470px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.in-view{opacity:1;transform:none}
.button,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:12px;background:var(--accent);color:#091007;font-size:.78rem;font-weight:800;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.button:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--accent-rgb),.18)}.button .icon,.nav-cta .icon{width:17px}.button-secondary{background:transparent;color:var(--text-strong);border-color:var(--line-strong)}.button-secondary:hover{background:var(--surface-2);box-shadow:none}.button-dark{background:#090b0a;color:#fff}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--text-strong);font-size:.8rem;font-weight:760}.text-link .icon{width:16px}.text-link:hover{color:var(--accent-text)}
/* Header */
.site-header{position:fixed;z-index:1000;left:0;right:0;top:0;background:rgba(5,7,6,.76);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s ease}html[data-theme="light"] .site-header{background:rgba(246,248,245,.88)}.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 30px rgba(0,0,0,.08)}.nav-shell{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:160px;height:auto;object-fit:contain}.brand-logo-light{display:none}html[data-theme="light"] .brand-logo-dark{display:none}html[data-theme="light"] .brand-logo-light{display:block}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto}.main-nav a{position:relative;padding:29px 0 27px;color:var(--text);font-size:.82rem;font-weight:750;letter-spacing:.025em;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:var(--text-strong)}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;border-radius:99px;background:var(--accent);transition:right .2s ease}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;gap:8px}.theme-toggle,.menu-toggle{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:11px;color:var(--text-strong);display:grid;place-items:center;cursor:pointer}.theme-toggle:hover,.menu-toggle:hover{border-color:var(--line-strong)}.theme-icon-moon{display:none}html[data-theme="light"] .theme-icon-sun{display:none}html[data-theme="light"] .theme-icon-moon{display:block}.nav-cta{min-height:40px;padding:0 14px;font-size:.72rem}.menu-toggle{display:none}
/* Home hero */
.hero{position:relative;min-height:720px;padding-top:var(--header-h);display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:var(--header-h) 0 0;z-index:-3}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:before{content:"";position:absolute;inset:var(--header-h) 0 0;z-index:-2;background:linear-gradient(90deg,rgba(3,5,4,.96) 0%,rgba(3,5,4,.83) 41%,rgba(3,5,4,.20) 72%,rgba(3,5,4,.08) 100%),linear-gradient(180deg,rgba(3,5,4,.02),rgba(3,5,4,.62))}.hero:after{content:"";position:absolute;z-index:-1;width:480px;height:480px;border:1px solid rgba(var(--accent-rgb),.12);border-radius:50%;left:-220px;top:160px;box-shadow:0 0 120px rgba(var(--accent-rgb),.06) inset}.hero-content{padding:90px 0 100px}.hero-badge{padding:8px 11px;border:1px solid rgba(var(--accent-rgb),.2);background:rgba(8,13,9,.56);border-radius:999px;font-size:.67rem;letter-spacing:.1em}.hero-title{max-width:650px;margin:20px 0 0;color:#fff;font-weight:810;letter-spacing:-.052em;line-height:.96}.hero-title .line{display:block}.hero-title .base-line{font-size:clamp(2.9rem,4.5vw,4.35rem)}.hero-title .typing-line{display:flex;align-items:center;min-height:1.35em;margin:6px 0;color:var(--accent);font-size:clamp(1.9rem,3.25vw,3.05rem);line-height:1.1;white-space:normal}.typing-caret{display:inline-block;width:2px;height:.9em;margin-left:7px;background:var(--accent);animation:blink 1s steps(1) infinite;flex:0 0 auto}@keyframes blink{50%{opacity:0}}.hero-title .suffix{font-size:clamp(1.7rem,2.75vw,2.6rem);line-height:1.05}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:30px;color:#bbc2bd;font-size:.78rem}.hero-proof .dots{display:flex;gap:5px}.hero-proof .dots span{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.14);border-radius:50%;font-size:.56rem}.hero-proof .dots span:first-child{background:var(--accent);color:#081007;border-color:var(--accent)}
.stats-wrap{position:relative;z-index:3;margin-top:-56px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px);overflow:hidden}.stat{position:relative;padding:24px 28px}.stat+.stat:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:var(--line)}.stat .num{color:var(--text-strong);font-size:1.9rem;line-height:1;font-weight:790;letter-spacing:-.04em}.stat .label{margin-top:8px;color:var(--muted);font-size:.66rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
/* Services */
.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px}.service-card{position:relative;display:flex;flex-direction:column;height:318px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,var(--card),var(--surface));overflow:hidden;isolation:isolate;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.service-card:before{content:"";position:absolute;z-index:-1;width:180px;height:180px;border-radius:50%;right:-95px;top:-95px;background:radial-gradient(circle,rgba(var(--accent-rgb),.11),transparent 68%)}.service-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.32);box-shadow:var(--shadow-soft)}.service-number{position:absolute;right:20px;top:19px;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.11em}.service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(var(--accent-rgb),.10);color:var(--accent-text);border:1px solid rgba(var(--accent-rgb),.14)}.service-icon .icon{width:21px;height:21px}.service-card h3{margin:30px 0 10px;max-width:92%;color:var(--text-strong);font-size:1.14rem;font-weight:780;line-height:1.18;letter-spacing:-.028em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-card p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.service-link{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:7px;color:var(--accent-text);font-size:.7rem;font-weight:800}.service-link .icon{width:15px}.service-card:hover .service-link .icon{transform:translateX(3px)}
/* Industries */
.industries-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.industry-card{position:relative;height:190px;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.industry-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.industry-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(2,4,3,.82) 100%)}.industry-card h3{position:absolute;z-index:2;left:16px;bottom:15px;margin:0;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.industry-card:hover img{transform:scale(1.035);filter:saturate(1.08)}
/* Split / feature */
.split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:72px;align-items:center}.split.reverse>*:first-child{order:2}.split.reverse>*:last-child{order:1}.image-stack{position:relative;min-height:520px}.image-main{position:absolute;inset:0 12% 8% 0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.image-main img{width:100%;height:100%;object-fit:cover}.image-float{position:absolute;right:0;bottom:0;width:45%;height:47%;padding:8px;border-radius:18px;border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.image-float img{width:100%;height:100%;object-fit:contain;background:#080a09;border-radius:12px}.split-copy .section-title{max-width:600px}.split-copy>.muted{margin:20px 0 0;font-size:.95rem;line-height:1.78}.feature-list{display:grid;gap:13px;margin-top:25px}.feature-list>div{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;color:var(--text);font-size:.86rem}.feature-list .icon{color:var(--accent-text);width:18px;margin-top:3px}.split-copy .button,.split-copy .button-secondary{margin-top:28px}
/* Portfolio — uniform cards, no image crop */
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}.portfolio-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.portfolio-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.28);box-shadow:var(--shadow-soft)}.portfolio-media{aspect-ratio:1.08/1;display:grid;place-items:stretch;padding:0;background:linear-gradient(145deg,#080b09,#111713);overflow:hidden;border-bottom:1px solid var(--line)}html[data-theme="light"] .portfolio-media{background:#edf1ec}.portfolio-media img,.portfolio-card>img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:0}.portfolio-card>img{aspect-ratio:1.08/1;padding:0;background:#080b09;border-bottom:1px solid var(--line)}html[data-theme="light"] .portfolio-card>img{background:#edf1ec}.portfolio-copy{display:flex;flex-direction:column;min-height:146px;padding:18px 19px 19px}.portfolio-tag{color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.095em;text-transform:uppercase}.portfolio-copy h3{margin:8px 0 0;color:var(--text-strong);font-size:1rem;line-height:1.25}.portfolio-copy .service-link{padding-top:16px}.portfolio-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.portfolio-work{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}.portfolio-work .image-link{display:grid;place-items:stretch;aspect-ratio:1.12/1;background:#080b09;padding:0;overflow:hidden}.portfolio-work .image-link img{width:100%;height:100%;object-fit:cover;object-position:top center}.portfolio-work .work-meta{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.portfolio-work .work-meta h3{font-size:.9rem;margin:0;color:var(--text-strong)}.portfolio-work .visit{font-size:.69rem;color:var(--accent-text);font-weight:800}
/* Quote statement */
.quote-band{position:relative;min-height:330px;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--line)}.quote-band .bg{position:absolute;inset:0}.quote-band .bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}.quote-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,5,.94),rgba(4,6,5,.68),rgba(4,6,5,.87))}.quote-band .container{position:relative;z-index:1;text-align:center;padding:70px 0}.quote-icon{width:44px;height:44px;margin:0 auto 17px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#081007}.quote-band h2{max-width:780px;margin:0 auto;color:#fff;font-size:clamp(1.8rem,3.3vw,2.85rem);line-height:1.1;letter-spacing:-.04em}
/* Clients carousel */
.clients-section{overflow:hidden}.clients-wrap{margin-top:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px 18px 16px}.clients-head{display:flex;justify-content:flex-end;gap:7px;margin-bottom:16px}.carousel-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text-strong);cursor:pointer}.carousel-btn:hover{border-color:rgba(var(--accent-rgb),.35);color:var(--accent-text)}.clients-viewport{overflow:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x proximity}.clients-viewport::-webkit-scrollbar{display:none}.clients-track{display:flex;gap:11px;width:max-content;padding-bottom:1px}.client-logo{width:166px;height:96px;flex:0 0 166px;scroll-snap-align:start;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#fff;padding:16px}.client-logo img{width:100%;height:100%;object-fit:contain}.client-logo:hover{border-color:rgba(var(--accent-rgb),.24)}
/* Packages */
.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:40px}.package-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden}.package-card.featured{border-color:rgba(var(--accent-rgb),.42);box-shadow:0 22px 60px rgba(var(--accent-rgb),.09)}.package-card.featured:before{content:"Most Popular";position:absolute;right:17px;top:16px;padding:6px 9px;border-radius:999px;background:rgba(var(--accent-rgb),.12);color:var(--accent-text);font-size:.59rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.package-card .package-eyebrow{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.package-card h3{margin:10px 0 8px;color:var(--text-strong);font-size:1.3rem;letter-spacing:-.03em;line-height:1.18}.package-price{display:flex;flex-direction:column;gap:4px;color:var(--text-strong);font-size:1.95rem;font-weight:800;letter-spacing:-.04em;line-height:1.05}.package-price small{font-size:.76rem;color:var(--muted);font-weight:600;letter-spacing:0}.package-card p{color:var(--muted);font-size:.86rem;line-height:1.7;margin:14px 0 0}.package-features{display:grid;gap:12px;margin:24px 0 28px;padding:0;list-style:none}.package-features li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:.84rem;line-height:1.55;color:var(--text)}.package-features li:before{content:"✓";color:var(--accent-text);font-weight:900}.package-card .button{margin-top:auto;width:100%}
/* Leadership / policy */
.policy-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:30px;box-shadow:var(--shadow-soft)}
/* Contact/forms */
.contact-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.contact-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--card);min-height:210px}.contact-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.10);color:var(--accent-text)}.contact-card h3{margin:24px 0 9px;color:var(--text-strong);font-size:1rem}.contact-card p{margin:6px 0;color:var(--muted);font-size:.84rem}.contact-card a:hover{color:var(--accent-text)}.map-frame{height:430px;margin-top:18px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.map-frame iframe{width:100%;height:100%;border:0;filter:saturate(.78) contrast(.96)}.form-shell{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-soft)}
.contact-enquiry-cta{margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px;color:var(--text);font-size:.72rem;font-weight:750}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text-strong);outline:none;padding:0 13px;min-height:47px;font-size:.84rem;transition:border-color .2s,box-shadow .2s}.field textarea{padding-top:12px;min-height:140px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.form-status{margin-top:9px;font-size:.78rem}.quote-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:38px;align-items:start}.quote-aside{position:sticky;top:105px}.quote-aside-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,var(--card),var(--surface));box-shadow:var(--shadow-soft)}.quote-steps{counter-reset:q;display:grid;gap:14px;margin-top:25px}.quote-step{counter-increment:q;display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start}.quote-step:before{content:counter(q);width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:var(--accent-text);font-size:.7rem;font-weight:850}.quote-step b{display:block;color:var(--text-strong);font-size:.83rem}.quote-step span{color:var(--muted);font-size:.76rem}.quote-form{padding:32px}.quote-form .form-grid{gap:16px}.quote-form-head{margin-bottom:22px}.quote-form-head h2{margin:6px 0 0;color:var(--text-strong);font-size:1.45rem;letter-spacing:-.03em}.quote-form-head p{margin:7px 0 0;color:var(--muted);font-size:.84rem}
/* Page hero — per-page identity */
.page-hero{position:relative;min-height:430px;padding-top:var(--header-h);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}.page-hero-media{position:absolute;inset:var(--header-h) 0 0;z-index:-3}.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.page-hero:before{content:"";position:absolute;inset:var(--header-h) 0 0;z-index:-2;background:linear-gradient(90deg,rgba(4,6,5,.97) 0%,rgba(4,6,5,.86) 48%,rgba(4,6,5,.42) 100%)}html[data-theme="light"] .page-hero:before{background:linear-gradient(90deg,rgba(246,248,245,.98) 0%,rgba(246,248,245,.89) 51%,rgba(246,248,245,.48) 100%)}.page-hero:after{content:"";position:absolute;z-index:-1;right:6%;bottom:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.14),transparent 67%)}.page-hero .container{width:min(calc(100% - 64px),1180px);padding:86px 0 68px;margin-inline:auto}.page-hero h1{max-width:780px;margin:13px 0 0;color:var(--text-strong);font-size:clamp(2.7rem,4.7vw,4.25rem);line-height:.98;letter-spacing:-.055em;font-weight:800}.page-hero .crumb{margin-top:19px;color:var(--muted);font-size:.73rem}.page-hero .crumb a{color:var(--text-strong)}.page-hero[data-variant="about"] .page-hero-media img{object-position:center 34%}.page-hero[data-variant="blogs"] .page-hero-media img{filter:saturate(.8)}.page-hero[data-variant="faq"]{background:radial-gradient(circle at 82% 52%,rgba(var(--accent-rgb),.11),transparent 23%),var(--surface)}.page-hero[data-variant="faq"] .page-hero-media{display:none}.page-hero[data-variant="faq"]:after{content:"?";display:grid;place-items:center;right:8%;bottom:-36px;width:240px;height:240px;background:none;border:1px solid rgba(var(--accent-rgb),.18);color:rgba(var(--accent-rgb),.18);font-size:10rem;font-weight:900}.page-hero[data-variant="contact"]:after{border-radius:28% 72% 64% 36%/43% 38% 62% 57%}.page-hero[data-variant="service"] .page-hero-media img{filter:saturate(.75) brightness(.84)}
/* Service detail */
.service-detail-intro{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}.service-visual{position:relative;min-height:410px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,var(--card),var(--surface));overflow:hidden;box-shadow:var(--shadow-soft)}.service-visual:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-70px;background:radial-gradient(circle,rgba(var(--accent-rgb),.22),transparent 67%)}.service-visual img{position:absolute;inset:30px;width:calc(100% - 60px);height:calc(100% - 60px);object-fit:contain}.service-kpi{position:absolute;left:22px;bottom:22px;z-index:2;max-width:230px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(12px)}.service-kpi strong{display:block;color:var(--text-strong);font-size:1.35rem;letter-spacing:-.04em}.service-kpi span{color:var(--muted);font-size:.72rem}.service-pill-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.service-pill{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:700}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.process-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.process-card b{color:var(--accent-text);font-size:.67rem;letter-spacing:.1em}.process-card h3{margin:20px 0 7px;color:var(--text-strong);font-size:.92rem}.process-card p{margin:0;color:var(--muted);font-size:.78rem}.service-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border:1px solid rgba(var(--accent-rgb),.27);border-radius:26px;background:radial-gradient(circle at 88% 10%,rgba(var(--accent-rgb),.12),transparent 30%),var(--card)}.service-cta h2{margin:0;max-width:700px;color:var(--text-strong);font-size:clamp(1.55rem,2.7vw,2.35rem);letter-spacing:-.04em;line-height:1.08}.service-cta p{margin:8px 0 0;color:var(--muted);font-size:.84rem}.service-cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}.service-cta-actions .button{min-width:164px}.footer-discuss-wrap{padding-top:28px}.footer-discuss-cta{margin-bottom:8px}
/* FAQ */
.accordion{max-width:900px;margin:36px auto 0;border-top:1px solid var(--line)}.accordion-item{border-bottom:1px solid var(--line)}.accordion-btn{width:100%;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 8px;border:0;background:transparent;color:var(--text-strong);text-align:left;font-size:.93rem;font-weight:760;cursor:pointer}.accordion-btn>span{display:flex;gap:14px;align-items:center}.accordion-btn>span b{color:var(--accent-text);font-size:.64rem;letter-spacing:.1em}.accordion-btn .icon{transition:transform .2s}.accordion-item.open .accordion-btn .icon{transform:rotate(45deg)}.accordion-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.accordion-answer>div{overflow:hidden}.accordion-answer p{margin:0;padding:0 44px 24px 38px;color:var(--muted);font-size:.86rem}.accordion-item.open .accordion-answer{grid-template-rows:1fr}
/* Blog */
.blog-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.blog-card{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}.blog-image{display:block;aspect-ratio:1.55/1;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-image img{transform:scale(1.03)}.blog-copy{padding:19px}.blog-date{color:var(--accent-text);font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.blog-copy h2,.blog-copy h3{margin:8px 0;color:var(--text-strong);font-size:1.04rem;line-height:1.3}.blog-copy p{margin:0;color:var(--muted);font-size:.82rem}.article-head{padding-top:105px}.article-head h1{max-width:850px;margin:15px 0 0;color:var(--text-strong);font-size:clamp(2.3rem,4.7vw,4.6rem);line-height:1;letter-spacing:-.055em}.article-image{margin-top:42px;border-radius:22px;overflow:hidden;border:1px solid var(--line)}.article-image img{width:100%;max-height:650px;object-fit:cover}.article-body,.content-prose{max-width:790px;margin:42px auto 0;color:var(--text);font-size:.98rem;line-height:1.85}.article-body h2,.content-prose h2{margin:42px 0 13px;color:var(--text-strong);font-size:1.7rem;line-height:1.2;letter-spacing:-.03em}.article-body h3,.content-prose h3{color:var(--text-strong)}.article-body a,.content-prose a{color:var(--accent-text);text-decoration:underline}
/* Testimonials */
.testimonial-shell{width:min(calc(100% - 64px),860px);margin:34px auto 0;text-align:center}.testimonial{display:none}.testimonial.active{display:block;animation:fadein .35s ease}@keyframes fadein{from{opacity:.3}to{opacity:1}}.testimonial-avatar{width:70px;height:70px;margin:0 auto 20px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.testimonial blockquote{margin:0;color:var(--text-strong);font-size:1.08rem;line-height:1.65}.testimonial h3{margin:18px 0 1px;font-size:.85rem;color:var(--text-strong)}.testimonial small{color:var(--muted)}.slider-nav{display:flex;justify-content:center;gap:6px;margin-top:20px}.slider-dot{width:8px;height:8px;border:0;border-radius:50%;background:var(--line-strong);padding:0;cursor:pointer}.slider-dot.active{background:var(--accent)}
/* Footer */
.site-footer{margin-top:30px;border-top:1px solid var(--line);background:var(--surface)}.footer-cta{transform:translateY(-36px);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 30px;border-radius:19px;background:var(--accent);color:#081007;box-shadow:0 18px 46px rgba(var(--accent-rgb),.12)}.footer-cta .eyebrow{color:#285714}.footer-cta h2{margin:4px 0 0;font-size:1.55rem;line-height:1.14;letter-spacing:-.035em}.footer-grid{display:grid;grid-template-columns:1.4fr .72fr 1.1fr;gap:60px;padding:10px 0 44px}.footer-brand .brand img{width:166px}.footer-brand p{max-width:390px;color:var(--muted);font-size:.8rem;line-height:1.75}.footer-grid h3{margin:5px 0 18px;color:var(--text-strong);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.footer-grid>div:not(.footer-brand)>a{display:block;margin:9px 0;color:var(--muted);font-size:.8rem}.footer-grid>div:not(.footer-brand)>a:hover{color:var(--accent-text)}.footer-contact p,.footer-contact a{display:grid!important;grid-template-columns:18px 1fr;gap:8px;align-items:start}.footer-contact p{margin:9px 0;color:var(--muted);font-size:.78rem}.footer-contact .icon{width:16px;color:var(--accent-text)}.footer-contact strong{display:block;color:var(--text);font-size:.68rem;margin-bottom:2px}.social-row{display:flex;gap:7px;margin-top:18px}.social-row a{width:33px;height:33px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--muted);font-size:.72rem}.social-row a:hover{color:var(--accent-text);border-color:rgba(var(--accent-rgb),.28)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 26px;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.certifications{display:flex;align-items:center;gap:8px}.certifications span{margin-right:4px}.certifications img{width:30px;height:30px;border-radius:6px;object-fit:cover}.whatsapp{position:fixed;z-index:999;right:19px;bottom:19px;width:49px;height:49px;border-radius:50%;background:var(--accent);color:#071006;display:grid;place-items:center;box-shadow:0 12px 35px rgba(var(--accent-rgb),.28);font-weight:900}
/* Responsive */
@media(max-width:1020px){:root{--header-h:72px}.container-wide,.container{width:min(calc(100% - 42px),930px)}.main-nav{gap:18px}.main-nav a{font-size:.71rem}.brand img{width:150px}.nav-cta{display:none}.services-grid{grid-template-columns:repeat(2,1fr)}.industries-grid{grid-template-columns:repeat(4,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.packages-grid{grid-template-columns:repeat(2,1fr)}.packages-grid .package-card:last-child{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}.split{gap:45px}.service-detail-intro{gap:35px}.process-grid{grid-template-columns:repeat(2,1fr)}.quote-layout{grid-template-columns:1fr}.quote-aside{position:static}.page-hero .container{width:min(calc(100% - 42px),930px)}.footer-grid{grid-template-columns:1.2fr .7fr 1fr;gap:35px}}
@media(max-width:820px){.menu-toggle{display:grid}.main-nav{position:fixed;left:21px;right:21px;top:82px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px 13px;border-radius:10px}.main-nav a:after{display:none}.main-nav a:hover,.main-nav a.active{background:var(--surface-2)}.hero{min-height:680px}.hero-content{padding-top:76px}.stats{grid-template-columns:repeat(2,1fr)}.stat+.stat:before{display:none}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.industries-grid{grid-template-columns:repeat(2,1fr)}.split,.split.reverse,.service-detail-intro{grid-template-columns:1fr}.split.reverse>*:first-child,.split.reverse>*:last-child{order:initial}.image-stack{min-height:460px}.contact-cards{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.portfolio-detail-grid{grid-template-columns:repeat(2,1fr)}.service-placeholder-grid{grid-template-columns:repeat(2,1fr)}.service-cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-cta{align-items:flex-start;flex-direction:column}.page-hero{min-height:385px}.page-hero .container{padding:70px 0 54px}.page-hero h1{font-size:clamp(2.55rem,7vw,3.75rem)}}
@media(max-width:600px){.container-wide,.container{width:min(calc(100% - 28px),930px)}.section{padding:74px 0}.section-sm{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:30px}.section-title{font-size:2.05rem}.section-intro{font-size:.9rem}.brand img{width:140px}.nav-shell{height:66px}.theme-toggle,.menu-toggle{width:38px;height:38px}.main-nav{top:74px;left:14px;right:14px}.hero{min-height:635px;padding-top:66px;align-items:flex-end}.hero-media{inset:66px 0 0}.hero-media img{object-position:65% center}.hero:before{inset:66px 0 0;background:linear-gradient(90deg,rgba(2,4,3,.98) 0%,rgba(2,4,3,.92) 64%,rgba(2,4,3,.45) 100%),linear-gradient(180deg,rgba(2,4,3,.02),rgba(2,4,3,.75))}.hero-content{padding:62px 0 82px}.hero-badge{font-size:.59rem}.hero-title{margin-top:17px}.hero-title .base-line{font-size:2.7rem}.hero-title .typing-line{font-size:1.82rem;min-height:2.2em;align-items:flex-start;max-width:92vw}.hero-title .suffix{font-size:1.55rem;max-width:90vw}.hero-actions{margin-top:22px}.hero-actions .button{min-height:43px;font-size:.7rem}.hero-proof{font-size:.67rem;align-items:flex-start}.stats-wrap{margin-top:-32px}.stat{padding:18px 17px}.stat .num{font-size:1.62rem}.stat .label{font-size:.56rem}.services-grid,.portfolio-grid,.packages-grid,.blog-grid,.portfolio-detail-grid{grid-template-columns:1fr;gap:11px;margin-top:30px}.packages-grid .package-card:last-child{grid-column:auto;max-width:none}.service-card{height:285px;padding:21px}.service-card h3{margin-top:31px}.industries-grid{gap:8px;margin-top:28px}.industry-card{height:145px}.image-stack{min-height:365px}.image-main{inset:0 8% 8% 0;border-radius:18px}.image-float{width:46%;height:42%}.portfolio-media{aspect-ratio:1.32/1}.portfolio-copy{min-height:134px;padding:17px}.quote-band{min-height:300px}.quote-band h2{font-size:1.8rem}.clients-wrap{padding:11px}.client-logo{width:128px;height:78px;flex-basis:128px}.package-card{min-height:auto;padding:23px}.policy-card{padding:24px}.form-shell,.quote-form{padding:20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.map-frame{height:320px}.page-hero{min-height:330px;padding-top:66px}.page-hero-media{inset:66px 0 0}.page-hero:before{inset:66px 0 0}.page-hero .container{width:min(calc(100% - 28px),930px);padding:54px 0 42px}.page-hero h1{font-size:2.7rem}.page-hero .crumb{font-size:.65rem}.service-visual{min-height:335px}.service-visual img{inset:22px;width:calc(100% - 44px);height:calc(100% - 44px)}.process-grid{grid-template-columns:1fr;gap:9px}.service-cta{padding:24px}.testimonial-shell{width:min(calc(100% - 28px),860px)}.footer-cta{transform:translateY(-26px);padding:22px;border-radius:16px}.footer-cta h2{font-size:1.3rem}.footer-grid{grid-template-columns:1fr;gap:28px;padding:6px 0 35px}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.whatsapp{width:46px;height:46px;right:13px;bottom:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.typing-caret{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

html[data-theme="light"] .client-logo{border-color:rgba(12,28,17,.08);background:#fff}

.service-placeholder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.placeholder-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.placeholder-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(var(--accent-rgb),.10);color:var(--accent-text)}
.placeholder-card h3{margin:18px 0 8px;color:var(--text-strong);font-size:1rem;line-height:1.3}
.placeholder-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}
.ceo-signoff{display:flex;flex-direction:column;gap:2px;margin:18px 0 16px}
.ceo-signoff strong{color:var(--text-strong);font-size:.95rem;letter-spacing:-.01em}
.ceo-signoff span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.09em}
.whatsapp .icon{width:24px;height:24px}

/* =========================================================
   Fedi Tech V3 — Final visual correction pass (2026-08-24)
   ========================================================= */

/* Standard typography + cleaner small labels */
h1,h2,h3,h4,.button,.nav-cta,.main-nav a{font-family:var(--font)}
.section-label:before{display:none!important;content:none!important}
.section-label,.eyebrow,.mini-kicker{gap:0;letter-spacing:.115em}

/* Header logo: standard agency proportion */
.brand img{width:148px!important;max-height:46px;object-fit:contain}
.footer-brand .brand img{width:158px!important;max-height:52px}

/* Home hero: balanced hierarchy, no oversized BEST */
.hero-title{max-width:690px;line-height:1}
.hero-title .base-line{font-size:clamp(2.65rem,3.8vw,3.55rem)!important;line-height:.98}
.hero-title .typing-line{font-size:clamp(2.15rem,3.25vw,3rem)!important;min-height:1.25em;margin:7px 0 8px;line-height:1.04}
.hero-title .suffix{font-size:clamp(1.72rem,2.45vw,2.2rem)!important;line-height:1.08}
.hero-actions .button{font-family:var(--font);font-weight:800}

/* Service cards: names become the clear focal point */
.service-card{height:320px;padding:25px 24px 24px}
.service-card h3{margin:27px 0 10px!important;max-width:94%;font-size:1.22rem!important;font-weight:800!important;line-height:1.14!important;letter-spacing:-.03em!important;color:var(--text-strong)!important}
.service-card:nth-child(1) h3,.service-card:nth-child(5) h3{color:#baf58d!important}
.service-card:nth-child(2) h3,.service-card:nth-child(6) h3{color:#e6ffd5!important}
.service-card:nth-child(3) h3,.service-card:nth-child(7) h3{color:#9fe86f!important}
.service-card:nth-child(4) h3,.service-card:nth-child(8) h3{color:#d7ffc0!important}
html[data-theme="light"] .service-card h3{color:#122015!important}
html[data-theme="light"] .service-card:nth-child(1) h3,html[data-theme="light"] .service-card:nth-child(5) h3{color:#337d16!important}
html[data-theme="light"] .service-card:nth-child(2) h3,html[data-theme="light"] .service-card:nth-child(6) h3{color:#25680e!important}
html[data-theme="light"] .service-card:nth-child(3) h3,html[data-theme="light"] .service-card:nth-child(7) h3{color:#4c8c24!important}
html[data-theme="light"] .service-card:nth-child(4) h3,html[data-theme="light"] .service-card:nth-child(8) h3{color:#2d7312!important}

/* Dedicated portfolio thumbnails: all six source cards share nearly the same portrait ratio */
.portfolio-media{aspect-ratio:.87/1!important;padding:0!important;background:#090c0a!important}
.portfolio-media img,.portfolio-card>img{width:100%;height:100%;object-fit:cover!important;object-position:center!important;border-radius:0!important}
.portfolio-card>img{aspect-ratio:.87/1!important;padding:0!important}
.portfolio-copy{min-height:144px}

/* Full portfolio pages: never show broken/cropped media */
.portfolio-work .image-link{height:300px;aspect-ratio:auto!important;padding:12px!important;background:#090c0a!important}
.portfolio-work .image-link img{width:100%;height:100%;object-fit:contain!important;object-position:center!important}
html[data-theme="light"] .portfolio-work .image-link{background:#eef2ed!important}

/* Client carousel: manual arrows only, no visible scroll rail */
.clients-wrap{position:relative;padding:18px 58px!important;overflow:hidden}
.clients-viewport{overflow:hidden!important;scrollbar-width:none!important;scroll-behavior:smooth}
.clients-track{gap:12px}
.client-logo{width:146px!important;height:92px!important;flex:0 0 146px!important;background:#fff!important;padding:14px!important;border:1px solid rgba(255,255,255,.08)!important}
.client-logo img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;background:var(--card);box-shadow:0 8px 24px rgba(0,0,0,.16)}
.carousel-prev{left:12px}.carousel-next{right:12px}
.carousel-btn:disabled{opacity:.28;cursor:not-allowed}

/* Packages: easy-to-read price block */
.package-card{padding:29px!important;min-height:435px}
.package-card h3{font-size:1.3rem;line-height:1.16}
.package-price{display:block!important;margin-top:10px;line-height:1.05!important}
.package-price strong{display:block;font-size:1.82rem;font-weight:820;color:var(--text-strong);letter-spacing:-.035em}
.package-price small{display:block;margin-top:8px;font-size:.72rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase;color:var(--muted)!important}
.package-card p{line-height:1.65}
.package-features li{line-height:1.5}

/* Team quote banner: proper photo composition and compact heading */
.quote-band{min-height:350px;margin:12px 0;background:#050706}
.quote-band .bg img{object-fit:cover!important;object-position:center 45%!important;filter:saturate(.82) contrast(1.06)!important}
.quote-band:before{background:linear-gradient(90deg,rgba(3,5,4,.88),rgba(3,5,4,.58) 50%,rgba(3,5,4,.86)),radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.16),transparent 45%)!important}
.quote-band h2{max-width:880px;font-size:clamp(1.8rem,3.5vw,3.2rem)!important;line-height:1.04!important;letter-spacing:-.045em!important;text-transform:none!important}

/* Homepage contact: both sides align as one system */
.contact-home-grid{align-items:stretch!important;gap:26px!important}
.contact-home-copy{display:flex;flex-direction:column;justify-content:center;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,var(--card),var(--surface))}
#contact-home .form-shell{height:100%;box-shadow:none}

/* Contact page: balanced intro + no awkward final-word wrap on desktop */
.contact-main-heading{max-width:none!important;font-size:clamp(2rem,3.15vw,2.85rem)!important;white-space:nowrap}
.contact-enquiry-grid{align-items:stretch!important;gap:28px!important}
.contact-enquiry-copy{display:flex;flex-direction:column;justify-content:center;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,var(--card),var(--surface))}
.contact-enquiry-cta{align-self:flex-start;margin-top:25px!important}

/* Inner page banners: return to the cleaner V3 split-image + orbit treatment */
.page-hero{min-height:420px;background:var(--surface);border-bottom:1px solid var(--line)}
.page-hero-media{inset:var(--header-h) 0 0 auto!important;width:52%!important;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 33%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 33%)}
.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.73;filter:saturate(.82) contrast(1.04)}
.page-hero:before{inset:var(--header-h) 0 0!important;background:linear-gradient(104deg,var(--bg) 0%,var(--bg) 48%,rgba(5,7,6,.78) 67%,rgba(5,7,6,.16) 100%)!important}
html[data-theme="light"] .page-hero:before{background:linear-gradient(104deg,var(--bg) 0%,var(--bg) 49%,rgba(246,248,245,.77) 67%,rgba(246,248,245,.16) 100%)!important}
.page-hero:after{right:7%!important;top:122px!important;bottom:auto!important;width:235px!important;height:235px!important;border-radius:50%!important;background:transparent!important;border:1px solid rgba(215,178,85,.28)!important;box-shadow:0 0 0 42px rgba(215,178,85,.035),0 0 0 84px rgba(215,178,85,.018)!important}
.page-hero .container{padding:76px 0 62px!important}
.page-hero h1{font-size:clamp(2.7rem,4.3vw,4rem)!important;line-height:.98!important;letter-spacing:-.052em!important}
.page-hero[data-variant="contact"] .page-hero-media{width:48%!important}
.page-hero[data-variant="contact"] .page-hero-media img{object-position:center 58%}
.page-hero[data-variant="about"] .page-hero-media{width:48%!important}
.page-hero[data-variant="about"] .page-hero-media img{object-position:center 50%}
.page-hero[data-variant="faq"]:after{border-color:rgba(var(--accent-rgb),.18)!important;box-shadow:none!important}

/* Footer CTA: one clean, separated band — not stuck to footer content */
.site-footer{margin-top:48px;padding-top:0}
.footer-discuss-wrap{padding-top:52px!important;padding-bottom:44px!important}
.footer-discuss-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border-radius:20px;background:linear-gradient(100deg,var(--accent),#a4f36f);color:#091007;box-shadow:0 16px 40px rgba(var(--accent-rgb),.13)}
.footer-discuss-kicker{display:block;margin-bottom:6px;font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#2e6317}
.footer-discuss-cta h2{margin:0;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.08;letter-spacing:-.035em;color:#091007}
.footer-discuss-cta p{margin:8px 0 0;font-size:.82rem;color:#2d4a25}
.footer-discuss-cta .button{background:#081008;color:#fff;border-color:#081008}
.footer-discuss-cta .button-secondary{background:transparent;color:#081008;border-color:rgba(8,16,8,.28)}
.footer-grid{padding-top:0!important}

/* About page SEO/AEO cards */
.about-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.about-info-card{padding:27px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.about-info-card>span{display:block;color:var(--accent-text);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.about-info-card>strong{display:block;margin:7px 0 14px;color:var(--text-strong);font-size:2.1rem;line-height:1;letter-spacing:-.05em}
.about-info-card h3{margin:0 0 9px;color:var(--text-strong);font-size:1rem;line-height:1.3}
.about-info-card p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.7}
.about-answer-title{margin:17px 0 10px;color:var(--text-strong);font-size:1.55rem;line-height:1.18;letter-spacing:-.035em}

/* Package checkout */
.package-checkout-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:30px;align-items:start}
.checkout-step-head{margin-bottom:22px}.checkout-step-head h2{margin:9px 0 6px;color:var(--text-strong);font-size:2rem;letter-spacing:-.04em}.checkout-step-head p{margin:0;color:var(--muted)}
.checkout-form{padding:30px}
.payment-panel{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.payment-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.payment-panel-head h3{margin:7px 0 0;color:var(--text-strong);font-size:1.15rem}.payment-secure{padding:6px 9px;border-radius:999px;background:rgba(var(--accent-rgb),.1);color:var(--accent-text);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.payment-panel>p{color:var(--muted);font-size:.84rem;line-height:1.7}
.bank-transfer-grid{display:grid;grid-template-columns:1fr 210px;gap:18px;margin-top:18px}.bank-details{display:grid;gap:9px}.bank-details>div{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.bank-details span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.bank-details strong{display:block;margin-top:3px;color:var(--text-strong);font-size:.87rem;overflow-wrap:anywhere}
.qr-box{min-height:210px;border:1px dashed var(--line-strong);border-radius:14px;background:#fff;display:grid;place-items:center;padding:12px}.qr-box img{max-width:100%;max-height:190px;object-fit:contain}.qr-placeholder{text-align:center;color:#1b231d}.qr-placeholder strong,.qr-placeholder span,.qr-placeholder code{display:block}.qr-placeholder strong{font-size:1.1rem}.qr-placeholder span{margin-top:8px;font-size:.72rem}.qr-placeholder code{margin-top:7px;font-size:.66rem;overflow-wrap:anywhere}
.payment-reference{margin-top:18px}.checkout-submit{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}
.checkout-summary{position:sticky;top:100px}.checkout-summary-card{margin:16px 0;padding:28px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:20px;background:linear-gradient(155deg,var(--card),var(--surface));box-shadow:var(--shadow-soft)}.checkout-summary-card h2{margin:8px 0 4px;color:var(--text-strong);font-size:1.55rem}.checkout-price{margin-top:14px;color:var(--text-strong);font-size:2rem;font-weight:820;letter-spacing:-.045em}.checkout-price-note{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.checkout-summary-card>p{color:var(--muted);font-size:.84rem;line-height:1.65}.checkout-summary-card ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:11px}.checkout-summary-card li{display:grid;grid-template-columns:18px 1fr;gap:9px;color:var(--text);font-size:.82rem}.checkout-summary-card li .icon{width:16px;color:var(--accent-text)}.summary-note{padding-top:18px;border-top:1px solid var(--line)}.summary-note strong,.summary-note span{display:block}.summary-note strong{color:var(--text-strong);font-size:.8rem}.summary-note span{margin-top:5px;color:var(--muted);font-size:.76rem;line-height:1.6}

@media(max-width:1020px){
  .brand img{width:138px!important}.footer-brand .brand img{width:150px!important}
  .package-checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}
  .contact-main-heading{white-space:normal}
}
@media(max-width:820px){
  .footer-discuss-cta{flex-direction:column;align-items:flex-start}
  .about-info-grid{grid-template-columns:1fr 1fr}
  .clients-wrap{padding:18px 52px!important}
  .page-hero-media{width:62%!important;opacity:.58}
}
@media(max-width:600px){
  .brand img{width:126px!important;max-height:40px}.footer-brand .brand img{width:145px!important}
  .hero-title .base-line{font-size:2.35rem!important}.hero-title .typing-line{font-size:1.75rem!important;min-height:2.1em}.hero-title .suffix{font-size:1.45rem!important}
  .service-card{height:auto;min-height:288px}.service-card h3{font-size:1.12rem!important}
  .portfolio-media{aspect-ratio:.87/1!important}.portfolio-work .image-link{height:270px}
  .client-logo{width:132px!important;height:82px!important;flex-basis:132px!important}.clients-wrap{padding:14px 48px!important}.carousel-prev{left:8px}.carousel-next{right:8px}
  .quote-band{min-height:310px}.quote-band h2{font-size:1.8rem!important}
  .contact-home-copy,.contact-enquiry-copy{padding:23px}.contact-main-heading{white-space:normal!important;font-size:2rem!important}
  .page-hero{min-height:335px}.page-hero-media{width:75%!important}.page-hero .container{padding:55px 0 44px!important}.page-hero h1{font-size:2.65rem!important}.page-hero:after{width:175px!important;height:175px!important;right:-24px!important;top:118px!important;box-shadow:0 0 0 28px rgba(215,178,85,.03),0 0 0 56px rgba(215,178,85,.015)!important}
  .footer-discuss-wrap{padding-top:38px!important;padding-bottom:34px!important}.footer-discuss-cta{padding:24px 22px}.footer-discuss-cta .service-cta-actions{width:100%}.footer-discuss-cta .button{min-width:0;flex:1}
  .about-info-grid{grid-template-columns:1fr}.bank-transfer-grid{grid-template-columns:1fr}.qr-box{min-height:190px}.checkout-form{padding:20px}
}
.about-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.about-faq-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.about-faq-card h3{margin:0 0 10px;color:var(--text-strong);font-size:1rem;line-height:1.3}.about-faq-card p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.7}@media(max-width:820px){.about-faq-grid{grid-template-columns:1fr}} 


/* --- Final refinement adjustments --- */
.container-wide{width:min(calc(100% - 40px),1280px)}
.container{width:min(calc(100% - 40px),980px)}
.nav-shell{gap:22px}
.brand img{width:205px}
.main-nav{gap:24px}
.main-nav a{font-size:.88rem}
.footer-brand .brand img{width:198px}
.policy-card{background:linear-gradient(155deg,var(--card),var(--surface-2))}
.image-stack-single{min-height:440px}
.image-stack-single .image-main{inset:0;border-radius:26px}
.image-stack-single .image-main img{width:100%;height:100%;object-fit:cover;object-position:center}
.clients-section .section-intro{max-width:540px}
.clients-wrap{position:relative;padding:18px 64px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(14,19,16,.92),rgba(10,13,11,.86))}
.clients-viewport{overflow:hidden}
.clients-track{display:flex;gap:28px;align-items:center;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.clients-track::-webkit-scrollbar{display:none}
.client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 138px;width:138px;height:138px}
.client-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 10px 25px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08)}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:rgba(11,15,13,.96);color:var(--text-strong);display:grid;place-items:center;cursor:pointer;z-index:2}
.carousel-btn .icon{width:18px;height:18px}
.carousel-prev{left:12px}.carousel-next{right:12px}
.carousel-btn:hover{border-color:rgba(var(--accent-rgb),.42);color:var(--accent)}
.why-fedi-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,var(--card),var(--surface))}
.why-fedi-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.why-fedi-tab{min-height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:12px;background:transparent;color:var(--text-strong);font-size:.92rem;font-weight:700;cursor:pointer;transition:.2s ease}
.why-fedi-tab:hover,.why-fedi-tab.active{background:var(--accent);border-color:var(--accent);color:#091007;box-shadow:0 12px 28px rgba(var(--accent-rgb),.16)}
.why-fedi-panel{color:var(--text);font-size:1.03rem;line-height:1.8}
.why-fedi-panel ol{margin:0;padding-left:24px;display:grid;gap:12px}
.why-fedi-panel li{padding-left:4px}
.page-hero:after{border-color:rgba(var(--accent-rgb),.22)!important;box-shadow:0 0 0 42px rgba(var(--accent-rgb),.05),0 0 0 84px rgba(var(--accent-rgb),.018)!important}
.page-hero[data-variant="contact"]{min-height:380px;background:radial-gradient(circle at 82% 42%,rgba(var(--accent-rgb),.16),transparent 22%),var(--surface)}
.page-hero[data-variant="contact"]:before{background:linear-gradient(104deg,var(--bg) 0%,var(--bg) 58%,rgba(5,7,6,.93) 78%,rgba(5,7,6,.82) 100%)!important}
.page-hero[data-variant="contact"]:after{right:7%!important;top:132px!important;width:250px!important;height:250px!important;border-color:rgba(var(--accent-rgb),.32)!important;box-shadow:0 0 0 42px rgba(var(--accent-rgb),.06),0 0 0 84px rgba(var(--accent-rgb),.02)!important}
.page-hero[data-variant="contact"] .container{padding-bottom:56px!important}
.social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.social-row a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--text-strong);transition:.2s ease}
.social-row a:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.4);color:var(--accent);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.social-row a .icon{width:18px;height:18px}
.social-letter{font-weight:800;font-size:.95rem;line-height:1}
.certifications img{max-height:42px;width:auto;object-fit:contain;border-radius:8px;background:#fff;padding:6px}
.whatsapp{display:grid;place-items:center;background:linear-gradient(135deg,#1aae54,#34d16f);color:#fff;box-shadow:0 16px 34px rgba(26,174,84,.35)}
.whatsapp .icon{width:22px;height:22px}
@media(max-width:1020px){.brand img{width:186px}.footer-brand .brand img{width:182px}.client-logo{flex-basis:120px;width:120px;height:120px}}
@media(max-width:820px){.container-wide{width:min(calc(100% - 30px),1280px)}.hero{min-height:660px}.hero-content{padding-top:54px}.clients-wrap{padding:18px 54px}.client-logo{flex-basis:108px;width:108px;height:108px}}
@media(max-width:600px){.container-wide,.container{width:min(calc(100% - 22px),980px)}.brand img{width:164px}.footer-brand .brand img{width:168px}.hero{min-height:620px;align-items:flex-start}.hero-content{padding:34px 0 108px}.hero-title .base-line{font-size:2.85rem}.hero-title .typing-line{font-size:1.95rem}.hero-title .suffix{font-size:1.62rem}.hero-proof{margin-top:24px}.why-fedi-card{padding:22px}.why-fedi-panel{font-size:.96rem}.clients-wrap{padding:14px 44px}.carousel-btn{width:36px;height:36px}.carousel-prev{left:4px}.carousel-next{right:4px}.client-logo{flex-basis:88px;width:88px;height:88px}.page-hero[data-variant="contact"]:after{right:-14px!important;top:126px!important;width:170px!important;height:170px!important}}


/* ===== Final refinement patch v5 ===== */
.container-wide{width:min(calc(100% - 30px),1380px)!important}
.container{width:min(calc(100% - 30px),1200px)!important}
.nav-shell{gap:22px!important}
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center;line-height:0}
.site-header .brand img{width:212px!important;height:auto!important;display:block}
.site-footer .footer-brand .brand img{width:205px!important;height:auto!important;display:block}
.main-nav{gap:8px!important}
.main-nav a{font-size:.96rem!important}
.nav-cta{min-height:44px!important;padding:0 22px!important}
.hero{min-height:730px!important}
.hero-content{padding-top:92px!important;padding-bottom:132px!important}
.hero-proof{margin-top:20px!important}
.stats-wrap{margin-top:-52px!important}
.image-main-beyond{inset:0!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(16,25,19,.96),rgba(9,14,11,.98))!important;box-shadow:0 30px 70px rgba(0,0,0,.22)!important}
.image-main-beyond img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:.96!important;filter:saturate(.98) contrast(1.03)!important}
.split{align-items:center!important}
.clients-section .section-title{max-width:680px}
.clients-wrap{padding:16px 60px!important;border-radius:28px!important}
.clients-viewport{overflow:hidden!important}
.clients-track{display:flex!important;align-items:center!important;gap:26px!important;padding:8px 0!important}
.client-logo,.client-logo-circle{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;flex:0 0 140px!important;width:140px!important;height:88px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.client-logo img,.client-logo-circle img{width:100%!important;height:100%!important;object-fit:contain!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.carousel-btn{background:rgba(10,15,12,.88)!important;border:1px solid rgba(255,255,255,.08)!important}
.carousel-btn[disabled]{opacity:.45!important}
.why-fedi-card{padding:34px!important}
.why-fedi-tabs{gap:12px!important}
.why-fedi-tab{min-height:48px!important;padding:0 22px!important;border-radius:14px!important;background:#fff!important;color:#081007!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
.why-fedi-tab.active,.why-fedi-tab:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#091007!important;box-shadow:0 16px 34px rgba(var(--accent-rgb),.18)!important}
.why-fedi-panel{display:none}
.why-fedi-panel.active{display:block}
.page-hero{background:radial-gradient(circle at 82% 42%,rgba(var(--accent-rgb),.11),transparent 25%),var(--surface)!important}
.page-hero:before{background:linear-gradient(104deg,var(--bg) 0%,var(--bg) 54%,rgba(5,7,6,.92) 78%,rgba(5,7,6,.7) 100%)!important}
.page-hero:after{border-color:rgba(var(--accent-rgb),.34)!important;box-shadow:0 0 0 42px rgba(var(--accent-rgb),.06),0 0 0 84px rgba(var(--accent-rgb),.024)!important;background:transparent!important}
.page-hero-media{width:50%!important;mask-image:linear-gradient(90deg,transparent 0,#000 28%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%)!important}
.page-hero-media img{opacity:.74!important;filter:saturate(.95) contrast(1.02)!important}
.page-hero[data-variant="contact"] .page-hero-media img{object-position:center center!important}
.page-hero[data-variant="service"] .page-hero-media img{object-position:center center!important}
.contact-main-heading{max-width:680px}
.contact-enquiry-grid,.contact-home-grid{align-items:start!important}
.policy-card{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.whatsapp{width:54px!important;height:54px!important;right:18px!important;bottom:18px!important;background:linear-gradient(135deg,#16a34a,#2fdf75)!important}
.whatsapp .icon{width:24px!important;height:24px!important;stroke-width:2.1!important}
@media (max-width:1020px){
  .container-wide{width:min(calc(100% - 24px),1380px)!important}
  .site-header .brand img{width:196px!important}
  .site-footer .footer-brand .brand img{width:192px!important}
  .hero{min-height:700px!important}
  .hero-content{padding-top:74px!important;padding-bottom:122px!important}
  .clients-wrap{padding:16px 48px!important}
  .client-logo,.client-logo-circle{flex-basis:124px!important;width:124px!important;height:80px!important}
}
@media (max-width:820px){
  .container-wide,.container{width:min(calc(100% - 22px),1380px)!important}
  .site-header .brand img{width:184px!important}
  .hero{min-height:680px!important;align-items:flex-start!important}
  .hero-content{padding-top:42px!important;padding-bottom:116px!important}
  .stats-wrap{margin-top:-34px!important}
  .clients-wrap{padding:14px 44px!important}
  .client-logo,.client-logo-circle{flex-basis:108px!important;width:108px!important;height:72px!important}
  .page-hero-media{width:62%!important;opacity:.78!important}
}
@media (max-width:600px){
  .container-wide,.container{width:min(calc(100% - 18px),1380px)!important}
  .site-header .brand img{width:170px!important}
  .site-footer .footer-brand .brand img{width:174px!important}
  .nav-shell{height:72px!important}
  .main-nav{top:78px!important;left:9px!important;right:9px!important}
  .hero{min-height:660px!important;padding-top:72px!important}
  .hero-media{inset:72px 0 0!important}
  .hero:before{inset:72px 0 0!important}
  .hero-content{padding:28px 0 108px!important}
  .hero-title .base-line{font-size:2.82rem!important}
  .hero-title .typing-line{font-size:1.92rem!important;min-height:2em!important}
  .hero-title .suffix{font-size:1.58rem!important}
  .hero-actions{gap:10px!important}
  .stats-wrap{margin-top:-22px!important}
  .why-fedi-card{padding:22px!important}
  .why-fedi-tab{min-height:44px!important;padding:0 16px!important}
  .clients-wrap{padding:12px 40px!important}
  .client-logo,.client-logo-circle{flex-basis:90px!important;width:90px!important;height:64px!important}
  .page-hero{min-height:345px!important}
  .page-hero .container{padding:58px 0 44px!important}
  .page-hero h1{font-size:2.7rem!important}
  .page-hero:after{width:175px!important;height:175px!important;right:-18px!important;top:124px!important;box-shadow:0 0 0 28px rgba(var(--accent-rgb),.06),0 0 0 56px rgba(var(--accent-rgb),.02)!important}
  .page-hero-media{width:76%!important}
}


/* ===== Focused header / hero / WhatsApp / beyond fix ===== */
.brand-logo-light,.brand-logo-dark{display:none!important}
.site-header .brand img,.site-footer .brand img{display:block!important}
.container-wide{width:min(calc(100% - 20px),1400px)!important}
.container{width:min(calc(100% - 20px),1220px)!important}
.nav-shell{gap:18px!important}
.site-header .brand img{width:182px!important;height:auto!important}
.site-footer .footer-brand .brand img{width:176px!important;height:auto!important}
.main-nav{gap:18px!important}
.main-nav a{padding:26px 0 24px!important;font-size:.88rem!important}
.hero{min-height:700px!important}
.hero-content{padding-top:52px!important;padding-bottom:96px!important}
.hero-badge{margin-top:0!important}
.hero-actions{margin-top:22px!important}
.hero-proof{margin-top:18px!important}
.hero-title{margin-top:14px!important}
.image-main-beyond img{image-rendering:auto!important;object-fit:cover!important;object-position:center center!important}
.whatsapp{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#7ee63f,#51d13b)!important}
.whatsapp img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important;filter:none!important}
@media (max-width:1020px){
  .site-header .brand img{width:174px!important}
  .site-footer .footer-brand .brand img{width:168px!important}
  .main-nav{gap:14px!important}
  .hero-content{padding-top:36px!important;padding-bottom:92px!important}
}
@media (max-width:820px){
  .container-wide,.container{width:min(calc(100% - 16px),1400px)!important}
  .site-header .brand img{width:164px!important}
  .hero{min-height:650px!important;padding-top:72px!important}
  .hero-media{inset:72px 0 0!important}
  .hero:before{inset:72px 0 0!important}
  .hero-content{padding-top:20px!important;padding-bottom:88px!important}
}
@media (max-width:600px){
  .container-wide,.container{width:min(calc(100% - 14px),1400px)!important}
  .nav-shell{height:70px!important}
  .site-header .brand img{width:158px!important}
  .site-footer .footer-brand .brand img{width:160px!important}
  .main-nav{top:74px!important;left:7px!important;right:7px!important}
  .hero{min-height:620px!important;padding-top:70px!important}
  .hero-media{inset:70px 0 0!important}
  .hero:before{inset:70px 0 0!important}
  .hero-content{padding-top:10px!important;padding-bottom:82px!important}
  .hero-title .base-line{font-size:2.6rem!important}
  .hero-title .typing-line{font-size:1.78rem!important;min-height:1.8em!important}
  .hero-title .suffix{font-size:1.48rem!important}
  .whatsapp{width:50px!important;height:50px!important;right:14px!important;bottom:14px!important}
  .whatsapp img{width:22px!important;height:22px!important}
}

/* ===== FINAL round-4 fixes: header/logo spacing, hero gap, beyond image, whatsapp ===== */
.site-header .brand img + img{display:none!important}
.site-header .brand{overflow:hidden!important}
.site-header .brand img{width:194px!important;height:auto!important;display:block!important}
.site-footer .footer-brand .brand img{width:188px!important;height:auto!important;display:block!important}
.nav-shell{gap:18px!important}
.main-nav{gap:24px!important}
.main-nav a{font-size:.84rem!important;padding:28px 0 25px!important}

/* Reduce the big blank hero area and keep clean spacing under header */
.hero{min-height:680px!important;align-items:flex-start!important}
.hero-content{padding-top:18px!important;padding-bottom:92px!important}
.hero-badge{margin-top:0!important}
.hero-title{margin-top:16px!important;max-width:700px!important}
.hero-actions{margin-top:24px!important}
.hero-proof{margin-top:20px!important}

/* Beyond section: use uploaded PNG neatly with theme-aware backdrop */
.image-stack-single{align-items:stretch!important}
.image-main-beyond{position:relative!important;min-height:460px!important;border:1px solid var(--line)!important;border-radius:28px!important;padding:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffff!important;overflow:hidden!important}
html[data-theme="light"] .image-main-beyond{background:#080b09!important}
.image-main-beyond img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;opacity:1!important;filter:none!important}

/* WhatsApp icon from uploaded asset */
.whatsapp{width:54px!important;height:54px!important;right:18px!important;bottom:18px!important;background:linear-gradient(135deg,#8df14c,#54d83c)!important;border:1px solid rgba(255,255,255,.12)!important;display:grid!important;place-items:center!important}
.whatsapp img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important}

@media (max-width:1020px){
  .site-header .brand img{width:186px!important}
  .site-footer .footer-brand .brand img{width:180px!important}
  .hero{min-height:650px!important}
  .hero-content{padding-top:12px!important;padding-bottom:88px!important}
  .image-main-beyond{min-height:400px!important;padding:20px!important}
}
@media (max-width:820px){
  .site-header .brand img{width:178px!important}
  .container-wide,.container{width:min(calc(100% - 18px),1380px)!important}
  .hero{min-height:620px!important;padding-top:var(--header-h)!important}
  .hero-content{padding-top:8px!important;padding-bottom:86px!important}
  .image-main-beyond{min-height:360px!important}
}
@media (max-width:600px){
  .site-header .brand img{width:174px!important}
  .site-footer .footer-brand .brand img{width:170px!important}
  .nav-shell{height:72px!important}
  .hero{min-height:590px!important}
  .hero-content{padding-top:2px!important;padding-bottom:82px!important}
  .hero-title .base-line{font-size:2.58rem!important}
  .hero-title .typing-line{font-size:1.96rem!important;min-height:1.7em!important}
  .hero-title .suffix{font-size:1.55rem!important}
  .hero-proof{font-size:.76rem!important}
  .whatsapp{width:52px!important;height:52px!important;right:14px!important;bottom:14px!important}
  .whatsapp img{width:23px!important;height:23px!important}
  .image-main-beyond{min-height:310px!important;padding:14px!important}
}

/* ===== FINAL visual alignment v8 ===== */
/* Single theme-aware brand logo: no duplicate image, text swaps white/black with theme. */
.brand-theme-logo{display:block!important;object-fit:contain!important}
.site-header .brand{display:flex!important;align-items:center!important;overflow:visible!important}
.site-header .brand-theme-logo{width:154px!important;height:auto!important}
.site-footer .footer-brand .brand-theme-logo{width:170px!important;height:auto!important}

/* Match the supplied header/hero framing: comfortable header, no oversized blank band. */
:root{--header-h:76px!important}
.nav-shell{height:76px!important;gap:20px!important}
.main-nav{gap:28px!important}
.main-nav a{padding:27px 0 25px!important;font-size:.84rem!important;font-weight:760!important}
.theme-toggle{width:42px!important;height:42px!important}
.nav-cta{min-height:44px!important;padding:0 20px!important}
#home.hero{min-height:630px!important;padding-top:76px!important;align-items:flex-start!important}
#home .hero-media{inset:76px 0 0!important}
#home.hero:before{inset:76px 0 0!important}
#home .hero-content{width:min(calc(100% - 62px),1380px)!important;padding:70px 0 60px!important;margin-inline:auto!important}
#home .hero-badge{margin:0!important}
#home .hero-title{margin-top:22px!important;max-width:690px!important}
#home .hero-title .base-line{font-size:clamp(3.35rem,4.4vw,4rem)!important}
#home .hero-title .typing-line{font-size:clamp(2.65rem,3.5vw,3.25rem)!important;min-height:1.28em!important;margin:8px 0!important}
#home .hero-title .suffix{font-size:clamp(2.2rem,2.9vw,2.65rem)!important}
#home .hero-actions{margin-top:28px!important}
#home .hero-proof{margin-top:24px!important}

/* Supplied Beyond Delivery composition: image and copy aligned inside one clean frame. */
#home + .stats-wrap{} /* no visual rule; keeps selector boundary explicit */
.image-stack-single{min-height:415px!important}
.image-main-beyond{inset:0!important;min-height:415px!important;padding:24px!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;overflow:hidden!important}
html[data-theme="light"] .image-main-beyond{background:#070907!important}
.image-main-beyond img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;opacity:1!important;filter:none!important}

/* Contact block aligned exactly as two equal-height panels; no guide/annotation lines are added. */
#contact-home .container-wide{width:min(calc(100% - 16px),1380px)!important}
#contact-home .contact-home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:26px!important;align-items:stretch!important}
#contact-home .contact-home-copy,#contact-home .form-shell{height:100%!important;min-height:470px!important}
#contact-home .contact-home-copy{justify-content:center!important;padding:34px!important}
#contact-home .form-shell{padding:28px!important}

/* Preserve the uploaded WhatsApp artwork cleanly. */
.whatsapp img{width:24px!important;height:24px!important;object-fit:contain!important;display:block!important}

/* Blog thumbnail safety: fixed visual frame even while fallback image loads. */
.blog-image{background:var(--surface)!important}
.blog-image img{display:block!important;min-width:100%!important;min-height:100%!important}

@media(max-width:1020px){
  .site-header .brand-theme-logo{width:148px!important}
  .site-footer .footer-brand .brand-theme-logo{width:164px!important}
  .main-nav{gap:18px!important}
  #home .hero-content{width:min(calc(100% - 40px),1380px)!important;padding-top:58px!important}
}
@media(max-width:820px){
  :root{--header-h:72px!important}
  .nav-shell{height:72px!important}
  .site-header .brand-theme-logo{width:142px!important}
  .main-nav{top:78px!important}
  #home.hero{min-height:620px!important;padding-top:72px!important}
  #home .hero-media{inset:72px 0 0!important}
  #home.hero:before{inset:72px 0 0!important}
  #home .hero-content{width:min(calc(100% - 28px),1380px)!important;padding:44px 0 72px!important}
  #contact-home .contact-home-grid{grid-template-columns:1fr!important}
  #contact-home .contact-home-copy,#contact-home .form-shell{min-height:auto!important}
}
@media(max-width:600px){
  .site-header .brand-theme-logo{width:138px!important}
  .site-footer .footer-brand .brand-theme-logo{width:156px!important}
  #home.hero{min-height:600px!important}
  #home .hero-content{width:min(calc(100% - 22px),1380px)!important;padding:34px 0 68px!important}
  #home .hero-title{margin-top:18px!important}
  #home .hero-title .base-line{font-size:2.65rem!important}
  #home .hero-title .typing-line{font-size:1.9rem!important;min-height:1.8em!important}
  #home .hero-title .suffix{font-size:1.55rem!important}
  #home .hero-actions{margin-top:22px!important}
  #home .hero-proof{margin-top:20px!important}
  .image-stack-single,.image-main-beyond{min-height:310px!important}
  .image-main-beyond{padding:14px!important}
  #contact-home .container-wide{width:min(calc(100% - 12px),1380px)!important}
  #contact-home .contact-home-grid{gap:12px!important}
  #contact-home .contact-home-copy,#contact-home .form-shell{padding:22px!important}
}

/* ===== FINAL FIX v9: client assets, light-theme arrows, Beyond alignment ===== */
/* Client logos: direct artwork, no card/background around individual logos. */
.clients-wrap{position:relative!important;overflow:hidden!important}
.clients-viewport{overflow:hidden!important}
.clients-track{display:flex!important;align-items:center!important;gap:30px!important;width:max-content!important}
.client-logo,.client-logo-circle{
  flex:0 0 132px!important;width:132px!important;height:92px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.client-logo img,.client-logo-circle img{
  display:block!important;max-width:118px!important;max-height:82px!important;
  width:auto!important;height:auto!important;object-fit:contain!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html[data-theme="light"] .client-logo,html[data-theme="light"] .client-logo-circle{background:transparent!important;border:0!important}

/* All arrow icons stay visible when the light theme is active. */
html[data-theme="light"] .carousel-btn{
  background:#ffffff!important;color:#132018!important;
  border-color:rgba(18,40,24,.18)!important;box-shadow:0 8px 22px rgba(18,40,24,.08)!important;
}
html[data-theme="light"] .carousel-btn:hover{color:#2f7c16!important;border-color:rgba(var(--accent-rgb),.55)!important}
html[data-theme="light"] .carousel-btn .icon,
html[data-theme="light"] .button-secondary .icon,
html[data-theme="light"] .text-link .icon,
html[data-theme="light"] .service-link .icon{
  color:currentColor!important;stroke:currentColor!important;
}
html[data-theme="light"] .button-secondary{color:#142018!important;border-color:rgba(18,40,24,.22)!important}
html[data-theme="light"] .text-link{color:#142018!important}
html[data-theme="light"] .service-link{color:#2f7517!important}

/* Beyond Delivery: fixed editorial frame matching the supplied UI proportions. */
.beyond-section{padding:90px 0!important}
.beyond-layout{
  width:min(calc(100% - 48px),1180px);margin-inline:auto;
  display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);
  gap:66px;align-items:center;
}
.beyond-layout .image-stack-single{min-height:0!important;height:auto!important}
.beyond-layout .image-main-beyond{
  position:relative!important;inset:auto!important;width:100%!important;
  aspect-ratio:1/1!important;min-height:0!important;height:auto!important;
  padding:22px!important;border-radius:22px!important;
}
.beyond-layout .image-main-beyond img{width:100%!important;height:100%!important;object-fit:contain!important}
.beyond-copy{max-width:570px!important;justify-self:start!important}
.beyond-copy .section-title{max-width:520px!important}
.beyond-copy>.muted{max-width:560px!important}
.beyond-copy .feature-list{max-width:570px!important}

@media(max-width:1020px){
  .beyond-layout{width:min(calc(100% - 36px),920px);grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:46px}
  .client-logo,.client-logo-circle{flex-basis:118px!important;width:118px!important;height:84px!important}
  .client-logo img,.client-logo-circle img{max-width:106px!important;max-height:74px!important}
}
@media(max-width:820px){
  .beyond-section{padding:72px 0!important}
  .beyond-layout{width:min(calc(100% - 28px),720px);grid-template-columns:1fr;gap:34px}
  .beyond-layout .image-main-beyond{max-width:520px!important;margin-inline:auto!important}
  .beyond-copy{max-width:620px!important;justify-self:center!important;width:100%!important}
  .client-logo,.client-logo-circle{flex-basis:106px!important;width:106px!important;height:78px!important}
  .client-logo img,.client-logo-circle img{max-width:96px!important;max-height:68px!important}
}
@media(max-width:600px){
  .beyond-section{padding:58px 0!important}
  .beyond-layout{width:min(calc(100% - 20px),540px);gap:28px}
  .beyond-layout .image-main-beyond{padding:14px!important;border-radius:18px!important}
  .clients-track{gap:22px!important}
  .client-logo,.client-logo-circle{flex-basis:92px!important;width:92px!important;height:70px!important}
  .client-logo img,.client-logo-circle img{max-width:84px!important;max-height:62px!important}
}