:root{
  --navy:#071526;--navy-2:#0b1d32;--navy-3:#102840;--ink:#0b1728;--text:#3f4b5c;--muted:#748093;
  --line:#e5eaf0;--soft:#f5f8fb;--white:#fff;--gold:#f2b632;--gold-2:#ffca4b;--gold-dark:#c98a00;
  --radius:22px;--shadow:0 22px 60px rgba(16,31,50,.10);--max:1180px;
}
*{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;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.narrow{max-width:860px}.article-width{max-width:860px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;left:0;right:0;top:0;z-index:1000;transition:.25s ease;background:rgba(7,21,38,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.site-header.scrolled{background:rgba(7,21,38,.96);box-shadow:0 12px 40px rgba(0,0,0,.15)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:800;letter-spacing:-.02em}.custom-logo{max-height:48px;width:auto}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold-2),var(--gold-dark));clip-path:polygon(25% 0,100% 0,74% 100%,0 100%);color:var(--navy);font-weight:900;font-size:20px}.brand-name{font-size:20px}.site-nav{display:flex;align-items:center;gap:26px}.nav-list{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.nav-list a{color:rgba(255,255,255,.84);font-size:14px;font-weight:650;transition:.2s}.nav-list a:hover,.nav-list .current-menu-item>a{color:var(--gold-2)}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span:not(.screen-reader-text){display:block;width:26px;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:12px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn svg,.text-link svg,.service-card a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--navy);box-shadow:0 12px 30px rgba(242,182,50,.26)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(242,182,50,.34)}.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.03)}.btn-ghost:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.07)}.btn-sm{min-height:44px;padding:0 18px;font-size:14px}.section{padding:108px 0}.section-soft{background:linear-gradient(180deg,#f8fafc,#f2f6fa)}.section-dark{background:radial-gradient(circle at 82% 20%,#17395a 0,#0d2339 28%,var(--navy) 67%);color:#fff}.eyebrow{display:inline-block;color:var(--gold-2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.eyebrow.dark{color:#a77300}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-heading>div{max-width:760px}.section-heading h2,.two-col h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0}.section-heading p{font-size:18px;color:var(--text);margin:18px 0 0;max-width:760px}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap;color:var(--ink)}.text-link:hover{color:var(--gold-dark)}
.hero{min-height:760px;padding:160px 0 90px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:62px;align-items:center}.hero h1{font-size:clamp(46px,5.5vw,76px);line-height:1.01;letter-spacing:-.055em;margin:0 0 26px;max-width:760px}.hero h1 span{color:var(--gold-2)}.hero-lead{font-size:19px;line-height:1.7;color:rgba(255,255,255,.76);max-width:660px;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-points{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;color:rgba(255,255,255,.75);font-size:14px;font-weight:650}.hero-points span{display:inline-flex;align-items:center;gap:7px}.hero-points svg{width:17px;height:17px;fill:none;stroke:var(--gold-2);stroke-width:2.4}.hero-visual{position:relative;min-height:500px}.visual-browser{position:absolute;left:2%;right:4%;top:70px;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:0 40px 90px rgba(0,0,0,.34);transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);overflow:hidden}.browser-top{height:46px;background:#e9edf1;color:#667084;display:flex;align-items:center;gap:7px;padding:0 14px;font-size:11px}.browser-top i{width:9px;height:9px;border-radius:50%;background:#cfd5dd}.browser-top i:first-child{background:#ff7d6e}.browser-top i:nth-child(2){background:#f5bd4c}.browser-top i:nth-child(3){background:#61c554}.browser-top span{margin-left:10px;background:#f8fafc;border-radius:8px;padding:5px 12px;flex:1}.browser-body{height:330px;padding:42px;color:var(--ink);background:linear-gradient(135deg,#fff 0 65%,#eef4f8 65%)}.mock-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9a700d}.mock-title{font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-.04em;margin-top:14px}.mock-title strong{color:#c58a00}.mock-bars{height:120px;display:flex;gap:11px;align-items:flex-end;margin-top:35px}.mock-bars b{display:block;width:24px;border-radius:7px 7px 2px 2px;background:linear-gradient(var(--gold-2),var(--gold));box-shadow:0 7px 18px rgba(242,182,50,.22)}.float-card{position:absolute;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(12,31,50,.08);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.22);padding:15px 17px;display:flex;flex-direction:column;backdrop-filter:blur(12px)}.float-card small{font-size:10px;font-weight:900;color:#a77300;letter-spacing:.12em}.float-card strong{font-size:16px;margin:2px 0}.float-card span{font-size:11px;color:#6d7788}.card-a{left:-5%;top:20px}.card-b{right:-6%;top:28px}.card-c{right:-9%;bottom:45px}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{display:flex;align-items:center;gap:34px;min-height:100px}.trust-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#7a8695;white-space:nowrap}.trust-names{display:flex;flex:1;align-items:center;justify-content:space-between;gap:26px;overflow:hidden}.trust-names span{font-weight:800;color:#49566a;white-space:nowrap}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid.large .service-card{min-height:320px}.service-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px;min-height:290px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(22,42,66,.03);transition:.25s ease}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#d9e0e8}.icon-box{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff7df;color:#b47b00;margin-bottom:28px}.icon-box svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-card h3,.service-card h2{font-size:22px;line-height:1.2;margin:0 0 13px;letter-spacing:-.025em}.service-card p{margin:0;color:var(--text)}.service-card>a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-weight:800;font-size:14px}.service-card>a:hover{color:var(--gold-dark)}
.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reference-grid.compact{grid-template-columns:repeat(4,1fr)}.reference-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:210px;box-shadow:0 8px 22px rgba(12,31,50,.03);transition:.2s}.reference-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.reference-card h2,.reference-card h3{margin:20px 0 5px;font-size:20px;letter-spacing:-.02em}.reference-card p{color:var(--text);margin:8px 0 0}.reference-monogram{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:var(--gold-2);display:grid;place-items:center;font-size:23px;font-weight:900}.reference-monogram.big{width:100%;height:160px;font-size:60px;border-radius:16px}.reference-image{height:180px;border-radius:16px;overflow:hidden;background:var(--soft)}.reference-image img{width:100%;height:100%;object-fit:cover}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.process-item{position:relative;padding:18px 26px 18px 0}.process-item:not(:last-child):after{content:"";position:absolute;right:16px;top:36px;width:26px;height:1px;background:#cfd6df}.process-item>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff0c8;color:#946400;font-weight:900;margin-bottom:20px}.process-item h3{font-size:18px;margin:0 0 8px}.process-item p{font-size:14px;color:var(--text);margin:0}.service-process .process-item{padding-right:14px}.values-section .section-heading h2{color:#fff}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04)}.value-card h3{color:#fff;margin:0 0 10px}.value-card p{color:rgba(255,255,255,.68);margin:0}.cta-band{background:linear-gradient(110deg,#0c2238,#071526);color:#fff;padding:66px 0;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(242,182,50,.08);filter:blur(10px);right:-120px;top:-180px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:44px;position:relative;z-index:1}.cta-inner h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;line-height:1.08;margin:0 0 12px}.cta-inner p{color:rgba(255,255,255,.68);margin:0}.cta-inner .eyebrow{margin-bottom:12px}
.page-hero{padding:170px 0 95px}.page-hero h1,.article-hero h1{font-size:clamp(44px,5.3vw,70px);line-height:1.03;letter-spacing:-.055em;margin:0 0 24px}.page-hero p,.article-hero p{font-size:20px;color:rgba(255,255,255,.72);max-width:780px;margin:0}.service-hero .btn{margin-top:32px}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.two-col p,.prose{color:var(--text)}.check-list{display:grid;gap:12px}.check-list>div{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;font-weight:700}.check-list svg{width:20px;min-width:20px;height:20px;fill:none;stroke:#b47b00;stroke-width:2.4;margin-top:2px}.faq-list{margin-top:35px}.faq{border-top:1px solid var(--line)}.faq:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-size:19px;font-weight:800;padding:22px 46px 22px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:8px;top:17px;font-size:26px;color:#a77300}.faq[open] summary:after{content:"–"}.faq p{color:var(--text);margin:0;padding:0 50px 22px 0}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.team-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--navy-3),var(--navy));display:grid;place-items:center;color:var(--gold-2);font-size:26px;font-weight:900;margin-bottom:20px}.team-card h3{margin:0 0 6px}.team-card p{margin:0;color:var(--text)}.company-box{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:30px}.company-box p:first-child{font-size:20px;color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px}.contact-card{background:var(--navy);color:#fff;border-radius:24px;padding:34px;min-height:100%}.contact-card h2{font-size:34px;margin:0 0 24px}.contact-card>a{display:block;font-size:18px;font-weight:800;margin:10px 0;color:var(--gold-2)}.contact-card p{color:rgba(255,255,255,.7)}.contact-card hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:28px 0}.lead-form-wrap{border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);background:#fff}.lead-form{display:grid;gap:19px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lead-form label{display:grid;gap:8px;font-weight:750;font-size:14px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #d7dee7;border-radius:12px;padding:13px 14px;background:#fbfcfd;color:var(--ink);outline:none;transition:.2s}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#d49b16;box-shadow:0 0 0 4px rgba(242,182,50,.12);background:#fff}.lead-form textarea{resize:vertical}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:500!important;color:var(--text)}.consent input{width:18px;height:18px;margin-top:2px}.hp-field{position:absolute;left:-10000px;opacity:0}.form-note{font-size:12px;color:var(--muted);margin:0}.form-success,.form-error{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-weight:700}.form-success{background:#e7f7ed;color:#17633a}.form-error{background:#fff0ef;color:#8a2d25}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(12,31,50,.03)}.post-thumb{display:block;height:210px;background:var(--soft);overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:var(--gold-2);font-size:54px;font-weight:900}.post-card-body{padding:24px}.post-meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8b95a4;font-weight:800}.post-card h2{font-size:22px;line-height:1.2;margin:10px 0 12px}.post-card p{color:var(--text)}.article-hero{padding:170px 0 75px}.article-image{margin-top:-35px;position:relative}.article-image img{border-radius:22px;box-shadow:var(--shadow)}.article-section{padding-top:65px}.prose{font-size:18px;line-height:1.82}.prose h2,.prose h3{color:var(--ink);line-height:1.2;letter-spacing:-.03em;margin-top:2em}.prose h2{font-size:34px}.prose h3{font-size:25px}.prose a{color:#946400;text-decoration:underline;text-underline-offset:3px}.prose img{border-radius:16px}.pagination{margin-top:45px}.nav-links{display:flex;gap:8px}.page-numbers{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px}.page-numbers.current{background:var(--navy);color:#fff}
.site-footer{background:#f7f9fb;border-top:1px solid var(--line);padding:66px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr 1fr;gap:48px}.footer-grid h3{font-size:14px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 18px;color:#536174}.footer-grid p{color:var(--text);max-width:340px}.footer-grid a,.footer-grid span{display:block;color:#465466;margin:9px 0}.footer-grid a:hover{color:#9d6a00}.footer-brand{color:var(--ink);margin-bottom:18px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:44px;display:flex;justify-content:space-between;gap:20px;color:#7a8797;font-size:13px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1050px){.nav-list{gap:18px}.site-nav{gap:16px}.nav-list a{font-size:13px}.hero-grid{grid-template-columns:1fr}.hero{padding-bottom:40px}.hero-copy{max-width:760px}.hero-visual{min-height:440px;max-width:720px;width:100%;margin:0 auto}.service-grid{grid-template-columns:repeat(2,1fr)}.reference-grid.compact{grid-template-columns:repeat(2,1fr)}.reference-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr);gap:20px}.process-item:after{display:none}.value-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.header-inner{height:72px}.nav-toggle{display:block}.site-nav{position:absolute;left:20px;right:20px;top:70px;background:#0a1c30;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;display:none;box-shadow:0 25px 60px rgba(0,0,0,.35)}.site-nav.open{display:block}.nav-list{display:grid;gap:0}.nav-list li a{display:block;padding:12px 4px}.nav-cta{margin-top:14px;width:100%}.hero{padding-top:130px}.hero h1{font-size:52px}.trust-inner{align-items:flex-start;flex-direction:column;padding:25px 0}.trust-names{width:100%;overflow-x:auto;justify-content:flex-start}.section{padding:80px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.two-col{grid-template-columns:1fr;gap:35px}.contact-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}.field-grid{grid-template-columns:1fr}.page-hero{padding-top:140px}.article-hero{padding-top:140px}}
@media (max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.hero h1{font-size:42px}.hero-lead{font-size:17px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-visual{min-height:360px}.visual-browser{left:0;right:0;top:70px}.browser-body{height:250px;padding:28px}.mock-title{font-size:27px}.float-card{padding:11px 12px}.card-a{left:-1%;top:25px}.card-b{right:-2%;top:10px}.card-c{right:-1%;bottom:4px}.service-grid,.reference-grid,.reference-grid.compact,.post-grid,.value-grid,.team-grid,.process-grid{grid-template-columns:1fr}.process-item{padding-right:0}.section-heading h2,.two-col h2{font-size:36px}.page-hero h1,.article-hero h1{font-size:42px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.lead-form-wrap,.contact-card{padding:24px}.reference-monogram.big{height:130px}}

/* ===== LVISystem Pro 2.0 ===== */
:root{--max:1240px}

/* Desktop dropdown navigation */
.nav-list>li{position:relative}.nav-list .sub-menu{position:absolute;top:calc(100% + 18px);left:-18px;min-width:310px;margin:0;padding:12px;list-style:none;background:#0b1d32;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.nav-list .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}.nav-list .sub-menu li{width:100%}.nav-list .sub-menu a{display:block;padding:10px 12px;border-radius:9px;white-space:nowrap;font-size:13px}.nav-list .sub-menu a:hover{background:rgba(255,255,255,.06)}.nav-list>.menu-item-has-children>a:after{content:"⌄";font-size:11px;margin-left:6px;color:rgba(255,255,255,.55)}

/* Pillars */
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pillar-card{position:relative;border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;min-height:330px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(22,42,66,.035);overflow:hidden}.pillar-card>span{position:absolute;right:24px;top:26px;color:#9aa5b4;font-size:12px;font-weight:900;letter-spacing:.12em}.pillar-card h3{font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}.pillar-card p{margin:0;color:var(--text)}.pillar-card a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:28px;font-weight:800;font-size:14px}.pillar-card a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.pillar-card.accent{background:linear-gradient(145deg,#0c2238,#102c47);border-color:#173c5e;color:#fff}.pillar-card.accent p{color:rgba(255,255,255,.68)}.pillar-card.accent .icon-box{background:rgba(242,182,50,.12);color:var(--gold-2)}.pillar-card.accent>span{color:rgba(255,255,255,.42)}

/* AI showcase */
.ai-home{position:relative;overflow:hidden}.ai-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(242,182,50,.12),transparent 30%)}.ai-home-grid{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.ai-home h2{font-size:clamp(38px,4.5vw,60px);line-height:1.05;letter-spacing:-.045em;margin:0 0 22px}.ai-home p{font-size:18px;color:rgba(255,255,255,.72);max-width:700px}.agent-stack{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:26px;backdrop-filter:blur(10px)}.agent-node{display:flex;align-items:center;gap:18px;background:#fff;color:var(--ink);border-radius:16px;padding:18px 20px}.agent-node.highlighted{background:linear-gradient(135deg,#fff5d7,#ffe6a4);border:1px solid rgba(242,182,50,.45)}.agent-node>span{width:38px;height:38px;border-radius:11px;background:#0c2238;color:var(--gold-2);display:grid;place-items:center;font-size:12px;font-weight:900}.agent-node strong,.agent-node small{display:block}.agent-node strong{font-size:17px}.agent-node small{color:#6f7b8c;margin-top:3px}.agent-arrow{text-align:center;color:var(--gold-2);font-size:22px;line-height:1.5}.agent-note{display:flex;gap:12px;align-items:flex-start;margin-top:20px;color:rgba(255,255,255,.7);font-size:13px}.agent-note svg{width:22px;height:22px;min-width:22px;fill:none;stroke:var(--gold-2);stroke-width:1.8}

/* Professional positioning */
.positioning-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.positioning-grid h2{font-size:clamp(36px,4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0}.positioning-grid .text-link{margin-top:10px}

/* Grouped services */
.service-group{max-width:800px;margin-bottom:36px}.service-group h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.04em;line-height:1.08;margin:0}.service-group p{font-size:18px;color:var(--text);margin:16px 0 0}.section-dark-copy{color:rgba(255,255,255,.68)!important}.dark-cards .service-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none;color:#fff}.dark-cards .service-card p{color:rgba(255,255,255,.66)}.dark-cards .service-card .icon-box{background:rgba(242,182,50,.1);color:var(--gold-2)}.dark-cards .service-card>a{color:var(--gold-2)}.compact-services{grid-template-columns:repeat(3,1fr)}

/* Service detail */
.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.use-case-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:26px;min-height:220px}.mini-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff3d1;color:#a36f00;margin-bottom:20px}.mini-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.use-case-card h3{font-size:21px;margin:0 0 10px}.use-case-card p{color:var(--text);margin:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;transition:.2s}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.related-card .icon-box{margin:0;width:46px;height:46px}.related-card strong,.related-card span{display:block}.related-card strong{margin-bottom:5px}.related-card span{font-size:13px;color:var(--text);line-height:1.45}.related-card>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

/* About / capability */
.value-card.light{background:#fff;border-color:var(--line);box-shadow:0 8px 24px rgba(22,42,66,.03)}.value-card.light h3{color:var(--ink)}.value-card.light p{color:var(--text)}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.capability-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff;min-height:260px;transition:.2s}.capability-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.capability-card>span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#a77300}.capability-card h3{font-size:23px;margin:18px 0 10px}.capability-card p{margin:0;color:var(--text)}.company-box.dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}.company-box.dark p{color:rgba(255,255,255,.7)}.company-box.dark p:first-child{color:#fff}

/* Method / technologies */
.process-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.process-detail{border-top:3px solid #e7b640;padding:24px 8px 0 0}.process-detail>span{font-size:12px;font-weight:900;letter-spacing:.15em;color:#a77300}.process-detail h2{font-size:22px;margin:18px 0 10px}.process-detail p{color:var(--text);font-size:15px;margin:0}.technology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.technology-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;min-height:260px}.technology-card h2{font-size:24px;margin:0 0 12px}.technology-card p{color:var(--text);margin:0}

/* Footer */
.footer-grid-v2{grid-template-columns:1.35fr 1fr 1fr .9fr 1fr;gap:36px}.footer-grid-v2>div:last-child{grid-column:auto}

.contact-note{font-size:14px}.contact-note strong{color:#fff}

@media (max-width:1180px){.pillar-grid{grid-template-columns:repeat(2,1fr)}.ai-home-grid{grid-template-columns:1fr;gap:48px}.capability-grid{grid-template-columns:repeat(2,1fr)}.process-detail-grid{grid-template-columns:repeat(3,1fr)}.footer-grid-v2{grid-template-columns:1.3fr 1fr 1fr}.footer-grid-v2>div:nth-child(4),.footer-grid-v2>div:nth-child(5){grid-column:auto}.nav-list{gap:18px}.site-nav{gap:14px}}
@media (max-width:1050px){.footer-grid-v2{grid-template-columns:repeat(3,1fr)}.positioning-grid{grid-template-columns:1fr;gap:35px}.use-case-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.nav-list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.035);border:0;box-shadow:none;min-width:0;margin:0 0 8px;padding:4px 10px}.nav-list .sub-menu a{padding:8px 12px;color:rgba(255,255,255,.68)}.nav-list>.menu-item-has-children>a:after{display:none}.pillar-grid,.capability-grid,.technology-grid,.process-detail-grid{grid-template-columns:1fr 1fr}.footer-grid-v2{grid-template-columns:1fr 1fr}.use-case-grid,.related-grid{grid-template-columns:1fr}.compact-services{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.pillar-grid,.capability-grid,.technology-grid,.process-detail-grid,.compact-services,.footer-grid-v2{grid-template-columns:1fr}.pillar-card{min-height:270px}.agent-stack{padding:18px}.agent-node{padding:15px}.related-card{grid-template-columns:auto 1fr}.related-card>svg{display:none}}

/* ===== LVISystem 2.1 editable Gutenberg content ===== */
.lvi-editable-content>.wp-block-group{margin:0}.lvi-editable-content .wp-block-group.container{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}.lvi-editable-content .wp-block-group.container.narrow{width:min(820px,calc(100% - 40px))}.lvi-editable-content .wp-block-columns{margin-bottom:0}.lvi-editable-content .wp-block-column>*:first-child{margin-top:0}.lvi-buttons{gap:12px;margin-top:28px}.wp-block-button.lvi-button-primary .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--gold,#f3b632);color:#071625;border-radius:8px;font-weight:800;text-decoration:none;padding:13px 20px;border:1px solid transparent}.wp-block-button.lvi-button-ghost .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;border:1px solid rgba(255,255,255,.45);border-radius:8px;font-weight:700;text-decoration:none;padding:13px 20px}.hero-inline-points{margin-top:22px;font-size:14px;font-weight:700;opacity:.85}.lvi-hero-panel{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.lvi-mini-card{margin-top:14px;padding:18px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.lvi-mini-card p,.lvi-mini-card h3{margin-top:6px;margin-bottom:6px}.trust-projects{font-size:20px;line-height:1.5;color:#14263a}.lvi-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.lvi-editor-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.lvi-editor-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.lvi-editor-card{padding:24px;border:1px solid #e0e6eb;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(7,22,37,.04)}.lvi-editor-card h3{margin:8px 0 10px;font-size:20px}.lvi-editor-card p{margin:0 0 10px}.section-dark .lvi-editor-card{background:#102538;border-color:rgba(255,255,255,.12);color:#fff}.section-dark .lvi-editor-card p{color:rgba(255,255,255,.72)}.card-kicker{font-size:11px!important;font-weight:800!important;letter-spacing:.14em;text-transform:uppercase;color:#d89a1b!important}.lvi-check-list{list-style:none;padding-left:0}.lvi-check-list li{position:relative;padding:11px 0 11px 30px;border-bottom:1px solid #e6ebef}.lvi-check-list li:before{content:'✓';position:absolute;left:0;top:11px;color:#d99d21;font-weight:900}.lvi-ai-flow{background:#102538;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px}.lvi-ai-flow h3,.lvi-ai-flow p{margin:6px 0}.reference-card-link{display:block;color:inherit;text-decoration:none;height:100%}.reference-card-link:hover h3{color:#c8890f}.reference-card .text-link{display:inline-block;margin-top:12px}.reference-hero-image{margin:0 0 34px}.reference-hero-image img{width:100%;height:auto;border-radius:18px}.reference-detail-content{font-size:18px;line-height:1.75}.reference-detail-content h2,.reference-detail-content h3{margin-top:1.7em}.lvi-editable-content .faq{border:1px solid #dde5eb;border-radius:14px;padding:0 18px;margin-bottom:12px;background:#fff}.lvi-editable-content .faq summary{cursor:pointer;font-weight:800;padding:18px 0}.lvi-editable-content .faq p{padding-bottom:18px}.section-dark .wp-block-button.lvi-button-ghost .wp-block-button__link{color:#fff}.page-hero .wp-block-buttons{margin-top:26px}
@media(max-width:1000px){.lvi-editor-grid.four,.lvi-editor-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid.wp-block-columns,.ai-home-grid.wp-block-columns,.two-col.wp-block-columns,.positioning-grid.wp-block-columns,.cta-inner.wp-block-columns{flex-wrap:wrap}.hero-grid>.wp-block-column,.ai-home-grid>.wp-block-column,.two-col>.wp-block-column,.positioning-grid>.wp-block-column,.cta-inner>.wp-block-column{flex-basis:100%!important}}
@media(max-width:680px){.lvi-editable-content .wp-block-group.container,.lvi-editable-content .wp-block-group.container.narrow{width:min(100% - 28px,1180px)}.lvi-editor-grid,.lvi-editor-grid.four,.lvi-editor-grid.five{grid-template-columns:1fr}.lvi-editor-card{padding:20px}.lvi-buttons{flex-direction:column;align-items:stretch}.wp-block-button,.wp-block-button__link{width:100%}.trust-projects{font-size:17px}}

/* ===== LVISystem Pro 2.2 — wide editable layout + legacy portfolio ===== */
:root{--max:1320px}

/* Gutenberg must not constrain top-level marketing sections to contentSize. */
.lvi-editable-content{overflow:hidden}
.lvi-editable-content>.wp-block-group.alignfull,
.lvi-editable-content>.wp-block-group.section,
.lvi-editable-content>.wp-block-group.hero,
.lvi-editable-content>.wp-block-group.page-hero,
.lvi-editable-content>.wp-block-group.cta-band{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.lvi-editable-content .wp-block-group.container{width:min(var(--max),calc(100% - 56px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.lvi-editable-content .wp-block-group.container.narrow{width:min(980px,calc(100% - 56px))!important;max-width:none!important}
.lvi-editable-content .section{padding:118px 0}
.lvi-editable-content .page-hero{padding:175px 0 105px}
.lvi-editable-content .page-hero .container.narrow{width:min(1080px,calc(100% - 56px))!important}

/* Restore the spacious two-column homepage hero from 2.0 while keeping text editable. */
.lvi-editable-content .hero{min-height:790px;padding:165px 0 95px}
.lvi-editable-content .hero-grid.wp-block-columns{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr)!important;gap:78px!important;align-items:center!important}
.lvi-editable-content .hero-grid>.wp-block-column{min-width:0!important}
.lvi-editable-content .hero h1{font-size:clamp(52px,5.7vw,82px);max-width:820px}
.lvi-editable-content .hero-lead{font-size:20px;max-width:720px}
.lvi-editable-content .hero-inline-points{display:inline-flex;flex-wrap:wrap;gap:10px 18px;margin-top:28px;padding:13px 16px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.76)}
.lvi-editable-content .lvi-hero-panel{position:relative;min-height:500px;padding:74px 46px 42px;background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 45px 100px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-5deg);overflow:visible}
.lvi-editable-content .lvi-hero-panel:before{content:"lvisystem.eu / digital stack";position:absolute;left:0;right:0;top:0;height:46px;display:flex;align-items:center;padding:0 56px;border-radius:24px 24px 0 0;background:#e8edf2;color:#6c7787;font-size:11px;letter-spacing:.03em}
.lvi-editable-content .lvi-hero-panel:after{content:"";position:absolute;left:46px;right:46px;bottom:42px;height:115px;background:linear-gradient(to top,rgba(242,182,50,.15),transparent),repeating-linear-gradient(90deg,var(--gold) 0 20px,transparent 20px 38px);clip-path:polygon(0 72%,10% 62%,20% 67%,30% 48%,40% 54%,50% 36%,60% 43%,70% 20%,80% 31%,90% 10%,100% 0,100% 100%,0 100%);opacity:.95}
.lvi-editable-content .lvi-hero-panel>.card-kicker,.lvi-editable-content .lvi-hero-panel>h3,.lvi-editable-content .lvi-hero-panel>p{position:relative;z-index:2;max-width:72%}
.lvi-editable-content .lvi-hero-panel>h3{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:8px 0 12px}
.lvi-editable-content .lvi-hero-panel>.lvi-mini-card{position:absolute;z-index:4;width:235px;padding:18px 20px;margin:0;background:rgba(255,255,255,.98);color:var(--ink);border:1px solid rgba(7,21,38,.08);box-shadow:0 20px 48px rgba(0,0,0,.2);transform:none}
.lvi-editable-content .lvi-hero-panel>.lvi-mini-card:nth-of-type(1){right:-34px;top:64px}
.lvi-editable-content .lvi-hero-panel>.lvi-mini-card:nth-of-type(2){left:-34px;bottom:32px}
.lvi-editable-content .lvi-hero-panel>.lvi-mini-card h3{font-size:18px;color:var(--ink)}
.lvi-editable-content .lvi-hero-panel>.lvi-mini-card p{font-size:12px;color:#647184}

/* Give editable card sections the same visual rhythm as the richer static design. */
.lvi-editable-content .lvi-editor-grid{gap:22px;margin-top:42px}
.lvi-editable-content .lvi-editor-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.lvi-editable-content .lvi-editor-card{position:relative;min-height:300px;padding:32px;border-radius:24px;display:flex;flex-direction:column;transition:.25s ease;overflow:hidden}
.lvi-editable-content .lvi-editor-card:hover{transform:none;box-shadow:var(--shadow);border-color:#d4dde6}
.lvi-editable-content .lvi-editor-card .card-kicker{margin-bottom:28px}
.lvi-editable-content .lvi-editor-card h3{font-size:25px;line-height:1.14;letter-spacing:-.035em;margin:0 0 14px}
.lvi-editable-content .lvi-editor-card .text-link{margin-top:auto;padding-top:26px}
.lvi-editable-content .lvi-editor-grid.four>.lvi-editor-card:nth-child(3){background:linear-gradient(145deg,#0c2238,#102c47);border-color:#173c5e;color:#fff;box-shadow:0 25px 55px rgba(7,21,38,.16)}
.lvi-editable-content .lvi-editor-grid.four>.lvi-editor-card:nth-child(3) p{color:rgba(255,255,255,.7)}
.lvi-editable-content .lvi-editor-grid.four>.lvi-editor-card:nth-child(3) .text-link{color:var(--gold-2)}
.lvi-editable-content .ai-home-grid.wp-block-columns{display:grid!important;grid-template-columns:1fr .9fr!important;gap:90px!important;align-items:center!important}
.lvi-editable-content .ai-home{position:relative;overflow:hidden}
.lvi-editable-content .ai-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 38%,rgba(242,182,50,.14),transparent 32%)}
.lvi-editable-content .lvi-ai-flow{position:relative;z-index:2;padding:34px;border-radius:26px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.lvi-editable-content .lvi-ai-flow h3{display:block;padding:18px 20px;border-radius:14px;background:#fff;color:var(--ink);margin:8px 0 14px}
.lvi-editable-content .lvi-ai-flow .card-kicker{color:var(--gold-2)!important}

/* Reference archive cards: use the real image from the historical portfolio when available. */
.reference-card{padding:26px;overflow:hidden}
.reference-card .reference-image{margin:-26px -26px 22px;width:calc(100% + 52px);height:215px;border-radius:22px 22px 0 0}
.reference-card .reference-image img{width:100%;height:100%;object-fit:cover}
.reference-grid.compact .reference-card{min-height:360px}
.reference-grid .reference-card{min-height:390px}
.reference-card .text-link{margin-top:18px}

/* Rich single reference layout; intentionally wider than a blog article. */
.reference-hero-v22{padding:165px 0 90px;overflow:hidden}
.reference-hero-grid-v22{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:76px;align-items:center}
.reference-hero-copy-v22 h1{font-size:clamp(48px,5.5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}
.reference-lead-v22{font-size:20px;color:rgba(255,255,255,.74);max-width:680px}
.reference-tags-v22{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.reference-tags-v22 span{padding:7px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.05);font-size:12px;font-weight:750;color:rgba(255,255,255,.78)}
.reference-main-shot-v22{border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 42px 90px rgba(0,0,0,.32);transform:perspective(1200px) rotateY(-4deg)}
.reference-main-shot-v22 img{width:100%;height:auto;max-height:520px;object-fit:cover}
.reference-monogram-v22{height:390px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#eef3f7);color:#0b1c2f;font-size:110px;font-weight:900;box-shadow:0 42px 90px rgba(0,0,0,.28)}
.reference-layout-v22{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:72px;align-items:start}
.reference-content-v22{min-width:0;font-size:18px;line-height:1.82}
.reference-content-v22>*:first-child{margin-top:0}.reference-content-v22 img{width:100%;height:auto;border-radius:20px;box-shadow:0 14px 36px rgba(9,28,46,.08)}
.reference-sidebar-v22{position:sticky;top:112px}.reference-sidebar-card-v22{border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff;box-shadow:0 18px 55px rgba(15,31,50,.08)}
.reference-sidebar-card-v22 h2{font-size:28px;line-height:1.08;margin:0 0 26px}.reference-sidebar-row-v22{padding:17px 0;border-top:1px solid var(--line)}.reference-sidebar-row-v22 strong,.reference-sidebar-row-v22 span,.reference-sidebar-row-v22 a{display:block}.reference-sidebar-row-v22 strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8a96a5;margin-bottom:7px}.reference-sidebar-row-v22 span,.reference-sidebar-row-v22 a{font-size:14px;color:#3f4b5c;word-break:break-word}.reference-sidebar-row-v22 a{color:#9b6c08;font-weight:750}.reference-sidebar-cta-v22{width:100%;margin-top:24px;text-align:center}
.reference-gallery-v22{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:42px}.reference-gallery-v22 figure{margin:0}.reference-gallery-v22 img{height:280px!important;object-fit:cover}
.legacy-reference-data{display:grid;gap:16px}.legacy-reference-data p{margin:0}.legacy-metric{display:inline-flex;flex-direction:column;gap:3px;padding:20px 24px;border-radius:16px;background:#f6f8fa;border:1px solid var(--line);margin:0 12px 12px 0}.legacy-metric span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7c8898}.legacy-metric strong{font-size:34px;line-height:1;color:var(--ink)}

@media(max-width:1100px){
  .lvi-editable-content .hero-grid.wp-block-columns,.lvi-editable-content .ai-home-grid.wp-block-columns,.reference-hero-grid-v22{grid-template-columns:1fr!important;gap:48px!important}
  .lvi-editable-content .lvi-hero-panel{max-width:760px;width:100%;margin:0 auto;transform:none}
  .reference-main-shot-v22{transform:none;max-width:850px}
  .reference-layout-v22{grid-template-columns:1fr;gap:42px}.reference-sidebar-v22{position:static}.reference-sidebar-card-v22{max-width:none}
  .lvi-editable-content .lvi-editor-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .lvi-editable-content .wp-block-group.container,.lvi-editable-content .wp-block-group.container.narrow{width:min(100% - 30px,var(--max))!important}
  .lvi-editable-content .section{padding:82px 0}.lvi-editable-content .hero{padding:132px 0 70px;min-height:0}.lvi-editable-content .hero h1{font-size:44px}
  .lvi-editable-content .lvi-hero-panel{min-height:430px;padding:70px 24px 34px}.lvi-editable-content .lvi-hero-panel>.lvi-mini-card{position:relative!important;inset:auto!important;width:auto;margin-top:14px}.lvi-editable-content .lvi-hero-panel:after{display:none}
  .lvi-editable-content .lvi-editor-grid.four{grid-template-columns:1fr}.lvi-editable-content .lvi-editor-card{min-height:0}
  .reference-hero-v22{padding:135px 0 65px}.reference-hero-copy-v22 h1{font-size:44px}.reference-main-shot-v22 img{max-height:none}.reference-monogram-v22{height:240px;font-size:72px}
  .reference-gallery-v22{grid-template-columns:1fr}.reference-gallery-v22 img{height:auto!important}
}

/* ===== LVISystem Pro 2.3 — true full-width Gutenberg layout ===== */
:root{--max:1480px}
html,body{width:100%;max-width:100%;overflow-x:hidden}
.site-main.lvi-editable-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible}
.lvi-editable-content>.wp-block-group.alignfull,
.lvi-editable-content>.wp-block-group.section,
.lvi-editable-content>.wp-block-group.hero,
.lvi-editable-content>.wp-block-group.page-hero,
.lvi-editable-content>.wp-block-group.cta-band{
  position:relative;left:50%;right:50%;width:100vw!important;max-width:100vw!important;
  margin-left:-50vw!important;margin-right:-50vw!important;
}
.lvi-editable-content .wp-block-group.alignwide.container,
.lvi-editable-content .wp-block-group.container{
  width:min(1480px,calc(100vw - 72px))!important;max-width:1480px!important;
  margin-left:auto!important;margin-right:auto!important;
}
.lvi-editable-content .wp-block-group.alignwide.container.narrow,
.lvi-editable-content .wp-block-group.container.narrow{width:min(1080px,calc(100vw - 72px))!important;max-width:1080px!important}
.header-inner,.footer-inner,.footer-bottom{width:min(1480px,calc(100vw - 72px));max-width:1480px}
.lvi-editable-content .hero-grid.wp-block-columns{grid-template-columns:minmax(0,1.12fr) minmax(520px,.88fr)!important;gap:88px!important}
.lvi-editable-content .lvi-editor-grid{width:100%}
.reference-hero-grid-v22,.reference-layout-v22{width:min(1480px,calc(100vw - 72px));max-width:1480px;margin-inline:auto}
.reference-layout-v22{grid-template-columns:minmax(0,1fr) 380px;gap:84px}
.reference-content-v22{font-size:19px;line-height:1.85}
.reference-content-v22>.wp-block-image{margin:34px 0}
.reference-content-v22>.wp-block-image img{width:100%;max-height:none;object-fit:contain;background:#f7f9fb}
.reference-content-v22 h2{font-size:clamp(32px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em;margin:1.5em 0 .45em}
.reference-content-v22 h3{font-size:28px;line-height:1.18;margin:1.45em 0 .45em}
.reference-content-v22 ul,.reference-content-v22 ol{padding-left:1.3em}
@media(max-width:1200px){
  .lvi-editable-content .wp-block-group.alignwide.container,.lvi-editable-content .wp-block-group.container,.header-inner,.footer-inner,.footer-bottom,.reference-hero-grid-v22,.reference-layout-v22{width:min(100vw - 48px,1480px)!important}
  .lvi-editable-content .hero-grid.wp-block-columns{grid-template-columns:1fr!important;gap:54px!important}
}
@media(max-width:700px){
  .lvi-editable-content .wp-block-group.alignwide.container,.lvi-editable-content .wp-block-group.container,.header-inner,.footer-inner,.footer-bottom,.reference-hero-grid-v22,.reference-layout-v22{width:min(100vw - 28px,1480px)!important}
  .lvi-editable-content>.wp-block-group.alignfull,.lvi-editable-content>.wp-block-group.section,.lvi-editable-content>.wp-block-group.hero,.lvi-editable-content>.wp-block-group.page-hero,.lvi-editable-content>.wp-block-group.cta-band{left:50%;width:100vw!important;margin-left:-50vw!important;margin-right:-50vw!important}
}


/* ===== LVISystem Pro 2.4 — spacious premium layout ===== */
:root{--max:1640px;--content-readable:1120px}
.container,.header-inner,.footer-inner,.footer-bottom{width:min(1640px,calc(100vw - 64px));max-width:1640px;margin-inline:auto}
/* Critical Gutenberg fix: outer container was wide, but is-layout-constrained still forced its children back to contentSize. */
.lvi-editable-content .wp-block-group.container.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.lvi-editable-content .wp-block-group.container.is-layout-constrained > .wp-block-columns,
.lvi-editable-content .wp-block-group.container.is-layout-constrained > .wp-block-group,
.lvi-editable-content .wp-block-group.container.is-layout-constrained > .wp-block-shortcode{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.lvi-editable-content .wp-block-group.alignwide.container,.lvi-editable-content .wp-block-group.container{width:min(1640px,calc(100vw - 64px))!important;max-width:1640px!important}
.lvi-editable-content .wp-block-group.alignwide.container.narrow,.lvi-editable-content .wp-block-group.container.narrow{width:min(1180px,calc(100vw - 64px))!important;max-width:1180px!important}
.lvi-editable-content .section{padding:124px 0}
.lvi-editable-content .hero{min-height:850px;padding:175px 0 110px}
.lvi-editable-content .hero-grid.wp-block-columns{grid-template-columns:minmax(0,1.08fr) minmax(560px,.92fr)!important;gap:108px!important}
.lvi-editable-content .hero h1{font-size:clamp(58px,5.35vw,88px);max-width:920px}
.lvi-editable-content .hero-lead{font-size:21px;max-width:760px}
.lvi-editable-content .lvi-hero-panel{min-height:540px;padding:82px 54px 46px;border-radius:28px}
.lvi-editable-content .lvi-editor-grid{gap:24px}
.lvi-editable-content .lvi-editor-card{min-height:325px;padding:36px;border-radius:26px}
.lvi-editable-content .lvi-editor-card h3{font-size:27px}
.lvi-editable-content .section-heading h2,.lvi-editable-content .two-col h2{font-size:clamp(40px,3.65vw,60px)}
.trust-strip .container{min-height:126px;display:flex;flex-direction:column;justify-content:center}
.trust-projects{font-size:clamp(19px,1.45vw,25px);line-height:1.5;margin:0}
.reference-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.reference-grid.compact .reference-card{min-height:390px}
.reference-card .reference-image{height:240px}
.process-grid,.lvi-editor-grid.five{gap:18px}
.positioning-grid.wp-block-columns{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:120px!important;align-items:start}
.cta-band{padding:78px 0}
.cta-inner.wp-block-columns{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:80px!important;align-items:center!important}
.reference-hero-grid-v22,.reference-layout-v22{width:min(1640px,calc(100vw - 64px));max-width:1640px}
.reference-hero-grid-v22{grid-template-columns:minmax(0,.9fr) minmax(600px,1.1fr);gap:100px}
.reference-layout-v22{grid-template-columns:minmax(0,1fr) 390px;gap:100px}
.reference-content-v22{font-size:20px;line-height:1.82}
.reference-main-shot-v22 img{max-height:620px}
.reference-content-v22>.wp-block-image{margin:42px 0}
.reference-content-v22>.wp-block-image img{border-radius:24px}
@media(max-width:1240px){
 .container,.header-inner,.footer-inner,.footer-bottom,.lvi-editable-content .wp-block-group.alignwide.container,.lvi-editable-content .wp-block-group.container,.reference-hero-grid-v22,.reference-layout-v22{width:min(100vw - 44px,1640px)!important}
 .lvi-editable-content .hero-grid.wp-block-columns,.positioning-grid.wp-block-columns,.reference-hero-grid-v22{grid-template-columns:1fr!important;gap:54px!important}
 .lvi-editable-content .hero{min-height:0}.lvi-editable-content .lvi-hero-panel{max-width:900px}
 .reference-layout-v22{grid-template-columns:1fr;gap:48px}.reference-sidebar-v22{position:static}
 .reference-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .container,.header-inner,.footer-inner,.footer-bottom,.lvi-editable-content .wp-block-group.alignwide.container,.lvi-editable-content .wp-block-group.container,.reference-hero-grid-v22,.reference-layout-v22{width:min(100vw - 28px,1640px)!important}
 .lvi-editable-content .section{padding:84px 0}.lvi-editable-content .hero{padding:132px 0 72px}.lvi-editable-content .hero h1{font-size:46px}
 .reference-grid.compact{grid-template-columns:1fr}.reference-card .reference-image{height:220px}
 .cta-inner.wp-block-columns{grid-template-columns:1fr!important;gap:28px!important}
}


/* V2.6 – portfolio metric: odpracované hodiny */
.reference-hours-v26{
  margin:22px 0 18px;
  padding:18px 20px;
  border:1px solid rgba(214,165,55,.28);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(214,165,55,.11),rgba(255,255,255,.03));
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.reference-hours-v26 span{font-size:.78rem;line-height:1.3;text-transform:uppercase;letter-spacing:.1em;opacity:.72;font-weight:700}
.reference-hours-v26 strong{font-size:2rem;line-height:1;font-weight:800;letter-spacing:-.04em}

/* V2.6 – po hero už nenasleduje zoznam názvov klientov; prvá obsahová sekcia má viac priestoru. */
.hero + .section{padding-top:clamp(72px,7vw,120px)}


/* ===== LVISystem Pro 2.7 — clean portfolio hero + structured work metrics ===== */
.reference-hero-copy-v22{align-self:center}
.reference-hero-copy-v22 h1{margin-bottom:18px}
.reference-work-metrics-v27{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0 18px}
.reference-work-metric-v27{padding:20px;border:1px solid rgba(214,165,55,.3);border-radius:18px;background:linear-gradient(135deg,rgba(214,165,55,.11),rgba(255,255,255,.02))}
.reference-work-metric-v27 strong{display:block;font-size:2.45rem;line-height:1;font-weight:850;letter-spacing:-.05em;color:var(--ink);margin-bottom:9px}
.reference-work-metric-v27 strong small{display:block;font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#9b6c08;margin-bottom:7px}
.reference-work-metric-v27 span{display:block;font-size:.78rem;line-height:1.35;text-transform:uppercase;letter-spacing:.09em;font-weight:750;color:#6e7887}

/* ===== LVISystem Pro 2.8 — aligned AI agent page + portfolio data fixes ===== */
.lvi-editable-content .ai-agents-hero{padding-top:180px;padding-bottom:105px}
.lvi-editable-content .ai-agents-hero .container{display:block}
.lvi-editable-content .ai-agents-hero h1{max-width:1180px;font-size:clamp(54px,5vw,82px);line-height:1.01}
.lvi-editable-content .ai-agents-hero .hero-lead{max-width:980px;font-size:21px;line-height:1.72;margin-top:24px}
.lvi-editable-content .ai-agents-hero .hero-support{max-width:980px;color:rgba(255,255,255,.66);font-size:17px;line-height:1.75;margin-top:18px}
.lvi-editable-content .service-section-grid.wp-block-columns{display:grid!important;grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;gap:clamp(64px,7vw,120px)!important;align-items:start!important;width:100%}
.lvi-editable-content .service-section-grid>.wp-block-column{min-width:0!important;margin:0!important}
.lvi-editable-content .service-section-intro{max-width:360px}
.lvi-editable-content .service-section-intro h2{font-size:clamp(36px,3.2vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px}
.lvi-editable-content .service-section-intro>p:last-child{font-size:17px;line-height:1.7;color:var(--text);margin-top:16px}
.lvi-editable-content .service-section-copy{max-width:980px}
.lvi-editable-content .service-section-copy>h3{font-size:clamp(28px,2.25vw,38px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}
.lvi-editable-content .service-section-copy>p{font-size:18px;line-height:1.8;color:var(--text);margin:0 0 20px}
.lvi-editable-content .lvi-editor-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.lvi-editable-content .ai-agent-section .lvi-editor-card{min-height:0;padding:30px 32px}
.lvi-editable-content .ai-agent-section .lvi-editor-card h3{font-size:23px}
.lvi-editable-content .ai-agent-section .lvi-editor-card p:not(.card-kicker){font-size:15.5px;line-height:1.7;color:#596679}
.lvi-editable-content .ai-agent-note-v28{margin-top:30px;padding:24px 26px;border-radius:18px;background:#fff8e6;border:1px solid #eed7a1}
.lvi-editable-content .ai-agent-note-v28 p{margin:0 0 7px;color:#5f4a1b}
.lvi-editable-content .ai-agent-integrations-v28 .service-section-intro h2,.lvi-editable-content .ai-agent-integrations-v28 .service-section-copy h3{color:#fff}
.lvi-editable-content .ai-agent-integrations-v28 .service-section-intro>p:last-child,.lvi-editable-content .ai-agent-integrations-v28 .service-section-copy>p{color:rgba(255,255,255,.72)}
.lvi-editable-content .ai-agent-integrations-v28 .lvi-check-list li{color:#fff;border-color:rgba(255,255,255,.14)}
.lvi-editable-content .ai-agent-faq-v28{max-width:none}
.lvi-editable-content .ai-agent-faq-v28 .faq{margin-bottom:14px}
.lvi-editable-content .ai-agent-faq-v28 .faq summary{font-size:19px;padding:20px 4px}
.lvi-editable-content .ai-agent-faq-v28 .faq p{font-size:16px;line-height:1.75;color:var(--text)}

/* Metrics from the historical case study belong in the narrative as well as the sidebar. */
.reference-inline-metrics-v28{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:38px 0 46px}
.reference-inline-metric-v28{min-height:190px;padding:30px 32px;border:1px solid #e5d3a5;border-radius:22px;background:linear-gradient(145deg,#fffaf0,#fff);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 34px rgba(16,31,50,.05)}
.reference-inline-metric-v28 strong{display:block;font-size:clamp(52px,5vw,78px);line-height:.95;letter-spacing:-.06em;color:var(--ink);margin:4px 0 12px}
.reference-inline-metric-v28>span:last-child{font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#7f6a39}
.reference-inline-prefix-v28{font-size:12px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#a77300!important}
.reference-sidebar-row-v22 a{overflow-wrap:anywhere}

@media(max-width:1050px){
  .lvi-editable-content .service-section-grid.wp-block-columns{grid-template-columns:1fr!important;gap:34px!important}
  .lvi-editable-content .service-section-intro{max-width:820px}
  .lvi-editable-content .service-section-copy{max-width:none}
}
@media(max-width:720px){
  .lvi-editable-content .ai-agents-hero{padding-top:135px;padding-bottom:74px}
  .lvi-editable-content .ai-agents-hero h1{font-size:44px}
  .lvi-editable-content .ai-agents-hero .hero-lead{font-size:18px}
  .lvi-editable-content .lvi-editor-grid.two{grid-template-columns:1fr}
  .reference-inline-metrics-v28{grid-template-columns:1fr;margin:28px 0 36px}
  .reference-inline-metric-v28{min-height:155px;padding:26px}
}
/* Gutenberg's constrained child widths must not re-center content inside the aligned service columns. */
.lvi-editable-content .service-section-grid .wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.lvi-editable-content .service-section-grid .lvi-editor-grid.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;
}


/* ===== LVISystem Pro 2.9 — full service landing pages + portfolio metric text repair ===== */
.lvi-editable-content .service-page-v29{padding-top:178px;padding-bottom:105px}
.lvi-editable-content .service-page-v29 .container{display:block}
.lvi-editable-content .service-page-v29 h1{max-width:1180px;font-size:clamp(54px,5vw,82px);line-height:1.01;letter-spacing:-.055em;margin:0 0 26px}
.lvi-editable-content .service-page-v29 .hero-lead{max-width:980px;font-size:21px;line-height:1.72;color:rgba(255,255,255,.82);margin:0 0 18px}
.lvi-editable-content .service-page-v29 .hero-support{max-width:980px;font-size:17px;line-height:1.78;color:rgba(255,255,255,.64);margin:0 0 30px}
.lvi-editable-content .service-page-section-v29{padding:116px 0}
.lvi-editable-content .service-page-section-v29 .service-section-grid.wp-block-columns{display:grid!important;grid-template-columns:minmax(320px,400px) minmax(0,1fr)!important;gap:clamp(72px,7vw,128px)!important;align-items:start!important;width:100%!important;margin:0!important}
.lvi-editable-content .service-page-section-v29 .service-section-grid>.wp-block-column{margin:0!important;min-width:0!important}
.lvi-editable-content .service-page-section-v29 .service-section-intro{max-width:400px}
.lvi-editable-content .service-page-section-v29 .service-section-intro h2{font-size:clamp(38px,3.35vw,58px);line-height:1.06;letter-spacing:-.045em;margin:0 0 22px}
.lvi-editable-content .service-page-section-v29 .service-section-intro>p:last-child{font-size:17px;line-height:1.76;color:var(--text);margin:0}
.lvi-editable-content .service-page-section-v29 .service-section-copy{max-width:none;width:100%}
.lvi-editable-content .service-page-section-v29 .service-section-copy>h3{font-size:clamp(29px,2.25vw,40px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}
.lvi-editable-content .service-page-section-v29 .service-section-copy>p{font-size:18px;line-height:1.82;color:var(--text);margin:0 0 20px;max-width:980px}
.lvi-editable-content .service-page-section-v29 .lvi-editor-card{min-height:250px;padding:32px 34px;display:flex;flex-direction:column;justify-content:flex-start}
.lvi-editable-content .service-page-section-v29 .lvi-editor-card h3{font-size:23px;line-height:1.18;margin-bottom:14px}
.lvi-editable-content .service-page-section-v29 .lvi-editor-card p:not(.card-kicker){font-size:15.5px;line-height:1.72;color:#596679}
.lvi-editable-content .service-page-section-v29 .lvi-editor-card .text-link{margin-top:auto;padding-top:18px}
.lvi-editable-content .service-scope-list-v29{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:32px!important;padding:0!important;list-style:none!important}
.lvi-editable-content .service-scope-list-v29 li{padding:16px 0 16px 30px!important;position:relative;border-top:1px solid var(--line);font-size:16px;line-height:1.5;color:#354255}
.lvi-editable-content .service-scope-list-v29 li:before{content:"✓";position:absolute;left:3px;top:15px;color:#a77300;font-weight:900}
.lvi-editable-content .service-use-grid-v29{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:0!important}
.lvi-editable-content .service-process-grid-v29{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;margin:0!important}
.lvi-editable-content .service-process-grid-v29 .lvi-editor-card{min-height:235px}
.lvi-editable-content .service-process-grid-v29 .lvi-editor-card:last-child:nth-child(odd){grid-column:1/-1;min-height:200px}
.lvi-editable-content .service-deliver-v29 .service-section-intro h2,.lvi-editable-content .service-deliver-v29 .service-section-intro>p:last-child{color:#fff}
.lvi-editable-content .service-deliver-grid-v29{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:0!important}
.lvi-editable-content .service-deliver-v29 .lvi-editor-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
.lvi-editable-content .service-deliver-v29 .lvi-editor-card h3{color:#fff}
.lvi-editable-content .service-deliver-v29 .lvi-editor-card p{color:rgba(255,255,255,.7)!important}
.lvi-editable-content .service-faq-v29{max-width:none}
.lvi-editable-content .service-faq-v29 .faq{margin-bottom:14px;border-radius:16px;padding:0 22px}
.lvi-editable-content .service-faq-v29 .faq summary{font-size:18px;padding:20px 0}
.lvi-editable-content .service-faq-v29 .faq p{font-size:16px;line-height:1.78;color:var(--text)}
.lvi-editable-content .service-related-grid-v29{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:0!important}
.reference-metrics-summary-v29{font-size:17px!important;line-height:1.72!important;color:#465366!important;margin:-18px 0 44px!important;padding:0 2px}
.reference-metrics-summary-v29 strong{color:var(--ink);font-weight:820}
@media(max-width:1180px){
  .lvi-editable-content .service-page-section-v29 .service-section-grid.wp-block-columns{grid-template-columns:1fr!important;gap:38px!important}
  .lvi-editable-content .service-page-section-v29 .service-section-intro{max-width:860px}
  .lvi-editable-content .service-use-grid-v29,.lvi-editable-content .service-deliver-grid-v29,.lvi-editable-content .service-related-grid-v29{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .lvi-editable-content .service-page-v29{padding-top:134px;padding-bottom:76px}
  .lvi-editable-content .service-page-v29 h1{font-size:44px}
  .lvi-editable-content .service-page-v29 .hero-lead{font-size:18px}
  .lvi-editable-content .service-page-section-v29{padding:82px 0}
  .lvi-editable-content .service-scope-list-v29,.lvi-editable-content .service-use-grid-v29,.lvi-editable-content .service-process-grid-v29,.lvi-editable-content .service-deliver-grid-v29,.lvi-editable-content .service-related-grid-v29{grid-template-columns:1fr!important}
  .lvi-editable-content .service-process-grid-v29 .lvi-editor-card:last-child:nth-child(odd){grid-column:auto}
  .lvi-editable-content .service-page-section-v29 .lvi-editor-card{min-height:0}
}

/* AI agents use the same visual axis as the other service pages in 2.9. */
.lvi-editable-content .ai-agent-section{padding:116px 0}
.lvi-editable-content .ai-agent-section .service-section-grid.wp-block-columns{grid-template-columns:minmax(320px,400px) minmax(0,1fr)!important;gap:clamp(72px,7vw,128px)!important}
.lvi-editable-content .ai-agent-section .service-section-intro{max-width:400px}
@media(max-width:1180px){.lvi-editable-content .ai-agent-section .service-section-grid.wp-block-columns{grid-template-columns:1fr!important;gap:38px!important}.lvi-editable-content .ai-agent-section .service-section-intro{max-width:860px}}
@media(max-width:720px){.lvi-editable-content .ai-agent-section{padding:82px 0}}

/* ===== LVISystem Pro 3.0 — rebuilt long-form service system ===== */
:root{--max:1520px;--v30-rail:330px}
.lvi-editable-content .lvi-v30-service-hero{padding:178px 0 110px;min-height:700px}
.lvi-editable-content .lvi-v30-service-hero>.container{width:min(1520px,calc(100vw - 72px))!important;max-width:1520px!important}
.lvi-v30-service-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(420px,.78fr);gap:clamp(70px,7vw,130px);align-items:center;width:100%!important;max-width:none!important}
.lvi-v30-service-hero-grid>*{min-width:0;max-width:none!important;width:100%!important;margin:0!important}
.lvi-v30-hero-copy h1{font-size:clamp(58px,5.5vw,88px);line-height:.99;letter-spacing:-.058em;max-width:980px;margin:0 0 28px}
.lvi-v30-hero-copy .hero-lead{font-size:21px;line-height:1.72;max-width:900px;color:rgba(255,255,255,.83)}
.lvi-v30-hero-copy .hero-support{font-size:17px;line-height:1.78;max-width:900px;color:rgba(255,255,255,.62);margin:0 0 34px}
.lvi-v30-hero-panel{padding:38px 40px;border-radius:28px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 30px 70px rgba(0,0,0,.2);backdrop-filter:blur(14px)}
.lvi-v30-hero-panel h3{font-size:32px;margin:0 0 20px;letter-spacing:-.035em}
.lvi-v30-hero-list{list-style:none;padding:0!important;margin:20px 0 24px!important}
.lvi-v30-hero-list li{position:relative;padding:13px 0 13px 28px;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.82);font-size:15px}
.lvi-v30-hero-list li:before{content:'↗';position:absolute;left:0;color:var(--gold-2);font-weight:900}
.lvi-v30-micro{margin:0!important;font-size:11px!important;letter-spacing:.14em!important;font-weight:850;color:var(--gold-2)!important}

.lvi-editable-content .lvi-v30-band{padding:118px 0}
.lvi-editable-content .lvi-v30-band>.container{width:min(1520px,calc(100vw - 72px))!important;max-width:1520px!important}
.lvi-v30-band-grid{display:grid!important;grid-template-columns:var(--v30-rail) minmax(0,1fr);gap:clamp(70px,7vw,128px);align-items:start;width:100%!important;max-width:none!important}
.lvi-v30-band-grid>*{min-width:0;width:100%!important;max-width:none!important;margin:0!important}
.lvi-v30-rail{position:sticky;top:120px;align-self:start}
.lvi-v30-rail h2{font-size:clamp(38px,3.15vw,54px);line-height:1.05;letter-spacing:-.045em;margin:0 0 20px}
.lvi-v30-rail>p:last-child{font-size:16px;line-height:1.72;color:#667386;margin:0}
.lvi-v30-copy{width:100%;max-width:none!important}
.lvi-v30-copy>h3{font-size:clamp(30px,2.25vw,40px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px}
.lvi-v30-copy>p{font-size:18px;line-height:1.86;color:#445164;max-width:980px;margin:0 0 22px}
.lvi-v30-copy>h3:not(:first-child){margin-top:54px}
.lvi-v30-checks{list-style:none!important;padding:8px 0 0!important;margin:32px 0 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
.lvi-v30-checks li{position:relative;padding:17px 0 17px 30px;border-top:1px solid var(--line);font-size:16px;color:#344154}
.lvi-v30-checks li:before{content:'✓';position:absolute;left:2px;color:#a77300;font-weight:900}

.lvi-v30-card-grid{display:grid!important;gap:22px;width:100%;max-width:none!important}
.lvi-v30-card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.lvi-v30-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.lvi-v30-card-grid.process{grid-template-columns:repeat(2,minmax(0,1fr))}
.lvi-v30-card-grid.process>.lvi-editor-card:last-child:nth-child(odd){grid-column:1/-1}
.lvi-v30-card-grid .lvi-editor-card{min-height:280px;padding:34px 36px;border-radius:24px;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e6ed;box-shadow:0 14px 38px rgba(12,31,50,.045)}
.lvi-v30-card-grid .lvi-editor-card h3{font-size:24px;line-height:1.18;margin:0 0 14px;letter-spacing:-.025em}
.lvi-v30-card-grid .lvi-editor-card p:not(.card-kicker){font-size:15.5px;line-height:1.76;color:#5c6878;margin:0}
.lvi-v30-card-grid .lvi-editor-card .card-kicker{margin-bottom:16px}

.lvi-v30-dark-copy .lvi-v30-rail h2,.lvi-v30-dark-copy .lvi-v30-copy h3{color:#fff}
.lvi-v30-dark-copy .lvi-v30-rail>p:last-child,.lvi-v30-dark-copy .lvi-v30-copy>p{color:rgba(255,255,255,.72)}
.lvi-v30-dark-copy .lvi-editor-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.11);box-shadow:none}
.lvi-v30-dark-copy .lvi-editor-card h3{color:#fff}.lvi-v30-dark-copy .lvi-editor-card p:not(.card-kicker){color:rgba(255,255,255,.68)}

.lvi-v30-risk-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%}
.lvi-v30-risk{min-height:230px;padding:32px;border-radius:24px;background:#fff;border:1px solid #e0e6ed}
.lvi-v30-risk h3{font-size:21px;line-height:1.35;margin:16px 0 0;letter-spacing:-.025em}
.lvi-v30-faq{width:100%;max-width:1080px}
.lvi-v30-faq .faq{background:#fff;border:1px solid #e0e6ed;border-radius:18px;padding:0 24px;margin:0 0 14px}
.lvi-v30-faq .faq summary{font-size:18px;font-weight:800;padding:22px 4px;cursor:pointer}
.lvi-v30-faq .faq p{font-size:16px;line-height:1.8;color:#4e5b6c;margin:0 4px 24px}
.lvi-v30-cta-grid{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:center;width:100%!important;max-width:none!important}
.lvi-v30-cta-copy h2{font-size:clamp(40px,3.5vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0 0 18px;max-width:980px}
.lvi-v30-cta-copy p{font-size:17px;line-height:1.75;color:rgba(255,255,255,.72);max-width:900px}

/* Gutenberg guardrails — V3 layouts must never inherit contentSize constraints. */
.lvi-v30-service-hero-grid.is-layout-constrained>*:not(.alignfull),
.lvi-v30-band-grid.is-layout-constrained>*:not(.alignfull),
.lvi-v30-card-grid.is-layout-constrained>*:not(.alignfull),
.lvi-v30-risk-grid.is-layout-constrained>*:not(.alignfull),
.lvi-v30-cta-grid.is-layout-constrained>*:not(.alignfull){max-width:none!important;margin-left:0!important;margin-right:0!important}

/* Portfolio: remove old counter debris and keep the clean metric statement visible. */
.reference-metrics-summary-v29{display:block!important;margin:18px 0 42px!important;font-size:18px!important;line-height:1.75!important;color:#3e4b5d!important}
.reference-metrics-summary-v29 strong{font-weight:850;color:#0b1728}

@media(max-width:1180px){
 .lvi-v30-service-hero-grid{grid-template-columns:1fr;gap:48px}.lvi-v30-hero-panel{max-width:900px}
 .lvi-v30-band-grid{grid-template-columns:1fr;gap:38px}.lvi-v30-rail{position:static;max-width:900px}
 .lvi-v30-card-grid.three,.lvi-v30-risk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .lvi-editable-content .lvi-v30-service-hero{padding:132px 0 72px}.lvi-v30-hero-copy h1{font-size:45px}.lvi-v30-hero-copy .hero-lead{font-size:18px}
 .lvi-editable-content .lvi-v30-band{padding:78px 0}.lvi-v30-card-grid.two,.lvi-v30-card-grid.three,.lvi-v30-card-grid.process,.lvi-v30-risk-grid,.lvi-v30-checks{grid-template-columns:1fr!important}
 .lvi-v30-card-grid.process>.lvi-editor-card:last-child:nth-child(odd){grid-column:auto}.lvi-v30-card-grid .lvi-editor-card{min-height:0}
 .lvi-v30-cta-grid{grid-template-columns:1fr;gap:28px}.lvi-v30-service-hero>.container,.lvi-v30-band>.container{width:min(100vw - 28px,1520px)!important}
}

/* LVISystem Pro 3.1 — four-column homepage scope grid */
.lvi-v30-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.lvi-v30-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.lvi-v30-card-grid.four{grid-template-columns:1fr}}


/* ===== LVISystem Pro 3.2 — cards must never jump vertically on hover ===== */
/* V3 service cards previously used translateY(-6px) on :hover. In a three-card row this made
   the card under the pointer look permanently higher than its neighbours. Keep the visual
   hover feedback, but do not move the card. */
.lvi-editable-content .lvi-v30-card-grid{align-items:stretch!important}
.lvi-editable-content .lvi-v30-card-grid>.lvi-editor-card{align-self:stretch!important;transform:none!important;margin-top:0!important}
.lvi-editable-content .lvi-v30-card-grid>.lvi-editor-card:hover{transform:none!important;box-shadow:0 18px 44px rgba(12,31,50,.08);border-color:#d4dde6}


/* ===== LVISystem Pro 3.3 — definitive card row alignment fix =====
   Older global CSS moved every .lvi-editor-card by -6px on hover. The 3.2 patch
   only neutralised that behavior inside .lvi-v30-card-grid, while legacy/service
   Gutenberg grids still use classes such as service-related-grid-v29.
   All editor cards now stay on the same baseline in every grid and state. */
.lvi-editable-content .lvi-editor-grid,
.lvi-editable-content .service-use-grid-v29,
.lvi-editable-content .service-process-grid-v29,
.lvi-editable-content .service-deliver-grid-v29,
.lvi-editable-content .service-related-grid-v29,
.lvi-editable-content .lvi-v30-card-grid {
  align-items: stretch !important;
  grid-auto-rows: 1fr;
}

.lvi-editable-content .lvi-editor-grid > .lvi-editor-card,
.lvi-editable-content .service-use-grid-v29 > .lvi-editor-card,
.lvi-editable-content .service-process-grid-v29 > .lvi-editor-card,
.lvi-editable-content .service-deliver-grid-v29 > .lvi-editor-card,
.lvi-editable-content .service-related-grid-v29 > .lvi-editor-card,
.lvi-editable-content .lvi-v30-card-grid > .lvi-editor-card {
  align-self: stretch !important;
  height: 100%;
  margin-top: 0 !important;
  top: auto !important;
  transform: none !important;
  translate: none !important;
  transition: box-shadow .2s ease, border-color .2s ease !important;
}

.lvi-editable-content .lvi-editor-card:hover,
.lvi-editable-content .lvi-editor-card:focus,
.lvi-editable-content .lvi-editor-card:focus-within,
.lvi-editable-content .lvi-editor-grid > .lvi-editor-card:first-child,
.lvi-editable-content .service-related-grid-v29 > .lvi-editor-card:first-child {
  margin-top: 0 !important;
  top: auto !important;
  transform: none !important;
  translate: none !important;
}
