:root{--navy:#020c1d;--navy2:#061a35;--blue:#087cff;--cyan:#17a7ff;--ink:#0a1530;--muted:#55617a;--line:#dce5f1;--white:#fff;--soft:#f5f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.section-shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px;background:#020a17;color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-logo{display:block;width:51.5px;height:51.5px;object-fit:contain;object-position:center;flex:0 0 51.5px;filter:drop-shadow(0 0 8px rgba(8,124,255,.28))}.brand-mark{width:52px;height:38px;border:1px solid rgba(23,167,255,.8);border-radius:12px;display:grid;place-items:center;color:#43b8ff;font-size:13px;font-weight:800;letter-spacing:.08em;background:linear-gradient(145deg,rgba(23,167,255,.14),rgba(8,124,255,.04));box-shadow:inset 0 0 18px rgba(23,167,255,.12)}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:30px;letter-spacing:.02em}.brand-copy small{font-size:9px;letter-spacing:.08em}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-nav a{padding:27px 0 23px;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a.active{color:#34a7ff;border-color:#1997ff}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:14px 21px;font-size:14px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.primary,.header-cta{background:linear-gradient(135deg,#0877ff,#159cff);color:white;box-shadow:0 10px 28px rgba(0,123,255,.25)}.header-cta{padding:12px 17px;white-space:nowrap}.outline{border-color:rgba(255,255,255,.7);color:white;background:rgba(0,0,0,.12)}.ghost{border-color:rgba(255,255,255,.55);color:white;background:transparent}.hero{min-height:620px;position:relative;background:radial-gradient(circle at 78% 45%,rgba(8,124,255,.18),transparent 25%),linear-gradient(135deg,#020817 0%,#03142d 55%,#020917 100%);display:flex;align-items:center;color:white;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(23,167,255,.025) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(23,167,255,.02) 80px);opacity:.7}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020817 0%,rgba(2,8,23,.98) 38%,rgba(2,8,23,.72) 58%,rgba(2,8,23,.08) 100%)}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:620px}.hero-visual{position:relative;height:540px;display:grid;place-items:center}.hero-logo-stage{position:relative;width:min(460px,90%);aspect-ratio:1/1;display:grid;place-items:center;z-index:3}.hero-logo-stage img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(8,124,255,.72)) drop-shadow(0 0 48px rgba(23,167,255,.35));animation:heroFloat 5s ease-in-out infinite}.hero-stage-glow{position:absolute;width:72%;height:22%;bottom:9%;border-radius:50%;background:radial-gradient(ellipse,rgba(23,167,255,.48),rgba(8,124,255,.12) 48%,transparent 72%);filter:blur(12px)}.hero-orbit{position:absolute;border:1px solid rgba(23,167,255,.24);border-radius:50%;transform:rotate(-14deg)}.orbit-one{width:430px;height:430px}.orbit-two{width:520px;height:300px;transform:rotate(18deg);border-style:dashed;opacity:.7}.hero-float-card{position:absolute;z-index:4;min-width:165px;padding:12px 14px;border:1px solid rgba(80,183,255,.28);border-radius:10px;background:linear-gradient(145deg,rgba(5,24,53,.88),rgba(3,13,31,.74));box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 0 18px rgba(23,167,255,.06);backdrop-filter:blur(8px)}.hero-float-card span{display:block;color:#2aa7ff;font-size:9px;font-weight:800;letter-spacing:.08em}.hero-float-card strong{display:block;margin-top:4px;font-size:13px;color:#fff}.card-web{left:1%;top:18%}.card-auto{right:-1%;top:34%}.card-data{right:6%;bottom:13%}.hero-float-card:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#22a7ff;box-shadow:0 0 12px #22a7ff;top:14px;right:13px}@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-overlay{display:none}.hero-content{position:relative;z-index:2}.hero-copy{max-width:570px;padding:76px 0 46px}.eyebrow{margin:0 0 14px;color:#179cff;font-size:13px;font-weight:800;letter-spacing:.04em}.hero h1{font-size:62px;line-height:1.02;margin:0 0 22px;letter-spacing:-.045em}.hero h1 span{color:#178cff}.hero-lead{font-size:18px;max-width:560px;color:#e9f1fb;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.trust-block{margin-top:30px}.trust-block small{display:block;color:#199aff;font-size:11px;font-weight:700;margin-bottom:9px}.trust-block div{display:flex;flex-wrap:wrap;gap:20px;color:#dce8f5;font-weight:600}.content-section{padding:82px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.section-heading h2{font-size:38px;line-height:1.15;margin:0 0 12px;letter-spacing:-.03em}.section-heading p:last-child{color:var(--muted);margin:0}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch}.service-card{position:relative;border:1px solid var(--line);border-radius:10px;padding:28px 20px 22px;background:#fff;box-shadow:0 8px 24px rgba(9,31,66,.08);display:flex;flex-direction:column}.service-card.featured{border-color:#268fff;box-shadow:0 12px 30px rgba(0,122,255,.16)}.new-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#087cff;color:white;padding:4px 14px;border-radius:999px;font-size:10px;font-weight:800}.service-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e9f4ff;color:#087cff;font-size:25px;font-weight:800}.service-card h3{font-size:18px;line-height:1.25;margin:17px 0 10px}.service-card p{font-size:14px;color:var(--muted);margin:0 0 14px}.service-card ul{padding:0;margin:0 0 20px;list-style:none;font-size:13px}.service-card li{margin:7px 0;padding-left:18px;position:relative}.service-card li:before{content:'✓';position:absolute;left:0;color:#087cff;font-weight:800}.service-card a{margin-top:auto;color:#087cff;font-size:13px;font-weight:800}.capability-strip{background:#031531;color:white;padding:25px 0}.capability-grid{display:grid;grid-template-columns:repeat(8,1fr)}.capability-grid div{display:grid;justify-items:center;text-align:center;padding:4px 12px;border-right:1px solid rgba(255,255,255,.18)}.capability-grid div:last-child{border:0}.capability-grid b{color:#149aff;font-size:23px}.capability-grid span{font-size:11px;font-weight:700;margin-top:6px}.process-section{background:linear-gradient(135deg,#020c1e,#06234b);color:white;padding:75px 0}.section-heading.light p:last-child{color:#b7c7da}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;position:relative}.process-grid:before{content:'';position:absolute;left:10%;right:10%;top:24px;border-top:1px dashed #148fff}.process-grid article{text-align:center;position:relative}.process-grid span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#087cff;border:8px solid #0a2c5c;position:relative;z-index:2;font-weight:800}.process-grid h3{margin:0 0 5px}.process-grid p{font-size:14px;color:#c8d5e6;margin:0}.demo-section{padding:78px 0;display:grid;grid-template-columns:.75fr 1.45fr;gap:60px;align-items:center}.demo-copy h2,.about-copy h2,.contact-copy h2{font-size:40px;line-height:1.12;margin:0 0 17px;letter-spacing:-.03em}.demo-copy p:not(.eyebrow){color:var(--muted);margin:0 0 24px}.dashboard{background:#061326;color:white;border-radius:10px;padding:18px;box-shadow:0 16px 35px rgba(0,17,43,.22)}.dashboard-title{font-weight:700;margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metrics>div{background:#0b1d33;padding:13px;border-radius:6px;display:grid}.metrics small{font-size:10px;color:#b8c7d9}.metrics strong{font-size:22px}.metrics em{font-size:9px;color:#21ce93;font-style:normal}.charts{display:grid;grid-template-columns:.8fr 1.4fr;gap:10px;margin-top:10px}.donut,.line-chart{min-height:190px;background:#0b1d33;border-radius:6px;padding:14px}.donut span{display:block;width:95px;height:95px;margin:23px auto 8px;border-radius:50%;background:conic-gradient(#08a8ff 0 35%,#087cff 35% 60%,#5a62ff 60% 80%,#7c36d8 80%);position:relative}.donut span:after{content:'';position:absolute;inset:25px;border-radius:50%;background:#0b1d33}.donut p,.line-chart p{font-size:11px;margin:0;color:#d5e0ec}.line-chart svg{width:100%;height:135px}.line-chart polyline{fill:none;stroke:#0b91ff;stroke-width:4}.about-section{background:#03142c;color:white;padding:75px 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.about-copy p:not(.eyebrow){color:#c5d4e5}.why-card{background:white;color:var(--ink);border-radius:10px;padding:28px}.why-card h3{font-size:23px;margin:0 0 15px}.why-card ul{margin:0;padding:0;list-style:none}.why-card li{padding:9px 0 9px 27px;border-bottom:1px solid #edf1f6;position:relative}.why-card li:before{content:'✓';position:absolute;left:0;color:#087cff;font-weight:800}.contact-section{padding:78px 0;background:var(--soft)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-copy p:not(.eyebrow){color:var(--muted)}.contact-details{display:grid;gap:8px;margin-top:22px;font-weight:700}.contact-details a{color:#087cff}.contact-form{background:white;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,28,68,.08);padding:28px;border-radius:10px;display:grid;gap:15px}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #cad6e5;border-radius:6px;padding:12px;font:inherit}.contact-form small{color:var(--muted);text-align:center}footer{background:#020b18;color:white;padding:26px 0}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.footer-grid p{font-size:12px;color:#aebdd0}.footer-grid>div:last-child{justify-self:end;display:flex;gap:18px;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.site-nav{gap:18px}.header-cta{display:none}.services-grid{grid-template-columns:repeat(3,1fr)}.capability-grid{grid-template-columns:repeat(4,1fr);row-gap:22px}.capability-grid div:nth-child(4){border-right:0}}@media(max-width:780px){.site-header{height:68px;padding:0 18px}.brand-logo{width:42px;height:42px;flex-basis:42px}.brand-copy strong{font-size:25px}.menu-toggle{display:block;background:transparent;color:white;border:1px solid rgba(255,255,255,.4);border-radius:5px;padding:8px 11px}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#020a17;padding:12px 22px 22px;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:12px 0}.hero{min-height:620px}.hero:before{inset:15% -8% 12% 38%;background-size:contain;background-position:center right;opacity:.48;filter:drop-shadow(0 0 24px rgba(8,124,255,.45));transform:none}.hero:after{background:linear-gradient(90deg,rgba(2,8,23,.99),rgba(2,8,23,.9) 72%,rgba(2,8,23,.58))}.hero-copy{padding:64px 0 36px}.hero h1{font-size:46px}.hero-lead{font-size:16px}.trust-block div{font-size:13px}.services-grid{grid-template-columns:1fr}.content-section{padding:60px 0}.section-heading h2{font-size:32px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:12px}.process-grid{grid-template-columns:1fr 1fr}.process-grid:before{display:none}.demo-section,.about-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.metrics{grid-template-columns:1fr 1fr}.charts{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-grid .brand{justify-content:center}.footer-grid>div:last-child{justify-self:center}.demo-copy h2,.about-copy h2,.contact-copy h2{font-size:34px}}@media(max-width:440px){.section-shell{width:min(100% - 28px,1180px)}.hero h1{font-size:39px}.hero-actions .button{width:100%}.process-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.brand-copy small{display:none}}

@media(max-width:980px){.hero-content{grid-template-columns:1fr .8fr}.hero-visual{height:480px}.hero-float-card{display:none}.orbit-two{width:420px}.orbit-one{width:350px}}
@media(max-width:780px){.hero{min-height:auto}.hero-content{display:block;min-height:0}.hero-copy{padding:62px 0 24px}.hero-visual{height:330px;margin-top:-30px}.hero-logo-stage{width:310px}.orbit-one{width:280px;height:280px}.orbit-two{width:320px;height:190px}.hero:after{background:linear-gradient(180deg,#020817 0%,rgba(2,8,23,.92) 48%,rgba(2,8,23,.35) 100%)}}

/* V8 hero polish */
.site-header{height:88px}
.brand-logo{width:64.4px;height:64.4px;flex-basis:64.4px;filter:drop-shadow(0 0 12px rgba(8,124,255,.38))}
.site-nav a{padding:33px 0 29px}
.hero-visual{isolation:isolate}
.hero-circuit-grid{position:absolute;inset:8% 0 4%;z-index:0;opacity:.34;background-image:linear-gradient(rgba(23,167,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,167,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 22%,transparent 72%);animation:gridDrift 16s linear infinite}
.hero-scan-beam{position:absolute;z-index:1;left:10%;right:4%;top:13%;height:2px;background:linear-gradient(90deg,transparent,rgba(23,167,255,.9),transparent);box-shadow:0 0 18px rgba(23,167,255,.8);opacity:.65;animation:scanBeam 5.5s ease-in-out infinite}
.hero-particles{position:absolute;inset:0;z-index:1}.hero-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#28adff;box-shadow:0 0 12px #28adff;opacity:.7;animation:particleFloat 7s ease-in-out infinite}.hero-particles i:nth-child(1){left:12%;top:25%;animation-delay:-1s}.hero-particles i:nth-child(2){left:28%;top:11%;animation-delay:-3s}.hero-particles i:nth-child(3){left:82%;top:18%;animation-delay:-5s}.hero-particles i:nth-child(4){left:91%;top:48%;animation-delay:-2s}.hero-particles i:nth-child(5){left:76%;top:78%;animation-delay:-4s}.hero-particles i:nth-child(6){left:21%;top:82%;animation-delay:-6s}.hero-particles i:nth-child(7){left:48%;top:4%;animation-delay:-2.5s}.hero-particles i:nth-child(8){left:6%;top:57%;animation-delay:-4.5s}.hero-particles i:nth-child(9){left:62%;top:90%;animation-delay:-1.5s}.hero-particles i:nth-child(10){left:96%;top:72%;animation-delay:-5.5s}
.orbit-three{width:360px;height:520px;transform:rotate(62deg);border-color:rgba(23,167,255,.16);border-style:dotted;animation:orbitSpinReverse 22s linear infinite}.orbit-one{animation:orbitSpin 18s linear infinite}.orbit-two{animation:orbitSpinReverse 26s linear infinite}.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#59c3ff;box-shadow:0 0 16px #26aaff}.dot-one{top:8%;left:22%}.dot-two{right:6%;top:46%}.dot-three{left:10%;bottom:22%}
.hero-logo-stage:before,.hero-logo-stage:after{content:'';position:absolute;border-radius:50%;inset:15%;border:1px solid rgba(50,178,255,.2);animation:pulseHalo 3.2s ease-out infinite}.hero-logo-stage:after{inset:7%;animation-delay:1.1s;opacity:.45}.hero-logo-stage img{width:94%;height:94%;filter:drop-shadow(0 0 24px rgba(8,124,255,.9)) drop-shadow(0 0 70px rgba(23,167,255,.42))}
.hero-stage-glow{width:84%;height:27%;bottom:5%;filter:blur(16px);animation:glowPulse 3.5s ease-in-out infinite}
.hero-data-column{position:absolute;z-index:2;display:grid;gap:8px}.hero-data-column b{display:block;width:3px;height:28px;border-radius:4px;background:linear-gradient(180deg,transparent,#1ba5ff,transparent);box-shadow:0 0 8px rgba(27,165,255,.7);animation:dataBlink 1.8s ease-in-out infinite}.hero-data-column b:nth-child(2){animation-delay:.25s}.hero-data-column b:nth-child(3){animation-delay:.5s}.hero-data-column b:nth-child(4){animation-delay:.75s}.data-column-left{left:15%;bottom:14%}.data-column-right{right:14%;top:12%}
.hero-float-card{border-color:rgba(80,183,255,.42);box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 0 24px rgba(23,167,255,.08),0 0 22px rgba(8,124,255,.08);animation:cardHover 5s ease-in-out infinite}.card-auto{animation-delay:-1.7s}.card-data{animation-delay:-3.2s}.hero-float-card:after{content:'';position:absolute;height:1px;width:54px;background:linear-gradient(90deg,rgba(23,167,255,.65),transparent);top:50%;right:100%}.card-web:after{right:auto;left:100%;background:linear-gradient(90deg,transparent,rgba(23,167,255,.65))}
@keyframes gridDrift{to{background-position:42px 42px}}
@keyframes scanBeam{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(390px);opacity:.7}}
@keyframes particleFloat{0%,100%{transform:translate(0,0) scale(.8);opacity:.3}50%{transform:translate(12px,-18px) scale(1.35);opacity:1}}
@keyframes orbitSpin{to{transform:rotate(346deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-342deg)}}
@keyframes pulseHalo{0%{transform:scale(.88);opacity:.45}100%{transform:scale(1.22);opacity:0}}
@keyframes glowPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes dataBlink{0%,100%{opacity:.2;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}
@keyframes cardHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1050px){.site-header{height:82px}.brand-logo{width:58px;height:58px;flex-basis:58px}.site-nav a{padding:30px 0 26px}}
@media(max-width:780px){.site-header{height:72px}.brand-logo{width:52.5px;height:52.5px;flex-basis:52.5px}.site-nav{top:72px}.hero-circuit-grid{opacity:.2}.hero-scan-beam,.hero-data-column,.orbit-three{display:none}.hero-logo-stage img{width:96%;height:96%}}
@media(prefers-reduced-motion:reduce){.hero-logo-stage img,.hero-orbit,.hero-particles i,.hero-scan-beam,.hero-float-card,.hero-stage-glow,.hero-circuit-grid,.hero-data-column b,.hero-logo-stage:before,.hero-logo-stage:after{animation:none!important}}

/* V9 immersive hero network */
.brand-logo{width:80.5px;height:80.5px;flex-basis:80.5px}.site-header{height:94px}.site-nav a{padding:36px 0 32px}
.hero-visual{height:580px;overflow:visible}.hero-logo-stage{width:min(500px,92%)}.hero-logo-stage img{width:100%;height:100%;position:relative;z-index:4}.hero-core-ring{position:absolute;inset:13%;border-radius:50%;border:1px solid rgba(96,205,255,.42);box-shadow:0 0 35px rgba(20,157,255,.25),inset 0 0 35px rgba(20,157,255,.16);animation:corePulse 3.2s ease-in-out infinite}
.hero-network{position:absolute;inset:0;z-index:2;pointer-events:none}.network-line{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(55,188,255,.95),rgba(20,144,255,.34),transparent);box-shadow:0 0 10px rgba(40,174,255,.9)}.network-line:after{content:'';position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#65caff;box-shadow:0 0 14px #2bb2ff;animation:lineSpark 2.2s ease-in-out infinite}.line-web{width:175px;left:23%;top:31%;transform:rotate(203deg)}.line-ai{width:165px;left:70%;top:31%;transform:rotate(-18deg)}.line-m365{width:190px;left:73%;top:56%;transform:rotate(10deg)}.line-data{width:150px;left:57%;top:76%;transform:rotate(52deg)}.line-security{width:165px;left:28%;top:67%;transform:rotate(148deg)}
.hero-service-node{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;min-width:168px;padding:11px 13px;border:1px solid rgba(83,191,255,.5);border-radius:15px;background:linear-gradient(145deg,rgba(5,29,61,.94),rgba(2,13,31,.78));box-shadow:0 16px 38px rgba(0,0,0,.34),inset 0 0 24px rgba(32,165,255,.09),0 0 25px rgba(8,124,255,.12);backdrop-filter:blur(12px);animation:nodeFloat 5.4s ease-in-out infinite}.hero-service-node:before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(115deg,transparent 12%,rgba(91,202,255,.28),transparent 42%);opacity:.7;pointer-events:none}.node-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(101,205,255,.65);background:radial-gradient(circle at 35% 30%,rgba(81,197,255,.42),rgba(8,87,183,.14));color:#fff;font-size:17px;font-weight:900;box-shadow:0 0 18px rgba(39,174,255,.28)}.hero-service-node div{display:grid;line-height:1.1}.hero-service-node b{font-size:10px;letter-spacing:.08em;color:#5fc9ff}.hero-service-node small{font-size:11px;color:#fff;margin-top:5px;white-space:nowrap}.node-web{left:-5%;top:18%;animation-delay:-.8s}.node-ai{right:-7%;top:17%;animation-delay:-2s}.node-m365{right:-9%;top:51%;animation-delay:-3.2s}.node-data{right:12%;bottom:1%;animation-delay:-4.1s}.node-security{left:-3%;bottom:14%;animation-delay:-1.6s}
.hero-holo-platform{position:absolute;z-index:1;left:17%;right:10%;bottom:3%;height:118px;perspective:460px;transform-style:preserve-3d}.hero-holo-platform span{position:absolute;left:50%;top:50%;border:1px solid rgba(36,173,255,.54);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 18px rgba(8,124,255,.35),inset 0 0 18px rgba(8,124,255,.18);animation:holoRipple 3.2s ease-out infinite}.hero-holo-platform span:nth-child(1){width:76%;height:88%}.hero-holo-platform span:nth-child(2){width:52%;height:62%;animation-delay:1s}.hero-holo-platform span:nth-child(3){width:30%;height:38%;animation-delay:2s}
.hero-mini-dashboard{position:absolute;z-index:5;left:15%;bottom:0;width:225px;padding:12px 13px;border:1px solid rgba(67,187,255,.38);border-radius:12px;background:linear-gradient(155deg,rgba(3,21,45,.96),rgba(2,10,24,.86));box-shadow:0 18px 45px rgba(0,0,0,.36),inset 0 0 24px rgba(22,150,255,.07);transform:perspective(700px) rotateY(8deg) rotateX(4deg);animation:dashboardDrift 6s ease-in-out infinite}.mini-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.08em;color:#69ceff}.mini-top em{font-style:normal;color:#4ee5a9;font-size:8px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.mini-metrics span{display:grid;padding:6px;border-radius:6px;background:rgba(23,96,170,.13)}.mini-metrics small{font-size:7px;color:#9fb7d1}.mini-metrics b{font-size:13px;color:#fff}.mini-chart{height:38px;display:flex;align-items:end;gap:5px;padding:4px 2px 0;border-top:1px solid rgba(255,255,255,.06)}.mini-chart i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#43c3ff,#087cff);box-shadow:0 0 8px rgba(31,164,255,.3);animation:barPulse 2.5s ease-in-out infinite}.mini-chart i:nth-child(1){height:34%}.mini-chart i:nth-child(2){height:52%;animation-delay:.2s}.mini-chart i:nth-child(3){height:43%;animation-delay:.4s}.mini-chart i:nth-child(4){height:69%;animation-delay:.6s}.mini-chart i:nth-child(5){height:78%;animation-delay:.8s}.mini-chart i:nth-child(6){height:96%;animation-delay:1s}
@keyframes corePulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.04);opacity:1}}@keyframes lineSpark{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes holoRipple{0%{opacity:.1;transform:translate(-50%,-50%) rotateX(68deg) scale(.72)}55%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) rotateX(68deg) scale(1.08)}}@keyframes dashboardDrift{0%,100%{transform:perspective(700px) rotateY(8deg) rotateX(4deg) translateY(0)}50%{transform:perspective(700px) rotateY(5deg) rotateX(2deg) translateY(-7px)}}@keyframes barPulse{0%,100%{filter:brightness(.8)}50%{filter:brightness(1.35)}}
@media(max-width:1180px){.hero-service-node{min-width:150px}.node-web,.node-security{left:0}.node-ai,.node-m365{right:0}.hero-mini-dashboard{left:10%}}@media(max-width:1050px){.site-header{height:88px}.brand-logo{width:72px;height:72px;flex-basis:72px}.site-nav a{padding:33px 0 29px}.hero-service-node{transform:scale(.9)}.node-web{left:-2%}.node-ai{right:-2%}.node-m365{right:-4%}}@media(max-width:900px){.hero-service-node,.hero-network,.hero-mini-dashboard{display:none}.hero-logo-stage{width:430px}.hero-holo-platform{left:10%;right:10%}}@media(max-width:780px){.site-header{height:78px}.brand-logo{width:65px;height:65px;flex-basis:65px}.site-nav{top:78px}.hero-visual{height:390px}.hero-logo-stage{width:350px}.hero-holo-platform{bottom:0;height:90px}}@media(max-width:440px){.brand-logo{width:60px;height:60px;flex-basis:60px}.hero-logo-stage{width:310px}}@media(prefers-reduced-motion:reduce){.hero-service-node,.hero-core-ring,.network-line:after,.hero-holo-platform span,.hero-mini-dashboard,.mini-chart i{animation:none!important}}

/* v10 refinements: larger brand logo and separated security/chart panels */
.brand-logo{
  width:100.6px;
  height:100.6px;
  flex-basis:100.6px;
}
.site-header{height:112px}
.site-nav a{padding:45px 0 41px}

/* Keep the Security node clear of the mini dashboard chart */
.node-security{
  left:-8%;
  bottom:31%;
}
.hero-mini-dashboard{
  left:18%;
  bottom:-1%;
}
.line-security{
  width:145px;
  left:27%;
  top:62%;
  transform:rotate(157deg);
}

@media(max-width:1050px){
  .site-header{height:102px}
  .brand-logo{width:90px;height:90px;flex-basis:90px}
  .site-nav a{padding:40px 0 36px}
  .node-security{left:-1%;bottom:33%}
  .hero-mini-dashboard{left:18%}
}
@media(max-width:780px){
  .site-header{height:88px}
  .brand-logo{width:81px;height:81px;flex-basis:81px}
  .site-nav{top:88px}
}
@media(max-width:440px){
  .brand-logo{width:75px;height:75px;flex-basis:75px}
}


/* v11 layout and brand refinements */
/* Give the Data Insights card and dashboard their own visual zones */
.node-data{
  right:-4%;
  bottom:17%;
}
.hero-mini-dashboard{
  left:4%;
  bottom:-3%;
  width:238px;
}
.line-data{
  width:148px;
  left:66%;
  top:72%;
  transform:rotate(34deg);
}

/* Add a clear chart name inside the Business Pulse panel */
.mini-chart-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:2px 1px 4px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.06);
}
.mini-chart-label span{
  color:#67ccff;
  font-size:7px;
  font-weight:800;
  letter-spacing:.11em;
}
.mini-chart-label small{
  color:#7891ad;
  font-size:6px;
  letter-spacing:.08em;
}
.mini-chart{
  border-top:0;
  padding-top:1px;
}

