/* EÖ Engineering & Digital Solutions – public integration v8
   Additive styles only: do not change pricing, auth, app or contact behavior. */
:root{--eo8-navy:#0b2855;--eo8-dark:#092143;--eo8-blue:#075fd1;--eo8-cyan:#04b9e9;--eo8-ink:#142b4c;--eo8-text:#465f79;--eo8-line:#dfebf5;--eo8-soft:#f4f8fd}
html{scroll-behavior:smooth}
body.eo8-site{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--eo8-ink)}
body.eo8-site .site-header,body.eo8-site .eo-public-header{background:#fff!important;border-bottom:1px solid #e9f0f7!important;box-shadow:0 3px 19px rgba(13,38,70,.035)!important;color:#132d4b!important}
body.eo8-site .site-header .brand-copy strong,body.eo8-site .eo-public-header .eo-brand-copy strong{color:#0b2855!important}
body.eo8-site .site-header .brand-copy>span,body.eo8-site .eo-public-header .eo-brand-copy>span{color:#4d7593!important;font-size:.66rem!important;letter-spacing:.07em}
body.eo8-site .site-header .main-nav>a,body.eo8-site .eo-public-header .eo-main-nav>a{color:#153454!important;font-weight:650!important}
body.eo8-site .site-header .main-nav>a:hover,body.eo8-site .eo-public-header .eo-main-nav>a:hover{color:#0763d0!important}
body.eo8-site .site-header .header-actions a,body.eo8-site .eo-public-header .eo-header-actions a{color:#0e345c}
body.eo8-site .site-header .header-actions a:last-child,body.eo8-site .eo-public-header .eo-header-actions a:last-child{background:#0865ce!important;color:#fff!important;border-color:#0865ce!important}
body.eo8-site .site-header .header-tool-link,body.eo8-site .site-header .header-login-link,body.eo8-site .eo-public-header .eo-header-tool-link,body.eo8-site .eo-public-header .eo-header-login-link{display:none!important}
body.eo8-site .site-header .menu-toggle span,body.eo8-site .eo-public-header .eo-menu-toggle span{background:#0c3765!important}
body.eo8-site .site-footer,body.eo8-site .footer{border-top:1px solid #dbe8f3}
body.eo8-site :focus-visible{outline:3px solid #16b7e8;outline-offset:3px}
/* Homepage sections: enterprise identity first, products only after context */
body.eo8-home{background:#fff}
.eo8-container{width:min(1190px,calc(100% - 64px));margin-inline:auto}
.eo8-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 36%,rgba(5,179,237,.1),transparent 37%),linear-gradient(124deg,#fafdff 0%,#f3f8ff 48%,#eaf4ff 100%);color:#10294f}
.eo8-hero:before{content:"";position:absolute;inset:-40% -12% auto auto;width:68%;height:140%;border:1px solid #d3e7fa;border-radius:50%;pointer-events:none;transform:rotate(-24deg)}
.eo8-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;min-height:660px;padding-block:86px 76px;position:relative}
.eo8-eyebrow,.eo8-label{font-size:.77rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#0968c9;display:inline-flex;gap:12px;align-items:center}
.eo8-eyebrow-mark{display:inline-block;width:24px;height:3px;background:#02b7ed;border-radius:4px;flex:none}
.eo8-hero h1{font-size:clamp(2.8rem,4.5vw,4.65rem);line-height:1.1;letter-spacing:-.053em;color:#0a2954;margin:27px 0 23px;max-width:720px;font-style:normal;font-weight:830}
.eo8-hero h1 span{color:#0862ca}
.eo8-hero-lead{font-size:clamp(1.17rem,1.62vw,1.35rem);color:#183655;line-height:1.58;font-weight:650;max-width:610px;margin:0 0 15px}
.eo8-hero-body{font-size:1.05rem;line-height:1.78;color:#4b6580;max-width:600px;margin:0}
.eo8-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.eo8-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:9px;padding:12px 20px;text-decoration:none!important;font-weight:750;font-size:.94rem;transition:transform .18s,background .18s,border-color .18s;line-height:1.35}
.eo8-btn:hover{transform:translateY(-2px)}
.eo8-btn-primary{background:#0863c9;color:#fff!important;border:1px solid #0863c9;box-shadow:0 9px 20px rgba(5,85,186,.15)}
.eo8-btn-outline{border:1px solid #b7d3ec;background:#fff;color:#0b57ad!important}
.eo8-trust{display:flex;gap:19px;flex-wrap:wrap;padding-top:30px;margin-top:32px;border-top:1px solid #d7e7f5}
.eo8-trust span{font-size:.72rem;color:#526c85;display:flex;gap:8px;align-items:center;max-width:190px;line-height:1.35}
.eo8-trust b{color:#0970d7;font-size:.78rem;font-weight:850}
.eo8-brand-feature{display:flex;flex-direction:column;align-items:center;min-width:0}
.eo8-logo-stage{width:min(100%,510px);aspect-ratio:1/1;display:grid;place-items:center;position:relative;isolation:isolate}
.eo8-logo-stage:before{content:"";z-index:-1;position:absolute;inset:11%;background:#fff;border-radius:50%;filter:blur(35px);opacity:.8}
.eo8-logo-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 17px 21px rgba(7,62,123,.055))}
.eo8-brand-note{max-width:410px;display:flex;align-items:center;gap:10px;border:1px solid #d7e7f4;background:#fff;border-radius:12px;padding:13px 18px;color:#446583;font-size:.78rem;line-height:1.5;text-align:left}
.eo8-note-dot{width:8px;height:8px;border-radius:50%;background:#11afcc;flex:none}
.eo8-hero-bottom{height:3px;background:linear-gradient(90deg,#eaf4ff,#43b9eb,#eaf4ff)}
.eo8-company{padding:96px 0 83px;background:#fff}
.eo8-company-grid{display:grid;grid-template-columns:.86fr 1fr;gap:100px;align-items:start}
.eo8-company h2,.eo8-founder h2,.eo8-services h2,.eo8-platform-intro h2{color:#0c2b51;font-size:clamp(2rem,3.05vw,3.1rem);line-height:1.19;letter-spacing:-.042em;margin:15px 0 20px;font-weight:810}
.eo8-company-text p,.eo8-founder-copy p,.eo8-section-heading p,.eo8-platform-intro p{font-size:1.05rem;line-height:1.75;color:#4d6680;margin:0 0 17px}
.eo8-textlink{color:#0063cc;text-decoration:none!important;font-weight:750;display:inline-flex;gap:8px;align-items:center;margin-top:10px}
.eo8-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px}
.eo8-values>div{padding:26px 27px;background:#f7fbff;border:1px solid #e2eef9;border-radius:15px;min-width:0}
.eo8-value-icon{width:41px;height:41px;display:flex;justify-content:center;align-items:center;border-radius:11px;background:#e3f1ff;color:#0963c7;font-weight:850;margin-bottom:14px}
.eo8-values strong{display:block;color:#12345a;font-size:1.06rem;margin-bottom:9px}
.eo8-values p{margin:0;color:#557088;font-size:.91rem;line-height:1.6}
.eo8-founder{background:#f1f7fd;padding:96px 0}
.eo8-founder-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:80px;align-items:center}
.eo8-founder-image{position:relative;border-radius:18px;overflow:hidden;background:#e8edf1;box-shadow:0 19px 44px rgba(19,59,107,.09);min-width:0}
.eo8-founder-image img{display:block;width:100%;height:460px;object-fit:cover;object-position:65% 35%}
.eo8-founder-caption{position:absolute;bottom:18px;left:18px;right:18px;padding:17px 19px;display:flex;flex-direction:column;gap:3px;background:rgba(255,255,255,.92);border-radius:12px;backdrop-filter:blur(8px)}
.eo8-founder-caption strong{font-size:1.1rem;color:#102f58}.eo8-founder-caption span{font-size:.78rem;color:#536c83}
.eo8-founder-facts{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 13px}.eo8-founder-facts span{padding:8px 11px;border-radius:7px;border:1px solid #cfe1f3;background:#fff;color:#174e84;font-size:.79rem;font-weight:650}
.eo8-services{padding:95px 0 100px;background:#fff}
.eo8-section-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:80px;align-items:end;margin-bottom:38px}.eo8-section-heading h2{max-width:710px;margin-bottom:0}
.eo8-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.eo8-service-grid article{padding:30px 30px 34px;border:1px solid #dfeaf5;border-radius:14px;background:#fff;box-shadow:0 7px 25px rgba(11,53,99,.035)}
.eo8-service-symbol{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#e9f4ff;color:#0862cd;font-size:1.09rem;font-weight:850;margin-bottom:25px}
.eo8-service-grid h3{font-size:1.13rem;line-height:1.35;color:#153456;margin:0 0 12px}.eo8-service-grid p{margin:0;color:#526c85;line-height:1.66;font-size:.93rem}
.eo8-platform-intro{background:#0b2852;color:#fff;padding:88px 0;position:relative;overflow:hidden}
.eo8-platform-intro:before{content:"";position:absolute;right:-90px;top:-240px;width:720px;height:720px;border:1px solid rgba(86,175,255,.2);border-radius:50%}
.eo8-platform-grid{display:grid;grid-template-columns:1fr .82fr;gap:95px;align-items:center;position:relative}
.eo8-platform-intro .eo8-label{color:#66caff}.eo8-platform-intro h2{color:#fff}.eo8-platform-intro p{color:#c4d5e9;max-width:610px}
.eo8-platform-intro .eo8-btn-outline{background:transparent;color:#fff!important;border-color:#7596bd}
.eo8-platform-card{border:1px solid rgba(142,202,249,.22);border-radius:17px;padding:34px;background:linear-gradient(135deg,#1a457c,#12335f);box-shadow:0 22px 52px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:20px}
.eo8-platform-card>small{font-size:.7rem;letter-spacing:.14em;color:#8ecfff;font-weight:750}.eo8-platform-card>strong{font-size:2rem;color:#fff;letter-spacing:-.04em}.eo8-platform-card>strong span{color:#54d7fa}
.eo8-platform-lines{display:flex;flex-wrap:wrap;gap:9px}.eo8-platform-lines span{padding:9px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e0f4ff;border-radius:8px;font-size:.81rem}
/* Existing pages: soften old dark hero panels, align with corporate visual style without changing interactive content */
body.eo8-site:not(.eo8-home) .hero-standard{background:linear-gradient(110deg,#fafdff 0%,#edf6ff 100%)!important;color:#143354!important;border-bottom:1px solid #dceaf6}
body.eo8-site:not(.eo8-home) .hero-standard h1,body.eo8-site:not(.eo8-home) .hero-standard h1 em{color:#0c2e58!important}
body.eo8-site:not(.eo8-home) .hero-standard h1 em{color:#0862ca!important;font-style:normal}
body.eo8-site:not(.eo8-home) .hero-standard p{color:#536d88!important}
body.eo8-site:not(.eo8-home) .hero-standard .eyebrow{color:#0870d6!important}
body.eo8-site:not(.eo8-home) .hero-standard .crumb,body.eo8-site:not(.eo8-home) .hero-standard .crumb a{color:#6c829a!important}
body.eo8-site:not(.eo8-home) .hero-standard .hero-info-panel{background:#fff!important;border-color:#dbe9f6!important;box-shadow:0 18px 42px rgba(28,64,109,.07)!important;color:#173957!important}
body.eo8-site:not(.eo8-home) .hero-standard .hero-info-panel strong{color:#173957!important}
body.eo8-site:not(.eo8-home) .hero-standard .hero-info-panel small,body.eo8-site:not(.eo8-home) .hero-standard .hero-info-panel span{color:#5d7791!important}
body.eo8-site:not(.eo8-home) .hero-standard .button-light{background:#0864cc!important;border-color:#0864cc!important;color:#fff!important}
body.eo8-site:not(.eo8-home) .hero-standard .button-outline{color:#0c5aa7!important;border-color:#afcbe6!important;background:#fff!important}
body.eo8-site:not(.eo8-home) .section-head h2,body.eo8-site:not(.eo8-home) .side-title h2{letter-spacing:-.035em}
.eo8-profile-banner{padding:70px 0 30px;background:#f5f9fe}.eo8-profile-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.eo8-profile-banner-grid img{display:block;width:100%;height:350px;object-fit:cover;object-position:65% 45%;border-radius:16px;box-shadow:0 14px 32px rgba(15,47,78,.06)}.eo8-profile-banner h2{font-size:clamp(2rem,3vw,3rem);color:#0a2b58;margin:12px 0}.eo8-profile-banner p{line-height:1.73;color:#496682}
@media(max-width:980px){.eo8-container{width:min(100% - 42px,1190px)}.eo8-hero-inner{grid-template-columns:1fr .86fr;gap:14px;min-height:570px;padding-block:65px}.eo8-trust{gap:12px}.eo8-company-grid,.eo8-founder-grid,.eo8-platform-grid{gap:38px}.eo8-section-heading{gap:35px}}
@media(max-width:720px){.eo8-eyebrow{display:block;max-width:100%;font-size:.7rem;line-height:1.5;letter-spacing:.045em}.eo8-eyebrow-mark{display:none}.eo8-container{width:min(100% - 36px,1190px)}.eo8-hero-inner{grid-template-columns:1fr;min-height:0;padding:98px 0 44px;gap:15px}.eo8-hero h1{font-size:clamp(2.65rem,9vw,4rem)}.eo8-logo-stage{width:min(74%,350px);aspect-ratio:1}.eo8-brand-note{max-width:350px}.eo8-trust{justify-content:space-between}.eo8-company,.eo8-founder,.eo8-services{padding:68px 0}.eo8-company-grid,.eo8-founder-grid,.eo8-platform-grid,.eo8-section-heading,.eo8-profile-banner-grid{grid-template-columns:1fr;gap:22px}.eo8-values,.eo8-service-grid{grid-template-columns:1fr;gap:13px}.eo8-founder-image img{height:360px;object-position:60% 30%}.eo8-platform-intro{padding:70px 0}.eo8-platform-card{padding:25px}.eo8-profile-banner-grid img{height:310px}.eo8-profile-banner{padding:56px 0 24px}}
@media(max-width:410px){.eo8-container{width:calc(100% - 30px)}.eo8-hero-inner{padding-top:98px}.eo8-hero h1{font-size:2.5rem}.eo8-actions{flex-direction:column}.eo8-btn{width:100%}.eo8-trust span{max-width:140px}}
@media(prefers-reduced-motion:reduce){.eo8-btn{transition:none}html{scroll-behavior:auto}}