.obs-capability-card{background:linear-gradient(145deg,#1f1d17eb,#0a0a09fa);border:1px solid #ffffff21;border-radius:1.5rem;min-height:290px;padding:1.75rem;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 50px #0000002e}.obs-capability-card:before{content:"";opacity:.55;background:radial-gradient(circle at 20% 10%,#dda81421,#0000 38%);transition:opacity .35s;position:absolute;inset:0}.obs-capability-card:hover{border-color:#dda81475;transform:translateY(-5px);box-shadow:inset 0 1px #ffffff0f,0 24px 65px #0000004d,0 0 0 1px #dda81414}.obs-capability-card:hover:before{opacity:1}.obs-dynamic-icon{background:linear-gradient(145deg,#dda81424,#ffffff06);border:1px solid #dda81459;border-radius:1.35rem;place-items:center;width:4.25rem;height:4.25rem;display:grid;position:relative;box-shadow:inset 0 0 24px #dda8140f,0 10px 30px #0000003d}.obs-dynamic-icon span{z-index:2;color:#efc849;text-shadow:0 0 18px #dda81473;font-size:1.45rem;transition:transform .35s;position:relative}.obs-dynamic-icon i{pointer-events:none;border-radius:50%;position:absolute}.obs-dynamic-icon i:first-child{border:1px dashed #efc84973;animation:13s linear infinite obs-icon-spin;inset:.45rem}.obs-dynamic-icon i:nth-child(2){background:#f0c84b;width:6px;height:6px;animation:2.4s ease-in-out infinite obs-icon-pulse;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #dda814}.obs-capability-card:hover .obs-dynamic-icon span{transform:scale(1.13)rotate(-4deg)}.obs-card-arrow{color:#efc84973;font-size:1.1rem;transition:color .3s,transform .3s;position:absolute;bottom:1.4rem;right:1.5rem}.obs-capability-card:hover .obs-card-arrow{color:#efc849;transform:translate(3px,-3px)}.obs-service-card{background:linear-gradient(135deg,#ffffff09,#ffffff03);border:1px solid #ffffff24;border-radius:1.75rem;transition:border-color .35s,background .35s,transform .35s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 55px #00000029}.obs-service-card:after{content:"";aspect-ratio:1;border:1px solid #dda81424;border-radius:50%;width:70%;transition:transform .6s,border-color .35s;position:absolute;bottom:-70%;right:-30%}.obs-service-card:hover{background:linear-gradient(135deg,#dda81412,#ffffff05);border-color:#dda81461;transform:translateY(-4px)}.obs-service-card:hover:after{border-color:#dda81452;transform:scale(1.18)}.obs-service-icon{background:#dda8140f;border:1px solid #dda81466;border-radius:50%;place-items:center;width:3.3rem;height:3.3rem;display:grid;position:relative;box-shadow:inset 0 0 20px #dda81414}.obs-service-icon i{border-top:1px solid #efc849;border-right:1px solid #0000;border-radius:50%;animation:10s linear infinite obs-icon-spin;position:absolute;inset:-5px}.obs-service-icon span{color:#efc849;text-shadow:0 0 14px #dda81473;font-size:1.2rem}.obs-useful-visual{place-items:center;display:grid;position:absolute;inset:4.5rem 1.5rem 5.5rem}.obs-useful-rings,.obs-useful-rings i{border:1px solid #dda81447;border-radius:50%;position:absolute}.obs-useful-rings{aspect-ratio:1;border-style:dashed;width:min(76%,25rem);animation:30s linear infinite obs-loop-spin}.obs-useful-rings i:first-child{border-color:#efc84966;animation:21s linear infinite reverse obs-loop-spin;inset:14%}.obs-useful-rings i:nth-child(2){border-style:dashed;animation:15s linear infinite obs-loop-spin;inset:29%}.obs-useful-rings i:nth-child(3){border-color:#dda814;inset:43%;box-shadow:0 0 22px #dda81424}.obs-useful-rings:before,.obs-useful-rings:after{content:"";background:#efc849;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 18px #dda814}.obs-useful-rings:before{top:12%;left:14%}.obs-useful-rings:after{bottom:28%;right:7%}.obs-useful-lines{aspect-ratio:1;width:min(88%,29rem);animation:7s ease-in-out infinite obs-lines-breathe;position:absolute}.obs-useful-lines i{transform-origin:0;background:linear-gradient(90deg,#dda814cc,#0000);width:45%;height:1px;position:absolute;top:50%;left:50%}.obs-useful-lines i:first-child{transform:rotate(25deg)}.obs-useful-lines i:nth-child(2){transform:rotate(150deg)}.obs-useful-lines i:nth-child(3){transform:rotate(268deg)}.obs-useful-center{z-index:3;background:#090908e0;border:1px solid #efc84985;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:8.5rem;height:8.5rem;display:flex;position:relative;box-shadow:0 0 55px #dda8141f}.obs-useful-center strong{letter-spacing:.1em;font-size:1.5rem}.obs-useful-center span{color:#efc849;margin-top:.2rem;font-family:Georgia,serif;font-size:1rem;font-style:italic}.obs-loop-label{z-index:4;color:#f8f3e6b3;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);background:#12110ee0;border:1px solid #ffffff26;border-radius:999px;padding:.45rem .7rem;font-size:.58rem;font-weight:750;position:absolute}.label-understand{top:10%;left:8%}.label-make{top:27%;right:5%}.label-learn{bottom:8%;right:18%}.obs-stack-card{min-height:145px;position:relative;overflow:hidden}.obs-stack-card>span{background:linear-gradient(90deg,#0000,#dda814,#0000);width:100%;height:2px;animation:8s ease-in-out infinite obs-stack-scan;position:absolute;top:0;left:0;transform:translate(-100%)}.obs-stack-card:nth-child(2)>span{animation-delay:-1.5s}.obs-stack-card:nth-child(3)>span{animation-delay:-3s}.obs-stack-card:nth-child(4)>span{animation-delay:-4.5s}.obs-stack-card:nth-child(5)>span{animation-delay:-6s}.obsidian-marquee{background:#11100d;border-top:1px solid #dda81447;border-bottom:1px solid #dda81447;overflow:hidden}.obsidian-marquee>div{color:#f8f3e6b8;letter-spacing:.14em;align-items:center;gap:1.6rem;width:max-content;padding:1.1rem 0;font-family:ui-monospace,monospace;font-size:.64rem;font-weight:700;animation:30s linear infinite obs-marquee;display:flex}.obsidian-marquee i{color:#dda814;font-style:normal}@keyframes obs-icon-spin{to{transform:rotate(360deg)}}@keyframes obs-icon-pulse{50%{opacity:.35;transform:translate(-50%,-50%)scale(.65)}}@keyframes obs-loop-spin{to{transform:rotate(360deg)}}@keyframes obs-lines-breathe{50%{opacity:.42;transform:scale(.96)}}@keyframes obs-stack-scan{0%,12%{transform:translate(-100%)}65%,to{transform:translate(100%)}}@keyframes obs-marquee{to{transform:translate(-50%)}}@media (width<=640px){.obs-useful-visual{inset:4rem .25rem 6rem}.obs-loop-label{font-size:.5rem}.label-understand{left:1%}.label-make{right:0}.label-learn{right:6%}}@media (prefers-reduced-motion:reduce){.obsidian-useful *,.obs-dynamic-icon *,.obs-service-icon *,.obs-stack-card>span,.obsidian-marquee>div{animation:none!important}}