@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#050505;--panel:#0b0b0d;--panel2:#101014;--line:rgba(255,255,255,.09);--text:#f8f6f1;--muted:#9b9aa0;--orange:#ff6500;--orange2:#ffad66;--green:#25d366;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(circle at 78% 7%,rgba(255,101,0,.12),transparent 25%),radial-gradient(circle at 8% 45%,rgba(255,101,0,.045),transparent 28%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 75%);opacity:.35}.noise{position:fixed;inset:0;pointer-events:none;z-index:101;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}p{color:var(--muted)}em{font-style:normal;color:var(--orange2)}.topbar{min-height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:7px max(4vw,20px);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#85858a}.topbar>div{display:flex;align-items:center;gap:8px}.topbar b{color:#d9d7d2}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 14px var(--orange);animation:statusPulse 1.8s infinite}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,20px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:rgba(5,5,5,.72);backdrop-filter:blur(22px);z-index:80}.brand{display:flex;align-items:center;gap:8px;font-family:Manrope;font-weight:800;letter-spacing:.08em}.brand b{color:var(--orange);font-size:21px}.brand span:last-child{font-size:10px;color:#d7d4ce;letter-spacing:.2em}.brand img{height:38px;max-width:170px;width:auto}.brand-mark{width:32px;height:32px;border:1px solid rgba(255,101,0,.7);display:grid;place-items:center;color:#fff!important;font-size:14px!important;letter-spacing:0!important;border-radius:8px;background:linear-gradient(145deg,#1b0c04,#090909);box-shadow:inset 0 0 20px rgba(255,101,0,.13)}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a{font-size:11px;color:#a7a5a1;transition:.25s}.nav nav a:hover{color:#fff}.nav .nav-cta{color:#fff;background:var(--orange);padding:11px 16px;border-radius:7px;box-shadow:0 8px 28px rgba(255,101,0,.2);font-weight:700}.nav .nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(255,101,0,.3)}.menu{display:none;background:none;border:0;color:#fff;width:40px;height:40px;place-items:center;gap:4px}.menu span{width:20px;height:1px;background:#fff;display:block}.hero{position:relative;max-width:var(--max);margin:auto;padding:80px 24px 0;min-height:690px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;min-height:590px}.hero-copy{position:relative;z-index:3}.eyebrow{font-size:10px;letter-spacing:.18em;color:#9d9a94;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:18px;height:1px;background:var(--orange);box-shadow:0 0 14px rgba(255,101,0,.8)}.hero h1{font:800 clamp(48px,6vw,84px)/.98 Manrope;margin:22px 0 22px;letter-spacing:-.065em;max-width:780px}.hero-copy>p{font-size:16px;line-height:1.8;max-width:620px;color:#aaa8a3}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 19px;border-radius:8px;border:1px solid var(--line);font-size:12px;font-weight:700;transition:.28s;position:relative;overflow:hidden}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 12px 35px rgba(255,101,0,.18)}.btn.primary:after{content:"";position:absolute;top:-40%;left:-50%;width:30%;height:180%;background:rgba(255,255,255,.25);transform:skewX(-20deg);animation:btnShine 4.5s infinite}.btn:hover{transform:translateY(-3px)}.btn.ghost{background:rgba(255,255,255,.025);color:#ddd}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:30px}.trust-avatars{display:flex}.trust-avatars span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-left:-7px;border:2px solid #050505;background:linear-gradient(145deg,#272727,#0c0c0c);font:700 9px Manrope;color:#ddd}.trust-avatars span:first-child{margin-left:0;background:linear-gradient(145deg,#ff6500,#8e2c00);color:#fff}.hero-trust strong,.hero-trust small{display:block}.hero-trust strong{font-size:10px;color:#d7d4ce}.hero-trust small{font-size:9px;color:#74716d;margin-top:2px}.hero-stage{min-height:560px;position:relative;display:grid;place-items:center;perspective:1100px}.stage-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,101,0,.17),transparent 66%);filter:blur(10px);animation:glow 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(255,101,0,.15);border-radius:50%;transform:rotate(-20deg);animation:orbit 18s linear infinite}.orbit-a{width:500px;height:190px}.orbit-b{width:390px;height:150px;transform:rotate(35deg);animation-direction:reverse}.dashboard-3d{width:min(540px,90%);height:430px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(24,24,27,.96),rgba(8,8,9,.97));box-shadow:30px 45px 80px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.07),0 0 80px rgba(255,101,0,.08);padding:24px;transform:rotateY(-8deg) rotateX(4deg) rotateZ(1deg);position:relative;overflow:hidden;animation:dashboardFloat 6s ease-in-out infinite}.dashboard-3d:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.045) 45%,transparent 55%);transform:translateX(-100%);animation:screenShine 5s infinite}.dash-top{display:flex;justify-content:space-between;color:#777;font-size:8px;letter-spacing:.15em}.dash-top>div{display:flex;gap:7px;align-items:center}.mini-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}.dash-top>span{color:#55d98b}.dash-title{font:800 31px/1.05 Manrope;letter-spacing:-.04em;margin-top:30px}.dash-title em{color:var(--orange2)}.dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.dash-metrics>div{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);padding:12px;border-radius:10px}.dash-metrics small,.dash-metrics b,.dash-metrics span{display:block}.dash-metrics small{font-size:8px;color:#777}.dash-metrics b{font:700 20px Manrope;margin:2px 0}.dash-metrics span{font-size:8px;color:#4edb8d}.chart-wrap{height:140px;margin-top:20px;position:relative}.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{height:1px;background:rgba(255,255,255,.05)}.chart-wrap svg{width:100%;height:100%;position:relative}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:#ff7a22;stroke-width:3;filter:drop-shadow(0 0 6px rgba(255,101,0,.5))}.dash-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.dash-footer span{border:1px solid rgba(255,255,255,.06);padding:7px 4px;text-align:center;font-size:7px;color:#8b8883;border-radius:6px}.float-chip{position:absolute;border:1px solid rgba(255,255,255,.12);background:rgba(12,12,13,.88);backdrop-filter:blur(14px);box-shadow:0 20px 45px rgba(0,0,0,.4);padding:10px 13px;border-radius:9px;font-size:9px;color:#c9c6c1;z-index:3;animation:chipFloat 5s ease-in-out infinite}.chip-top{top:10%;right:4%}.chip-side{left:0;bottom:14%;display:flex;flex-direction:column}.chip-side b{font:800 17px Manrope;color:#fff}.chip-side small{color:#777}.chip-dot{width:6px;height:6px;background:#4edb8d;border-radius:50%;display:inline-block;margin-right:5px}.hero-bottom{height:75px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr repeat(4,1fr) 1.2fr;align-items:center;gap:15px;color:#777;font-size:8px;letter-spacing:.12em}.hero-bottom b{color:#aaa;font-size:8px}.scroll-note{text-align:right}.proof-strip{max-width:var(--max);margin:0 auto;padding:25px 24px 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.proof-strip>div{padding:20px;border-left:1px solid var(--line)}.proof-strip span{display:block;color:var(--orange);font:700 11px Manrope;margin-bottom:18px}.proof-strip b{display:block;font:700 14px Manrope}.proof-strip small{display:block;color:#666;font-size:10px;margin-top:5px}.section{max-width:var(--max);margin:auto;padding:110px 24px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-head h2{font:800 clamp(36px,4.5vw,62px)/1.02 Manrope;letter-spacing:-.055em;margin:14px 0 0}.section-head>p{max-width:420px;font-size:13px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0e0e10,#09090a);overflow:hidden;transition:.4s;position:relative}.service-card:hover{transform:translateY(-7px);border-color:rgba(255,101,0,.35);box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 50px rgba(255,101,0,.06)}.service-visual{height:300px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(255,101,0,.12),transparent 38%),#0a0a0b;border-bottom:1px solid var(--line)}.service-visual:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,101,0,.06);filter:blur(30px);right:-40px;bottom:-60px}.browser-mock{position:absolute;left:13%;top:16%;width:74%;height:68%;background:#f2f0eb;border-radius:12px;transform:perspective(900px) rotateX(8deg) rotateY(-8deg);box-shadow:30px 30px 50px #000;overflow:hidden}.browser-bar{height:28px;background:#1b1b1d;display:flex;align-items:center;padding:0 9px;gap:4px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#666}.browser-bar span{font-size:6px;color:#777;margin-left:8px}.browser-body{padding:25px;background:linear-gradient(135deg,#fff,#ddd);height:100%;position:relative}.browser-body b{font:800 28px/1 Manrope;color:#111;letter-spacing:-.06em}.browser-body em{color:#ff6500}.browser-body>span{display:block;width:70px;height:8px;background:#111;margin-top:15px}.browser-body small{display:block;width:45%;height:5px;background:#aaa;margin-top:8px}.visual-tag{position:absolute;background:rgba(12,12,13,.92);border:1px solid rgba(255,255,255,.1);padding:8px 10px;border-radius:7px;font-size:7px;letter-spacing:.1em;color:#ccc;box-shadow:0 12px 30px #000;z-index:2}.tag-code{right:9%;top:18%}.tag-device{left:7%;bottom:16%}.ads-mock{position:absolute;left:11%;top:15%;width:78%;height:70%;background:#111316;border:1px solid #2b2e32;border-radius:12px;padding:15px;box-shadow:25px 25px 55px #000;transform:perspective(900px) rotateY(-8deg)}.ads-head{display:flex;justify-content:space-between;font-size:8px;color:#999}.ads-head b{color:#eee}.ads-number{font:800 24px Manrope;margin-top:22px}.ads-number small{font:8px DM Sans;color:#777;font-weight:400}.bars{height:130px;display:flex;align-items:end;gap:9px;margin-top:8px}.bars i{flex:1;background:linear-gradient(#ff8c43,#ff6500);border-radius:4px 4px 0 0;box-shadow:0 0 12px rgba(255,101,0,.15)}.tag-roi{right:8%;bottom:13%}.meta-mock{position:absolute;inset:12%;background:linear-gradient(145deg,#111,#080808);border:1px solid #292929;border-radius:18px;box-shadow:25px 30px 55px #000;transform:rotateY(8deg);padding:25px}.meta-circle{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle at 35% 30%,#ffad66,#ff6500 45%,#7d2700);font:800 45px Manrope;color:#fff;box-shadow:0 0 45px rgba(255,101,0,.25)}.meta-card{position:absolute;left:10%;bottom:10%;background:#151515;border:1px solid #2b2b2b;padding:10px 13px;border-radius:8px}.meta-card b,.meta-card span,.meta-card strong{display:block}.meta-card b{font-size:8px}.meta-card span{font-size:7px;color:#777}.meta-card strong{font:700 16px Manrope;color:#ffad66}.small-card{left:auto;right:7%;top:13%;bottom:auto}.tag-social{right:8%;bottom:9%}.seo-mock{position:absolute;left:10%;top:17%;width:80%;background:#0f1012;border:1px solid #2a2b2e;border-radius:12px;padding:15px;box-shadow:25px 30px 50px #000}.search-bar{height:35px;border:1px solid #303136;border-radius:7px;display:flex;align-items:center;padding:0 10px;color:#888;font-size:9px}.search-bar span{font-size:16px;color:#ff8a45;margin-right:8px}.search-bar b{margin-left:auto;color:#666}.rank-row{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;padding:12px 4px;border-bottom:1px solid #222;font-size:8px;color:#aaa}.rank-row b{color:#ff8b45}.rank-row em{font-size:12px}.rank-row i{color:#555}.tag-seo{right:8%;bottom:11%}.service-content{padding:25px 26px 28px}.service-index{font-size:9px;color:var(--orange);letter-spacing:.1em}.service-content h3{font:800 26px Manrope;letter-spacing:-.03em;margin:10px 0 8px}.service-content p{font-size:12px;max-width:480px;min-height:42px;margin:0 0 20px}.service-content a{font-size:10px;color:#ddd}.service-content a span{color:var(--orange);margin-left:7px}.about-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.about-art{height:510px;position:relative;display:grid;place-items:center}.about-ring{position:absolute;border:1px solid rgba(255,101,0,.16);border-radius:50%;animation:spin 18s linear infinite}.ring-1{width:420px;height:420px}.ring-2{width:310px;height:310px;animation-direction:reverse}.about-core{width:180px;height:180px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#2d1305,#0b0b0c 65%);border:1px solid rgba(255,101,0,.35);box-shadow:0 0 70px rgba(255,101,0,.14),inset 0 0 40px rgba(255,101,0,.08);z-index:2}.about-core span{font:800 44px Manrope;color:#fff;letter-spacing:-.08em}.about-core small{font-size:8px;letter-spacing:.35em;color:#777}.about-pill{position:absolute;background:#101011;border:1px solid #29292b;padding:10px 13px;border-radius:8px;box-shadow:0 18px 40px #000;z-index:3;display:flex;gap:7px;align-items:center;animation:chipFloat 5s ease-in-out infinite}.about-pill b{font-size:9px;color:var(--orange)}.about-pill span{font-size:8px;color:#777}.pill-a{top:17%;right:3%}.pill-b{bottom:15%;left:4%;animation-delay:-1.8s}.pill-c{top:39%;left:-1%;animation-delay:-3s}.about-copy h2{font:800 clamp(38px,4.3vw,59px)/1.03 Manrope;letter-spacing:-.06em;margin:15px 0 20px}.about-copy>p{font-size:14px;line-height:1.9;max-width:650px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:27px 0}.checks span{font-size:10px;color:#c9c6c0;border:1px solid var(--line);padding:11px 12px;border-radius:7px;background:#0a0a0b}.checks span:before{content:"✓";color:var(--orange);margin-right:7px}.text-link{font-size:11px;color:#eee}.text-link span{color:var(--orange)}.capability-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start;border-top:1px solid var(--line)}.capability-copy h2{font:800 clamp(42px,5vw,68px)/.98 Manrope;letter-spacing:-.06em;margin:16px 0}.capability-copy p{max-width:430px;font-size:13px}.capability-list{border-top:1px solid var(--line)}.capability-list>div{display:grid;grid-template-columns:45px 1fr 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.capability-list span{font-size:9px;color:var(--orange)}.capability-list b{font:700 16px Manrope}.capability-list p{font-size:10px;margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-card{padding:28px 24px;border-right:1px solid var(--line);min-height:250px;position:relative}.process-card:last-child{border-right:0}.process-card>span{font-size:9px;color:var(--orange)}.process-card i{display:block;font-style:normal;font-size:28px;margin:28px 0 18px;color:#aaa}.process-card h3{font:700 20px Manrope;margin:0}.process-card p{font-size:11px;margin-top:8px}.process-card:hover i{color:var(--orange);transform:translateY(-4px)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-card{border:1px solid var(--line);background:#0b0b0c;border-radius:14px;overflow:hidden}.work-image{height:240px;position:relative;overflow:hidden;background:#101012}.work-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.work-card:hover img{transform:scale(1.06)}.work-overlay{position:absolute;inset:auto 12px 12px auto;background:#ff6500;padding:8px 10px;border-radius:6px;font-size:8px;opacity:0;transform:translateY(8px);transition:.3s}.work-card:hover .work-overlay{opacity:1;transform:none}.work-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(255,101,0,.18),transparent 30%),#0a0a0b}.work-placeholder span{font:800 58px Manrope;color:#222}.work-placeholder small{position:absolute;bottom:16px;left:18px;color:#777;font-size:8px}.work-body{padding:18px}.work-body>small{font-size:8px;color:var(--orange);text-transform:uppercase;letter-spacing:.12em}.work-body h3{font:700 19px Manrope;margin:7px 0}.work-body p{font-size:10px;margin:0 0 12px}.work-body a{font-size:9px;color:#ddd}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.testimonial-card{padding:25px;border:1px solid var(--line);background:#0b0b0c;border-radius:14px}.stars{color:#ff9a4d;letter-spacing:2px;font-size:10px}.testimonial-card>p{font:500 16px/1.65 Manrope;color:#ddd;min-height:105px}.client{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px}.client>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#191919;border:1px solid #303030;color:var(--orange);font-size:9px}.client b,.client small{display:block}.client b{font-size:10px}.client small{font-size:8px;color:#666}.faq{max-width:900px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 0;font:700 16px Manrope;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--orange);font-size:22px;font-weight:400;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;max-width:780px;margin:-4px 0 22px}.cta-section{max-width:1180px;margin:20px auto 110px;padding:90px 50px;text-align:center;border:1px solid rgba(255,101,0,.2);border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(255,101,0,.15),transparent 45%),linear-gradient(145deg,#11100f,#080808);box-shadow:0 30px 90px rgba(0,0,0,.4)}.cta-glow{position:absolute;width:350px;height:350px;background:rgba(255,101,0,.1);filter:blur(80px);top:-250px;left:50%;transform:translateX(-50%)}.cta-section h2{position:relative;font:800 clamp(42px,5vw,70px)/1 Manrope;letter-spacing:-.06em;margin:17px 0}.cta-section p{position:relative;font-size:13px}.cta-section .actions{justify-content:center}.footer-main{max-width:var(--max);margin:auto;padding:70px 24px 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-main p{font-size:11px;max-width:380px;margin-top:18px}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links strong{font-size:9px;letter-spacing:.14em;color:#777;text-transform:uppercase;margin-bottom:5px}.footer-links a,.footer-links span{font-size:10px;color:#aaa}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:18px 24px 30px;display:flex;justify-content:space-between;color:#666;font-size:9px}.footer-bottom a{color:#999}.wa-widget{position:fixed;right:22px;bottom:22px;z-index:90}.wa-float{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--green);box-shadow:0 12px 35px rgba(37,211,102,.25);position:relative;transition:.25s}.wa-float:hover{transform:translateY(-4px) scale(1.03)}.wa-icon{width:34px;height:34px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 12px Manrope}.wa-pulse{position:absolute;inset:0;border:1px solid rgba(37,211,102,.7);border-radius:50%;animation:waPulse 2s infinite}.wa-popup{position:absolute;right:0;bottom:78px;width:260px;background:#111213;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.65);animation:popupIn .5s ease both}.wa-popup button{position:absolute;right:8px;top:7px;border:0;background:none;color:#777;cursor:pointer}.wa-popup-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-bottom:10px}.wa-popup b,.wa-popup small{display:block}.wa-popup b{font:700 14px Manrope}.wa-popup small{color:#777;font-size:9px;margin:4px 0 13px}.wa-popup a{display:inline-block;background:var(--green);color:#07150b;padding:8px 11px;border-radius:6px;font-size:9px;font-weight:700}.wa-widget.closed .wa-popup{display:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes statusPulse{50%{box-shadow:0 0 22px var(--orange)}}@keyframes btnShine{0%,65%{left:-50%}82%,100%{left:140%}}@keyframes glow{50%{transform:scale(1.12);opacity:.7}}@keyframes orbit{to{transform:rotate(340deg)}}@keyframes dashboardFloat{0%,100%{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(4deg) translateY(-10px)}}@keyframes screenShine{0%,45%{transform:translateX(-100%)}70%,100%{transform:translateX(130%)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes waPulse{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.45);opacity:0}100%{opacity:0}}@keyframes popupIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-stage{min-height:500px}.hero-bottom{grid-template-columns:repeat(4,1fr)}.hero-bottom span:first-child,.scroll-note{display:none}.about-section,.capability-section{grid-template-columns:1fr;gap:45px}.about-art{height:430px}.work-grid{grid-template-columns:1fr 1fr}.testimonial-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.process-card:nth-child(2){border-right:0}.process-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.topbar{justify-content:center}.topbar>span{display:none}.nav{height:66px}.nav nav{display:none;position:absolute;left:12px;right:12px;top:72px;background:rgba(9,9,10,.98);border:1px solid #29292b;border-radius:14px;padding:10px;flex-direction:column;gap:2px;box-shadow:0 25px 70px #000}.nav nav.open{display:flex}.nav nav a{padding:12px}.nav .nav-cta{text-align:center}.menu{display:grid}.hero{padding:58px 18px 0}.hero-grid{min-height:auto}.hero h1{font-size:clamp(42px,12vw,60px)}.hero-copy>p{font-size:14px}.hero-stage{min-height:410px}.dashboard-3d{height:350px;padding:17px;transform:none}.dashboard-3d{animation:dashboardFloatMobile 5s ease-in-out infinite}.dash-title{font-size:24px;margin-top:22px}.dash-metrics{margin-top:16px}.chart-wrap{height:110px}.orbit-a{width:330px;height:140px}.orbit-b{width:280px;height:120px}.float-chip{font-size:7px}.chip-top{right:0}.chip-side{left:0;bottom:10%}.hero-bottom{height:auto;padding:20px 0;grid-template-columns:1fr 1fr;gap:12px}.hero-bottom b{font-size:7px}.proof-strip{grid-template-columns:1fr 1fr;padding:25px 18px 60px}.proof-strip>div{padding:15px}.section{padding:75px 18px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:38px}.section-head>p{margin-top:15px}.service-grid,.work-grid,.testimonial-grid,.process-grid{grid-template-columns:1fr}.service-visual{height:250px}.process-card{border-right:0!important;border-bottom:1px solid var(--line)}.process-card:last-child{border-bottom:0}.capability-list>div{grid-template-columns:35px 1fr}.capability-list p{grid-column:2}.about-art{height:340px}.ring-1{width:300px;height:300px}.ring-2{width:230px;height:230px}.about-core{width:140px;height:140px}.about-core span{font-size:34px}.pill-a{right:0}.pill-b{left:0}.pill-c{left:0}.checks{grid-template-columns:1fr}.cta-section{margin:0 18px 70px;padding:65px 18px;border-radius:18px}.cta-section h2{font-size:40px}.footer-main{grid-template-columns:1fr 1fr;padding:55px 18px 30px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block;padding:18px}.footer-bottom span{display:block;margin:7px 0}.wa-widget{right:13px;bottom:13px}.wa-popup{width:245px;right:0;bottom:70px}.wa-float{width:57px;height:57px}.wa-icon{width:31px;height:31px}.wa-pulse{inset:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@keyframes dashboardFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ===== V5 visual system ===== */
.hero-stage{perspective:1400px;isolation:isolate}
.hero-3d-frame{position:relative;width:min(760px,100%);margin:auto;transform-style:preserve-3d;transform:rotateY(-8deg) rotateX(5deg);animation:heroFloat 7s ease-in-out infinite;filter:drop-shadow(0 40px 70px rgba(0,0,0,.55));}
.hero-3d-back{position:absolute;inset:7% -2% -4% 5%;border-radius:42px;background:linear-gradient(135deg,rgba(255,106,0,.22),rgba(255,106,0,.02) 55%,rgba(255,255,255,.05));transform:translateZ(-70px) rotateY(8deg);filter:blur(1px);box-shadow:0 0 100px rgba(255,106,0,.12)}
.hero-growth-image{position:relative;display:block;width:100%;height:auto;border-radius:32px;border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 35px 80px rgba(0,0,0,.6);transform:translateZ(20px)}
.hero-3d-shine{position:absolute;inset:0;border-radius:32px;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08) 42%,transparent 54%);background-size:220% 100%;animation:shine 5.5s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
.service-image-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0;transform-style:preserve-3d;perspective:1000px}
.service-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015) rotateX(0deg);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.95) contrast(1.03)}
.service-card:hover .service-image-wrap img{transform:scale(1.055) rotateY(-3deg) rotateX(2deg);filter:saturate(1.08) contrast(1.06)}
.service-image-glow{position:absolute;inset:auto 8% -18% 8%;height:42%;background:radial-gradient(ellipse,rgba(255,106,0,.2),transparent 65%);filter:blur(20px);pointer-events:none}
@keyframes heroFloat{0%,100%{transform:rotateY(-8deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(7deg) translateY(-12px)}}
@keyframes shine{0%,35%{background-position:220% 0}65%,100%{background-position:-30% 0}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-stage{margin-top:25px}.hero-3d-frame{width:min(680px,96%);transform:rotateY(-4deg) rotateX(3deg)}.hero-bottom{grid-template-columns:repeat(2,1fr);height:auto;padding:24px 0;gap:16px}.scroll-note{display:none}.proof-strip{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero-3d-frame{width:100%;transform:none;animation:heroFloatMobile 6s ease-in-out infinite}.hero-growth-image{border-radius:22px}.hero-3d-shine{border-radius:22px}.float-chip{font-size:8px;padding:8px 10px}.chip-top{top:-5%;right:2%}.chip-side{left:-2%;bottom:8%}.service-visual{height:auto;aspect-ratio:800/520}.service-image-wrap img{object-fit:cover}.proof-strip{padding-left:18px;padding-right:18px}.section{padding:78px 18px}.section-head{display:block}.section-head>p{margin-top:18px}.hero{padding-top:55px}.hero-copy h1{font-size:clamp(42px,12vw,64px)}}
@keyframes heroFloatMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* V6 3D interaction fixes */
.hero-stage{will-change:transform;}
.hero-3d-frame{will-change:transform;transform-origin:center center;}
@keyframes heroFloatMobile{0%,100%{transform:translateY(0) scale(.98)}50%{transform:translateY(-10px) scale(1)}}
@keyframes heroFloat{0%,100%{transform:rotateY(-8deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(3deg) translateY(-12px)}}
@keyframes shine{0%{background-position:120% 0}45%,100%{background-position:-80% 0}}
@keyframes waPulse{0%{transform:scale(.9);opacity:.9}70%,100%{transform:scale(1.45);opacity:0}}
@keyframes popupIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.service-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;will-change:transform;}
.service-card{overflow:hidden;}
@media(max-width:560px){.hero-stage{overflow:visible}.hero-3d-frame{width:100%;transform:none}.hero-growth-image{width:100%;height:auto}.service-image-wrap{padding:10px}.service-image-wrap img{width:100%;height:100%;object-fit:contain}}

/* V7 premium interaction + compact WhatsApp */
.hero-3d-frame{
  --rx:5deg;--ry:-8deg;--lift:0px;
  transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift)) translateZ(0);
  animation:heroBreath 6s ease-in-out infinite;
}
@keyframes heroBreath{0%,100%{filter:drop-shadow(0 40px 70px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 48px 82px rgba(255,106,0,.10))}}
.hero-stage{transform-style:preserve-3d}
.hero-3d-frame:after{content:"";position:absolute;inset:-1px;border-radius:32px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 90px rgba(255,106,0,.07);}
.service-card{transform-style:preserve-3d;will-change:transform}
.service-visual{transform-style:preserve-3d}
.service-image-wrap img{transform:translateZ(8px) scale(1.02);}
.service-card:hover .service-image-wrap img{transform:translateZ(22px) scale(1.06) rotateY(-2deg)}

