*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#10141b;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(90,120,255,.10),transparent 32%),radial-gradient(circle at 10% 60%,rgba(120,160,220,.08),transparent 30%);z-index:-1}.nav{position:fixed;top:16px;left:3%;right:3%;z-index:50;display:flex;align-items:center;gap:28px;padding:14px 18px;border:1px solid rgba(16,20,27,.08);border-radius:18px;background:rgba(255,255,255,.70);backdrop-filter:blur(18px)}.brand{font-weight:900;letter-spacing:.16em;color:#111;text-decoration:none}.nav nav{display:flex;gap:22px;flex:1;justify-content:center}.nav nav a,.footer a{color:#4f5865;text-decoration:none;font-size:14px}.nav-cta,.button{border:1px solid #cfd6df;border-radius:999px;padding:12px 18px;text-decoration:none;color:#111;background:#fff;font-weight:700}.nav-cta{font-size:13px}.menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:120px 8% 70px;overflow:hidden}.hero-copy{max-width:760px;z-index:2}.eyebrow{font-size:11px;letter-spacing:.18em;color:#718096;font-weight:800}.hero h1,h2{font-size:clamp(48px,7vw,100px);line-height:.92;letter-spacing:-.055em;margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:#65748a}.hero p,.split p,.center p{font-size:18px;line-height:1.7;color:#687281;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button.primary{background:#111820;color:#fff;border-color:#111820}.section{padding:130px 8%;position:relative}.section h2{font-size:clamp(42px,6vw,78px)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card,.work,.glass-dashboard{background:rgba(255,255,255,.72);border:1px solid rgba(16,20,27,.09);border-radius:24px;padding:25px;box-shadow:0 18px 60px rgba(60,75,100,.08)}.card{min-height:270px;transition:.35s}.card:hover,.work:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(60,75,100,.15)}.card small,.work>span{color:#8792a1}.icon{font-size:30px;margin:30px 0 12px}.card h3,.work h3{font-size:20px;margin:0 0 12px}.card p,.work p{color:#7a8492;line-height:1.55}.card a{color:#111;text-decoration:none;font-weight:700}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px}.sticky{position:sticky;top:140px;height:max-content}.solution-list{display:flex;flex-direction:column}.solution{padding:30px 0;border-bottom:1px solid #dce1e7;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px}.solution span{font-size:28px}.solution strong{font-size:clamp(25px,3vw,42px)}.solution small{color:#9aa3af}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.reverse{background:#eef1f5}.glass-dashboard{min-height:320px;padding:30px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.dash-grid span{background:#f8fafc;border:1px solid #e4e8ee;border-radius:16px;padding:22px;color:#7c8795}.dash-grid strong{display:block;color:#161c25;font-size:24px;margin-top:8px}.phone-section{text-align:center;overflow:hidden}.phones{display:flex;justify-content:center;gap:50px;margin-top:60px}.phone{width:250px;height:500px;border:10px solid #161c24;border-radius:38px;background:linear-gradient(145deg,#fff,#e8edf4);display:grid;place-items:center;font-weight:900;box-shadow:0 40px 90px rgba(30,45,70,.18);transform:rotate(-6deg)}.phone2{transform:rotate(6deg)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{height:300px;display:flex;flex-direction:column;justify-content:flex-end}.center{text-align:center;max-width:1100px;margin:auto}.center p{margin:30px auto}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e9edf2}.form{display:flex;flex-direction:column;gap:12px}.form input,.form select,.form textarea{font:inherit;border:1px solid #d5dbe3;background:#fff;border-radius:14px;padding:16px;outline:none}.form textarea{min-height:150px;resize:vertical}.footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:70px 8%;background:#f5f7fa;border-top:1px solid #dde2e8}.footer>div{display:flex;flex-direction:column;gap:10px}.footer h4{margin:0 0 8px}.copyright{text-align:center;padding:20px;border-top:1px solid #dde2e8;color:#8993a1;font-size:13px}#core{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.reveal{will-change:transform,opacity}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.showcase,.split,.contact{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr 1fr}.nav nav,.nav-cta{display:none}.menu{display:block;margin-left:auto}}@media(max-width:600px){.hero{padding:130px 6% 60px}.hero h1{font-size:50px}.section{padding:90px 6%}.cards,.work-grid{grid-template-columns:1fr}.phones{gap:15px}.phone{width:190px;height:390px}.phone2{display:none}.footer{grid-template-columns:1fr 1fr}.nav{left:4%;right:4%}.solution{grid-template-columns:35px 1fr}.solution small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}

