*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#060810;color:#f0f2f8;overflow-x:hidden}
.landing-page-content [hidden]{display:none!important}

/* NAV */
.af-nav{display:flex;align-items:center;justify-content:space-between;position:relative;padding:16px 48px;background:rgba(6,8,16,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:0.5px solid rgba(255,255,255,0.07);position:sticky;top:0;z-index:100}
.af-nav-logo{display:flex;align-items:center;gap:9px}
.af-nav-logo img{width:28px;height:28px;border-radius:7px}
.af-nav-name{font-size:15px;font-weight:600;letter-spacing:-0.01em}
.af-nav-links{display:flex;gap:28px;position:absolute;left:50%;transform:translateX(-50%)}
.af-nav-links a{font-size:13px;color:rgba(240,242,248,0.5);text-decoration:none;cursor:pointer;transition:color 0.15s}
.af-nav-links a:hover{color:#f0f2f8}
.af-nav-cta{background:rgba(56,139,253,0.12);border:0.5px solid rgba(56,139,253,0.35);color:#58a6ff;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.15s}
.af-nav-cta:hover{background:rgba(56,139,253,0.22)}

/* HERO */
.af-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 48px 60px;position:relative;overflow:hidden}
.af-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.af-orb1{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,100,255,0.14) 0%,rgba(0,60,180,0.05) 45%,transparent 70%);border-radius:50%}
.af-orb2{position:absolute;bottom:-100px;left:5%;width:350px;height:350px;background:radial-gradient(ellipse,rgba(0,180,255,0.05) 0%,transparent 65%);border-radius:50%}
.af-orb3{position:absolute;bottom:-80px;right:5%;width:280px;height:280px;background:radial-gradient(ellipse,rgba(80,40,255,0.05) 0%,transparent 65%);border-radius:50%}
.af-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(56,139,253,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,139,253,0.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 0%,transparent 75%)}