/* Small WhatsApp dock; popup appears only when clicked */
.wa-widget{right:18px;bottom:18px}
.wa-float{width:50px;height:50px;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:0}
.wa-icon{width:28px;height:28px;border:0;font-size:21px;line-height:1}
.wa-pulse{inset:-2px}
.wa-popup{display:none;right:0;bottom:62px;width:230px;padding:15px;border-radius:12px}
.wa-widget.open .wa-popup{display:block;animation:popupIn .25s ease both}
.wa-popup b{font-size:13px;line-height:1.35}
.wa-popup small{font-size:9px;line-height:1.5}
.wa-popup a{padding:8px 10px;font-size:9px}
.wa-close{width:24px;height:24px;font-size:18px;line-height:1}
@media(max-width:560px){
  .wa-widget{right:12px;bottom:12px}
  .wa-float{width:48px;height:48px}
  .wa-popup{width:min(230px,calc(100vw - 30px));bottom:60px}
  .hero-3d-frame{animation:heroBreathMobile 6s ease-in-out infinite;}
}
@keyframes heroBreathMobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* =========================================================
   NOX CONTACT PAGE - PREMIUM UI
========================================================= */

.contact-page{
    min-height:100svh;
    padding:110px 20px 80px;
    background:
        radial-gradient(circle at 15% 15%, rgba(255,106,0,.12), transparent 32%),
        radial-gradient(circle at 85% 60%, rgba(255,106,0,.08), transparent 30%),
        #050505;
}

