/* Bevica homepage v4: light enterprise direction inspired by the user-provided reference. */
:root{--ink:#0a192f;--ink-soft:#506474;--teal:#00a896;--teal-dark:#0b4051;--lime:#c8f258;--paper:#f5f8fa;--line:#d9e4e9;--container:1320px}
body{color:var(--ink);background:#fff}
.site-header{border-bottom:1px solid #e4ebef;box-shadow:none;background:#fff}
.header-inner{height:92px}
.desktop-nav a{color:#112b3b}.desktop-nav a:hover{color:#007f83}
.header-cta{background:#092838;border-radius:7px;box-shadow:0 8px 22px #0a192f12}
.header-cta:hover{background:#16465b}
.hero{background:linear-gradient(110deg,#fbfdff 0%,#f6f9fc 48%,#e8f0f5 100%);color:var(--ink)}
.hero:before{background:radial-gradient(circle at 76% 48%,#ccdfedaa 0,transparent 45%),radial-gradient(circle at 92% 94%,#dbe6ef 0,transparent 29%)}
.hero-mesh{opacity:.2;background-image:linear-gradient(#a5bac9 1px,transparent 1px),linear-gradient(90deg,#a5bac9 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:658px;gap:16px;align-items:center}
.hero-copy{padding:88px 0 72px;z-index:3}
.hero .eyebrow.light{color:#59747b;margin-bottom:29px}
.hero .eyebrow-line{width:33px;background:#96aab0}
.hero h1{max-width:660px;font-size:clamp(54px,4.7vw,74px);line-height:1.06;font-weight:750;letter-spacing:-.062em;color:#09283b}
.hero h1 em{background:linear-gradient(115deg,#0f5a70 0%,#00a896 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:555px;margin:31px 0 33px;color:#354c59;font-size:17px;line-height:1.7}
.hero-actions{gap:28px}
.hero-actions .button-lime{background:#1858d0;color:#fff;min-height:53px;box-shadow:0 8px 20px #1958cf24}
.hero-actions .button-lime:hover{background:#0c44ac;box-shadow:0 15px 25px #1958cf2b}
.hero-actions .light-link{color:#0c2d40;border-color:#80959e}
.hero-actions .light-link:hover{color:#007f83}
.hero-platform{position:relative;z-index:1;width:120%;margin-left:-8%;margin-right:-13%;align-self:center;filter:drop-shadow(0 26px 28px #1b3b5830)}
.hero-platform>img{display:block;width:100%;height:auto;object-fit:contain;transform:translateY(8px);animation:hero-art-enter .9s ease both}
.hero-live-card{position:absolute;right:9%;bottom:8%;width:217px;padding:15px 17px 12px;background:#f8fcfff0;border:1px solid #cadce7;border-radius:12px;box-shadow:0 15px 32px #0d385426;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:rotate(3deg)}
.hero-live-top{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:850;letter-spacing:.14em;color:#638092}
.hero-live-top .bevica-pulse-dot{width:7px;height:7px;flex:none}
.hero-live-card strong{display:block;margin:8px 0 4px;font-size:13px;line-height:1.2;color:#092b3e}
.hero-live-card svg{width:100%;height:30px;fill:none;stroke:#00a896;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hero-visual-caption{position:absolute;left:9%;bottom:6%;padding:6px 10px;background:#f9fcffcf;border:1px solid #cfdee7;border-radius:5px;color:#4a6470;font-size:9px;font-weight:800;letter-spacing:.16em;backdrop-filter:blur(7px)}
.hero-visual-caption span{padding:0 6px;color:#00a896}
.hero-paths{border-top:1px solid #cad9e0;grid-template-columns:1fr 1fr}
.hero-paths a{min-height:101px;color:#123044;padding:18px 25px 19px}
.hero-paths a:first-child{border-color:#cad9e0}
.hero-paths a:hover{background:#e4eff4a9}
.hero-paths span{color:#477e85}.hero-paths strong{font-size:18px}.hero-paths b{color:#00a896}
.trust{background:#fff;border-bottom:1px solid #e4eaed;padding:73px 0 80px}
.trust .eyebrow,.intro .eyebrow,.approach .eyebrow{color:#008f86}
.trust h2,.intro h2,.approach h2,.about h2,.contact h2{color:#092b3d}
.trust-heading>p{color:#5b6e79}
.trust-label{color:#64808b}
.client-logo{background:#fff;border-color:#e2e9ed;border-radius:10px;box-shadow:0 10px 28px #12344908;transition:transform .25s,box-shadow .25s,border-color .25s}
.client-logo:hover{transform:translateY(-5px);border-color:#9ecacb;box-shadow:0 18px 32px #12344918}
.client-logo img{filter:grayscale(1);opacity:.7;transition:filter .25s,opacity .25s}
.client-logo:hover img{filter:grayscale(0);opacity:1}
.stasy-logo{background:#243597}
.ministry-logo{background:#18558b}
.stasy-logo img,.ministry-logo img{filter:none;opacity:1}
.intro{background:linear-gradient(125deg,#f6fafb 0%,#eef4f7 100%);padding:106px 0 114px}
.intro-grid{grid-template-columns:.68fr 2fr;gap:44px}
.intro h2{max-width:940px;font-weight:710}
.intro p:not(.eyebrow){color:#506474}
.accent-underline{box-shadow:inset 0 -.16em 0 #d7efa4}
.approach{background:#fff}
.approach-grid{gap:105px}
.approach-heading h2{font-weight:720}
.approach-steps{border-top:1px solid #ccdce1}
.approach-steps>div{border-bottom:1px solid #ccdce1;transition:padding .2s,background .2s}
.approach-steps>div:hover{padding-left:14px;background:#f5fafb}
.approach-steps span{color:#009a8e}
.approach-steps h3{color:#0c2e40}
.engineering{background:#0a192f;color:#fff}
.engineering:before{background-image:linear-gradient(#5a91a9 1px,transparent 1px),linear-gradient(90deg,#5a91a9 1px,transparent 1px);opacity:.1}
.engineering-heading h2 em{color:#c8f258}
.engineering-heading>p{color:#b1c5ce}
.engineering .eyebrow.light{color:#b5d5ce}
.architecture-map{background:#112d40;border:1px solid #466779;border-radius:16px;box-shadow:0 36px 85px #000c1e6e}
.architecture-row+.architecture-row{border-color:#466779}
.architecture-intro{border-color:#466779;background:linear-gradient(120deg,#0d2a3c,#14364a)}
.architecture-intro:before{background:#c8f258}
.layer-index{color:#b2d7ca}
.architecture-intro p{color:#b7ccd2}
.tech-brand{border-color:#c9dce5;background:#f9fcff;box-shadow:0 10px 20px #001c2c12;transition:transform .25s,box-shadow .25s}
.tech-brand:hover{transform:translateY(-4px);box-shadow:0 15px 27px #001c2c30}
.integration-grid>div{border-color:#53788a;background:#193b50;transition:transform .25s,background .25s}
.integration-grid>div:hover{transform:translateY(-4px);background:#20516a}
.integration-symbol{color:#c8f258}
.about{background:#eef5f6;color:#0a192f}
.about-grid{grid-template-columns:.95fr 1.05fr}
.about-mark{width:min(100%,500px);height:440px;border:1px solid #c9dee2;background:radial-gradient(circle at 50% 50%,#f9fcfd 0,#edf6f7 57%,#dcebef 100%);box-shadow:0 28px 60px #0e46531b}
.about-mark:before,.about-mark:after{border-color:#8db9c254}
.about-mark>span{color:#0d6574;text-shadow:0 12px 25px #0b405126}
.about-dot{color:#c8f258}
.about .eyebrow.light{color:#008f86}
.about p:not(.eyebrow){color:#506474}
.about .text-link{color:#0a4050;border-color:#7ca7aa}
.contact{background:linear-gradient(125deg,#eaf4f6,#d8ebec)}
.contact h2{font-weight:720}
.contact h2 span{color:#00a896}
.contact-grid>div:last-child p{color:#405d68}
.contact .button-dark{background:#0a192f;color:#fff}
.contact .button-dark:hover{background:#145168}
.site-footer{background:#f8fafb}
.footer-bottom{border-color:#d8e4e9}
@keyframes hero-art-enter{from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(8px) scale(1)}}
@media(max-width:1100px){.hero-grid{grid-template-columns:.96fr 1.04fr;gap:0}.hero h1{font-size:clamp(49px,5vw,63px)}.hero-platform{width:116%;margin-left:-5%;margin-right:-10%}.hero-live-card{right:9%;bottom:5%;transform:rotate(2deg)}}
@media(max-width:1020px){.desktop-nav,.header-cta{display:none}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #dce6e1;border-radius:8px;background:#fff}.menu-toggle span{width:20px;height:2px;background:var(--ink);border-radius:2px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:6px 21px 21px;background:#fff;border-top:1px solid #e5ece8}.mobile-nav a{padding:13px 3px;border-bottom:1px solid #e7eeea;font-size:15px;font-weight:650}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:78px 0 12px}.hero h1{max-width:820px;font-size:clamp(53px,7.2vw,70px)}.hero-lead{max-width:660px}.hero-platform{width:min(103%,780px);margin:-26px auto 0;justify-self:center}.hero-live-card{right:7%;bottom:7%}}
@media(max-width:800px){.header-inner{height:78px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:83px 0 20px}.hero h1{max-width:780px;font-size:clamp(51px,7.3vw,68px)}.hero-platform{width:min(110%,750px);margin:-18px auto 4px;justify-self:center}.hero-live-card{right:7%;bottom:7%}.hero-paths{grid-template-columns:1fr 1fr}.intro-grid,.approach-grid,.about-grid{grid-template-columns:1fr;gap:28px}.about-mark{height:360px;width:360px;max-width:90%;margin:auto}.architecture-intro{border-right:0;border-bottom:1px solid #466779}}
@media(max-width:560px){.hero-copy{padding:64px 0 8px}.hero .eyebrow.light{margin-bottom:23px;font-size:9px}.hero h1{font-size:clamp(41px,10.2vw,54px);line-height:1.08}.hero-lead{font-size:15px;margin:24px 0 27px}.hero-actions{gap:22px}.hero-platform{width:125%;max-width:none;margin:-2px -12.5% -4px}.hero-live-card{right:8%;bottom:6%;width:170px;padding:10px 12px}.hero-live-top{font-size:7px}.hero-live-card strong{font-size:11px}.hero-live-card svg{height:21px}.hero-visual-caption{left:12%;bottom:7%;font-size:6px;padding:4px}.hero-paths{grid-template-columns:1fr}.hero-paths a{min-height:83px;padding:14px 2px}.hero-paths a:first-child{border-right:0;border-bottom:1px solid #cad9e0}.hero-paths strong{font-size:16px}.trust{padding:62px 0}.intro{padding:76px 0}.approach-steps>div:hover{padding-left:0}.about-mark{height:280px;width:280px}.about-mark>span{font-size:155px}}
@media(prefers-reduced-motion:reduce){.hero-platform>img{animation:none}}