:root{
  --blue:#0b679e;
  --blue-dark:#063c63;
  --blue-deep:#061b2d;
  --orange:#e8844e;
  --orange-dark:#cf6735;
  --ink:#172330;
  --muted:#64748b;
  --mist:#f5f8fb;
  --line:#dce7ef;
  --white:#fff;
  --shadow:0 18px 55px rgba(6,60,99,.10);
  --shadow-3d:0 35px 90px rgba(6,60,99,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.90);backdrop-filter:blur(20px);border-bottom:1px solid rgba(6,60,99,.08)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center}
.brand-logo{width:178px!important;height:auto!important;max-height:62px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.05) contrast(1.04)}
.brand-footer .brand-logo{width:185px!important}
.nav{display:flex;align-items:center;gap:7px}
.nav a{padding:11px 15px;border-radius:999px;font-size:14px;font-weight:800;color:#44566a;transition:.25s}
.nav a:hover,.nav a.active{color:var(--blue);background:#edf6fb}
.nav .nav-cta{color:#fff;background:linear-gradient(135deg,var(--blue),#0b82b9,var(--orange));box-shadow:0 9px 24px rgba(11,103,158,.20);padding-inline:21px}
.nav-toggle{display:none;border:0;background:transparent;padding:8px}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--blue-dark);margin:5px;border-radius:5px}

/* Base */
h1,h2,h3{font-family:Sora,Arial,sans-serif;letter-spacing:-.04em}
h1{font-size:clamp(46px,6vw,78px);line-height:.98;margin:22px 0 0}
h2{font-size:clamp(34px,4.2vw,56px);line-height:1.03;margin:16px 0;color:var(--blue-dark)}
h3{margin:0}
.gradient{background:linear-gradient(110deg,var(--orange),#f2a064,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;color:var(--muted);max-width:710px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border:1px solid rgba(11,103,158,.22);border-radius:999px;background:#f1f8fc;color:var(--blue);font:800 10px Sora;letter-spacing:.17em;text-transform:uppercase}
.eyebrow span,.eyebrow:before{width:7px;height:7px;border-radius:50%;background:var(--orange);content:""}
.eyebrow-light{color:#dff5ff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055)}
.section{padding:100px 0}
.section-white{background:#fff}
.section-muted{background:var(--mist)}
.section-head{max-width:760px;margin-bottom:45px}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.section-head p{color:var(--muted);font-size:17px}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:14px 23px;font-size:14px;font-weight:800;transition:.28s;cursor:pointer}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(6,60,99,.18)}
.btn-primary{background:linear-gradient(120deg,var(--blue-dark),var(--blue),#0c88b6);color:#fff}
.btn-orange{background:linear-gradient(120deg,var(--orange-dark),var(--orange),#f0a66d);color:#fff;box-shadow:0 13px 32px rgba(232,132,78,.22)}
.btn-white{background:#fff;color:var(--blue-dark)}
.btn-outline-light{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}

/* Hero */
.staffise-hero{position:relative;min-height:820px;padding:130px 0 34px;background:radial-gradient(circle at 78% 45%,rgba(232,132,78,.12),transparent 23%),radial-gradient(circle at 95% 30%,rgba(25,153,202,.16),transparent 30%),linear-gradient(135deg,#041522,#063454 55%,#07233a);color:#fff;overflow:hidden}
.staffise-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
.hero-noise{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none}.hero-glow-one{width:400px;height:400px;right:-100px;top:180px;background:rgba(232,132,78,.18)}.hero-glow-two{width:360px;height:360px;left:-170px;bottom:80px;background:rgba(23,157,210,.15)}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;min-height:670px}
.hero-copy{padding-top:10px}.hero-copy h1{color:#fff;max-width:650px}.hero-copy h1 span{color:#6dd2f0}.hero-copy .lead{color:rgba(255,255,255,.68);max-width:590px}.hero-mini-proof{display:flex;gap:0;margin-top:48px}.hero-mini-proof div{min-width:145px;padding-right:25px;margin-right:25px;border-right:1px solid rgba(255,255,255,.13);display:grid;gap:2px}.hero-mini-proof div:last-child{border:0}.hero-mini-proof strong{font:800 12px Sora;color:#6dd2f0}.hero-mini-proof span{font:700 13px Sora;color:#fff}

/* 3D hero */
.staffise-3d-stage{height:590px;position:relative;perspective:1400px;transform-style:preserve-3d;transition:transform .25s ease}
.stage-grid{position:absolute;left:50%;bottom:20px;width:650px;height:280px;transform:translateX(-50%) rotateX(68deg);transform-origin:center bottom;border:1px solid rgba(107,210,240,.20);border-radius:28px;background-image:linear-gradient(rgba(107,210,240,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(107,210,240,.08) 1px,transparent 1px);background-size:34px 34px;box-shadow:0 0 80px rgba(17,153,200,.10)}
.stage-ring{position:absolute;left:50%;top:51%;border:1px solid rgba(109,210,240,.18);border-radius:50%;transform-style:preserve-3d}.ring-a{width:480px;height:480px;transform:translate(-50%,-50%) rotateX(70deg);animation:spinA 17s linear infinite}.ring-b{width:420px;height:420px;transform:translate(-50%,-50%) rotateY(68deg) rotateZ(20deg);animation:spinB 13s linear infinite reverse}.ring-c{width:540px;height:540px;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(45deg);animation:spinC 23s linear infinite}
.staffise-orbit{position:absolute;left:50%;top:51%;border:1px solid rgba(232,132,78,.30);border-radius:50%;transform-style:preserve-3d}.staffise-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 20px rgba(232,132,78,.8)}.orbit-a{width:560px;height:190px;transform:translate(-50%,-50%) rotateX(69deg) rotateZ(-12deg);animation:orbitA 8s linear infinite}.orbit-a i{left:10%;top:50%}.orbit-b{width:480px;height:220px;transform:translate(-50%,-50%) rotateY(68deg) rotateZ(18deg);border-color:rgba(100,208,240,.28);animation:orbitB 10s linear infinite reverse}.orbit-b i{right:15%;top:50%;background:#6dd2f0}
.staffise-3d-card{position:absolute;left:50%;top:50%;width:245px;height:245px;transform:translate(-50%,-50%) rotateX(-8deg) rotateY(-28deg);transform-style:preserve-3d;animation:cubeFloat 7s ease-in-out infinite;z-index:6}
.cube-face{position:absolute;width:245px;height:245px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;border:1px solid rgba(255,255,255,.18);backface-visibility:visible;box-shadow:inset 0 0 40px rgba(255,255,255,.05),0 28px 70px rgba(0,0,0,.35)}
.cube-front{transform:translateZ(122.5px);background:linear-gradient(145deg,#1186ad,#064b79)}.cube-back{transform:rotateY(180deg) translateZ(122.5px);background:#062e4c}.cube-right{transform:rotateY(90deg) translateZ(122.5px);background:linear-gradient(145deg,#d66e3c,#8f3f22)}.cube-left{transform:rotateY(-90deg) translateZ(122.5px);background:#0a6f9e}.cube-top{transform:rotateX(90deg) translateZ(122.5px);background:linear-gradient(145deg,#f0a66d,#0b679e)}.cube-bottom{transform:rotateX(-90deg) translateZ(122.5px);background:#052239}
.cube-face strong{font:800 37px Sora;letter-spacing:-.05em}.cube-face span{font:800 15px Sora;letter-spacing:.15em}.cube-face small{margin-top:9px;max-width:175px;color:rgba(255,255,255,.72);font-size:10px;line-height:1.5}.cube-kicker{color:#a9eaff!important;font-size:10px!important;margin-bottom:12px}
.floating-chip{position:absolute;z-index:10;min-width:160px;padding:15px 16px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(7,42,68,.94),rgba(7,61,91,.82));box-shadow:0 18px 42px rgba(0,0,0,.25);backdrop-filter:blur(12px);display:grid;gap:1px;animation:chipFloat 5s ease-in-out infinite}.floating-chip b{font:800 9px Sora;color:#6dd2f0}.floating-chip strong{font:800 14px Sora;color:#fff}.floating-chip small{font-size:9px;color:rgba(255,255,255,.52)}.chip-one{left:2%;top:16%}.chip-two{right:0;top:12%;animation-delay:.8s}.chip-three{left:4%;bottom:12%;animation-delay:1.4s}.chip-four{right:0;bottom:10%;animation-delay:2s}
.hero-marquee{position:relative;z-index:5;display:flex;align-items:center;gap:28px;overflow:hidden;border-top:1px solid rgba(255,255,255,.10);padding:17px 0;color:rgba(255,255,255,.55);white-space:nowrap}.hero-marquee span{color:#fff;font:800 12px Sora;letter-spacing:.18em}.hero-marquee b{font:700 10px Sora;letter-spacing:.11em}

/* Cards */
.cards{display:grid;gap:20px}.cards-4{grid-template-columns:repeat(4,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);transition:.35s;transform-style:preserve-3d}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(232,132,78,.10),transparent 32%);opacity:0;transition:.35s;pointer-events:none}.card:hover{transform:translateY(-9px) rotateX(2deg) rotateY(-1deg);box-shadow:var(--shadow-3d)}.card:hover:before{opacity:1}.icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue-dark),var(--blue),var(--orange));color:#fff;font:800 16px Sora;box-shadow:0 12px 25px rgba(11,103,158,.18);transition:.3s}.card:hover .icon{transform:translateZ(18px) rotate(-5deg)}.card h3{font-size:19px;color:var(--blue-dark);margin:20px 0 8px}.card p{font-size:14px;color:var(--muted);margin:0}.service-3d-grid{margin-top:42px}.card-arrow{display:inline-block;margin-top:22px;font:800 11px Sora;color:var(--orange);letter-spacing:.04em}

/* Capability */
.dark-section{position:relative;background:radial-gradient(circle at 76% 45%,rgba(232,132,78,.10),transparent 25%),linear-gradient(135deg,#041a2a,#063f63 55%,#062238);color:#fff;overflow:hidden}.dark-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(109,210,240,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(109,210,240,.035) 1px,transparent 1px);background-size:58px 58px}.capability-grid,.mission-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.capability-grid h2,.mission-grid h2{color:#fff}.capability-grid h2 span,.mission-grid h2 span{color:#6dd2f0}.capability-grid .lead,.mission-grid .lead{color:rgba(255,255,255,.67)}.capability-points{display:grid;gap:11px;margin:30px 0}.capability-points>div{display:grid;grid-template-columns:36px 1fr;gap:2px 11px;padding:15px 16px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.04);transition:.3s}.capability-points>div:hover{transform:translateX(8px);border-color:rgba(109,210,240,.28)}.capability-points b{grid-row:1/3;color:#6dd2f0;font:800 10px Sora}.capability-points span{font:800 13px Sora}.capability-points small{font-size:10px;color:rgba(255,255,255,.48)}
.people-3d{height:510px;position:relative;perspective:1100px;transform-style:preserve-3d}.people-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(109,210,240,.23);border-radius:50%;transform-style:preserve-3d}.people-ring.ring-1{width:430px;height:170px;transform:translate(-50%,-50%) rotateX(68deg);animation:spinA 9s linear infinite}.people-ring.ring-2{width:350px;height:350px;transform:translate(-50%,-50%) rotateY(68deg);animation:spinB 12s linear infinite reverse}.people-core{position:absolute;left:50%;top:50%;width:175px;height:175px;transform:translate(-50%,-50%) rotateX(10deg) rotateY(-15deg);border-radius:30px;background:linear-gradient(145deg,#0e84aa,#063c63);display:grid;place-items:center;align-content:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 75px rgba(0,0,0,.35),inset 0 0 35px rgba(255,255,255,.08);animation:coreFloat 6s ease-in-out infinite}.people-core span{font:800 54px Sora;color:#fff}.people-core small{font:800 8px Sora;letter-spacing:.22em;color:#a9eaff}.people-node{position:absolute;padding:13px 15px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(5,35,56,.82);backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,.25);display:grid;gap:1px;animation:chipFloat 4.8s ease-in-out infinite}.people-node b{font:800 10px Sora;color:#fff}.people-node small{font-size:9px;color:rgba(255,255,255,.48)}.node-a{left:5%;top:14%}.node-b{right:4%;top:22%;animation-delay:.8s}.node-c{right:8%;bottom:13%;animation-delay:1.3s}.node-d{left:4%;bottom:19%;animation-delay:1.9s}

/* Values */
.values-section{background:linear-gradient(180deg,#fff,#f8fbfd)}.values-split{align-items:center}.values-3d{height:520px;position:relative;perspective:1200px;transform-style:preserve-3d}.values-glow{position:absolute;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(232,132,78,.14);filter:blur(55px)}.values-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(11,103,158,.17);border-radius:50%}.values-orbit.orbit-1{width:410px;height:410px;transform:translate(-50%,-50%) rotateX(67deg);animation:spinA 12s linear infinite}.values-orbit.orbit-2{width:350px;height:350px;transform:translate(-50%,-50%) rotateY(65deg) rotateZ(22deg);animation:spinB 15s linear infinite reverse}.values-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%) rotateX(8deg) rotateY(-12deg);border-radius:32px;background:linear-gradient(145deg,#e8844e,#0b679e 82%);display:grid;place-items:center;align-content:center;color:#fff;font:800 21px Sora;letter-spacing:.05em;box-shadow:0 35px 80px rgba(6,60,99,.22),inset 0 0 35px rgba(255,255,255,.12);animation:coreFloat 6s ease-in-out infinite}.values-core small{font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.70)}.value-node{position:absolute;min-width:132px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.86);box-shadow:0 18px 40px rgba(6,60,99,.10);font:800 9px Sora;color:var(--blue-dark);display:grid;gap:1px;backdrop-filter:blur(10px);animation:chipFloat 5s ease-in-out infinite}.value-node small{font:500 9px Manrope;color:var(--muted)}.v1{left:2%;top:14%}.v2{right:0;top:17%;animation-delay:.8s}.v3{right:3%;bottom:14%;animation-delay:1.4s}.v4{left:0;bottom:16%;animation-delay:2s}.value-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.value-copy-card{padding:19px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);transition:.3s}.value-copy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-3d)}.value-copy-card>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--orange));color:#fff;font-weight:800}.value-copy-card h3{font-size:14px;color:var(--blue-dark);margin:12px 0 5px}.value-copy-card p{font-size:12px;color:var(--muted);margin:0}

/* Mission */
.mission-section{padding-top:110px;padding-bottom:110px}.mission-3d-stack{height:420px;position:relative;perspective:1000px}.mission-card{position:absolute;width:330px;padding:25px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(12,80,119,.94),rgba(5,31,50,.94));box-shadow:0 25px 60px rgba(0,0,0,.25);display:grid;gap:8px;transition:.4s}.mission-card:hover{transform:translate3d(12px,-12px,35px) rotateX(2deg) rotateY(-3deg)}.mission-card span{font:800 9px Sora;letter-spacing:.16em;color:#6dd2f0}.mission-card strong{font:800 21px Sora;color:#fff}.m1{left:4%;top:10%;transform:rotate(-7deg);z-index:3}.m2{left:18%;top:29%;transform:rotate(2deg);z-index:2}.m3{left:30%;top:49%;transform:rotate(8deg);z-index:1}

/* Page hero */
.page-hero{position:relative;overflow:hidden;padding:145px 0 75px;background:linear-gradient(135deg,#f7fbfd,#fff)}.page-hero:before{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-180px;border-radius:50%;background:rgba(232,132,78,.10);filter:blur(25px)}.page-hero h1{color:var(--blue-dark);max-width:820px}.page-hero .lead{max-width:800px}
.staffise-page-hero{border-bottom:1px solid #edf2f6}

/* About 3D */
.about-3d-panel{height:500px;position:relative;perspective:1100px}.about-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(11,103,158,.18);border-radius:50%}.ao1{width:430px;height:180px;transform:translate(-50%,-50%) rotateX(68deg);animation:spinA 11s linear infinite}.ao2{width:350px;height:350px;transform:translate(-50%,-50%) rotateY(68deg);animation:spinB 14s linear infinite reverse}.about-cube{position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%) rotateX(9deg) rotateY(-18deg);border-radius:28px;background:linear-gradient(145deg,var(--orange),var(--blue));box-shadow:0 35px 80px rgba(6,60,99,.22);display:grid;place-items:center;align-content:center;color:#fff;animation:coreFloat 6s ease-in-out infinite}.about-cube span{font:800 30px Sora}.about-cube small{font:800 8px Sora;letter-spacing:.15em;color:rgba(255,255,255,.72)}.about-chip{position:absolute;padding:12px 14px;border-radius:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font:800 9px Sora;color:var(--blue-dark);animation:chipFloat 5s ease-in-out infinite}.ac1{left:4%;top:17%}.ac2{right:5%;top:24%;animation-delay:.8s}.ac3{left:14%;bottom:15%;animation-delay:1.6s}
.approach-grid{margin-top:40px}.approach-grid .card{text-align:center}.approach-grid .icon{margin:auto}

/* Services */
.service-group{padding:100px 0;background:#fff}.service-group:nth-of-type(even){background:var(--mist)}.service-detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.service-detail-grid h2{font-size:clamp(35px,4vw,52px)}.service-3d-visual{height:430px;position:relative;perspective:1100px}.service-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(11,103,158,.18);border-radius:50%}.so1{width:390px;height:150px;transform:translate(-50%,-50%) rotateX(69deg);animation:spinA 10s linear infinite}.so2{width:310px;height:310px;transform:translate(-50%,-50%) rotateY(68deg);animation:spinB 12s linear infinite reverse}.service-core{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%) rotateX(8deg) rotateY(-15deg);border-radius:28px;background:linear-gradient(145deg,var(--blue-dark),var(--blue),var(--orange));box-shadow:0 35px 75px rgba(6,60,99,.22);display:grid;place-items:center;align-content:center;color:#fff;animation:coreFloat 5.5s ease-in-out infinite}.service-core span{font:800 47px Sora}.service-core small{font:800 8px Sora;letter-spacing:.2em;color:rgba(255,255,255,.72)}.service-float{position:absolute;padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:var(--shadow);font:800 9px Sora;color:var(--blue-dark);animation:chipFloat 4.5s ease-in-out infinite}.sf1{left:0;top:14%}.sf2{right:0;top:28%;animation-delay:.8s}.sf3{left:12%;bottom:11%;animation-delay:1.5s}.service-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:28px 0 30px}.service-list-item{padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff;font-size:13px;font-weight:700;color:#33485d;box-shadow:0 8px 22px rgba(6,60,99,.05)}.service-list-item span{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:8px;border-radius:50%;background:rgba(232,132,78,.14);color:var(--orange-dark);font-weight:800}

/* Scenarios */
.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario-card{position:relative;min-height:280px;padding:30px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow);overflow:hidden;transform-style:preserve-3d;transition:.35s}.scenario-card:hover{transform:translateY(-9px) rotateX(2deg) rotateY(-2deg);box-shadow:var(--shadow-3d)}.scenario-card>span{font:800 10px Sora;color:var(--orange);letter-spacing:.14em}.scenario-card h2{font-size:27px;margin:15px 0 10px}.scenario-card h3{font:800 14px Sora;color:var(--blue-dark);line-height:1.35}.scenario-card p{font-size:13px;color:var(--muted)}.scenario-line{position:absolute;left:30px;right:30px;bottom:25px;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--orange),var(--blue),transparent)}

/* Contact */
.contact-section{padding-top:55px}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:25px}.form-card{position:relative;overflow:hidden;padding:38px;border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-3d);transform-style:preserve-3d}.form-orb{position:absolute;width:260px;height:260px;right:-110px;top:-130px;border-radius:50%;background:rgba(232,132,78,.10);filter:blur(10px);pointer-events:none}.form-card h2{font-size:32px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.field{display:block}.field span{display:block;font-size:12px;font-weight:800;color:var(--blue-dark);margin-bottom:7px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:13px 15px;background:#fbfdfe;color:var(--ink);outline:none}.field input:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,103,158,.09)}.field textarea{resize:vertical}.interest-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.interest input{display:none}.interest span{display:block;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800;color:#43576a;cursor:pointer;transition:.2s}.interest input:checked+span{border-color:var(--orange);background:rgba(232,132,78,.09);color:var(--orange-dark)}.success{padding:13px 16px;border-radius:15px;background:#e8f8f2;color:#08734f;font-size:13px;font-weight:700;margin-bottom:18px}.contact-side{display:grid;gap:16px;align-content:start}.contact-3d-card{position:relative;overflow:hidden;padding:30px;border-radius:28px;background:linear-gradient(145deg,#062d49,#0b679e);color:#fff;box-shadow:var(--shadow-3d);transform-style:preserve-3d}.contact-3d-card:after{content:"";position:absolute;width:180px;height:180px;right:-60px;bottom:-70px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.contact-3d-card h2{color:#fff;font-size:30px}.contact-3d-card p{color:rgba(255,255,255,.65);font-size:14px}.contact-icon-3d{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;margin-bottom:24px;background:linear-gradient(145deg,var(--orange),#ffb178);font:800 25px Sora;color:#fff;box-shadow:0 16px 35px rgba(0,0,0,.22);transform:translateZ(25px) rotate(-5deg)}.contact-line{display:grid;gap:2px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-line b{font:800 9px Sora;letter-spacing:.14em;color:#8edff5;text-transform:uppercase}.contact-line span{font-size:14px;color:#fff}.detail{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.detail h3{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);margin:0 0 9px}.detail p{font-size:13px;color:var(--muted);margin:4px 0}.no-address-card{background:linear-gradient(145deg,#fff,#f7fafc)}.faq{margin-top:15px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.faq button{width:100%;border:0;background:#fff;padding:18px 20px;display:flex;justify-content:space-between;text-align:left;font:800 14px Sora;color:var(--blue-dark);cursor:pointer}.faq .answer{display:none;padding:0 20px 18px;color:var(--muted);font-size:13px}.faq.open .answer{display:block}

/* CTA + Footer */
.cta-band{position:relative;overflow:hidden;margin-top:20px;border-radius:38px;padding:70px 35px;text-align:center;background:linear-gradient(125deg,#06253c,#0b679e 55%,#d9713f);color:#fff;box-shadow:var(--shadow-3d)}.cta-band h2{position:relative;color:#fff;max-width:760px;margin:17px auto 0}.cta-band p{position:relative;max-width:650px;margin:16px auto;color:rgba(255,255,255,.78)}.cta-orb{position:absolute;width:320px;height:320px;left:-130px;top:-160px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.footer{background:#061b2d;color:#fff;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .95fr .9fr;gap:45px;padding-bottom:45px}.footer-copy{max-width:340px;color:rgba(255,255,255,.52);font-size:13px;margin-top:20px}.footer h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6dd2f0;margin:5px 0 16px}.footer-grid>div:not(:first-child) a{display:block;color:rgba(255,255,255,.58);font-size:13px;margin:9px 0;transition:.2s}.footer-grid>div:not(:first-child) a:hover{color:#fff}.footer-grid p{color:rgba(255,255,255,.58);font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:rgba(255,255,255,.40);font-size:11px}.footer-credit{display:inline-flex;align-items:center;gap:5px}.footer-credit a{color:#f0a06c;font-weight:800}

/* Animations */
@keyframes spinA{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes spinB{to{transform:translate(-50%,-50%) rotateY(68deg) rotateZ(360deg)}}
@keyframes spinC{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(405deg)}}
@keyframes orbitA{to{transform:translate(-50%,-50%) rotateX(69deg) rotateZ(348deg)}}
@keyframes orbitB{to{transform:translate(-50%,-50%) rotateY(68deg) rotateZ(378deg)}}
@keyframes cubeFloat{0%,100%{transform:translate(-50%,-50%) rotateX(-8deg) rotateY(-28deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(8deg) rotateY(152deg) translateY(-13px)}}
@keyframes coreFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes chipFloat{0%,100%{transform:translateY(0) translateZ(0)}50%{transform:translateY(-10px) translateZ(15px)}}

/* Responsive */
@media(max-width:1050px){
  .hero-layout{grid-template-columns:1fr;gap:5px}.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.actions{justify-content:center}.hero-mini-proof{justify-content:center}.staffise-3d-stage{height:540px;max-width:780px;margin:auto}.cards-4{grid-template-columns:1fr 1fr}.capability-grid,.mission-grid,.service-detail-grid,.contact-grid,.split{grid-template-columns:1fr;gap:45px}.people-3d{max-width:650px;margin:auto}.values-3d,.about-3d-panel,.service-3d-visual{max-width:650px;margin:auto}.mission-3d-stack{max-width:600px;margin:auto}.scenarios-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.service-detail-grid .service-3d-visual{order:2}.service-detail-grid>div:last-child{order:1}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1180px)}.nav-wrap{height:70px}.brand-logo{width:150px!important;max-height:55px}.brand-footer .brand-logo{width:160px!important}.nav-toggle{display:block}.nav{display:none;position:absolute;left:14px;right:14px;top:78px;padding:10px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-3d);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{text-align:center}.nav .nav-cta{text-align:center}.staffise-hero{padding-top:105px;min-height:auto}.hero-layout{min-height:0}.hero-copy h1{font-size:46px}.hero-mini-proof{gap:0;margin-top:35px}.hero-mini-proof div{min-width:auto;padding:0 14px;margin:0}.staffise-3d-stage{height:470px;transform:scale(.84);transform-origin:top center;margin-bottom:-75px}.stage-grid{width:530px}.floating-chip{min-width:125px;padding:11px 12px}.floating-chip strong{font-size:11px}.floating-chip small{font-size:8px}.chip-one{left:0}.chip-two{right:0}.chip-three{left:1%;bottom:8%}.chip-four{right:0;bottom:7%}.hero-marquee{gap:20px}.section{padding:75px 0}.cards-4,.cards-3,.scenarios-grid{grid-template-columns:1fr}.value-copy-grid,.service-list-grid,.field-grid{grid-template-columns:1fr}.people-3d{height:430px;transform:scale(.88);transform-origin:center top;margin-bottom:-55px}.values-3d,.about-3d-panel,.service-3d-visual{height:420px;transform:scale(.84);transform-origin:center top;margin-bottom:-60px}.mission-3d-stack{height:360px;transform:scale(.82);transform-origin:center top;margin-bottom:-60px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;justify-content:center;padding:15px 0;text-align:center}.page-hero{padding:120px 0 60px}.contact-section{padding-top:35px}.form-card{padding:25px}.contact-3d-card{padding:25px}
}
@media(max-width:480px){
  h1{font-size:40px}.hero-copy h1{font-size:41px}.hero-copy .lead,.lead{font-size:15px}.staffise-3d-stage{height:430px;transform:scale(.68);margin-bottom:-135px}.hero-mini-proof span{font-size:10px}.hero-mini-proof strong{font-size:9px}.people-3d,.values-3d,.about-3d-panel,.service-3d-visual{transform:scale(.70);margin-bottom:-120px}.mission-3d-stack{transform:scale(.68);margin-bottom:-120px}.cube-face,.staffise-3d-card{width:210px;height:210px}.cube-face{padding:20px}.floating-chip{min-width:115px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.staffise-3d-stage{transition:none}}

/* Staffise brand lockup */
.brand{gap:9px}
.brand-mark{width:47px;height:47px;object-fit:cover;border-radius:12px;mix-blend-mode:multiply;box-shadow:0 7px 18px rgba(6,60,99,.08)}
.brand-word{font:800 21px Sora;color:#26323b;letter-spacing:-.04em}
.brand-word:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin:0 0 3px 5px;box-shadow:0 0 12px rgba(232,132,78,.45)}
.brand-footer .brand-mark{width:54px;height:54px}.brand-footer .brand-word{font-size:22px;color:#fff}
.cube-brand-mark{width:64px;height:64px;object-fit:cover;border-radius:15px;mix-blend-mode:screen;opacity:.95;margin-bottom:8px;box-shadow:0 10px 25px rgba(0,0,0,.18)}
@media(max-width:760px){.brand-mark{width:41px;height:41px}.brand-word{font-size:18px}.brand-footer .brand-mark{width:48px;height:48px}.brand-footer .brand-word{font-size:20px}}