:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-primary:#38bdf8;--color-text:#f8fafc;--color-muted:#cbd5e1;--color-white:#fff;--color-green:#4ade80;--color-border:hsla(0,0%,100%,.1);--gradient-card:linear-gradient(to bottom,var(--color-surface),var(--color-bg));--gradient-hero-text:linear-gradient(90deg,#fff,#94a3b8);--gradient-migration:linear-gradient(to bottom right,var(--color-surface),var(--color-bg));--container-width:1200px;--header-height:80px;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:1rem;--radius-2xl:1.5rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}svg{display:block;max-width:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-muted)}.text-white{color:var(--color-white)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{letter-spacing:.05em;text-transform:uppercase}p a:not(.btn){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}p a:not(.btn):hover{color:var(--color-primary);text-decoration:none}.container{margin:0 auto;max-width:var(--container-width);padding:0 1.5rem;width:100%}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(15,23,42,.95);border-bottom:1px solid var(--color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);left:0;padding:1rem 0;position:fixed;top:0;width:100%;z-index:50}.header-inner{align-items:center;display:flex;justify-content:space-between}.logo{border-radius:var(--radius-md);color:var(--color-white);font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.logo:hover{color:var(--color-primary)}.nav-list{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:var(--radius-md);color:var(--color-white);font-size:.875rem;font-weight:500;padding:.25rem}.nav-link:hover{color:var(--color-primary);text-decoration:none}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-bg)}.btn-primary:hover{background-color:var(--color-white);color:var(--color-bg)}.btn-outline{background-color:transparent;border:1px solid hsla(0,0%,100%,.2);color:var(--color-white)}.btn-outline:hover{background-color:hsla(0,0%,100%,.1)}.btn-sm{font-size:.875rem;padding:.5rem 1.25rem}.hero-section{align-items:center;display:flex;justify-content:center;min-height:85vh;overflow:hidden;padding-top:calc(var(--header-height) + 4rem);position:relative;text-align:center}.blur-decoration{border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;position:absolute;z-index:1}.blur-1{background-color:rgba(56,189,248,.2);height:24rem;left:20%;top:0;width:24rem}.blur-2{background-color:rgba(168,85,247,.1);bottom:0;height:16rem;right:20%;width:16rem}.hero-content{margin:0 auto;max-width:60rem;position:relative;z-index:10}.badge-pill{align-items:center;background-color:hsla(0,0%,100%,.05);border:1px solid var(--color-border);border-radius:999px;color:var(--color-primary);display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.25rem .75rem}.pulse-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color-green);border-radius:50%;height:.5rem;width:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{color:var(--color-white);font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:2rem}@media (min-width:768px){.hero-title{font-size:4rem}}.gradient-text{background:var(--gradient-hero-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{color:var(--color-muted);font-size:1.125rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:42rem}@media (min-width:768px){.hero-desc{font-size:1.5rem}}.hero-actions{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:640px){.hero-actions{flex-direction:row}.hero-actions .btn{width:auto}}.hero-actions .btn{width:100%}.section-py{padding:6rem 0}.bg-surface-opt{background-color:rgba(30,41,59,.3)}.section-header{margin:0 auto 4rem;max-width:48rem;text-align:center}.section-title{color:var(--color-white);font-size:2rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.section-title{font-size:2.25rem}}.grid-container{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:rgba(30,41,59,.5);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-xl);padding:2rem;transition:border-color .3s ease}.feature-card:hover{border-color:rgba(56,189,248,.3)}.icon-box{align-items:center;border-radius:var(--radius-lg);display:flex;height:2.5rem;justify-content:center;margin-bottom:1rem;width:2.5rem}.icon-box.blue{background-color:rgba(56,189,248,.1);color:#60a5fa}.icon-box.green{background-color:rgba(74,222,128,.1);color:#4ade80}.icon-box.purple{background-color:rgba(168,85,247,.1);color:#c084fc}.icon-box.yellow{background-color:rgba(250,204,21,.1);color:#facc15}.icon-box.pink{background-color:rgba(244,114,182,.1);color:#f472b6}.icon-box.cyan{background-color:rgba(34,211,238,.1);color:#22d3ee}.icon-box svg{height:1.5rem;width:1.5rem}.pricing-card-wrapper{margin:0 auto;max-width:56rem}.pricing-card{background:var(--gradient-card);border:1px solid rgba(56,189,248,.4);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px rgba(56,189,248,.05);overflow:hidden;position:relative}.badge-best{background-color:var(--color-primary);border-bottom-left-radius:var(--radius-lg);color:var(--color-bg);font-size:.75rem;font-weight:700;padding:.5rem 1rem;position:absolute;right:0;top:0;z-index:10}.pricing-grid{display:grid;grid-template-columns:1fr}@media (min-width:768px){.pricing-grid{grid-template-columns:1fr 1fr}}.pricing-left{border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center;padding:2rem}@media (min-width:768px){.pricing-left{border-bottom:none;border-right:1px solid var(--color-border);padding:3rem}}.price-tag{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.price-val{color:var(--color-white);font-size:3rem;font-weight:800}.price-sub{color:var(--color-muted);font-size:1.125rem}.feature-check-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.check-item{color:var(--color-white);font-size:.875rem;gap:.75rem}.check-item,.icon-check-bg{align-items:center;display:flex}.icon-check-bg{background-color:rgba(56,189,248,.1);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0;height:2rem;justify-content:center;width:2rem}.pricing-right{background-color:hsla(0,0%,100%,.02);padding:2rem}@media (min-width:768px){.pricing-right{padding:3rem}}.spec-list li{border-bottom:1px solid hsla(0,0%,100%,.05);color:var(--color-muted);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.spec-list li span:last-child{color:var(--color-white);font-weight:500}.features-grid-small{color:var(--color-muted);display:grid;font-size:.875rem;gap:.75rem;grid-template-columns:1fr 1fr}.features-grid-small li{align-items:center;display:flex;gap:.5rem}.features-grid-small svg{color:var(--color-primary);height:1rem;width:1rem}.ceo-section{align-items:center;display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:64rem}@media (min-width:768px){.ceo-section{flex-direction:row}}.avatar-wrap{flex-shrink:0;position:relative}.avatar-circle{align-items:center;background:linear-gradient(to top right,var(--color-primary),var(--color-bg));border:4px solid var(--color-surface);border-radius:50%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);display:flex;height:8rem;justify-content:center;overflow:hidden;width:8rem}@media (min-width:768px){.avatar-circle{height:12rem;width:12rem}}.avatar-text{color:hsla(0,0%,100%,.2);font-size:2.25rem;font-weight:700}.status-dot{background-color:var(--color-green);border:4px solid var(--color-surface);border-radius:50%;bottom:.5rem;height:1.5rem;position:absolute;right:.5rem;width:1.5rem}details{background-color:rgba(30,41,59,.5);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden;transition:all .3s ease}details[open]{background-color:rgba(30,41,59,.8);border-color:rgba(56,189,248,.3)}summary{align-items:center;color:var(--color-white);cursor:pointer;display:flex;font-weight:700;justify-content:space-between;list-style:none;padding:1.5rem;position:relative}summary::-webkit-details-marker{display:none}summary:after{color:var(--color-primary);content:"+";font-size:1.5rem;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}.details-content{color:var(--color-muted);line-height:1.7;padding:0 1.5rem 1.5rem}.faq-cta{background-color:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-lg);color:var(--color-text);margin-top:3rem;padding:1.5rem;text-align:center}.migration-box{align-items:center;background:var(--gradient-migration);border:1px solid var(--color-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:3rem;padding:2rem}@media (min-width:768px){.migration-box{flex-direction:row;padding:4rem;text-align:left}}.migration-content{flex:1}.migration-list{color:var(--color-white);display:inline-block;margin-bottom:2rem}.migration-list li{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.migration-list svg{color:var(--color-green);flex-shrink:0;height:1.5rem;width:1.5rem}.migration-visual{flex:1;max-width:28rem}.circle-visual,.migration-visual{display:flex;justify-content:center;width:100%}.circle-visual{align-items:center;aspect-ratio:1/1;background:linear-gradient(to top right,rgba(56,189,248,.2),rgba(168,85,247,.2));border:1px solid hsla(0,0%,100%,.05);border-radius:50%;max-width:12rem;position:relative}.circle-visual svg{color:var(--color-primary);height:6rem;position:relative;width:6rem;z-index:10}.site-footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem;padding:3rem 0}.footer-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-heading{color:var(--color-white);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.footer-links li{margin-bottom:.75rem}.footer-btn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:4px}.footer-btn:hover{color:var(--color-primary);text-decoration:none}.copyright{border-top:1px solid hsla(0,0%,100%,.05);font-size:.75rem;margin-top:3rem;opacity:.6;padding-top:2rem;text-align:center}dialog{align-items:center;background:transparent;border:none;color:var(--color-text);display:flex;height:100%;justify-content:center;margin:0;max-height:100%;max-width:100%;padding:0;width:100%}dialog::backdrop{backdrop-filter:blur(5px);background:rgba(15,23,42,.95)}dialog:not([open]){display:none}.modal-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;margin:1rem;max-height:90vh;max-width:42rem;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-title{color:var(--color-white);font-size:1.5rem;font-weight:700}.close-btn{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--color-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem}.close-btn:hover{background-color:hsla(0,0%,100%,.1);color:var(--color-white)}.close-btn svg{height:1.5rem;width:1.5rem}.modal-content{color:var(--color-muted);font-size:.875rem;line-height:1.7;overflow-y:auto;padding:1.5rem}.modal-content p,.modal-content ul{margin-bottom:1rem}.modal-content strong{color:var(--color-white);display:block;font-weight:700;margin-top:1rem}body.modal-open{overflow:hidden}.icon-sm{height:1.25rem;width:1.25rem}.group:hover .group-hover-translate-x{transform:translateX(4px)}.group-hover-translate-x{transition:transform .2s ease}.mobile-toggle{position:relative;z-index:100}.mobile-menu-overlay{background-color:#0f172a;height:100vh;justify-content:space-between;padding:120px 2rem 2rem;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:90}.mobile-menu-overlay.is-open{transform:translateY(0)}.mobile-menu-logo-container{left:1.5rem;position:absolute;top:25px;z-index:95}.mobile-menu-logo{color:#fff;font-size:1.5rem;font-weight:800;text-decoration:none}.mobile-nav-list{width:100%}.mobile-nav-link{color:#f8fafc;font-size:1.75rem;text-decoration:none;transition:color .2s}.mobile-nav-link:hover{color:#38bdf8}.mobile-menu-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.05);color:#cbd5e1;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;margin-top:auto;padding-top:2rem;width:100%}.dev-design-link{align-items:center;background:hsla(0,0%,100%,.05);border-radius:99px;color:#fff;display:inline-flex;font-weight:700;gap:.5rem;padding:.5rem 1rem;text-decoration:none}.dev-design-link:hover{background:hsla(0,0%,100%,.1)}.mobile-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:.5rem;z-index:60}.mobile-menu-overlay{align-items:center;backdrop-filter:blur(15px);background-color:rgba(15,23,42,.98);display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:55}.mobile-menu-overlay.is-open{opacity:1;pointer-events:all}.mobile-nav-list{display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-nav-link{color:#fff;font-size:1.5rem;font-weight:700}.mobile-nav-link:hover{color:var(--color-primary)}@media(max-width:768px){.desktop-nav{display:none}.mobile-toggle{display:block}}body.menu-open{overflow:hidden}