.contact-wrap{
    width:min(1180px,100%);
    margin:auto;
}

.contact-header{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.contact-header .eyebrow{
    color:#ff6a00;
    font-size:12px;
    font-weight:800;
    letter-spacing:.18em;
    margin-bottom:16px;
}

.contact-header h1{
    margin:0;
    font-size:clamp(42px,6vw,78px);
    line-height:.98;
    letter-spacing:-.045em;
    color:#fff;
}

.contact-header h1 em{
    color:#ff6a00;
    font-style:normal;
}

.contact-header p{
    max-width:650px;
    margin:24px auto 0;
    color:#a7a7a7;
    font-size:17px;
    line-height:1.75;
}

.contact-grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:25px;
    align-items:stretch;
}

.contact-info,
.contact-form-card{
    border:1px solid rgba(255,255,255,.09);
    border-radius:28px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
    box-shadow:
        0 25px 80px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(18px);
}

.contact-info{
    padding:35px;
    position:relative;
    overflow:hidden;
}

.contact-info:before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-130px;
    top:-130px;
    border-radius:50%;
    background:#ff6a00;
    filter:blur(100px);
    opacity:.13;
}

.contact-info h2{
    margin:0;
    color:#fff;
    font-size:30px;
    letter-spacing:-.025em;
}

