:root { --ink:#07111f; --navy:#0b1b32; --blue:#1774ff; --orange:#ff6a21; --paper:#f4f7fb; --line:rgba(255,255,255,.14); --pointer-x:50vw; --pointer-y:30vh; --font-geist-mono:"Courier New",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#fff; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-header { height:86px; padding:0 clamp(22px,5vw,78px); position:absolute; z-index:20; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; font-size:18px; font-weight:900; letter-spacing:-.6px; }
.brand>span:last-child span { color:var(--orange); }
.brand-mark { width:34px; height:34px; border-radius:9px; background:linear-gradient(145deg,var(--orange),#ffb04b); display:grid; place-items:center; box-shadow:0 8px 25px #ff6a2140; transform:rotate(-8deg); position:relative; }
.brand-mark:before,.brand-mark:after,.brand-mark i { content:""; position:absolute; width:4px; background:#fff; border-radius:4px; transform:rotate(25deg); }
.brand-mark:before { height:13px; margin-left:-11px; margin-top:8px; }.brand-mark i { height:21px; }.brand-mark:after { height:10px; margin-left:11px; margin-top:-8px; }
.nav { display:flex; align-items:center; gap:36px; font-size:13px; font-weight:700; color:#cbd6e5; }
.nav a { transition:.25s; }.nav a:hover { color:#fff; transform:translateY(-2px); }
.nav-cta,.button-primary { background:#fff; color:#0b1728; border-radius:999px; font-size:13px; font-weight:800; padding:13px 19px; }
.nav-cta span,.button-primary span { color:var(--orange); margin-left:6px; }
.menu-button { display:none; border:0; background:transparent; padding:10px; }.menu-button span { display:block; width:24px; height:2px; background:#fff; margin:5px; }
.hero { min-height:760px; height:100svh; padding:130px clamp(22px,8vw,126px) 65px; position:relative; display:grid; grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr); align-items:center; overflow:hidden; background:radial-gradient(circle at 78% 38%,#15345b 0,transparent 30%),linear-gradient(112deg,#06101e 20%,#0b1a31 68%,#071321); }
.hero:before { content:""; inset:0; position:absolute; opacity:.15; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to right,transparent,#000); }
.hero-glow { position:absolute; left:var(--pointer-x); top:var(--pointer-y); width:450px; height:450px; transform:translate(-50%,-50%); border-radius:50%; background:#1a6eff0f; filter:blur(30px); pointer-events:none; transition:left .15s,top .15s; }
.hero-copy { position:relative; z-index:3; max-width:710px; }
.eyebrow { display:flex; align-items:center; gap:10px; color:#9caeca; font-size:11px; letter-spacing:2.8px; font-weight:700; }.eyebrow span { width:26px; height:2px; background:var(--orange); }
h1 { font-size:clamp(56px,6.3vw,104px); line-height:.91; letter-spacing:-6px; margin:30px 0 28px; font-weight:850; }
h1 em { color:transparent; -webkit-text-stroke:1px #b7c9de; font-style:normal; position:relative; } h1 em:after { content:""; position:absolute; width:12px;height:12px;border-radius:50%;background:var(--orange);right:-24px;top:14px;box-shadow:0 0 28px var(--orange); }
.manual-copy { color:#aebcd0; max-width:570px; line-height:1.75; font-size:15px; }.manual-copy strong { display:block; color:#ff9a64; font-size:10px; letter-spacing:1.4px; margin-bottom:5px; }
.hero-actions { display:flex; gap:16px; margin:34px 0 46px; }.button { min-height:49px; display:inline-flex; align-items:center; justify-content:center; padding:0 23px; font-size:13px; font-weight:800; transition:.3s; }.button:hover { transform:translateY(-3px); }.button-primary { background:var(--orange); color:white; box-shadow:0 15px 35px #ff6a212c; }.button-primary span { color:white; }.button-ghost { border:1px solid #435169; border-radius:999px; color:#d7e0ed; }.play { font-size:9px; background:#263850; border-radius:50%; width:25px;height:25px;display:grid;place-items:center;margin-right:9px;padding-left:2px; }
.hero-proof { display:flex; gap:50px; }.hero-proof div { display:flex;flex-direction:column;gap:6px; }.hero-proof strong { font-size:19px; }.hero-proof span { color:#708099;font-size:10px;text-transform:uppercase;letter-spacing:1px; }
.hero-visual { height:610px; position:relative; perspective:1100px; transform-style:preserve-3d; z-index:2; }
.orbit { position:absolute; inset:7% 5% 5% 4%; border:1px solid #5e789d66; border-radius:50%; transform:rotateX(66deg) rotateZ(-18deg); animation:orbit 22s linear infinite; }.orbit-two { inset:19% 17% 18% 16%; animation-direction:reverse; animation-duration:15s; border-color:#ff7e4148; }.orbit i { position:absolute;width:8px;height:8px;background:#7db5ff;border-radius:50%;left:8%;top:24%;box-shadow:0 0 18px #7db5ff; }
.sun-core { position:absolute; left:46%;top:38%; width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffd08c,var(--orange) 45%,#9a1e06);box-shadow:0 0 70px #ff641a88,0 0 140px #ff641a38;animation:float 6s ease-in-out infinite; }.sun-core:before { content:"";position:absolute;inset:-18px;border:1px solid #ff9e6666;border-radius:50%; }.sun-core span { font-weight:900;font-size:27px;letter-spacing:-2px; }
.device { position:absolute; background:linear-gradient(145deg,#f8fbff,#b8c6d6); box-shadow:0 40px 80px #0008,inset 0 0 0 1px #fff9; }
.desktop-card { width:370px;height:242px;left:3%;top:14%;border-radius:14px;transform:rotateY(18deg) rotateZ(-8deg);animation:float 7s ease-in-out infinite;overflow:hidden;padding:8px; }.device-top {height:26px;display:flex;align-items:center;gap:5px;padding:0 6px}.device-top i{width:5px;height:5px;border-radius:50%;background:#8796a7}.device-top i:first-child{background:var(--orange)}.device-top span{height:7px;width:38%;background:#d6dde5;border-radius:5px;margin-left:auto}.ui-shell{height:calc(100% - 26px);border-radius:8px;background:#0c1828;display:flex;padding:12px;gap:12px}.ui-sidebar{width:50px;border-radius:5px;background:#13243a;padding:12px 9px}.ui-sidebar b{display:block;height:5px;background:#40506a;border-radius:5px;margin-bottom:14px}.ui-sidebar b:first-child{background:var(--orange)}.ui-main{flex:1;padding:7px}.ui-title{height:13px;width:38%;background:#e9f1fa;border-radius:4px}.ui-chart{height:92px;margin-top:16px;border-left:1px solid #30435a;border-bottom:1px solid #30435a;display:flex;align-items:flex-end;justify-content:space-evenly}.ui-chart i{width:20px;background:linear-gradient(var(--blue),#153d74);border-radius:4px 4px 0 0}.ui-chart i:nth-child(1){height:36%}.ui-chart i:nth-child(2){height:62%}.ui-chart i:nth-child(3){height:48%;background:linear-gradient(var(--orange),#7b3013)}.ui-chart i:nth-child(4){height:80%}.ui-chart i:nth-child(5){height:65%}.ui-row{display:flex;gap:10px;margin-top:15px}.ui-row span{height:29px;flex:1;background:#152840;border-radius:5px}
.phone-card { width:142px;height:286px;right:8%;bottom:9%;border-radius:27px;padding:10px;background:linear-gradient(145deg,#dce8f2,#6b7d91);transform:rotateY(-21deg) rotateZ(9deg);animation:float 6s ease-in-out infinite reverse; }.phone-card:before{content:"";position:absolute;inset:8px;border-radius:20px;background:linear-gradient(160deg,#10233c,#08121f);}.phone-notch{position:absolute;z-index:2;width:42px;height:7px;border-radius:0 0 7px 7px;background:#8191a2;left:50%;transform:translateX(-50%);top:8px}.phone-logo{position:absolute;z-index:2;left:50%;top:64px;transform:translateX(-50%);width:45px;height:45px;border-radius:13px;background:var(--orange);display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 10px 25px #ff6a2150}.phone-lines{position:absolute;z-index:2;left:27px;right:27px;top:131px}.phone-lines i{display:block;height:6px;background:#263d59;border-radius:5px;margin-bottom:10px}.phone-lines i:nth-child(2){width:75%}.phone-button{position:absolute;z-index:2;height:25px;left:27px;right:27px;bottom:35px;background:var(--blue);border-radius:14px}
.float-tag { position:absolute;z-index:5;background:#ffffffed;color:#14233a;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:800;box-shadow:0 15px 35px #0005;animation:float 5s ease-in-out infinite; }.float-tag span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#ffe4d6;color:var(--orange);margin-right:6px}.tag-code{left:10%;bottom:17%}.tag-speed{right:3%;top:22%;animation-delay:-2s}.tag-speed span{background:#dceaff;color:var(--blue)}
.scroll-cue{position:absolute;right:-64px;bottom:70px;transform:rotate(90deg);font-size:9px;letter-spacing:2px;color:#7f91a9}.scroll-cue span{display:inline-block;width:40px;height:1px;background:#56677e;vertical-align:middle;margin-right:8px}
.intro-strip { background:#f6f8fb;color:#5f6d7e;min-height:78px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,65px);font-size:11px;font-weight:800;letter-spacing:2px;white-space:nowrap;overflow:hidden; }.intro-strip i { color:var(--orange);font-style:normal; }
.section{padding:clamp(85px,10vw,150px) clamp(22px,8vw,126px);position:relative}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:65px}.section-heading>div{flex:1}.kicker{font-size:10px;letter-spacing:2.2px;font-weight:800;color:var(--orange);display:block;margin-bottom:22px}.section h2{font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-4px;margin:0;font-weight:850}.section h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #536176}.manual-copy.light{color:#607083;max-width:430px}.manual-copy.light strong,.service-card p b,.process-list p b,.cta-content p b,footer p b{color:var(--orange);font-size:9px;letter-spacing:1px}.reveal{opacity:1;transform:none}.reveal.is-visible{animation:reveal-in .7s ease both}
.services{background:#f6f8fb;color:#0a1729}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:475px;border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:transform .35s,box-shadow .35s}.service-card:hover{transform:translateY(-9px);box-shadow:0 28px 55px #1327421c}.service-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-65px;top:-70px;background:#fff2}.card-blue{background:#dfeaff}.card-orange{background:#ff6a21;color:white}.card-dark{background:#0b1a2d;color:white}.service-number{font-family:var(--font-geist-mono);font-size:11px;letter-spacing:1px;opacity:.55}.service-icon{height:118px;margin:22px 0 28px;position:relative}.service-icon:before{content:"";position:absolute;inset:15px 25% 0;border-radius:50%;background:#196fff23;filter:blur(14px)}.web-icon i{position:absolute;border-radius:8px;background:#fff;box-shadow:0 16px 25px #28476a25}.web-icon i:nth-child(1){width:130px;height:82px;left:50%;top:15px;transform:translateX(-50%) rotate(-5deg);border:7px solid #203651;background:linear-gradient(135deg,#0d1d32 52%,#1774ff 52%)}.web-icon i:nth-child(2){width:45px;height:59px;left:35%;top:45px;background:#ff7a34;transform:rotate(-11deg)}.web-icon i:nth-child(3){width:25px;height:25px;right:31%;top:5px;border-radius:50%;background:#1774ff}.mobile-icon i{position:absolute;width:63px;height:115px;border:6px solid #f1f6fd;border-radius:16px;background:#10213a;left:43%;top:0;transform:rotate(9deg);box-shadow:0 20px 30px #98300b54}.mobile-icon i:nth-child(2){left:56%;top:10px;transform:rotate(-9deg);background:linear-gradient(160deg,#ffd3bd,#ff9661);border-color:#fff}.product-icon i{position:absolute;width:83px;height:68px;border-radius:12px;background:#1d3858;border:1px solid #426180;box-shadow:0 18px 30px #0006}.product-icon i:nth-child(1){left:29%;top:34px;transform:rotate(-18deg)}.product-icon i:nth-child(2){left:42%;top:10px;background:linear-gradient(135deg,#ff6a21,#91351b)}.product-icon i:nth-child(3){left:55%;top:39px;transform:rotate(18deg);background:#1672ff}.service-card h3{font-size:24px;margin:0 0 15px}.service-card p{font-size:13px;line-height:1.7;opacity:.72}.service-card p b{display:block;margin-bottom:3px}.service-card ul{list-style:none;padding:0;margin:22px 0}.service-card li{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:10px 0}.service-card li:before{content:"+";margin-right:9px;color:var(--orange)}.card-orange li:before{color:#fff}.service-card>a{position:absolute;left:32px;bottom:30px;font-size:11px;font-weight:800}.service-card>a span{margin-left:8px}
.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,10vw,150px);background:#07111f}.process-copy{position:sticky;top:120px;align-self:start}.process-copy .manual-copy{margin:28px 0}.text-link{display:inline-block;border-bottom:1px solid #384a61;padding:10px 0;font-size:12px;font-weight:800}.text-link span{color:var(--orange);margin-left:8px}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:50px 1fr 30px;gap:22px;padding:33px 0;border-bottom:1px solid #243247;align-items:start}.process-list>li>span{font-family:var(--font-geist-mono);font-size:10px;color:var(--orange);padding-top:6px}.process-list h3{font-size:28px;margin:0 0 10px}.process-list p{font-size:13px;color:#8292a8;line-height:1.6;margin:0}.process-list p b{display:block;color:#ff9460;font-size:9px;letter-spacing:1px}.process-list>li>i{font-style:normal;color:#526078;transition:.3s}.process-list li:hover>i{color:var(--orange);transform:rotate(45deg)}
.about{background:#f6f8fb;color:#0b1829;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,130px);align-items:center}.about-visual{height:570px;position:relative;perspective:1000px;background:radial-gradient(circle,#d9e7ff 0,transparent 62%)}.about-orb{position:absolute;width:150px;height:150px;border-radius:50%;left:38%;top:35%;display:grid;place-items:center;color:white;font-size:50px;font-weight:900;background:radial-gradient(circle at 35% 25%,#ffb17d,#ff6021 48%,#9d2604);box-shadow:0 35px 65px #ff602166;animation:float 6s ease-in-out infinite}.glass-stack{position:absolute;width:220px;height:135px;border-radius:16px;padding:20px;background:#ffffffad;border:1px solid #fff;box-shadow:0 32px 60px #24426622;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px}.glass-stack span{font-size:9px;letter-spacing:1.6px;color:#6a7b90}.glass-stack strong{font-size:31px}.glass-a{left:2%;top:10%;transform:rotate(-8deg)}.glass-a i{height:4px;background:linear-gradient(90deg,var(--orange) 70%,#d9e0e8 70%);border-radius:5px}.glass-b{right:0;top:17%;transform:rotate(10deg)}.glass-c{left:8%;bottom:10%;transform:rotate(7deg);background:#0e2036e8;color:white;border-color:#2b405a}.glass-c strong{font-size:23px;line-height:1.05}.mini-bars{height:55px;display:flex;align-items:flex-end;gap:10px}.mini-bars i{width:20px;background:#1774ff;border-radius:4px 4px 0 0}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:67%}.mini-bars i:nth-child(3){height:48%;background:var(--orange)}.mini-bars i:nth-child(4){height:87%}.about-copy .manual-copy{color:#607083;margin:26px 0}.about-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid #d7dee7}.about-values div{padding:18px 10px 0 0}.about-values b{font-family:var(--font-geist-mono);display:block;color:var(--orange);font-size:10px;margin-bottom:7px}.about-values span{font-size:11px;font-weight:800}
.proof-section{background:#0b192c;text-align:center;padding-block:110px}.quote-mark{font-family:Georgia,serif;font-size:110px;line-height:.5;color:var(--orange)}blockquote{max-width:920px;margin:30px auto;font-size:clamp(25px,3vw,45px);line-height:1.35;font-weight:650;letter-spacing:-1.5px}blockquote strong{color:#ff9866;font-size:9px;letter-spacing:1.5px}.quote-person{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px}.quote-person>span{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#ff9b6a,var(--orange));display:grid;place-items:center;font-weight:900}.quote-person div{text-align:left}.quote-person strong,.quote-person small{display:block}.quote-person strong{font-size:11px}.quote-person small{font-size:8px;color:#78899f;margin-top:5px;letter-spacing:1px}
.cta-section{min-height:620px;background:linear-gradient(110deg,#f06a25,#ff7e35);overflow:hidden;display:flex;align-items:center}.cta-content{position:relative;z-index:3;max-width:680px}.cta-content .kicker{color:#4d1600}.cta-content h2 em{-webkit-text-stroke-color:#fff9}.cta-content p{max-width:530px;line-height:1.7;font-size:14px}.cta-content p b{display:block;color:#551a03}.cta-button{background:#07111f;color:white;border-radius:999px;margin-top:15px}.cta-button span{margin-left:8px}.cta-content small{display:block;margin-top:12px;font-size:8px;letter-spacing:1px;color:#5c1c04}.cta-sphere{position:absolute;right:10%;width:330px;height:330px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff8,#ffb584 23%,#eb4d0a 63%,#7d1c00);box-shadow:0 45px 80px #70200066;color:white;text-align:center;font-size:35px;font-weight:900;line-height:.9;letter-spacing:-2px;animation:float 6s ease-in-out infinite}.cta-orbit{position:absolute;width:580px;height:230px;border:1px solid #fff6;border-radius:50%;right:-10%;transform:rotate(-25deg)}.cta-orbit.two{width:450px;height:450px;right:5%;border-color:#77200042}
footer{background:#050c16;padding:75px clamp(22px,8vw,126px) 28px}.footer-top{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:50px;align-items:start;padding-bottom:60px}.footer-top p{margin:0;color:#77869b;font-size:13px;line-height:1.7}.footer-top p b{display:block}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px}.footer-nav a{font-size:12px;color:#a8b5c6}.footer-bottom{border-top:1px solid #1d2a3a;padding-top:24px;display:flex;justify-content:space-between;color:#566477;font-size:9px;letter-spacing:1px;text-transform:uppercase}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes orbit{to{transform:rotateX(66deg) rotateZ(342deg)}}@keyframes reveal-in{from{opacity:.01;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(max-width:900px){.nav,.nav-cta{display:none}.menu-button{display:block}.nav.open{display:flex;position:absolute;top:86px;left:16px;right:16px;padding:22px;background:#0c1a2dee;border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:flex-start;backdrop-filter:blur(16px)}.hero{height:auto;min-height:100svh;grid-template-columns:1fr;padding-top:140px}.hero-copy{padding-bottom:20px}.hero-visual{height:510px}h1{letter-spacing:-3.5px}.scroll-cue{display:none}.section-heading,.about{display:block}.section-heading .manual-copy{margin-top:30px}.service-grid{grid-template-columns:1fr}.service-card{min-height:430px}.process{grid-template-columns:1fr}.process-copy{position:static}.about-visual{max-width:600px;margin:0 auto 70px}.cta-sphere{right:-10%;opacity:.55}.footer-top{grid-template-columns:1fr 1fr}.footer-nav{grid-column:1/-1}}
@media(max-width:560px){.site-header{height:72px}.nav.open{top:72px}.hero{padding-inline:22px}.hero-proof{gap:22px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:410px;margin-inline:-10px}.desktop-card{width:280px;height:185px;top:18%}.phone-card{width:112px;height:230px;right:2%;bottom:4%}.sun-core{width:80px;height:80px}.tag-code{left:0;bottom:8%}.tag-speed{right:0;top:12%}h1{font-size:54px}.intro-strip{justify-content:flex-start;padding:0 22px}.section h2{letter-spacing:-2.5px}.about-visual{height:440px}.glass-stack{width:175px;height:120px}.about-orb{width:105px;height:105px;font-size:35px}.about-values{grid-template-columns:1fr}.process-list li{grid-template-columns:34px 1fr 20px}.cta-sphere{width:230px;height:230px;right:-28%;top:16%}.cta-content{padding-top:190px}.footer-top{grid-template-columns:1fr}.footer-nav{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}}
/* Motion is intentionally kept active because it is part of the requested 3D experience. */

/* Stronger static-site motion and Kasapta logo treatment */
:root{--tilt-x:0deg;--tilt-y:0deg;--scroll-shift:0px}
.brand-logo-wrap{position:relative;display:block;width:72px;height:58px;overflow:hidden;border-radius:12px;filter:drop-shadow(0 8px 18px #ff6a2140);animation:logo-breathe 3.8s ease-in-out infinite}
.brand-logo-wrap:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 61%);transform:translateX(-120%) rotate(12deg);animation:logo-shine 3.4s ease-in-out infinite;mix-blend-mode:screen}
.brand-logo{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero:before{animation:grid-drift 18s linear infinite}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#65a6ff 0 1px,transparent 1.8px),radial-gradient(circle,#ff8b52 0 1.3px,transparent 2px);background-size:83px 83px,137px 137px;background-position:0 0,40px 25px;opacity:.24;animation:particles-rise 16s linear infinite}
.hero-visual{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease-out}
.sun-core{overflow:hidden;animation-duration:4.5s}
.sun-core img{width:88%;height:88%;object-fit:cover;border-radius:50%;position:relative;z-index:1;mix-blend-mode:screen}
.phone-card{animation-duration:5s}
.phone-logo{background:#050505;overflow:hidden}
.phone-logo img{width:100%;height:100%;object-fit:cover}
.phone-button{animation:button-pulse 2.2s ease-in-out infinite}
.about-orb{overflow:hidden;color:transparent}
.about-orb img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.js .reveal{opacity:0;transform:translateY(48px) scale(.975);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.25,1)}
.js .reveal.is-visible{opacity:1;transform:none;animation:none}
.service-grid .reveal:nth-child(2){transition-delay:.12s}
.service-grid .reveal:nth-child(3){transition-delay:.24s}
.service-card{transition:transform .18s ease-out,box-shadow .35s}
.cta-sphere{transform:translateY(calc(-1 * var(--scroll-shift)))}
@keyframes logo-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.035)}}
@keyframes logo-shine{0%,18%{transform:translateX(-130%) rotate(12deg)}55%,100%{transform:translateX(130%) rotate(12deg)}}
@keyframes grid-drift{to{background-position:70px 70px}}
@keyframes particles-rise{0%{background-position:0 0,40px 25px}100%{background-position:0 -166px,40px -249px}}
@keyframes button-pulse{0%,100%{box-shadow:0 0 0 0 rgba(23,116,255,.15)}50%{box-shadow:0 0 0 9px rgba(23,116,255,0)}}
@media(max-width:560px){.brand-logo-wrap{width:59px;height:48px}.hero-visual{transform:none}.service-grid .reveal:nth-child(n){transition-delay:0s}}