.yg3d{--c-teal:#0d9488;--c-teal-ink:#0f766e;--c-emerald:#10b981;--c-green:#22c55e;--c-lime:#4ade80;--bg:#f4f7f8;--surface:#fff;--surface-2:#f0f5f5;--ink:#0c1c22;--ink-2:#586771;--ink-3:#8b99a0;--line:#0a1a2017;--line-2:#0a1a2024;--chip:#ffffffc7;--radius:18px;color:var(--ink);letter-spacing:-.01em;background:radial-gradient(700px 520px at 80% 2%, color-mix(in srgb, var(--c-teal) 16%, transparent), transparent 60%), radial-gradient(680px 540px at 10% 12%, color-mix(in srgb, var(--c-emerald) 14%, transparent), transparent 60%), radial-gradient(620px 520px at 94% 66%, color-mix(in srgb, var(--c-green) 13%, transparent), transparent 60%), radial-gradient(600px 520px at 2% 100%, color-mix(in srgb, var(--c-lime) 12%, transparent), transparent 60%), var(--bg);font-family:Outfit,system-ui,sans-serif;position:relative}html.dark .yg3d{--c-teal-ink:#10b981;--bg:#05070c;--surface:#0a0e16;--surface-2:#0c111b;--ink:#e9eef1;--ink-2:#7f8c94;--ink-3:#495259;--line:#ffffff12;--line-2:#ffffff1f;--chip:#0a0e168c}.yg3d h1,.yg3d h2,.yg3d h3{letter-spacing:-.03em;font-family:Space Grotesk,Outfit,sans-serif}.yg3d .hero3d{position:relative;overflow:hidden}.yg3d-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.yg3d-bg{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.yg3d-content{z-index:1;position:relative}.yg3d .scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg, var(--bg) 6%, color-mix(in srgb, var(--bg) 76%, transparent) 38%, transparent 70%);position:absolute;inset:0}.yg3d .hwrap{z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:40px 28px 56px;position:relative}.yg3d .hero-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:40px;display:grid}.yg3d .hero-copy{max-width:640px;padding-top:clamp(8px,3vw,40px)}.yg3d .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.yg3d .kicker:before{content:"";background:var(--c-teal);width:26px;height:1px}.yg3d .hero-copy h1{color:var(--ink);margin:20px 0;font-size:clamp(44px,5.8vw,78px);font-weight:600;line-height:1}.yg3d .hero-copy h1 .thin{color:var(--ink);font-weight:300}.yg3d .hero-copy h1 .g{background:linear-gradient(100deg, var(--c-teal), var(--c-emerald), var(--c-green), var(--c-teal));color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite yg3dShine}@keyframes yg3dShine{to{background-position:220%}}.yg3d .lead{color:var(--ink-2);max-width:480px;margin-bottom:28px;font-size:clamp(16px,1.7vw,19px);font-weight:350}.yg3d .hero-actions{flex-wrap:wrap;align-items:flex-start;gap:12px 14px;display:flex}.yg3d .hero-actions .b{height:52px}.yg3d .hero-note{color:var(--ink-2);margin-top:12px;font-size:14px;font-weight:500}.yg3d .hero-visual{justify-content:center;display:flex;position:relative}.yg3d .hero-visual:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--c-teal) 26%, transparent), transparent);filter:blur(8px);z-index:-1;border-radius:50%;position:absolute;inset:8% -12%}@media (width<=900px){.yg3d .scrim{background:linear-gradient(180deg, transparent, var(--bg) 76%)}.yg3d .hwrap{padding:28px 18px 44px}.yg3d .hero-layout{grid-template-columns:1fr;gap:36px}.yg3d .hero-copy{max-width:none;padding-top:0}}@media (width<=560px){.yg3d .hero-copy h1{margin:16px 0}.yg3d .lead{margin-bottom:22px}.yg3d .hero-actions{flex-direction:column;gap:14px}.yg3d .hero-note{margin-top:10px}}.yg3d .b{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 26px;font-family:inherit;font-size:15px;font-weight:500;transition:all .24s;display:inline-flex;position:relative;overflow:hidden}.yg3d .b-teal{background:linear-gradient(120deg, var(--c-teal), var(--c-emerald));color:#fff;font-weight:600}.yg3d .b-teal:after{content:"";background:linear-gradient(120deg,#0000 30%,#fff6,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.yg3d .b-teal:hover{box-shadow:0 14px 30px -12px var(--c-emerald);transform:translateY(-1px)}.yg3d .b-teal:hover:after{transform:translate(130%)}.yg3d .b-ghost{border:1px solid var(--line-2);color:var(--ink);background:0 0}.yg3d .b-ghost:hover{border-color:var(--c-teal);transform:translateY(-1px)}.yg3d .blk{padding:clamp(44px,5vw,64px) 0;position:relative}.yg3d .swrap{max-width:1200px;margin:0 auto;padding:0 28px}@media (width<=560px){.yg3d .swrap{padding:0 18px}}.yg3d .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--c-teal-ink);font-size:12px;font-weight:500}.yg3d .stitle{max-width:20ch;color:var(--ink);text-wrap:balance;margin:16px 0 14px;font-size:clamp(30px,4vw,50px);font-weight:600;line-height:1.05}.yg3d .stitle .thin{color:var(--ink-2);font-weight:300}.yg3d .stitle .g{background:linear-gradient(100deg, var(--c-teal), var(--c-green));color:#0000;-webkit-background-clip:text;background-clip:text}.yg3d .ssub{color:var(--ink-2);max-width:540px;font-size:17px;font-weight:350}.yg3d .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 55%, transparent)}.yg3d .trust-in{flex-wrap:wrap;justify-content:center;gap:12px 34px;max-width:1200px;margin:0 auto;padding:18px 28px;list-style:none;display:flex}.yg3d .trust-in li{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.yg3d .trust-in li svg{color:var(--c-teal);flex:none}@media (width<=560px){.yg3d .trust-in{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px}.yg3d .trust-in li{font-size:13.5px}}.yg3d .cards{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;margin-top:40px;display:grid;overflow:hidden}.yg3d .card{background:var(--surface);--c:var(--c-teal);padding:34px 30px;transition:background .3s;position:relative}.yg3d .card:nth-child(2){--c:var(--c-emerald)}.yg3d .card:nth-child(3){--c:var(--c-green)}.yg3d .card:nth-child(4){--c:var(--c-lime)}.yg3d .card:before{content:"";background:var(--c);width:0;height:2px;transition:width .45s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0}.yg3d .card:hover{background:var(--surface-2)}.yg3d .card:hover:before{width:100%}.yg3d .card .ic{width:44px;height:44px;color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border:1px solid color-mix(in srgb, var(--c) 24%, transparent);border-radius:11px;place-items:center;margin-bottom:22px;transition:transform .3s;display:grid}.yg3d .card:hover .ic{transform:translateY(-3px)}.yg3d .card .ic svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.yg3d .card h3{margin-bottom:9px;font-size:18px;font-weight:600}.yg3d .card p{color:var(--ink-2);font-size:14px;font-weight:350;line-height:1.65}@media (width<=560px){.yg3d .cards{margin-top:32px}.yg3d .card{grid-template-columns:44px 1fr;column-gap:16px;padding:20px 18px;display:grid}.yg3d .card .ic{grid-row:span 2;margin-bottom:0}.yg3d .card h3{margin-bottom:4px}}.yg3d .product-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}@media (width<=940px){.yg3d .product-grid{grid-template-columns:1fr;gap:36px}}.yg3d .prod-list{flex-direction:column;gap:12px;margin-top:24px;list-style:none;display:flex}.yg3d .prod-list li{color:var(--ink-2);align-items:baseline;gap:12px;font-size:15px;display:flex}.yg3d .prod-list li i{background:var(--c-teal);border-radius:3px;flex:none;width:9px;height:9px;transform:translateY(-1px)}.yg3d .prod-list li:nth-child(2) i{background:var(--c-emerald)}.yg3d .prod-list li:nth-child(3) i{background:var(--c-green)}.yg3d .prod-list li:nth-child(4) i{background:var(--c-lime)}.yg3d .product-screens{justify-content:center;align-items:flex-start;gap:20px;display:flex}.yg3d .product-offset{margin-top:44px}@media (width<=560px){.yg3d .product-screens{gap:14px}.yg3d .product-offset{margin-top:28px}}.yg3d .tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px;display:grid}@media (width<=820px){.yg3d .tracks{grid-template-columns:1fr;gap:16px}}.yg3d .track{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line-2);--c:var(--c-teal);flex-direction:column;padding:28px 28px 24px;display:flex}.yg3d .track+.track{--c:var(--c-emerald)}.yg3d .track-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.yg3d .track-ic{width:40px;height:40px;color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border:1px solid color-mix(in srgb, var(--c) 24%, transparent);border-radius:11px;place-items:center;display:grid}.yg3d .track-head h3{font-size:22px;font-weight:600}.yg3d .track-steps{flex-direction:column;flex:1;gap:18px;list-style:none;display:flex}.yg3d .track-steps li{gap:14px;display:flex}.yg3d .track-n{color:#fff;background:linear-gradient(135deg, #0f766e, var(--c-teal));border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;display:grid}.yg3d .track-steps h4{letter-spacing:-.02em;margin-top:3px;font-family:Space Grotesk,Outfit,sans-serif;font-size:16.5px;font-weight:600;line-height:1.3}.yg3d .track-steps p{color:var(--ink-2);margin-top:4px;font-size:14.5px;font-weight:350;line-height:1.55}.yg3d .track-link{color:var(--c-teal-ink);align-self:flex-start;align-items:center;gap:6px;margin-top:22px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.yg3d .track-link:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=560px){.yg3d .track{padding:22px 18px 20px}}.yg3d .cta-band{text-align:center;border:1px solid var(--line-2);background:radial-gradient(600px 280px at 30% 0%, color-mix(in srgb, var(--c-teal) 16%, transparent), transparent 70%), radial-gradient(600px 280px at 75% 100%, color-mix(in srgb, var(--c-green) 16%, transparent), transparent 70%), var(--surface);border-radius:26px;padding:56px 36px;position:relative;overflow:hidden}.yg3d .cta-band h2{text-wrap:balance;font-size:clamp(30px,4.4vw,52px);font-weight:600}.yg3d .cta-band h2 .g{background:linear-gradient(100deg, var(--c-teal), var(--c-green));color:#0000;-webkit-background-clip:text;background-clip:text}.yg3d .cta-band p{color:var(--ink-2);max-width:480px;margin:16px auto 28px;font-size:17px;font-weight:350}.yg3d .cta-band p.cta-note{color:var(--ink-2);margin:22px auto 0;font-size:14px}@media (width<=560px){.yg3d .cta-band{border-radius:22px;padding:36px 16px}}.yg3d .reveal{opacity:0;filter:blur(8px);will-change:transform, opacity, filter;transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1),filter .85s cubic-bezier(.2,.7,.2,1);transform:translateY(40px)scale(.975)}.yg3d .reveal.in{opacity:1;filter:none;transform:none}.yg3d .cards .card:nth-child(2){transition-delay:80ms}.yg3d .cards .card:nth-child(3){transition-delay:.16s}.yg3d .cards .card:nth-child(4){transition-delay:.24s}.yg3d .tracks .track:nth-child(2){transition-delay:.1s}@media (prefers-reduced-motion:reduce){.yg3d *{transition-duration:1ms!important;animation-duration:1ms!important}.yg3d .reveal{opacity:1;filter:none;transform:none}}
