:root{--deep:#0A2342;--electric:#00C2FF;--steel:#757A87;--white:#FFFFFF;--teal:#00E676;--bg-body:#F5F7FA;--shadow-card:0 4px 12px rgba(10,35,66,0.08);--shadow-hover:0 12px 24px rgba(0,194,255,0.12);--radius:12px}*{box-sizing:border-box}body{margin:0;font-family:Open Sans,system-ui,sans-serif;color:var(--deep);background-color:var(--bg-body);line-height:1.6}.btn,b,h1,h2,h3,h4{font-family:Inter,sans-serif}a{color:var(--electric);text-decoration:none;transition:all .2s}a:hover{text-decoration:underline;color:#009acb}.container{max-width:1140px;margin:0 auto;padding:0 24px}.topbar{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand,.brand a{display:flex;align-items:center;gap:12px}.brand a{text-decoration:none}.brand-logo{height:44px;width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text b{font-weight:800;font-size:16px;letter-spacing:.2px;color:#254C83}.brand-text span{font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:1px;font-weight:700}.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.navlinks a{color:#384351;font-size:14px;font-weight:600;padding:8px 18px;border-radius:999px;transition:all .2s ease}.navlinks a:hover{background:rgba(0,194,255,.08);color:#008ABF;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:6px;font-weight:700;font-size:13.5px;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--electric);color:var(--deep);border-color:var(--electric);box-shadow:0 4px 15px rgba(0,194,255,.2)}.btn-primary:hover{background:#33CFFF;box-shadow:0 6px 20px rgba(0,194,255,.4);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--deep);border-color:#CBD5E1}.btn-secondary:hover{border-color:var(--electric);color:var(--electric);background:rgba(0,194,255,.05);text-decoration:none}.btn-outline-hero{background:transparent;color:var(--white);border-color:rgba(255,255,255,.4)}.btn-outline-hero:hover{background:rgba(255,255,255,.1);border-color:var(--white);text-decoration:none}.hero{background:radial-gradient(circle at 70% 30%,#153258 0,var(--deep) 70%);padding:80px 0 100px;color:var(--white);overflow:hidden}.hero-grid{display:grid;grid-template-columns:5fr 7fr;grid-gap:60px;gap:60px;align-items:center}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:40px}}h1{font-size:42px;font-weight:800;margin:0 0 24px;line-height:1.1;letter-spacing:-1px}.sub{font-size:17px;color:rgba(255,255,255,.85);margin-bottom:32px;max-width:540px}.hero-actions{display:flex;gap:12px;margin-bottom:30px}.trust-badge{font-size:13px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:99px;width:-moz-fit-content;width:fit-content}.trust-badge span{width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 8px var(--teal)}.media-stage{position:relative;width:100%;border-radius:12px;box-shadow:0 20px 60px rgba(0,194,255,.15);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .4s ease}.media-stage:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.media-content{width:100%;height:auto;display:block;border-radius:12px}section{padding:80px 0}.section-header{margin-bottom:40px;text-align:center}.section-title{font-size:32px;color:var(--deep);margin:0 0 10px;letter-spacing:-.5px;font-weight:800}.section-sub{color:var(--steel);font-size:16px;max-width:600px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tools-grid{grid-template-columns:1fr}}.tool{background:var(--white);border:1px solid rgba(117,122,135,.15);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);transition:all .25s ease;display:flex;flex-direction:column}.tool:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:rgba(0,194,255,.3)}.tool-img{height:160px;width:100%;background:#E2E8F0;position:relative;overflow:hidden}.tool-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tool:hover .tool-img img{transform:scale(1.05)}.tool-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.tool-header{display:flex;justify-content:space-between;margin-bottom:14px;align-items:center}.tool h3{margin:0;font-size:20px;color:var(--deep);font-weight:800}.tool-short-desc{color:var(--steel);font-size:14.5px;margin:0 0 24px;flex-grow:1;font-weight:500}.pill{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:99px}.pill.available{background:#DCFCE7;color:#166534}.pill.addon{background:#E0F2FE;color:#075985}.tool-actions{display:flex;gap:10px}.tool-actions .btn{flex:1 1}#why-afm{background:var(--white);border-top:1px solid #e2e8f0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;margin-top:50px}@media (max-width:768px){.features-grid{grid-template-columns:1fr;gap:30px}}.feature-card{text-align:center;padding:0 20px}.feature-icon{height:64px;width:64px;background:rgba(0,194,255,.1);color:var(--electric);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.feature-icon svg{width:32px;height:32px}.feature-card h4{margin:0 0 10px;font-size:18px;color:var(--deep)}.feature-card p{margin:0;color:var(--steel);font-size:15px}footer{padding:60px 0;background:var(--deep);color:rgba(255,255,255,.6)}.footer-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:30px}.footer-links a{color:rgba(255,255,255,.6);font-size:14px;margin-left:24px;font-weight:500}.footer-links a:hover{color:var(--electric);text-decoration:none}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;isolation:isolate}.modal-backdrop{position:absolute;inset:0;z-index:0;background:rgba(10,35,66,.54);animation:fadeIn .2s ease-out}.modal-panel{position:relative;background:linear-gradient(180deg,#FFFFFF,#F9FBFE);width:100%;max-width:600px;z-index:1;border-radius:16px;border:1px solid rgba(148,163,184,.3);outline:1px solid rgba(255,255,255,.65);box-shadow:0 42px 110px rgba(2,12,27,.55),0 16px 36px rgba(10,35,66,.28);animation:slideUp .3s ease-out;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;justify-content:space-between}.modal-header,.modal-header h3{display:flex;align-items:center}.modal-header h3{margin:0;font-size:20px;color:var(--deep);gap:10px}.modal-close{background:none;border:none;color:var(--steel);cursor:pointer;padding:4px;transition:color .2s}.modal-close:hover{color:var(--deep)}.modal-body{padding:24px;color:#334155;font-size:15px;line-height:1.7}.modal-footer{padding:16px 24px;background:#F8FAFC;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}