.contact-info>p{
    color:#999;
    line-height:1.7;
    margin:14px 0 30px;
}

.contact-item{
    display:flex;
    gap:15px;
    padding:17px 0;
    border-top:1px solid rgba(255,255,255,.07);
}

.contact-icon{
    width:45px;
    height:45px;
    flex:0 0 45px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:#ff6a00;
    background:rgba(255,106,0,.09);
    border:1px solid rgba(255,106,0,.18);
}

.contact-item small{
    display:block;
    color:#777;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.12em;
    margin-bottom:5px;
}

.contact-item strong,
.contact-item a{
    color:#eee;
    text-decoration:none;
    font-size:14px;
}

.contact-form-card{
    padding:35px;
}

.contact-form{
    display:grid;
    gap:18px;
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.form-field{
    display:grid;
    gap:8px;
}

.form-field label{
    color:#d8d8d8;
    font-size:13px;
    font-weight:700;
}

.form-field input,
.form-field select,
.form-field textarea{
    width:100%;
    border:1px solid rgba(255,255,255,.10);
    outline:none;
    border-radius:13px;
    padding:15px 16px;
    background:#0b0b0b;
    color:#fff;
    font:inherit;
    transition:.25s ease;
}

.form-field textarea{
    min-height:150px;
    resize:vertical;
}

.form-field input::placeholder,
.form-field textarea::placeholder{
    color:#666;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{
    border-color:rgba(255,106,0,.75);
    box-shadow:0 0 0 4px rgba(255,106,0,.08);
}

.form-submit{
    width:100%;
    min-height:54px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#ff7a18,#ff5b00);
    color:#fff;
    font-weight:800;
    font-size:15px;
    cursor:pointer;
    box-shadow:0 15px 35px rgba(255,106,0,.20);
    transition:.25s ease;
}

.form-submit:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 45px rgba(255,106,0,.30);
}

