*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f7f9fc;--panel:#ffffff;--panel2:#f1f5f9;--text:#172033;--muted:#657286;--line:#e4e9f0;--accent:#1267e8;--accent2:#16a67a;--navy:#0b1b33;--shadow:0 18px 55px rgba(20,35,60,.10)}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:rgba(18,103,232,.18)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid rgba(20,35,60,.08);position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 4px 24px rgba(20,35,60,.05)}
.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#54a0ff);color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(18,103,232,.22)}.brand strong{display:block;font-family:"Space Grotesk";font-size:16px}.brand small{display:block;color:#7b8798;font-size:10px;margin-top:-2px}
nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px;color:#536176;position:relative}nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s ease}nav a:not(.nav-cta):hover{color:var(--text)}nav a:not(.nav-cta):hover:after{width:100%}.nav-cta{border:1px solid #d9e3f0;padding:10px 16px;border-radius:999px!important;background:#fff;box-shadow:0 6px 18px rgba(20,35,60,.07);transition:.25s}.nav-cta:hover{transform:translateY(-2px);border-color:#b9cce5;box-shadow:0 10px 24px rgba(20,35,60,.10)}.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:25px}
.hero{min-height:calc(100vh - 78px);padding:9vw 6vw 7vw;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 15%,rgba(18,103,232,.10),transparent 28%),radial-gradient(circle at 10% 90%,rgba(22,166,122,.08),transparent 28%),var(--bg)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(23,32,51,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,32,51,.045) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 92%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:16px}.hero h1{font-family:"Space Grotesk";font-size:clamp(46px,6vw,82px);line-height:1.01;letter-spacing:-3px;max-width:850px}.hero h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:680px;color:var(--muted);font-size:17px;margin-top:24px}.hero-actions{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:12px;padding:14px 20px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.primary{background:linear-gradient(135deg,var(--accent),#3988f2);color:#fff;box-shadow:0 12px 28px rgba(18,103,232,.20)}.primary:hover{filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,103,232,.25)}.secondary{border:1px solid #dce5ef;background:#fff;color:var(--text);box-shadow:0 7px 20px rgba(20,35,60,.06)}.secondary:hover{transform:translateY(-3px);border-color:#bfd0e5}.trust-row{display:flex;gap:28px;margin-top:55px;flex-wrap:wrap}.trust-row div{display:flex;gap:10px;align-items:center}.trust-row strong{color:var(--accent);font-size:12px}.trust-row span{color:#7a8799;font-size:12px}
.hero-card{min-height:440px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px);animation:float 7s ease-in-out infinite}.orb-one{width:300px;height:300px;background:rgba(18,103,232,.12);top:10%;right:8%}.orb-two{width:230px;height:230px;background:rgba(22,166,122,.13);bottom:4%;left:6%;animation-delay:-2.5s}.terminal{width:min(480px,100%);border:1px solid #dce5ef;border-radius:18px;background:#fff;box-shadow:0 30px 70px rgba(20,35,60,.16);position:relative;z-index:2;overflow:hidden;transform:rotate(2deg);animation:terminalFloat 6s ease-in-out infinite}.terminal-top{height:46px;border-bottom:1px solid #e8edf3;display:flex;align-items:center;padding:0 16px;gap:7px;color:#8190a3;font-size:11px}.terminal-top i{width:8px;height:8px;border-radius:50%;background:#b9c5d3}.terminal-top span{margin-left:auto}.terminal-body{padding:28px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;min-height:300px;color:#26364e}.terminal-body p{margin:0 0 17px;animation:terminalLine .55s both}.terminal-body p:nth-child(1){animation-delay:.4s}.terminal-body p:nth-child(2){animation-delay:.8s}.terminal-body p:nth-child(3){animation-delay:1.15s}.terminal-body p:nth-child(4){animation-delay:1.5s}.terminal-body p:nth-child(5){animation-delay:1.85s}.green{color:var(--accent2)}.muted{color:#8b98a9}.cursor{width:8px;height:16px;background:var(--accent);display:inline-block;animation:blink 1s infinite}
.section{padding:110px 6vw}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.section-head h2,.split-section h2,.contact-section h2{font-family:"Space Grotesk";font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-2px}.section-intro{max-width:480px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;min-height:280px;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.service-card:hover{transform:translateY(-9px);border-color:rgba(18,103,232,.28);box-shadow:var(--shadow)}.service-card.featured{background:linear-gradient(145deg,#0b2340,#10395f);color:#fff;border-color:transparent;box-shadow:0 20px 50px rgba(11,35,64,.18)}.service-card.featured h3{color:#fff}.service-card.featured p{color:#d4deea}.service-card.featured .tag{color:#e8f0f9;border-color:rgba(255,255,255,.22)}.number{position:absolute;right:22px;top:20px;color:#8a99ac;font-size:11px}.featured .number{color:#b6c6d8}.icon{font-size:27px;color:var(--accent);margin-bottom:30px}.featured .icon{color:#63e2bc}.service-card h3{font-family:"Space Grotesk";font-size:22px;margin-bottom:10px}.service-card p{color:var(--muted);font-size:14px}.tag{display:inline-block;margin-top:22px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:#718097;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.split-section{padding:110px 6vw;background:linear-gradient(120deg,#fff,#f3f7fb);display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.split-section h2 span{color:var(--accent)}.about-panel>p:not(.eyebrow){color:var(--muted);max-width:700px;margin-top:20px}.text-link{display:inline-block;margin-top:30px;color:var(--accent);font-weight:700;transition:transform .25s}.text-link:hover{transform:translateX(5px)}.about-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.stat{padding:28px;border-bottom:1px solid var(--line)}.stat:nth-child(odd){border-right:1px solid var(--line)}.stat:nth-last-child(-n+2){border-bottom:0}.stat strong{display:block;font-family:"Space Grotesk";font-size:21px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.profile-section{padding:110px 6vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;background:#fff}.profile-photo-wrap{display:flex;justify-content:center}.photo-frame{width:min(390px,100%);aspect-ratio:4/5;border-radius:22px;overflow:hidden;border:1px solid #dce5ef;background:#f2f5f8;box-shadow:0 25px 70px rgba(20,35,60,.16);position:relative;transform:perspective(900px) rotateY(3deg);transition:transform .5s}.photo-frame:hover{transform:perspective(900px) rotateY(0deg) translateY(-5px)}.photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.12));pointer-events:none}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}.profile-copy h2{font-family:"Space Grotesk";font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-2px}.profile-copy>p:not(.eyebrow){color:var(--muted);max-width:720px;margin-top:18px;font-size:15px}.profile-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.profile-contact span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#536176;font-size:11px;background:#f8fafc;transition:.25s}.profile-contact span:hover{transform:translateY(-3px);border-color:#c6d6e8;box-shadow:0 8px 20px rgba(20,35,60,.07)}.profile-contact a:hover{color:var(--accent)}
.process{background:#f7f9fc}.centered{display:block;text-align:center}.centered h2{max-width:650px;margin:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(20,35,60,.06)}.step{padding:30px 25px;border-right:1px solid var(--line);transition:.3s}.step:hover{background:#fbfdff;transform:translateY(-4px)}.step:last-child{border-right:0}.step>span{color:var(--accent);font-family:"Space Grotesk";font-weight:700}.step h3{font-size:17px;margin:25px 0 8px}.step p{color:var(--muted);font-size:13px}
.contact-section{margin:0 6vw 90px;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;border:1px solid #dce5ef;border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(18,103,232,.09),transparent 35%),radial-gradient(circle at 0 100%,rgba(22,166,122,.08),transparent 35%),#fff;box-shadow:0 20px 60px rgba(20,35,60,.09)}.contact-copy>p:not(.eyebrow){color:var(--muted);margin-top:18px;max-width:550px}.contact-details{display:grid;gap:15px;margin-top:30px}.contact-details span{display:block;color:#8190a3;font-size:9px;letter-spacing:1.5px}.contact-details strong{font-size:14px}.contact-details a:hover{color:var(--accent)}.contact-form{display:grid;gap:14px}.contact-form label{font-size:11px;color:#657286}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce5ef;border-radius:10px;background:#fff;color:#172033;padding:13px;font:inherit;outline:none;transition:border-color .25s,box-shadow .25s,transform .25s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(18,103,232,.55);box-shadow:0 0 0 4px rgba(18,103,232,.08);transform:translateY(-1px)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#98a2b3}.form-note{color:#7b8798;font-size:10px}
footer{border-top:1px solid var(--line);padding:35px 6vw;display:flex;justify-content:space-between;gap:20px;color:#718097;font-size:12px;background:#fff}.footer-right{display:flex;gap:25px}.footer-right a,footer a{color:var(--accent)}
/* Playful hero motion: a small tech character moves the digital toolbox across the page. */
.hero-mascot{position:absolute;left:0;right:0;bottom:28px;height:105px;pointer-events:none;z-index:3;overflow:hidden}
.drag-scene{position:absolute;left:-150px;bottom:5px;display:flex;align-items:flex-end;gap:8px;animation:characterJourney 15s linear infinite}
.drag-box{width:78px;height:54px;border:1px solid rgba(18,103,232,.35);border-radius:9px 9px 6px 6px;background:linear-gradient(145deg,#ffffff,#e9f1fb);box-shadow:0 12px 25px rgba(18,103,232,.16);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:bottom center;animation:boxBounce .75s ease-in-out infinite}
.drag-box:before{content:"";position:absolute;width:28px;height:7px;border:2px solid #1267e8;border-bottom:0;border-radius:8px 8px 0 0;top:-8px;left:23px}.drag-box b{font:700 10px "Space Grotesk";color:#1267e8;letter-spacing:1px}.drag-box small{font:700 7px Inter;color:#718097;letter-spacing:1px;margin-top:2px}.box-glow{position:absolute;inset:10px;border-radius:5px;background:radial-gradient(circle,rgba(22,166,122,.18),transparent 65%);animation:boxGlow 1.8s ease-in-out infinite}
.bot{width:48px;height:78px;position:relative;animation:botWalk .42s ease-in-out infinite alternate;filter:drop-shadow(0 8px 8px rgba(20,35,60,.12))}.bot-head{position:absolute;left:9px;top:0;width:31px;height:28px;border:2px solid #1267e8;border-radius:10px 10px 8px 8px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px}.bot-head i{display:block;width:5px;height:5px;border-radius:50%;background:#16a67a;box-shadow:0 0 8px rgba(22,166,122,.7);animation:eyeBlink 3s infinite}.bot-head span{position:absolute;width:8px;height:3px;background:#1267e8;border-radius:4px;bottom:4px;left:10px;opacity:.55}.bot-head:before{content:"";position:absolute;width:3px;height:8px;background:#1267e8;top:-10px;left:13px;border-radius:3px}.bot-head:after{content:"";position:absolute;width:5px;height:5px;background:#16a67a;border-radius:50%;top:-14px;left:12px;box-shadow:0 0 12px rgba(22,166,122,.65)}
.bot-body{position:absolute;left:13px;top:31px;width:23px;height:25px;border-radius:7px;background:linear-gradient(145deg,#1267e8,#0b3e83);box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}.bot-body span{position:absolute;left:7px;top:8px;width:9px;height:5px;border-radius:3px;background:#63e2bc;box-shadow:0 0 8px rgba(99,226,188,.8)}
.arm,.leg{position:absolute;background:#0d4c9c;border-radius:8px;transform-origin:top center}.arm{width:6px;height:28px;top:33px}.arm-back{left:7px;transform:rotate(42deg)}.arm-front{left:35px;transform:rotate(58deg);height:29px}.leg{width:7px;height:25px;top:53px}.leg-back{left:14px;transform:rotate(18deg)}.leg-front{left:28px;transform:rotate(-20deg)}
.tech-trail{position:absolute;left:0;right:0;bottom:82px;height:20px;display:flex;justify-content:space-around;align-items:center;opacity:.28;font:700 9px "Space Grotesk";color:#1267e8}.tech-trail span{animation:codeFloat 4s ease-in-out infinite}.tech-trail span:nth-child(2){animation-delay:-1s}.tech-trail span:nth-child(3){animation-delay:-2s}.tech-trail span:nth-child(4){animation-delay:-3s}
@keyframes characterJourney{0%{left:-150px;transform:translateY(0)}12%{transform:translateY(-2px)}25%{transform:translateY(0)}50%{transform:translateY(-1px)}75%{transform:translateY(0)}88%{transform:translateY(-2px)}100%{left:calc(100% + 80px);transform:translateY(0)}}
@keyframes botWalk{from{transform:rotate(-2deg) translateY(1px)}to{transform:rotate(2deg) translateY(-2px)}}
@keyframes boxBounce{from{transform:rotate(-1deg) translateY(0)}to{transform:rotate(1deg) translateY(-2px)}}
@keyframes boxGlow{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.9;transform:scale(1.05)}}
@keyframes eyeBlink{0%,45%,48%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.15)}}
@keyframes codeFloat{0%,100%{transform:translateY(4px);opacity:.15}50%{transform:translateY(-8px);opacity:.45}}
/* Scroll-reveal and motion */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.service-card:nth-child(2){transition-delay:.05s}.service-card:nth-child(3){transition-delay:.1s}.service-card:nth-child(4){transition-delay:.15s}.service-card:nth-child(5){transition-delay:.2s}.service-card:nth-child(6){transition-delay:.25s}
@keyframes blink{50%{opacity:0}}@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}@keyframes terminalFloat{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-10px)}}@keyframes terminalLine{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:900px){.nav{padding:0 5vw}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 5vw;flex-direction:column;align-items:stretch;box-shadow:0 14px 25px rgba(20,35,60,.08)}nav.open{display:flex}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:75px 5vw}.hero-card{min-height:350px}.section,.split-section{padding:80px 5vw}.service-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.contact-section{margin:0 5vw 70px;padding:40px;grid-template-columns:1fr}.profile-section{grid-template-columns:1fr;padding:80px 5vw}.photo-frame{max-width:360px}}
@media(max-width:600px){.hero-mascot{bottom:15px;transform:scale(.82);transform-origin:left bottom}.hero h1{letter-spacing:-2px;font-size:47px}.service-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.section-head{display:block}.section-intro{margin-top:18px}.contact-section{padding:28px}.about-stats{grid-template-columns:1fr}.stat:nth-child(odd){border-right:0}.stat:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}footer{display:block}.footer-right{margin-top:20px}.terminal{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orb,.terminal,.terminal-body p,.cursor,.drag-scene,.bot,.drag-box,.box-glow,.tech-trail span{animation:none}.service-card,.btn,.photo-frame,.step{transition:none}}

/* ===== Extra interactive motion layer ===== */
body{cursor:default}
.cursor-glow{position:fixed;left:0;top:0;width:180px;height:180px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(18,103,232,.10),rgba(22,166,122,.035) 38%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease;mix-blend-mode:multiply}
.top-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none;background:transparent}.top-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2),#6a5cff);box-shadow:0 0 12px rgba(18,103,232,.4)}
.floating-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(18,103,232,.24);box-shadow:0 0 12px rgba(18,103,232,.22);animation:particleRise linear infinite}.particle:nth-child(3n){background:rgba(22,166,122,.28)}.particle:nth-child(4n){width:2px;height:2px}
.motion-marquee{overflow:hidden;border-top:1px solid rgba(18,103,232,.08);border-bottom:1px solid rgba(18,103,232,.08);background:#fff;white-space:nowrap;position:relative;z-index:2}.marquee-track{display:flex;align-items:center;gap:26px;width:max-content;padding:15px 0;animation:marquee 28s linear infinite}.marquee-track span{font:700 11px "Space Grotesk";letter-spacing:2px;color:#718097}.marquee-track i{font-style:normal;color:var(--accent2);font-size:13px}
.animated-section{position:relative;overflow:hidden}.animated-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(18,103,232,.06);right:-180px;top:-180px;animation:slowSpin 22s linear infinite}.animated-section:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent2);right:11%;top:18%;box-shadow:0 0 0 8px rgba(22,166,122,.07),0 0 25px rgba(22,166,122,.25);animation:signalPulse 2.4s ease-in-out infinite}.section-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(18,103,232,.12);pointer-events:none}.orbit-a{width:280px;height:280px;right:-120px;bottom:-120px;animation:slowSpin 18s linear infinite}.orbit-b{width:170px;height:170px;left:-90px;top:30%;border-color:rgba(22,166,122,.12);animation:slowSpinReverse 14s linear infinite}
.service-grid-animated .service-card{overflow:hidden}.service-grid-animated .service-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.5) 48%,transparent 75%);transform:translateX(-130%);transition:none;pointer-events:none}.service-grid-animated .service-card:hover:before{animation:cardShine .9s ease}.service-grid-animated .service-card .icon{display:inline-block;animation:iconBob 3s ease-in-out infinite}.service-grid-animated .service-card:nth-child(2) .icon{animation-delay:-.5s}.service-grid-animated .service-card:nth-child(3) .icon{animation-delay:-1s}.service-grid-animated .service-card:nth-child(4) .icon{animation-delay:-1.5s}.service-grid-animated .service-card:nth-child(5) .icon{animation-delay:-2s}.service-grid-animated .service-card:nth-child(6) .icon{animation-delay:-2.5s}
.service-card .tag{transition:transform .3s ease,background .3s ease}.service-card:hover .tag{transform:translateX(5px);background:#f3f8ff}
.about-stats .stat{transition:background .3s ease,transform .3s ease}.about-stats .stat:hover{background:#f8fbff;transform:scale(1.015)}
.profile-photo-wrap{position:relative}.profile-photo-wrap:before,.profile-photo-wrap:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.profile-photo-wrap:before{width:14px;height:14px;right:12%;top:8%;background:var(--accent);box-shadow:0 0 0 9px rgba(18,103,232,.08),0 0 30px rgba(18,103,232,.25);animation:orbitDot 5s ease-in-out infinite}.profile-photo-wrap:after{width:8px;height:8px;left:13%;bottom:10%;background:var(--accent2);box-shadow:0 0 0 7px rgba(22,166,122,.08);animation:orbitDot 4s ease-in-out infinite reverse}
.photo-frame:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.35);border-radius:15px;z-index:2;pointer-events:none;opacity:.6;animation:framePulse 3s ease-in-out infinite}
.step{position:relative;overflow:hidden}.step:after{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:linear-gradient(var(--accent),var(--accent2));transition:height .4s ease}.step:hover:after{height:100%}.step>span{display:inline-block;transition:transform .3s ease}.step:hover>span{transform:translateX(7px)}
.contact-section{position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(18,103,232,.10);right:20%;top:-130px;animation:slowSpinReverse 16s linear infinite}.contact-section:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);animation:scanLine 4s linear infinite}
.signal-lines{position:relative;height:0;z-index:1}.signal-lines span{position:absolute;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);opacity:.5;animation:signalMove 5s linear infinite}.signal-lines span:nth-child(1){top:80px;left:4%;animation-delay:-1s}.signal-lines span:nth-child(2){top:140px;right:8%;animation-delay:-3s}.signal-lines span:nth-child(3){top:210px;left:40%;animation-delay:-4s}
footer{position:relative;overflow:hidden}footer:before{content:"";position:absolute;left:-20%;top:0;width:140%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent);animation:footerScan 6s linear infinite}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-80%;left:-25%;width:25%;height:260%;background:rgba(255,255,255,.28);transform:rotate(20deg) translateX(-300%);transition:transform .6s ease}.btn:hover:after{transform:rotate(20deg) translateX(650%)}
@keyframes particleRise{0%{transform:translate3d(0,110vh,0) scale(.6);opacity:0}10%{opacity:1}50%{transform:translate3d(25px,50vh,0) scale(1)}90%{opacity:.7}100%{transform:translate3d(-30px,-10vh,0) scale(.3);opacity:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes slowSpinReverse{to{transform:rotate(-360deg)}}
@keyframes signalPulse{0%,100%{transform:scale(.8);opacity:.45}50%{transform:scale(1.35);opacity:1}}
@keyframes cardShine{to{transform:translateX(130%)}}
@keyframes iconBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes orbitDot{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,15px)}}
@keyframes framePulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(.985)}}
@keyframes scanLine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes signalMove{0%{transform:translateX(-40px);opacity:0}30%{opacity:.5}70%{opacity:.5}100%{transform:translateX(140px);opacity:0}}
@keyframes footerScan{0%{transform:translateX(-20%)}100%{transform:translateX(20%)}}
@media(max-width:900px){.cursor-glow{display:none}.motion-marquee .marquee-track{animation-duration:22s}.animated-section:before{width:280px;height:280px}.signal-lines{display:none}}
@media(prefers-reduced-motion:reduce){.cursor-glow,.floating-particles,.top-progress,.motion-marquee,.animated-section:before,.animated-section:after,.section-orbit,.profile-photo-wrap:before,.profile-photo-wrap:after,.photo-frame:before,.contact-section:before,.signal-lines,.contact-section:after,footer:before{animation:none!important}.marquee-track{animation:none!important}.service-grid-animated .service-card:before{display:none}.service-grid-animated .service-card .icon{animation:none}.btn:after{display:none}}