: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(4,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(7,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);
}

.field-help{display:block;margin-top:7px;color:#66758c;font-size:12px;line-height:1.45}

/* BIY final button and demo-link consistency */
.service-card-button,.demo-card-button,.proof-card-button,.section-centered-button{
  width:100%;
  max-width:260px;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center;
  color:#fff !important;
  background:#087cff !important;
  border-color:#087cff !important;
  box-shadow:0 10px 24px rgba(8,124,255,.22);
}
.service-card-button{margin-top:auto !important}
.demo-preview-card .demo-card-button{display:flex;margin-top:auto}
.automation-proof-card .proof-card-button{display:flex;margin-top:auto;color:#fff !important}
.automation-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.automation-service-hero,.website-packages-section,.automation-packages-section{
  background:linear-gradient(135deg,#020b17 0%,#061d34 52%,#073458 100%) !important;
}
.website-package-card.featured{background:linear-gradient(145deg,#06223f,#084d82) !important;border-color:#087cff !important}
.button.primary,.primary,.header-cta{background:#087cff !important;color:#fff !important}
.service-card,.demo-preview-card,.automation-proof-card{text-align:center}
.service-card .service-icon,.demo-preview-card .demo-preview-top{margin-left:auto;margin-right:auto}
.automation-proof-card>span{align-self:center}
.automation-proof-card>div{justify-content:center}
@media(max-width:760px){
  .automation-proof-grid{grid-template-columns:1fr}
  .service-card-button,.demo-card-button,.proof-card-button,.section-centered-button{max-width:100%}
}

/* ---- Client Login (header) ---- */
.header-login{
  position:absolute;
  top:50%;
  right:24px;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  color:#cfe6ff;
  background:rgba(255,255,255,.04);
  transition:.2s;
  white-space:nowrap;
  z-index:60;
}
.header-login svg{width:14px;height:14px;flex:0 0 14px}
.header-login:hover{border-color:var(--cyan);color:#fff;background:rgba(23,167,255,.14)}
.site-nav a.mobile-login-link{display:none}
@media(max-width:1050px){
  .header-login span{display:none}
  .header-login{padding:8px 10px;right:16px}
}
/* Hidden at the SAME breakpoint the hamburger menu actually activates at
   (900px, per the v31 polish pass below, which overrides the older 780px
   logic with !important). Previously this was still 780px, leaving a
   780-900px dead zone where the hamburger menu was showing but Client
   Login was still positioned for desktop, overlapping the hero content. */
@media(max-width:900px){
  .header-login{display:none}
  .site-nav a.mobile-login-link{
    display:block;
    color:#34a7ff;
    font-weight:800;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
}