.tsn{--tsn-bg:#050608;--tsn-panel:#0d0f14;--tsn-panel2:#141821;--tsn-text:#fff;--tsn-muted:#9ca3af;--tsn-line:#ffffff1a;--tsn-accent:#7c5cff;--tsn-accent2:#00d0ff;--tsn-green:#25d366;--tsn-gold:#ffb020;background:var(--tsn-bg);min-height:100vh;color:var(--tsn-text);font-family:var(--font-inter), Arial, Helvetica, sans-serif;line-height:1.65;position:relative;overflow-x:hidden}.tsn:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#7c5cff24,#0000 34%),radial-gradient(circle at 90% 28%,#00d0ff12,#0000 30%),linear-gradient(#ffffff08,#0000 42%);position:fixed;inset:0}.tsn *{box-sizing:border-box;margin:0;padding:0}.tsn .page{z-index:1;position:relative}.tsn .container{width:min(1120px,92%);margin:auto}.tsn .site-nav{z-index:20;padding:18px 0 0;position:sticky;top:18px}.tsn .nav-pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f18d6;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(1040px,92%);margin:0 auto;padding:10px 12px 10px 18px;display:grid;box-shadow:0 18px 60px #00000052,inset 0 1px #ffffff0f}.tsn .brand{color:#fff;letter-spacing:-.5px;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.tsn .brand-mark{background:linear-gradient(135deg, var(--tsn-accent), var(--tsn-accent2));color:#fff;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.tsn .nav-links{justify-content:center;align-items:center;gap:30px;display:flex}.tsn .nav-links a{color:#ffffff94;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s}.tsn .nav-links a:hover,.tsn .nav-links a.active{color:#fff}.tsn .nav-cta-wrap{justify-content:flex-end;display:flex}.tsn .nav-cta{color:#fff;background:linear-gradient(90deg,#3b82f6,#00d5c8);border-radius:999px;justify-content:center;align-items:center;min-width:150px;padding:12px 20px;font-size:15px;font-weight:900;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 12px 34px #00d0ff29}.tsn .nav-cta:hover{transform:translateY(-2px)}.tsn .nav-toggle{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;justify-self:end;align-items:center;gap:5px;width:44px;height:44px;display:none}.tsn .nav-toggle span{background:#fff;border-radius:2px;width:22px;height:2px;transition:transform .28s,opacity .2s;display:block}.tsn .nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.tsn .nav-toggle.open span:nth-child(2){opacity:0}.tsn .nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.tsn .nav-drawer{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0f18fa;border-left:1px solid #ffffff14;flex-direction:column;gap:6px;width:min(320px,84vw);height:100%;padding:84px 26px 32px;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-20px 0 60px #00000073}.tsn .nav-drawer.open{transform:translate(0)}.tsn .nav-drawer a{color:#ffffffc7;border-radius:12px;padding:14px 12px;font-size:18px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.tsn .nav-drawer a:hover{color:#fff;background:#ffffff0f}.tsn .nav-drawer .nav-cta{width:100%;margin-top:14px}.tsn .nav-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;background:#05070e99;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.tsn .nav-overlay.open{opacity:1;visibility:visible}.tsn .hero{text-align:center;padding:92px 0 58px}.tsn .eyebrow{border:1px solid var(--tsn-line);color:var(--tsn-muted);background:#ffffff08;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:8px 14px;font-size:13px;display:inline-flex}.tsn .dot{background:var(--tsn-accent2);width:7px;height:7px;box-shadow:0 0 18px var(--tsn-accent2);border-radius:999px}.tsn h1{letter-spacing:-2.4px;max-width:900px;margin:0 auto 20px;font-size:clamp(36px,5vw,62px);line-height:1.04}.tsn .gradient{background:linear-gradient(90deg, var(--tsn-accent), var(--tsn-accent2));color:#0000;-webkit-background-clip:text;background-clip:text}.tsn .hero p{max-width:760px;color:var(--tsn-muted);margin:0 auto 30px;font-size:17px}.tsn .actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.tsn .btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;padding:14px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.tsn .btn-primary{background:var(--tsn-accent);color:#fff}.tsn .btn-secondary{border:1px solid var(--tsn-line);color:#fff;background:#ffffff0d}.tsn .btn:hover{transform:translateY(-3px)}.tsn section{padding:70px 0}.tsn .section-title{text-align:center;max-width:790px;margin:0 auto 42px}.tsn .section-title h2{letter-spacing:-1.6px;margin-bottom:14px;font-size:clamp(28px,4vw,46px);line-height:1.08}.tsn .section-title p{color:var(--tsn-muted);font-size:17px}.tsn .grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.tsn .grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tsn .band{border-top:1px solid var(--tsn-line);border-bottom:1px solid var(--tsn-line);background:#ffffff05}.tsn .card,.tsn .price-card,.tsn .feature-card,.tsn .step,.tsn .mini-card{border:1px solid var(--tsn-line);background:linear-gradient(#ffffff0b,#ffffff05);border-radius:26px;padding:28px;transition:all .3s}.tsn .card:hover,.tsn .feature-card:hover,.tsn .mini-card:hover{background:var(--tsn-panel2);border-color:#ffffff38;transform:translateY(-7px)}.tsn .card h3,.tsn .price-card h3,.tsn .feature-card h3,.tsn .mini-card h3,.tsn .step h3{letter-spacing:-1px;margin-bottom:12px;font-size:24px;line-height:1.12}.tsn .feature-card p,.tsn .mini-card p,.tsn .step p,.tsn .price-card p{color:var(--tsn-muted);margin-bottom:16px}.tsn .icon{border:1px solid var(--tsn-line);background:#ffffff0f;border-radius:17px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:24px;display:flex}.tsn .step span.num{background:var(--tsn-accent);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;font-weight:900;display:inline-flex}.tsn .price-card{flex-direction:column;display:flex}.tsn .price-card.featured{border-color:#7c5cff8c;box-shadow:0 24px 70px #7c5cff2e}.tsn .price{margin:18px 0;font-size:31px;font-weight:900;line-height:1.05}.tsn .price small{color:var(--tsn-muted);margin-top:8px;font-size:14px;font-weight:400;display:block}.tsn .label{background:var(--tsn-accent);border-radius:999px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.tsn ul.clean{flex:1;margin:0 0 22px;padding:0;list-style:none}.tsn ul.clean li{color:var(--tsn-muted);border-bottom:1px solid var(--tsn-line);padding:10px 0}.tsn ul.clean li:before{content:"✓";color:var(--tsn-accent2);margin-right:8px;font-weight:900}.tsn .cycle-toggle{border:1px solid var(--tsn-line);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;margin:0 auto 34px;padding:6px;display:inline-flex}.tsn .cycle-toggle button{width:auto;color:var(--tsn-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:9px 18px;font-size:14px;font-weight:800;transition:all .2s}.tsn .cycle-toggle button.active{background:var(--tsn-accent);color:#fff}.tsn .cycle-toggle .save{color:var(--tsn-accent2);font-size:12px;font-weight:700}.tsn .faq-item{border:1px solid var(--tsn-line);background:#ffffff06;border-radius:18px;margin-bottom:14px;padding:22px 24px}.tsn .faq-item h3{margin-bottom:8px;font-size:18px}.tsn .faq-item p{color:var(--tsn-muted)}.tsn .cta-band{text-align:center;background:radial-gradient(circle at 50% 0,#7c5cff29,#0000 60%),#ffffff05;border:1px solid #7c5cff59;border-radius:30px;padding:56px 28px}.tsn .cta-band h2{letter-spacing:-1.6px;margin-bottom:14px;font-size:clamp(28px,4vw,44px)}.tsn .cta-band p{color:var(--tsn-muted);max-width:560px;margin:0 auto 26px;font-size:17px}.tsn footer{border-top:1px solid var(--tsn-line);color:var(--tsn-muted);padding:56px 0 34px;font-size:14px}.tsn .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;margin-bottom:40px;display:grid}.tsn .footer-grid h4{color:#fff;letter-spacing:.2px;margin-bottom:14px;font-size:14px}.tsn .footer-grid a{color:var(--tsn-muted);padding:5px 0;font-size:14px;text-decoration:none;display:block}.tsn .footer-grid a:hover{color:#fff}.tsn .footer-grid p{color:var(--tsn-muted);margin-bottom:6px;font-size:14px}.tsn .footer-pay{flex-direction:column;gap:12px;display:flex}.tsn .footer-pay .netopia-logo{width:min(240px,100%);height:auto;display:block}.tsn .footer-pay .pay-note{color:#8f96a6;font-size:12px;line-height:1.5}.tsn .footer-bottom{border-top:1px solid var(--tsn-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:22px;display:flex}.tsn .footer-bottom .legal-links{flex-wrap:wrap;gap:16px;display:flex}.tsn .footer-bottom a{color:var(--tsn-muted);font-size:13px;text-decoration:none}.tsn .footer-bottom a:hover{color:#fff}.tsn .anpc{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tsn .anpc img{border-radius:4px;width:auto;height:38px}.tsn .fade{opacity:0;animation:.8s forwards tsnFadeUp;transform:translateY(22px)}.tsn .delay-1{animation-delay:.12s}.tsn .delay-2{animation-delay:.24s}.tsn .delay-3{animation-delay:.36s}@keyframes tsnFadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:920px){.tsn .nav-pill{grid-template-columns:1fr auto}.tsn .nav-links,.tsn .nav-cta-wrap{display:none}.tsn .nav-toggle{display:inline-flex}.tsn .grid-2,.tsn .grid-3,.tsn .footer-grid{grid-template-columns:1fr}.tsn h1{letter-spacing:-1.8px}.tsn .hero{padding-top:70px}}