:root{--brand-start:#0b91cf;--brand-end:#095393;--brand:#095393;--ring:rgba(11,145,207,.35)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg,#f7f8fc,#f9fbff);color:#1f2937;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.text-brand{color:var(--brand)}.light-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.25);border-radius:1.25rem;box-shadow:0 8px 32px rgba(31,38,135,.12);transition:all .3s cubic-bezier(.25,.8,.25,1)}.light-panel-hover:hover{box-shadow:0 16px 40px rgba(31,38,135,.15);transform:translateY(-6px) scale(1.01)}.btn-primary{background-image:linear-gradient(to right,var(--brand-start) 0,var(--brand-end) 50%,var(--brand-start) 100%);background-size:200% auto;border:none;box-shadow:0 4px 15px rgba(9,83,147,.25);color:#fff;transition:all .35s ease}.btn-primary:hover{background-position:100%;box-shadow:0 7px 20px rgba(9,83,147,.3);transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#4a5568;font-weight:600;transition:all .25s}.btn-secondary:hover{border-color:var(--brand);box-shadow:0 4px 15px rgba(0,0,0,.05);color:var(--brand);transform:translateY(-2px)}.pricing-tab{background:#f0f4f8;border:2px solid transparent;border-radius:9999px;color:#4b5563;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .25s}.pricing-tab.active{background-image:linear-gradient(90deg,var(--brand-start),var(--brand-end));border-color:transparent;box-shadow:0 4px 12px rgba(9,83,147,.2);color:#fff}.pricing-tab:not(.active):hover{background:#eef2ff;color:var(--brand)}.popular-plan{border:2px solid var(--brand);box-shadow:0 16px 40px rgba(9,83,147,.25);transform:translateY(-6px) scale(1.02)}.popular-plan .btn-primary{box-shadow:0 8px 25px rgba(9,83,147,.35)}.nav-link{padding-bottom:6px;position:relative;transition:color .25s}.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 .25s;width:0}.nav-link:hover,.nav-link[aria-current=page]{color:var(--brand)}.nav-link:hover:after,.nav-link[aria-current=page]:after{width:100%}@media (prefers-reduced-motion:no-preference){.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}}.footer-wrap{background:#0f172a;position:relative}.footer-gradient{background:radial-gradient(800px 300px at 10% 0,rgba(11,145,207,.15),transparent 60%),radial-gradient(800px 300px at 90% 0,rgba(9,83,147,.15),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;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::placeholder{color:#94a3b8}.footer-input:focus{border-color:var(--brand-end);box-shadow:0 0 0 4px rgba(9,83,147,.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}.sticky-summary{transform:translateY(100%);transition:transform .35s ease-in-out}.sticky-summary.visible{transform:translateY(0)}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary svg{transition:transform .3s ease}details[open]>summary svg{transform:rotate(45deg)}
body{margin:0;overflow-x:hidden}@media (max-width:1024px){body{background-attachment:scroll!important}}img{max-width:100%;height:auto}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}