@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg:#0b0c10;--bg-alt:#101218;--surface:#1418208c;--surface-solid:#161923;--border:#252932;--text:#f3f4f6;--text-dim:#9aa0ac;--text-mute:#63697a;--primary:#f0a202;--primary-2:#f6bb3e;--accent:#f0a202;--grad: linear-gradient(135deg,#f0a202 0%,#f6c453 100%);--grad-soft: linear-gradient(135deg,rgba(240,162,2,.16),rgba(240,162,2,.05));--radius:16px;--radius-sm:10px;--shadow: 0 20px 60px -20px rgba(240,162,2,.35);--maxw:1180px;--ff-head:"Poppins",system-ui,sans-serif;--ff-body:"Inter",system-ui,sans-serif;--pad: 18px;--ease: cubic-bezier(.22,1,.36,1);--header-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--ff-body);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 10%,rgba(240,162,2,.07),transparent 40%),radial-gradient(circle at 85% 0%,rgba(240,162,2,.04),transparent 35%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;pointer-events:none;z-index:0;animation:gridShift 24s linear infinite}@keyframes gridShift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,44px 44px,44px 44px}}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-family:var(--ff-head);line-height:1.18;letter-spacing:-.02em;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.lead{overflow-wrap:break-word}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:max(var(--pad),env(safe-area-inset-left),env(safe-area-inset-right));position:relative;z-index:1}section{position:relative;z-index:1;padding:56px 0}section[id]{scroll-margin-top:calc(var(--header-h) + 12px)}.eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);margin-bottom:14px;max-width:100%}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad);animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}h1{font-size:clamp(1.7rem,7.4vw,2.35rem);font-weight:800}h2{font-size:clamp(1.45rem,6vw,2rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}.lead{font-size:1rem;color:var(--text-dim);max-width:640px}.section-head{max-width:680px;margin-bottom:32px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.gradient-text{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s ease-in-out infinite}@keyframes shine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ff-body);font-weight:600;font-size:.95rem;padding:14px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;min-height:48px;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s}.btn-primary{background:var(--grad);color:#0a0b14;box-shadow:0 10px 30px -8px #f0a20273}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px #f0a20299}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--primary-2);transform:translateY(-2px)}.btn-ghost:active{transform:translateY(0) scale(.98)}.btn-block{width:100%}header.site{position:sticky;top:0;z-index:50;background:#0b0c10f0;border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top)}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--pad);max-width:var(--maxw);margin:0 auto;min-height:var(--header-h)}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-logo{display:inline-flex;align-items:center;height:auto}.brand-word{display:flex;align-items:baseline;gap:7px;font-family:var(--ff-head);line-height:1;letter-spacing:-.04em}.brand-name{display:inline-flex;align-items:center;font-size:1.2rem;font-weight:700;color:var(--text)}.brand-tech{font-size:1.2rem;font-weight:600;color:var(--accent)}.brand-lens{display:inline-block;width:.72em;height:.72em;margin:0 .06em;border:2.2px solid var(--accent);border-radius:50%;position:relative;flex:none;box-sizing:border-box}.brand-lens:after{content:"";position:absolute;top:26%;right:26%;bottom:26%;left:26%;border-radius:50%;background:var(--accent)}@media (max-width: 380px){.brand-tech{display:none}}.nav-links{position:fixed;inset:calc(var(--header-h) + env(safe-area-inset-top,0px)) 0 0 0;background:var(--bg-alt);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:28px var(--pad) 40px;gap:8px;border-top:1px solid var(--border);transform:translate(100%);transition:transform .35s var(--ease);overflow-y:auto;display:flex;z-index:40}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.2rem;font-weight:600;color:var(--text-dim);padding:14px 4px;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active{color:var(--accent)}.nav-cta{display:flex;align-items:center;gap:10px}.nav-cta .btn-primary{display:none}.nav-toggle{display:grid;place-items:center;background:none;border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;width:44px;height:44px;line-height:0;transition:border-color .2s,background .2s}.nav-toggle:hover,.nav-toggle[aria-expanded=true]{border-color:var(--accent)}.nav-links .mobile-cta{display:block;margin-top:16px}.nav-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073;animation:fadeIn .25s ease}.nav-scrim.on{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero{padding-top:40px;padding-bottom:48px}.hero-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}.hero-grid>*,.grid>*,.container>*{min-width:0}.hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}.hero-actions .btn{width:100%}.hero-stats{display:flex;gap:24px;margin-top:40px;flex-wrap:wrap}.stat b{display:block;font-family:var(--ff-head);font-size:1.6rem;font-weight:800}.stat span{color:var(--text-mute);font-size:.85rem}.hero-visual{position:relative;aspect-ratio:1/1;max-width:340px;margin:0 auto;width:100%}.orb{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:40% 60% 55% 45%/50% 40% 60% 50%;background:var(--grad);opacity:.22;filter:blur(30px);animation:float 8s ease-in-out infinite,morph 10s ease-in-out infinite}@keyframes morph{0%,to{border-radius:40% 60% 55% 45%/50% 40% 60% 50%}50%{border-radius:55% 45% 40% 60%/40% 55% 45% 60%}}.hero-screen{position:absolute;top:18%;right:12%;bottom:22%;left:12%;background:var(--surface-solid);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);animation:riseIn .9s var(--ease) both}.hero-screen-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);background:#12151c}.hero-screen-bar span{width:8px;height:8px;border-radius:50%;background:#3a404c}.hero-screen-bar span:nth-child(1){background:#ff5f57}.hero-screen-bar span:nth-child(2){background:#febc2e}.hero-screen-bar span:nth-child(3){background:#28c840}.hero-screen-bar i{margin-left:8px;font-style:normal;font-size:.65rem;color:var(--text-mute);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-screen-body{padding:16px 14px 12px}.code-line{height:8px;border-radius:99px;background:#252a35;margin-bottom:10px;animation:pulse 2.4s ease-in-out infinite}.code-line.gold{background:#f0a20273}.code-line:nth-child(2){animation-delay:.2s}.code-line:nth-child(3){animation-delay:.4s}.code-line:nth-child(4){animation-delay:.6s}.bars{display:flex;align-items:flex-end;gap:8px;height:72px;margin-top:16px}.bars span{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:var(--grad);opacity:.55;transform-origin:bottom;animation:grow 2.8s ease-in-out infinite alternate}.bars span:nth-child(2){animation-delay:.2s}.bars span:nth-child(3){animation-delay:.4s}.bars span:nth-child(4){animation-delay:.1s}.bars span:nth-child(5){animation-delay:.35s}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes grow{0%{transform:scaleY(.72)}to{transform:scaleY(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.hero-card{position:absolute;background:var(--surface-solid);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:58%}.hero-card.c1{top:4%;left:0;animation:float 6s ease-in-out infinite}.hero-card.c2{bottom:16%;right:0;animation:float 7s ease-in-out infinite 1s}.hero-card.c3{bottom:0;left:8%;animation:float 5.5s ease-in-out infinite .5s}.hero-card b{display:flex;align-items:center;gap:6px;font-size:1.05rem;font-family:var(--ff-head);color:var(--accent)}.hero-card span{font-size:.72rem;color:var(--text-mute);display:block}.grid{display:grid;gap:16px;grid-template-columns:1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;transition:transform .35s var(--ease),border-color .3s,box-shadow .3s}.card:hover,.card:focus-within{transform:translateY(-5px);border-color:var(--primary-2);box-shadow:var(--shadow)}.card .icon,.icon{width:48px;height:48px;border-radius:14px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent);transition:transform .35s var(--ease)}.card:hover .icon{transform:scale(1.08) rotate(-4deg)}.card .icon svg,.icon svg{width:22px;height:22px}.card h3{margin-bottom:8px}.card p{color:var(--text-dim);font-size:.95rem}.card .tag{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:.78rem;font-weight:600;color:var(--accent);letter-spacing:.04em;transition:gap .2s}.card:hover .tag{gap:9px}.card-link{display:block}.card-link .card{height:100%}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.product-card.featured{border-color:var(--primary-2);box-shadow:var(--shadow)}.product-card .badge{position:absolute;top:16px;right:16px;background:var(--grad);color:#0a0b14;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:999px;letter-spacing:.04em}.product-card ul{margin-top:8px;display:flex;flex-direction:column;gap:10px}.product-card ul li{display:flex;gap:10px;font-size:.92rem;color:var(--text-dim)}.product-card ul li:before{content:"✓";color:var(--accent);font-weight:700}.steps{display:grid;grid-template-columns:1fr;gap:20px}.step{position:relative;padding:4px 0 8px;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step .num{font-family:var(--ff-head);font-weight:800;font-size:2.2rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.55;margin-bottom:8px}.step h3{margin-bottom:8px;font-size:1.1rem}.step p{color:var(--text-dim);font-size:.9rem}.testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:20px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--grad);flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--ff-head);font-weight:700;font-size:.85rem;color:#0a0b14}.avatar-lg{width:64px;height:64px;font-size:1.15rem}.who{display:flex;align-items:center;gap:12px}.who b{display:block;font-size:.92rem}.who span{font-size:.8rem;color:var(--text-mute)}.stars{color:var(--accent);letter-spacing:2px}.cta-banner{background:linear-gradient(135deg,#f0a20229,#f0a2020a);border:1px solid var(--border);border-radius:18px;padding:36px 20px;text-align:center;animation:ctaGlow 5s ease-in-out infinite}@keyframes ctaGlow{0%,to{box-shadow:0 0 #f0a20200}50%{box-shadow:0 0 40px -8px #f0a20247}}.cta-banner .btn-primary{margin-top:22px}.cta-banner .lead{margin-left:auto;margin-right:auto}.feature-row{display:grid;grid-template-columns:36px 1fr;gap:14px;margin-bottom:22px}.feature-row .icon-sm{width:36px;height:36px;border-radius:10px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;flex:none}.icon-sm svg{width:18px;height:18px}.feature-row h4{margin-bottom:4px;font-size:1rem}.feature-row p{color:var(--text-dim);font-size:.9rem}.timeline{border-left:2px solid var(--border);padding-left:24px;display:flex;flex-direction:column;gap:28px}.timeline .item{position:relative}.timeline .item:before{content:"";position:absolute;left:-31px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--grad);animation:blink 2.4s ease-in-out infinite}.timeline .item .yr{color:var(--accent);font-weight:700;font-size:.85rem;letter-spacing:.06em}.form-grid{display:grid;grid-template-columns:1fr;gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:.85rem;font-weight:600;color:var(--text-dim)}input,textarea,select{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 16px;color:var(--text);font-family:var(--ff-body);font-size:1rem;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 3px #f0a20226}textarea{resize:vertical;min-height:130px}.contact-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}.contact-info .item{display:flex;gap:14px;margin-bottom:22px}.contact-info .item .icon-sm{width:40px;height:40px;border-radius:12px;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);flex:none}.form-note{font-size:.82rem;color:var(--text-mute);margin-top:14px}footer.site{border-top:1px solid var(--border);padding:48px 0 28px;background:var(--bg-alt)}.footer-grid{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:32px}.footer-grid h4{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);margin-bottom:14px}.footer-grid ul li{margin-bottom:10px}.footer-grid ul a{color:var(--text-dim);font-size:.92rem;transition:color .2s}.footer-grid ul a:hover{color:var(--accent)}.footer-brand p{color:var(--text-dim);font-size:.9rem;margin:14px 0 0;max-width:280px}.social{display:flex;gap:12px}.social a{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,transform .2s}.social a:hover{border-color:var(--primary-2);color:var(--accent);transform:translateY(-2px)}.footer-bottom{display:flex;flex-direction:column;gap:8px;padding-top:22px;border-top:1px solid var(--border);color:var(--text-mute);font-size:.8rem}.page-header{padding:48px 0 32px;text-align:center}.page-header .lead{margin:0 auto}.breadcrumbs{color:var(--text-mute);font-size:.82rem;margin-bottom:14px}.breadcrumbs a{color:var(--text-dim)}.breadcrumbs a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease) var(--reveal-delay, 0ms),transform .7s var(--ease) var(--reveal-delay, 0ms)}.reveal.in{opacity:1;transform:none}.divider{height:1px;background:var(--border);margin:0}.badge-inline{display:inline-block;background:var(--grad-soft);color:var(--accent);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:12px}@media (min-width: 480px){:root{--pad: 22px}.hero-card{padding:14px 16px;max-width:54%}.hero-card b{font-size:1.15rem}}@media (min-width: 640px){:root{--pad: 24px;--header-h: 70px}section{padding:72px 0}h1{font-size:clamp(2.2rem,5vw,3.2rem)}h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}h3{font-size:1.25rem}.lead{font-size:1.08rem}.hero-actions{flex-direction:row;flex-wrap:wrap}.hero-actions .btn{width:auto}.hero-visual{max-width:400px}.grid-2,.grid-3,.grid-4,.form-grid,.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}.cta-banner{padding:48px 36px;border-radius:22px}.card{padding:28px 24px}.page-header{padding:72px 0 40px}.steps{grid-template-columns:1fr 1fr;gap:24px}.step{border-bottom:none}.brand-name,.brand-tech{font-size:1.28rem}}@media (min-width: 768px){section{padding:88px 0}.hero{padding-top:64px;padding-bottom:72px}.hero-visual{max-width:440px}.bars{height:88px}.nav{padding:12px var(--pad)}}@media (min-width: 900px){.nav-links{position:static;inset:auto;flex-direction:row;align-items:center;padding:0;gap:28px;background:none;border:0;transform:none;overflow:visible}.nav-links a{font-size:.95rem;font-weight:500;padding:8px 0}.nav-links a.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.nav-toggle,.nav-links .mobile-cta,.nav-scrim{display:none!important}.nav-cta .btn-primary{display:inline-flex}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:48px}}@media (min-width: 960px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:56px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hero-visual{max-width:480px;margin:0}.split-copy{order:2}.split-aside{order:1}.hero{padding-top:96px;padding-bottom:80px}.hero-card{padding:18px 20px}.hero-card b{font-size:1.25rem}.hero-card span{font-size:.78rem}.steps{grid-template-columns:repeat(4,1fr)}.cta-banner{padding:64px 48px;border-radius:24px}.section-head{margin-bottom:48px}}@media (min-width: 1200px){h1{font-size:clamp(2.8rem,4.4vw,4.2rem)}h2{font-size:clamp(2rem,2.6vw,2.7rem)}}@media (hover: none){.card:hover,.card:hover .icon,.btn-primary:hover,.btn-ghost:hover{transform:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}body:before{animation:none}}
