.nav-active{color:var(--green) !important;font-weight:700 !important}.fn-hero{padding:140px 0 72px;text-align:center;background:linear-gradient(180deg,#eaf4fb 0%,#fff 100%);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.fn-hero .container{position:relative;z-index:1;max-width:880px}.fn-hero h1{margin:12px 0 20px}.fn-hero__sub{font-size:1.1rem;max-width:720px;margin:0 auto 36px}.fn-hero__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.fn-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(70px);z-index:0}.fn-orb--1{width:520px;height:520px;background:rgba(12,115,185,.13);top:-20%;right:-10%;animation:fnA 13s ease-in-out infinite}.fn-orb--2{width:360px;height:360px;background:rgba(53,194,212,.10);bottom:-10%;left:-8%;animation:fnB 10s ease-in-out infinite}@keyframes fnA{0%,100%{transform:translate(0,0)}50%{transform:translate(-60px,40px)}}@keyframes fnB{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,-35px)}}.video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#06243a}.video-embed iframe{display:block;width:100%;height:100%;border:0}.fn-demo .video-embed{max-width:900px;margin:0 auto}.video-embed__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(135deg,#0c73b9 0%,#35c2d4 100%);cursor:pointer}.video-embed__placeholder::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:26px 26px;opacity:.5}.video-embed__play{position:relative;z-index:1;width:76px;height:76px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(0,0,0,.25);transition:transform .25s ease-out,box-shadow .25s}.video-embed__play svg{width:30px;height:30px;color:var(--green);margin-left:4px}.video-embed:hover .video-embed__play{transform:scale(1.1);box-shadow:0 12px 40px rgba(0,0,0,.35)}.video-embed__label{position:relative;z-index:1;color:#fff;font-size:.92rem;font-weight:600;letter-spacing:.01em;padding:0 24px;text-align:center}.fn-quicknav{position:sticky;top:68px;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.fn-quicknav__list{display:flex;gap:6px;padding:12px 0;overflow-x:auto}.fn-quicknav__list a{white-space:nowrap;padding:7px 16px;border-radius:100px;font-size:.85rem;font-weight:600;color:var(--txt-2);border:1px solid var(--border);transition:all .2s}.fn-quicknav__list a:hover{background:var(--green);color:#fff;border-color:var(--green)}.fn-feature{padding:72px 0}.fn-feature--alt{background:var(--bg-alt)}.fn-feature__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.fn-feature__tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);background:var(--green-light);border:1px solid rgba(12,115,185,.2);padding:5px 12px;border-radius:100px;margin-bottom:16px}.fn-feature__text h2{margin-bottom:16px;font-size:clamp(1.5rem,3vw,2.1rem)}.fn-feature__text>p{margin-bottom:24px;font-size:1.02rem}.fn-list{list-style:none;display:flex;flex-direction:column;gap:12px}.fn-list li{font-size:.95rem;color:var(--txt-2);padding-left:28px;position:relative}.fn-list li::before{content:'✓';position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:var(--green-light);color:var(--green);font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}.fn-howto .fn-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.fn-step{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.fn-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.fn-step__num{width:48px;height:48px;border-radius:50%;background:var(--brand-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;margin-bottom:16px;box-shadow:0 4px 16px rgba(12,115,185,.35)}.fn-step h3{margin-bottom:8px;font-size:1rem}.fn-step p{font-size:.88rem}@media (max-width:900px){.fn-feature__grid{grid-template-columns:1fr;gap:32px}.fn-feature__grid--rev .video-embed{order:-1}.fn-howto .fn-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.fn-howto .fn-steps{grid-template-columns:1fr}}

/* Responsive hardening */
.fn-feature__grid>*,.fn-steps>*,.video-embed{min-width:0}.fn-quicknav__list{scrollbar-width:none}.fn-quicknav__list::-webkit-scrollbar{display:none}
@media (max-width:900px){.fn-hero{padding:112px 0 54px}.fn-feature{padding:56px 0}.fn-feature__grid{grid-template-columns:1fr;gap:30px}.fn-feature__grid--rev .video-embed{order:-1}.fn-howto .fn-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fn-quicknav{top:64px}.fn-quicknav__list{padding:10px 0}}
@media (max-width:560px){.fn-hero{padding:104px 0 44px}.fn-hero__ctas{flex-direction:column}.fn-hero__ctas .btn{width:100%}.fn-feature{padding:44px 0}.fn-feature__text>p{font-size:.95rem}.fn-list li{font-size:.9rem}.fn-howto .fn-steps{grid-template-columns:1fr}.fn-step{padding:24px 20px}.video-embed{border-radius:16px}.video-embed__play{width:64px;height:64px}.video-embed__label{font-size:.84rem}}