:root{--brand-start:#0b91cf;--brand-end:#095393;--brand:#095393;--brand-600:#0b91cf;--ink:#111827;--muted:#6b7280;--ring:rgba(59,130,246,.35)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg,#f7f8fc,#f9fbff);background-attachment:fixed;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;overflow-x:hidden}img{height:auto;max-width:100%}.grid-bg{background-image:radial-gradient(1200px 1200px at 100% -10%,rgba(59,130,246,.08) 0,transparent 60%),radial-gradient(1000px 800px at -5% 110%,rgba(96,181,255,.08) 0,transparent 55%)}.text-brand{color:var(--brand-end)}.bg-brand{background-image:linear-gradient(90deg,var(--brand-start),var(--brand-end));color:#fff}.bg-brand-soft{background:linear-gradient(180deg,rgba(59,130,246,.08),rgba(96,181,255,.06))}.ring-brand{box-shadow:0 0 0 4px var(--ring)}.light-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.72);border:1px solid hsla(0,0%,100%,.25);border-radius:1.25rem;box-shadow:0 8px 28px rgba(31,38,135,.12);transition:transform .25s ease,box-shadow .25s ease}.light-panel:hover{box-shadow:0 10px 36px rgba(31,38,135,.16)}.btn-primary{background-image:linear-gradient(90deg,var(--brand-start),var(--brand-end));box-shadow:0 8px 20px rgba(59,130,246,.25);color:#fff;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 12px 28px rgba(59,130,246,.32);transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid rgba(148,163,184,.45);color:#0f172a;transition:border-color .2s ease}.btn-secondary:hover{border-color:rgba(148,163,184,.8)}.btn-outline{background:transparent;border:2px solid var(--brand-end);color:var(--brand-end)}.btn-outline:hover{background:linear-gradient(90deg,var(--brand-start),var(--brand-end));color:#fff}.nav-link{padding-bottom:6px;position:relative;transition:color .2s ease}.nav-link:after{background:linear-gradient(90deg,var(--brand-start),var(--brand-end));bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .2s ease;width:0}.nav-link:hover,.nav-link[aria-current=page]{color:var(--brand-end)}.nav-link:hover:after,.nav-link[aria-current=page]:after{width:100%}@media (prefers-reduced-motion:no-preference){.fade-up{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}}.lift:hover{transform:translateY(-3px)}.pill{align-items:center;background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:9999px;box-shadow:0 6px 16px rgba(15,23,42,.06);display:inline-flex;gap:.5rem;padding:.5rem .75rem}.pill .dot{border-radius:9999px;height:.5rem;width:.5rem}.dot-green{background:#22c55e}.plan-table thead th{background:linear-gradient(180deg,#f8fbff,#f2f6ff)}.plan-table td,.plan-table th{border-bottom:1px solid #e5e7eb}.plan-table tbody tr:hover{background:rgba(59,130,246,.05)}.footer-wrap{background:#0f172a;position:relative}.footer-gradient{background:radial-gradient(800px 300px at 10% 0,rgba(59,130,246,.18),transparent 60%),radial-gradient(800px 300px at 90% 0,rgba(96,181,255,.18),transparent 60%);inset:0;pointer-events:none;position:absolute}.footer-link-ux{display:inline-block;position:relative;transition:color .2s ease}.footer-link-ux:after{background:linear-gradient(90deg,var(--brand-start),var(--brand-end));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.footer-link-ux:hover{color:#fff}.footer-link-ux:hover:after{width:100%}.footer-social{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:9999px;display:inline-flex;height:44px;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;width:44px}.footer-social:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.18);transform:translateY(-2px)}.footer-input{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);color:#e2e8f0}.footer-input::-moz-placeholder{color:#94a3b8}.footer-input::placeholder{color:#94a3b8}.footer-input:focus{border-color:var(--brand-end);box-shadow:0 0 0 4px rgba(96,181,255,.15);outline:none}.pay-badge{align-items:center;background:#0b1220;border:1px solid rgba(148,163,184,.15);border-radius:.5rem;color:#94a3b8;display:inline-flex;height:28px;justify-content:center;padding:.35rem .55rem}#pricing-tabs .pricing-tab{background:#fff;border:1px solid rgba(148,163,184,.35);color:#0f172a}#pricing-tabs .pricing-tab.active{background-image:linear-gradient(90deg,var(--brand-start),var(--brand-end));border-color:transparent;color:#fff}.hero-wrap{background:radial-gradient(1600px 800px at -10% -10%,hsla(0,0%,100%,.15),transparent 40%),radial-gradient(1400px 900px at 110% -20%,hsla(0,0%,100%,.12),transparent 45%),linear-gradient(135deg,var(--brand-start),var(--brand-end));color:#fff;overflow:hidden;position:relative}.hero-content h1{color:#fff}.hero-wave{display:block;height:auto;inset:auto 0 -1px 0;position:absolute;width:100%;z-index:10}.interface-container{min-height:450px}.floating-cards-wrapper{perspective:1500px}.floating-card{cursor:pointer;left:50%;position:absolute;top:50%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);width:70%;will-change:transform}.floating-card img{border:1px solid hsla(0,0%,100%,.1);border-radius:1.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.4);height:auto;width:100%}.floating-card:first-child{transform:translate(-50%,-50%) rotate(-12deg) translateX(-15%) translateY(-10%) translateZ(-30px);z-index:1}.floating-card:nth-child(2){transform:translate(-50%,-50%) rotate(-6deg) translateX(-5%) translateY(5%) translateZ(-15px);z-index:2}.floating-card:nth-child(3){transform:translate(-50%,-50%) rotate(6deg) translateX(5%) translateY(-5%) translateZ(0);z-index:3}.floating-card:nth-child(4){transform:translate(-50%,-50%) rotate(12deg) translateX(15%) translateY(10%) translateZ(15px);z-index:4}.floating-card.is-active,.floating-cards-wrapper .floating-card:hover{transform:translate(-50%,-50%) rotate(0deg) translateY(0) scale(1.1) translateZ(100px);z-index:10}.interface-content-panel{grid-area:1/1;opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease}.interface-content-panel.active{opacity:1;transform:translateY(0)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (max-width:1024px){body{background-attachment:scroll}.hero-wrap{padding:3rem 0 2.5rem}.hero-wave{display:none}.interface-container{min-height:auto}}@media (max-width:768px){.light-panel{border-radius:1rem;padding:1.25rem}.hero-wrap .btn-primary,.hero-wrap .btn-secondary{text-align:center;width:100%}.hero-content{margin-top:1.5rem}}@media (max-width:640px){#pricing-tabs{padding:.75rem .5rem}.hero-content h1{font-size:2rem;line-height:1.2}.hero-content p{text-align:center}}@media (max-width:360px){.pill{font-size:.85rem;padding:.4rem .6rem}.btn-primary,.btn-secondary{padding:.7rem 1rem}}

@media (max-width:640px){
  .site-header{width:calc(100% - 1.5rem);margin:0 auto;border-radius:1.5rem;background:hsla(0,0%,100%,0.88);box-shadow:0 16px 45px -32px rgba(9,83,147,.35)}
  .site-header .container{padding:0.85rem 1.25rem}
  .site-header img{height:2.6rem}
  .nav-toggle{padding:0.35rem 0.45rem}
  #pricing-tabs{flex-wrap:wrap;overflow:visible;justify-content:center}
  #pricing-tabs .pricing-tab{flex:1 1 calc(50% - 0.75rem);min-width:140px;text-align:center}
}

@media (max-width:480px){
  .site-header img{height:2.4rem}
  .site-header .container{padding:0.75rem 1rem}
  #pricing-tabs .pricing-tab{flex:1 1 100%}
}

#interface-mobile{padding:0.75rem 0;scroll-snap-type:x mandatory;scroll-behavior:smooth}
#interface-mobile button{background:transparent;border:0;scroll-snap-align:center;transition:transform .25s ease,box-shadow .25s ease}
#interface-mobile button img{border-radius:1.5rem;transition:inherit}
#interface-mobile button.is-active{transform:scale(1.035)}
#interface-mobile button.is-active img{box-shadow:0 22px 45px -24px rgba(9,83,147,.55)}
@media (min-width:768px){#interface-mobile{display:none}}
@media (max-width:767px){.floating-cards-wrapper{display:none}}

.site-footer{border-radius:2.5rem 2.5rem 0 0;box-shadow:0 -20px 60px -40px rgba(9,83,147,.4) inset}
.site-footer .container{padding:2.75rem 1.5rem;border-bottom:1px solid rgba(242, 212, 212, 0.08)}
.site-footer nav ul{list-style:none;padding:0;margin:0}
.site-footer nav ul li a{color:inherit;opacity:.9}
.site-footer .pay-badge{background:rgba(15,25,44,.6);border-color:rgba(148,163,184,.25)}
.site-footer .border-t .container{padding:1.25rem 1.5rem;border-bottom:0}
@media (max-width:640px){
  .site-footer .container{grid-template-columns:1fr;text-align:center;gap:1.75rem}
  .site-footer nav ul{display:grid;gap:.65rem;justify-items:center}
  .site-footer .pay-badge{margin:.2rem .35rem}
  .site-footer .border-t .container{flex-direction:column;text-align:center}
}