/* A quiet, tactile layer for the home page. The workbench remains an illustration. */
.ia-hero{
  background:
    radial-gradient(circle at 75% 32%,rgba(172,214,243,.55),transparent 29%),
    radial-gradient(circle at 88% 78%,rgba(196,183,247,.32),transparent 25%),
    radial-gradient(circle at 23% 81%,rgba(222,237,229,.75),transparent 32%),
    linear-gradient(135deg,#f5f9f8 0%,#f8faf9 48%,#edf4f5 100%);
}
.ia-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:radial-gradient(#8baabd 0.65px,transparent 0.8px);
  background-size:13px 13px;
  mask-image:linear-gradient(90deg,transparent 15%,#000 100%);
}
.ia-hero:after{opacity:.35}
.ia-hero .ia-hero-inner{min-height:560px;gap:30px}
.ia-hero .eyebrow{display:inline-block;padding:7px 13px;border:1px solid rgba(117,171,171,.28);border-radius:99px;background:rgba(255,255,255,.68);box-shadow:0 5px 12px rgba(59,95,100,.05)}
.depth-scene{position:relative;height:475px;isolation:isolate;perspective:1000px}
.depth-glow{position:absolute;inset:12% 3% 2% 10%;border-radius:50%;background:radial-gradient(circle,#b2d5f5 0%,#d5e7f5 35%,transparent 72%);filter:blur(29px);opacity:.82;z-index:-2}
.depth-sheet{position:absolute;left:15%;right:13%;top:8%;bottom:6%;border:1px solid rgba(194,210,219,.72);border-radius:24px;background:#fff;box-shadow:0 25px 45px rgba(58,79,96,.15),0 8px 14px rgba(58,79,96,.08),inset 0 1px 0 rgba(255,255,255,.95)}
.depth-sheet-back{left:20%;right:9%;top:4%;bottom:10%;transform:rotate(5deg) translate(10px,9px);background:linear-gradient(160deg,#fff,#e9f2f8);box-shadow:0 26px 50px rgba(74,103,126,.11),inset 0 1px 0 #fff}
.depth-sheet-front{padding:24px 26px;transform:rotate(-2deg) rotateY(-5deg);overflow:hidden}
.depth-sheet-front:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.85),transparent 40%);opacity:.35}
.depth-sheet-top{display:flex;align-items:center;gap:9px;padding-bottom:18px;border-bottom:1px solid #e7edf0;color:#254a5a;font-size:12px}
.depth-sheet-top strong{font-weight:800;letter-spacing:.02em}
.depth-sheet-top small{margin-left:auto;font-size:10px;color:#8c9da5}
.depth-brand-dot{height:21px;width:21px;display:inline-block;border-radius:7px;background:linear-gradient(145deg,#56bad4,#1a7290);box-shadow:3px 4px 7px rgba(25,105,137,.21),inset 1px 1px 2px #bfeef5}
.depth-progress{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:19px 0 23px;font-size:10px;font-weight:700;color:#9aacb5}
.depth-progress span{flex:1;text-align:center;white-space:nowrap;padding:8px 3px;background:#f2f6f8;border-radius:7px}
.depth-progress .done{color:#46908b;background:#e9f6f1}
.depth-progress .active{color:#3553be;background:#edf0ff;box-shadow:inset 0 0 0 1px #cbd3ff}
.depth-preview-muted{display:grid;gap:8px;margin:0 3px 16px}
.depth-preview-muted i,.depth-preview-footer span{display:block;height:6px;border-radius:99px;background:#e4eaed}
.depth-preview-muted i:first-child{width:57%}.depth-preview-muted i:last-child{width:38%}
.depth-focus-card{position:relative;padding:15px 16px 13px;background:linear-gradient(160deg,#fff,#fcfcff);border:2px solid #7d7cff;border-radius:12px;box-shadow:0 15px 28px rgba(73,84,147,.17),0 0 0 4px rgba(145,141,255,.10)}
.depth-focus-head,.depth-focus-row,.depth-focus-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.depth-focus-head{font-size:11px;font-weight:800;color:#283f63;margin-bottom:10px}
.depth-focus-head b{font-size:9px;color:#655dde;background:#eeedff;padding:3px 7px;border-radius:99px}
.depth-focus-row{font-size:10px;color:#5f7480;border-top:1px solid #ecf0f2;padding:7px 1px}
.depth-focus-row b{font-size:11px;color:#274d76}
.depth-focus-foot{border-top:1px solid #ecf0f2;padding-top:9px;font-size:9px;color:#8b9ea8}
.depth-mini-button{color:#fff;background:linear-gradient(145deg,#6478dc,#7564d9);padding:6px 9px;border-radius:6px;box-shadow:0 5px 9px rgba(83,83,182,.22)}
.depth-preview-footer{display:grid;grid-template-columns:1fr .7fr .85fr;gap:8px;margin:20px 5px}
.depth-preview-footer span{height:19px;background:#eff3f5}
.depth-float{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;border:1px solid rgba(197,215,225,.82);border-radius:11px;padding:9px 12px;background:rgba(255,255,255,.94);color:#506a80;font-weight:800;font-size:10px;box-shadow:0 14px 24px rgba(75,101,126,.17),inset 0 1px 0 #fff}
.depth-float span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e4f3f5;color:#217d98;font-size:10px}
.depth-float-left{top:28%;left:0;transform:rotate(-7deg)}
.depth-float-right{top:52%;right:0;transform:rotate(7deg)}
.depth-float-right span{background:#e6f7ed;color:#3b9874}
.depth-float-bottom{bottom:2%;left:16%;font-size:12px;color:#365b96;transform:rotate(6deg)}
.depth-float-bottom span{background:#e9efff;color:#3d65bc}
.depth-orb{position:absolute;z-index:3;width:51px;height:51px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:800;color:#227294;border:1px solid rgba(112,179,209,.6);background:radial-gradient(circle at 30% 25%,#fff,#d6f1fb 58%,#95c5de 100%);box-shadow:inset 3px 4px 6px #fff,4px 7px 11px rgba(54,111,146,.22)}
.depth-orb-one{top:3%;left:4%}.depth-orb-two{right:2%;top:6%;width:43px;height:43px}
.depth-spark{position:absolute;width:9px;height:9px;border-radius:50%;background:#a9cdec;box-shadow:inset 2px 2px 2px #e6f7ff,2px 3px 5px rgba(77,128,159,.2)}
.depth-spark-one{right:1%;bottom:18%}.depth-spark-two{left:6%;bottom:10%;width:6px;height:6px;background:#b9aefa}
.ia-category-nav a,.ia-live-grid a,.ia-steps>div{box-shadow:0 8px 18px rgba(43,78,88,.06),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .2s,box-shadow .2s,border-color .2s}
.ia-category-nav a:hover,.ia-live-grid a:hover,.ia-steps>div:hover{transform:translateY(-4px);box-shadow:0 18px 28px rgba(43,78,88,.12),inset 0 1px 0 #fff}
.ia-live-grid a,.ia-steps>div{border-color:#dce8e8}
.ia-wallet{box-shadow:0 25px 45px rgba(43,78,88,.12),0 5px 10px rgba(43,78,88,.05),inset 0 1px 0 #fff}
@media(max-width:900px){.ia-hero .ia-hero-inner{gap:10px}.depth-scene{height:425px;max-width:540px;margin:auto}}
@media(max-width:560px){.depth-scene{height:360px;width:100%;margin-top:12px}.depth-sheet{left:13%;right:12%;top:9%;bottom:7%;border-radius:18px}.depth-sheet-back{left:19%;right:8%;top:5%;bottom:10%}.depth-sheet-front{padding:16px}.depth-sheet-top{font-size:10px;padding-bottom:13px}.depth-progress{margin:13px 0 15px;font-size:8px}.depth-progress span{padding:6px 2px}.depth-focus-card{padding:10px 11px}.depth-focus-head,.depth-focus-row{font-size:9px}.depth-focus-row{padding:5px 1px}.depth-focus-foot{font-size:8px}.depth-mini-button{padding:5px}.depth-float{font-size:8px;padding:6px}.depth-float-left{left:0;top:27%}.depth-float-right{right:0;top:53%}.depth-float-bottom{left:10%;bottom:1%}.depth-orb-one{left:0}.depth-orb-two{right:0}}
@media(max-width:390px){.depth-scene{height:325px}.depth-sheet{left:12%;right:10%}.depth-focus-head b{display:none}.depth-preview-footer{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.ia-category-nav a,.ia-live-grid a,.ia-steps>div{transition:none}}