:root{--bg:#041015;--bg2:#071921;--panel:rgba(12,32,40,.72);--line:rgba(140,219,205,.16);--line2:rgba(255,255,255,.09);--text:#f4f8f7;--muted:#9fb1b3;--accent:#77e0cc;--accent2:#d7af67;--shadow:0 28px 80px rgba(0,0,0,.38);--radius:26px;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(79,166,154,.16),transparent 30%),radial-gradient(circle at 88% 16%,rgba(200,155,77,.11),transparent 26%),linear-gradient(180deg,#061219 0%,#041015 44%,#02090d 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit}img{display:block}button,input,select,textarea{font:inherit}::selection{background:rgba(119,224,204,.25)}
.page-grid{position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.42;background-image:linear-gradient(rgba(119,224,204,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(119,224,204,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 84%)}
.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(110px);z-index:-2;opacity:.13;pointer-events:none}.ambient-a{background:#48d3bd;top:-180px;left:-140px}.ambient-b{background:#d8a24d;right:-180px;top:320px}
.site-header{position:sticky;top:0;z-index:60;width:min(calc(100% - 28px),var(--max));margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 14px 12px 16px;border:1px solid var(--line2);border-radius:20px;background:rgba(4,16,21,.72);backdrop-filter:blur(18px);box-shadow:0 12px 45px rgba(0,0,0,.22)}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;letter-spacing:.01em}.brand img{filter:drop-shadow(0 6px 14px rgba(119,224,204,.25))}
.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{font-size:.9rem;color:#cbd7d7;text-decoration:none;transition:.2s}.nav-links a:hover{color:#fff}.nav-links .nav-cta{padding:10px 15px;border:1px solid rgba(119,224,204,.36);border-radius:12px;background:rgba(119,224,204,.08);color:#eafffa}
.nav-toggle{display:none;background:none;border:1px solid var(--line2);color:#fff;border-radius:10px;padding:8px 10px}
.section-pad{width:min(calc(100% - 36px),var(--max));margin:0 auto;padding:108px 0}
.hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;padding-top:88px}
.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font-weight:800;font-size:.76rem;letter-spacing:.15em;text-transform:uppercase}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(119,224,204,.55);animation:pulse 2.2s infinite}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,6.5vw,6.2rem);line-height:.96;letter-spacing:-.052em;margin:23px 0 26px;max-width:900px}h1 span{display:block;color:#a7efe3;text-shadow:0 0 40px rgba(119,224,204,.2)}
.hero-lede{font-size:clamp(1.05rem,1.7vw,1.3rem);color:#c2ced0;max-width:720px}.hero-lede strong{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 30px}
.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:14px;text-decoration:none;font-weight:850;border:1px solid transparent;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#041015;background:linear-gradient(135deg,#9cf2e1,#66d5c0);box-shadow:0 14px 40px rgba(95,211,190,.2)}.btn-secondary{color:#f2f7f6;background:rgba(255,255,255,.035);border-color:var(--line2)}
.trust-row{display:flex;gap:9px;flex-wrap:wrap}.trust-row span{border:1px solid var(--line2);background:rgba(255,255,255,.025);padding:8px 11px;border-radius:999px;color:#aebcbe;font-size:.78rem}
.hero-visual{min-height:600px;display:flex;align-items:center;justify-content:center;perspective:1400px}.scene{width:min(100%,560px);height:560px;position:relative;transform-style:preserve-3d;transition:transform .18s ease-out}
.scene:before{content:"";position:absolute;inset:7%;border:1px solid rgba(119,224,204,.13);border-radius:50%;transform:translateZ(-50px) rotateX(67deg);box-shadow:inset 0 0 80px rgba(119,224,204,.05)}
.scene-glow{position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,rgba(119,224,204,.26),rgba(119,224,204,.03) 55%,transparent 70%);filter:blur(10px);animation:breathe 5s ease-in-out infinite}
.core-sphere{position:absolute;left:50%;top:50%;width:170px;height:170px;margin:-85px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:translateZ(70px);background:radial-gradient(circle at 32% 27%,rgba(255,255,255,.5),transparent 7%),radial-gradient(circle at 35% 30%,#75dfcc 0%,#1c756b 38%,#092a31 72%,#031116 100%);box-shadow:inset -24px -28px 50px rgba(0,0,0,.45),0 25px 80px rgba(34,158,143,.24)}
.core-label{font-size:2.1rem;font-weight:950;letter-spacing:-.05em}.core-sub{font-size:.58rem;letter-spacing:.2em;opacity:.78}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(119,224,204,.23);border-radius:50%;transform-style:preserve-3d}.orbit-1{width:360px;height:360px;margin:-180px;transform:rotateX(68deg) rotateZ(8deg);animation:orbit 11s linear infinite}.orbit-2{width:455px;height:455px;margin:-227.5px;border-color:rgba(215,175,103,.16);transform:rotateX(72deg) rotateZ(-18deg);animation:orbitReverse 17s linear infinite}
.node{position:absolute;width:146px;padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(16,44,52,.9),rgba(6,21,27,.72));box-shadow:var(--shadow);backdrop-filter:blur(12px);transform-style:preserve-3d}.node span{display:block;color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.14em;margin-bottom:4px}.node b{display:block;font-size:.92rem}.node small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}
.node-a{top:8%;left:37%;transform:translateZ(55px) rotateY(-7deg);animation:float1 5.2s ease-in-out infinite}.node-b{right:0;top:39%;transform:translateZ(100px) rotateY(-10deg);animation:float2 6.3s ease-in-out infinite}.node-c{bottom:8%;left:37%;transform:translateZ(45px) rotateY(8deg);animation:float1 5.8s ease-in-out infinite reverse}.node-d{left:0;top:39%;transform:translateZ(85px) rotateY(10deg);animation:float2 6.7s ease-in-out infinite reverse}
.flow-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(119,224,204,.65),transparent);transform-origin:left center;opacity:.65}.line-a{width:135px;left:53%;top:33%;transform:rotate(-42deg)}.line-b{width:140px;left:58%;top:56%;transform:rotate(36deg)}.line-c{width:135px;left:22%;top:67%;transform:rotate(-36deg)}.line-d{width:140px;left:20%;top:36%;transform:rotate(40deg)}
.status-card{position:absolute;right:9%;bottom:0;width:220px;padding:14px 16px;transform:translateZ(120px)}.glass-card{border:1px solid rgba(255,255,255,.12);background:rgba(9,29,35,.78);border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.status-card small{color:var(--muted);font-size:.63rem;letter-spacing:.13em}.status-card strong{display:block;margin:4px 0 10px}.status-track{height:5px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.status-track span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:scan 3.2s ease-in-out infinite}.status-meta{display:flex;justify-content:space-between;color:#91a5a8;font-size:.62rem;margin-top:7px}
.signal-strip{width:min(calc(100% - 36px),var(--max));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line2);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.018)}.signal-item{padding:18px 20px;border-right:1px solid var(--line2)}.signal-item:last-child{border-right:0}.signal-item b{display:block;font-size:.78rem;color:var(--accent2);text-transform:uppercase;letter-spacing:.11em}.signal-item span{display:block;color:#b8c5c6;font-size:.86rem;margin-top:4px}
.section-intro{max-width:880px;margin-bottom:48px}.section-intro h2,.outcome-copy h2,.assurance-copy h2,.start-shell h2,.contact-copy h2{font-size:clamp(2.25rem,4.5vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0 20px}.section-intro p,.outcome-copy p,.assurance-copy p,.contact-copy p{color:#aebdbe;font-size:1.03rem;max-width:800px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.depth-card{position:relative;min-height:270px;padding:28px;border-radius:var(--radius);border:1px solid var(--line2);background:linear-gradient(145deg,rgba(16,44,52,.55),rgba(4,17,22,.75));box-shadow:0 18px 45px rgba(0,0,0,.22);overflow:hidden;transform-style:preserve-3d}.depth-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-95px;bottom:-120px;background:radial-gradient(circle,rgba(119,224,204,.18),transparent 70%)}.card-index{color:var(--accent);font-size:.7rem;letter-spacing:.15em;font-weight:900}.depth-card h3{font-size:1.5rem;line-height:1.08;margin:42px 0 13px}.depth-card p{color:#aab8ba}.micro-line{position:absolute;left:28px;bottom:25px;color:#7e9497;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.decision-panel{margin-top:18px;padding:28px 30px;border-radius:var(--radius);border:1px solid rgba(215,175,103,.2);background:linear-gradient(120deg,rgba(215,175,103,.08),rgba(119,224,204,.035));display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.decision-panel small{color:var(--accent2);letter-spacing:.14em;font-weight:900}.decision-panel h3{font-size:1.6rem;margin:6px 0 0}.decision-panel p{color:#b6c2c3;margin:0;align-self:center}
.method-stack{display:grid;gap:12px;perspective:1200px}.method-card{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;padding:21px 24px;border:1px solid var(--line2);border-radius:20px;background:rgba(255,255,255,.025);transform-style:preserve-3d;transition:transform .22s ease,border-color .22s ease,background .22s ease}.method-card:hover{border-color:rgba(119,224,204,.28);background:rgba(119,224,204,.04)}.method-number{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:.75rem;font-weight:900;color:#041015;background:linear-gradient(135deg,#8de8d6,#4db7a6);box-shadow:0 10px 28px rgba(78,184,166,.2)}.method-card h3{margin:0 0 2px;font-size:1.18rem}.method-card p{margin:0;color:#a9b7b8;font-size:.92rem}.method-card>span{color:#769094;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}
.outcome-shell,.assurance-shell,.start-shell{border:1px solid var(--line2);border-radius:32px;background:linear-gradient(145deg,rgba(16,42,49,.52),rgba(4,15,20,.78));box-shadow:var(--shadow)}.outcome-shell{padding:45px}.state-machine{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:38px}.state{min-height:115px;padding:18px;border:1px solid var(--line2);border-radius:17px;background:rgba(255,255,255,.025)}.state b{display:block;color:#e8f3f1}.state span{display:block;color:#8fa4a6;font-size:.78rem;margin-top:8px}.state-machine i{font-style:normal;color:var(--accent);opacity:.55}
.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fit-card{padding:25px;border:1px solid var(--line2);border-radius:22px;background:rgba(255,255,255,.023);min-height:270px}.icon-3d{width:68px;height:68px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(145deg,#1a5960,#0a252b);border:1px solid rgba(119,224,204,.22);box-shadow:inset 10px 10px 25px rgba(255,255,255,.025),12px 18px 35px rgba(0,0,0,.28);color:#93ebda;font-size:.7rem;font-weight:950;letter-spacing:.1em;transform:rotateX(12deg) rotateY(-13deg)}.fit-card h3{font-size:1.18rem;margin:34px 0 10px}.fit-card p{color:#9fb0b2;font-size:.9rem}
.assurance-shell{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:50px}.assurance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.assurance-item{padding:19px;border:1px solid var(--line2);border-radius:17px;background:rgba(255,255,255,.022)}.assurance-item span{color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.1em}.assurance-item b{display:block;margin:17px 0 5px;font-size:.95rem}.assurance-item small{color:#90a3a5}
.start-shell{padding:40px 44px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.start-steps{display:grid;gap:12px}.start-steps span{display:flex;align-items:flex-start;gap:12px;color:#b5c2c3}.start-steps b{flex:0 0 28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(119,224,204,.11);color:var(--accent);font-size:.72rem}
.contact-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}.contact-copy{position:sticky;top:130px}.contact-points{display:grid;gap:10px;margin-top:30px;color:#b9c6c7;font-size:.9rem}
.contact-form{border:1px solid rgba(119,224,204,.18);border-radius:28px;padding:30px;background:linear-gradient(145deg,rgba(18,49,56,.76),rgba(5,18,23,.9));box-shadow:var(--shadow);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;width:260px;height:260px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(119,224,204,.16),transparent 70%)}
.form-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px;padding-bottom:17px;border-bottom:1px solid var(--line2)}.form-head span{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--accent)}.form-head small{color:#8ea1a3}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;color:#bdc8c9;font-size:.83rem;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(2,12,16,.56);color:#fff;padding:13px 14px;outline:none;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(119,224,204,.55);box-shadow:0 0 0 3px rgba(119,224,204,.08)}.contact-form select option{background:#0a1b21}.consent{grid-template-columns:auto 1fr!important;align-items:start}.consent input{width:17px;height:17px;margin-top:3px}.btn-full{width:100%;border:0;font-size:.96rem;margin-top:6px}.form-note{color:#829799;font-size:.74rem;margin:12px 0 0}.botcheck{display:none!important}
.site-footer{width:min(calc(100% - 36px),var(--max));margin:0 auto;padding:32px 0 48px;border-top:1px solid var(--line2);display:grid;grid-template-columns:1fr auto;gap:20px;color:#83989a;font-size:.78rem}.footer-brand{color:#fff;margin-bottom:8px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#a9b8b9;text-decoration:none}.footer-note{grid-column:1/-1}
.reveal{opacity:1!important;transform:none!important;transition:none!important}.reveal.visible{opacity:1!important;transform:none!important}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(119,224,204,.5)}70%{box-shadow:0 0 0 12px rgba(119,224,204,0)}100%{box-shadow:0 0 0 0 rgba(119,224,204,0)}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(368deg)}}@keyframes orbitReverse{to{transform:rotateX(72deg) rotateZ(-378deg)}}@keyframes breathe{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.1);opacity:1}}@keyframes float1{0%,100%{margin-top:0}50%{margin-top:-11px}}@keyframes float2{0%,100%{margin-top:0}50%{margin-top:10px}}@keyframes scan{0%,100%{width:54%}50%{width:82%}}
@media(max-width:1000px){.nav-links{gap:14px}.nav-links a{font-size:.82rem}.hero{grid-template-columns:1fr;gap:20px;padding-top:78px}.hero-copy{max-width:900px}.hero-visual{min-height:520px}.problem-grid{grid-template-columns:1fr 1fr}.problem-grid article:last-child{grid-column:1/-1}.fit-grid{grid-template-columns:1fr 1fr}.assurance-shell,.contact-section{grid-template-columns:1fr}.contact-copy{position:static}}
@media(max-width:760px){.section-pad{width:min(calc(100% - 24px),var(--max));padding:76px 0}.site-header{width:calc(100% - 20px);margin-top:10px}.nav-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);padding:12px;border:1px solid var(--line2);border-radius:16px;background:#07171d;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:10px 8px}.hero{min-height:auto;padding-top:70px}h1{font-size:clamp(3rem,14vw,4.7rem)}.hero-visual{min-height:420px}.scene{transform:scale(.78);margin:-55px 0}.signal-strip{grid-template-columns:1fr 1fr}.signal-item{border-bottom:1px solid var(--line2)}.problem-grid,.fit-grid{grid-template-columns:1fr}.problem-grid article:last-child{grid-column:auto}.decision-panel,.start-shell,.assurance-shell{grid-template-columns:1fr;padding:28px}.method-card{grid-template-columns:52px 1fr}.method-card>span{grid-column:2}.state-machine{grid-template-columns:1fr}.state-machine i{transform:rotate(90deg);justify-self:center}.assurance-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}}
@media(max-width:480px){.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust-row{display:grid;grid-template-columns:1fr 1fr}.scene{transform:scale(.68);margin:-85px 0}.signal-strip{grid-template-columns:1fr}.form-head{align-items:flex-start;flex-direction:column}.contact-form{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.reveal{opacity:1;transform:none}}
/* legal/success page compatibility */
body>main:not(#top){width:min(calc(100% - 36px),900px);margin:0 auto;padding:100px 0}body>main:not(#top) h1{font-size:clamp(2.8rem,7vw,5.5rem)}body>main:not(#top) h2{font-size:1.55rem;margin-top:36px}body>main:not(#top) p,body>main:not(#top) li{color:#aebdbe}body>main:not(#top) a{color:#9cf2e1}


/* ===== CRISP TEXT + CONVERSION-FIRST 3D SYSTEM ===== */
html{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{font-weight:450}
h1,h2,h3,.brand,.btn,.eyebrow,.form-head span{
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  color:#ffffff;
  text-shadow:none!important;
}
h1 span{
  color:#b8fff1;
  text-shadow:0 0 24px rgba(119,224,204,.12)!important;
}
.hero-lede,
.section-intro p,
.outcome-copy p,
.assurance-copy p,
.contact-copy p,
.depth-card p,
.fit-card p,
.method-card p,
.decision-panel p{
  color:#d1dddd!important;
}
.hero-lede{line-height:1.62;font-weight:520}
.section-intro p,.outcome-copy p,.assurance-copy p,.contact-copy p{line-height:1.7}
.micro-line,.method-card>span,.state span,.form-note,.fit-card p{opacity:1!important}
.site-header{backdrop-filter:blur(10px)}
.contact-form,.glass-card{backdrop-filter:blur(8px)}

/* No content fading. Motion affects depth objects, not copy readability. */
.reveal,.reveal.visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

/* Generic section depth */
.section-3d{
  position:relative;
  perspective:1400px;
  transform-style:preserve-3d;
  isolation:isolate;
}
.section-3d > *:not(.section-3d-decor){
  position:relative;
  z-index:2;
}
.section-3d-decor{
  position:absolute;
  inset:3% -4%;
  pointer-events:none;
  z-index:0;
  transform-style:preserve-3d;
  overflow:visible;
}
.section-3d-decor i{
  position:absolute;
  display:block;
  border:1px solid rgba(119,224,204,.12);
  background:linear-gradient(145deg,rgba(119,224,204,.05),rgba(215,175,103,.025));
  box-shadow:0 28px 70px rgba(0,0,0,.18),inset 0 0 24px rgba(119,224,204,.025);
  transform-style:preserve-3d;
  will-change:transform;
}

/* Problem: floating audit blocks */
.problem-decor i:nth-child(1){
  width:92px;height:92px;right:3%;top:18%;border-radius:20px;
  transform:rotateX(58deg) rotateZ(28deg) translateZ(-60px);
  animation:pvFloatBlockA 8s ease-in-out infinite;
}
.problem-decor i:nth-child(2){
  width:54px;height:54px;left:1%;top:54%;border-radius:14px;
  transform:rotateX(62deg) rotateY(18deg) rotateZ(-22deg);
  animation:pvFloatBlockB 9.5s ease-in-out infinite;
}
.problem-decor i:nth-child(3){
  width:130px;height:34px;right:10%;bottom:7%;border-radius:999px;
  border-color:rgba(215,175,103,.13);
  transform:rotateY(38deg) rotateZ(-8deg);
  animation:pvRail 7s ease-in-out infinite;
}
.depth-card{
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.75,.2,1),border-color .25s ease,box-shadow .25s ease!important;
}
.depth-card:hover{
  transform:translateY(-8px) rotateX(3deg) rotateY(-3deg) translateZ(24px);
  border-color:rgba(119,224,204,.28);
  box-shadow:0 34px 75px rgba(0,0,0,.30);
}
.depth-card .card-index,.depth-card h3,.depth-card p,.depth-card .micro-line{transform:translateZ(20px)}

/* Method: 3D decision tunnel */
.method-decor:before{
  content:"";
  position:absolute;left:50%;top:4%;bottom:4%;width:2px;
  background:linear-gradient(180deg,transparent,rgba(119,224,204,.22),rgba(215,175,103,.16),transparent);
  transform:translateX(-50%) translateZ(-120px);
}
.method-decor i{
  width:170px;height:1px;left:calc(50% - 85px);
  background:linear-gradient(90deg,transparent,rgba(119,224,204,.3),transparent);
  border:0;
}
.method-decor i:nth-child(1){top:18%;animation:pvTunnel 5s linear infinite}
.method-decor i:nth-child(2){top:48%;animation:pvTunnel 5s linear 1.5s infinite}
.method-decor i:nth-child(3){top:78%;animation:pvTunnel 5s linear 3s infinite}
.method-card{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
}
.method-card:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(119,224,204,.055) 48%,transparent 60%);
  transform:translateX(-130%);
  animation:pvSweep 8s ease-in-out infinite;
  pointer-events:none;
}
.method-card .method-number{transform:translateZ(28px)}
.method-card h3,.method-card p,.method-card>span{transform:translateZ(16px)}

/* Outcome: financial states as 3D stepping stones */
.outcome-shell{
  position:relative;
  transform-style:preserve-3d;
  overflow:hidden;
}
.outcome-shell:after{
  content:"";
  position:absolute;inset:auto 8% -85px 8%;height:150px;
  background:radial-gradient(ellipse,rgba(119,224,204,.12),transparent 70%);
  filter:blur(20px);
}
.outcome-decor i:nth-child(1){
  width:280px;height:280px;right:-60px;top:15%;border-radius:50%;
  transform:rotateX(72deg) rotateZ(0deg);
  animation:pvSpin 18s linear infinite;
}
.outcome-decor i:nth-child(2){
  width:170px;height:170px;left:-40px;bottom:8%;border-radius:50%;
  border-color:rgba(215,175,103,.13);
  transform:rotateY(68deg) rotateZ(0deg);
  animation:pvSpinReverse 14s linear infinite;
}
.state{
  position:relative;
  transform-style:preserve-3d;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.state:hover{
  transform:translateY(-7px) translateZ(24px) rotateX(3deg);
  border-color:rgba(119,224,204,.30);
  box-shadow:0 28px 60px rgba(0,0,0,.24);
}
.state b{transform:translateZ(18px)}
.state span{transform:translateZ(10px)}
.state-machine i{animation:pvArrow 2.4s ease-in-out infinite}

/* Fit: rotating industry cubes */
.fit-decor i{
  width:52px;height:52px;border-radius:13px;
}
.fit-decor i:nth-child(1){left:4%;top:12%;animation:pvCube 11s linear infinite}
.fit-decor i:nth-child(2){right:2%;top:24%;animation:pvCube 13s linear reverse infinite}
.fit-decor i:nth-child(3){left:12%;bottom:10%;animation:pvCube 14s linear reverse infinite}
.fit-decor i:nth-child(4){right:16%;bottom:3%;animation:pvCube 12s linear infinite}
.fit-card{
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.75,.2,1),border-color .25s ease,box-shadow .25s ease!important;
}
.fit-card:hover{
  transform:translateY(-9px) rotateX(4deg) rotateY(3deg) translateZ(22px);
  border-color:rgba(119,224,204,.28);
  box-shadow:0 30px 70px rgba(0,0,0,.27);
}
.fit-card .icon-3d{animation:pvIconFloat 5s ease-in-out infinite}
.fit-card h3,.fit-card p{transform:translateZ(14px)}

/* Assurance: layered verification rings */
.assurance-shell{
  position:relative;
  transform-style:preserve-3d;
  overflow:hidden;
}
.assurance-decor i{border-radius:50%;background:transparent}
.assurance-decor i:nth-child(1){
  width:330px;height:330px;right:-70px;top:6%;
  transform:rotateX(69deg);
  animation:pvSpin 20s linear infinite;
}
.assurance-decor i:nth-child(2){
  width:230px;height:230px;right:-20px;top:20%;
  border-color:rgba(215,175,103,.13);
  transform:rotateY(67deg);
  animation:pvSpinReverse 16s linear infinite;
}
.assurance-decor i:nth-child(3){
  width:115px;height:115px;left:5%;bottom:4%;
  transform:rotateX(55deg) rotateY(30deg);
  animation:pvCube 12s linear infinite;
}
.assurance-item{
  transform-style:preserve-3d;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.assurance-item:hover{
  transform:translateZ(24px) translateY(-5px) rotateX(3deg);
  border-color:rgba(119,224,204,.28);
  box-shadow:0 24px 55px rgba(0,0,0,.22);
}
.assurance-item span,.assurance-item b,.assurance-item small{transform:translateZ(14px)}

/* Start: perspective runway */
.start-shell{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
}
.start-decor:before{
  content:"";
  position:absolute;left:50%;bottom:-80px;width:68%;height:260px;
  transform:translateX(-50%) rotateX(72deg);
  background:
    linear-gradient(rgba(119,224,204,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(119,224,204,.10) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to top,black,transparent 88%);
  animation:pvRunway 7s linear infinite;
}
.start-decor i{
  width:10px;height:10px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 24px rgba(119,224,204,.45);
}
.start-decor i:nth-child(1){left:30%;bottom:25%;animation:pvPulseNode 3s ease-in-out infinite}
.start-decor i:nth-child(2){left:50%;bottom:36%;animation:pvPulseNode 3s ease-in-out .7s infinite}
.start-decor i:nth-child(3){left:70%;bottom:47%;animation:pvPulseNode 3s ease-in-out 1.4s infinite}
.start-steps span{
  position:relative;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:rgba(255,255,255,.018);
  transform-style:preserve-3d;
  transition:transform .22s ease,border-color .22s ease;
}
.start-steps span:hover{
  transform:translateX(7px) translateZ(20px);
  border-color:rgba(119,224,204,.23);
}

/* Contact: 3D conversion console */
.contact-decor i:nth-child(1){
  width:300px;height:300px;right:-90px;top:8%;border-radius:50%;
  transform:rotateX(72deg);
  animation:pvSpin 22s linear infinite;
}
.contact-decor i:nth-child(2){
  width:90px;height:90px;left:2%;bottom:12%;border-radius:18px;
  transform:rotateX(55deg) rotateY(-20deg);
  animation:pvCube 12s linear infinite;
}
.contact-decor i:nth-child(3){
  width:160px;height:3px;left:30%;top:12%;border:0;border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(119,224,204,.35),transparent);
  animation:pvRail 6s ease-in-out infinite;
}
.contact-form{
  transform-style:preserve-3d;
  transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease,border-color .3s ease;
}
.contact-form:hover{
  transform:translateY(-5px) rotateX(1.5deg) translateZ(16px);
  border-color:rgba(119,224,204,.30);
  box-shadow:0 40px 90px rgba(0,0,0,.34);
}
.contact-form .form-head,
.contact-form label,
.contact-form .btn,
.contact-form .form-note{transform:translateZ(12px)}
.btn-primary{
  position:relative;
  overflow:hidden;
}
.btn-primary:after{
  content:"";
  position:absolute;inset:-2px;
  background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.42) 48%,transparent 72%);
  transform:translateX(-140%);
  animation:pvButtonSweep 5.5s ease-in-out infinite;
  pointer-events:none;
}

/* Signal strip gets physical depth */
.signal-item{
  position:relative;
  transform-style:preserve-3d;
  transition:transform .22s ease,background .22s ease;
}
.signal-item:hover{
  transform:translateY(-5px) translateZ(16px);
  background:rgba(119,224,204,.035);
}
.signal-item b,.signal-item span{transform:translateZ(10px)}

/* Scroll-driven subtle section parallax variable */
[data-depth-section]{
  --pv-shift:0px;
}
[data-depth-section] .section-3d-decor{
  transform:translate3d(0,var(--pv-shift),0);
  transition:transform .08s linear;
}

/* Crisp animation keyframes */
@keyframes pvFloatBlockA{
  0%,100%{transform:translate3d(0,0,-40px) rotateX(58deg) rotateZ(28deg)}
  50%{transform:translate3d(-12px,-22px,35px) rotateX(52deg) rotateZ(39deg)}
}
@keyframes pvFloatBlockB{
  0%,100%{transform:translate3d(0,0,-20px) rotateX(62deg) rotateY(18deg) rotateZ(-22deg)}
  50%{transform:translate3d(15px,18px,30px) rotateX(54deg) rotateY(28deg) rotateZ(-8deg)}
}
@keyframes pvRail{0%,100%{opacity:.28;transform:translateX(-10px) rotateY(25deg)}50%{opacity:.75;transform:translateX(18px) rotateY(-18deg)}}
@keyframes pvTunnel{0%{transform:translate3d(0,-30px,-220px) scale(.5);opacity:0}45%{opacity:.55}100%{transform:translate3d(0,120px,70px) scale(1.25);opacity:0}}
@keyframes pvSweep{0%,60%,100%{transform:translateX(-135%)}78%{transform:translateX(135%)}}
@keyframes pvSpin{to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes pvSpinReverse{to{transform:rotateY(68deg) rotateZ(-360deg)}}
@keyframes pvArrow{0%,100%{opacity:.3;transform:translateX(-2px)}50%{opacity:1;transform:translateX(4px)}}
@keyframes pvCube{0%{transform:rotateX(0) rotateY(0) rotateZ(0) translateZ(-30px)}50%{transform:rotateX(180deg) rotateY(130deg) rotateZ(70deg) translateZ(20px)}100%{transform:rotateX(360deg) rotateY(360deg) rotateZ(180deg) translateZ(-30px)}}
@keyframes pvIconFloat{0%,100%{transform:rotateX(12deg) rotateY(-13deg) translateY(0)}50%{transform:rotateX(18deg) rotateY(-5deg) translateY(-7px)}}
@keyframes pvRunway{from{background-position:0 0,0 0}to{background-position:0 34px,34px 0}}
@keyframes pvPulseNode{0%,100%{transform:scale(.7) translateZ(0);opacity:.35}50%{transform:scale(1.2) translateZ(30px);opacity:1}}
@keyframes pvButtonSweep{0%,72%,100%{transform:translateX(-140%)}86%{transform:translateX(140%)}}

@media(max-width:760px){
  .section-3d-decor{opacity:.55;inset:4% -10%}
  .depth-card:hover,.fit-card:hover,.assurance-item:hover,.contact-form:hover,.state:hover{
    transform:translateY(-4px);
  }
}
@media(prefers-reduced-motion:reduce){
  .section-3d-decor,.section-3d-decor i,.method-card:after,.btn-primary:after,.fit-card .icon-3d,.state-machine i{
    animation:none!important;
  }
  [data-depth-section] .section-3d-decor{transform:none!important}
}