@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations"),url(/fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations"),url(/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
--tnv-bg:#08131F;--tnv-bg2:#0C1B2C;--tnv-bg3:#12233A;
--tnv-ink:#EAF2F8;--tnv-ink2:#C6D5E1;--tnv-mute:#8FA6BA;--tnv-dim:#7E95AA;
--tnv-teal:#11AAB0;--tnv-teal2:#25C8CE;--tnv-teal3:#7FE3E6;
--tnv-line:rgba(255,255,255,.09);--tnv-line2:rgba(255,255,255,.16);
--tnv-r:18px;--tnv-r2:26px;
--tnv-font:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--tnv-ease:cubic-bezier(.22,.61,.36,1);
}
body{background:var(--tnv-bg)!important;color:var(--tnv-ink);overflow-x:hidden;font-family:var(--tnv-font);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
.tnv-wrap a:not(.tnv-btn):not(.tnv-badge){color:var(--tnv-teal3);text-decoration:none;border-bottom:1px solid rgba(127,227,230,.35);transition:border-color .2s}
.tnv-wrap a:not(.tnv-btn):not(.tnv-badge):hover{border-color:var(--tnv-teal3)}
.tnv-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.tnv-wrap.wide{max-width:1640px;padding-left:clamp(28px,4.6vw,72px);padding-right:clamp(28px,4.6vw,72px)}
.tnv-full{width:100%}
.tnv-sec{padding:96px 0}
.tnv-sec.tight{padding:44px 0}
.tnv-sec.flat{padding-top:0}
.tnv-sec.line{border-top:1px solid var(--tnv-line)}
html.tnv-js .tnv-r{opacity:0;transform:translateY(14px);transition:opacity .65s var(--tnv-ease),transform .65s var(--tnv-ease);transition-delay:var(--d,0s)}
html.tnv-js .tnv-r.in{opacity:1;transform:none}
html.tnv-js .tnv-stagger>*{opacity:0;transform:translateY(14px);transition:opacity .6s var(--tnv-ease),transform .6s var(--tnv-ease)}
html.tnv-js .tnv-stagger.in>*{opacity:1;transform:none}
.tnv-stagger>*:nth-child(2){transition-delay:.07s}.tnv-stagger>*:nth-child(3){transition-delay:.14s}.tnv-stagger>*:nth-child(4){transition-delay:.21s}.tnv-stagger>*:nth-child(5){transition-delay:.28s}.tnv-stagger>*:nth-child(6){transition-delay:.35s}.tnv-stagger>*:nth-child(7){transition-delay:.42s}.tnv-stagger>*:nth-child(8){transition-delay:.49s}.tnv-stagger>*:nth-child(9){transition-delay:.56s}
@media (prefers-reduced-motion:reduce){html.tnv-js .tnv-r,html.tnv-js .tnv-stagger>*{opacity:1;transform:none;transition:none}}
.tnv-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tnv-teal2);margin:0 0 20px}
.tnv-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tnv-teal2);box-shadow:0 0 0 4px rgba(37,200,206,.18)}
.tnv-kicker{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tnv-teal2);margin:0 0 16px}
.tnv-h2{text-align:center;font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:#fff;margin:0;text-wrap:balance}
.tnv-lead{text-align:center;color:var(--tnv-mute);font-size:1.08rem;line-height:1.6;max-width:44em;margin:18px auto 0;text-wrap:pretty}
.tnv-foot{max-width:780px;margin:30px auto 0;text-align:center;font-size:.88rem;color:var(--tnv-mute)}
.tnv-head.left{max-width:760px}
.tnv-head.left .tnv-kicker,.tnv-head.left .tnv-h2,.tnv-head.left .tnv-lead{text-align:start;margin-inline-start:0}
.tnv-num{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--tnv-teal2)}
.tnv-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.tnv-ctas.mid{justify-content:center}
.tnv-btn{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--tnv-teal);color:#04161A!important;font-weight:800;font-size:1rem;letter-spacing:-.005em;padding:15px 26px;border-radius:14px;text-decoration:none;transition:transform .2s var(--tnv-ease),box-shadow .2s,background .2s;box-shadow:0 14px 34px -14px rgba(17,170,176,.9),inset 0 1px 0 rgba(255,255,255,.28)}
.tnv-btn svg{transition:transform .25s var(--tnv-ease)}
.tnv-btn:hover{background:var(--tnv-teal2);transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(37,200,206,.95),inset 0 1px 0 rgba(255,255,255,.3);color:#04161A!important}
.tnv-btn:hover svg.arr{transform:translateX(4px)}
.tnv-btn.ghost{background:rgba(255,255,255,.05);border:1px solid var(--tnv-line2);box-shadow:none;color:#fff!important}
.tnv-btn.ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.tnv-btn:focus-visible,.tnv-tab:focus-visible,.tnv-badge:focus-visible{outline:2px solid var(--tnv-teal2);outline-offset:3px}
.tnv-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#0B1A2C 0%,var(--tnv-bg) 100%);border-bottom:1px solid var(--tnv-line)}
.tnv-hero::before,.tnv-cta::before{content:"";position:absolute;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(38% 42% at 68% 34%,rgba(17,170,176,.38),transparent 70%),radial-gradient(30% 34% at 22% 72%,rgba(37,200,206,.16),transparent 70%),radial-gradient(26% 30% at 84% 78%,rgba(0,98,204,.22),transparent 70%);will-change:transform;animation:tnv-aurora 28s ease-in-out infinite alternate}
.tnv-hero::after,.tnv-cta::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.075;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}
@keyframes tnv-aurora{from{transform:translate3d(-3%,-2%,0) rotate(0deg) scale(1)}to{transform:translate3d(3%,3%,0) rotate(6deg) scale(1.08)}}
.tnv-hero .tnv-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:60px;align-items:center;padding-top:84px;padding-bottom:96px}
.tnv-hero .tnv-wrap.wide{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(44px,4.4vw,80px)}
.tnv-hero h1{font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;color:#fff;margin:0;text-wrap:balance}
.tnv-hero h1 em{font-style:normal;color:var(--tnv-teal2)}
.tnv-sub{margin:24px 0 0;font-size:1.12rem;line-height:1.6;color:var(--tnv-ink2);max-width:32em;text-wrap:pretty}
.tnv-trust{margin-top:30px;padding-top:22px;border-top:1px solid var(--tnv-line);display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.88rem;font-weight:600;color:var(--tnv-mute)}
.tnv-trust span{display:inline-flex;align-items:center;gap:8px}
.tnv-trust svg{color:var(--tnv-teal2);flex-shrink:0}
.tnv-hero.mid .tnv-wrap{grid-template-columns:1fr;text-align:center;padding-bottom:72px}
.tnv-hero.mid .tnv-sub{margin-left:auto;margin-right:auto;text-align:center}
.tnv-hero.mid .tnv-eyebrow{justify-content:center}
.tnv-shot{position:relative;margin:0;border-radius:var(--tnv-r);overflow:hidden;border:1px solid var(--tnv-line2);background:var(--tnv-bg2);box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
picture{display:contents}
.tnv-shot img{display:block;width:100%;height:auto;transition:transform .7s var(--tnv-ease)}
.tnv-zoom img{cursor:zoom-in}
@media (hover:hover){.tnv-zoom:hover img{transform:scale(1.025)}}
.tnv-stage{position:relative;perspective:1600px;--t:0;--mx:0;--my:0;min-width:0;max-width:100%}
.tnv-stage::before{content:"";position:absolute;left:8%;right:8%;bottom:-14%;height:40%;border-radius:50%;background:radial-gradient(closest-side,rgba(17,170,176,.45),transparent);filter:none;z-index:0;pointer-events:none}
.tnv-slides{position:relative;z-index:1;aspect-ratio:16/9;touch-action:pan-y;transform:rotateY(calc(-9deg*var(--t) + var(--mx)*1deg)) rotateX(calc(4deg*var(--t) + var(--my)*1deg));transform-style:preserve-3d;transition:transform .12s linear;will-change:transform}
.tnv-slides figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s var(--tnv-ease);pointer-events:none}
.tnv-slides figure.on{opacity:1;pointer-events:auto}
.tnv-slides img{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.tnv-slides figure.plain{border-radius:var(--tnv-r2);overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 60px 120px -40px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.4);background:var(--tnv-bg2)}
.tnv-slides figure.devices{container-type:inline-size}
.tnv-dev{position:absolute;box-sizing:border-box;background:#070a0e;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 3cqw 6cqw -2cqw rgba(0,0,0,.85)}
.tnv-slides .tnv-dev img{height:auto;object-fit:fill;display:block;width:100%}
.tnv-dev.tv{inset-inline-start:8%;top:0;width:78%;padding:.55cqw;border-radius:1.1cqw}
.tnv-dev.tv img{border-radius:.6cqw}
.tnv-dev.tv::before,.tnv-dev.tv::after{content:"";position:absolute;left:50%;transform:translateX(-50%)}
.tnv-dev.tv::after{top:100%;width:15%;height:2.6cqw;background:linear-gradient(#1b222b,#0b0f14);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}
.tnv-dev.tv::before{top:calc(100% + 2.6cqw);width:30%;height:.7cqw;border-radius:.4cqw;background:#1b222b;box-shadow:0 1cqw 2cqw rgba(0,0,0,.7)}
.tnv-dev.tablet{inset-inline-start:1%;bottom:1%;width:38%;padding:.7cqw;border-radius:1.8cqw;z-index:1}
.tnv-dev.tablet img{border-radius:1.2cqw}
.tnv-dev.phone{inset-inline-end:4%;bottom:0;width:15.5%;padding:.5cqw;border-radius:2.4cqw;z-index:2}
.tnv-dev.phone img{border-radius:1.9cqw}
@media (max-width:560px){
.tnv-dev.tablet{display:none}
.tnv-dev.tv{inset-inline-start:2%;width:78%}
.tnv-dev.phone{inset-inline-end:2%;width:24%;padding:.7cqw;border-radius:3.4cqw}
.tnv-dev.phone img{border-radius:2.7cqw}
}
.tnv-tabs{display:flex;gap:6px;margin-top:22px;width:100%;max-width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;position:relative;z-index:1}
.tnv-tabs::-webkit-scrollbar{display:none}
.tnv-tab{position:relative;flex:0 0 auto;border:0;background:rgba(255,255,255,.04);color:var(--tnv-mute);font:inherit;font-size:.82rem;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer;overflow:hidden;transition:color .25s,background .25s;font-family:var(--tnv-font)}
.tnv-tab::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:2px;width:100%;background:var(--tnv-teal2);transform:scaleX(0);transform-origin:left}
.tnv-tab:hover{color:#fff;background:rgba(255,255,255,.08)}
.tnv-tab.on{color:#fff;background:rgba(37,200,206,.12)}
.tnv-tabs.auto .tnv-tab.on::after{animation:tnv-prog 5s linear forwards}
.tnv-tabs:not(.auto) .tnv-tab.on::after{transform:scaleX(1)}
@keyframes tnv-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tnv-srcs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 8px;margin:0}
.tnv-srcs .lab{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tnv-dim);margin-inline-end:10px}
.tnv-src{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:12px;border:1px solid var(--tnv-line);background:rgba(255,255,255,.03);font-size:.92rem;font-weight:700;color:var(--tnv-ink2);letter-spacing:-.005em}
.tnv-src svg{color:var(--tnv-teal2)}
.tnv-band{position:relative;padding:56px 0 64px;overflow:hidden}
.tnv-band .tilt{transform:rotate(-2deg) scale(1.06)}
.tnv-marq{position:relative;overflow:hidden;padding:10px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tnv-marq-track{display:flex;gap:20px;width:max-content;animation:tnv-slide 70s linear infinite}
.tnv-marq-track.rev{animation-direction:reverse;animation-duration:78s}
.tnv-marq:hover .tnv-marq-track{animation-play-state:paused}
.tnv-marq figure{flex:0 0 auto;width:min(560px,72vw);margin:0}
@keyframes tnv-slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.tnv-marq.tnv-drag{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.tnv-marq.tnv-drag::-webkit-scrollbar{display:none}
.tnv-marq.tnv-drag .tnv-marq-track{animation:none;padding:0 16px}
.tnv-marq.tnv-drag figure{scroll-snap-align:center}
@media (prefers-reduced-motion:reduce){.tnv-marq-track{animation:none}.tnv-marq{overflow-x:auto}.tnv-band .tilt{transform:none}}
.tnv-notice{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--tnv-line);border-radius:var(--tnv-r);padding:24px 28px;max-width:900px;margin:0 auto}
.tnv-notice .ic{flex-shrink:0;width:44px;height:44px;border-radius:12px;border:1px solid rgba(37,200,206,.45);background:rgba(37,200,206,.08);display:flex;align-items:center;justify-content:center;color:var(--tnv-teal2)}
.tnv-notice b{display:block;font-size:1.04rem;font-weight:800;letter-spacing:-.01em;color:#fff;margin-bottom:5px}
.tnv-notice p{font-size:.92rem;line-height:1.55;color:var(--tnv-mute);margin:0}
.tnv-row{display:grid;grid-template-columns:1fr 1.32fr;gap:56px;align-items:center;padding:52px 0}
.tnv-row.rev .tnv-txt{order:2}
.tnv-fhead{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.tnv-fhead .ic{width:46px;height:46px;border-radius:13px;border:1px solid rgba(37,200,206,.4);background:rgba(37,200,206,.08);display:flex;align-items:center;justify-content:center;color:var(--tnv-teal2);flex-shrink:0}
.tnv-fhead h3{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.15;color:#fff;margin:0}
.tnv-chip{font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap;vertical-align:middle}
.tnv-chip.new{background:var(--tnv-teal);color:#04161A}
.tnv-chip.prem{border:1px solid rgba(37,200,206,.7);color:var(--tnv-teal2)}
.tnv-chip.free{border:1px solid rgba(255,255,255,.28);color:#C9D8E4}
ul.tnv-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
ul.tnv-list li{font-size:.98rem;line-height:1.55;color:var(--tnv-ink2);position:relative;padding-inline-start:26px}
ul.tnv-list li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:12px;height:2px;background:var(--tnv-teal2);border-radius:2px}
.tnv-duoshot{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tnv-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,5vw,84px);align-items:start;margin-top:56px}
.tnv-chapters{position:relative;padding-inline-start:34px}
.tnv-chapters::before{content:"";position:absolute;inset-inline-start:5px;top:12px;bottom:12px;width:2px;background:var(--tnv-line);border-radius:2px}
.tnv-chapters::after{content:"";position:absolute;inset-inline-start:5px;top:12px;width:2px;height:var(--rail,0%);background:linear-gradient(180deg,var(--tnv-teal2),var(--tnv-teal));border-radius:2px;transition:height .5s var(--tnv-ease)}
.tnv-ch{position:relative;padding:34px 0 34px;min-height:0;transition:opacity .4s}
.tnv-ch::before{content:"";position:absolute;inset-inline-start:-34px;top:46px;width:12px;height:12px;border-radius:50%;background:var(--tnv-bg);border:2px solid var(--tnv-line2);transition:border-color .3s,box-shadow .3s}
.tnv-ch.on::before{border-color:var(--tnv-teal2);box-shadow:0 0 0 4px rgba(37,200,206,.2)}
.tnv-ch .tnv-num{display:block;margin-bottom:10px}
.tnv-ch h3{font-size:1.55rem;font-weight:800;letter-spacing:-.025em;line-height:1.12;color:#fff;margin:0 0 16px;text-wrap:balance}
.tnv-ch h3 .tnv-chip{margin-inline-start:8px;position:relative;top:-3px}
.tnv-ch .tnv-shot{margin-top:24px}
.tnv-stage2{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.tnv-stage2 .tnv-screen{width:100%}
.tnv-stage2 .tnv-shot{position:absolute;inset:0;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .6s var(--tnv-ease),transform .6s var(--tnv-ease);margin:0}
.tnv-stage2 .tnv-shot.on{opacity:1;transform:none;z-index:1}
.tnv-stage2 .tnv-shot img{transition:none}
.tnv-screen{position:relative;aspect-ratio:16/9;border-radius:var(--tnv-r2);}
.tnv-screen::before{content:"";position:absolute;left:10%;right:10%;bottom:-10%;height:30%;border-radius:50%;background:radial-gradient(closest-side,rgba(17,170,176,.35),transparent);pointer-events:none}
.tnv-stage2 .tnv-shot{border-radius:var(--tnv-r2)}
@media (min-width:1041px){
html.tnv-js .tnv-story .tnv-ch{opacity:.62;min-height:min(68vh,620px);display:flex;flex-direction:column;justify-content:center}
html.tnv-js .tnv-story .tnv-ch.on{opacity:1}
html.tnv-js .tnv-story .tnv-ch:first-child{padding-top:0}
}
.tnv-claim{position:relative;overflow:hidden;padding:110px 0;border-top:1px solid var(--tnv-line);border-bottom:1px solid var(--tnv-line);background:radial-gradient(60% 80% at 50% 120%,rgba(17,170,176,.16),transparent 70%)}
.tnv-claim .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 30%,transparent 100%);pointer-events:none}
.tnv-claim .tnv-wrap{position:relative;text-align:center}
.tnv-claim h2{font-size:clamp(2.2rem,6vw,4.8rem);font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff;margin:0;text-wrap:balance}
.tnv-claim h2 span{display:inline-block}
.tnv-claim h2 span+span{margin-inline-start:.35em}
.tnv-claim h2 .dim{color:rgba(255,255,255,.6)}
.tnv-claim p{max-width:40em;margin:26px auto 0;font-size:1.1rem;line-height:1.6;color:var(--tnv-mute)}
.tnv-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:52px}
.tnv-card{position:relative;grid-column:span 4;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--tnv-line);border-radius:var(--tnv-r2);padding:26px;overflow:hidden;transition:border-color .3s,transform .3s var(--tnv-ease),background .3s}
.tnv-card.w5{grid-column:span 5}.tnv-card.w6{grid-column:span 6}.tnv-card.w7{grid-column:span 7}.tnv-card.w8{grid-column:span 8}
.tnv-card:hover{border-color:rgba(37,200,206,.45);transform:translateY(-3px);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}
.tnv-card .chips{position:absolute;top:18px;inset-inline-end:18px;display:flex;gap:6px;z-index:2}
.tnv-card .ic{width:40px;height:40px;border-radius:12px;border:1px solid rgba(37,200,206,.4);background:rgba(37,200,206,.08);display:flex;align-items:center;justify-content:center;color:var(--tnv-teal2);margin-bottom:18px;flex-shrink:0}
.tnv-card h3{font-size:1.12rem;font-weight:800;letter-spacing:-.015em;color:#fff;margin:0 0 8px}
.tnv-card p{font-size:.92rem;line-height:1.55;color:var(--tnv-mute);margin:0}
.tnv-card .viz{position:relative;height:118px;margin:-6px -6px 18px;border-radius:16px;overflow:hidden;background:rgba(3,10,18,.45);border:1px solid rgba(255,255,255,.06)}
.tnv-card .viz+ .ic{display:none}
.viz.lang span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:#fff;opacity:0}
.in .viz.lang span{animation:tnv-cycle 12s infinite}
.viz.lang span:nth-child(2){animation-delay:2s}.viz.lang span:nth-child(3){animation-delay:4s}.viz.lang span:nth-child(4){animation-delay:6s}.viz.lang span:nth-child(5){animation-delay:8s}.viz.lang span:nth-child(6){animation-delay:10s}
@keyframes tnv-cycle{0%{opacity:0;transform:translateY(8px)}4%{opacity:1;transform:none}15%{opacity:1;transform:none}19%{opacity:0;transform:translateY(-8px)}100%{opacity:0}}
.viz.dpad{display:flex;gap:10px;align-items:center;justify-content:center}
.viz.dpad i{width:52px;height:78px;border-radius:8px;background:linear-gradient(160deg,#1B3557,#0F2340);border:1px solid rgba(255,255,255,.08)}
.viz.dpad i:nth-child(2){background:linear-gradient(160deg,#274B6E,#122A46)}.viz.dpad i:nth-child(3){background:linear-gradient(160deg,#1F5C63,#0F2C3C)}.viz.dpad i:nth-child(4){background:linear-gradient(160deg,#35406B,#141F3C)}
.viz.dpad b{position:absolute;left:calc(50% - 119px);top:calc(50% - 39px);width:52px;height:78px;border-radius:9px;box-shadow:0 0 0 2.5px var(--tnv-teal2),0 0 0 6px rgba(37,200,206,.25);transform:scale(1.06)}
.in .viz.dpad b{animation:tnv-dpad2 6s var(--tnv-ease) infinite}
@keyframes tnv-dpad2{0%,20%{transform:translateX(0) scale(1.06)}25%,45%{transform:translateX(62px) scale(1.06)}50%,70%{transform:translateX(124px) scale(1.06)}75%,95%{transform:translateX(186px) scale(1.06)}100%{transform:translateX(0) scale(1.06)}}
.viz.sync{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--tnv-teal2)}
.viz.sync .dev{width:46px;height:34px;border:2px solid currentColor;border-radius:6px;opacity:.9}
.viz.sync .dev.ph{width:20px;height:36px;border-radius:5px}
.viz.sync .flow{width:90px;height:2px;background-image:radial-gradient(circle,var(--tnv-teal2) 1.5px,transparent 2px);background-size:12px 2px;background-repeat:repeat-x;opacity:.9}
.in .viz.sync .flow{animation:tnv-flow 1.2s linear infinite}
@keyframes tnv-flow{from{background-position:0 0}to{background-position:12px 0}}
.viz.merge{display:flex;align-items:center;justify-content:center;gap:18px}
.viz.merge .in3{display:grid;gap:8px}
.viz.merge .in3 i,.viz.merge .out i{display:block;height:12px;border-radius:6px;background:rgba(255,255,255,.16)}
.viz.merge .in3 i{width:64px}
.viz.merge .in3 i:nth-child(2){width:48px}.viz.merge .in3 i:nth-child(3){width:56px}
.viz.merge .out i{width:78px;height:16px;background:var(--tnv-teal)}
.viz.merge .arr{width:34px;height:2px;background:var(--tnv-line2);position:relative}
.viz.merge .arr::after{content:"";position:absolute;right:-2px;top:-4px;width:8px;height:8px;border-top:2px solid var(--tnv-line2);border-right:2px solid var(--tnv-line2);transform:rotate(45deg)}
.in .viz.merge .in3 i{animation:tnv-merge 3.2s var(--tnv-ease) infinite}
.viz.merge .in3 i:nth-child(2){animation-delay:.15s}.viz.merge .in3 i:nth-child(3){animation-delay:.3s}
@keyframes tnv-merge{0%,55%{transform:none;opacity:1}75%,85%{transform:translateX(52px) scaleX(.2);opacity:0}86%,100%{transform:none;opacity:1}}
.viz.shuf{display:flex;align-items:center;justify-content:center;gap:10px}
.viz.shuf i{width:50px;height:74px;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:transform .5s var(--tnv-ease)}
.viz.shuf i:nth-child(1){background:linear-gradient(160deg,#5B3A78,#2A1D45)}.viz.shuf i:nth-child(2){background:linear-gradient(160deg,#1F5C63,#0F2C3C);transform:translateY(-6px)}.viz.shuf i:nth-child(3){background:linear-gradient(160deg,#6B4B2A,#3B2814)}
.tnv-card:hover .viz.shuf i:nth-child(1){transform:translateX(120px) rotate(4deg)}
.tnv-card:hover .viz.shuf i:nth-child(2){transform:translateX(-60px) translateY(-6px) rotate(-3deg)}
.tnv-card:hover .viz.shuf i:nth-child(3){transform:translateX(-60px) rotate(2deg)}
.viz.cast{display:flex;align-items:center;justify-content:center;color:var(--tnv-teal2)}
.viz.cast .tv{width:76px;height:48px;border:2px solid currentColor;border-radius:8px;position:relative}
.viz.cast .tv::after{content:"";position:absolute;left:24px;right:24px;bottom:-9px;height:2px;background:currentColor;border-radius:2px}
.viz.cast .wave{position:absolute;left:calc(50% - 38px);top:calc(50% - 24px);width:76px;height:48px;border-radius:8px;border:1.5px solid currentColor;opacity:0}
.in .viz.cast .wave{animation:tnv-wave 2.8s ease-out infinite}
.viz.cast .wave:nth-child(3){animation-delay:.9s}.viz.cast .wave:nth-child(4){animation-delay:1.8s}
@keyframes tnv-wave{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}
.viz.lists{display:grid;gap:8px;align-content:center;justify-content:center}
.viz.lists i{display:block;width:150px;height:14px;border-radius:7px;background:rgba(255,255,255,.14);position:relative}
.viz.lists i::before{content:"";position:absolute;left:5px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--tnv-teal2);opacity:.9}
.viz.lists i:nth-child(2){width:120px}.viz.lists i:nth-child(3){width:134px}
.in .viz.lists i:nth-child(3){animation:tnv-jump 4s var(--tnv-ease) infinite}
@keyframes tnv-jump{0%,40%{transform:none}55%,85%{transform:translateY(-44px)}100%{transform:none}}
.viz.fast{display:flex;align-items:center;justify-content:center;gap:12px}
.viz.fast .col{display:grid;gap:6px}
.viz.fast .col i{display:block;width:120px;height:9px;border-radius:5px;background:rgba(255,255,255,.1)}
.viz.fast .bar{width:4px;height:80px;border-radius:2px;background:rgba(255,255,255,.08);position:relative}
.viz.fast .bar::after{content:"";position:absolute;left:-2px;width:8px;height:22px;border-radius:4px;background:var(--tnv-teal2);top:0}
.in .viz.fast .bar::after{animation:tnv-thumb 3.6s var(--tnv-ease) infinite}
@keyframes tnv-thumb{0%,25%{top:0}45%,70%{top:58px}90%,100%{top:0}}
.viz.mview{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:14px 26px}
.viz.mview i{display:block;border-radius:6px;background:linear-gradient(160deg,#1B3557,#0F2340);border:1px solid rgba(255,255,255,.08)}
.viz.mview i:first-child{grid-row:span 2;background:linear-gradient(160deg,#1F5C63,#0F2C3C);box-shadow:0 0 0 2px var(--tnv-teal2)}
.viz.mview i:nth-child(3){background:linear-gradient(160deg,#35406B,#141F3C)}
.viz.fory{display:flex;gap:10px;align-items:center;justify-content:center}
.viz.fory i{position:relative;width:50px;height:74px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#5B3A78,#2A1D45)}
.viz.fory i:nth-child(2){background:linear-gradient(160deg,#1F5C63,#0F2C3C);transform:translateY(-6px)}.viz.fory i:nth-child(3){background:linear-gradient(160deg,#6B4B2A,#3B2814)}
.viz.fory i::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:5px;border-radius:3px;background:var(--tnv-teal2);opacity:.85}
.viz.rmt .dev.ph{position:relative}
.viz.rmt .dev.ph::after{content:"";position:absolute;left:50%;bottom:6px;width:8px;height:8px;margin-left:-4px;border-radius:50%;border:2px solid currentColor}
.viz.voice{display:flex;align-items:center;justify-content:center;color:var(--tnv-teal2)}
.viz.voice .mic{position:relative;z-index:1;width:26px;height:44px;border:2px solid currentColor;border-radius:14px}
.viz.voice .ring{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;opacity:0}
.in .viz.voice .ring{animation:tnv-wave 2.8s ease-out infinite}
.viz.voice .ring:nth-child(3){animation-delay:.9s}.viz.voice .ring:nth-child(4){animation-delay:1.8s}
.viz.ppl{display:flex;align-items:center;justify-content:center;gap:12px}
.viz.ppl i{display:block;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,#1F5C63,#0F2C3C)}
.viz.ppl i:nth-child(2){background:linear-gradient(160deg,#5B3A78,#2A1D45)}.viz.ppl i:nth-child(3){background:linear-gradient(160deg,#6B4B2A,#3B2814)}
.viz.ppl i:nth-child(4){width:34px;height:34px;background:linear-gradient(160deg,#35406B,#141F3C);box-shadow:0 0 0 2px var(--tnv-teal2)}
@media (prefers-reduced-motion:reduce){.in .viz *{animation:none!important}.viz.lang span:first-child{opacity:1}}
.tnv-plat3{display:grid;grid-template-columns:1.1fr 1.1fr .5fr;gap:26px;align-items:end;margin-top:48px}
.tnv-plat4{display:grid;grid-template-columns:1fr 1fr 1fr .42fr;gap:22px;align-items:end;margin-top:48px}
.tnv-plat3 .lbl,.tnv-plat4 .lbl{margin-top:16px;text-align:center}
.tnv-plat3 .lbl b,.tnv-plat4 .lbl b{display:block;font-size:1.04rem;font-weight:800;letter-spacing:-.01em;color:#fff}
.tnv-plat3 .lbl span,.tnv-plat4 .lbl span{font-size:.84rem;color:var(--tnv-dim)}
.tnv-plat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.tnv-plat .tnv-card{text-align:center;grid-column:auto}
.tnv-plat .ic{margin:0 auto 14px}
.tnv-plat .sub{font-size:.82rem;color:var(--tnv-dim);margin-top:4px}
.tnv-zooms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.tnv-zooms .tnv-shot{border-radius:16px}
.tnv-zooms .cap{margin-top:12px;display:flex;gap:10px;align-items:baseline;font-size:.9rem;font-weight:600;color:var(--tnv-ink2)}
.tnv-zooms .cap .tnv-num{flex-shrink:0}
.tnv-wide{margin:48px auto 0;max-width:1000px}
.tnv-langs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:32px auto 0;max-width:920px}
.tnv-langs span{font-size:.86rem;font-weight:600;color:var(--tnv-ink2);padding:7px 13px;border-radius:10px;border:1px solid var(--tnv-line);background:rgba(255,255,255,.03)}
.tnv-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:52px}
.tnv-plan{position:relative;border-radius:var(--tnv-r2);padding:36px;border:1px solid var(--tnv-line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.tnv-plan.prem{border-color:transparent;background:var(--tnv-bg2);z-index:0;overflow:hidden}
.tnv-plan.prem::before{content:"";position:absolute;left:50%;top:50%;width:200%;padding-bottom:200%;margin:-100% 0 0 -100%;z-index:-2;background:conic-gradient(from 0deg,rgba(37,200,206,.05),rgba(37,200,206,.9),rgba(37,200,206,.05) 40%,rgba(37,200,206,.05) 60%,rgba(0,98,204,.7),rgba(37,200,206,.05));animation:tnv-spin 9s linear infinite;will-change:transform}
.tnv-plan.prem::after{content:"";position:absolute;inset:1px;border-radius:calc(var(--tnv-r2) - 1px);z-index:-1;background:linear-gradient(160deg,#10263D,#0C1B2C)}
@keyframes tnv-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.tnv-plan.prem::before{animation:none}}
.tnv-plan .lbl{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tnv-mute)}
.tnv-plan.prem .lbl{color:var(--tnv-teal2)}
.tnv-plan h3{font-size:1.45rem;font-weight:800;letter-spacing:-.025em;color:#fff;margin:8px 0 6px}
.tnv-plan .tag{font-size:.9rem;line-height:1.55;color:var(--tnv-mute);margin:0 0 24px}
.tnv-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}
.tnv-badge{position:relative;display:flex;align-items:center;gap:14px;min-width:212px;padding:14px 22px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid var(--tnv-line);color:#fff!important;text-decoration:none;transition:border-color .2s,transform .2s var(--tnv-ease),background .2s;text-align:start}
.tnv-badge:hover{border-color:var(--tnv-teal2);transform:translateY(-2px);background:rgba(255,255,255,.07)}
.tnv-badge.live{border-color:rgba(37,200,206,.55);background:linear-gradient(160deg,rgba(17,170,176,.22),rgba(255,255,255,.03))}
.tnv-badge .ic{color:var(--tnv-teal2)}
.tnv-badge .pre{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tnv-mute)}
.tnv-badge .name{font-size:1.02rem;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.tnv-badge .soon{position:absolute;top:-9px;inset-inline-end:-6px;background:var(--tnv-teal);color:#04161A;font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.tnv-tm{max-width:860px;margin:28px auto 0;text-align:center;font-size:.7rem;line-height:1.8;color:var(--tnv-dim)}
.tnv-notify{text-align:center;margin-top:20px;font-size:.92rem;color:var(--tnv-mute)}
.tnv-notify a{color:#fff;font-weight:600}
.tnv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}
.tnv-step{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--tnv-line);border-radius:var(--tnv-r2);padding:30px}
.tnv-step .num{width:38px;height:38px;border-radius:12px;border:1px solid rgba(37,200,206,.5);background:rgba(37,200,206,.1);color:var(--tnv-teal2);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:.98rem;font-variant-numeric:tabular-nums}
.tnv-step h3{font-size:1.1rem;font-weight:800;letter-spacing:-.015em;color:#fff;margin:0 0 9px}
.tnv-step p{font-size:.92rem;line-height:1.55;color:var(--tnv-mute);margin:0}
.tnv-faq{max-width:860px;margin:48px auto 0;display:grid;gap:10px}
.tnv-faq details{background:rgba(255,255,255,.035);border:1px solid var(--tnv-line);border-radius:16px;overflow:hidden;transition:border-color .25s,background .25s}
.tnv-faq details[open]{border-color:rgba(37,200,206,.5);background:rgba(255,255,255,.05)}
.tnv-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:19px 24px;font-weight:800;letter-spacing:-.01em;font-size:1rem;color:#fff}
.tnv-faq summary::-webkit-details-marker{display:none}
.tnv-faq summary::after{content:"";margin-inline-start:auto;flex-shrink:0;width:10px;height:10px;border-right:2px solid var(--tnv-teal2);border-bottom:2px solid var(--tnv-teal2);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s var(--tnv-ease)}
.tnv-faq details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.tnv-faq .a{padding:0 24px 22px;font-size:.94rem;line-height:1.6;color:var(--tnv-mute);margin:0}
.tnv-cta{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--tnv-bg),#0B1A2C);border-top:1px solid var(--tnv-line)}
.tnv-cta::before{inset:-40% -20% -20%;animation-duration:32s}
.tnv-cta .tnv-wrap{position:relative;z-index:1;text-align:center;padding-top:96px;padding-bottom:96px}
.tnv-cta h2{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff;margin:0;text-wrap:balance}
.tnv-cta p{color:var(--tnv-ink2);font-size:1.08rem;margin:16px auto 0;max-width:34em}
.tnv-cta .mark{width:56px;height:56px;margin:0 auto 26px;border-radius:16px;background:linear-gradient(160deg,#10263D,#0C1B2C);border:1px solid var(--tnv-line2);display:flex;align-items:center;justify-content:center;color:var(--tnv-teal2);box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.tnv-lb{position:fixed;inset:0;z-index:9999;background:rgba(4,10,18,.94);display:none;align-items:center;justify-content:center;padding:28px;cursor:zoom-out;backdrop-filter:blur(8px)}
.tnv-lb.on{display:flex}
.tnv-lb img{max-width:96vw;max-height:92vh;border-radius:12px;box-shadow:0 40px 90px -20px #000;margin:auto}
.tnv-lb .x{position:fixed;top:12px;right:12px;width:44px;height:44px;border-radius:50%;font-size:1.6rem;line-height:1;color:#fff;background:rgba(9,20,34,.72);border:1px solid rgba(255,255,255,.2);cursor:pointer;opacity:.9;display:flex;align-items:center;justify-content:center}
.tnv-lb .x:hover{opacity:1;background:rgba(17,170,176,.85)}
.tnv-lb.tnv-pan{padding:0;overflow:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}
.tnv-lb.tnv-pan img{max-width:none;max-height:none;height:88vh;width:auto;border-radius:0}
@media (max-width:1040px){
.tnv-wrap.wide{padding-left:28px;padding-right:28px}
.tnv-hero .tnv-wrap,.tnv-hero .tnv-wrap.wide{grid-template-columns:minmax(0,1fr);gap:44px;padding-bottom:72px}
.tnv-stage{max-width:720px}
.tnv-row{grid-template-columns:1fr;gap:34px;padding:40px 0}
.tnv-row.rev .tnv-txt{order:0}
.tnv-story{grid-template-columns:1fr;margin-top:40px}
.tnv-stage2{display:none}
.tnv-plat3{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
.tnv-plat4{grid-template-columns:1fr .42fr;gap:26px}
.tnv-card,.tnv-card.w5,.tnv-card.w7{grid-column:span 6}
.tnv-claim{padding:84px 0}
}
@media (max-width:880px){
.tnv-steps{grid-template-columns:1fr 1fr}
.tnv-zooms{grid-template-columns:1fr 1fr}
.tnv-plat{grid-template-columns:1fr 1fr}
.tnv-duo{grid-template-columns:1fr}
.tnv-sec{padding:72px 0}
}
@media (max-width:768px){
.tnv-wrap,.tnv-wrap.wide{padding-left:20px;padding-right:20px}
.tnv-hero .tnv-wrap,.tnv-hero .tnv-wrap.wide{padding-top:56px;padding-bottom:60px;gap:36px}
.tnv-cta .tnv-wrap{padding-top:68px;padding-bottom:68px}
.tnv-sec{padding:60px 0}
.tnv-sec.tight{padding:32px 0}
.tnv-row{padding:32px 0;gap:26px}
.tnv-notice{gap:14px;padding:20px 18px;border-radius:15px}
.tnv-notice .ic{width:38px;height:38px;border-radius:11px}
.tnv-card{padding:22px 20px;border-radius:20px}
.tnv-step{padding:22px 20px;border-radius:20px}
.tnv-plan{padding:24px 20px;border-radius:20px}
.tnv-faq summary{padding:16px 18px;gap:10px}
.tnv-faq .a{padding:0 18px 18px}
.tnv-badge{padding:13px 16px;min-width:0}
.tnv-marq figure{width:min(560px,82vw)}
.tnv-band{padding:20px 0 28px}
.tnv-band .tilt{transform:none}
.tnv-langs{gap:7px;margin-top:28px}
.tnv-langs span{padding:6px 11px;font-size:.8rem}
.tnv-src{padding:8px 13px;font-size:.86rem}
.tnv-srcs .lab{width:100%;text-align:center;margin:0 0 4px}
.tnv-lead,.tnv-foot,.tnv-tm{font-size:.98rem}
.tnv-tm{font-size:.68rem}
.tnv-chapters{padding-inline-start:26px}
.tnv-ch::before{inset-inline-start:-26px}
.tnv-ch{padding:26px 0}
.tnv-claim{padding:64px 0}
}
@media (max-width:560px){
.tnv-steps{grid-template-columns:1fr}
.tnv-zooms{grid-template-columns:1fr}
.tnv-duoshot{grid-template-columns:1fr}
.tnv-badge{min-width:100%}
.tnv-plat4{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
.tnv-plat3 .tnv-shot.port,.tnv-plat4 .tnv-shot.port{max-width:230px;margin-left:auto;margin-right:auto}
.tnv-card,.tnv-card.w5,.tnv-card.w7{grid-column:span 12}
.tnv-hero h1{letter-spacing:-.03em}
.tnv-sub{font-size:1.02rem}
.tnv-fhead{gap:11px;margin-bottom:14px}
.tnv-fhead .ic{width:42px;height:42px;border-radius:12px}
.tnv-fhead h3{font-size:1.25rem;flex:1 1 0;min-width:0}
.tnv-ch h3{font-size:1.3rem}
.tnv-tabs{margin-top:16px}
}
.tnv-faq summary:focus-visible{outline-offset:-3px}
.tnv-tab:focus-visible{outline-offset:-2px}
.tnv-badge.off,.tnv-badge.off:hover{cursor:default;transform:none;border-color:var(--tnv-line);background:rgba(255,255,255,.04)}
@media (prefers-reduced-motion:reduce){.tnv-hero::before,.tnv-cta::before{animation:none}}
.tnv-trust{font-size:.98rem;color:var(--tnv-ink2)}
.tnv-today{margin-top:16px;font-size:.92rem;color:var(--tnv-ink2);max-width:46ch}
.tnv-badge.off{opacity:.72;min-width:180px;padding:11px 18px}
.tnv-btn svg:not(.arr){flex-shrink:0}
.tnv-hero .tnv-stage .tnv-shot{margin:0}
.tnv-sec .tnv-h2+.tnv-products{margin-top:clamp(24px,3vw,40px)}
.tnv-products{list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
.tnv-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(18px,2.4vw,32px);border:1px solid var(--tnv-line);border-radius:var(--tnv-r-lg,22px);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.tnv-product .pic{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--tnv-line)}
.tnv-product .pic img{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tnv-product:hover .pic img{transform:scale(1.025)}
.tnv-product h3{margin:0 0 12px;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.2}
.tnv-product h3 a{color:inherit;text-decoration:none}
.tnv-product p{margin:0 0 22px;color:var(--tnv-muted,#9fb4c6);max-width:52ch}
@media (max-width:860px){.tnv-product{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.tnv-product .pic img{transition:none}.tnv-product:hover .pic img{transform:none}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;line-height:1.6}
main{flex:1 0 auto}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--tnv-teal2);outline-offset:3px}
.tnv-skip{position:absolute;inset-inline-start:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--tnv-teal);color:var(--tnv-bg);font-weight:700;text-decoration:none}
.tnv-skip:focus{inset-inline-start:12px}
.tnv-hdr{background:var(--tnv-bg);border-bottom:1px solid var(--tnv-line)}
.tnv-hdr .in{max-width:1640px;margin:0 auto;padding:14px clamp(28px,4.6vw,72px);display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}
.tnv-brand{display:block;line-height:0}
.tnv-brand img{display:block;height:32px;width:auto}
.tnv-nav{margin-inline-start:auto;display:flex;align-items:center;gap:4px 6px;flex-wrap:wrap}
.tnv-nav a{color:var(--tnv-ink);text-decoration:none;font-weight:600;font-size:15px;letter-spacing:-.005em;padding:8px 14px;border-radius:10px;border:1px solid transparent}
.tnv-nav a:hover{background:rgba(255,255,255,.07)}
.tnv-nav a[aria-current="page"]{background:rgba(255,255,255,.07)}
.tnv-nav a.dl{background:var(--tnv-teal);color:var(--tnv-bg);padding:10px 16px}
.tnv-nav a.dl:hover{background:var(--tnv-teal2)}
.tnv-hdr .in{position:relative;--gut:clamp(28px,4.6vw,72px)}
.tnv-nav details.lang{margin-inline-start:8px}
.tnv-nav details.lang>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;color:var(--tnv-mute);font-weight:600;font-size:15px;padding:8px 14px;border:1px solid var(--tnv-line2);border-radius:10px;user-select:none}
.tnv-nav details.lang>summary::-webkit-details-marker{display:none}
.tnv-nav details.lang>summary::after{content:"";flex-shrink:0;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.tnv-nav details.lang[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.tnv-nav details.lang>summary:hover,.tnv-nav details.lang[open]>summary{color:var(--tnv-ink)}
.tnv-nav details.lang[open]>summary{background:rgba(255,255,255,.07)}
.tnv-nav details.lang>summary:focus-visible{outline-offset:2px}
.tnv-nav details.lang ul{position:absolute;z-index:60;inset-inline-end:var(--gut);top:calc(100% - 4px);width:min(36rem,calc(100vw - 2*var(--gut)));max-height:min(70vh,28rem);overflow-y:auto;margin:0;padding:8px;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:2px;background:var(--tnv-bg2);border:1px solid var(--tnv-line2);border-radius:14px;box-shadow:0 24px 60px -20px rgba(0,0,0,.9)}
.tnv-nav details.lang li{margin:0;min-width:0}
.tnv-nav details.lang a{display:block;padding:9px 12px;border-radius:9px;font-weight:500;overflow-wrap:anywhere}
.tnv-nav details.lang a[aria-current]{background:rgba(37,200,206,.14);color:#fff;font-weight:700}
.tnv-ftr{background:var(--tnv-bg);border-top:1px solid var(--tnv-line);color:var(--tnv-mute);font-size:14px}
.tnv-ftr .in{max-width:1640px;margin:0 auto;padding:28px clamp(28px,4.6vw,72px);display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}
.tnv-ftr .links{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.tnv-ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.tnv-ftr a{color:var(--tnv-ink2);text-decoration:none}
.tnv-ftr a:hover{color:var(--tnv-ink);text-decoration:underline}
.tnv-ftr p{margin:0}
.tnv-legal{padding:56px 0 96px}
.tnv-legal .tnv-wrap{max-width:860px}
.tnv-legal h1{font-size:clamp(30px,4.2vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 28px;color:var(--tnv-ink)}
.tnv-legal h2{font-size:clamp(21px,2.4vw,26px);line-height:1.25;margin:48px 0 14px;color:var(--tnv-ink);scroll-margin-top:16px}
.tnv-legal h3{font-size:18px;line-height:1.3;margin:30px 0 10px;color:var(--tnv-ink);scroll-margin-top:16px}
.tnv-legal p,.tnv-legal li{color:var(--tnv-ink2);font-size:16.5px;line-height:1.72}
.tnv-legal p{margin:0 0 16px}
.tnv-legal ul,.tnv-legal ol{margin:0 0 18px;padding-inline-start:1.4em}
.tnv-legal li{margin:0 0 8px}
.tnv-legal strong{color:var(--tnv-ink)}
.tnv-legal code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:rgba(255,255,255,.07);padding:.1em .38em;border-radius:6px;overflow-wrap:anywhere}
.tnv-legal blockquote{margin:18px 0;padding:6px 18px;border-inline-start:3px solid var(--tnv-teal);background:rgba(255,255,255,.04);border-radius:0 12px 12px 0}
.tnv-legal blockquote p:last-child{margin-bottom:10px}
.tnv-legal .tbl{overflow-x:auto;margin:0 0 22px;-webkit-overflow-scrolling:touch}
.tnv-legal table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.tnv-legal th,.tnv-legal td{border:1px solid var(--tnv-line2);padding:9px 12px;text-align:start;vertical-align:top;color:var(--tnv-ink2)}
.tnv-legal th{background:rgba(255,255,255,.05);color:var(--tnv-ink);font-weight:700}
.tnv-404{padding:96px 0 120px;text-align:center}
.tnv-404 h1{font-size:clamp(30px,5vw,48px);margin:0 0 12px;letter-spacing:-.02em}
.tnv-404 p{color:var(--tnv-ink2);margin:0 0 28px}
@media (max-width:768px){
.tnv-hdr .in,.tnv-ftr .in{padding-left:20px;padding-right:20px}
.tnv-hdr .in{--gut:20px}
.tnv-legal{padding:36px 0 72px}
}
.tnv-404-langs{margin-top:40px}
.tnv-404-langs p{margin:0 0 14px;color:var(--tnv-mute);font-size:.92rem}
.tnv-404-langs ul{list-style:none;margin:0 auto;padding:0;max-width:760px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tnv-404-langs a{display:inline-block;padding:8px 14px;border-radius:10px;border:1px solid var(--tnv-line2);color:var(--tnv-ink2);text-decoration:none;font-size:.95rem}
.tnv-404-langs a:hover{color:var(--tnv-ink);background:rgba(255,255,255,.07)}
.tnv-guide{--g-note:#9CC3FF;--g-warn:#F3B94D;padding:0 0 96px}
.tnv-guide .tnv-wrap{max-width:1240px}
.tnv-gi{flex:none;display:block}
.tnv-guide-page{padding-top:36px}
.tnv-guide-crumbs{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0 0 22px;padding:0;font-size:.88rem}
.tnv-guide-crumbs li{color:var(--tnv-mute)}
.tnv-guide-crumbs li+li::before{content:"/";margin-inline:8px;color:var(--tnv-dim)}
.tnv-guide-head{margin:0 0 34px;max-width:900px}
.tnv-guide .tnv-wrap a.tnv-gcat{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px 6px 11px;border:1px solid rgba(37,200,206,.34);border-radius:999px;background:rgba(17,170,176,.1);color:var(--tnv-teal3);font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:background .2s,border-color .2s}
.tnv-guide .tnv-wrap a.tnv-gcat:hover{background:rgba(17,170,176,.2);border-color:rgba(37,200,206,.6)}
.tnv-guide h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin:0 0 16px;color:#fff;text-wrap:balance}
.tnv-guide p.tnv-guide-meta{margin:0;font-size:.9rem;color:var(--tnv-mute)}
.tnv-guide-layout{display:grid;grid-template-columns:minmax(0,1fr)}
.tnv-guide-main{min-width:0}
.tnv-guide-side{display:none}
@media (min-width:1041px){
.tnv-guide-layout.has-toc{grid-template-columns:minmax(0,1fr) 264px;gap:72px}
.tnv-guide-side{display:block;position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto}
.tnv-toc-m{display:none}
}
.tnv-toc-t{margin:0 0 14px;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--tnv-mute)}
.tnv-toc ol,.tnv-toc-m ol{list-style:none;margin:0;padding:0}
.tnv-toc ol{border-inline-start:2px solid var(--tnv-line)}
.tnv-toc li,.tnv-toc-m li{margin:0}
.tnv-guide .tnv-wrap .tnv-toc a{display:block;margin-inline-start:-2px;padding:7px 0 7px 16px;border:0;border-inline-start:2px solid transparent;color:var(--tnv-mute);font-size:.92rem;line-height:1.35;transition:color .2s,border-color .2s}
html[dir=rtl] .tnv-guide .tnv-wrap .tnv-toc a{padding:7px 16px 7px 0}
.tnv-guide .tnv-wrap .tnv-toc a:hover{color:var(--tnv-ink)}
.tnv-guide .tnv-wrap .tnv-toc a.on{color:var(--tnv-teal3);border-inline-start-color:var(--tnv-teal2)}
.tnv-toc-m{margin:0 0 20px;border:1px solid var(--tnv-line2);border-radius:14px;background:rgba(255,255,255,.04)}
.tnv-toc-m>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:700;font-size:.95rem;color:var(--tnv-ink);user-select:none}
.tnv-toc-m>summary::-webkit-details-marker{display:none}
.tnv-toc-m>summary::after{content:"";width:9px;height:9px;border:solid var(--tnv-teal2);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--tnv-ease)}
.tnv-toc-m[open]>summary::after{transform:rotate(-135deg)}
.tnv-toc-m ol{padding:0 18px 14px}
.tnv-guide .tnv-wrap .tnv-toc-m a{display:block;padding:9px 0;border:0;border-top:1px solid var(--tnv-line);color:var(--tnv-teal3);font-size:.95rem}
.tnv-guide-answer{position:relative;margin:0 0 6px;padding:22px 26px 24px;overflow:hidden;border:1px solid rgba(37,200,206,.3);border-radius:var(--tnv-r);background:linear-gradient(135deg,rgba(17,170,176,.17),rgba(17,170,176,.05) 55%,rgba(17,170,176,0))}
.tnv-guide-answer::before{content:"";position:absolute;top:-60px;inset-inline-end:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(37,200,206,.2),transparent);pointer-events:none}
.tnv-guide-answer>*{position:relative}
.tnv-guide p.tnv-guide-lbl{margin:0 0 10px;font-size:.76rem;line-height:1.2}
.tnv-guide p.tnv-guide-a{margin:0;font-size:1.2rem;line-height:1.6;color:var(--tnv-ink)}
.tnv-guide-body{min-width:0}
.tnv-guide-body h2{font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;margin:58px 0 18px;color:#fff;scroll-margin-top:24px;text-wrap:balance}
.tnv-guide-body>h2:first-child{margin-top:46px}
.tnv-guide-body h3{font-size:1.18rem;font-weight:800;line-height:1.3;margin:30px 0 10px;color:#fff;scroll-margin-top:24px}
.tnv-guide-body p,.tnv-guide-body li{color:var(--tnv-ink2);font-size:1.0625rem;line-height:1.7}
.tnv-guide-body p{margin:0 0 16px;max-width:72ch}
.tnv-guide-body strong{color:var(--tnv-ink)}
.tnv-guide-body ul{list-style:none;margin:0 0 24px;padding:0;max-width:72ch}
.tnv-guide-body ul>li{position:relative;margin:0 0 12px;padding-inline-start:26px}
.tnv-guide-body ul>li::before{content:"";position:absolute;inset-inline-start:5px;top:.72em;width:7px;height:7px;border-radius:50%;color:var(--tnv-teal2);background:currentColor;box-shadow:0 0 0 4px rgba(37,200,206,.16)}
.tnv-guide-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:rgba(255,255,255,.08);padding:.1em .4em;border-radius:6px;overflow-wrap:anywhere}
.tnv-guide-body pre{margin:0 0 22px;padding:16px 18px;background:var(--tnv-bg2);border:1px solid var(--tnv-line2);border-radius:14px;overflow-x:auto}
.tnv-guide-body pre code{background:none;padding:0;font-size:.88rem;line-height:1.6;color:var(--tnv-ink2);overflow-wrap:normal;white-space:pre}
.tnv-guide-body blockquote{margin:22px 0;padding:6px 20px;border-inline-start:3px solid var(--tnv-teal2);background:rgba(255,255,255,.04);border-radius:0 14px 14px 0}
.tnv-guide-body blockquote p:last-child{margin-bottom:10px}
.tnv-guide-body .tbl{overflow-x:auto;margin:0 0 24px;border:1px solid var(--tnv-line2);border-radius:14px}
.tnv-guide-body table{border-collapse:collapse;width:100%;min-width:480px;font-size:.95rem}
.tnv-guide-body th,.tnv-guide-body td{border-bottom:1px solid var(--tnv-line);padding:11px 16px;text-align:start;vertical-align:top;color:var(--tnv-ink2)}
.tnv-guide-body tr:last-child td{border-bottom:0}
.tnv-guide-body th{background:rgba(255,255,255,.06);color:var(--tnv-ink);font-weight:700}
.tnv-guide-body ol{list-style:none;margin:0 0 30px;padding:0}
.tnv-guide-body ol>li{position:relative;max-width:none;margin:0 0 16px;padding:20px 22px 20px 74px;min-width:0;border:1px solid var(--tnv-line);border-radius:var(--tnv-r);background:rgba(255,255,255,.03)}
html[dir=rtl] .tnv-guide-body ol>li{padding:20px 74px 20px 22px}
.tnv-guide-body ol>li::before{content:counter(list-item);position:absolute;inset-inline-start:20px;top:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(160deg,var(--tnv-teal2),var(--tnv-teal));color:#04161A;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 8px 20px -8px rgba(17,170,176,.9)}
.tnv-guide-body ol>li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:37px;top:60px;bottom:-18px;width:2px;background:linear-gradient(var(--tnv-teal),rgba(17,170,176,0));opacity:.5}
.tnv-step-g{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
.tnv-step-t{min-width:0}
.tnv-guide-body ol>li.port .tnv-step-g{grid-template-columns:minmax(0,1fr) minmax(0,236px);align-items:start}
.tnv-guide-body ol>li.has-shot figure.tnv-shot{margin:0;box-shadow:0 22px 44px -24px rgba(0,0,0,.85)}
@media (max-width:700px){
.tnv-guide-body ol>li{padding:16px 16px 16px 60px}
html[dir=rtl] .tnv-guide-body ol>li{padding:16px 60px 16px 16px}
.tnv-guide-body ol>li::before{inset-inline-start:14px;top:14px;width:32px;height:32px;font-size:.92rem}
.tnv-guide-body ol>li:not(:last-child)::after{inset-inline-start:29px;top:52px}
.tnv-guide-body ol>li.port .tnv-step-g{grid-template-columns:minmax(0,1fr)}
.tnv-guide-body ol>li.port figure.tnv-shot{max-width:236px}
}
.tnv-guide-body figure.tnv-shot{margin:26px 0}
.tnv-guide-body figure.tnv-shot.port{max-width:260px}
.tnv-guide-body figure.tnv-shot img{display:block;width:100%;height:auto}
.tnv-callout{--c:var(--tnv-teal3);--c-b:rgba(127,227,230,.26);--c-bg:rgba(127,227,230,.06);margin:26px 0;padding:16px 20px 8px;border:1px solid var(--c-b);border-radius:16px;background:var(--c-bg)}
.tnv-callout.note{--c:var(--g-note);--c-b:rgba(156,195,255,.28);--c-bg:rgba(156,195,255,.07)}
.tnv-callout.warning{--c:var(--g-warn);--c-b:rgba(243,185,77,.34);--c-bg:rgba(243,185,77,.08)}
.tnv-callout-t{display:flex;align-items:center;gap:9px;margin:0 0 6px;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c)}
.tnv-guide-body .tnv-callout-t{font-size:.76rem;line-height:1.3;margin:0 0 6px;color:var(--c)}
.tnv-callout-b p{font-size:1rem}
.tnv-callout-b p:last-child{margin-bottom:8px}
.tnv-guide-related{margin-top:60px;padding-top:34px;border-top:1px solid var(--tnv-line)}
.tnv-guide-related h2{margin:0 0 22px;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.tnv-guide-related .tnv-gcat-s{display:block}
.tnv-guide-dl{margin-top:56px;padding:28px 30px;border:1px solid rgba(37,200,206,.28);border-radius:var(--tnv-r2);background:radial-gradient(120% 140% at 0% 0%,rgba(17,170,176,.2),rgba(17,170,176,.04) 60%),rgba(255,255,255,.02)}
.tnv-guide-dl h2{margin:0 0 16px;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.tnv-guide-dl p{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.tnv-gico{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid rgba(37,200,206,.28);border-radius:12px;background:linear-gradient(160deg,rgba(37,200,206,.22),rgba(17,170,176,.07));color:var(--tnv-teal3)}
.tnv-gcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.tnv-gcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:22px 22px 20px;border:1px solid var(--tnv-line);border-radius:var(--tnv-r);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))}
html.tnv-js .tnv-gcard{transition:opacity .65s var(--tnv-ease),transform .65s var(--tnv-ease),border-color .25s,background .25s,box-shadow .25s}
.tnv-gcard .tnv-gico{margin:0 0 16px;transition:transform .3s var(--tnv-ease)}
.tnv-gcard h3{margin:0 0 8px;font-size:1.12rem;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:#fff}
.tnv-guide .tnv-wrap .tnv-gcard h3 a{color:inherit;border:0}
.tnv-gcard h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.tnv-gcard p{margin:0;font-size:.95rem;line-height:1.55;color:var(--tnv-ink2)}
.tnv-gcat-s{display:none;margin-top:14px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tnv-teal2)}
.tnv-ggo{position:absolute;inset-block-start:26px;inset-inline-end:22px;color:var(--tnv-mute);transition:transform .3s var(--tnv-ease),color .25s}
html[dir=rtl] .tnv-ggo .tnv-gi{transform:scaleX(-1)}
.tnv-gcard:focus-within{outline:2px solid var(--tnv-teal2);outline-offset:3px}
@media (hover:hover){
.tnv-gcard:hover{border-color:rgba(37,200,206,.5);background:linear-gradient(180deg,rgba(17,170,176,.16),rgba(255,255,255,.025));box-shadow:0 24px 48px -30px rgba(17,170,176,.85)}
.tnv-gcard:hover .tnv-gico{transform:scale(1.08)}
.tnv-gcard:hover .tnv-ggo{transform:translateX(5px);color:var(--tnv-teal2)}
html[dir=rtl] .tnv-gcard:hover .tnv-ggo{transform:translateX(-5px)}
}
@media (min-width:700px){.tnv-gcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1041px){.tnv-gcards{grid-template-columns:repeat(3,minmax(0,1fr))}.tnv-guide-related .tnv-gcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tnv-guide-index{padding:0 0 96px}
.tnv-guide-hero{position:relative;overflow:hidden;padding:36px 0 44px;border-bottom:1px solid var(--tnv-line);background:linear-gradient(180deg,#0B1A2C,var(--tnv-bg))}
.tnv-guide-hero::before{content:"";position:absolute;inset:-30% -8% auto auto;width:780px;height:640px;background:radial-gradient(closest-side,rgba(17,170,176,.3),transparent 74%);pointer-events:none;will-change:transform;animation:tnv-aurora 28s ease-in-out infinite alternate}
html[dir=rtl] .tnv-guide-hero::before{inset-inline:-8% auto}
.tnv-guide-hero .tnv-wrap{position:relative}
.tnv-guide-index h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:0 0 18px}
.tnv-guide-intro{max-width:46em}
.tnv-guide-intro p{margin:0 0 12px;font-size:1.1rem;line-height:1.65;color:var(--tnv-ink2);text-wrap:pretty}
.tnv-guide-intro p:last-child{margin-bottom:0;font-size:.98rem;color:var(--tnv-mute)}
.tnv-gsearch{margin:30px 0 0;max-width:640px}
.tnv-gsearch label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tnv-gsearch-f{display:flex;align-items:center;gap:12px;height:58px;padding:0 20px;border:1px solid var(--tnv-line2);border-radius:16px;background:rgba(255,255,255,.05);color:var(--tnv-mute);transition:border-color .2s,box-shadow .2s,background .2s}
.tnv-gsearch-f:focus-within{border-color:var(--tnv-teal2);background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(37,200,206,.18)}
.tnv-gsearch input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--tnv-ink);font:inherit;font-size:1.05rem}
.tnv-gsearch input::placeholder{color:var(--tnv-mute);opacity:1}
.tnv-gchips{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tnv-gchips li{margin:0}
.tnv-guide .tnv-wrap .tnv-gchips a{display:inline-flex;align-items:center;gap:9px;padding:9px 15px 9px 13px;border:1px solid var(--tnv-line2);border-radius:999px;background:rgba(255,255,255,.045);color:var(--tnv-ink);font-size:.92rem;font-weight:700;transition:background .2s,border-color .2s}
.tnv-guide .tnv-wrap .tnv-gchips a:hover{border-color:rgba(37,200,206,.6);background:rgba(17,170,176,.14)}
.tnv-gchips .tnv-gi{color:var(--tnv-teal2)}
.tnv-gchips b{font-size:.78rem;font-weight:700;color:var(--tnv-mute);font-variant-numeric:tabular-nums}
.tnv-gbody{padding-top:12px}
.tnv-gsec{padding-top:46px;scroll-margin-top:12px}
.tnv-gsec>h2{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#fff}
.tnv-gsec>h2 b{padding:2px 10px;border:1px solid var(--tnv-line2);border-radius:999px;font-size:.78rem;font-weight:700;color:var(--tnv-mute);font-variant-numeric:tabular-nums}
.tnv-gempty{margin:46px 0 0;padding:28px;border:1px dashed var(--tnv-line2);border-radius:var(--tnv-r);text-align:center;color:var(--tnv-mute);font-size:1.05rem}
.tnv-gbar{position:fixed;inset:0 0 auto 0;height:3px;z-index:60;pointer-events:none}
.tnv-gbar i{display:block;height:100%;background:linear-gradient(90deg,var(--tnv-teal),var(--tnv-teal3));transform:scaleX(0);transform-origin:0 50%}
html[dir=rtl] .tnv-gbar i{transform-origin:100% 50%}
.tnv-guide-teaser .tnv-wrap .tnv-h2 a:not(.tnv-btn):not(.tnv-badge){color:var(--tnv-ink);border-bottom-color:transparent}
.tnv-guide-teaser .tnv-wrap .tnv-h2 a:not(.tnv-btn):not(.tnv-badge):hover{border-bottom-color:rgba(255,255,255,.5)}
.tnv-guide-list{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.tnv-guide-list li{margin:0;padding:18px 22px;border:1px solid var(--tnv-line);border-radius:var(--tnv-r);background:rgba(255,255,255,.03)}
.tnv-guide-list p{margin:0;font-size:15.5px;line-height:1.55;color:var(--tnv-ink2)}
.tnv-guide-teaser .tnv-guide-list{margin-top:32px}
.tnv-guide-teaser .tnv-guide-list h3{margin:0 0 6px;font-size:19px;line-height:1.25;letter-spacing:0;text-align:start;color:var(--tnv-ink)}
@media (min-width:760px){
.tnv-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html[dir=rtl] .tnv-guide-body blockquote{border-radius:14px 0 0 14px}
@media (prefers-reduced-motion:reduce){
.tnv-guide-hero::before{animation:none}
.tnv-gcard,.tnv-gcard .tnv-gico,.tnv-ggo,.tnv-toc-m>summary::after{transition:none}
.tnv-gcard:hover .tnv-gico,.tnv-gcard:hover .tnv-ggo{transform:none}
}
body{overflow-wrap:break-word}
h1,h2,h3,summary,.tnv-card p,.tnv-step p,.tnv-plan p,.tnv-nav a{overflow-wrap:anywhere}
html:is(:lang(nl),:lang(sv),:lang(hu),:lang(el),:lang(hr),:lang(ro),:lang(pl)) :is(p,li,h1,h2,h3,summary,.sub){hyphens:auto}
code,pre,.tnv-code,.tnv-fp{direction:ltr;unicode-bidi:isolate}
.tnv-code,.tnv-fp{text-align:left}
.tnv-fp{text-align:center}
.tnv-src,.tnv-badge .name,.tnv-num,.tnv-chip{unicode-bidi:isolate}
.tnv-marq,.tnv-lb,.tnv-card .viz{direction:ltr}
:root:lang(ar),:root:lang(fa),:root:lang(ur){--tnv-font:"Manrope","Segoe UI","Noto Sans Arabic","Noto Naskh Arabic","Geeza Pro","Tahoma",system-ui,sans-serif}
:root:lang(hi){--tnv-font:"Manrope","Nirmala UI","Noto Sans Devanagari","Kohinoor Devanagari","Mangal","Lohit Devanagari",system-ui,sans-serif}
:root:lang(bn){--tnv-font:"Manrope","Nirmala UI","Noto Sans Bengali","Kohinoor Bangla","Vrinda","Lohit Bengali",system-ui,sans-serif}
:root:lang(th){--tnv-font:"Manrope","Leelawadee UI","Noto Sans Thai","Thonburi","Sarabun","Tahoma",system-ui,sans-serif}
:root:lang(ja){--tnv-font:"Manrope","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo","Noto Sans JP","Noto Sans CJK JP",system-ui,sans-serif}
:root:lang(ko){--tnv-font:"Manrope","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans CJK KR",system-ui,sans-serif}
:root:lang(zh){--tnv-font:"Manrope","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",system-ui,sans-serif}
:root:lang(vi){--tnv-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Helvetica,Arial,sans-serif}
html:is(:lang(ar),:lang(fa),:lang(ur),:lang(hi),:lang(bn),:lang(th),:lang(ja),:lang(ko),:lang(zh)) *{letter-spacing:normal!important;text-transform:none!important}
html:is(:lang(ru),:lang(uk),:lang(el),:lang(vi)) :is(h1,h2,h3,.tnv-claim h2){letter-spacing:-.01em}
html:is(:lang(ar),:lang(fa),:lang(ur)) :is(h1,h2,h3,.tnv-claim h2){line-height:1.42}
html:is(:lang(ar),:lang(fa),:lang(ur)) body{line-height:1.8}
html:is(:lang(hi),:lang(bn)) :is(h1,h2,h3,.tnv-claim h2){line-height:1.35}
html:is(:lang(hi),:lang(bn)) body{line-height:1.75}
html:lang(th) :is(h1,h2,h3,.tnv-claim h2){line-height:1.4}
html:lang(th) body{line-height:1.8}
html:is(:lang(ja),:lang(zh),:lang(ko)) :is(h1,h2,h3,.tnv-claim h2){line-height:1.3}
html:is(:lang(ja),:lang(zh),:lang(ko)) body{line-height:1.75}
html:is(:lang(vi),:lang(ru),:lang(uk),:lang(el)) :is(h1,h2,h3,.tnv-claim h2){line-height:1.18}
html:is(:lang(ja),:lang(zh)) body{word-break:normal;line-break:strict}
html:lang(th) body{word-break:normal}
html[dir=rtl] .tnv-btn svg.arr{transform:scaleX(-1)}
html[dir=rtl] .tnv-btn:hover svg.arr{transform:translateX(-4px) scaleX(-1)}
html[dir=rtl] .tnv-tab::after{transform-origin:right}
html[dir=rtl] .tnv-slides{transform:rotateY(calc(9deg*var(--t) - var(--mx)*1deg)) rotateX(calc(4deg*var(--t) + var(--my)*1deg))}
html[dir=rtl] .tnv-lb .x{right:auto;left:12px}
html[dir=rtl] .tnv-legal blockquote{border-radius:12px 0 0 12px}
@media (min-width:1041px){html[dir=rtl] .tnv-arrow svg{transform:none!important}}