:root { --orange:#ff7a00; --orange2:#ffb000; --ink:#060606; --card:#10100f; --muted:#a5a5a5; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none} img{display:block;width:100%}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(circle at 52% -10%,rgba(255,112,0,.15),transparent 35%),linear-gradient(145deg,#030303,#0b0703 52%,#030303)}.orb{position:absolute;border-radius:45%;opacity:.16;filter:blur(3px)}.orbOne{width:850px;height:850px;top:-680px;left:50%;margin-left:-425px;background:linear-gradient(135deg,#ff5e00,#ffb000);animation:spin 20s linear infinite}.orbTwo{width:680px;height:680px;right:-510px;top:38%;background:#ff7100;animation:spin 25s linear infinite reverse}.orbThree{width:550px;height:550px;left:-410px;bottom:-330px;background:#ff9d00;animation:spin 23s linear infinite}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff9200;box-shadow:0 0 20px #ff6a00;animation:float 7s ease-in-out infinite}.sparkOne{top:22%;left:8%}.sparkTwo{top:52%;right:9%;animation-delay:2s}.sparkThree{top:78%;left:22%;animation-delay:4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-35px);opacity:.4}}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{position:relative;display:inline-flex;flex-direction:column;padding:12px 20px;border:1px solid rgba(255,128,0,.28);border-radius:13px;overflow:hidden;background:radial-gradient(circle at 8% 50%,rgba(255,111,0,.18),transparent 32%),rgba(255,255,255,.025);box-shadow:0 0 18px rgba(255,106,0,.08);animation:brandGlow 4s ease-in-out infinite}.brand:before{content:"";position:absolute;inset:-60% auto -60% -50%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(20deg);animation:shine 5s infinite}.brand small{font-size:8px;letter-spacing:2px;color:#8d8d8d;font-weight:800;margin-bottom:3px}.brand strong{font-size:18px;letter-spacing:.3px}.brand strong span{color:var(--orange)}@keyframes shine{60%,100%{left:140%}}@keyframes brandGlow{50%{box-shadow:0 0 28px rgba(255,106,0,.2)}}.nav nav{display:flex;align-items:center;gap:34px;font-size:14px;color:#bbb}.nav nav a:hover{color:#fff}.navCta{padding:11px 18px;border:1px solid rgba(255,128,0,.45);border-radius:10px;color:#fff!important;background:rgba(255,122,0,.08)}
.hero{min-height:680px;display:grid;grid-template-columns:46% 54%;align-items:center;padding-block:70px 95px}.eyebrow,.projectLabel,.sectionHeading>span,.contact>span{color:#ff9b38;font-size:11px;letter-spacing:2.4px;font-weight:800}.eyebrow i{display:inline-block;width:28px;height:1px;background:var(--orange);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:23px 0}.hero h1 span{display:block;color:var(--orange);background:linear-gradient(90deg,#ff6500,#ffad00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.heroCopy>p{font-size:18px;line-height:1.7;color:#aaa;max-width:560px}.heroActions{display:flex;gap:12px;margin:31px 0 25px}.primaryBtn,.secondaryBtn{padding:16px 20px;border-radius:12px;font-size:14px;font-weight:800}.primaryBtn{background:linear-gradient(100deg,#f65b00,#ff9d00);box-shadow:0 10px 28px rgba(255,105,0,.28)}.primaryBtn:hover{transform:translateY(-2px)}.primaryBtn b{margin-left:10px}.secondaryBtn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.trustRow{display:flex;gap:18px;flex-wrap:wrap;color:#888;font-size:11px}.trustRow span::first-letter{color:var(--orange)}
.heroVisual{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}.heroGlow,.contactGlow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(255,110,0,.13);filter:blur(70px)}.laptop{position:relative;width:100%;z-index:2;filter:drop-shadow(0 30px 30px rgba(0,0,0,.75))}.heroLaptop{transform:perspective(1100px) rotateY(-8deg) rotateX(2deg)}.laptopScreen{position:relative;padding:9px;background:linear-gradient(145deg,#2e2e31,#0c0c0e);border-radius:15px 15px 6px 6px;box-shadow:inset 0 0 0 1px #414146}.laptopScreen:before{content:"";display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#555;top:2px;left:50%}.laptopScreen img{aspect-ratio:1.91;object-fit:cover;border-radius:7px}.laptopBase{width:110%;height:18px;margin-left:-5%;background:linear-gradient(#aaa,#47474b 48%,#171719);border-radius:2px 2px 18px 18px;position:relative}.laptopBase span{position:absolute;width:16%;height:4px;left:42%;top:0;background:#333;border-radius:0 0 5px 5px}.floatingTag{position:absolute;z-index:3;padding:11px 15px;border:1px solid rgba(255,130,0,.28);border-radius:11px;background:rgba(13,13,13,.86);box-shadow:0 10px 25px #000;animation:bob 4s ease-in-out infinite}.floatingTag b,.floatingTag small{display:block}.floatingTag b{font-size:13px;color:#fff}.floatingTag small{font-size:9px;color:#888;margin-top:3px}.tagOne{left:-7px;top:73px}.tagTwo{right:0;bottom:65px;animation-delay:1.5s}.tagTwo b{color:var(--orange)}@keyframes bob{50%{transform:translateY(-8px)}}
.services{padding:105px 0}.sectionHeading{text-align:center;margin-bottom:48px}.sectionHeading h2{font-size:42px;letter-spacing:-1.5px;margin:13px 0}.sectionHeading p{color:#888}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.serviceCard{min-height:220px;padding:27px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,120,0,.025));transition:.3s}.serviceCard:hover{transform:translateY(-6px);border-color:rgba(255,125,0,.4);box-shadow:0 18px 40px rgba(0,0,0,.4)}.serviceCard i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,120,0,.1);color:var(--orange);font-size:24px;font-style:normal}.serviceCard h3{font-size:17px;margin:24px 0 12px}.serviceCard p{font-size:13px;color:#8f8f8f;line-height:1.7;margin:0}
.showcase{padding:80px 0}.project{position:relative;display:grid;grid-template-columns:42% 58%;align-items:center;gap:50px;min-height:600px;padding:75px 55px;margin-bottom:45px;border:1px solid rgba(255,255,255,.075);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,117,0,.018));overflow:hidden}.project:nth-child(2){grid-template-columns:58% 42%}.project:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,112,0,.08);filter:blur(80px);right:-120px;bottom:-180px}.projectCopy{position:relative;z-index:2}.number{display:block;color:rgba(255,255,255,.06);font-size:85px;font-weight:900;line-height:.8;margin-bottom:-8px}.project h2{font-size:37px;line-height:1.1;letter-spacing:-1.2px;margin:16px 0}.project p{color:#999;line-height:1.75}.project ul{list-style:none;padding:0;margin:25px 0 0}.project li{color:#c5c5c5;font-size:13px;margin:12px 0}.project li:before{content:"✓";color:var(--orange);margin-right:10px}.deviceArea{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0}.television{width:100%;filter:drop-shadow(0 28px 30px #000)}.tvScreen{padding:11px;background:linear-gradient(145deg,#343438,#09090a);border-radius:17px;box-shadow:inset 0 0 0 1px #444}.tvScreen img{aspect-ratio:1.78;object-fit:cover;border-radius:8px}.tvStand{position:relative;height:60px}.tvStand:before{content:"";position:absolute;width:70px;height:48px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#1a1a1c,#555,#171719)}.tvStand span{position:absolute;width:190px;height:12px;background:linear-gradient(#555,#151517);bottom:0;left:50%;transform:translateX(-50%);border-radius:50% 50% 5px 5px}.phoneLandscape{position:relative;width:100%;padding:10px 33px;border:3px solid #38383c;border-radius:28px;background:linear-gradient(145deg,#242427,#080809);box-shadow:0 30px 45px #000;transform:rotate(-2deg)}.phoneLandscape img{aspect-ratio:1.85;object-fit:cover;border-radius:12px}.phoneCamera{position:absolute;width:7px;height:7px;border-radius:50%;background:#222;right:13px;top:50%;box-shadow:inset 0 0 0 2px #444}.projectMobile:after{left:-130px;right:auto}.panelLaptop{transform:perspective(1100px) rotateY(-5deg)}
.featureBand{border-block:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}.featureInner{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:30px}.featureInner p{font-size:28px;font-weight:800}.featureInner p strong{color:var(--orange)}.featureInner div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.featureInner span{font-size:10px;letter-spacing:1.2px;color:#999;padding:10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:8px}
.contact{position:relative;text-align:center;padding:140px 20px;overflow:hidden}.contactGlow{left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.contact h2{font-size:clamp(40px,5vw,66px);letter-spacing:-2.5px;max-width:820px;margin:20px auto}.contact p{color:#999;font-size:17px;max-width:620px;margin:0 auto 32px;line-height:1.7}.contact>a{display:inline-block;padding:17px 24px;border-radius:12px;background:linear-gradient(100deg,#f65b00,#ff9d00);font-size:13px;font-weight:900;box-shadow:0 12px 35px rgba(255,105,0,.28)}.contact>a b{margin-left:10px}
.footer{min-height:150px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#666}.footerBrand{transform:scale(.88);transform-origin:left center}.footer p,.footer>small{font-size:11px}
@media(max-width:900px){.nav nav a:not(.navCta){display:none}.hero{grid-template-columns:1fr;padding-top:70px}.heroVisual{margin-top:45px}.serviceGrid{grid-template-columns:repeat(2,1fr)}.project,.project:nth-child(2){grid-template-columns:1fr;padding:55px 30px}.projectMobile .deviceArea{order:2}.featureInner{flex-direction:column;justify-content:center;text-align:center}.featureInner div{justify-content:center}}
@media(max-width:600px){.shell{width:min(100% - 24px,1180px)}.nav{height:80px}.nav .brand{padding:9px 12px}.brand strong{font-size:15px}.brand small{font-size:6px}.navCta{padding:9px 12px!important}.hero{padding-block:70px}.hero h1{font-size:48px;letter-spacing:-2px}.heroCopy>p{font-size:15px}.heroActions{flex-direction:column}.trustRow{gap:10px}.heroVisual{min-height:270px}.floatingTag{display:none}.serviceGrid{grid-template-columns:1fr}.sectionHeading h2{font-size:33px}.services{padding:80px 0}.project{padding:42px 19px;min-height:0;gap:42px}.project h2{font-size:30px}.number{font-size:65px}.phoneLandscape{padding:7px 23px;border-radius:18px}.footer{flex-direction:column;text-align:center;justify-content:center;padding:35px 0}.footerBrand{transform:scale(.88);transform-origin:center}.featureInner p{font-size:23px}.contact{padding:100px 12px}.contact h2{letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.phoneContact{position:relative;display:flex;flex-direction:column;align-items:center;width:min(470px,100%);margin:34px auto 0;padding:24px 28px;overflow:hidden;border:1px solid rgba(255,132,0,.42);border-radius:18px;background:radial-gradient(circle at 10% 50%,rgba(255,112,0,.17),transparent 34%),rgba(255,255,255,.035);box-shadow:0 12px 35px rgba(0,0,0,.4),0 0 25px rgba(255,105,0,.12);animation:brandGlow 4s ease-in-out infinite}.phoneContact:before{content:"";position:absolute;top:-70%;left:-50%;width:30%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg);animation:shine 5s infinite}.phoneContact small{position:relative;z-index:1;color:#9b9b9b;font-size:10px;font-weight:800;letter-spacing:2.5px}.phoneContact strong{position:relative;z-index:1;margin:7px 0;color:#ff8500;font-size:clamp(34px,6vw,50px);line-height:1;font-weight:900;letter-spacing:-1px;text-shadow:0 0 22px rgba(255,112,0,.28)}.phoneContact span{position:relative;z-index:1;color:#aaa;font-size:12px}