/* Premium BIY wordmark treatment */
.brand{
  gap:14px;
}
.brand-copy{
  display:grid;
  grid-template-columns:auto 2px auto;
  align-items:center;
  gap:10px;
  line-height:1;
  min-width:190px;
}
.brand-copy strong{
  font-size:34px;
  font-weight:800;
  letter-spacing:.08em;
  background:linear-gradient(180deg,#ffffff 8%,#74d3ff 48%,#138dff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 22px rgba(25,156,255,.2);
}
.brand-divider{
  width:2px;
  height:31px;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,#21a8ff,transparent);
  box-shadow:0 0 10px rgba(33,168,255,.7);
}
.brand-copy small{
  max-width:92px;
  color:#eaf7ff;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.16em;
}
footer .brand-copy strong{font-size:28px}
footer .brand-copy{min-width:170px}

@media(max-width:1180px){
  .node-data{right:0;bottom:18%}
  .hero-mini-dashboard{left:2%;width:220px}
}
@media(max-width:1050px){
  .brand-copy{min-width:165px;gap:8px}
  .brand-copy strong{font-size:29px}
  .brand-copy small{font-size:8px;max-width:76px}
  .node-data{right:-1%;bottom:20%}
  .hero-mini-dashboard{left:3%;width:205px}
}
@media(max-width:900px){
  .brand-copy{display:grid}
}
@media(max-width:780px){
  .brand-copy{grid-template-columns:auto 2px auto;min-width:142px;gap:6px}
  .brand-copy strong{font-size:24px}
  .brand-divider{height:25px}
  .brand-copy small{font-size:7px;max-width:65px;letter-spacing:.1em}
}
@media(max-width:520px){
  .brand-copy{display:none}
}


/* v12: single-line navigation wordmark and balanced hero service map */
.brand{
  gap:12px;
  flex-shrink:0;
}
.brand-copy{
  display:block;
  min-width:0;
  white-space:nowrap;
  line-height:1;
}
.brand-copy strong{
  display:block;
  font-size:22px;
  font-weight:800;
  letter-spacing:.055em;
  background:linear-gradient(180deg,#ffffff 8%,#74d3ff 50%,#138dff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 18px rgba(25,156,255,.18);
}
.brand-divider,.brand-copy small{display:none}
footer .brand-copy{min-width:0}
footer .brand-copy strong{font-size:19px}

/* More room for the new symmetrical layout */
.hero-visual{
  height:650px;
  min-width:620px;
}
.hero-logo-stage{
  width:min(430px,70%);
  transform:translateY(-8px);
}

/* Website at the top center */
.node-web{
  left:50%;
  top:2%;
  bottom:auto;
  right:auto;
  transform:translateX(-50%);
  min-width:180px;
}

/* Security directly across from Automation */
.node-ai{
  left:-4%;
  right:auto;
  top:31%;
  bottom:auto;
}
.node-security{
  right:-4%;
  left:auto;
  top:31%;
  bottom:auto;
}

/* Microsoft 365 directly across from Data Insights */
.node-m365{
  left:-4%;
  right:auto;
  top:59%;
  bottom:auto;
}
.node-data{
  right:-4%;
  left:auto;
  top:59%;
  bottom:auto;
}

/* Business Pulse centered at the bottom */
.hero-mini-dashboard{
  left:50%;
  right:auto;
  bottom:-1%;
  width:250px;
  transform:translateX(-50%) perspective(700px) rotateX(3deg);
  z-index:7;
}

/* Re-aim the glowing connectors for the symmetrical node layout */
.line-web{
  width:150px;
  left:50%;
  top:25%;
  transform:rotate(-90deg);
}
.line-ai{
  width:185px;
  left:38%;
  top:42%;
  transform:rotate(190deg);
}
.line-security{
  width:185px;
  left:62%;
  top:42%;
  transform:rotate(-10deg);
}
.line-m365{
  width:190px;
  left:38%;
  top:62%;
  transform:rotate(165deg);
}
.line-data{
  width:190px;
  left:62%;
  top:62%;
  transform:rotate(15deg);
}

@media(max-width:1260px){
  .site-header{gap:20px;padding-left:22px;padding-right:22px}
  .site-nav{gap:22px}
  .brand-copy strong{font-size:19px}
  .hero-visual{min-width:560px}
  .node-ai,.node-m365{left:0}
  .node-security,.node-data{right:0}
}
@media(max-width:1080px){
  .site-nav{gap:16px;font-size:13px}
  .brand-copy strong{font-size:17px;letter-spacing:.035em}
  .header-cta{display:none}
  .hero-visual{min-width:500px;height:610px}
  .hero-service-node{min-width:145px;padding:10px}
  .node-web{top:4%}
  .node-ai,.node-security{top:32%}
  .node-m365,.node-data{top:58%}
}
@media(max-width:900px){
  .brand-copy{display:block}
  .brand-copy strong{font-size:18px}
  .hero-visual{min-width:0;height:410px}
}
@media(max-width:780px){
  .brand-copy{display:block;white-space:nowrap}
  .brand-copy strong{font-size:16px;letter-spacing:.025em}
}
@media(max-width:570px){
  .brand-copy{display:none}
}

/* v13: keep navigation labels on one line and center the Website / Business Pulse elements */
.site-nav a{
  white-space:nowrap;
  word-break:keep-all;
  flex-shrink:0;
}

/* Keep the Website card centered above the cloud while allowing a gentle float. */
.node-web{
  left:50%;
  right:auto;
  top:10%;
  bottom:auto;
  transform:translateX(-50%);
  animation:webNodeFloat 4.8s ease-in-out infinite;
}

/* Keep Business Pulse truly centered. The original drift animation replaced translateX(). */
.hero-mini-dashboard{
  left:50%;
  right:auto;
  bottom:2%;
  transform:translateX(-50%) perspective(700px) rotateX(3deg);
  animation:dashboardCenterDrift 6s ease-in-out infinite;
}

/* Reposition the vertical Website connector after lowering the card. */
.line-web{
  width:118px;
  left:50%;
  top:29%;
  transform:rotate(-90deg);
}

@keyframes webNodeFloat{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-7px)}
}