.form-note{
    color:#666;
    font-size:11px;
    line-height:1.6;
    text-align:center;
}

.form-error,
.form-success{
    padding:13px 15px;
    border-radius:12px;
    font-size:13px;
}

.form-error{
    color:#ff9d9d;
    background:rgba(255,0,0,.06);
    border:1px solid rgba(255,0,0,.15);
}

.form-success{
    color:#9ff0bb;
    background:rgba(0,255,120,.05);
    border:1px solid rgba(0,255,120,.15);
}

/* Mobile */

@media(max-width:850px){

    .contact-page{
        padding:90px 15px 55px;
    }

    .contact-grid{
        grid-template-columns:1fr;
    }

    .contact-info,
    .contact-form-card{
        padding:24px;
        border-radius:22px;
    }

    .contact-header{
        margin-bottom:35px;
    }

    .contact-header h1{
        font-size:clamp(38px,12vw,58px);
    }

    .contact-header p{
        font-size:15px;
    }
}

@media(max-width:560px){

    .form-row{
        grid-template-columns:1fr;
        gap:18px;
    }

    .contact-info,
    .contact-form-card{
        padding:20px;
    }

    .contact-info h2{
        font-size:25px;
    }

    .contact-page{
        overflow:hidden;
    }

    .form-field input,
    .form-field select,
    .form-field textarea{
        font-size:16px;
    }
}
/* Deployment-safe reveal fallback */
.reveal{opacity:1;transform:none;}
.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.js-ready .reveal.visible{opacity:1;transform:none;}