.af-hero-inner{position:relative;z-index:2;max-width:640px;width:100%}
.af-logo-wrap{margin:0 auto 36px;width:80px;height:80px;will-change:transform;transition:transform 0.1s linear,opacity 0.1s linear}
.af-logo-wrap img{width:80px;height:80px;border-radius:20px;filter:drop-shadow(0 20px 60px rgba(0,120,255,0.28));display:block}
.af-eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(56,139,253,0.08);border:0.5px solid rgba(56,139,253,0.22);border-radius:100px;padding:5px 14px;font-size:11px;color:#58a6ff;margin-bottom:20px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase}
.af-dot{width:5px;height:5px;border-radius:50%;background:#00d4ff;animation:blink 2s infinite;display:inline-block}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.15}}
.af-h1{font-size:52px;font-weight:800;line-height:1.07;letter-spacing:-0.028em;margin-bottom:16px;color:#f0f2f8}
.af-h1 em{font-style:normal;background:linear-gradient(120deg,#00c8ff 0%,#3b82ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.af-hero-sub{font-size:17px;font-weight:300;color:rgba(240,242,248,0.45);line-height:1.55;margin-bottom:36px;max-width:440px;margin-left:auto;margin-right:auto}
.af-btns{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:56px;flex-wrap:wrap}
.af-btn-main{background:linear-gradient(135deg,#1a6ef5,#00c8ff);color:#fff;border:none;padding:13px 28px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:opacity 0.15s}
.af-btn-main:hover{opacity:0.82}
.af-btn-sec{background:rgba(240,242,248,0.05);color:rgba(240,242,248,0.6);border:0.5px solid rgba(240,242,248,0.12);padding:13px 24px;border-radius:100px;font-size:14px;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.15s}
.af-btn-sec:hover{background:rgba(240,242,248,0.09);color:#f0f2f8}
.af-stats{display:flex;justify-content:center;gap:0}
.af-stat{text-align:center;padding:0 32px;border-right:0.5px solid rgba(240,242,248,0.1)}
.af-stat:last-child{border-right:none}
.af-stat-n{font-size:26px;font-weight:700;color:#f0f2f8;letter-spacing:-0.02em}
.af-stat-n span{color:#00c8ff}
.af-stat-l{font-size:11px;color:rgba(240,242,248,0.3);margin-top:3px;letter-spacing:0.02em}

/* SECTIONS */
.af-section{padding:100px 64px;overflow:hidden}
.af-section.alt{background:#08101a}
.af-sec-eyebrow{font-size:11px;font-weight:600;letter-spacing:0.1em;color:#58a6ff;text-transform:uppercase;margin-bottom:12px;text-align:center}
.af-sec-h2{font-size:36px;font-weight:700;letter-spacing:-0.02em;text-align:center;margin-bottom:10px;color:#f0f2f8;line-height:1.12}
.af-sec-sub{font-size:15px;color:rgba(240,242,248,0.4);text-align:center;margin-bottom:48px;line-height:1.6;max-width:480px;margin-left:auto;margin-right:auto}

/* Feature cards */
.af-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:0 auto}
.af-feat-card{background:#0c1525;border:0.5px solid rgba(56,139,253,0.12);border-radius:14px;padding:28px;transition:border-color 0.2s,transform 0.2s}
.af-feat-card:hover{border-color:rgba(56,139,253,0.3);transform:translateY(-2px)}
.af-feat-icon{width:38px;height:38px;border-radius:10px;background:rgba(0,200,255,0.08);border:0.5px solid rgba(0,200,255,0.15);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:18px;color:#00c8ff}
.af-feat-title{font-size:15px;font-weight:600;margin-bottom:7px;color:#f0f2f8}
.af-feat-desc{font-size:13px;color:rgba(240,242,248,0.4);line-height:1.65}

/* Mockup */
.af-big-feat{background:#08101a;padding:80px 64px}
.af-big-inner{max-width:600px;margin:0 auto 40px;text-align:center}
.af-big-kicker{font-size:11px;font-weight:600;letter-spacing:0.1em;color:#58a6ff;text-transform:uppercase;margin-bottom:14px}
.af-big-h{font-size:38px;font-weight:800;letter-spacing:-0.025em;line-height:1.08;color:#f0f2f8;margin-bottom:14px}
.af-big-h em{font-style:normal;background:linear-gradient(120deg,#00c8ff,#3b82ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.af-big-p{font-size:15px;color:rgba(240,242,248,0.45);line-height:1.65}
.af-mockup{background:#0c1525;border:0.5px solid rgba(56,139,253,0.15);border-radius:14px;overflow:hidden;max-width:720px;margin:0 auto;box-shadow:0 0 80px rgba(0,100,255,0.07)}
.af-mock-bar{background:#0a1422;padding:11px 16px;display:flex;align-items:center;gap:7px;border-bottom:0.5px solid rgba(56,139,253,0.1)}
.af-d-r{width:9px;height:9px;border-radius:50%;background:#ff5f57}
.af-d-y{width:9px;height:9px;border-radius:50%;background:#febc2e}
.af-d-g{width:9px;height:9px;border-radius:50%;background:#28c840}
.af-mock-url{flex:1;max-width:220px;margin:0 auto;background:rgba(255,255,255,0.04);border-radius:5px;padding:3px 12px;font-size:11px;color:rgba(240,242,248,0.25);text-align:center}
.af-mock-body{padding:20px;display:grid;grid-template-columns:150px 1fr;gap:14px}
.af-mock-side{background:#060e18;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:5px}
.af-mock-item{padding:6px 9px;border-radius:5px;font-size:11px;color:rgba(240,242,248,0.35);display:flex;align-items:center;gap:7px}
.af-mock-item.on{background:rgba(56,139,253,0.1);color:#58a6ff}
.af-mock-item i{font-size:13px}
.af-mock-main{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.af-mc{background:#060e18;border:0.5px solid rgba(56,139,253,0.1);border-radius:7px;padding:12px}
.af-mc-l{font-size:9px;color:rgba(240,242,248,0.28);margin-bottom:5px}
.af-mc-v{font-size:18px;font-weight:700;color:#f0f2f8}
.af-mc-t{display:inline-block;margin-top:4px;background:rgba(56,139,253,0.1);border-radius:3px;padding:2px 6px;font-size:8px;color:#58a6ff}
.af-mc-t.g{background:rgba(63,185,80,0.1);color:#3fb950}
.af-mc-t.a{background:rgba(239,159,39,0.1);color:#f0a528}
.af-mock-table{grid-column:1/-1;background:#060e18;border:0.5px solid rgba(56,139,253,0.08);border-radius:7px;overflow:hidden}
.af-mtr{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;padding:8px 14px;border-bottom:0.5px solid rgba(56,139,253,0.06);font-size:10px}
.af-mtr.h{color:rgba(240,242,248,0.28);background:#08121e}
.af-mtr:last-child{border-bottom:none}
.af-mtr span{color:rgba(240,242,248,0.6)}
.af-mb{display:inline-block;padding:2px 7px;border-radius:3px;font-size:9px;font-weight:500}
.af-mb.b{background:rgba(56,139,253,0.15);color:#58a6ff}
.af-mb.g{background:rgba(63,185,80,0.12);color:#3fb950}
.af-mb.a{background:rgba(239,159,39,0.12);color:#f0a528}

/* Pricing */
.af-pricing{padding:100px 64px;background:#060810}
.af-plans{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;max-width:760px;margin:40px auto 0}
.af-plan{background:#0c1525;border:0.5px solid rgba(240,242,248,0.08);border-radius:14px;padding:28px;display:flex;flex-direction:column}
.af-plan.featured{border:1px solid rgba(0,200,255,0.35);background:#0b1830;position:relative}
.af-plan-chip{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#1a6ef5,#00c8ff);color:#fff;font-size:10px;font-weight:700;letter-spacing:0.06em;padding:4px 14px;border-radius:100px;white-space:nowrap}
.af-plan-name{font-size:11px;font-weight:600;color:rgba(240,242,248,0.35);margin-bottom:16px;letter-spacing:0.08em;text-transform:uppercase}
.af-plan.featured .af-plan-name{color:#00c8ff}
.af-plan-price{font-size:40px;font-weight:800;line-height:1;margin-bottom:4px;color:#f0f2f8;letter-spacing:-0.03em}
.af-plan-price sub{font-size:17px;font-weight:400;vertical-align:baseline;color:rgba(240,242,248,0.4)}
.af-plan-per{font-size:12px;color:rgba(240,242,248,0.3);margin-bottom:16px}
.af-plan-div{height:0.5px;background:rgba(240,242,248,0.07);margin:16px 0}
.af-plan-feat{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0;color:rgba(240,242,248,0.55)}
.af-plan-feat i{font-size:13px;color:#3fb950;flex-shrink:0}
.af-plan-spacer{flex:1}
.af-plan-btn{width:100%;margin-top:20px;padding:12px;border-radius:100px;font-size:13px;font-family:'Inter',sans-serif;font-weight:500;cursor:pointer;background:rgba(240,242,248,0.05);color:rgba(240,242,248,0.6);border:0.5px solid rgba(240,242,248,0.1);transition:all 0.15s}
.af-plan-btn:hover{background:rgba(240,242,248,0.09);color:#f0f2f8}
.af-plan.featured .af-plan-btn{background:linear-gradient(135deg,#1a6ef5,#00c8ff);color:#fff;border-color:transparent}
.af-plan.featured .af-plan-btn:hover{opacity:0.85}

/* Quotes */
.af-quotes{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:40px auto 0}
.af-quote{background:#0c1525;border:0.5px solid rgba(240,242,248,0.07);border-radius:14px;padding:24px}
.af-quote-text{font-size:14px;line-height:1.65;color:rgba(240,242,248,0.6);margin-bottom:18px;font-style:italic}
.af-quote-author{display:flex;align-items:center;gap:10px}
.af-av{width:32px;height:32px;border-radius:50%;background:rgba(56,139,253,0.14);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#58a6ff;flex-shrink:0}
.af-av.g{background:rgba(63,185,80,0.12);color:#3fb950}
.af-aname{font-size:13px;font-weight:500;color:#f0f2f8}
.af-arole{font-size:11px;color:rgba(240,242,248,0.35)}

/* Footer */
.af-footer{padding:36px 64px;background:#04060d;display:flex;justify-content:space-between;align-items:center;border-top:0.5px solid rgba(240,242,248,0.06)}
.af-footer-left{display:flex;align-items:center;gap:9px}
.af-footer-left img{width:22px;height:22px;border-radius:6px}
.af-footer-name{font-size:14px;font-weight:600;color:rgba(240,242,248,0.65)}
.af-footer-copy{font-size:12px;color:rgba(240,242,248,0.2)}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(44px);transition:opacity 0.75s cubic-bezier(0.22,1,0.36,1),transform 0.75s cubic-bezier(0.22,1,0.36,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-fade{opacity:0;transition:opacity 0.9s ease}
.reveal-fade.visible{opacity:1}
.delay-1{transition-delay:0.1s}
.delay-2{transition-delay:0.2s}
.delay-3{transition-delay:0.3s}
.delay-4{transition-delay:0.4s}

.af-nav-cta,.af-btn-main,.af-btn-sec,.af-plan-btn{text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.af-nav-actions{display:flex;align-items:center;gap:10px}
.af-language-picker{position:relative;z-index:20}
.af-language-current{width:38px;height:38px;border-radius:50%;border:0.5px solid rgba(240,242,248,0.12);background:rgba(240,242,248,0.05);font-size:18px;cursor:pointer}
.af-language-menu{position:absolute;z-index:30;top:46px;right:0;min-width:52px;padding:6px;background:#0c1525;border:1px solid rgba(56,139,253,0.2);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,0.35);pointer-events:auto}
.af-language-menu a{display:flex;width:40px;height:36px;align-items:center;justify-content:center;border-radius:6px;text-decoration:none;font-size:19px}
.af-language-menu a:hover{background:rgba(56,139,253,0.12)}
.af-contact-section{padding:100px 64px;background:#08101a;border-top:0.5px solid rgba(240,242,248,0.06)}
.af-contact-copy{max-width:620px;margin:0 auto}
.af-contact-form{max-width:760px;margin:0 auto;display:grid;gap:16px;padding:30px;background:#0c1525;border:0.5px solid rgba(56,139,253,0.16);border-radius:14px}
.af-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.af-contact-form label{display:grid;gap:7px}
.af-contact-form label span{font-size:12px;font-weight:600;color:rgba(240,242,248,0.58)}
.af-contact-form input,.af-contact-form textarea{width:100%;border:0.5px solid rgba(240,242,248,0.14);border-radius:8px;background:#060e18;color:#f0f2f8;padding:12px 14px;font:inherit;outline:none}
.af-contact-form textarea{resize:vertical;min-height:130px}
.af-contact-form input:focus,.af-contact-form textarea:focus{border-color:#58a6ff;box-shadow:0 0 0 3px rgba(56,139,253,0.1)}
.af-contact-submit{display:flex;align-items:center;gap:16px}
.af-contact-submit button{border:0;border-radius:100px;padding:12px 22px;background:linear-gradient(135deg,#1a6ef5,#00c8ff);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.af-contact-submit button:disabled{opacity:0.55;cursor:wait}
.af-contact-submit p{font-size:12px;color:#3fb950}
.af-contact-submit p.error{color:#ff7b7b}
.af-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media (max-width:800px){
  .af-nav{padding:14px 18px}
  .af-nav-links{display:none}
  .af-hero{min-height:88vh;padding:72px 22px 48px}
  .af-h1{font-size:40px}
  .af-hero-sub{font-size:15px}
  .af-stat{padding:0 15px}
  .af-stat-n{font-size:22px}
  .af-section,.af-pricing,.af-contact-section{padding:72px 20px}
  .af-big-feat{padding:72px 20px}
  .af-feat-grid,.af-quotes,.af-plans{grid-template-columns:1fr}
  .af-mock-body{grid-template-columns:1fr}
  .af-mock-side{display:grid;grid-template-columns:repeat(2,1fr)}
  .af-mock-main{grid-template-columns:repeat(2,1fr)}
  .af-mtr{grid-template-columns:1.4fr 1fr 0.7fr}
  .af-mtr>div:nth-child(2),.af-mtr>span:nth-child(2){display:none}
  .af-footer{padding:28px 20px;align-items:flex-start;gap:14px;flex-direction:column}
  .af-contact-grid{grid-template-columns:1fr}
  .af-contact-form{padding:22px}
}

@media (max-width:480px){
  .af-nav-name{display:none}
  .af-nav-actions{gap:6px}
  .af-nav-cta{padding:8px 13px}
  .af-h1{font-size:34px}
  .af-logo-wrap,.af-logo-wrap img{width:66px;height:66px}
  .af-stats{width:100%}
  .af-stat{padding:0 10px;flex:1}
  .af-stat-l{font-size:9px}
  .af-sec-h2,.af-big-h{font-size:30px}
  .af-mock-side{display:none}
  .af-mock-body{padding:12px}
}