@keyframes dashboardCenterDrift{
  0%,100%{transform:translateX(-50%) perspective(700px) rotateX(3deg) translateY(0)}
  50%{transform:translateX(-50%) perspective(700px) rotateX(2deg) translateY(-6px)}
}

@media(max-width:1260px){
  .site-nav{gap:17px;font-size:13px}
}

@media(max-width:1080px){
  .site-nav{gap:13px;font-size:12px}
  .node-web{top:11%}
  .hero-mini-dashboard{bottom:3%}
}

@media(max-width:900px){
  .site-nav a{white-space:normal}
}

@media(prefers-reduced-motion:reduce){
  .node-web,.hero-mini-dashboard{animation:none!important}
}


/* v14: enlarge the hero cloud, finish the connections, and align the header logo */
.brand-logo{
  transform:translateY(6px);
  object-position:center 58%;
}

/* 25% larger than the v13 hero cloud stage (430px → 537.5px). */
.hero-logo-stage{
  width:min(537.5px,86%);
  transform:translateY(-8px);
}

/* Extend the lower service connections all the way into the cloud. */
.line-m365{
  width:270px;
  left:45%;
  top:61.5%;
  transform:rotate(165deg);
}
.line-data{
  width:270px;
  left:55%;
  top:61.5%;
  transform:rotate(15deg);
}

/* New centered connection running from the cloud down to Business Pulse. */
.line-chart{
  width:128px;
  left:50%;
  top:63%;
  transform:rotate(90deg);
  background:linear-gradient(90deg,rgba(55,188,255,.98),rgba(20,144,255,.62),rgba(20,144,255,.12));
}
.line-chart:after{
  right:-1px;
}

@media(max-width:1260px){
  .hero-logo-stage{width:min(510px,84%)}
  .line-m365{width:245px;left:46%}
  .line-data{width:245px;left:54%}
}

@media(max-width:1080px){
  .brand-logo{transform:translateY(5px)}
  .hero-logo-stage{width:min(465px,82%)}
  .line-m365{width:220px;left:46%}
  .line-data{width:220px;left:54%}
  .line-chart{width:112px;top:64%}
}

@media(max-width:900px){
  .brand-logo{transform:translateY(4px)}
  .hero-logo-stage{width:430px}
}

@media(max-width:780px){
  .brand-logo{transform:translateY(3px)}
  .hero-logo-stage{width:350px}
}

@media(max-width:440px){
  .hero-logo-stage{width:310px}
}

/* v15: move the complete hero visual down/right and remove card-to-cloud connectors */
.hero-visual{
  transform:translate(34px,24px);
}

/* Keep only the centered Business Pulse connection. */
.line-web,
.line-ai,
.line-security,
.line-m365,
.line-data{
  display:none;
}

@media(max-width:1260px){
  .hero-visual{transform:translate(22px,20px)}
}

@media(max-width:1080px){
  .hero-visual{transform:translate(12px,16px)}
}

@media(max-width:900px){
  .hero-visual{transform:translate(0,10px)}
}

/* v16: lift Business Pulse and give Microsoft 365 more breathing room */
.hero-mini-dashboard{
  bottom:5%;
}

.node-m365{
  left:-11%;
}

@media(max-width:1260px){
  .hero-mini-dashboard{bottom:6%}
  .node-m365{left:-7%}
}

@media(max-width:1080px){
  .hero-mini-dashboard{bottom:7%}
  .node-m365{left:-4%}
}

@media(max-width:900px){
  .hero-mini-dashboard{bottom:4%}
}

/* v17: move Business Pulse higher so it clears the next section */
.hero-mini-dashboard{
  bottom:11%;
}

@media(max-width:1260px){
  .hero-mini-dashboard{bottom:12%}
}

@media(max-width:1080px){
  .hero-mini-dashboard{bottom:13%}
}

/* v19: center the Websites effect more closely over the main cloud */
.node-web{
  left:50%;
  right:auto;
  top:10%;
  transform:translateX(-50%);
}

@keyframes webNodeFloat{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-5px)}
}

@media(max-width:1080px){
  .node-web{top:11%}
}

/* v20: raise the Websites effect so it clears the enlarged cloud */

