body.page-landing .content{position:relative;isolation:isolate;background:radial-gradient(circle at 12% 14%,rgba(16,185,129,.13),transparent 28rem),radial-gradient(circle at 88% 34%,rgba(45,184,196,.09),transparent 30rem),var(--bg-color)}body.page-landing .content:before,body.page-landing .content:after{content:"";position:absolute;z-index:-1;width:280px;aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(42px);opacity:.55}body.page-landing .content:before{top:7%;left:8%;background:radial-gradient(circle,rgba(16,185,129,.6),transparent 68%);animation:landing-orb-one 30s ease-in-out infinite}body.page-landing .content:after{top:34%;right:4%;background:radial-gradient(circle,rgba(45,184,196,.42),transparent 68%);animation:landing-orb-two 36s ease-in-out infinite}#tab-landing{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:42px 0 72px}.landing-hero{position:relative;overflow:hidden;text-align:center;padding:clamp(76px,10vw,126px) 32px clamp(68px,8vw,96px);margin-bottom:28px;border:1px solid rgba(255,255,255,.45);border-radius:28px;background:linear-gradient(#ffffff21,#ffffff12),radial-gradient(circle at 50% -10%,rgba(16,185,129,.18),transparent 52%);box-shadow:0 28px 70px #00000012;backdrop-filter:blur(25px) saturate(140%);-webkit-backdrop-filter:blur(25px) saturate(140%)}:root.dark .landing-hero{border-color:#ffffff14;background:linear-gradient(#0a0b0e61,#0a0b0e33),radial-gradient(circle at 50% -10%,rgba(16,185,129,.2),transparent 54%);box-shadow:0 28px 70px #00000059}.landing-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(to right,rgba(16,185,129,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,185,129,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%)}.landing-hero:after{content:"";position:absolute;width:360px;aspect-ratio:1;top:-240px;left:calc(50% - 180px);border-radius:50%;background:#10b98138;filter:blur(58px);pointer-events:none;animation:landing-hero-glow 9s ease-in-out infinite}.landing-title,.landing-subtitle,.landing-ctas{position:relative;z-index:1}.landing-title{max-width:850px;margin:0 auto 22px;color:var(--text-color);font-size:clamp(42px,7vw,72px);font-weight:850;line-height:1.04;letter-spacing:-.055em;text-wrap:balance;animation:landing-reveal .7s cubic-bezier(.16,1,.3,1) both}.landing-title span{color:var(--accent-color);background:linear-gradient(110deg,var(--accent-color) 10%,#34d399 48%,var(--cyan-color) 90%);background-size:180% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:landing-gradient-shift 8s ease-in-out infinite}.landing-subtitle{max-width:700px;margin:0 auto 38px;color:var(--text-color);font-size:clamp(16px,2vw,18px);line-height:1.7;opacity:.68;text-wrap:balance;animation:landing-reveal .7s .1s cubic-bezier(.16,1,.3,1) both}.landing-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;animation:landing-reveal .7s .2s cubic-bezier(.16,1,.3,1) both}.landing-ctas>a{border-radius:12px;text-decoration:none}.landing-btn{min-height:50px;padding:14px 24px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--text-color);font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.landing-btn-primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9813d}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98152}.landing-btn-secondary{border-color:#ffffff7a;background:#ffffff4d;box-shadow:0 8px 24px #0000000d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:root.dark .landing-btn-secondary{border-color:#ffffff1a;background:#ffffff0b}.landing-btn-secondary:hover{transform:translateY(-2px);border-color:var(--accent-color);background:var(--accent-soft)}.landing-btn:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px}.landing-section-title{margin:62px 0 26px;color:var(--text-color);font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.035em;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.feature-card{position:relative;overflow:hidden;min-height:230px;padding:28px 24px;border:1px solid rgba(255,255,255,.42);border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;background:#ffffff3d;box-shadow:0 16px 45px #0000000e;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .32s ease,box-shadow .32s ease;animation:landing-card-reveal .65s cubic-bezier(.16,1,.3,1) both}.feature-card:nth-child(2){animation-delay:.08s}.feature-card:nth-child(3){animation-delay:.16s}.feature-card:nth-child(4){animation-delay:.24s}:root.dark .feature-card{border-color:#ffffff12;background:#16161a8a;box-shadow:0 16px 45px #00000038}.feature-card:after{content:"";position:absolute;width:130px;height:130px;top:-75px;right:-70px;border-radius:50%;background:var(--accent-soft);filter:blur(20px);transition:transform .4s ease,opacity .4s ease;opacity:.6}.feature-card:hover{transform:translateY(-7px);border-color:var(--accent-border-soft);box-shadow:0 22px 55px #10b9811f}.feature-card:hover:after{transform:scale(1.35);opacity:1}.feature-icon-wrapper{position:relative;z-index:1;width:50px;height:50px;margin-bottom:24px;border:1px solid var(--accent-border-soft);border-radius:14px;display:grid;place-items:center;color:var(--accent-color);font-size:19px;background:linear-gradient(145deg,#10b98129,#2db8c414);box-shadow:inset 0 1px #ffffff4d,0 8px 18px #10b98117;transition:transform .35s cubic-bezier(.16,1,.3,1)}.feature-card:hover .feature-icon-wrapper{transform:translateY(-2px) rotate(-3deg) scale(1.06)}.feature-title{position:relative;z-index:1;margin:0 0 11px;color:var(--text-color);font-size:17px;font-weight:750;letter-spacing:-.02em}.feature-desc{position:relative;z-index:1;margin:0;color:var(--text-color);font-size:13px;line-height:1.65;opacity:.64}@keyframes landing-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-card-reveal{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes landing-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes landing-hero-glow{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(40px) scale(1.18);opacity:1}}@keyframes landing-orb-one{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(42vw,180px,0) scale(1.18)}}@keyframes landing-orb-two{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-38vw,240px,0) scale(.86)}}@media(max-width:1050px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){#tab-landing{width:min(100% - 28px,1180px);padding:22px 0 48px}.landing-hero{padding:70px 20px 64px;border-radius:22px}.landing-title{font-size:clamp(38px,12vw,54px)}.landing-subtitle{font-size:15px}.landing-ctas{flex-direction:column;align-items:stretch}.landing-ctas>a,.landing-btn{width:100%;box-sizing:border-box}.landing-section-title{margin-top:46px}.features-grid{grid-template-columns:1fr}.feature-card{min-height:auto}}@media(prefers-reduced-motion:reduce){body.page-landing .content:before,body.page-landing .content:after,.landing-hero:after,.landing-title,.landing-title span,.landing-subtitle,.landing-ctas,.feature-card{animation:none!important}.landing-btn,.feature-card,.feature-icon-wrapper{transition-duration:.01ms!important}}
