:root{--cream:#f8f6f0;--paper:#fffefa;--ink:#182832;--muted:#63717a;--orange:#f36b21;--orange-dark:#d95310;--line:#e9e5dc;--soft:#f1eee7;--navy:#14232b;--radius:18px;--shadow:0 14px 40px rgba(24,40,50,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}h1,h2,h3,h4,.brand-word{font-family:"Manrope",sans-serif;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,4.2vw,4.2rem);font-weight:800;line-height:1.08}h2{font-size:clamp(2rem,3vw,2.8rem);font-weight:800;line-height:1.16}h3{font-weight:750}.site-header{background:rgba(255,254,250,.94);border-bottom:1px solid rgba(24,40,50,.06);backdrop-filter:blur(14px)}.brand{gap:10px;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px 11px 11px 3px;background:var(--orange);color:white;font-family:"Manrope",sans-serif;font-weight:800;font-size:25px;line-height:1}.brand-word{font-size:17px;line-height:1.05;font-weight:800;letter-spacing:.14em}.brand-word small{display:block;font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:.42em;margin-top:5px}.navbar .nav-link{font-size:.88rem;font-weight:600;color:#4c5960;padding:.65rem .25rem!important;position:relative}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--orange-dark)}.navbar .nav-link.active:after{content:"";height:2px;background:var(--orange);position:absolute;left:4px;right:4px;bottom:2px}.btn{border-radius:999px;font-weight:700;padding:.78rem 1.35rem;font-size:.9rem;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-brand{background:var(--orange);border:1px solid var(--orange);color:#fff;box-shadow:0 7px 18px rgba(243,107,33,.16)}.btn-brand:hover,.btn-brand:focus{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff}.btn-outline-brand{border:1px solid #aeb7b8;color:var(--ink);background:transparent}.btn-outline-brand:hover{border-color:var(--orange);color:var(--orange-dark);background:#fffaf5}.hero-section{padding:70px 0 58px;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#e7e1d3 0,rgba(248,246,240,0) 47%),var(--cream)}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:800;color:var(--orange-dark);margin-bottom:.8rem}.hero-copy h1 span{color:var(--orange)}.hero-lead{font-size:1.04rem;color:#53626b;max-width:490px;margin-top:1.25rem}.hero-visual{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-image-overlay{position:absolute;inset:5% -8% 3% 3%;border-radius:48% 20% 18% 38%;background:linear-gradient(135deg,#e5dfd1,#b9c4be 54%,#6f827d);z-index:-2;transform:rotate(-2deg)}.hero-image-overlay:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(248,246,240,.15),transparent 50%),radial-gradient(circle at 78% 24%,rgba(255,255,255,.8),transparent 23%)}.app-window{width:min(100%,570px);background:#fff;border:8px solid #17242a;border-radius:19px;box-shadow:0 30px 65px rgba(19,32,38,.27);transform:perspective(1100px) rotateY(-7deg) rotateX(2deg);overflow:hidden}.app-topbar{height:28px;background:#182a32;display:flex;align-items:center;gap:5px;padding:0 12px}.window-dot{width:6px;height:6px;border-radius:50%;background:#8a989c}.app-label{font-size:7px;letter-spacing:.13em;color:#aab8bd}.app-content{display:flex;min-height:270px;background:#fbfcfa}.app-sidebar{width:43px;background:#1d3038;display:flex;align-items:center;flex-direction:column;gap:20px;padding-top:20px}.app-sidebar span{width:12px;height:12px;border:1px solid #84979b;border-radius:4px}.app-sidebar .side-active{background:var(--orange);border-color:var(--orange)}.app-main{padding:22px 20px;flex:1;min-width:0}.app-main h3{font-size:17px;margin:3px 0 0}.app-main small{font-size:9px;color:#74818a}.status-pill{font-size:8px;background:#e6f5ed;color:#27764b;padding:5px 8px;border-radius:20px}.metric{background:white;border:1px solid #e7ece8;border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:3px}.metric strong{font-size:22px;color:#1c3038}.metric span{font-size:8px;color:#288a59}.chart-card{background:white;border:1px solid #e7ece8;border-radius:9px;padding:12px}.chart-card strong{font-size:10px}.chart-card small{font-size:8px}.chart-bars{height:76px;display:flex;align-items:end;gap:8px;padding:10px 5px 0;border-bottom:1px solid #e5e9e5}.chart-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#f9a36c,var(--orange));min-height:12px}.hero-note{position:absolute;right:-2%;bottom:3%;font-family:"Manrope",sans-serif;font-size:19px;line-height:1.15;transform:rotate(-7deg);color:#394b4c}.note-line{display:block;width:46px;height:3px;background:var(--orange);margin-bottom:9px}.floating-chip{position:absolute;left:2%;bottom:7%;padding:11px 15px;background:rgba(255,254,250,.94);border:1px solid rgba(24,40,50,.08);box-shadow:var(--shadow);border-radius:999px;font-size:11px;font-weight:700}.floating-chip span{color:var(--orange);margin-right:7px}.mini-feature{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;line-height:1.35;color:#53616a}.feature-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:50%;background:var(--paper);box-shadow:0 5px 15px rgba(24,40,50,.06);color:var(--orange);font-size:20px}.section-pad{padding:78px 0}.services-section{background:var(--paper)}.section-heading h2{margin-bottom:.7rem}.section-intro{color:var(--muted);margin:0;max-width:650px}.text-link{font-size:.86rem;font-weight:800;color:var(--orange-dark);text-decoration:none}.text-link span{margin-left:7px}.text-link:hover{text-decoration:underline}.service-card{padding:27px 24px 23px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#f4c5a9}.service-icon{display:grid;place-items:center;width:47px;height:47px;color:var(--orange);font-size:29px;margin-bottom:18px}.service-card h3{font-size:1.02rem;line-height:1.35;min-height:44px;margin-bottom:12px}.service-card p{font-size:.88rem;color:var(--muted);margin-bottom:20px}.service-card a{font-size:.83rem;color:var(--orange-dark);font-weight:800;text-decoration:none}.portfolio-section{background:var(--navy);color:#fff}.portfolio-section .section-intro{color:#b9c5c8}.text-link-light{color:#ff9b61}.project-card{overflow:hidden;border:1px solid #3b4a50;border-radius:14px;background:#192c34;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-4px);border-color:#f58b4d}.project-preview{height:205px;padding:18px;overflow:hidden;position:relative;color:#263a40;background:#e8e5dc}.preview-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.09em;font-weight:800;color:#6b7c7e}.preview-top span:last-child{color:#2b9567}.preview-layout{display:flex;gap:12px;margin-top:20px}.preview-menu{width:24px;background:#1c343e;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:13px;padding:12px 0}.preview-menu i{width:8px;height:8px;border:1px solid #a9c1c0;border-radius:2px}.preview-dashboard{flex:1;background:#fff;border-radius:7px;padding:13px;box-shadow:0 7px 20px #1e30301a}.preview-dashboard strong{font-size:11px}.preview-stats{display:flex;gap:8px;margin-top:12px}.preview-stats b{flex:1;border:1px solid #e7ece8;border-radius:5px;padding:8px;font-size:15px;color:#263a40}.preview-stats small{display:block;font-size:7px;font-weight:500;color:#7c8989}.preview-lines{display:grid;gap:6px;margin-top:12px}.preview-lines i{height:5px;border-radius:5px;background:#e6ece8}.preview-lines i:nth-child(2){width:76%}.preview-lines i:nth-child(3){width:55%}.preview-placement{background:linear-gradient(140deg,#e7e5f2,#f6f1e7)}.placement-title{font-size:16px;font-weight:800;margin-top:22px}.placement-title small{display:block;font-size:9px;font-weight:500;color:#758187;margin-top:4px}.pipeline{display:flex;gap:8px;margin-top:18px}.pipeline div{flex:1;padding:8px;background:rgba(255,255,255,.8);border-radius:7px;display:flex;flex-direction:column}.pipeline b{font-size:8px;color:var(--orange)}.pipeline span{font-size:8px;color:#67777c}.pipeline strong{font-size:16px;margin-top:4px}.pipeline-bar{height:5px;background:#d9d9e7;border-radius:5px;margin-top:12px;overflow:hidden}.pipeline-bar span{display:block;width:72%;height:100%;background:var(--orange)}.preview-commerce{background:linear-gradient(135deg,#d6dfd8,#f3e6d7);display:grid;place-items:center}.shop-device{width:180px;height:172px;border:5px solid #25343a;background:#fff;border-radius:10px;padding:10px;z-index:1;box-shadow:0 12px 30px #24353b25;transform:rotate(-3deg)}.shop-brand{font-size:8px;font-weight:800;letter-spacing:.12em}.shop-banner{height:55px;background:linear-gradient(115deg,#e8a06c,#f4d4ae 45%,#667e72);border-radius:5px;margin-top:8px}.shop-products{display:flex;gap:6px;margin-top:8px}.shop-products i{height:28px;flex:1;border-radius:4px;background:#ece9df}.shop-caption{font-size:8px;font-weight:800;margin-top:7px}.shop-orbit{position:absolute;width:160px;height:160px;border:1px solid #f36b21;border-radius:50%;right:30px;top:18px;opacity:.6}.project-body{position:relative;padding:19px 18px 21px}.project-body h3{font-size:1rem;margin-bottom:12px}.tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tech-tags span{font-size:10px;border:1px solid #52646b;color:#d0dcde;padding:3px 8px;border-radius:30px}.project-body p{font-size:.85rem;color:#c1cdcf;max-width:90%;margin:0}.project-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--orange);color:white;text-decoration:none;font-size:17px}.portfolio-disclaimer{font-size:.75rem;color:#9aabad;margin:18px 0 0}.process-section{background:var(--cream)}.process-step{position:relative;padding-top:12px}.step-number{font-size:.72rem;font-weight:800;color:var(--orange);letter-spacing:.12em}.process-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#fff2e7;color:var(--orange);font-size:29px;margin:10px 0 18px;box-shadow:0 0 0 8px rgba(243,107,33,.035)}.process-step h3{font-size:1.05rem}.process-step p{font-size:.88rem;color:var(--muted);max-width:240px}.about-section{background:var(--paper)}.team-visual{height:100%;min-height:430px;position:relative;overflow:hidden;background:linear-gradient(140deg,#c9d0c8,#879b91 45%,#344b4d)}.team-visual:before,.team-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.4);border-radius:50%;width:430px;height:430px;right:-80px;top:30px}.team-visual:after{width:300px;height:300px;right:-15px;top:95px}.team-visual-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:10px;padding:12%;transform:rotate(-7deg)}.team-visual-grid span{display:grid;place-items:center;min-height:95px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);border-radius:12px;color:white;font-size:clamp(.8rem,1.4vw,1.1rem);font-weight:800;letter-spacing:.16em;backdrop-filter:blur(8px)}.team-caption{position:absolute;bottom:28px;left:8%;font-size:17px;line-height:1.35;color:white;text-shadow:0 2px 12px #1b3435}.team-caption strong{font-size:24px}.about-copy{padding:70px clamp(28px,7vw,100px)}.about-copy h2{margin-bottom:20px}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:650px}.about-values{margin-top:26px}.about-values span{display:block;color:var(--orange);font-size:23px;margin-bottom:6px}.about-values strong,.about-values small{display:block}.about-values strong{font-size:.84rem}.about-values small{font-size:.73rem;color:var(--muted)}.testimonials-section{background:#f1eee7}.testimonials-section h2{font-size:clamp(1.8rem,2.8vw,2.5rem)}.testimonial-note{height:100%;padding:34px 38px;background:var(--paper);border:1px solid #e8e2d8;border-radius:var(--radius);box-shadow:0 12px 35px rgba(24,40,50,.04)}.quote-mark{font-family:Georgia,serif;font-size:60px;line-height:.8;color:var(--orange)}.testimonial-note>p{font-family:"Manrope",sans-serif;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600;line-height:1.5;max-width:700px}.testimonial-author{display:flex;align-items:center;gap:12px;margin-top:25px}.author-avatar{display:grid;place-items:center;width:43px;height:43px;background:#fce7d8;color:var(--orange-dark);font-weight:800;border-radius:50%}.testimonial-author strong,.testimonial-author small{display:block}.testimonial-author strong{font-size:.85rem}.testimonial-author small{font-size:.77rem;color:var(--muted)}.contact-section{background:var(--navy);color:white;padding:80px 0;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid #ffffff0c;left:-250px;bottom:-280px;box-shadow:0 0 0 35px #ffffff04,0 0 0 80px #ffffff03}.contact-copy,.quote-panel{position:relative}.contact-copy h2{font-size:clamp(2.1rem,3.5vw,3.3rem)}.contact-copy>p:not(.eyebrow){color:#b8c5c8;max-width:430px;margin:22px 0 30px}.contact-detail{display:flex;align-items:center;gap:14px;margin:20px 0}.contact-detail>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #53636a;border-radius:50%;color:#ff9b61;font-size:20px}.contact-detail small{display:block;color:#9eafb3;font-size:.75rem}.contact-detail a,.contact-detail p{color:#f5f6f1;text-decoration:none;margin:2px 0 0;font-weight:600}.contact-detail a:hover{color:#ffad7c}.quote-panel{padding:30px;background:#20343d;border:1px solid #40535a;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.13)}.quote-panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.quote-panel-heading h3{font-size:1.5rem;margin-bottom:5px}.quote-panel-heading p{color:#b5c4c6;font-size:.88rem;margin:0}.quote-spark{color:#ff9b61;font-size:27px}.form-label{font-size:.83rem;font-weight:700;color:#f2f5f3;margin-bottom:7px}.required{color:#ff9b61}.form-control,.form-select{min-height:47px;border:1px solid #53666e;background:#172a33;color:#fff;border-radius:9px;padding:.72rem .85rem;font-size:.88rem}.form-control::placeholder{color:#92a3a8}.form-control:focus,.form-select:focus{background:#172a33;color:white;border-color:#ff995f;box-shadow:0 0 0 .2rem rgba(243,107,33,.17)}.form-select option{background:#172a33;color:#fff}textarea.form-control{min-height:120px;resize:vertical}.form-hint,.privacy-note{font-size:.74rem;color:#aab9bc;margin-top:7px}.privacy-note{text-align:center;margin:12px 0 0}.invalid-feedback{color:#ffb9a3}.form-control.is-invalid,.form-select.is-invalid{border-color:#ff987c}.alert{border-radius:10px;font-size:.88rem}.site-footer{background:#fffefa;padding:30px 0 0}.footer-tagline{font-size:.76rem;color:var(--muted);margin:10px 0 0}.footer-nav{display:flex;justify-content:center;gap:clamp(12px,2vw,28px);flex-wrap:wrap}.footer-nav a,.back-top{font-size:.82rem;font-weight:700;color:#59666b;text-decoration:none}.footer-nav a:hover,.back-top:hover{color:var(--orange-dark)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding:20px 0;margin-top:27px;color:#7b8587;font-size:.75rem}.navbar-toggler{border-color:#d8d5cd}.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(243,107,33,.15)}@media(max-width:991.98px){.hero-section{padding-top:45px}.hero-visual{min-height:360px}.hero-copy{max-width:720px}.hero-note{right:0}.floating-chip{left:0}.section-pad{padding:62px 0}.team-visual{min-height:340px}.about-copy{padding:55px 7%}.navbar .nav-link.active:after{display:none}.footer-nav{justify-content:flex-start}}@media(max-width:575.98px){h1{font-size:2.65rem}.hero-section{padding:42px 0 38px}.hero-visual{min-height:280px;margin-top:5px}.app-window{border-width:5px;transform:none}.app-content{min-height:205px}.app-main{padding:13px 10px}.app-main h3{font-size:12px}.app-sidebar{width:27px;gap:13px}.app-sidebar span{width:9px;height:9px}.metric{padding:6px}.metric strong{font-size:15px}.metric span,.metric small{font-size:7px}.chart-bars{height:48px;gap:4px}.hero-note{font-size:13px;right:0;bottom:-3%}.floating-chip{font-size:9px;bottom:0;padding:8px 11px}.hero-points{margin-top:28px!important}.mini-feature{font-size:9px;gap:5px;align-items:flex-start}.feature-icon{width:29px;height:29px;flex-basis:29px;font-size:16px}.section-pad{padding:52px 0}.section-heading h2{font-size:2rem}.service-card{padding:22px}.service-card h3{min-height:0}.project-preview{height:190px}.process-icon{width:55px;height:55px;font-size:24px}.process-step p{font-size:.82rem}.team-visual{min-height:300px}.about-copy{padding:45px 24px}.about-values small{font-size:.67rem}.testimonial-note{padding:27px 24px}.contact-section{padding:55px 0}.quote-panel{padding:22px 17px}.footer-bottom{font-size:.7rem}.footer-nav{gap:12px}.brand-word{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.hero-centered{position:relative;text-align:center;padding:84px 0 60px}
.hero-centered .container{position:relative;z-index:1}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-bg .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:orb-drift 14s ease-in-out infinite alternate}
.orb-a{width:480px;height:480px;left:-140px;top:-120px;background:radial-gradient(circle,#ffd9bd,rgba(243,107,33,.35) 55%,transparent 70%)}
.orb-b{width:560px;height:560px;right:-160px;top:-60px;background:radial-gradient(circle,#cfe3dd,rgba(111,130,125,.4) 55%,transparent 70%);animation-delay:-6s}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(24,40,50,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(24,40,50,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
.hero-copy-center{max-width:820px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:rgba(255,254,250,.9);border:1px solid rgba(24,40,50,.1);box-shadow:var(--shadow);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#4c5960}
.badge-sep{color:var(--orange)}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(243,107,33,.5);animation:pulse-dot 2s infinite}
.hero-centered h1{margin-top:1.4rem}
.hero-centered h1 span{color:var(--orange)}
.rotator{display:inline-block;min-width:7ch;transition:opacity .22s,transform .22s}
.rotator.swap{opacity:0;transform:translateY(10px)}
.hero-centered .hero-lead{margin-left:auto;margin-right:auto;text-align:center}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:1.6rem}
.hero-stats{display:flex;justify-content:center;gap:0;margin:2rem auto 0;max-width:620px;background:rgba(255,254,250,.85);border:1px solid rgba(24,40,50,.08);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 10px}
.hero-stats>div{flex:1;padding:0 12px}
.hero-stats>div+div{border-left:1px solid var(--line)}
.hero-stats dt{display:flex;flex-direction:column;gap:2px}
.hero-stats strong{font-family:Manrope,sans-serif;font-size:1.6rem;font-weight:800}
.hero-stats strong+span{font-size:.78rem;color:var(--muted);font-weight:600}
.hero-visual-center{position:relative;max-width:720px;margin:3rem auto 0}
.hero-tilt{position:relative;display:flex;justify-content:center}
.hero-centered .app-window{transform:perspective(1100px) rotateX(2deg);transition:transform .25s ease;animation:card-float 7s ease-in-out infinite}
.hero-centered .hero-image-overlay{inset:-6% -10% -12% -10%}
.hero-centered .chart-bars i{transform-origin:bottom;animation:bar-grow 1.1s cubic-bezier(.2,.9,.3,1.2) backwards}
.hero-centered .chart-bars i:nth-child(1){animation-delay:.15s}.hero-centered .chart-bars i:nth-child(2){animation-delay:.25s}.hero-centered .chart-bars i:nth-child(3){animation-delay:.35s}.hero-centered .chart-bars i:nth-child(4){animation-delay:.45s}.hero-centered .chart-bars i:nth-child(5){animation-delay:.55s}.hero-centered .chart-bars i:nth-child(6){animation-delay:.65s}.hero-centered .chart-bars i:nth-child(7){animation-delay:.75s}.hero-centered .chart-bars i:nth-child(8){animation-delay:.85s}
.kpi-chip{position:absolute;padding:11px 16px;background:rgba(255,254,250,.95);border:1px solid rgba(24,40,50,.09);box-shadow:var(--shadow);border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;animation:chip-float 6s ease-in-out infinite}
.kpi-chip span{color:var(--orange);margin-right:7px}
.kpi-live{left:-4%;top:12%}
.kpi-eff{right:-5%;top:38%;animation-delay:-2s}
.kpi-built{left:6%;bottom:-4%;animation-delay:-4s}
.status-pill .pulse-dot{display:inline-block;margin-right:6px;vertical-align:1px}
.tech-ticker{margin-top:2.2rem;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker-track{display:inline-flex;gap:2.6rem;padding:12px 0;white-space:nowrap;font-family:Manrope,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#8a969d;animation:marquee 26s linear infinite}
.hero-centered .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.hero-centered .reveal.in{opacity:1;transform:none}
@keyframes orb-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(50px,36px) scale(1.08)}}
@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(243,107,33,.5)}70%{box-shadow:0 0 0 10px rgba(243,107,33,0)}100%{box-shadow:0 0 0 0 rgba(243,107,33,0)}}
@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes bar-grow{from{transform:scaleY(.1);opacity:0}to{transform:scaleY(1);opacity:1}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:991.98px){.hero-centered{padding:52px 0 44px}.kpi-live{left:0}.kpi-eff{right:0}.hero-stats{flex-direction:column;gap:14px;padding:20px}.hero-stats>div+div{border-left:0;border-top:1px solid var(--line);padding-top:14px}.tech-ticker{display:none}}
@media(prefers-reduced-motion:reduce){.hero-bg,.orb,.kpi-chip,.hero-centered .app-window,.ticker-track,.hero-centered .chart-bars i{animation:none!important}.hero-centered .reveal{opacity:1;transform:none}}
.process-animated .process-grid{position:relative}
.process-connector{position:absolute;top:52px;left:11%;right:11%;height:2px;background:rgba(24,40,50,.1);border-radius:2px;overflow:hidden;pointer-events:none}
.process-connector span{display:block;height:100%;width:100%;background:repeating-linear-gradient(90deg,var(--orange) 0 10px,transparent 10px 18px);transform:scaleX(0);transform-origin:left}
.process-animated .process-grid.draw .process-connector span{animation:dash-draw 1.6s ease .2s forwards}
.process-animated .process-step{position:relative;background:rgba(255,254,250,.9);border:1px solid rgba(24,40,50,.09);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 20px 22px;height:100%;opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease,box-shadow .25s ease,border-color .25s ease}
.process-animated .process-step.on{opacity:1;transform:none}
.process-animated .process-step:hover{transform:translateY(-6px);border-color:rgba(243,107,33,.45);box-shadow:0 18px 44px rgba(243,107,33,.14)}
.process-animated .process-step.on:hover{transform:translateY(-6px)}
.step-node{position:absolute;top:-9px;left:26px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(24,40,50,.2);transition:background .3s,border-color .3s,box-shadow .3s}
.process-step.on .step-node{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 6px rgba(243,107,33,.15);animation:node-pop .5s ease}
.process-animated .process-icon{transition:transform .3s ease}
.process-animated .process-step:hover .process-icon{transform:rotate(-10deg) scale(1.08)}
.step-tag{display:inline-block;margin-top:12px;padding:5px 12px;border-radius:999px;background:#fff2e7;color:var(--orange-dark);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .5s ease .15s,transform .5s ease .15s}
.process-step.on .step-tag{opacity:1;transform:none}
@keyframes dash-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes node-pop{0%{transform:scale(.4)}60%{transform:scale(1.35)}100%{transform:scale(1)}}
@media(max-width:991.98px){.process-connector{display:none}.process-animated .process-step{padding:20px 16px 18px}}
@media(prefers-reduced-motion:reduce){.process-animated .process-step{opacity:1;transform:none}.process-animated .process-grid.draw .process-connector span{animation:none;transform:scaleX(1)}.step-tag{opacity:1;transform:none}}
.process-animated .process-icon{overflow:hidden}
.process-animated .process-icon img{width:100%;height:100%;object-fit:contain;display:block}
.process-animated .step-number{display:block;font-family:Manrope,sans-serif;font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em;padding-right:150px}
.process-animated .process-step{padding-top:24px}
.process-animated .process-icon{position:absolute;top:18px;right:18px;width:132px;height:132px;margin:0}
.process-animated .process-step h3{margin-top:6px;padding-right:140px}
@media(max-width:991.98px){.process-animated .step-number{font-size:2.2rem;padding-right:100px}.process-animated .process-icon{width:88px;height:88px;top:14px;right:14px}.process-animated .process-step h3{padding-right:96px}}
.process-animated .process-step h3{position:relative;z-index:1}
.process-animated .process-step p{position:relative;z-index:1;margin-top:56px}
.process-animated .step-tag{position:relative;z-index:1}
.process-animated .process-icon{z-index:0}
@media(max-width:991.98px){.process-animated .process-step p{margin-top:30px}}
.services-animated .service-card{position:relative;overflow:hidden;opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease,box-shadow .25s ease,border-color .25s ease}
.services-animated .service-card.on{opacity:1;transform:none}
.services-animated .service-card:hover{transform:translateY(-6px)}
.services-animated .service-card.on:hover{transform:translateY(-6px)}
.services-animated .step-number{display:block;font-family:Manrope,sans-serif;font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--orange);padding-right:110px}
.services-animated .service-icon{position:absolute;top:16px;right:16px;width:96px;height:96px;margin:0;border-radius:50%;background:#fff2e7;box-shadow:0 0 0 8px rgba(243,107,33,.035);overflow:hidden;z-index:0;transition:transform .3s ease}
.services-animated .service-card:hover .service-icon{transform:rotate(-10deg) scale(1.08)}
.services-animated .service-icon img{width:100%;height:100%;object-fit:contain;display:block}
.services-animated .service-card h3,.services-animated .service-card p,.services-animated .service-card a{position:relative;z-index:1}
.services-animated .service-card h3{margin-top:8px;padding-right:100px}
.services-animated .service-card p{margin-top:44px}
.services-animated .step-tag{display:inline-block;margin:0 0 16px;padding:5px 12px;border-radius:999px;background:#fff2e7;color:var(--orange-dark);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}
@media(max-width:991.98px){.services-animated .step-number{font-size:2.2rem;padding-right:76px}.services-animated .service-icon{width:72px;height:72px;top:12px;right:12px}.services-animated .service-card h3{padding-right:76px}.services-animated .service-card p{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.services-animated .service-card{opacity:1;transform:none}}
.project-preview.project-photo{height:230px;padding:0;background:#101d23}
.project-preview.project-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s ease}
.project-card:hover .project-preview.project-photo img{transform:scale(1.05)}
.portfolio-carousel{margin-top:1.25rem;opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.portfolio-carousel.in{opacity:1;transform:none}
.portfolio-viewport{overflow:hidden;padding:12px 2px 20px;margin:0;touch-action:pan-y}
.portfolio-track{display:flex;gap:24px;transition:transform .65s cubic-bezier(.22,.8,.28,1);will-change:transform}
.portfolio-slide{flex:0 0 100%;min-width:0;opacity:.4;transform:scale(.97);transition:opacity .45s ease,transform .45s ease}
.portfolio-slide.is-active{opacity:1;transform:none}
.portfolio-slide .project-card{height:100%;margin:0}
@media(min-width:768px){.portfolio-slide{flex-basis:calc(50% - 12px)}}
@media(min-width:992px){.portfolio-slide{flex-basis:calc(33.333% - 16px)}}
.portfolio-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;flex-wrap:wrap}
.portfolio-arrows{display:flex;gap:10px}
.portfolio-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #52646b;background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.portfolio-btn:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}
.portfolio-btn:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.portfolio-dots{display:flex;align-items:center;gap:8px}
.portfolio-dot{width:8px;height:8px;border-radius:999px;border:0;background:#3b4a50;padding:0;cursor:pointer;transition:width .3s ease,background .3s ease}
.portfolio-dot.active{width:28px;background:var(--orange)}
.portfolio-dot:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.portfolio-carousel{opacity:1;transform:none;transition:none}.portfolio-track{transition:none}.portfolio-slide{opacity:1;transform:none;transition:none}}