/* v21: redesigned SmartOps dashboard */
.dashboard{
  background:linear-gradient(145deg,#071426 0%,#061120 100%);
  border:1px solid rgba(40,147,255,.16);
  border-radius:18px;
  padding:24px;
  box-shadow:0 22px 55px rgba(2,16,38,.2);
  overflow:hidden;
}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.dashboard-kicker{display:block;color:#36b8ff;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:4px}
.dashboard-title{font-size:19px;font-weight:800;margin:0;letter-spacing:-.01em}
.dashboard-live{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(63,229,170,.25);border-radius:999px;background:rgba(63,229,170,.08);color:#56e7ae;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dashboard-live i{width:7px;height:7px;border-radius:50%;background:#56e7ae;box-shadow:0 0 10px rgba(86,231,174,.8)}
.dashboard .metrics{gap:12px}
.dashboard .metrics>div{position:relative;overflow:hidden;min-height:96px;padding:16px 16px 14px;border:1px solid rgba(61,151,237,.1);border-radius:10px;background:linear-gradient(145deg,#0c2139,#0a1b30)}
.dashboard .metrics>div:after{content:'';position:absolute;width:54px;height:54px;right:-18px;top:-20px;border-radius:50%;background:rgba(31,157,255,.12);filter:blur(2px)}
.dashboard .metrics small{font-size:10px;color:#9eb3c9}
.dashboard .metrics strong{font-size:25px;line-height:1.15;margin:3px 0 5px}
.dashboard .metrics em{font-size:9px;color:#51e5ad}
.dashboard .charts{grid-template-columns:.9fr 1.55fr;gap:14px;margin-top:14px}
.chart-panel{min-height:246px!important;padding:17px!important;border:1px solid rgba(61,151,237,.1);border-radius:11px!important;background:linear-gradient(145deg,#0b1e34,#08172a)!important}
.chart-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.chart-panel-head div{display:grid}
.chart-panel-head b{font-size:12px;color:#f4f8fd}
.chart-panel-head small{font-size:9px;color:#7f98b2;margin-top:2px}
.chart-panel-head>span{font-size:9px;color:#87a7c7}
.trend-pill{padding:4px 8px;border-radius:999px;background:rgba(69,226,171,.1);color:#51e5ad!important;font-weight:800}
.service-chart-layout{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center;min-height:178px}
.service-chart-ring{width:116px;height:116px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#20b6ff 0 38%,#087cff 38% 67%,#615cff 67% 88%,#9a55ef 88% 100%);position:relative;box-shadow:0 0 28px rgba(20,143,255,.16)}
.service-chart-ring:after{content:'';position:absolute;inset:21px;border-radius:50%;background:#0a1b30;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.service-chart-ring div{position:relative;z-index:1;display:grid;text-align:center;line-height:1.05}
.service-chart-ring strong{font-size:22px}
.service-chart-ring small{font-size:8px;color:#8ba3bc;text-transform:uppercase;letter-spacing:.08em}
.service-chart-legend{display:grid;gap:10px}
.service-chart-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:9px;color:#b9c9d9}
.service-chart-legend i{width:7px;height:7px;border-radius:50%}
.service-chart-legend b{font-size:9px;color:#fff}
.legend-web{background:#20b6ff}.legend-auto{background:#087cff}.legend-m365{background:#615cff}.legend-data{background:#9a55ef}
.trend-chart svg{display:block;width:100%;height:190px;overflow:visible}
.chart-grid line{stroke:rgba(151,184,216,.12);stroke-width:1}
.axis-labels text,.week-labels text{fill:#7189a2;font-size:10px;font-family:Inter,Arial,sans-serif}
.chart-area{fill:url(#requestArea)}
.chart-line-path{fill:none;stroke:url(#requestLine);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(37,183,255,.35))}
.chart-points circle{fill:#091a2e;stroke:#53d0ff;stroke-width:3}
@media(max-width:1050px){.dashboard .charts{grid-template-columns:1fr}.service-chart-layout{grid-template-columns:150px 1fr}}
@media(max-width:780px){.dashboard{padding:18px}.dashboard .metrics{grid-template-columns:1fr 1fr}.service-chart-layout{grid-template-columns:130px 1fr}}
@media(max-width:520px){.dashboard .metrics{grid-template-columns:1fr}.service-chart-layout{grid-template-columns:1fr}.service-chart-legend{width:min(260px,100%);margin:auto}.dashboard-heading{align-items:flex-start}.dashboard-live{margin-top:3px}}


/* v22: isolate dashboard charts from hero connector and legacy donut styles */
.dashboard .service-chart span,
.dashboard .trend-chart span{
  width:auto;
  height:auto;
  margin:0;
  border-radius:0;
  background:none;
  position:static;
}
.dashboard .service-chart span::after,
.dashboard .trend-chart span::after{content:none;}
.dashboard .trend-chart{
  position:relative;
  width:auto;
  left:auto;
  top:auto;
  transform:none;
  background:linear-gradient(145deg,#0b1e34,#08172a)!important;
}
.dashboard .trend-chart::after{content:none;}
.dashboard .trend-chart svg{transform:none;position:static;}

/* ===== BIY DIGITAL ASSESSMENT ===== */
.intake-section {
  position: relative;
  overflow: hidden;
  padding: 110px 0 120px;
  background:
    radial-gradient(circle at 15% 20%, rgba(0, 153, 255, .16), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(34, 211, 238, .11), transparent 30%),
    linear-gradient(145deg, #030b19 0%, #061326 52%, #04101f 100%);
  color: #fff;
}
.intake-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image: linear-gradient(rgba(75, 173, 255, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(75, 173, 255, .09) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 75%, transparent);
}
.intake-shell { position: relative; z-index: 1; }
.intake-heading { max-width: 820px; margin: 0 auto 54px; text-align: center; }
.intake-heading h2 { margin: 8px 0 16px; color: #fff; font-size: clamp(2.2rem, 4vw, 4rem); letter-spacing: -.045em; line-height: 1.05; }
.intake-heading > p:last-of-type { max-width: 700px; margin: 0 auto; color: #b9c7da; font-size: 1.08rem; line-height: 1.75; }
.intake-trust-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.intake-trust-row span { display: inline-flex; align-items: center; gap: 9px; padding: 9px 13px; border: 1px solid rgba(88, 190, 255, .22); border-radius: 999px; background: rgba(10, 34, 61, .65); color: #dcecff; font-size: .82rem; }
.intake-trust-row b { color: #31baff; font-size: .72rem; letter-spacing: .08em; }
.intake-layout { display: grid; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.8fr); gap: 28px; align-items: start; max-width: 1180px; margin: 0 auto; }
.intake-aside { position: sticky; top: 110px; }
.intake-aside-card { overflow: hidden; padding: 30px; border: 1px solid rgba(73, 184, 255, .24); border-radius: 24px; background: linear-gradient(160deg, rgba(14, 44, 75, .92), rgba(5, 20, 39, .95)); box-shadow: 0 24px 70px rgba(0, 0, 0, .28); }
.intake-aside-card::before { content: ""; display: block; width: 56px; height: 4px; margin-bottom: 25px; border-radius: 9px; background: linear-gradient(90deg, #078dff, #39d5ff); box-shadow: 0 0 20px rgba(30, 181, 255, .55); }
.intake-aside-kicker, .intake-step-label { color: #38bdf8; font-size: .72rem; font-weight: 800; letter-spacing: .13em; }
.intake-aside h3 { margin: 9px 0 28px; color: #fff; font-size: 1.65rem; letter-spacing: -.025em; }
.intake-aside ol { display: grid; gap: 22px; margin: 0; padding: 0; list-style: none; }
.intake-aside li { display: grid; grid-template-columns: 34px 1fr; gap: 13px; }
.intake-aside li > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(56, 189, 248, .4); border-radius: 50%; background: rgba(3, 105, 161, .22); color: #74d4ff; font-weight: 800; }
.intake-aside li strong { display: block; margin-bottom: 5px; color: #fff; font-size: .94rem; }
.intake-aside li small { color: #9eb1c8; line-height: 1.5; }
.intake-contact-card { display: grid; gap: 6px; margin-top: 30px; padding-top: 23px; border-top: 1px solid rgba(148, 163, 184, .18); }
.intake-contact-card small { color: #8ca2bb; margin-bottom: 3px; }
.intake-contact-card a { color: #dff5ff; font-weight: 700; text-decoration: none; }
.intake-contact-card a:hover { color: #38bdf8; }
.biy-intake-form { padding: clamp(24px, 4vw, 46px); border: 1px solid rgba(78, 180, 255, .22); border-radius: 26px; background: rgba(5, 19, 36, .9); box-shadow: 0 30px 90px rgba(0, 0, 0, .34); backdrop-filter: blur(16px); }
.intake-form-top { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; padding-bottom: 28px; border-bottom: 1px solid rgba(148, 163, 184, .15); }
.intake-form-top h3 { margin: 8px 0 0; color: #fff; font-size: clamp(1.45rem, 2.5vw, 2rem); letter-spacing: -.025em; }
.intake-secure-badge { flex: 0 0 auto; padding: 8px 12px; border: 1px solid rgba(52, 211, 153, .32); border-radius: 999px; background: rgba(6, 78, 59, .28); color: #6ee7b7; font-size: .76rem; font-weight: 800; }
.intake-fieldset { margin: 0; padding: 32px 0 6px; border: 0; border-bottom: 1px solid rgba(148, 163, 184, .14); }
.intake-fieldset:last-of-type { border-bottom: 0; }
.intake-fieldset legend { display: flex; align-items: center; gap: 11px; margin-bottom: 23px; color: #f8fbff; font-size: 1rem; font-weight: 800; }
.intake-fieldset legend span { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; background: linear-gradient(145deg, #087cff, #16b8e8); box-shadow: 0 7px 22px rgba(0, 126, 255, .28); font-size: .78rem; }
.biy-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.biy-field { display: block; margin: 0 0 18px; }
.biy-field > span, .field-title { display: block; margin-bottom: 9px; color: #dce9f8; font-size: .87rem; font-weight: 700; }
.biy-field > span b { color: #38bdf8; }
.biy-field input, .biy-field select, .biy-field textarea { width: 100%; box-sizing: border-box; border: 1px solid #254361; border-radius: 12px; outline: none; background: #091b30; color: #eef8ff; font: inherit; font-size: .95rem; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.biy-field input, .biy-field select { min-height: 52px; padding: 0 15px; }
.biy-field textarea { min-height: 132px; padding: 14px 15px; line-height: 1.55; resize: vertical; }
.biy-field input::placeholder, .biy-field textarea::placeholder { color: #6f849c; }
.biy-field select { color-scheme: dark; }
.biy-field input:focus, .biy-field select:focus, .biy-field textarea:focus { border-color: #1bb9ff; background: #0a2038; box-shadow: 0 0 0 4px rgba(14, 165, 233, .13); }
.biy-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.biy-service-option { position: relative; display: grid; grid-template-columns: 22px 1fr; gap: 11px; align-items: flex-start; min-height: 76px; padding: 15px; border: 1px solid #24415e; border-radius: 14px; background: #081a2e; cursor: pointer; transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.biy-service-option:hover { transform: translateY(-2px); border-color: rgba(49, 186, 255, .62); background: #0b223b; }
.biy-service-option input { position: absolute; opacity: 0; pointer-events: none; }
.service-check { display: block; width: 20px; height: 20px; border: 1px solid #52708e; border-radius: 6px; background: #061322; box-shadow: inset 0 0 0 3px #061322; }
.biy-service-option input:checked + .service-check { border-color: #2bd2ff; background: #2bd2ff; box-shadow: inset 0 0 0 4px #061322, 0 0 16px rgba(43, 210, 255, .3); }
.biy-service-option:has(input:checked) { border-color: #18bdf5; background: linear-gradient(145deg, rgba(7, 124, 207, .22), rgba(5, 25, 45, .92)); }
.biy-service-option b { display: block; color: #eff9ff; font-size: .9rem; }
.biy-service-option small { display: block; margin-top: 4px; color: #89a0b9; font-size: .75rem; line-height: 1.38; }
.intake-submit-row { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-top: 30px; }
.intake-privacy { display: flex; align-items: center; gap: 9px; max-width: 360px; color: #8fa5bc; line-height: 1.4; }
.intake-privacy > span { display: grid; place-items: center; flex: 0 0 auto; width: 25px; height: 25px; border-radius: 50%; background: rgba(16, 185, 129, .13); color: #5ee3b3; font-weight: 800; }
.biy-submit { display: inline-flex; justify-content: center; align-items: center; gap: 22px; min-width: 260px; min-height: 56px; padding: 0 22px; border: 0; border-radius: 12px; background: linear-gradient(100deg, #087cff, #16b8e8); color: #fff; font-size: .94rem; font-weight: 800; cursor: pointer; box-shadow: 0 16px 36px rgba(0, 126, 255, .24); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.biy-submit:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 20px 42px rgba(0, 150, 255, .34); }
.biy-submit:disabled { opacity: .65; cursor: wait; transform: none; }
.biy-submit b { font-size: 1.25rem; }
.biy-message { display: none; margin-top: 22px; padding: 17px 18px; border-radius: 13px; line-height: 1.55; }
.biy-message strong, .biy-message span { display: block; }
.biy-message strong { margin-bottom: 3px; }
.biy-message.success { border: 1px solid rgba(52, 211, 153, .32); background: rgba(6, 78, 59, .42); color: #d9fff1; }
.biy-message.error { border: 1px solid rgba(248, 113, 113, .35); background: rgba(127, 29, 29, .45); color: #ffe3e3; }
@media (max-width: 980px) {
  .intake-layout { grid-template-columns: 1fr; }
  .intake-aside { position: static; }
  .intake-aside-card { display: grid; grid-template-columns: 1fr 1.4fr; column-gap: 30px; }
  .intake-aside-card::before { grid-column: 1 / -1; }
  .intake-aside-card h3, .intake-aside-kicker { grid-column: 1; }
  .intake-aside-card ol { grid-column: 2; grid-row: 2 / span 3; }
  .intake-contact-card { grid-column: 1; }
}
@media (max-width: 700px) {
  .intake-section { padding: 80px 0; }
  .intake-heading { margin-bottom: 36px; }
  .intake-trust-row { align-items: stretch; }
  .intake-trust-row span { flex: 1 1 150px; justify-content: center; }
  .intake-aside-card { display: block; padding: 24px; }
  .biy-intake-form { padding: 24px 18px; border-radius: 20px; }
  .intake-form-top { display: block; }
  .intake-secure-badge { display: inline-block; margin-top: 15px; }
  .biy-row, .biy-service-grid { grid-template-columns: 1fr; }
  .intake-submit-row { align-items: stretch; flex-direction: column; }
  .biy-submit { width: 100%; min-width: 0; }
}

/* Dedicated intake page and homepage intake CTA */
.intake-page-body { background: #061426; }
.intake-page-hero {
  position: relative;
  overflow: hidden;
  padding: 150px 0 72px;
  background:
    radial-gradient(circle at 78% 35%, rgba(21, 151, 255, .22), transparent 30%),
    linear-gradient(145deg, #061426 0%, #082442 58%, #07182b 100%);
}
.intake-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  background-image: linear-gradient(rgba(66, 178, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(66, 178, 255, .08) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 95%);
}
.intake-page-hero-inner { position: relative; z-index: 1; max-width: 900px; text-align: center; }
.intake-page-hero h1 { max-width: 850px; margin: 12px auto 18px; color: #fff; font-size: clamp(2.55rem, 5vw, 5rem); line-height: 1.02; letter-spacing: -.055em; }
.intake-page-hero > div > p:not(.eyebrow) { max-width: 730px; margin: 0 auto; color: #b9c9dc; font-size: 1.08rem; line-height: 1.75; }
.intake-back-link { display: inline-flex; margin-bottom: 28px; color: #b9dcf4; font-size: .88rem; font-weight: 700; text-decoration: none; }
.intake-back-link:hover { color: #fff; }
.intake-page-section { padding-top: 64px; }
.intake-page-section .intake-layout { padding-bottom: 34px; }

.intake-cta-section { padding: 92px 0; background: linear-gradient(180deg, #f6f9fc, #edf4fa); }
.intake-cta-card { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: 46px; align-items: center; padding: clamp(32px, 5vw, 62px); border-radius: 30px; background: linear-gradient(145deg, #07192d, #0b2b4a); box-shadow: 0 30px 80px rgba(7, 28, 52, .18); }
.intake-cta-copy h2 { margin: 8px 0 14px; color: #fff; font-size: clamp(2rem, 4vw, 3.8rem); letter-spacing: -.045em; line-height: 1.06; }
.intake-cta-copy > p:last-of-type { max-width: 680px; color: #b8c9dc; line-height: 1.7; }
.intake-cta-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 28px; }
.intake-cta-steps { display: grid; gap: 13px; }
.intake-cta-steps span { display: flex; align-items: center; gap: 13px; padding: 16px 18px; border: 1px solid rgba(77, 181, 255, .22); border-radius: 15px; background: rgba(7, 35, 62, .72); color: #e6f4ff; font-size: .9rem; font-weight: 700; }
.intake-cta-steps b { color: #37c8ff; font-size: .74rem; letter-spacing: .09em; }

.demo-flow { grid-column: 1 / -1; margin-top: 12px; padding: 22px; border: 1px solid rgba(16, 128, 214, .14); border-radius: 20px; background: linear-gradient(145deg, #f8fbfe, #eef6fb); }
.demo-flow-title { display: block; margin-bottom: 16px; color: #087fc8; font-size: .73rem; font-weight: 800; letter-spacing: .12em; }
.demo-flow-track { display: grid; grid-template-columns: repeat(7, auto); align-items: center; gap: 10px; }
.demo-flow-track div { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 9px; min-width: 0; }
.demo-flow-track b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #0d91db; color: #fff; font-size: .76rem; }
.demo-flow-track span { color: #16334d; font-size: .78rem; font-weight: 700; line-height: 1.35; }
.demo-flow-track i { color: #27a5e8; font-style: normal; }
.demo-flow > a { display: inline-block; margin-top: 17px; color: #087fc8; font-size: .84rem; font-weight: 800; text-decoration: none; }

@media (max-width: 900px) {
  .intake-cta-card { grid-template-columns: 1fr; }
  .demo-flow-track { grid-template-columns: 1fr; }
  .demo-flow-track i { transform: rotate(90deg); justify-self: start; margin-left: 10px; }
}
@media (max-width: 700px) {
  .intake-page-hero { padding: 118px 0 56px; }
  .intake-cta-section { padding: 65px 0; }
  .intake-cta-card { border-radius: 22px; }
}

/* Demo Center */
.demo-center-preview{padding:110px 0;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.demo-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.demo-preview-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:28px;border:1px solid #dce9f6;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(11,44,78,.08);overflow:hidden}.demo-preview-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(15,143,255,.08),transparent 45%);pointer-events:none}.demo-preview-card.featured{background:linear-gradient(145deg,#06182d,#082847);color:#fff;border-color:#185487}.demo-preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.demo-status{font-size:11px;font-weight:800;letter-spacing:.11em;padding:7px 10px;border-radius:99px}.demo-status.live{background:rgba(23,218,160,.15);color:#1ee0a9}.demo-status.building{background:#edf6ff;color:#087dcc}.demo-icon{font-size:28px;color:#159cf4}.demo-preview-card h3{font-size:24px;margin:0 0 14px}.demo-preview-card p{color:#60708b;line-height:1.7;margin:0 0 22px}.demo-preview-card.featured p{color:#c2d4e6}.demo-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:24px}.demo-tags span{font-size:11px;font-weight:700;padding:7px 10px;border-radius:8px;background:#eef6fc;color:#28506f}.featured .demo-tags span{background:rgba(45,163,245,.12);color:#9ddcff}.demo-preview-card>a{position:relative;font-weight:800;color:#0587dd;text-decoration:none}.featured>a{color:#5dccff}.demo-preview-action{text-align:center;margin-top:38px}
.demo-center-hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 40%,rgba(0,166,255,.25),transparent 30%),linear-gradient(135deg,#020c19 0%,#06213c 56%,#07345b 100%);color:#fff}.demo-center-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(54,160,225,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(54,160,225,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent,#000)}.demo-center-glow{position:absolute;width:520px;height:520px;border:1px solid rgba(87,200,255,.23);border-radius:50%;right:6%;top:8%;box-shadow:0 0 90px rgba(24,160,255,.16),inset 0 0 70px rgba(24,160,255,.08)}.demo-center-glow:before,.demo-center-glow:after{content:"";position:absolute;border:1px solid rgba(86,198,255,.16);border-radius:50%;inset:55px}.demo-center-glow:after{inset:125px;background:url('assets/biy-cloud-logo.png') center/72% no-repeat;filter:drop-shadow(0 0 28px rgba(19,177,255,.65))}.demo-center-hero-inner{position:relative;z-index:2;width:100%}.demo-center-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.045em;max-width:760px;margin:16px 0 24px}.demo-center-hero h1 span{color:#2eb7ff}.demo-center-hero p:not(.eyebrow){max-width:660px;color:#bed0e2;font-size:18px;line-height:1.75}.demo-center-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.demo-library{padding:110px 24px}.demo-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:50px}.demo-library-card{border-radius:24px;overflow:hidden;background:#fff;border:1px solid #dfeaf4;box-shadow:0 20px 55px rgba(8,39,70,.09)}.demo-card-visual{height:225px;padding:22px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#07172a,#0b3457);color:#fff}.visual-chip{position:absolute;left:20px;top:18px;padding:7px 10px;border-radius:99px;background:rgba(20,229,167,.15);color:#32e5b0;font-size:10px;font-weight:800;letter-spacing:.13em}.visual-chip.soon{background:rgba(60,169,255,.15);color:#7bd0ff}.mini-flow{display:flex;align-items:center;gap:9px;font-size:12px}.mini-flow i{font-style:normal;padding:12px 13px;border:1px solid rgba(113,208,255,.28);background:rgba(16,109,169,.25);border-radius:10px}.mini-flow b{color:#41bfff}.browser-mock{width:74%;padding:12px 18px 24px;border:1px solid rgba(93,197,255,.32);border-radius:13px;background:rgba(3,24,43,.72);text-align:center}.browser-mock div{height:7px;border-radius:10px;background:linear-gradient(90deg,#ff6f68 0 7px,transparent 7px 13px,#ffd058 13px 20px,transparent 20px 26px,#32d28b 26px 33px,transparent 33px);margin-bottom:28px}.browser-mock strong,.browser-mock small{display:block}.browser-mock small{margin-top:8px;color:#8cccec}.schedule-mock,.ai-mock{padding:25px 32px;border:1px solid rgba(89,196,255,.28);border-radius:16px;background:rgba(7,42,70,.78);text-align:center}.schedule-mock span,.schedule-mock b,.schedule-mock small,.ai-mock strong,.ai-mock span,.ai-mock small{display:block}.schedule-mock span{font-size:10px;letter-spacing:.15em;color:#42bdfd}.schedule-mock b{font-size:23px;margin:8px 0}.schedule-mock small,.ai-mock small{color:#97cbe8}.merger-mock{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center}.merger-mock i{font-style:normal;padding:20px;border:1px solid rgba(84,193,255,.25);border-radius:14px;background:rgba(19,95,143,.22)}.merger-mock b{font-size:25px;color:#4ac7ff}.merger-mock span{grid-column:1/4;color:#9bd9fa;font-size:12px}.ai-mock strong{font-size:36px;color:#59ceff}.ai-mock span{font-weight:700;margin:8px 0}.powerbi-visual{flex-direction:column;gap:14px}.bars{height:95px;display:flex;gap:10px;align-items:end}.bars i{width:22px;border-radius:5px 5px 0 0;background:linear-gradient(#54d4ff,#0788e3)}.bars i:nth-child(1){height:34%}.bars i:nth-child(2){height:52%}.bars i:nth-child(3){height:43%}.bars i:nth-child(4){height:78%}.bars i:nth-child(5){height:100%}.demo-card-body{padding:28px}.demo-card-heading{display:flex;gap:13px;align-items:center}.demo-card-heading span{font-size:12px;font-weight:800;color:#0b91e8}.demo-card-heading h3{font-size:25px;margin:0}.demo-card-body p{color:#60708a;line-height:1.7}.button.full{display:flex;width:100%;justify-content:center;margin-top:20px}.demo-coming{display:block;margin-top:22px;padding:13px;border-radius:10px;background:#eef6fc;color:#527089;text-align:center;font-size:13px;font-weight:700}.demo-process-band{padding:100px 0;background:linear-gradient(135deg,#031222,#07345b);color:#fff}.demo-story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.demo-story-grid div{padding:25px;border:1px solid rgba(89,190,252,.18);border-radius:16px;background:rgba(10,62,101,.35)}.demo-story-grid b,.demo-story-grid span{display:block}.demo-story-grid b{color:#3bbfff;margin-bottom:10px}.demo-story-grid span{font-weight:700}
@media(max-width:900px){.demo-preview-grid{grid-template-columns:1fr}.demo-library-grid{grid-template-columns:1fr}.demo-center-glow{opacity:.34;right:-220px}.demo-story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.demo-center-hero{min-height:570px}.demo-center-hero h1{font-size:46px}.demo-center-hero-actions{flex-direction:column;align-items:stretch}.demo-center-hero-actions .button{text-align:center}.demo-library{padding:80px 18px}.demo-card-visual{height:205px}.mini-flow{transform:scale(.8)}.demo-story-grid{grid-template-columns:1fr}.demo-center-preview{padding:80px 0}}

/* Website Design Service Page */
.service-page-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 77% 42%,rgba(9,166,255,.27),transparent 30%),linear-gradient(135deg,#020b17 0%,#061d34 52%,#073458 100%);color:#fff}.service-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,23,.12),rgba(2,11,23,0) 55%)}.service-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(59,174,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,174,241,.07) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,#000,transparent 78%)}.service-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:70px;width:100%;padding-top:90px;padding-bottom:70px}.service-hero-copy h1{max-width:760px;margin:14px 0 24px;font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.052em}.service-hero-copy h1 span{color:#38bfff}.service-hero-copy>p:not(.eyebrow){max-width:660px;color:#bdd0e1;font-size:18px;line-height:1.75}.service-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.service-proof-row{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:32px;color:#c8d9e8;font-size:13px;font-weight:700}.service-proof-row b{color:#26dda8;margin-right:7px}.website-browser-showcase{position:relative;min-height:455px;border:1px solid rgba(84,195,255,.3);border-radius:24px;background:rgba(5,29,51,.62);box-shadow:0 35px 90px rgba(0,0,0,.28),0 0 75px rgba(14,149,235,.13);backdrop-filter:blur(8px);transform:perspective(1100px) rotateY(-5deg)}.browser-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid rgba(101,202,255,.19)}.browser-top i{width:9px;height:9px;border-radius:50%;background:#4d6780}.browser-top i:first-child{background:#ff7069}.browser-top i:nth-child(2){background:#ffd161}.browser-top i:nth-child(3){background:#37d693}.browser-top span{margin-left:15px;padding:7px 18px;border-radius:99px;background:rgba(10,55,88,.72);color:#84b9d8;font-size:10px}.browser-screen{padding:22px}.browser-nav{display:flex;align-items:center;gap:15px}.browser-nav b{margin-right:auto;color:#52c7ff}.browser-nav span{width:38px;height:4px;border-radius:5px;background:#365c78}.browser-hero-mini{margin-top:32px;padding:42px 25px 34px;border-radius:15px;background:radial-gradient(circle at 74% 30%,rgba(30,181,255,.25),transparent 28%),linear-gradient(140deg,#071a2d,#0c3c63)}.browser-hero-mini small,.browser-hero-mini strong{display:block}.browser-hero-mini small{color:#53c7ff;font-size:9px;letter-spacing:.14em}.browser-hero-mini strong{max-width:320px;margin:12px 0 22px;font-size:27px;line-height:1.14}.browser-hero-mini em{display:inline-block;width:92px;height:11px;margin-right:8px;border-radius:9px;background:#159ced}.browser-hero-mini em:last-child{width:74px;background:transparent;border:1px solid #3e789c}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:15px}.browser-cards i{height:74px;border:1px solid rgba(87,181,238,.18);border-radius:10px;background:linear-gradient(145deg,#0a2945,#0c3657)}.floating-web-chip{position:absolute;padding:13px 17px;border:1px solid rgba(87,204,255,.28);border-radius:12px;background:rgba(4,30,51,.9);box-shadow:0 15px 35px rgba(0,0,0,.22)}.floating-web-chip b,.floating-web-chip span{display:block}.floating-web-chip b{color:#38cbff;font-size:19px}.floating-web-chip span{margin-top:3px;color:#a7c8dd;font-size:10px}.chip-speed{right:-24px;top:78px}.chip-mobile{left:-28px;bottom:44px}
.service-value-section{padding:110px 0;background:#fff}.service-value-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.service-value-copy h2{margin:10px 0 18px;font-size:clamp(35px,5vw,58px);letter-spacing:-.045em;line-height:1.06;color:#07172d}.service-value-copy>p:not(.eyebrow){color:#65738a;line-height:1.8}.text-link{display:inline-block;margin-top:22px;color:#078bdc;font-weight:800;text-decoration:none}.service-value-points{display:grid;gap:15px}.service-value-points article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:26px;border:1px solid #dfeaf4;border-radius:18px;background:linear-gradient(145deg,#fff,#f6faff)}.service-value-points article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e6f5ff;color:#078bdc;font-size:13px;font-weight:800}.service-value-points h3{margin:2px 0 7px;font-size:20px;color:#0a2038}.service-value-points p{margin:0;color:#68778d;line-height:1.65}
.web-included-section{padding:110px 0;background:linear-gradient(180deg,#f4f9fd,#fff)}.web-included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.web-feature-card{padding:26px;border:1px solid #dce9f5;border-radius:19px;background:#fff;box-shadow:0 14px 35px rgba(9,43,75,.06)}.web-feature-card>span{display:grid;place-items:center;width:45px;height:45px;margin-bottom:20px;border-radius:13px;background:linear-gradient(145deg,#e2f5ff,#f3faff);color:#098ee1;font-size:20px}.web-feature-card h3{margin:0 0 10px;color:#0a2038;font-size:18px}.web-feature-card p{margin:0;color:#68778c;line-height:1.65;font-size:14px}
.website-packages-section{padding:110px 0;background:linear-gradient(135deg,#031220,#073457);color:#fff}.website-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.website-package-card{display:flex;flex-direction:column;padding:32px;border:1px solid rgba(90,190,249,.2);border-radius:22px;background:rgba(8,49,80,.58)}.website-package-card.featured{transform:translateY(-12px);border-color:#20aaf5;background:linear-gradient(145deg,#07304e,#0b4b76);box-shadow:0 25px 70px rgba(0,0,0,.24),0 0 45px rgba(12,159,239,.12)}.package-label{align-self:flex-start;padding:7px 10px;border-radius:99px;background:rgba(55,191,255,.13);color:#58ccff;font-size:10px;font-weight:800;letter-spacing:.13em}.website-package-card h3{margin:22px 0 10px;font-size:27px}.website-package-card>p{min-height:72px;color:#b8cada;line-height:1.65}.website-package-card ul{display:grid;gap:12px;margin:18px 0 28px;padding:0;list-style:none}.website-package-card li{position:relative;padding-left:23px;color:#d4e2ec;font-size:14px}.website-package-card li:before{content:"✓";position:absolute;left:0;color:#23dda7;font-weight:800}.website-package-card .button{margin-top:auto}
.website-process-section{padding:110px 0;background:#fff}.website-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:45px}.website-process-grid article{position:relative;padding:25px 22px;border-top:3px solid #149be9;border-radius:0 0 16px 16px;background:#f5f9fc}.website-process-grid b{color:#0b95e8;font-size:12px;letter-spacing:.13em}.website-process-grid h3{margin:16px 0 10px;color:#092038;font-size:18px}.website-process-grid p{margin:0;color:#68778b;line-height:1.65;font-size:14px}.service-final-cta{padding:0 0 110px;background:#fff}.service-final-card{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:54px 60px;border-radius:28px;background:radial-gradient(circle at 86% 30%,rgba(21,170,255,.3),transparent 24%),linear-gradient(135deg,#031222,#07375f);color:#fff}.service-final-card h2{max-width:760px;margin:10px 0 12px;font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1.08}.service-final-card p:not(.eyebrow){max-width:680px;color:#bdd0df;line-height:1.7}.service-final-actions{display:flex;flex-direction:column;gap:12px;min-width:225px}
@media(max-width:1050px){.service-hero-inner{grid-template-columns:1fr;gap:45px}.website-browser-showcase{max-width:720px;width:100%;transform:none}.service-value-grid{grid-template-columns:1fr;gap:45px}.web-included-grid{grid-template-columns:repeat(2,1fr)}.website-process-grid{grid-template-columns:repeat(3,1fr)}.service-final-card{align-items:flex-start;flex-direction:column}.service-final-actions{flex-direction:row}}
@media(max-width:760px){.service-page-hero{min-height:auto}.service-hero-inner{padding-top:130px;padding-bottom:70px}.service-hero-copy h1{font-size:48px}.website-browser-showcase{min-height:390px}.chip-speed{right:8px}.chip-mobile{left:8px}.service-value-section,.web-included-section,.website-packages-section,.website-process-section{padding:80px 0}.web-included-grid,.website-package-grid,.website-process-grid{grid-template-columns:1fr}.website-package-card.featured{transform:none}.service-final-cta{padding-bottom:80px}.service-final-card{padding:38px 28px}.service-final-actions{width:100%;flex-direction:column}.service-final-actions .button{text-align:center}}
@media(max-width:500px){.service-hero-copy h1{font-size:41px}.service-hero-actions{flex-direction:column}.service-hero-actions .button{text-align:center}.service-proof-row{display:grid}.website-browser-showcase{min-height:325px}.browser-hero-mini{padding:28px 18px}.browser-hero-mini strong{font-size:21px}.browser-cards i{height:52px}.floating-web-chip{display:none}.service-value-points article{grid-template-columns:1fr}.service-final-card{border-radius:21px}}

/* Business Automation Service Page */
.automation-service-hero{background:radial-gradient(circle at 78% 40%,rgba(0,218,255,.22),transparent 28%),radial-gradient(circle at 62% 78%,rgba(37,102,255,.16),transparent 31%),linear-gradient(135deg,#020b17 0%,#061d34 52%,#073458 100%)}
.automation-console{position:relative;min-height:450px;padding:0 25px 25px;border:1px solid rgba(84,195,255,.3);border-radius:24px;background:rgba(4,27,48,.78);box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 75px rgba(14,149,235,.13);backdrop-filter:blur(9px)}
.automation-console-top{height:58px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(101,202,255,.17)}.automation-console-top span{width:9px;height:9px;border-radius:50%;background:#4d6780}.automation-console-top span:first-child{background:#ff7069}.automation-console-top span:nth-child(2){background:#ffd161}.automation-console-top span:nth-child(3){background:#37d693}.automation-console-top b{margin-left:auto;color:#77cfff;font-size:10px;letter-spacing:.12em}
.automation-flow-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:62px}.automation-flow-map>b{color:#31bfff;font-size:20px}.flow-node{position:relative;min-height:145px;padding:20px 15px;border:1px solid rgba(85,192,249,.2);border-radius:16px;background:linear-gradient(145deg,rgba(8,52,84,.88),rgba(5,34,59,.88));text-align:center}.flow-node:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:linear-gradient(145deg,rgba(54,192,255,.18),transparent 55%);pointer-events:none}.flow-node i{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 15px;border-radius:10px;background:#0d7fc2;color:#fff;font-style:normal;font-size:11px;font-weight:800}.flow-node span,.flow-node small{display:block}.flow-node span{color:#fff;font-size:13px;font-weight:800}.flow-node small{margin-top:7px;color:#8fb6cf;font-size:10px}.flow-node.active{border-color:#21b8f6;box-shadow:0 0 30px rgba(20,174,244,.12)}.flow-node.success i{background:#13b989}.automation-console-footer{display:flex;justify-content:space-between;align-items:center;margin-top:34px;padding:14px 16px;border-radius:12px;background:rgba(7,49,80,.65);color:#9fc4da;font-size:11px}.automation-console-footer span{display:flex;align-items:center;gap:8px}.automation-console-footer i{width:8px;height:8px;border-radius:50%;background:#20dea8;box-shadow:0 0 12px #20dea8}.automation-console-footer strong{color:#36c7ff}.floating-auto-chip{position:absolute;padding:13px 17px;border:1px solid rgba(87,204,255,.28);border-radius:12px;background:rgba(4,30,51,.94);box-shadow:0 15px 35px rgba(0,0,0,.22)}.floating-auto-chip b,.floating-auto-chip span{display:block}.floating-auto-chip b{color:#38cbff;font-size:19px}.floating-auto-chip span{margin-top:3px;color:#a7c8dd;font-size:10px}.chip-hours{right:-24px;top:83px}.chip-status{left:-25px;bottom:48px}.chip-status b{color:#20dea8;font-size:13px;letter-spacing:.12em}
.automation-capabilities-section{padding:110px 0;background:linear-gradient(180deg,#f4f9fd,#fff)}.automation-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.auto-cap-card{padding:27px;border:1px solid #dce9f5;border-radius:19px;background:#fff;box-shadow:0 14px 35px rgba(9,43,75,.06)}.auto-cap-card>span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border-radius:13px;background:linear-gradient(145deg,#e2f5ff,#f3faff);color:#098ee1;font-size:19px}.auto-cap-card h3{margin:0 0 10px;color:#0a2038;font-size:18px}.auto-cap-card p{margin:0;color:#68778c;line-height:1.65;font-size:14px}
.automation-packages-section{padding:110px 0;background:linear-gradient(135deg,#031220,#073457);color:#fff}.automation-proof-section{padding:110px 0;background:#fff}.automation-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.automation-proof-card{display:flex;flex-direction:column;min-height:340px;padding:30px;border:1px solid #dce9f5;border-radius:22px;background:linear-gradient(145deg,#fff,#f7fbfe);box-shadow:0 16px 45px rgba(7,42,75,.07)}.automation-proof-card.featured{border-color:#168ed4;background:radial-gradient(circle at 85% 15%,rgba(42,185,255,.2),transparent 28%),linear-gradient(145deg,#06172a,#083b61);color:#fff}.automation-proof-card>span{align-self:flex-start;padding:7px 10px;border-radius:99px;background:#eaf6ff;color:#078bdc;font-size:10px;font-weight:800;letter-spacing:.11em}.automation-proof-card.featured>span{background:rgba(24,219,162,.14);color:#1ee0a9}.automation-proof-card h3{margin:24px 0 12px;font-size:26px;color:#0b2138}.automation-proof-card.featured h3{color:#fff}.automation-proof-card p{margin:0 0 24px;color:#68778c;line-height:1.7}.automation-proof-card.featured p{color:#bfd0df}.automation-proof-card>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:24px}.automation-proof-card i{padding:7px 10px;border-radius:8px;background:#edf6fc;color:#28506f;font-style:normal;font-size:10px;font-weight:700}.automation-proof-card.featured i{background:rgba(45,163,245,.12);color:#9ddcff}.automation-proof-card a{color:#078bdc;font-weight:800;text-decoration:none}.automation-proof-card.featured a{color:#5dccff}
@media(max-width:1050px){.automation-capability-grid{grid-template-columns:repeat(2,1fr)}.automation-proof-grid{grid-template-columns:1fr}.automation-console{max-width:760px;width:100%}}
@media(max-width:760px){.automation-capabilities-section,.automation-packages-section,.automation-proof-section{padding:80px 0}.automation-flow-map{grid-template-columns:1fr;margin-top:28px}.automation-flow-map>b{transform:rotate(90deg);justify-self:center}.automation-console{padding:0 16px 20px}.floating-auto-chip{display:none}.automation-capability-grid{grid-template-columns:1fr}}


/* Microsoft 365 Service Page */
.m365-service-hero{background:radial-gradient(circle at 77% 34%,rgba(38,146,255,.24),transparent 29%),radial-gradient(circle at 63% 83%,rgba(98,73,255,.13),transparent 31%),linear-gradient(135deg,#020b17 0%,#071d36 50%,#0a3b67 100%)}
.m365-workspace{position:relative;min-height:455px;padding:0 24px 24px;border:1px solid rgba(98,196,255,.3);border-radius:24px;background:rgba(4,25,47,.78);box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 75px rgba(25,147,238,.13);backdrop-filter:blur(10px)}
.m365-window-top{height:58px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(101,202,255,.17)}.m365-window-top>span{width:9px;height:9px;border-radius:50%;background:#4d6780}.m365-window-top>span:first-child{background:#ff7069}.m365-window-top>span:nth-child(2){background:#ffd161}.m365-window-top>span:nth-child(3){background:#37d693}.m365-window-top b{margin-left:auto;color:#77cfff;font-size:10px;letter-spacing:.12em}
.m365-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.m365-app{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;min-height:92px;padding:17px;border:1px solid rgba(91,184,242,.2);border-radius:15px;background:linear-gradient(145deg,rgba(8,51,84,.9),rgba(5,34,59,.9))}.m365-app>i{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:white;font-style:normal;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.2)}.m365-app.outlook>i{background:#0878d4}.m365-app.teams>i{background:#6264a7}.m365-app.sharepoint>i{background:#038387}.m365-app.automate>i{background:#0878d4}.m365-app strong,.m365-app small{display:block}.m365-app strong{color:#fff;font-size:13px}.m365-app small{margin-top:5px;color:#8fb6cf;font-size:10px}.m365-app em{color:#2adca9;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em}
.m365-security-bar{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:14px 16px;border-radius:12px;background:rgba(7,49,80,.65);color:#9fc4da;font-size:11px}.m365-security-bar span{display:flex;align-items:center;gap:8px}.m365-security-bar i{width:8px;height:8px;border-radius:50%;background:#20dea8;box-shadow:0 0 12px #20dea8}.m365-security-bar strong{color:#55caff}
.floating-m365-chip{position:absolute;padding:13px 17px;border:1px solid rgba(87,204,255,.28);border-radius:12px;background:rgba(4,30,51,.94);box-shadow:0 15px 35px rgba(0,0,0,.22)}.floating-m365-chip b,.floating-m365-chip span{display:block}.floating-m365-chip b{color:#38cbff;font-size:12px;letter-spacing:.1em}.floating-m365-chip span{margin-top:4px;color:#a7c8dd;font-size:10px}.m365-chip-domain{right:-24px;top:92px}.m365-chip-secure{left:-25px;bottom:43px}.m365-chip-secure b{color:#20dea8}
.m365-capabilities-section{padding:110px 0;background:linear-gradient(180deg,#f4f9fd,#fff)}.m365-packages-section{padding:110px 0;background:linear-gradient(135deg,#031220,#073457);color:#fff}
.m365-ecosystem-section{padding:110px 0;background:#fff}.m365-ecosystem-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.m365-ecosystem-copy h2{margin:12px 0 20px;color:#09213a;font-size:clamp(36px,4.4vw,57px);line-height:1.08;letter-spacing:-.045em}.m365-ecosystem-copy>p:not(.eyebrow){margin:0 0 28px;color:#65758a;line-height:1.75}
.m365-orbit{position:relative;min-height:480px;border:1px solid #d9e9f5;border-radius:28px;background:radial-gradient(circle at center,rgba(28,159,236,.12),transparent 31%),linear-gradient(145deg,#f9fcff,#edf7fd);overflow:hidden}.m365-orbit:before,.m365-orbit:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed rgba(16,145,218,.24);border-radius:50%;transform:translate(-50%,-50%)}.m365-orbit:before{width:330px;height:330px}.m365-orbit:after{width:215px;height:215px}.orbit-core{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:125px;height:125px;border:1px solid rgba(49,178,243,.35);border-radius:50%;background:linear-gradient(145deg,#082946,#0b5080);box-shadow:0 20px 55px rgba(8,66,106,.25),0 0 35px rgba(19,168,245,.2);transform:translate(-50%,-50%)}.orbit-core img{width:67px;filter:drop-shadow(0 0 12px rgba(63,196,255,.7))}.orbit-core b{margin-top:-15px;color:white;font-size:11px;letter-spacing:.15em}.orbit-app{position:absolute;z-index:3;padding:11px 15px;border:1px solid #d7e8f4;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(8,47,79,.1);color:#174665;font-size:11px;font-weight:800}.oa-outlook{left:12%;top:17%}.oa-teams{right:12%;top:17%}.oa-sharepoint{left:5%;top:48%}.oa-forms{right:6%;top:49%}.oa-automate{left:19%;bottom:13%}.oa-powerbi{right:18%;bottom:13%}
@media(max-width:1050px){.m365-workspace{max-width:760px;width:100%}.m365-ecosystem-grid{grid-template-columns:1fr;gap:45px}.m365-orbit{max-width:760px;width:100%;margin:auto}}
@media(max-width:760px){.m365-capabilities-section,.m365-packages-section,.m365-ecosystem-section{padding:80px 0}.m365-app-grid{grid-template-columns:1fr}.m365-workspace{padding:0 16px 20px}.floating-m365-chip{display:none}.m365-orbit{min-height:430px}.m365-orbit:before{width:285px;height:285px}.orbit-app{font-size:10px;padding:9px 11px}.oa-sharepoint{left:3%}.oa-forms{right:3%}}
@media(max-width:500px){.m365-window-top b{display:none}.m365-app{grid-template-columns:44px 1fr}.m365-app em{display:none}.m365-orbit{min-height:390px}.m365-orbit:before{width:245px;height:245px}.m365-orbit:after{width:175px;height:175px}.orbit-core{width:105px;height:105px}.orbit-core img{width:56px}.oa-outlook{left:6%;top:12%}.oa-teams{right:5%;top:12%}.oa-sharepoint{left:1%;top:45%}.oa-forms{right:1%;top:45%}.oa-automate{left:7%;bottom:10%}.oa-powerbi{right:7%;bottom:10%}}

/* Data & Insights Service Page */
.data-service-hero{background:radial-gradient(circle at 78% 27%,rgba(30,180,255,.22),transparent 27%),radial-gradient(circle at 64% 82%,rgba(32,218,168,.12),transparent 30%),linear-gradient(135deg,#020b17 0%,#06223c 52%,#075173 100%)}
.data-dashboard{position:relative;min-height:455px;padding:0 24px 24px;border:1px solid rgba(98,196,255,.3);border-radius:24px;background:rgba(4,25,47,.82);box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 75px rgba(25,147,238,.13);backdrop-filter:blur(10px)}
.data-window-top{height:58px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(101,202,255,.17)}.data-window-top>span{width:9px;height:9px;border-radius:50%;background:#4d6780}.data-window-top>span:first-child{background:#ff7069}.data-window-top>span:nth-child(2){background:#ffd161}.data-window-top>span:nth-child(3){background:#37d693}.data-window-top b{margin-left:auto;color:#77cfff;font-size:10px;letter-spacing:.12em}
.data-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.data-kpi-row>div{padding:16px;border:1px solid rgba(91,184,242,.18);border-radius:13px;background:linear-gradient(145deg,rgba(8,51,84,.9),rgba(5,34,59,.9))}.data-kpi-row small,.data-kpi-row strong,.data-kpi-row em{display:block}.data-kpi-row small{color:#8fb6cf;font-size:9px;letter-spacing:.08em}.data-kpi-row strong{margin-top:8px;color:#fff;font-size:26px}.data-kpi-row em{margin-top:5px;color:#25d9a6;font-size:9px;font-style:normal;font-weight:800}
.data-chart-area{height:180px;margin-top:24px;padding:20px 18px 10px;border:1px solid rgba(91,184,242,.15);border-radius:14px;background:linear-gradient(180deg,rgba(8,50,82,.68),rgba(4,29,51,.78));background-image:linear-gradient(rgba(91,184,242,.08) 1px,transparent 1px);background-size:100% 36px}.data-bars{display:flex;align-items:flex-end;justify-content:space-around;height:125px;gap:12px}.data-bars i{flex:1;max-width:34px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#43d8ff,#0a7ec5);box-shadow:0 0 18px rgba(31,183,246,.2)}.data-chart-labels{display:flex;justify-content:space-around;margin-top:9px;color:#7198b1;font-size:8px}
.data-dashboard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:12px 14px;border-radius:11px;background:rgba(7,49,80,.65);color:#9fc4da;font-size:10px}.data-dashboard-footer span{display:flex;align-items:center;gap:8px}.data-dashboard-footer i{width:8px;height:8px;border-radius:50%;background:#20dea8;box-shadow:0 0 12px #20dea8}.data-dashboard-footer strong{color:#55caff}
.floating-data-chip{position:absolute;padding:13px 17px;border:1px solid rgba(87,204,255,.28);border-radius:12px;background:rgba(4,30,51,.94);box-shadow:0 15px 35px rgba(0,0,0,.22)}.floating-data-chip b,.floating-data-chip span{display:block}.floating-data-chip b{color:#38cbff;font-size:17px}.floating-data-chip span{margin-top:4px;color:#a7c8dd;font-size:10px}.data-chip-growth{right:-24px;top:96px}.data-chip-source{left:-25px;bottom:46px}.data-chip-source b{color:#20dea8;font-size:11px;letter-spacing:.08em}
.data-capabilities-section{padding:110px 0;background:linear-gradient(180deg,#f4f9fd,#fff)}.data-packages-section{padding:110px 0;background:linear-gradient(135deg,#031220,#073f59);color:#fff}.data-story-section{padding:110px 0;background:#fff}.data-story-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:70px}.data-story-copy h2{margin:12px 0 20px;color:#09213a;font-size:clamp(36px,4.4vw,57px);line-height:1.08;letter-spacing:-.045em}.data-story-copy>p:not(.eyebrow){margin:0 0 28px;color:#65758a;line-height:1.75}.data-pipeline{display:flex;align-items:center;gap:10px;padding:34px 24px;border:1px solid #d9e9f5;border-radius:24px;background:linear-gradient(145deg,#f9fcff,#edf7fd);box-shadow:0 18px 50px rgba(8,47,79,.07)}.data-pipeline>div{flex:1;min-height:150px;padding:20px 14px;border:1px solid #dcebf5;border-radius:16px;background:#fff;text-align:center}.data-pipeline i{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 14px;border-radius:10px;background:#e6f6ff;color:#078bdc;font-style:normal;font-size:10px;font-weight:800}.data-pipeline b,.data-pipeline span{display:block}.data-pipeline b{color:#123653;font-size:11px;letter-spacing:.08em}.data-pipeline span{margin-top:10px;color:#70869a;font-size:10px;line-height:1.45}.data-pipeline>strong{color:#14a9e9;font-size:20px}
@media(max-width:1120px){.site-nav{gap:14px}.site-nav a{font-size:12px}}
@media(max-width:1050px){.data-dashboard{max-width:760px;width:100%}.data-story-grid{grid-template-columns:1fr;gap:45px}.data-pipeline{max-width:760px;width:100%;margin:auto}}
@media(max-width:760px){.data-capabilities-section,.data-packages-section,.data-story-section{padding:80px 0}.data-dashboard{padding:0 16px 20px}.floating-data-chip{display:none}.data-pipeline{display:grid;grid-template-columns:1fr}.data-pipeline>strong{transform:rotate(90deg);justify-self:center}.data-kpi-row{grid-template-columns:1fr 1fr}.data-kpi-row>div:last-child{grid-column:1/-1}}
@media(max-width:500px){.data-window-top b{display:none}.data-kpi-row{grid-template-columns:1fr}.data-kpi-row>div:last-child{grid-column:auto}}

/* Security & Identity Service Page */
.security-service-hero{background:radial-gradient(circle at 78% 25%,rgba(56,218,181,.18),transparent 28%),radial-gradient(circle at 63% 85%,rgba(26,136,223,.15),transparent 32%),linear-gradient(135deg,#020b16 0%,#07253a 52%,#07505c 100%)}
.security-console{position:relative;min-height:455px;padding:0 24px 24px;border:1px solid rgba(88,220,190,.28);border-radius:24px;background:rgba(4,27,43,.84);box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 75px rgba(42,218,176,.1);backdrop-filter:blur(10px)}
.security-window-top{height:58px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(102,228,198,.16)}.security-window-top>span{width:9px;height:9px;border-radius:50%;background:#4d6780}.security-window-top>span:first-child{background:#ff7069}.security-window-top>span:nth-child(2){background:#ffd161}.security-window-top>span:nth-child(3){background:#37d693}.security-window-top b{margin-left:auto;color:#72e3c5;font-size:10px;letter-spacing:.12em}
.security-score{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:24px;margin-top:26px;padding:20px;border:1px solid rgba(91,214,190,.18);border-radius:15px;background:linear-gradient(145deg,rgba(8,56,76,.9),rgba(5,37,55,.9))}.security-ring{display:grid;place-items:center;align-content:center;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle,#082b3d 58%,transparent 60%),conic-gradient(#28dfae 0 92%,rgba(89,180,190,.18) 92% 100%);box-shadow:0 0 30px rgba(40,223,174,.14)}.security-ring strong,.security-ring span{display:block}.security-ring strong{color:#fff;font-size:35px}.security-ring span{margin-top:3px;color:#6edfc2;font-size:8px;letter-spacing:.08em}.security-score small{color:#8fbfc2;font-size:9px;letter-spacing:.1em}.security-score h3{margin:7px 0 5px;color:#fff;font-size:25px}.security-score p{margin:0;color:#9fc4c8;font-size:11px;line-height:1.5}
.security-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.security-control-grid>div{display:flex;align-items:center;gap:10px;padding:14px 11px;border:1px solid rgba(89,196,188,.15);border-radius:12px;background:rgba(7,51,67,.68)}.security-control-grid i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(32,222,168,.14);color:#27dbaa;font-style:normal;font-size:11px;font-weight:800}.security-control-grid b,.security-control-grid small{display:block}.security-control-grid b{color:#fff;font-size:9px;letter-spacing:.05em}.security-control-grid small{margin-top:4px;color:#83b7bd;font-size:8px}
.security-alert{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:13px 14px;border-radius:11px;background:rgba(7,55,68,.7);color:#9fc9c7;font-size:10px}.security-alert span{display:flex;align-items:center;gap:8px}.security-alert i{width:8px;height:8px;border-radius:50%;background:#20dea8;box-shadow:0 0 12px #20dea8}.security-alert strong{color:#69dfc4}
.floating-security-chip{position:absolute;padding:13px 17px;border:1px solid rgba(87,219,196,.26);border-radius:12px;background:rgba(4,34,47,.95);box-shadow:0 15px 35px rgba(0,0,0,.22)}.floating-security-chip b,.floating-security-chip span{display:block}.floating-security-chip b{color:#36dfb3;font-size:12px;letter-spacing:.08em}.floating-security-chip span{margin-top:4px;color:#a7c9ca;font-size:10px}.security-chip-users{right:-24px;top:92px}.security-chip-risk{left:-25px;bottom:46px}.security-chip-risk b{color:#55caff}
.security-capabilities-section{padding:110px 0;background:linear-gradient(180deg,#f3faf9,#fff)}.security-packages-section{padding:110px 0;background:linear-gradient(135deg,#03141d,#07505b);color:#fff}.security-framework-section{padding:110px 0;background:#fff}.security-framework-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:70px}.security-framework-copy h2{margin:12px 0 20px;color:#09213a;font-size:clamp(36px,4.4vw,57px);line-height:1.08;letter-spacing:-.045em}.security-framework-copy>p:not(.eyebrow){margin:0 0 28px;color:#65758a;line-height:1.75}.security-framework{display:flex;align-items:center;gap:10px;padding:34px 24px;border:1px solid #d8ece8;border-radius:24px;background:linear-gradient(145deg,#f9fffd,#ecf9f6);box-shadow:0 18px 50px rgba(8,72,66,.07)}.security-framework>div{flex:1;min-height:150px;padding:20px 14px;border:1px solid #dceeea;border-radius:16px;background:#fff;text-align:center}.security-framework i{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 14px;border-radius:10px;background:#e4faf4;color:#0ba97f;font-style:normal;font-size:10px;font-weight:800}.security-framework b,.security-framework span{display:block}.security-framework b{color:#123e46;font-size:11px;letter-spacing:.08em}.security-framework span{margin-top:10px;color:#708b8c;font-size:10px;line-height:1.45}.security-framework>strong{color:#16b98e;font-size:20px}
@media(max-width:1050px){.security-console{max-width:760px;width:100%}.security-framework-grid{grid-template-columns:1fr;gap:45px}.security-framework{max-width:760px;width:100%;margin:auto}}
@media(max-width:760px){.security-capabilities-section,.security-packages-section,.security-framework-section{padding:80px 0}.security-console{padding:0 16px 20px}.floating-security-chip{display:none}.security-control-grid{grid-template-columns:1fr 1fr}.security-framework{display:grid;grid-template-columns:1fr}.security-framework>strong{transform:rotate(90deg);justify-self:center}}
@media(max-width:500px){.security-window-top b{display:none}.security-score{grid-template-columns:1fr;text-align:center}.security-ring{margin:auto}.security-control-grid{grid-template-columns:1fr}.security-alert{align-items:flex-start;gap:10px;flex-direction:column}}

/* =========================================================
   v31 — Global polish pass
   Navigation, typography, cards, buttons, accessibility,
   motion, mobile navigation, and visual consistency.
   ========================================================= */
:root{
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --shadow-sm:0 8px 24px rgba(5,24,56,.08);
  --shadow-md:0 18px 48px rgba(5,24,56,.12);
  --shadow-blue:0 18px 45px rgba(8,124,255,.22);
}

html{scroll-padding-top:118px}
body{
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(23,167,255,.28);color:inherit}
:focus-visible{outline:3px solid rgba(64,194,255,.85);outline-offset:4px}

/* Thin page progress indicator */
.page-progress{
  position:fixed;top:0;left:0;z-index:9999;height:3px;width:0;
  background:linear-gradient(90deg,#087cff,#39d5ff);
  box-shadow:0 0 15px rgba(57,213,255,.75);
  pointer-events:none;
}

/* Header polish */
.site-header{
  background:rgba(2,10,23,.88);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  transition:background .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.site-header.scrolled{
  background:rgba(2,10,23,.96);
  border-bottom-color:rgba(68,183,255,.22);
  box-shadow:0 14px 40px rgba(0,0,0,.24);
}
.brand-logo{transition:transform .25s ease,filter .25s ease}
.brand:hover .brand-logo{transform:scale(1.035);filter:drop-shadow(0 0 14px rgba(35,174,255,.46))}
.site-nav a{position:relative;transition:color .2s ease}
.site-nav a::after{
  content:"";position:absolute;left:50%;bottom:21px;width:0;height:2px;
  border-radius:999px;background:linear-gradient(90deg,#087cff,#40d3ff);
  transform:translateX(-50%);transition:width .22s ease;
}
.site-nav a:hover::after,.site-nav a.active::after{width:100%}
.site-nav a:hover,.site-nav a.active{border-bottom-color:transparent}

/* Buttons */
.button{
  min-height:48px;border-radius:12px;letter-spacing:-.01em;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.button:hover{transform:translateY(-3px)}
.button:active{transform:translateY(-1px) scale(.99)}
.primary,.header-cta{box-shadow:0 12px 32px rgba(0,123,255,.28)}
.primary:hover,.header-cta:hover{box-shadow:0 18px 42px rgba(0,123,255,.38)}
.outline:hover,.ghost:hover{border-color:#66cfff;background:rgba(23,167,255,.1)}

/* Typography and section rhythm */
.section-heading h2,.demo-copy h2,.about-copy h2,.contact-copy h2{
  text-wrap:balance;
}
.section-heading p,.hero-lead,.service-card p,.demo-preview-card p{
  text-wrap:pretty;
}
.content-section,.contact-section{padding-top:96px;padding-bottom:96px}
.section-heading{margin-bottom:48px}
.section-heading h2{font-size:clamp(34px,4vw,46px)}
.eyebrow{letter-spacing:.09em}

/* Cards */
.service-card,.demo-preview-card,.why-card,.contact-form,
.solution-card,.package-card,.process-card,.feature-card{
  border-radius:var(--radius-md);
}
.service-card,.demo-preview-card{
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.service-card::after,.demo-preview-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(135deg,rgba(34,174,255,.08),transparent 42%);
  transition:opacity .28s ease;
}
.service-card:hover,.demo-preview-card:hover{
  transform:translateY(-8px);
  border-color:rgba(31,151,255,.42);
  box-shadow:var(--shadow-md);
}
.service-card:hover::after,.demo-preview-card:hover::after{opacity:1}
.service-card a,.demo-preview-card a{
  position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;
  transition:gap .2s ease,color .2s ease;
}
.service-card a:hover,.demo-preview-card a:hover{gap:11px;color:#006ee8}
.service-icon{border-radius:14px;box-shadow:inset 0 0 0 1px rgba(8,124,255,.08)}

/* Process and capability polish */
.capability-strip{border-top:1px solid rgba(69,187,255,.15);border-bottom:1px solid rgba(69,187,255,.15)}
.capability-grid div{transition:background .2s ease,transform .2s ease}
.capability-grid div:hover{background:rgba(28,152,255,.08);transform:translateY(-2px)}
.process-grid article{padding:0 12px}
.process-grid span{box-shadow:0 0 0 1px rgba(85,195,255,.26),0 0 24px rgba(8,124,255,.18)}

/* Forms */
input,select,textarea{font:inherit}
.contact-form input,.contact-form select,.contact-form textarea,
.biy-field input,.biy-field select,.biy-field textarea{
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,
.biy-field input:focus,.biy-field select:focus,.biy-field textarea:focus{
  border-color:#168fff!important;
  box-shadow:0 0 0 4px rgba(22,143,255,.12)!important;
  outline:none;
}

/* Back-to-top button */
.back-to-top{
  position:fixed;right:22px;bottom:22px;z-index:70;width:48px;height:48px;
  border:1px solid rgba(89,197,255,.38);border-radius:14px;
  background:rgba(3,20,45,.88);color:#fff;font-size:20px;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.26);backdrop-filter:blur(12px);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background .22s ease;
}
.back-to-top.visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{background:#087cff}

/* Reveal animation refined */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}
.reveal.visible{opacity:1;transform:none}

/* Mobile navigation polish */
@media(max-width:900px){
  html{scroll-padding-top:90px}
  .menu-toggle{
    display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:42px;
    border:1px solid rgba(87,194,255,.35);border-radius:11px;background:rgba(12,49,91,.45);
    color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;
  }
  .site-nav{
    position:fixed!important;left:16px!important;right:16px!important;top:94px!important;
    display:grid!important;gap:0!important;padding:10px!important;border:1px solid rgba(75,183,255,.25);
    border-radius:18px;background:rgba(2,13,31,.98);box-shadow:0 24px 60px rgba(0,0,0,.4);
    backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
    max-height:calc(100vh - 120px);overflow:auto;
  }
  .site-nav.open{opacity:1;visibility:visible;transform:none}
  .site-nav a{padding:13px 14px!important;border:0!important;border-radius:10px}
  .site-nav a::after{display:none}
  .site-nav a:hover,.site-nav a.active{background:rgba(23,157,255,.12)}
  .header-cta{display:none}
}

@media(max-width:700px){
  .section-shell{width:min(100% - 28px,1180px)}
  .content-section,.contact-section{padding-top:72px;padding-bottom:72px}
  .section-heading{margin-bottom:34px}
  .section-heading h2{font-size:clamp(30px,9vw,39px)}
  .hero-actions .button{width:100%}
  .services-grid,.demo-preview-grid{gap:18px}
  .back-to-top{right:15px;bottom:15px;width:44px;height:44px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

/* =========================================================
   v32 — Targeted alignment and visibility fixes
   ========================================================= */
/* Keep top-of-page content centered inside the same site width. */
.demo-center-hero-inner,
.service-hero-inner{
  width:min(1180px,calc(100% - 40px));
  margin-left:auto;
  margin-right:auto;
}

/* Let the Featured badge sit above the card without being clipped. */
.service-card{overflow:visible}
.service-card::after{border-radius:inherit}
.new-badge{z-index:3}

@media(max-width:700px){
  .demo-center-hero-inner,
  .service-hero-inner{
    width:min(100% - 28px,1180px);
  }
}


/* =========================================================
   BIY v33 — coordinated sitewide polish
   ========================================================= */

/* Clearer rhythm and subtle section separation */
main > section:not(:first-child){position:relative}
main > section:not(:first-child)::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1180px,calc(100% - 40px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(16,143,226,.22) 18%,rgba(16,143,226,.22) 82%,transparent);
  pointer-events:none;
}
.about-section::before,.process-section::before,.capability-strip::before,
.automation-packages-section::before,.security-packages-section::before,
.demo-process-band::before,.service-page-hero::before,.hero::before{display:none!important}

/* Keep major sections visually connected without oversized empty gaps */
.content-section,.service-value-section,.web-included-section,
.automation-capabilities-section,.security-capabilities-section,
.microsoft-capabilities-section,.data-capabilities-section{padding-top:96px;padding-bottom:96px}
.automation-proof-section{padding:96px 0 82px}
.automation-proof-section + .website-process-section{padding-top:92px}
.website-process-section{padding:96px 0}
.service-final-cta{padding:0 0 96px}
.intake-cta-section{padding-top:88px;padding-bottom:96px}

/* Bring service hero visuals into the same composition as the copy */
.service-hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:42px}
.service-hero-copy{max-width:700px}
.website-browser-showcase,.automation-console,.m365-console,.data-console,.security-console{justify-self:end;width:100%;max-width:570px}

/* More balanced framework layouts */
.security-framework-grid{grid-template-columns:.9fr 1.1fr;gap:42px}
.security-framework-copy h2{font-size:clamp(34px,3.8vw,52px)}
.security-framework{padding:28px 20px}

/* Homepage demo section gets a deliberate finish instead of a blank break */
.demo-preview-section{padding-bottom:94px}
.demo-preview-section + .about-section{border-top:0}
.demo-preview-action{margin-top:34px}

/* Premium sitewide footer */
.site-footer.premium-footer{
  position:relative;
  margin-top:0;
  padding:64px 0 0;
  background:
    radial-gradient(circle at 12% 15%,rgba(10,132,255,.12),transparent 24%),
    linear-gradient(135deg,#020915 0%,#031326 58%,#020a17 100%);
  color:#fff;
  border-top:1px solid rgba(74,178,255,.24);
}
.premium-footer::before{
  content:"";
  position:absolute;
  top:0;left:50%;
  width:min(1180px,calc(100% - 40px));height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#159cff 25%,#159cff 75%,transparent);
  opacity:.75;
}
.premium-footer-grid{
  display:grid;
  grid-template-columns:minmax(300px,1.5fr) .72fr .95fr .72fr;
  gap:52px;
  align-items:start;
}
.footer-company{padding-right:34px;border-right:1px solid rgba(255,255,255,.12)}
.footer-brand{display:inline-flex;margin:0 0 19px}
.footer-brand .brand-logo{width:60px;height:60px;flex-basis:60px}
.footer-brand .brand-copy strong{font-size:21px;letter-spacing:.055em;color:#70c9ff}
.footer-company>p{max-width:370px;margin:0;color:#aebdd0;font-size:14px;line-height:1.75}
.footer-contact-inline{display:grid;gap:8px;margin-top:22px}
.footer-contact-inline a{width:max-content;color:#cfe8fa;font-size:13px;font-weight:650}
.footer-contact-inline a:hover{color:#45b8ff}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.footer-column strong{margin-bottom:6px;color:#57c0ff;font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.footer-column a{display:block;color:#c2cfdd;font-size:13px;line-height:1.45;transition:color .2s ease,transform .2s ease}
.footer-column a:hover{color:#fff;transform:translateX(3px)}
.premium-footer-bottom{
  display:flex;justify-content:space-between;gap:24px;
  margin-top:48px;padding:21px 0 25px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#8294a9;font-size:12px;
}

/* Protect featured badges from clipping */
.services-grid{padding-top:18px}
.service-card{overflow:visible}

@media(max-width:1000px){
  .premium-footer-grid{grid-template-columns:1.35fr 1fr 1fr;gap:40px}
  .footer-company{grid-column:1/-1;padding:0 0 32px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .service-hero-inner{gap:30px;grid-template-columns:1fr 1fr}
}
@media(max-width:780px){
  main > section:not(:first-child)::before{width:calc(100% - 28px)}
  .service-hero-inner{grid-template-columns:1fr;gap:42px}
  .website-browser-showcase,.automation-console,.m365-console,.data-console,.security-console{justify-self:center;max-width:620px}
  .security-framework-grid{grid-template-columns:1fr;gap:34px}
  .premium-footer-grid{grid-template-columns:1fr 1fr;gap:36px 28px}
  .footer-company{grid-column:1/-1}
  .premium-footer-bottom{flex-direction:column;text-align:center;align-items:center;gap:5px}
}
@media(max-width:520px){
  .site-footer.premium-footer{padding-top:48px}
  .premium-footer-grid{grid-template-columns:1fr;gap:30px}
  .footer-company{padding-bottom:27px}
  .footer-column{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
  .footer-column:last-child{border-bottom:0}
}


/* v34: intake back-link placement and centered security closing CTA */
.intake-back-link {
  margin: 20px auto 0;
  justify-content: center;
}
.security-final-cta .section-shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.security-final-cta .section-shell > img {
  display: block;
  margin: 0 auto 24px;
}
.security-final-cta .section-shell > h2,
.security-final-cta .section-shell > p:not(.eyebrow) {
  margin-left: auto;
  margin-right: auto;
}
.security-final-cta .section-shell > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}


/* v35 final spacing refinements */
.intake-page-hero {
  padding-top: 108px;
}
.intake-fieldset legend {
  position: relative;
  top: 10px;
  margin-bottom: 33px;
}
.security-final-cta .section-shell > img {
  margin-bottom: -46px;
}
.security-final-cta .section-shell > .eyebrow {
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  .intake-page-hero { padding-top: 94px; }
  .intake-fieldset legend { top: 8px; margin-bottom: 29px; }
  .security-final-cta .section-shell > img { margin-bottom: -34px; }
}

/* v36 intake redesign — centered, focused multi-step experience */
.intake-wizard-section { padding: 72px 0 90px; }
.intake-wizard-shell { max-width: 1080px; }
.intake-wizard { max-width: 920px; margin: 0 auto; padding: clamp(28px, 5vw, 58px); }
.wizard-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 30px; }
.wizard-heading h2 { max-width: 650px; margin: 9px 0 10px; color: #fff; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.03; letter-spacing: -.045em; }
.wizard-heading p { max-width: 620px; margin: 0; color: #9fb3ca; line-height: 1.65; }
.wizard-progress { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 8px 0 46px; }
.wizard-progress-line { position: absolute; top: 18px; left: 12.5%; right: 12.5%; height: 2px; overflow: hidden; background: rgba(111, 142, 174, .28); }
.wizard-progress-line span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #078dff, #35d5ff); transition: width .35s ease; }
.wizard-dot { position: relative; z-index: 1; display: grid; justify-items: center; gap: 9px; border: 0; background: transparent; color: #71879f; font: inherit; cursor: pointer; }
.wizard-dot b { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #35516d; border-radius: 50%; background: #07182b; color: #8ca3bb; transition: .25s ease; }
.wizard-dot span { font-size: .77rem; font-weight: 700; }
.wizard-dot.active b, .wizard-dot.complete b { border-color: #20bfff; background: linear-gradient(145deg, #087cff, #16b8e8); color: #fff; box-shadow: 0 0 24px rgba(8, 153, 255, .33); }
.wizard-dot.active span, .wizard-dot.complete span { color: #dff4ff; }
.wizard-panel { display: none; animation: wizardFade .32s ease; }
.wizard-panel.active { display: block; }
@keyframes wizardFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.wizard-panel-copy { margin-bottom: 30px; }
.wizard-panel-copy > span { color: #35c7ff; font-size: .73rem; font-weight: 800; letter-spacing: .14em; }
.wizard-panel-copy h3 { margin: 8px 0 8px; color: #fff; font-size: clamp(1.55rem, 3vw, 2.35rem); letter-spacing: -.035em; }
.wizard-panel-copy p { margin: 0; color: #91a8c0; }
.wizard-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 24px; }
.wizard-description textarea { min-height: 110px; }
.wizard-actions { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 28px; }
.wizard-actions-end { justify-content: flex-end; }
.wizard-actions .button { min-width: 150px; }
.wizard-actions .button-secondary { border: 1px solid #34516d; background: rgba(7, 24, 43, .65); color: #dcecff; box-shadow: none; }
.wizard-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 2px 0 8px; }
.wizard-timeline .field-title { grid-column: 1 / -1; }
.wizard-timeline label { position: relative; cursor: pointer; }
.wizard-timeline input { position: absolute; opacity: 0; }
.wizard-timeline label span { display: grid; place-items: center; min-height: 58px; padding: 10px; border: 1px solid #294762; border-radius: 13px; background: #081a2e; color: #b8c9dc; font-size: .84rem; font-weight: 700; text-align: center; transition: .2s ease; }
.wizard-timeline input:checked + span { border-color: #22c7ff; background: rgba(9, 124, 195, .22); color: #fff; box-shadow: 0 0 0 3px rgba(34, 199, 255, .08); }
.wizard-review { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.wizard-review div { min-height: 92px; padding: 18px; border: 1px solid rgba(75, 153, 207, .2); border-radius: 15px; background: rgba(6, 26, 47, .75); }
.wizard-review span { display: block; margin-bottom: 8px; color: #43c9ff; font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.wizard-review strong { color: #ecf8ff; font-size: .94rem; line-height: 1.45; }
.wizard-next-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; max-width: 920px; margin: 28px auto 0; overflow: hidden; border: 1px solid rgba(75, 174, 234, .18); border-radius: 18px; background: rgba(4, 18, 34, .58); }
.wizard-next-strip > div { padding: 22px 24px; border-right: 1px solid rgba(75, 174, 234, .14); }
.wizard-next-strip > div:last-child { border-right: 0; }
.wizard-next-strip span, .wizard-next-strip strong, .wizard-next-strip small { display: block; }
.wizard-next-strip span { margin-bottom: 8px; color: #35c7ff; font-size: .69rem; font-weight: 800; letter-spacing: .12em; }
.wizard-next-strip strong { margin-bottom: 5px; color: #eff9ff; font-size: .9rem; }
.wizard-next-strip small { color: #8199b2; line-height: 1.45; }
@media (max-width: 760px) {
  .wizard-heading { display: block; }
  .wizard-heading .intake-secure-badge { display: inline-block; margin-top: 16px; }
  .wizard-progress { margin-bottom: 36px; }
  .wizard-dot span { font-size: .68rem; }
  .wizard-service-grid, .wizard-review, .wizard-next-strip { grid-template-columns: 1fr; }
  .wizard-timeline { grid-template-columns: repeat(2, 1fr); }
  .wizard-next-strip > div { border-right: 0; border-bottom: 1px solid rgba(75, 174, 234, .14); }
  .wizard-next-strip > div:last-child { border-bottom: 0; }
}
@media (max-width: 520px) {
  .intake-wizard { padding: 24px 17px; }
  .wizard-dot span { display: none; }
  .wizard-progress-line { left: 12%; right: 12%; }
  .wizard-actions { align-items: stretch; flex-direction: column-reverse; }
  .wizard-actions .button, .wizard-actions .biy-submit { width: 100%; }
}

/* v37 Demo Center ecosystem hero */
.demo-center-hero{
  min-height:620px;
  padding:52px 0 48px;
}
.demo-center-hero-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(620px,1.14fr);
  align-items:center;
  gap:18px;
  width:100%;
}
.demo-center-hero-inner{
  width:auto;
  max-width:650px;
}
.demo-ecosystem-visual{
  position:relative;
  margin-left:-42px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.demo-ecosystem-visual img{
  display:block;
  width:min(100%,930px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 55px rgba(0,121,255,.18));
  animation:demoEcosystemFloat 6s ease-in-out infinite;
}
@keyframes demoEcosystemFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@media(max-width:1180px){
  .demo-center-hero-layout{grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:8px}
  .demo-ecosystem-visual{margin-left:-24px}
}
@media(max-width:900px){
  .demo-center-hero{padding:80px 0 55px}
  .demo-center-hero-layout{grid-template-columns:1fr;text-align:left}
  .demo-center-hero-inner{max-width:720px}
  .demo-ecosystem-visual{margin:28px auto 0;width:min(100%,760px)}
  .demo-center-glow{display:none}
}
@media(max-width:600px){
  .demo-center-hero{padding-top:62px}
  .demo-ecosystem-visual{margin-top:22px;width:112%;margin-left:-6%}
  .demo-ecosystem-visual img{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .demo-ecosystem-visual img{animation:none}
}

/* v40 — simplified, balanced Demo Center ecosystem */
.v40-ecosystem{position:relative;width:min(690px,100%);height:500px;margin:0 auto;isolation:isolate}
.v40-ecosystem:before{content:"";position:absolute;inset:8% 4% 3%;background:radial-gradient(circle at 50% 48%,rgba(13,151,255,.27),rgba(8,89,176,.08) 35%,transparent 68%);filter:blur(20px);z-index:-4}
.v40-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(70,184,255,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-10deg);z-index:-1}
.v40-orbit-one{width:500px;height:255px}
.v40-orbit-two{width:395px;height:345px;transform:translate(-50%,-50%) rotate(14deg);border-style:dashed;opacity:.72}
.v40-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#48cfff;box-shadow:0 0 10px #48cfff,0 0 22px #078dff;animation:v40Pulse 3s ease-in-out infinite}
.v40-particle-one{left:18%;top:45%}.v40-particle-two{right:18%;top:33%;animation-delay:1.15s}
@keyframes v40Pulse{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}
.v40-core{position:absolute;left:50%;top:47%;width:285px;text-align:center;transform:translate(-50%,-50%);z-index:3}
.v40-core-glow{position:absolute;left:50%;top:38%;width:245px;height:145px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,161,255,.32),transparent 70%);filter:blur(18px);z-index:-1}
.v40-core img{display:block;width:245px;height:178px;object-fit:contain;margin:0 auto -5px;filter:drop-shadow(0 0 14px rgba(26,166,255,.9)) drop-shadow(0 0 32px rgba(0,112,255,.45));animation:v40Float 5s ease-in-out infinite}
.v40-core strong{display:block;color:#fff;font-size:14px;letter-spacing:.14em}.v40-core small{display:block;color:#8fc6e8;font-size:11px;margin-top:5px}
@keyframes v40Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.v40-platform{position:absolute;left:50%;bottom:38px;width:300px;height:48px;transform:translateX(-50%);border:1px solid rgba(29,175,255,.48);border-radius:50%;background:radial-gradient(ellipse,rgba(19,151,255,.22),rgba(0,57,130,.08) 48%,transparent 74%);box-shadow:0 0 22px rgba(0,130,255,.18)}
.v40-platform span{position:absolute;inset:9px 38px;border:1px solid rgba(57,197,255,.34);border-radius:50%}
.v40-node{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;color:#eaf7ff;transition:transform .22s ease,filter .22s ease}
.v40-node:hover{transform:translateY(-4px);filter:brightness(1.22)}
.v40-icon{width:48px;height:48px;flex:0 0 48px;border:1px solid #31bfff;border-radius:50%;display:grid;place-items:center;background:rgba(3,18,42,.86);font-size:22px;color:#68d0ff;box-shadow:0 0 18px rgba(0,149,255,.24),inset 0 0 14px rgba(18,153,255,.07)}
.v40-node b{font-size:11px;line-height:1.15;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.v40-tip{position:absolute;top:56px;left:50%;transform:translateX(-50%) translateY(4px);width:max-content;max-width:190px;padding:7px 10px;border:1px solid rgba(66,183,255,.25);border-radius:8px;background:rgba(2,15,35,.94);color:#9fc3db;font-size:9px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 22px rgba(0,0,0,.2)}
.v40-node:hover .v40-tip,.v40-node:focus-visible .v40-tip{opacity:1;transform:translateX(-50%) translateY(0)}
.v40-node-website{left:2%;top:19%}.v40-node-data{left:0;top:48%}.v40-node-security{left:7%;bottom:11%}
.v40-node-automation{right:9%;top:8%}.v40-node-m365{right:0;top:40%}.v40-node-ai{right:7%;bottom:10%}
.v40-node-automation .v40-icon{color:#6be594;border-color:#35dc7d}.v40-node-data .v40-icon{color:#ffc554;border-color:#ffb62e}.v40-node-security .v40-icon{color:#87e7ff;border-color:#4ed8ff}.v40-node-ai .v40-icon{color:#65e4df;border-color:#3bd5d0}
.v40-node .microsoft-grid{grid-template-columns:repeat(2,9px)!important;grid-template-rows:repeat(2,9px)!important;gap:2px!important}.v40-node .microsoft-grid i{width:9px;height:9px}.v40-node .microsoft-grid i:nth-child(1){background:#f35325}.v40-node .microsoft-grid i:nth-child(2){background:#81bc06}.v40-node .microsoft-grid i:nth-child(3){background:#05a6f0}.v40-node .microsoft-grid i:nth-child(4){background:#ffba08}
.v40-node .data-bars{display:flex!important;align-items:end!important;justify-content:center!important;gap:3px!important}.v40-node .data-bars i{width:5px;background:#ffbd3d;border-radius:2px}.v40-node .data-bars i:nth-child(1){height:10px}.v40-node .data-bars i:nth-child(2){height:18px}.v40-node .data-bars i:nth-child(3){height:27px}
@media(max-width:1180px){.demo-center-hero-layout{grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr)}.v40-ecosystem{transform:scale(.9);transform-origin:center}}
@media(max-width:980px){.demo-center-hero-layout{grid-template-columns:1fr}.demo-center-hero-inner{max-width:720px}.v40-ecosystem{margin:14px auto -20px;transform:scale(.92);transform-origin:top center}}
@media(max-width:700px){.v40-ecosystem{height:455px;transform:scale(.78);margin-bottom:-70px}.v40-node b{display:none}.v40-tip{display:none}.v40-node{gap:0}.v40-node-website{left:8%}.v40-node-data{left:7%}.v40-node-security{left:12%}.v40-node-m365{right:7%}.v40-node-ai{right:12%}}
@media(max-width:480px){.v40-ecosystem{left:50%;width:620px;transform:translateX(-50%) scale(.58);margin-top:0;margin-bottom:-165px}}
@media(prefers-reduced-motion:reduce){.v40-core img,.v40-particle{animation:none}}

/* v42 — Demo Center hero spacing matched to the service-page composition */
@media (min-width: 981px) {
  .demo-center-hero {
    min-height: 650px;
  }

  .demo-center-hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(520px, 1fr);
    gap: 42px;
    align-items: center;
  }

  .demo-center-hero-inner {
    max-width: 610px;
  }

  .v40-ecosystem {
    width: 690px;
    max-width: none;
    margin-left: -54px;
    margin-right: 0;
    transform: scale(1);
    transform-origin: center left;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .demo-center-hero-layout {
    grid-template-columns: minmax(380px, 1fr) minmax(500px, 1fr);
    gap: 24px;
  }

  .v40-ecosystem {
    width: 640px;
    margin-left: -34px;
    transform: scale(.94);
  }
}

@media (max-width: 980px) {
  .demo-center-hero {
    min-height: auto;
  }

  .v40-ecosystem {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* v44 — Demo Center only: tighter hero balance and centered Microsoft icon */
@media (min-width: 981px) {
  .demo-page .demo-center-hero-layout {
    grid-template-columns: minmax(500px, .92fr) minmax(520px, 1.08fr);
    gap: 0;
  }

  .demo-page .demo-center-hero-inner {
    max-width: 610px;
    padding-left: 56px;
  }

  .demo-page .v40-ecosystem {
    width: 650px;
    margin-left: -38px;
    margin-right: 0;
    transform: scale(.88);
    transform-origin: center left;
  }

  .demo-page .v40-node-m365 .v40-icon.microsoft-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 9px) !important;
    grid-template-rows: repeat(2, 9px) !important;
    place-content: center !important;
    place-items: center !important;
    gap: 2px !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  .demo-page .v40-node-m365 .microsoft-grid i {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .demo-page .demo-center-hero-inner {
    padding-left: 28px;
  }

  .demo-page .v40-ecosystem {
    width: 620px;
    margin-left: -26px;
    transform: scale(.84);
  }
}

/* v46 — Demo Center only: center the text and ecosystem as one hero group */
@media (min-width: 981px) {
  .demo-page .demo-center-hero-layout {
    width: min(1320px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: minmax(500px, 560px) minmax(560px, 650px);
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .demo-page .demo-center-hero-inner {
    width: 100%;
    max-width: 560px;
    padding-left: 0;
    justify-self: center;
  }

  .demo-page .v40-ecosystem {
    width: 650px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-self: center;
    transform: scale(.88);
    transform-origin: center center;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  .demo-page .demo-center-hero-layout {
    width: min(1080px, calc(100% - 40px));
    grid-template-columns: minmax(410px, 500px) minmax(500px, 580px);
    gap: 8px;
  }

  .demo-page .demo-center-hero-inner {
    max-width: 500px;
    padding-left: 0;
  }

  .demo-page .v40-ecosystem {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    transform: scale(.84);
    transform-origin: center center;
  }
}

/* v47 — BIY branded booking page only */
.booking-page {
  background:
    radial-gradient(circle at 50% 0%, rgba(42, 130, 255, .15), transparent 34%),
    #071225;
}

.booking-page .site-header {
  position: relative;
  z-index: 10;
}

.booking-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 36px;
  background:
    linear-gradient(180deg, rgba(9, 28, 59, .98), rgba(7, 18, 37, .94)),
    radial-gradient(circle at 70% 20%, rgba(28, 139, 255, .18), transparent 38%);
}

.booking-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image:
    linear-gradient(rgba(85, 154, 255, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 154, 255, .06) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.booking-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 820px;
  text-align: center;
}

.booking-hero h1 {
  margin: 10px auto 18px;
  max-width: 760px;
  color: #fff;
  font-size: clamp(2.45rem, 5vw, 4.6rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.booking-hero p:not(.eyebrow) {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(222, 235, 255, .82);
  font-size: 1.08rem;
  line-height: 1.75;
}

.booking-calendar-section {
  padding: 34px 0 90px;
}

.booking-calendar-card {
  position: relative;
  overflow: hidden;
  min-height: 930px;
  border: 1px solid rgba(99, 165, 255, .24);
  border-radius: 24px;
  background: #fff;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, .34),
    0 0 0 1px rgba(255, 255, 255, .025) inset;
}

.booking-calendar-card::before {
  content: "";
  display: block;
  height: 5px;
  background: linear-gradient(90deg, #1a8cff, #38d9ff, #6b7cff);
}

.booking-calendar-card iframe {
  display: block;
  width: 100%;
  min-height: 925px;
  background: #fff;
}

@media (max-width: 760px) {
  .booking-hero {
    padding: 64px 0 28px;
  }

  .booking-calendar-section {
    padding: 24px 0 64px;
  }

  .booking-calendar-card {
    min-height: 860px;
    border-radius: 18px;
  }

  .booking-calendar-card iframe {
    min-height: 855px;
  }
}

/* v49 — external Microsoft Bookings launch card */
.booking-page .booking-link-card {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(38px, 6vw, 68px);
  text-align: center;
  border: 1px solid rgba(99, 165, 255, .24);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(13, 35, 67, .96), rgba(8, 23, 46, .98));
  box-shadow:
    0 30px 90px rgba(0, 0, 0, .30),
    0 0 0 1px rgba(255, 255, 255, .025) inset;
}

.booking-page .booking-link-card h2 {
  margin: 10px auto 16px;
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.booking-page .booking-link-card > p:not(.eyebrow):not(.booking-note) {
  max-width: 620px;
  margin: 0 auto 28px;
  color: rgba(222, 235, 255, .82);
  font-size: 1.05rem;
  line-height: 1.7;
}

.booking-page .booking-primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 240px;
  min-height: 56px;
  font-size: 1rem;
  font-weight: 700;
}

.booking-page .booking-note {
  margin: 16px 0 0;
  color: rgba(178, 199, 226, .72);
  font-size: .9rem;
}

@media (max-width: 760px) {
  .booking-page .booking-link-card {
    padding: 34px 22px;
    border-radius: 18px;
  }

  .booking-page .booking-primary-button {
    width: 100%;
  }
}

/* v50 — ensure booking call-to-action is clearly visible */
.booking-page .booking-primary-button {
  background: linear-gradient(135deg, #087cff, #22c4e8);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 14px 34px rgba(8, 124, 255, .34);
}
.booking-page .booking-primary-button:hover {
  color: #ffffff;
  box-shadow: 0 20px 44px rgba(8, 124, 255, .44);
}