:root{--blue:#16203a;--blue-dark:#0e1626;--blue-mid:#2d7fc9;--outline-hover-text:var(--blue-mid);--cyan:#00c6ff;--blue-light:#edeff4;--accent-grad:linear-gradient(135deg, var(--blue-mid) 0%, var(--cyan) 100%);--bg:#f2f5f9;--surface:#fff;--surface-alt:#e7ecf3;--surface-soft:#f5f7fb;--border:#0f172a1a;--border-strong:#0f172a3d;--text:#101828;--muted:#5c6b85;--muted-strong:#3e4c63;--muted-soft:#94a3b8;--green:#12b76a;--green-soft:#ecfdf5;--orange:#f79009;--orange-soft:#fff6ed;--red:#e4483f;--red-soft:#fef2f2;--hero-1:#070b14;--hero-2:#101a30;--hero-3:#15335e;--hero-4:#1d4e82;--radius:20px;--radius-sm:12px;--radius-pill:100px;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 3px 10px #10182812;--shadow-card:0 14px 30px #10182824, 0 3px 8px #10182814;--shadow-card-hover:0 30px 64px #16203a38, 0 10px 20px #16203a1f;--shadow-blue:0 12px 28px #16203a52;--ease:cubic-bezier(.16, 1, .3, 1);--green-dark:color-mix(in srgb, var(--green) 68%, black);--green-grad:linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%);--green-glow:color-mix(in srgb, var(--green) 45%, transparent);--blue-line-glow:color-mix(in srgb, var(--cyan) 55%, transparent);--blue-glow-soft:color-mix(in srgb, var(--blue) 16%, transparent);--card-bg-elevated:linear-gradient(165deg, var(--surface) 0%, color-mix(in srgb, var(--surface) 92%, var(--blue) 8%) 100%);--cta-filled-grad:linear-gradient(135deg, #2d7fc9 0%, #00c6ff 100%);--cta-filled-text:#12253f;--cta-filled-shadow:0 8px 18px #2d7fc94d;--cta-filled-hover-shadow:0 14px 30px #00c6ff6b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(160%);background:linear-gradient(#16203aeb 0%,#0e1626e0 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 5%;display:flex;position:sticky;top:0}nav:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#00c6ff29,#0000 72%);width:160px;height:160px;position:absolute;top:50%;left:3%;transform:translateY(-50%)}nav:after{content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#0000,#2d7fc9b3 25%,#00c6ffe6 50%,#2d7fc9b3 75%,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}img.logo{width:80px;height:auto;display:block}a.logo:not(:has(img)){letter-spacing:-.5px;color:#fff;font-family:Instrument Sans,sans-serif;font-size:21px;font-weight:700;text-decoration:none}a.logo:not(:has(img)) span{color:var(--cyan)}.titulo-sepolhost{background:linear-gradient(120deg,#bfe0ff 0%,#e8fbff 30%,#7fe3ff 50%,#e8fbff 70%,#bfe0ff 100%) 0 0/260% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:7s ease-in-out infinite emShine}.nav-links{align-items:center;gap:30px;display:flex}nav a{color:#ffffffb8;transition:color .2s var(--ease);font-size:14px;font-weight:500;text-decoration:none}nav a:hover{color:#fff}.nav-links a:not(.nav-ticket){padding:6px 4px;position:relative}.nav-links a:not(.nav-ticket):before{content:"";border-radius:var(--radius-pill);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);z-index:-1;pointer-events:none;background:#ffffff12;border:1px solid #ffffff14;position:absolute;inset:-7px -11px;transform:scale(.85)}.nav-links a:not(.nav-ticket):after{content:"";border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--blue-mid), var(--cyan));opacity:0;height:2px;transition:left .3s var(--ease), right .3s var(--ease), opacity .2s var(--ease);position:absolute;bottom:-2px;left:50%;right:50%;box-shadow:0 0 8px 1px #00c6ff8c}.nav-links a:not(.nav-ticket):hover:before{opacity:1;transform:scale(1)}.nav-links a:not(.nav-ticket):hover:after{opacity:1;left:0;right:0}.nav-ticket{border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid #ffffff47;padding:9px 20px;font-size:14px;font-weight:600;position:relative;overflow:hidden;color:#fff!important;transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease)!important}.nav-ticket:before{content:"";width:40%;height:100%;transition:left .6s var(--ease);background:linear-gradient(120deg,#0000,#ffffff59,#0000);position:absolute;top:0;left:-60%;transform:skew(-20deg)}.nav-ticket:hover:before{left:130%}.nav-ticket:hover{background:#ffffff24;border-color:#ffffff80;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.nav-links a:not(.nav-ticket):before,.nav-links a:not(.nav-ticket):after,.nav-ticket:before{transition:none}}.nav-back{color:#ffffffb8;transition:color .2s var(--ease);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-back:hover{color:#fff}.nav-back svg{width:16px;height:16px}.br-banner{z-index:1;background:#94a3b8;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px;padding:11px 5%;display:flex;position:relative}.br-item{color:#ffffffe0;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.br-item svg{color:#6fe0b8}.br-sep{color:#ffffff2e;font-size:18px}.br-highlight{color:#6fe0b8;font-weight:600}.hero{isolation:isolate;text-align:center;background:radial-gradient(ellipse 90% 70% at 50% -10%, #1e5a9638 0%, transparent 62%), linear-gradient(165deg, var(--hero-1) 0%, var(--hero-2) 34%, var(--hero-3) 74%, var(--hero-4) 140%);color:#fff;padding:90px 5% 84px;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-scene{width:100%;height:100%;transform:translate(calc(var(--mx,0) * -10px), calc(var(--my,0) * -6px));transition:transform .4s var(--ease);position:absolute;inset:0}.cloud{fill:url(#cloudFill);filter:url(#cloudBlur)}.cloud-1{opacity:.2;animation:46s ease-in-out infinite cloudDriftA}.cloud-2{opacity:.13;animation:60s ease-in-out infinite cloudDriftB}.cloud-3{opacity:.1;animation:38s ease-in-out infinite reverse cloudDriftA}.cloud-4{opacity:.15;animation:52s ease-in-out infinite reverse cloudDriftB}@keyframes cloudDriftA{0%,to{transform:translate(70px,70px)scale(1.05)}50%{transform:translate(150px,52px)scale(1.05)}}@keyframes cloudDriftB{0%,to{transform:translate(760px,40px)scale(.8)}50%{transform:translate(680px,60px)scale(.8)}}.circuit-glow path{fill:none;stroke:var(--cyan);stroke-width:10px;opacity:.08;filter:url(#softGlow)}.wire{fill:none;stroke:url(#wireGrad);stroke-width:1.4px;opacity:.38;stroke-linecap:round}.pulse{fill:none;stroke:#eaf9ff;stroke-width:2.2px;stroke-linecap:round;opacity:.95;stroke-dasharray:8 92;filter:url(#softGlow);animation:4.5s linear infinite pulseTravel}@keyframes pulseTravel{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.node{fill:#eaf9ff;filter:url(#softGlow);animation:3s ease-in-out infinite nodeBlink}@keyframes nodeBlink{0%,to{opacity:.35;r:3.2}50%{opacity:1;r:4.6}}@media (prefers-reduced-motion:reduce){.cloud-1,.cloud-2,.cloud-3,.cloud-4,.pulse,.node{animation:none}}.orb{transform:translate(calc(var(--mx,0) * 26px), calc(var(--my,0) * 26px));transition:transform .4s var(--ease);border-radius:50%;position:absolute}.orb:before{content:"";filter:blur(50px);opacity:.45;border-radius:50%;animation:15s ease-in-out infinite floatOrb;position:absolute;inset:0}.orb-1{width:360px;height:360px;top:-100px;left:6%}.orb-1:before{background:radial-gradient(circle,#4fa6ff,#0000 70%)}.orb-2{width:300px;height:300px;transform:translate(calc(var(--mx,0) * -30px), calc(var(--my,0) * -20px));bottom:-80px;right:8%}.orb-2:before{background:radial-gradient(circle,#00e0c6,#0000 70%);animation-delay:-5s}.orb-3{width:220px;height:220px;transform:translate(calc(var(--mx,0) * 18px), calc(var(--my,0) * -24px));top:38%;right:26%}.orb-3:before{background:radial-gradient(circle,#8fb6ff,#0000 70%);animation-delay:-9s}@keyframes floatOrb{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.08)}}.hero-content{z-index:1;position:relative}.hero-badge{isolation:isolate;color:#eaf3ff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff38;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.hero-badge:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;z-index:-1;background:linear-gradient(100deg,#0000 20%,#6ff0c9e6 45%,#0000 65%) 0 0/260% 100%;padding:1px;animation:5s linear infinite badgeSheen;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes badgeSheen{0%{background-position:200% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){.hero-badge:before{animation:none}}.hero-badge span{background:#6ff0c9;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.hero h1{letter-spacing:-1.5px;color:#fff;text-shadow:0 0 46px #64b4ff61;margin-bottom:20px;font-family:Instrument Sans,sans-serif;font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1.06}.hero h1 em{background:linear-gradient(120deg,#bfe0ff 0%,#e8fbff 30%,#7fe3ff 50%,#e8fbff 70%,#bfe0ff 100%) 0 0/260% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:7s ease-in-out infinite emShine}@keyframes emShine{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.hero h1 em{animation:none}}.hero p{color:#e9f0ffd1;max-width:560px;margin:0 auto 38px;font-size:clamp(15px,1.6vw,18px);font-weight:300;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);transition:transform .25s var(--ease), box-shadow .3s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease);cursor:pointer;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:var(--blue);box-shadow:var(--shadow-card);background:#fff;position:relative;overflow:hidden}.hero .btn-primary,.cta-section .btn-primary{box-shadow:0 10px 28px #060e1c61,inset 0 0 0 1px #ffffff8c,0 0 42px #4fa6ff47}.hero .btn-primary:hover,.cta-section .btn-primary:hover{box-shadow:0 18px 44px #060e1c7a,inset 0 0 0 1px #ffffffb3,0 0 60px #4fa6ff73}.btn-primary:after{content:"";width:40%;height:100%;transition:left .6s var(--ease);background:linear-gradient(120deg,#0000,#16203a29,#0000);position:absolute;top:0;left:-60%;transform:skew(-20deg)}.btn-primary:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)scale(1.02)}.btn-primary:hover:after{left:130%}.hero .btn-secondary,.cta-section .btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff4d}.hero .btn-secondary:hover,.cta-section .btn-secondary:hover{background:#ffffff29;border-color:#ffffff80;transform:translateY(-3px)scale(1.02)}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.hero .btn-secondary,.cta-section .btn-secondary{isolation:isolate;border-color:#ffffff2e;position:relative}.hero .btn-secondary:before,.cta-section .btn-secondary:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ring-angle), transparent 0%, var(--cyan) 12%, transparent 30%, transparent 70%, var(--blue-mid) 88%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.4px;animation:4.5s linear infinite ringSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ringSpin{to{--ring-angle:360deg}}@media (prefers-reduced-motion:reduce){.hero .btn-secondary:before,.cta-section .btn-secondary:before{animation:none}}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue);box-shadow:var(--shadow-sm);transform:translateY(-3px)scale(1.02)}.stats{z-index:1;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1200px;margin:-34px auto 84px;padding:0 5%;display:grid;position:relative}.stat{background:var(--card-bg-elevated,var(--surface));border:1.5px solid var(--border-strong);border-radius:var(--radius);text-align:center;transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);padding:22px 16px;position:relative;box-shadow:inset 0 1px #ffffff80,0 2px 5px #16203a12,0 22px 46px -18px #16203a42}.stat:hover{box-shadow:0 1px 0 #ffffff80 inset, 0 2px 5px #16203a12, var(--shadow-card-hover);border-color:#16203a52;transform:translateY(-6px)scale(1.05)}.stat-num{color:var(--text);font-family:Instrument Sans,sans-serif;font-size:26px;font-weight:700}.stat-num em{color:var(--blue);font-style:normal}.stat-label{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}section{z-index:1;padding:78px 5%;position:relative}#planos,#recursos{background:var(--surface-alt)}#vps,#faq{background:var(--surface-soft)}.section-header{text-align:center;margin-bottom:52px}.section-header h2{color:var(--text);letter-spacing:-.8px;margin-bottom:10px;font-family:Instrument Sans,sans-serif;font-size:clamp(26px,3.2vw,40px);font-weight:700}.section-header p{color:var(--muted);max-width:460px;margin:0 auto;font-size:15px;font-weight:400;line-height:1.6}.os-toggle{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:fit-content;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:0;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:5px;display:flex}.os-btn{color:var(--muted);cursor:pointer;transition:all .25s var(--ease);background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;display:flex}.os-btn.active-linux{color:#6b2e0a;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);font-weight:700;box-shadow:0 8px 18px #f59e0b47}.os-btn.active-win{color:#fff;background:#0078d4;font-weight:700;box-shadow:0 8px 20px #0078d447}.card-billing{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;margin-bottom:16px;padding:3px;display:flex}.cb-btn{color:var(--muted);cursor:pointer;transition:all .25s var(--ease);text-align:center;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;line-height:1.2}.cb-btn.active{background:var(--surface);color:var(--blue);box-shadow:var(--shadow-sm)}.cb-btn .cb-save{display:none}.cb-discount{background:var(--green-soft);color:var(--green);vertical-align:middle;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.plans-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.plan-card{background:var(--card-bg-elevated,var(--surface));border:1.5px solid var(--border-strong);border-radius:var(--radius);transition:transform .35s var(--ease), border-color .3s var(--ease), box-shadow .35s var(--ease);flex-direction:column;padding:28px 24px;display:flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff80,0 2px 5px #16203a12,0 22px 46px -18px #16203a42}.plan-card:before,.feature-card:before,.vps-card:before,.stat:before{content:"";border-radius:var(--radius-pill);background:linear-gradient(90deg, transparent, var(--blue-mid) 15%, var(--cyan) 85%, transparent);height:3px;box-shadow:0 0 14px 1px var(--blue-line-glow,#2d7fc98c);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);pointer-events:none;z-index:2;position:absolute;top:-3px;left:14%;right:14%;transform:translateY(6px)scaleX(.8)}.plan-card:hover:before,.feature-card:hover:before,.vps-card:hover:before,.stat:hover:before{opacity:1;transform:translateY(0)scaleX(1)}.plan-card:hover{box-shadow:0 1px 0 #ffffff80 inset, 0 2px 5px #16203a12, var(--shadow-card-hover);border-color:#16203a59;transform:translateY(-8px)scale(1.02)}.plan-card.featured{border-color:var(--blue);background:linear-gradient(165deg, var(--blue-light) 0%, var(--surface) 55%);box-shadow:0 0 0 1px var(--blue), var(--shadow-card-hover);border-width:1.5px}.plan-card.featured:hover{transform:translateY(-8px)scale(1.03)}.featured-tag{background:var(--blue);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:var(--shadow-blue);z-index:3;padding:5px 14px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-tier{letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:var(--accent-grad);border-radius:var(--radius-pill);margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 4px 10px #2d7fc947}.plan-name{color:var(--text);margin-bottom:4px;font-family:Instrument Sans,sans-serif;font-size:17px;font-weight:700;line-height:1.3}.plan-tag{color:var(--muted);margin-bottom:16px;font-size:12px;font-weight:400}.card-billing{background:var(--surface-alt);border:1px solid var(--border-strong);border-radius:var(--radius-pill);gap:4px;margin-bottom:16px;padding:4px;display:flex}.cb-btn{border-radius:var(--radius-pill);color:var(--muted-strong);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease), transform .2s var(--ease);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:12.5px;font-weight:700;display:flex}.cb-btn:hover{color:var(--text)}.cb-btn.active{transform:scale(1.02)}.cb-btn.cb-anual.active{background:var(--green-grad,var(--green));color:#fff;box-shadow:0 4px 12px var(--green-glow,#12b76a66)}.cb-btn.cb-mensal.active{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #16203a1a}.cb-discount{border-radius:var(--radius-pill);background:var(--green-soft);color:var(--green-dark,var(--green));padding:1px 6px;font-size:10px;font-weight:800}.cb-btn.cb-anual:not(.active) .cb-discount{background:var(--green-soft);color:var(--green-dark,var(--green))}.plan-price{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:2px;margin-bottom:6px;font-family:Instrument Sans,sans-serif;font-size:36px;font-weight:700;line-height:1;display:flex}.plan-price sup{vertical-align:super;color:var(--muted);font-size:16px;font-weight:600}.plan-price sub{color:var(--muted);font-size:13px;font-weight:400}.price-val{color:var(--text);-webkit-text-fill-color:initial;background:0 0}.price-val.is-annual{background:var(--green-grad,var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.4s ease-in-out infinite annualGlow}@keyframes annualGlow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 9px var(--green-glow,#12b76a80))}}@media (prefers-reduced-motion:reduce){.price-val.is-annual{animation:none}}.plan-savings{color:var(--green-dark,var(--green));background:var(--green-soft);border:1px solid color-mix(in srgb, var(--green) 30%, transparent);border-radius:var(--radius-pill);align-items:center;gap:4px;width:fit-content;margin-bottom:10px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.plan-period{color:var(--muted);margin-bottom:18px;font-size:12px}.plan-divider{background:linear-gradient(90deg, var(--border-strong), transparent 85%);height:1px;margin-bottom:16px}.plan-features{flex-direction:column;flex:1;gap:2px;list-style:none;display:flex}.plan-features li{color:var(--muted-strong);border-radius:var(--radius-sm);transition:background .25s var(--ease), transform .25s var(--ease);cursor:pointer;align-items:flex-start;gap:8px;margin:0 -6px;padding:4px 6px;font-size:13.5px;line-height:1.4;display:flex}.plan-features li:hover{background:var(--surface-alt);transform:translate(3px)}.check{width:16px;min-width:16px;height:16px;color:var(--green);filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--green) 35%, transparent));transition:transform .3s var(--ease);justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.check svg{width:100%;height:100%}.plan-card:hover .check,.vps-card:hover .check{transform:scale(1.15)}.plan-features li strong{color:var(--text);font-weight:700}.plan-cta{text-align:center;border-radius:var(--radius-sm);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);border:none;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding:13px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden}.plan-cta:after{content:"→";opacity:0;max-width:0;transition:opacity .25s var(--ease), transform .25s var(--ease), max-width .25s var(--ease);display:inline-block;overflow:hidden;transform:translate(-6px)}.plan-cta:hover:after{opacity:1;max-width:20px;transform:translate(0)}.plan-cta-outline{background:var(--surface);color:var(--text);border:1.5px solid var(--border-strong)}.plan-cta-outline:hover{border-color:var(--cyan);color:var(--outline-hover-text);background:var(--blue-light);transform:translateY(-2px)scale(1.02);box-shadow:0 12px 26px #2d7fc933}.plan-cta-filled{background:var(--cta-filled-grad);color:var(--cta-filled-text);box-shadow:var(--cta-filled-shadow)}.plan-cta-filled:before{content:"";transition:transform .65s var(--ease);background:linear-gradient(115deg,#0000 30%,#ffffffbf 48%,#0000 66%);position:absolute;inset:0;transform:translate(-130%)}.plan-cta-filled:hover:before{transform:translate(130%)}.plan-cta-filled:hover{box-shadow:var(--cta-filled-hover-shadow);transform:translateY(-2px)scale(1.02)}.vps-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.vps-card{background:var(--card-bg-elevated,var(--surface));border:1.5px solid var(--border-strong);border-radius:var(--radius);transition:transform .35s var(--ease), border-color .3s var(--ease), box-shadow .35s var(--ease);flex-direction:column;padding:28px 24px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff80,0 2px 5px #16203a12,0 22px 46px -18px #16203a42}.vps-card:hover{box-shadow:0 1px 0 #ffffff80 inset, 0 2px 5px #16203a12, var(--shadow-card-hover);border-color:#16203a59;transform:translateY(-8px)scale(1.02)}.vps-card.featured{border-color:var(--blue);background:linear-gradient(165deg, var(--blue-light) 0%, var(--surface) 55%);box-shadow:0 0 0 1px var(--blue), var(--shadow-card-hover);border-width:1.5px}.os-badge{border-radius:var(--radius-pill);align-items:center;gap:6px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.os-badge-linux{color:#b45309;background:#fff8ec;border:1px solid #f59e0b47}.os-badge-linux svg{color:#f59e0b}.os-badge-win{color:#0078d4;background:#eaf4ff;border:1px solid #0078d433}.spec-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.spec-box{background:var(--surface-alt);border-radius:var(--radius-sm);text-align:center;transition:background .25s var(--ease), transform .25s var(--ease);padding:11px 8px}.vps-card:hover .spec-box{background:var(--blue-light);transform:translateY(-1px)}.spec-val{color:var(--text);font-family:Instrument Sans,sans-serif;font-size:15px;font-weight:700}.spec-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px}.vps-features{flex-direction:column;flex:1;gap:2px;list-style:none;display:flex}.vps-features li{color:var(--muted-strong);border-radius:var(--radius-sm);transition:background .25s var(--ease), transform .25s var(--ease);cursor:pointer;align-items:center;gap:8px;margin:0 -6px;padding:4px 6px;font-size:13.5px;display:flex}.vps-features li:hover{background:var(--surface-alt);transform:translate(3px)}.features-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--card-bg-elevated,var(--surface));border:1.5px solid var(--border-strong);border-radius:var(--radius);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);cursor:pointer;padding:28px;position:relative;box-shadow:inset 0 1px #ffffff80,0 2px 5px #16203a12,0 22px 46px -18px #16203a42}.feature-card:hover{box-shadow:0 1px 0 #ffffff80 inset, 0 2px 5px #16203a12, var(--shadow-card-hover);border-color:#16203a52;transition-delay:0s;transform:translateY(-6px)scale(1.05)}.features-grid.fade-in.visible .feature-card:hover{transform:translateY(-6px)scale(1.05)}.feature-icon{background:var(--accent-grad);border-radius:var(--radius-sm);width:48px;height:48px;transition:transform .35s var(--ease), box-shadow .3s var(--ease);justify-content:center;align-items:center;margin-bottom:18px;display:flex;box-shadow:0 8px 18px #2d7fc94d}.feature-card:hover .feature-icon{transform:scale(1.15)rotate(-6deg);box-shadow:0 12px 26px #2d7fc96b}.feature-icon svg{color:#fff;width:21px;height:21px}.feature-card h3{color:var(--text);margin-bottom:8px;font-family:Instrument Sans,sans-serif;font-size:15px;font-weight:700}.feature-card p{color:var(--muted-strong);font-size:13px;font-weight:400;line-height:1.65}.faq-list{flex-direction:column;gap:10px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease), border-color .3s var(--ease);overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-card)}.faq-item.open{box-shadow:var(--shadow-card);border-color:#16203a4d}.faq-question{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;display:flex}.faq-question:hover{color:var(--blue)}.faq-question .icon{background:var(--surface-alt);width:22px;min-width:22px;height:22px;transition:transform .35s var(--ease), background .25s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex}.faq-question .icon svg{width:11px;height:11px;color:var(--muted);transition:color .25s var(--ease)}.faq-item.open .faq-question .icon{background:var(--blue);transform:rotate(45deg)}.faq-item.open .faq-question .icon svg{color:#fff}.faq-answer{transition:grid-template-rows .45s var(--ease);grid-template-rows:0fr;display:grid;overflow:hidden}.faq-answer-inner{overflow:hidden}.faq-answer-text{color:var(--muted);padding:0 22px 20px;font-size:13px;font-weight:400;line-height:1.7}.faq-item.open .faq-answer{grid-template-rows:1fr}.cta-section{text-align:center;z-index:1;background:var(--surface-alt);padding:90px 5%;position:relative}.cta-box{background:linear-gradient(165deg, var(--hero-2) 0%, #132c55 100%);max-width:740px;box-shadow:var(--shadow-card-hover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff29;border-radius:28px;margin:0 auto;padding:68px 40px;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#2d9fd859,#0000 70%);width:240px;height:240px;position:absolute;top:-70px;right:-70px}.cta-box:after{content:"";pointer-events:none;background:radial-gradient(circle,#00e0c638,#0000 70%);width:220px;height:220px;position:absolute;bottom:-80px;left:-60px}.cta-box h2{color:#fff;letter-spacing:-.5px;margin-bottom:12px;font-family:Instrument Sans,sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700}.cta-box p{color:#e9f0ffd1;margin-bottom:32px;font-size:15px;font-weight:300;line-height:1.6}footer{z-index:1;background:linear-gradient(180deg, var(--hero-2) 0%, var(--blue) 100%);padding:56px 5% 0;position:relative;overflow:hidden}footer:before{content:"";background:linear-gradient(90deg, transparent, var(--blue-mid) 20%, var(--cyan) 50%, var(--blue-mid) 80%, transparent);opacity:.55;height:1px;position:absolute;top:0;left:14%;right:14%}.footer-top{text-align:left;grid-template-columns:1.4fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding-bottom:40px;display:grid;position:relative}.footer-brand .logo{width:64px;height:auto;margin-bottom:16px;display:block}.footer-tagline{color:#ffffffad;max-width:280px;margin-bottom:16px;font-size:13.5px;line-height:1.6}.footer-badge{color:#ffffffad;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid #ffffff24;align-items:center;padding:5px 12px;font-size:12px;display:inline-flex}.footer-col{flex-direction:column;gap:13px;display:flex}.footer-col-title{letter-spacing:.6px;text-transform:uppercase;color:#ffffff61;margin-bottom:3px;font-size:11.5px;font-weight:700}.footer-col a{color:#ffffffb8;width:fit-content;transition:color .2s var(--ease), transform .2s var(--ease);font-size:14px;text-decoration:none;position:relative}.footer-col a:after{content:"";background:linear-gradient(90deg, var(--blue-mid), var(--cyan));height:1px;transition:right .25s var(--ease);position:absolute;bottom:-3px;left:0;right:100%}.footer-col a:hover{color:#fff;transform:translate(3px)}.footer-col a:hover:after{right:0}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1200px;margin:0 auto;padding:20px 0 28px;display:flex;position:relative}.footer-bottom p{color:#ffffff8c;font-size:12.5px}.footer-bottom a{color:#ffffffd1;transition:color .2s var(--ease);font-weight:600;text-decoration:none}.footer-bottom a:hover{color:var(--cyan)}@media (width<=800px){.footer-top{text-align:center;grid-template-columns:1fr;gap:34px}.footer-brand .logo,.footer-tagline{margin-left:auto;margin-right:auto}.footer-col{align-items:center}.footer-col a:after{display:none}.footer-bottom{text-align:center;justify-content:center}}main{z-index:1;background:var(--surface);justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:60px 5%;display:flex;position:relative}.contact-wrap{grid-template-columns:1fr 1.6fr;gap:48px;width:100%;max-width:960px;display:grid}.contact-info h1{color:var(--text);letter-spacing:-.8px;margin-bottom:14px;font-family:Instrument Sans,sans-serif;font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.1}.contact-info h1 em{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-mid) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.contact-info p{color:var(--muted);margin-bottom:36px;font-size:15px;font-weight:400;line-height:1.65}.info-item{transition:transform .25s var(--ease);cursor:pointer;align-items:center;gap:14px;margin-bottom:18px;display:flex}.info-item:hover{transform:translate(4px)}.info-icon{background:var(--blue-light);border-radius:var(--radius-sm);width:40px;min-width:40px;height:40px;transition:background .25s var(--ease);justify-content:center;align-items:center;display:flex}.info-item:hover .info-icon{background:var(--blue)}.info-icon svg{width:18px;height:18px;color:var(--blue);transition:color .25s var(--ease)}.info-item:hover .info-icon svg{color:#fff}.info-text{color:var(--text);font-size:14px;font-weight:600}.info-text span{color:var(--muted);margin-top:1px;font-size:12px;font-weight:400;display:block}.form-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card-hover);padding:38px 34px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{margin-bottom:18px}.form-group label{color:var(--text);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-group label span{color:var(--blue)}.form-group input,.form-group select,.form-group textarea{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);appearance:none;outline:none;padding:12px 14px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue-mid);background:var(--surface);box-shadow:0 0 0 4px #2d7fc929}.form-group input.valid,.form-group select.valid,.form-group textarea.valid{border-color:var(--green);background:var(--surface)}.form-group input.invalid,.form-group select.invalid,.form-group textarea.invalid{border-color:var(--red);background:var(--surface);box-shadow:0 0 0 4px #e4483f1a}.field-error{color:var(--red);margin-top:6px;font-size:12px;display:none}.field-error.show{display:block}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted-soft)}.form-group select option{background:var(--surface);color:var(--text)}.form-group textarea{resize:vertical;min-height:110px}.btn-submit{background:var(--blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background .25s var(--ease), transform .2s var(--ease), box-shadow .3s var(--ease);box-shadow:var(--shadow-blue);border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:15px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;display:flex}.btn-submit:hover{background:var(--blue-dark);transform:translateY(-2px)scale(1.01);box-shadow:0 16px 36px #16203a66}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:14px;display:none}.alert.show{display:flex}.alert svg{width:18px;min-width:18px;height:18px;margin-top:1px}.alert-success{background:var(--green-soft);color:#0d8f53;border:1px solid #12b76a38}.alert-error{background:var(--red-soft);color:var(--red);border:1px solid #e4483f38}@media (width<=700px){.contact-wrap,.form-row{grid-template-columns:1fr}.contact-info{text-align:center}.info-item{justify-content:center}}@media (width<=1000px){.plans-grid,.vps-grid{grid-template-columns:repeat(2,1fr)}.br-banner{display:none}}@media (width<=900px){.features-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.nav-links{display:none}}@media (width<=560px){.plans-grid,.vps-grid,.features-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.os-toggle{flex-direction:column;width:90%}}.fade-in{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)scale(.98)}.fade-in.visible{opacity:1;transform:translateY(0)scale(1)}.plans-grid.fade-in .plan-card,.vps-grid.fade-in .vps-card,.features-grid.fade-in .feature-card{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(18px)}.plans-grid.fade-in.visible .plan-card,.vps-grid.fade-in.visible .vps-card,.features-grid.fade-in.visible .feature-card{opacity:1;transform:translateY(0)}.plans-grid .plan-card:first-child,.vps-grid .vps-card:first-child,.features-grid .feature-card:first-child{transition-delay:0s}.plans-grid .plan-card:nth-child(2),.vps-grid .vps-card:nth-child(2),.features-grid .feature-card:nth-child(2){transition-delay:80ms}.plans-grid .plan-card:nth-child(3),.vps-grid .vps-card:nth-child(3),.features-grid .feature-card:nth-child(3){transition-delay:.16s}.plans-grid .plan-card:nth-child(4),.vps-grid .vps-card:nth-child(4),.features-grid .feature-card:nth-child(4){transition-delay:.24s}.features-grid .feature-card:nth-child(5){transition-delay:.32s}.features-grid .feature-card:nth-child(6){transition-delay:.4s}.features-grid .feature-card:hover{transition-delay:0s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.os-badge{align-items:center;gap:6px;line-height:1;display:inline-flex}.os-badge svg{flex:none;width:14px;height:14px}.vps-card.os-theme-win{--tier-shadow:0 4px 10px #2d7fc947;--cta-hover-shadow:0 12px 26px #2d7fc933;--blue-light:#eaf4ff}.vps-card.os-theme-linux{--blue:#b45309;--blue-dark:#92400e;--blue-mid:#fbbf24;--cyan:#fde68a;--blue-light:#fff8ec;--accent-grad:linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);--shadow-blue:0 8px 18px #f59e0b40;--blue-line-glow:#fbbf248c;--tier-shadow:0 3px 8px #f59e0b38;--cta-filled-grad:linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);--cta-filled-text:#6b2e0a;--cta-filled-shadow:0 8px 18px #f59e0b4d;--cta-filled-hover-shadow:0 14px 30px #f59e0b6b;--outline-hover-text:var(--blue)}.vps-card.os-theme-linux .plan-tier,.vps-card.os-theme-linux .plan-cta-filled{color:#6b2e0a}.vps-card .plan-tier{box-shadow:var(--tier-shadow,0 4px 10px #2d7fc947)}.vps-card .plan-cta-outline:hover{box-shadow:var(--cta-hover-shadow,0 12px 26px #2d7fc933)}.os-badge-win svg{color:#0078d4}.wc-bubble{margin-bottom:50px}.logo-sepolhost{gap:10px;display:flex}.wc-bubble{z-index:1000}.wc-window{z-index:1001}