/* ===== V2 3D / SCROLL EXPERIENCE ===== */
body{perspective:1200px}
.hero{isolation:isolate}
.hero:after{content:"";position:absolute;width:520px;height:520px;right:-100px;top:18%;border-radius:50%;background:radial-gradient(circle,rgba(104,129,170,.20),rgba(104,129,170,0) 68%);filter:blur(8px);z-index:-1}
.hero-copy{transform-style:preserve-3d}
#core{z-index:1;pointer-events:none}
.hero-copy{z-index:3}
.section{transform-style:preserve-3d}
.card,.work,.glass-dashboard,.phone{transform-style:preserve-3d;backface-visibility:hidden}
.card:before,.work:before,.glass-dashboard:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.75),transparent 42%);opacity:.8}
.card{position:relative}
.card .icon{transform:translateZ(28px)}
.card h3{transform:translateZ(20px)}
.card p{transform:translateZ(12px)}
.solution{transform-style:preserve-3d;transition:transform .5s ease}
.solution strong{transform:translateZ(20px)}
.phone{position:relative;transform-style:preserve-3d}
.phone:before{content:"";position:absolute;inset:8px;border-radius:30px;border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 0 30px rgba(90,110,140,.08);transform:translateZ(14px)}
.phone:after{content:"";position:absolute;width:75%;height:35%;left:12%;top:30%;border-radius:18px;background:linear-gradient(145deg,#fdfefe,#dbe2ea);box-shadow:0 15px 35px rgba(70,85,110,.12);transform:translateZ(24px)}
.work{position:relative;overflow:hidden}
.work:after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-60px;border-radius:50%;border:1px solid #cfd7e1;box-shadow:0 0 0 20px rgba(220,226,234,.35),0 0 0 40px rgba(220,226,234,.2);transform:translateZ(35px)}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:#5d6f86;z-index:100;box-shadow:0 0 12px rgba(93,111,134,.4)}
.scene-label{position:absolute;right:7%;bottom:10%;z-index:3;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:320px}
.scene-label span{padding:8px 11px;border:1px solid rgba(80,95,115,.15);background:rgba(255,255,255,.55);backdrop-filter:blur(10px);border-radius:999px;font-size:10px;color:#697586;letter-spacing:.08em}
@media(max-width:700px){.scene-label{right:6%;bottom:5%;max-width:240px}.scene-label span{font-size:9px}.hero:after{width:350px;height:350px;right:-150px}}

@media(max-width:1000px){.nav nav.open{display:flex;position:absolute;left:10px;right:10px;top:65px;flex-direction:column;padding:20px;background:rgba(255,255,255,.96);border:1px solid #dfe4ea;border-radius:18px}}

/* ===== V3 MOBILE HERO VISIBILITY + CONTACT ===== */
.nav-contact{display:flex;gap:12px;align-items:center;margin-left:auto}
.nav-contact a{font-size:12px;color:#526071;text-decoration:none;font-weight:700;white-space:nowrap}
.mobile-call{display:none}
.hero-copy{opacity:1!important}
#core{z-index:0!important;opacity:.42}
.hero-copy,.scene-label{position:relative}
.scene-label{z-index:4}
@media(max-width:1000px){
  .nav-contact{display:none}
  .hero{min-height:calc(100svh - 20px);padding:145px 7% 105px;align-items:start;background:linear-gradient(180deg,#f7f9fc 0%,#f0f4fa 100%)}
  .hero-copy{max-width:100%;opacity:1!important;transform:none!important}
  .hero h1{font-size:clamp(42px,12vw,62px);line-height:.93;color:#18212c;text-shadow:none}
  .hero h1 em{color:#3f4f63}
  .hero p{font-size:15px;line-height:1.65;color:#5c6877;max-width:430px}
  .eyebrow{color:#566579}
  #core{opacity:.20!important;z-index:0!important}
  .hero-copy{z-index:3}
  .scene-label{bottom:4%;right:6%;z-index:4}
  .actions{position:relative;z-index:5}
  .actions .button{padding:12px 15px;font-size:12px}
  .mobile-call{display:flex;position:fixed;left:14px;right:14px;bottom:12px;z-index:80;align-items:center;justify-content:center;gap:8px;background:#121a24;color:#fff;border-radius:999px;padding:14px;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 12px 30px rgba(20,30,45,.22)}
  .mobile-call span{font-size:16px}
}
@media(max-width:600px){
  .hero{padding-top:145px}
  .hero h1{margin-top:16px}
  .hero p{margin-top:20px}
  .scene-label{max-width:220px}
}