@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
/* Smaglob professional design layer. Base layout remains in style.css. */
:root{--brand-accent:#c91e28;--brand-paper:#f5f5f3;--brand-radius:12px;--red:var(--brand-accent);--red-dark:#981923;--black:#0b0e13;--ink:#121821;--paper:var(--brand-paper);--line:#dce0e4;--muted:#58616d;--font:'Manrope',Arial,sans-serif}
body.font-inter{--font:'Inter',Arial,sans-serif}body.font-ibm{--font:'IBM Plex Sans',Arial,sans-serif}
body:not(.admin-body){font-family:var(--font);color:var(--ink);overflow-x:clip}body:not(.admin-body) h1,body:not(.admin-body) h2,body:not(.admin-body) h3{letter-spacing:-.038em;line-height:1.13}body:not(.admin-body) h1{font-size:clamp(3rem,6.1vw,6.5rem);font-weight:800}body:not(.admin-body) h2{font-size:clamp(2.25rem,4.1vw,4.5rem);font-weight:800}body:not(.admin-body) p{line-height:1.76}
body:not(.admin-body) .shell{width:min(1320px,calc(100% - 80px))}
body:not(.admin-body) .site-header{background:rgba(10,13,18,.94);border-bottom:1px solid rgba(255,255,255,.11);box-shadow:0 8px 32px rgba(0,0,0,.13)}body:not(.admin-body) .header-grid{height:84px;gap:22px}body:not(.admin-body) .logo{width:166px}body:not(.admin-body) .logo img{display:block}body:not(.admin-body) .primary-nav{gap:2px}body:not(.admin-body) .nav-link{font-size:.79rem;letter-spacing:.005em;font-weight:700;padding:0 13px;color:#d4d6db;border-radius:0;transition:background .22s,color .22s}body:not(.admin-body) .nav-link:before{height:3px;bottom:13px;left:13px;right:13px;border-radius:3px;transform-origin:center}body:not(.admin-body) .nav-link:hover,body:not(.admin-body) .nav-link:focus-visible{background:rgba(255,255,255,.075);color:#fff}body:not(.admin-body) .nav-link.is-active{color:#fff;background:rgba(201,30,40,.16)}body:not(.admin-body) .nav-link.is-active:before{transform:scaleX(1)}body:not(.admin-body) .nav-side{gap:12px}body:not(.admin-body) .language select{background:#191f27;border:1px solid #454d57;border-radius:8px;color:#fff;padding:10px 7px}body:not(.admin-body) .nav-action{background:var(--red);border-radius:var(--brand-radius);padding:12px 16px;min-height:42px;display:inline-flex;align-items:center;transition:transform .2s,filter .2s,box-shadow .2s}body:not(.admin-body) .nav-action:hover{filter:brightness(1.09);transform:translateY(-2px);box-shadow:0 10px 25px rgba(201,30,40,.27)}
body:not(.admin-body) :is(.button,.sector-copy a){border-radius:var(--brand-radius);letter-spacing:.012em}body:not(.admin-body) .button{gap:24px;min-height:51px;padding:14px 22px;box-shadow:0 0 0 0 transparent;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}body:not(.admin-body) .button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.17)}body:not(.admin-body) .button.red:hover{background:var(--red);filter:brightness(1.1);box-shadow:0 12px 27px rgba(201,30,40,.27)}body:not(.admin-body) :is(a,button,select,input,textarea,summary):focus-visible{outline:3px solid var(--red);outline-offset:3px}body:not(.admin-body) .button.outline:hover{border-color:#fff;background:rgba(255,255,255,.09)}body:not(.admin-body) .under-link{transition:gap .2s,color .2s}body:not(.admin-body) .under-link:hover{gap:25px}
body:not(.admin-body) .hero{background:#0b0e13}body:not(.admin-body) .hero:before{background:radial-gradient(circle at 80% 42%,rgba(171,22,34,.24),transparent 40%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%)}body:not(.admin-body) .hero-layout{min-height:620px;gap:clamp(30px,5vw,90px)}body:not(.admin-body) .hero-text>p{font-size:1.12rem;color:#c4cbd3}body:not(.admin-body) .hero h1{margin:26px 0}body:not(.admin-body) .hero-visual{height:510px;min-height:0;border:1px solid rgba(255,255,255,.14);border-radius:calc(var(--brand-radius) + 6px);box-shadow:0 30px 80px rgba(0,0,0,.32);transform:translateY(10px)}body:not(.admin-body) .hero-visual img{display:block}body:not(.admin-body) .hero-caption{margin-top:64px}body:not(.admin-body) .hero-edge{color:#abb0b8}body:not(.admin-body) .brand-intro{background:#fff}
body:not(.admin-body) :is(.eyebrow,.section-label){font-size:.72rem;letter-spacing:.15em;font-weight:800}body:not(.admin-body) .dark-section{background:#11161e}body:not(.admin-body) .white-section{background:var(--paper)}body:not(.admin-body) .section-head{margin-bottom:42px}body:not(.admin-body) .section-head>p{max-width:410px}body:not(.admin-body) :is(.feature-section,.sector-section,.spacious,.intro,.value-section,.ai-section,.editorial){padding-top:clamp(72px,8vw,115px);padding-bottom:clamp(72px,8vw,115px)}
body:not(.admin-body) .feature-grid{gap:20px}body:not(.admin-body) .feature-card{border:1px solid #39404a;border-radius:var(--brand-radius);background:#1a212b;padding:27px;min-height:430px;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}body:not(.admin-body) .feature-card:hover{background:#202a36;box-shadow:0 25px 50px rgba(0,0,0,.23)}body:not(.admin-body) .feature-art{margin:18px -27px 25px;height:185px}body:not(.admin-body) .feature-art img{transition:transform .55s}body:not(.admin-body) .feature-card:hover img{transform:scale(1.045)}body:not(.admin-body) .feature-card p{color:#b9c0c9}
body:not(.admin-body) .sectors-grid{gap:21px}body:not(.admin-body) .sector-card{border:1px solid #e3e6e8;border-radius:var(--brand-radius);box-shadow:0 5px 18px rgba(19,29,43,.035);transition:transform .28s,box-shadow .28s,border-color .28s}body:not(.admin-body) .sector-card:hover{transform:translateY(-6px);border-color:#d2d6dc;box-shadow:0 22px 44px rgba(19,29,43,.13)}body:not(.admin-body) .sector-image{height:220px}body:not(.admin-body) .sector-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,14,.43),transparent 43%);pointer-events:none}body:not(.admin-body) .sector-no{z-index:2;top:18px;left:21px;font-size:.77rem}body:not(.admin-body) .sector-image img{transition:transform .6s}body:not(.admin-body) .sector-card:hover .sector-image img{transform:scale(1.055)}body:not(.admin-body) .sector-copy{padding:25px;min-height:195px}body:not(.admin-body) .sector-copy p{max-width:none;padding-right:12px;margin-bottom:35px;color:#57616e}body:not(.admin-body) .sector-copy a{right:23px;bottom:22px}
body:not(.admin-body) .value-grid article{background:#fff}body:not(.admin-body) .value-grid h3{margin-top:48px}body:not(.admin-body) .bottom-cta{background:#181e27}body:not(.admin-body) .red-panel{background:var(--red)}body:not(.admin-body) .footer{background:#090d12}body:not(.admin-body) .footer-main{grid-template-columns:1.15fr .9fr 1.15fr;gap:40px}body:not(.admin-body) .footer-contact address{margin-top:22px;color:#c7ccd3}body:not(.admin-body) .footer-base{color:#b1b6bf}body:not(.admin-body) .footer-links a{transition:color .2s,transform .2s}body:not(.admin-body) .footer-links a:hover{color:#fff;transform:translateX(3px)}body:not(.admin-body) .page-hero-dark{background:radial-gradient(circle at 90% 10%,rgba(201,30,40,.18),transparent 45%),linear-gradient(135deg,#0b0e13,#171d25)}body:not(.admin-body) .page-hero{padding-top:110px;padding-bottom:110px}
body:not(.admin-body) :is(.integra360-hero-photo,.integra360-evolve-photo,.editorial-art img,.contact-art,.about-photo,.page-art,.ai-visual){border-radius:var(--brand-radius)}body:not(.admin-body) .integra360-preview-frame{border-radius:var(--brand-radius)}body:not(.admin-body) .integra360-pillars article{border-color:var(--red)}body:not(.admin-body) .method-grid article{background:#fff}body:not(.admin-body) .faq-list details{transition:background .2s;padding-left:10px;padding-right:10px}body:not(.admin-body) .faq-list details[open]{background:#fff}
body:not(.admin-body) .form-frame{border-radius:var(--brand-radius);border:1px solid #e1e5e8;box-shadow:0 24px 55px rgba(19,29,43,.12)}body:not(.admin-body) label input,body:not(.admin-body) label select,body:not(.admin-body) label textarea{border-radius:8px;background:#fafafa;border-color:#d8dde2}body:not(.admin-body) .form-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body:not(.admin-body) .contact-columns{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,5vw,80px)}body:not(.admin-body) .contact-columns>*{min-width:0}body:not(.admin-body) .form-frame{min-width:0}
body:not(.admin-body) [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}body:not(.admin-body) [data-reveal].is-visible{opacity:1;transform:translateY(0)}
.admin-body{--red:#c91e28;font-family:'Manrope',Arial,sans-serif}.admin-body .admin-sidebar{background:#151a21}.admin-body .admin-sidebar a{border-radius:8px}.admin-body .admin-sidebar a.active{border-left:3px solid var(--red);background:#2c3038}.admin-body .admin-card{border-radius:12px}.admin-body .admin-stat>div{border-radius:10px}.admin-body input[type=color]{min-height:50px;padding:5px;background:#111216}.admin-body .button.primary{border-radius:8px}.admin-body .admin-top h1{letter-spacing:-.03em}
@media(max-width:1220px){body:not(.admin-body) .header-grid{gap:13px}body:not(.admin-body) .logo{width:142px}body:not(.admin-body) .nav-link{padding:0 9px;font-size:.73rem}body:not(.admin-body) .nav-link:before{left:9px;right:9px}body:not(.admin-body) .nav-action{padding:10px;font-size:.7rem}}
@media(max-width:1040px){body:not(.admin-body) .header-grid{height:74px}body:not(.admin-body) .menu-toggle{border:1px solid #59616b;border-radius:9px;padding:10px;z-index:3;transition:background .2s}body:not(.admin-body) .menu-toggle:hover{background:#26303c}body:not(.admin-body) .primary-nav{top:74px;left:0;right:0;max-height:calc(100dvh - 74px);overflow-y:auto;box-shadow:0 24px 40px rgba(0,0,0,.25);padding:15px max(20px,calc((100vw - 880px)/2));background:#101720;gap:4px}body:not(.admin-body) .nav-link{padding:15px 17px;border-radius:8px;font-size:.92rem}body:not(.admin-body) .nav-link:before{left:0;right:auto;top:10px;bottom:10px;height:auto;width:3px;transform:scaleY(0)}body:not(.admin-body) .nav-link.is-active:before,body:not(.admin-body) .nav-link:hover:before{transform:scaleY(1)}body:not(.admin-body) .nav-side{margin-left:0}body:not(.admin-body) .hero-layout{min-height:560px}}
@media(max-width:900px){body:not(.admin-body) .contact-columns{grid-template-columns:minmax(0,1fr);gap:25px}body:not(.admin-body) .form-frame{margin-top:0}body:not(.admin-body) .footer-main{grid-template-columns:1fr 1fr}body:not(.admin-body) .footer-contact{grid-column:1/-1}}
@media(max-width:720px){body:not(.admin-body) .shell{width:calc(100% - 36px)}body:not(.admin-body) .hero-layout{padding-top:62px;gap:30px}body:not(.admin-body) .hero h1{font-size:clamp(2.8rem,10vw,4.5rem)}body:not(.admin-body) .hero-visual{height:310px;min-height:0;transform:none}body:not(.admin-body) .hero-text>p{font-size:1.02rem}body:not(.admin-body) .hero-caption{margin-top:38px}body:not(.admin-body) .section-head h2{font-size:clamp(2.15rem,8vw,3.2rem)}body:not(.admin-body) .feature-grid,body:not(.admin-body) .sectors-grid{grid-template-columns:1fr}body:not(.admin-body) .sector-image{height:220px}body:not(.admin-body) .sector-copy{min-height:0}body:not(.admin-body) .page-hero{padding:74px 0}body:not(.admin-body) .contact-columns{gap:20px}body:not(.admin-body) .contact-columns .form-two{grid-template-columns:1fr}body:not(.admin-body) .contact-hero h1{font-size:clamp(2.4rem,9vw,3.9rem)}body:not(.admin-body) .footer-main{grid-template-columns:1fr 1fr}body:not(.admin-body) .footer-contact{grid-column:1/-1}body:not(.admin-body) .form-frame{padding:25px 18px}body:not(.admin-body) .integra360-preview-head{display:block}body:not(.admin-body) .integra360-preview-head .button{margin-top:20px}}
@media(max-width:520px){body:not(.admin-body) .header-grid{gap:8px}body:not(.admin-body) .logo{width:130px}body:not(.admin-body) .nav-side{margin-left:0}body:not(.admin-body) .language select{padding:9px 5px}body:not(.admin-body) .hero-visual{height:270px}body:not(.admin-body) .footer-main{grid-template-columns:1fr}body:not(.admin-body) .footer-contact{grid-column:1}body:not(.admin-body) .footer-contact address{overflow-wrap:anywhere}body:not(.admin-body) .footer-base{flex-wrap:wrap}body:not(.admin-body) .button{width:auto;max-width:100%}body:not(.admin-body) .bottom-cta .button{width:100%}body:not(.admin-body) .contact-wrap .shell,body:not(.admin-body) .contact-hero .shell{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body:not(.admin-body) *,body:not(.admin-body) *:before,body:not(.admin-body) *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}body:not(.admin-body) [data-reveal]{opacity:1;transform:none}}
body:not(.admin-body) :is(.price-card,.estimator-panel,.mission-vision-grid article,.solution-row){border-radius:var(--brand-radius);overflow:hidden}body:not(.admin-body) .price-card{transition:transform .25s,box-shadow .25s,border-color .25s}body:not(.admin-body) .price-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px rgba(19,29,43,.14)}body:not(.admin-body) .price-featured{border-color:var(--red)}body:not(.admin-body) .estimator-panel{box-shadow:0 20px 45px rgba(19,29,43,.11)}body:not(.admin-body) .pricing-hero p{max-width:760px}body:not(.admin-body) .method-grid article{transition:background .2s}body:not(.admin-body) .method-grid article:hover{background:#f8f8f7}
@media(max-width:720px){body:not(.admin-body) .price-grid{grid-template-columns:minmax(0,1fr)}body:not(.admin-body) .pricing-estimator-grid{grid-template-columns:minmax(0,1fr)}body:not(.admin-body) .estimator-fields{grid-template-columns:minmax(0,1fr)}body:not(.admin-body) .method-grid{grid-template-columns:minmax(0,1fr)}}
body:not(.admin-body){--red:var(--brand-accent);--paper:var(--brand-paper)}