/* Zero Trace Gadgets public system. Scoped to the installer template. */
.zttg-custom-logo { display:block; max-height:34px; max-width:190px; object-fit:contain; width:auto; }
.zttg-controlled-template { margin:0; background:#06101d; }
.zttg-site { --ink:#ecf5ff; --muted:#a9b9ca; --bg:#06101d; --panel:#0b1929; --panel2:#10243a; --line:rgba(180,220,250,.16); --cyan:#66e8fa; --violet:#a390ff; --lime:#c0f693; --shadow:0 25px 70px rgba(0,0,0,.3); background:var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:16px; line-height:1.55; overflow:hidden; }
.zttg-site *,.zttg-site *:before,.zttg-site *:after { box-sizing:border-box; }.zttg-site a { color:inherit; text-decoration:none; }.zttg-site img { height:auto; max-width:100%; }.zttg-shell { margin:0 auto; width:min(1180px,calc(100% - 48px)); }.zttg-site h1,.zttg-site h2,.zttg-site h3,.zttg-site p { margin-top:0; }.zttg-site h1,.zttg-site h2,.zttg-site h3 { letter-spacing:-.048em; line-height:1.05; }.zttg-site h1 { font-size:clamp(3.1rem,6.4vw,6.1rem); font-weight:650; }.zttg-site h2 { font-size:clamp(2.05rem,4vw,4.2rem); font-weight:630; }.zttg-site h3 { font-size:1.25rem; }.zttg-site strong,.zttg-site h1 strong,.zttg-site h2 em { color:var(--cyan); font-style:normal; }.zttg-site input,.zttg-site textarea,.zttg-site select,.zttg-site button { font:inherit; }.zttg-site button { cursor:pointer; }.zttg-site :focus-visible { outline:3px solid var(--lime); outline-offset:3px; }.screen-reader-text { clip:rect(0,0,0,0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; }
.zttg-skip-link { background:#fff; color:#071624; left:-999px; padding:10px 14px; position:absolute; top:0; z-index:1000; }.zttg-skip-link:focus { left:12px; top:12px; }
.zttg-header { background:rgba(5,15,27,.95); border-bottom:1px solid var(--line); position:relative; z-index:30; }.zttg-header-row { align-items:center; display:flex; gap:22px; height:78px; }.zttg-brand { align-items:center; display:inline-flex; flex-shrink:0; font-size:1.08rem; font-weight:760; gap:10px; letter-spacing:-.045em; }.zttg-brand em { color:var(--cyan); font-style:normal; }.zttg-brand-mark { align-items:center; background:linear-gradient(135deg,var(--cyan),var(--violet)); border-radius:9px; display:flex; height:30px; justify-content:center; overflow:hidden; position:relative; transform:rotate(-7deg); width:30px; }.zttg-brand-mark i { background:#07213a; border-radius:1px; height:14px; position:absolute; transform:rotate(35deg); width:3px; }.zttg-brand-mark i:nth-child(1){margin-left:-9px}.zttg-brand-mark i:nth-child(3){margin-left:9px}.zttg-desktop-nav { margin-left:auto; }.zttg-desktop-nav ul,.zttg-mobile-nav ul { display:flex; list-style:none; margin:0; padding:0; }.zttg-desktop-nav li a { border-radius:7px; color:var(--muted); display:block; font-size:.84rem; padding:8px 10px; transition:.2s; }.zttg-desktop-nav li a:hover,.zttg-desktop-nav .current-menu-item a { background:rgba(255,255,255,.07); color:var(--ink); }.zttg-header-search { align-items:center; border:1px solid var(--line); border-radius:7px; display:flex; overflow:hidden; }.zttg-header-search input { background:transparent; border:0; color:var(--ink); font-size:.78rem; min-width:90px; outline:0; padding:7px 8px; width:110px; }.zttg-header-search input::placeholder { color:#7790a7; }.zttg-header-search button { background:transparent; border:0; color:var(--cyan); font-size:1.1rem; padding:3px 8px; }.zttg-theme-toggle,.zttg-menu-toggle { background:transparent; border:1px solid var(--line); border-radius:50%; color:var(--ink); flex-shrink:0; height:33px; width:33px; }.zttg-theme-toggle:hover { border-color:var(--cyan); color:var(--cyan); }.zttg-cart-link { color:var(--cyan); font-size:.8rem; font-weight:720; }.zttg-menu-toggle { display:none; position:relative; }.zttg-menu-toggle i { background:currentColor; display:block; height:1px; margin:4px auto; width:14px; }.zttg-mobile-nav { background:#091827; border-bottom:1px solid var(--line); padding:10px 24px 18px; }.zttg-mobile-nav ul { flex-direction:column; }.zttg-mobile-nav a { color:var(--muted); display:block; padding:10px 0; }
.zttg-hero { background:#071524 var(--zttg-hero) right center/cover no-repeat; isolation:isolate; min-height:640px; position:relative; }.zttg-hero:before { background:linear-gradient(90deg,rgba(5,16,29,.98) 0%,rgba(5,16,29,.91) 42%,rgba(5,16,29,.28) 75%,rgba(5,16,29,.55) 100%),linear-gradient(0deg,#06101d 0%,transparent 26%); content:""; inset:0; position:absolute; z-index:-1; }.zttg-hero-overlay { background:radial-gradient(circle at 72% 49%,rgba(91,230,250,.17),transparent 27%),radial-gradient(circle at 50% 90%,rgba(161,137,255,.16),transparent 23%),radial-gradient(rgba(255,255,255,.4) .6px,transparent .6px); background-size:auto,auto,8px 8px; inset:0; mix-blend-mode:screen; opacity:.18; position:absolute; z-index:-1; }.zttg-hero-grid { align-items:center; display:grid; grid-template-columns:1.25fr .75fr; min-height:505px; position:relative; }.zttg-kicker,.zttg-eyebrow { color:var(--cyan); font-size:.71rem; font-weight:760; letter-spacing:.16em; text-transform:uppercase; }.zttg-kicker { align-items:center; display:flex; gap:10px; margin-bottom:19px; }.zttg-kicker span { background:var(--lime); border-radius:50%; box-shadow:0 0 0 0 rgba(192,246,147,.6); height:7px; width:7px; animation:zttg-pulse 2s infinite; }@keyframes zttg-pulse{70%{box-shadow:0 0 0 8px rgba(192,246,147,0)}100%{box-shadow:0 0 0 0 rgba(192,246,147,0)}}.zttg-lede { color:#c1d3e6; font-size:clamp(1.04rem,1.55vw,1.25rem); line-height:1.62; max-width:610px; }.zttg-actions { display:flex; flex-wrap:wrap; gap:12px; margin:31px 0; }.zttg-button { align-items:center; border:1px solid transparent; border-radius:9px; display:inline-flex; font-size:.89rem; font-weight:720; gap:15px; justify-content:center; min-height:45px; padding:0 17px; transition:.2s; }.zttg-button:hover { transform:translateY(-2px); }.zttg-button-primary { background:var(--cyan); box-shadow:0 12px 28px rgba(102,232,250,.16); color:#062033; }.zttg-button-primary:hover { box-shadow:0 16px 34px rgba(102,232,250,.31); }.zttg-button-quiet { border-color:rgba(255,255,255,.22); color:var(--ink); }.zttg-button-quiet:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.42); }.zttg-hero-proof { color:#c1d3e6; display:flex; flex-wrap:wrap; font-size:.74rem; gap:9px 22px; list-style:none; margin:0; padding:0; }.zttg-hero-proof li:before { color:var(--lime); content:"✓"; margin-right:7px; }.zttg-hero-signal { backdrop-filter:blur(15px); background:linear-gradient(145deg,rgba(20,53,80,.76),rgba(5,19,34,.65)); border:1px solid rgba(175,232,255,.33); border-radius:18px; box-shadow:var(--shadow); display:flex; flex-direction:column; justify-self:center; min-width:205px; padding:25px; position:relative; transform:rotate(-5deg); }.zttg-hero-signal:after { border:1px solid rgba(165,139,255,.28); border-radius:50%; content:""; height:320px; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%) scaleY(.38) rotate(24deg); width:320px; z-index:-1; }.zttg-hero-signal span,.zttg-hero-signal small { color:var(--muted); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; }.zttg-hero-signal strong { font-size:2.25rem; letter-spacing:-.08em; line-height:.93; margin:15px 0; }.zttg-stats { border-top:1px solid rgba(202,233,255,.17); display:grid; grid-template-columns:repeat(4,1fr); }.zttg-stats>div { border-right:1px solid rgba(202,233,255,.17); display:flex; flex-direction:column; padding:19px 24px 24px; }.zttg-stats>div:first-child { padding-left:0; }.zttg-stats>div:last-child { border:0; }.zttg-stats strong { color:var(--cyan); font-size:1.2rem; letter-spacing:-.04em; }.zttg-stats span { color:var(--muted); font-size:.7rem; }
.zttg-section { padding:112px 0; }.zttg-section-head { align-items:end; display:flex; gap:20px; justify-content:space-between; margin-bottom:38px; }.zttg-section-head h2 { margin-bottom:0; }.zttg-eyebrow { margin-bottom:13px; }.zttg-text-link { color:var(--cyan); display:inline-flex; font-size:.87rem; font-weight:730; gap:11px; }.zttg-text-link span { transition:transform .2s; }.zttg-text-link:hover span { transform:translateX(4px); }.zttg-category-section { background:linear-gradient(180deg,#081625,#0b1929); }.zttg-category-grid { display:grid; gap:14px; grid-template-columns:repeat(4,1fr); }.zttg-category-grid>a { background:linear-gradient(145deg,rgba(26,54,79,.58),rgba(10,27,44,.64)); border:1px solid var(--line); border-radius:15px; display:block; min-height:252px; overflow:hidden; padding:23px; position:relative; transition:.25s; }.zttg-category-grid>a:before { background:radial-gradient(circle at 84% 13%,rgba(102,232,250,.12),transparent 34%); content:""; inset:0; pointer-events:none; position:absolute; }.zttg-category-grid>a:hover { border-color:rgba(102,232,250,.55); box-shadow:var(--shadow); transform:translateY(-5px); }.zttg-category-grid.is-large>a { min-height:270px; }.zttg-category-no { color:rgba(102,232,250,.75); font-size:.77rem; font-weight:760; position:relative; }.zttg-category-icon { color:var(--cyan); display:block; font-size:2rem; margin:34px 0 21px; position:relative; text-shadow:0 0 20px rgba(102,232,250,.55); }.zttg-category-grid h3 { color:#f2fbff; font-size:1.08rem; line-height:1.25; margin-bottom:9px; position:relative; }.zttg-category-grid p { color:#c6d8e9; font-size:.82rem; line-height:1.5; margin-bottom:0; max-width:250px; position:relative; }.zttg-category-cta { bottom:18px; color:var(--cyan); font-size:.72rem; font-weight:730; left:23px; letter-spacing:.03em; position:absolute; }.zttg-category-cta i { color:var(--cyan); font-size:1rem; font-style:normal; margin-left:8px; }.zttg-category-grid>a:hover .zttg-category-cta i { display:inline-block; transform:translate(2px,-2px); }
.zttg-featured { background:#07111e; }.zttg-product-grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); }.zttg-product-card { background:linear-gradient(160deg,#0d1d2e,#0a1726); border:1px solid var(--line); border-radius:17px; overflow:hidden; transition:.25s; }.zttg-product-card:hover { border-color:rgba(102,232,250,.55); box-shadow:var(--shadow); transform:translateY(-5px); }.zttg-product-image { align-items:center; background:radial-gradient(circle at 47% 25%,rgba(132,238,252,.3),transparent 30%),linear-gradient(130deg,#0a2842,#172b4a 48%,#1c1f4b); display:flex; height:220px; justify-content:center; overflow:hidden; position:relative; }.zttg-product-image img { height:100%; object-fit:cover; position:absolute; width:100%; }.zttg-product-image:before { border:1px solid rgba(174,237,255,.25); border-radius:50%; content:""; height:280px; position:absolute; transform:scaleY(.35) rotate(26deg); width:280px; }.zttg-product-orb { background:radial-gradient(circle at 32% 24%,#e2feff,#70e1ef 18%,#17416a 53%,#081b2d 72%); border:1px solid rgba(211,250,255,.52); border-radius:50%; box-shadow:inset -20px -18px 32px rgba(0,0,0,.45),0 15px 34px rgba(0,0,0,.35); height:112px; transform:rotate(-17deg); width:112px; }.zttg-product-glyph { color:#e8fdff; font-size:2.1rem; position:absolute; text-shadow:0 0 22px rgba(102,232,250,.9); }.zttg-card-image-label { background:rgba(4,14,25,.78); border:1px solid rgba(202,241,255,.38); border-radius:999px; bottom:10px; color:#e7f9ff; font-size:.62rem; left:10px; padding:5px 8px; position:absolute; z-index:1; }.zttg-card-body { padding:19px; }.zttg-card-meta { color:var(--muted); display:flex; font-size:.68rem; justify-content:space-between; letter-spacing:.05em; text-transform:uppercase; }.zttg-card-meta span:last-child { color:#f7d77d; }.zttg-rating-summary { letter-spacing:.08em; white-space:nowrap; }.zttg-rating-summary.is-empty { color:#8ea2b5; letter-spacing:.06em; }.zttg-rating-summary.is-empty span { font-size:.58rem; letter-spacing:.02em; text-transform:none; }.zttg-product-card h3 { font-size:1.33rem; margin:13px 0 8px; }.zttg-product-card h3 a:hover,.zttg-video-card h3 a:hover,.zttg-tutorial-card h3 a:hover { color:var(--cyan); }.zttg-product-card p { color:var(--muted); font-size:.84rem; line-height:1.55; min-height:66px; }.zttg-product-card footer { align-items:center; border-top:1px solid var(--line); display:flex; font-size:.84rem; justify-content:space-between; margin-top:18px; padding-top:14px; }.zttg-product-card footer strong { color:var(--ink); }.zttg-product-card footer a { color:var(--cyan); font-weight:700; }.zttg-product-card footer a span { padding-left:6px; }.zttg-related{background:#07111e}.zttg-related-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:24px}.zttg-related-card{background:linear-gradient(155deg,#0c1b2c,#0a1522);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:10px;min-height:158px;padding:21px;transition:.2s}.zttg-related-card:hover{border-color:rgba(102,232,250,.55);transform:translateY(-3px)}.zttg-related-card span{color:var(--cyan);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.zttg-related-card strong{font-size:1.08rem}.zttg-related-card small{color:var(--muted);line-height:1.5}
.zttg-learning-band { background:linear-gradient(135deg,#101c38,#102b42 55%,#1d234b); padding:112px 0; position:relative; }.zttg-learning-band:after { background:radial-gradient(circle,rgba(108,233,251,.2) 0 1px,transparent 1px); background-size:16px 16px; content:""; inset:0; mask-image:linear-gradient(90deg,transparent,black); opacity:.45; pointer-events:none; position:absolute; }.zttg-learning-layout { align-items:center; display:grid; gap:80px; grid-template-columns:.85fr 1.15fr; position:relative; z-index:1; }.zttg-learning-layout>div>p:not(.zttg-eyebrow) { color:#bdccdd; font-size:1.04rem; max-width:450px; }.zttg-learning-list { border-top:1px solid rgba(255,255,255,.2); }.zttg-learning-row { align-items:center; border-bottom:1px solid rgba(255,255,255,.2); display:grid; gap:15px; grid-template-columns:40px 1fr auto 18px; padding:21px 0; transition:.2s; }.zttg-learning-row:hover { color:var(--cyan); padding-left:8px; }.zttg-learning-row span,.zttg-learning-row em { color:#a3b0c2; font-size:.73rem; font-style:normal; }.zttg-learning-row strong { font-size:1.02rem; letter-spacing:-.02em; }.zttg-learning-row i { font-style:normal; }
.zttg-video-grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); }.zttg-video-card { background:#0b1a2c; border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:.25s; }.zttg-video-card:hover { border-color:rgba(102,232,250,.52); transform:translateY(-5px); }.zttg-video-thumb { align-items:center; background:linear-gradient(135deg,#254b6f,#1a2151 55%,#091727); display:flex; height:205px; justify-content:center; overflow:hidden; position:relative; }.zttg-video-thumb:before { background:radial-gradient(circle at 31% 29%,rgba(131,246,255,.44),transparent 18%),radial-gradient(circle at 73% 80%,rgba(168,124,255,.37),transparent 28%),repeating-linear-gradient(90deg,transparent 0 20px,rgba(175,235,255,.15) 20px 21px); content:""; inset:0; position:absolute; transform:skewX(-20deg); }.zttg-video-index { color:rgba(235,252,255,.7); font-size:4.1rem; font-weight:800; left:17px; letter-spacing:-.1em; position:absolute; top:6px; }.zttg-play { align-items:center; backdrop-filter:blur(6px); background:rgba(225,253,255,.17); border:1px solid rgba(235,255,255,.6); border-radius:50%; display:flex; font-size:.75rem; height:51px; justify-content:center; padding-left:3px; position:relative; width:51px; }.zttg-video-thumb small { background:rgba(5,16,29,.7); border-radius:5px; bottom:11px; color:#deefff; font-family:ui-monospace,monospace; font-size:.65rem; padding:4px 6px; position:absolute; right:11px; }.zttg-video-card>div { padding:17px 18px 20px; }.zttg-card-category { color:var(--cyan); font-size:.69rem; letter-spacing:.1em; text-transform:uppercase; }.zttg-video-card h3 { font-size:1.18rem; margin:8px 0; }.zttg-video-card p { color:var(--muted); font-size:.83rem; margin-bottom:0; }
.zttg-review-section { background:linear-gradient(180deg,#0c1d31,#071321); }.zttg-review-layout { align-items:center; display:grid; gap:75px; grid-template-columns:.85fr 1.15fr; }.zttg-review-layout>div>p:not(.zttg-eyebrow) { color:var(--muted); max-width:420px; }.zttg-review-preview,.zttg-reviews-list { display:grid; gap:14px; grid-template-columns:repeat(2,1fr); }.zttg-review-card,.zttg-empty-review { background:rgba(18,45,68,.6); border:1px solid var(--line); border-radius:14px; padding:21px; }.zttg-review-card h3 { font-size:1rem; margin:9px 0 7px; }.zttg-review-card p,.zttg-empty-review p { color:#bdcbda; font-size:.85rem; }.zttg-stars { color:#f7d477; font-size:.81rem; letter-spacing:2px; }.zttg-review-card footer { align-items:center; display:flex; gap:9px; margin-top:18px; }.zttg-avatar { align-items:center; background:linear-gradient(135deg,#466d8e,#695bad); border-radius:50%; display:flex; font-size:.74rem; font-weight:700; height:29px; justify-content:center; width:29px; }.zttg-review-card footer strong { display:block; font-size:.74rem; }.zttg-review-card footer strong i { color:var(--lime); font-size:.63rem; font-style:normal; }.zttg-review-card footer small { color:var(--muted); display:block; font-size:.67rem; }.zttg-review-image img { border-radius:7px; margin-top:11px; }.zttg-empty-review { grid-column:1/-1; }.zttg-empty-review>span { color:var(--cyan); display:block; font-size:3.8rem; line-height:.6; }
.zttg-responsible { background:#d5fb9e; color:#0a2a38; padding:43px 0; }.zttg-responsible .zttg-shell { align-items:center; display:grid; gap:25px; grid-template-columns:50px 1fr auto; }.zttg-responsible-icon { align-items:center; background:#123c46; border-radius:50%; color:#dcffb3; display:flex; font-weight:800; height:38px; justify-content:center; width:38px; }.zttg-responsible .zttg-eyebrow { color:#396943; margin-bottom:7px; }.zttg-responsible h2 { color:#082b38; font-size:clamp(1.6rem,2.7vw,2.4rem); margin-bottom:8px; }.zttg-responsible p:not(.zttg-eyebrow) { color:#34535c; margin-bottom:0; max-width:690px; }.zttg-responsible .zttg-button { border-color:#155063; color:#0c3544; }
.zttg-faq-section { background:#07111e; }.zttg-faq-layout { display:grid; gap:90px; grid-template-columns:.66fr 1.34fr; }.zttg-accordion { border-top:1px solid var(--line); }.zttg-accordion-item { border-bottom:1px solid var(--line); }.zttg-accordion-item h3 { margin:0; }.zttg-accordion-trigger { align-items:center; background:transparent; border:0; color:var(--ink); display:flex; font-size:1rem; font-weight:620; gap:15px; justify-content:space-between; letter-spacing:-.02em; padding:20px 0; text-align:left; width:100%; }.zttg-accordion-trigger i { color:var(--cyan); font-size:1.5rem; font-style:normal; font-weight:300; transition:transform .2s; }.zttg-accordion-trigger[aria-expanded="true"] i { transform:rotate(45deg); }.zttg-accordion-panel { color:var(--muted); font-size:.9rem; padding:0 35px 21px 0; }.zttg-accordion-panel p:last-child { margin-bottom:0; }
.zttg-newsletter { background:linear-gradient(90deg,#81f0ff,#9de4ff 45%,#af9cff); color:#062033; padding:53px 0; }.zttg-newsletter-inner { align-items:center; display:grid; gap:30px; grid-template-columns:1fr 1fr; }.zttg-newsletter .zttg-eyebrow { color:#0b4d65; }.zttg-newsletter h2 { color:#062033; font-size:clamp(1.9rem,3.2vw,3rem); margin-bottom:9px; }.zttg-newsletter p:not(.zttg-eyebrow) { color:#1a4d62; margin-bottom:0; }.zttg-newsletter-form { align-items:start; display:grid; gap:7px; grid-template-columns:1fr auto; }.zttg-newsletter-form input { background:rgba(255,255,255,.86); border:1px solid rgba(5,42,61,.25); border-radius:9px; color:#062033; min-height:46px; outline:none; padding:0 13px; }.zttg-newsletter-form .zttg-button-primary { background:#08263b; color:#e1fbff; }.zttg-newsletter-form .zttg-form-status,.zttg-newsletter-form small { color:#0b4862; font-size:.78rem; grid-column:1/-1; margin:2px 0 0; }
.zttg-footer { background:#050c15; border-top:1px solid var(--line); padding:48px 0 24px; }.zttg-footer-grid { display:grid; gap:28px; grid-template-columns:1.5fr 1fr auto; }.zttg-footer p { color:var(--muted); font-size:.8rem; margin:14px 0 0; max-width:300px; }.zttg-footer nav { align-content:start; display:flex; flex-wrap:wrap; gap:10px 18px; }.zttg-footer nav a { color:#c8d8e8; font-size:.78rem; }.zttg-footer nav a:hover { color:var(--cyan); }.zttg-footer small { align-self:end; color:#718196; font-size:.69rem; text-align:right; }
.zttg-page-hero,.zttg-detail-hero { background:radial-gradient(circle at 77% 14%,rgba(102,232,250,.16),transparent 26%),linear-gradient(125deg,#081827,#0c2137 55%,#121b3d); border-bottom:1px solid var(--line); min-height:350px; overflow:hidden; padding:88px 0 65px; position:relative; }.zttg-page-hero:after { border:1px solid rgba(105,232,251,.22); border-radius:50%; content:""; height:540px; position:absolute; right:-90px; top:-180px; transform:scaleY(.35) rotate(-27deg); width:540px; }.zttg-page-hero h1 { font-size:clamp(2.8rem,5.5vw,5.1rem); margin-bottom:16px; max-width:900px; }.zttg-page-hero p:not(.zttg-kicker) { color:#bed1e4; font-size:1.08rem; max-width:650px; }.zttg-page-hero-violet { background:radial-gradient(circle at 18% 15%,rgba(164,135,255,.2),transparent 29%),linear-gradient(125deg,#141a3a,#0b273f 52%,#061420); }.zttg-page-hero-video { background:radial-gradient(circle at 83% 19%,rgba(118,245,251,.23),transparent 24%),linear-gradient(125deg,#0d2541,#191d4d 48%,#071522); }.zttg-page-hero-green { background:radial-gradient(circle at 75% 21%,rgba(190,246,147,.14),transparent 25%),linear-gradient(125deg,#0d2234,#102b41 45%,#10203c); }.zttg-filter-bar { align-items:center; display:flex; flex-wrap:wrap; gap:13px 20px; justify-content:space-between; margin-bottom:32px; }.zttg-search { background:#0c1c2d; border:1px solid var(--line); border-radius:8px; color:var(--ink); min-height:44px; min-width:260px; outline:none; padding:0 13px; }.zttg-search:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(102,232,250,.12); }.zttg-search::placeholder { color:#7991a9; }.zttg-chips { display:flex; flex-wrap:wrap; gap:7px; }.zttg-chips button { background:transparent; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.75rem; padding:7px 12px; transition:.2s; }.zttg-chips button:hover,.zttg-chips button.is-active { background:rgba(102,232,250,.12); border-color:rgba(102,232,250,.55); color:var(--cyan); }.zttg-filter-item[hidden],.zttg-accordion-item[hidden] { display:none; }.zttg-no-results { color:var(--muted); text-align:center; }.zttg-muted { color:var(--muted); }
.zttg-tutorial-grid { display:grid; gap:14px; grid-template-columns:repeat(2,1fr); }.zttg-tutorial-card { background:linear-gradient(145deg,#0d2136,#0a1727); border:1px solid var(--line); border-radius:15px; display:grid; gap:21px; grid-template-columns:52px 1fr; min-height:236px; padding:24px; transition:.24s; }.zttg-tutorial-card:hover { border-color:rgba(163,139,255,.6); transform:translateY(-4px); }.zttg-tutorial-no { color:rgba(148,229,247,.55); font-size:1.65rem; font-weight:700; letter-spacing:-.08em; }.zttg-difficulty { color:var(--lime); font-size:.68rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.zttg-tutorial-card h3 { font-size:1.35rem; margin:8px 0; }.zttg-tutorial-card p { color:var(--muted); font-size:.87rem; line-height:1.6; }.zttg-tutorial-card footer { align-items:center; display:flex; justify-content:space-between; }.zttg-tutorial-card footer>span { color:var(--muted); font-size:.72rem; }
.zttg-video-reel .zttg-video-card:nth-child(3n+2){transform:translateY(24px)}.zttg-video-reel .zttg-video-card:nth-child(3n+3){transform:translateY(48px)}.zttg-video-reel .zttg-video-card:hover{transform:translateY(18px)}.zttg-video-reel .zttg-video-card:nth-child(3n+3):hover{transform:translateY(42px)}.zttg-video-reel .zttg-video-thumb{height:340px}.zttg-video-reel .zttg-video-index{font-size:5rem}
.zttg-reviews-layout { align-items:start; display:grid; gap:60px; grid-template-columns:1.2fr .8fr; }.zttg-form-card { background:linear-gradient(145deg,#102b42,#0b182a); border:1px solid rgba(126,231,251,.3); border-radius:16px; padding:26px; position:sticky; top:18px; }.zttg-form-card h2 { font-size:2rem; margin-bottom:12px; }.zttg-ajax-form label { color:#cad9e8; display:block; font-size:.8rem; font-weight:650; margin:13px 0; }.zttg-ajax-form input:not([type=radio]),.zttg-ajax-form textarea,.zttg-ajax-form select { background:rgba(5,16,29,.62); border:1px solid rgba(190,229,255,.2); border-radius:8px; color:var(--ink); display:block; margin-top:6px; outline:none; padding:10px 11px; width:100%; }.zttg-ajax-form input:focus,.zttg-ajax-form textarea:focus,.zttg-ajax-form select:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(102,232,250,.11); }.zttg-ajax-form select option { background:#10253a; }.zttg-honeypot { display:none!important; }.zttg-stars-input { border:0; margin:15px 0; padding:0; }.zttg-stars-input legend { color:#cad9e8; font-size:.8rem; font-weight:650; margin-bottom:7px; }.zttg-stars-input div { display:flex; flex-direction:row-reverse; justify-content:flex-end; }.zttg-stars-input input { opacity:0; position:absolute; }.zttg-stars-input label { color:#5f7388; cursor:pointer; font-size:1.55rem; line-height:1; margin:0 3px 0 0; }.zttg-stars-input input:checked~label,.zttg-stars-input label:hover,.zttg-stars-input label:hover~label { color:#f7d477; }.zttg-form-hint { color:var(--muted); font-weight:400; }.zttg-form-status { color:var(--cyan); font-size:.81rem; margin:12px 0 0; }.zttg-form-status.is-error { color:#ffadad; }.zttg-integration-note { background:rgba(102,232,250,.1); border-left:3px solid var(--cyan); color:#c9e3f4; font-size:.8rem; padding:9px 10px; }
.zttg-faq-wide { max-width:900px; }.zttg-faq-search { margin-bottom:25px; width:100%; }.zttg-prose { color:#c5d3e1; font-size:1.02rem; max-width:780px; }.zttg-prose h2 { font-size:1.85rem; margin:42px 0 14px; }.zttg-prose h3 { margin:28px 0 10px; }.zttg-prose p,.zttg-prose li { color:#bdcddd; }.zttg-prose a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }.zttg-value-grid { display:grid; gap:13px; grid-template-columns:repeat(3,1fr); margin-top:43px; }.zttg-value-grid article { background:#0c1e30; border:1px solid var(--line); border-radius:12px; padding:20px; }.zttg-value-grid span { color:var(--cyan); font-size:.75rem; font-weight:700; }.zttg-value-grid h3 { margin:23px 0 8px; }.zttg-value-grid p { color:var(--muted); font-size:.84rem; margin:0; }.zttg-contact-layout { align-items:start; display:grid; gap:70px; grid-template-columns:1fr .85fr; }.zttg-contact-layout .zttg-form-card { position:static; }.zttg-legal-content { margin:auto; }.zttg-legal-note { border-top:1px solid var(--line); color:var(--lime)!important; font-size:.85rem; margin-top:45px; padding-top:18px; }
.zttg-post-grid { display:grid; gap:16px; grid-template-columns:repeat(3,1fr); }.zttg-post-card { background:#0c1d2f; border:1px solid var(--line); border-radius:13px; overflow:hidden; padding:19px; }.zttg-post-card img { border-radius:7px; margin:-19px -19px 18px; width:calc(100% + 38px); }.zttg-post-card>span { color:var(--muted); font-size:.72rem; }.zttg-post-card h2 { font-size:1.45rem; margin:9px 0; }.zttg-post-card p { color:var(--muted); font-size:.85rem; }.zttg-search-results { max-width:850px; }.zttg-search-results article { border-bottom:1px solid var(--line); padding:22px 0; }.zttg-search-results article>span { color:var(--cyan); font-size:.69rem; letter-spacing:.1em; text-transform:uppercase; }.zttg-search-results h2 { font-size:1.6rem; margin:7px 0; }.zttg-search-results p { color:var(--muted); }
.zttg-detail-hero { background:radial-gradient(circle at 80% 18%,rgba(102,232,250,.18),transparent 24%),linear-gradient(125deg,#081827,#0d233a 55%,#101d40); padding:58px 0; }.zttg-detail-grid { align-items:center; display:grid; gap:55px; grid-template-columns:1fr .8fr; }.zttg-detail-hero h1 { font-size:clamp(2.8rem,5.2vw,5rem); margin-bottom:15px; }.zttg-breadcrumbs { color:#a1b5c8; display:flex; flex-wrap:wrap; font-size:.74rem; gap:8px; margin-bottom:25px; }.zttg-breadcrumbs a:hover { color:var(--cyan); }.zttg-detail-facts { color:#c2d3e3; display:flex; flex-wrap:wrap; font-size:.8rem; gap:8px 18px; margin:20px 0; }.zttg-detail-facts span+span:before { color:var(--cyan); content:"·"; margin-right:18px; }.zttg-price { color:#eefbff!important; display:block; font-size:1.4rem; }.zttg-detail-image { background:radial-gradient(circle at 45% 25%,rgba(125,237,252,.28),transparent 32%),#0a2036; border:1px solid rgba(170,234,255,.25); border-radius:18px; box-shadow:var(--shadow); overflow:hidden; }.zttg-detail-image img { display:block; min-height:330px; object-fit:cover; width:100%; }.zttg-image-disclosure { background:rgba(2,13,24,.8); color:#d3e5f5; font-size:.73rem; line-height:1.4; margin:0; padding:9px 12px; text-align:center; }.zttg-detail-content { align-items:start; display:grid; gap:55px; grid-template-columns:1.1fr .7fr; }.zttg-detail-side { display:grid; gap:12px; }.zttg-detail-side section { background:#0c1f32; border:1px solid var(--line); border-radius:11px; padding:18px; }.zttg-detail-side h2 { font-size:1.25rem; margin-bottom:10px; }.zttg-detail-side p { color:var(--muted); font-size:.86rem; margin:0; }.zttg-product-tags { border-top:1px solid var(--line); margin-top:34px; padding-top:24px; }.zttg-product-tags h2 { font-size:1.3rem; margin:0 0 13px; }.zttg-product-tags ul { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }.zttg-product-tags li { background:rgba(102,232,250,.09); border:1px solid rgba(102,232,250,.22); border-radius:999px; color:#d6f4ff; font-size:.78rem; padding:7px 10px; }.zttg-check-list { color:#bdcddd; font-size:.85rem; list-style:none; margin:0; padding:0; }.zttg-check-list li { border-bottom:1px solid rgba(195,227,247,.12); padding:8px 0 8px 20px; position:relative; }.zttg-check-list li:last-child { border:0; }.zttg-check-list li:before { color:var(--cyan); content:"✓"; left:0; position:absolute; }.zttg-disclosure,.zttg-responsible-box { background:rgba(102,232,250,.08); border:1px solid rgba(102,232,250,.2); border-radius:10px; margin-top:24px; padding:15px 18px; }.zttg-disclosure strong,.zttg-responsible-box strong { color:var(--cyan); }.zttg-disclosure p,.zttg-responsible-box p { color:#bcd0df; font-size:.86rem; margin:5px 0 0; }.zttg-product-reviews { margin-top:20px; }.zttg-video-detail { max-width:900px; }.zttg-consent-player { background:#0c2137; border:1px solid var(--line); border-radius:14px; overflow:hidden; padding:20px; text-align:center; }.zttg-video-art { align-items:center; background:radial-gradient(circle at 35% 32%,rgba(127,246,255,.37),transparent 20%),linear-gradient(135deg,#284d6e,#181d4b); display:flex; font-size:2rem; height:330px; justify-content:center; }.zttg-consent-player .zttg-load-video { background:var(--cyan); border:0; border-radius:8px; color:#062033; font-weight:700; margin-top:16px; padding:10px 15px; }.zttg-consent-player p { color:var(--muted); font-size:.76rem; margin:8px 0 0; }.zttg-consent-player iframe { aspect-ratio:16/9; border:0; height:auto; width:100%; }.zttg-commerce-content { color:#1e3445; background:#fff; border-radius:13px; padding:28px; }.zttg-commerce-content .woocommerce { max-width:100%; }
.zttg-quote-trigger{background:transparent;border:1px solid rgba(102,232,250,.48);border-radius:7px;color:var(--cyan);font-size:.73rem;font-weight:700;padding:7px 9px;white-space:nowrap}.zttg-quote-trigger:hover{background:rgba(102,232,250,.1)}.zttg-commercial-band{background:linear-gradient(105deg,#0c2940,#182657);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0}.zttg-commercial-band .zttg-shell{align-items:center;display:flex;gap:30px;justify-content:space-between}.zttg-commercial-band h2{font-size:clamp(1.55rem,2.5vw,2.25rem);margin:0;max-width:620px}.zttg-commercial-band .zttg-actions{margin:0}.zttg-commercial-layout{align-items:start;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.zttg-commercial-card{background:linear-gradient(145deg,#0c2135,#0a1728);border:1px solid var(--line);border-radius:17px;padding:28px}.zttg-commercial-card h2{font-size:1.75rem;margin:5px 0 12px}.zttg-commercial-card p{color:#bdcddd;line-height:1.65}.zttg-waitlist-section{background:#091726}.zttg-waitlist-section .zttg-form-card{position:static}.zttg-proof-layout{align-items:start;display:grid;gap:28px;grid-template-columns:.72fr 1.28fr}.zttg-proof-status{background:linear-gradient(145deg,#143752,#122456);border:1px solid rgba(117,234,251,.35);border-radius:18px;display:flex;flex-direction:column;gap:15px;padding:28px}.zttg-proof-status span,.zttg-proof-status small{color:#c3d4e3;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.zttg-proof-status strong{font-size:1.55rem;line-height:1.25}.zttg-proof-code{background:#06111d;border:1px solid var(--line);border-radius:8px;color:#cdf8ff;display:block;font:inherit;font-size:.8rem;overflow:auto;padding:12px;white-space:pre-wrap}.zttg-transparency-score{align-items:center;background:linear-gradient(105deg,rgba(101,233,249,.16),rgba(160,133,255,.17));border:1px solid rgba(121,231,250,.32);border-radius:18px;display:grid;gap:28px;grid-template-columns:auto 1fr;margin-bottom:22px;padding:25px}.zttg-transparency-score div{border-right:1px solid rgba(185,233,255,.24);display:flex;flex-direction:column;padding-right:27px}.zttg-transparency-score span{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.zttg-transparency-score strong{color:var(--cyan);font-size:3rem;letter-spacing:-.08em}.zttg-transparency-score p{color:#c4d4e3;margin:0;max-width:650px}.zttg-verified-list{margin-top:38px}.zttg-verified-list ul{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);list-style:none;margin:17px 0 0;padding:0}.zttg-verified-list li{background:#0b1b2d;border:1px solid var(--line);border-radius:9px;color:#c8d8e8;font-size:.88rem;padding:14px}.zttg-quote-dialog{background:#0a1a2b;border:1px solid rgba(118,235,251,.42);border-radius:16px;color:var(--ink);max-width:min(600px,calc(100% - 28px));padding:25px;width:100%}.zttg-quote-dialog::backdrop{background:rgba(2,9,17,.8);backdrop-filter:blur(5px)}.zttg-dialog-head{align-items:start;display:flex;gap:18px;justify-content:space-between}.zttg-dialog-head h2{font-size:1.8rem;margin:5px 0 0}.zttg-dialog-close{background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:1.5rem;height:34px;line-height:1;width:34px}.zttg-quote-dialog>p{color:var(--muted);font-size:.83rem}.zttg-site[data-zttg-theme="light"] { --ink:#11283e; --muted:#587187; --bg:#f5f9fc; --panel:#fff; --panel2:#eaf3f9; --line:rgba(21,78,117,.16); --shadow:0 22px 70px rgba(19,58,88,.13); }.zttg-site[data-zttg-theme="light"] .zttg-category-section,.zttg-site[data-zttg-theme="light"] .zttg-featured,.zttg-site[data-zttg-theme="light"] .zttg-faq-section { background:#f5f9fc; }.zttg-site[data-zttg-theme="light"] .zttg-category-grid>a,.zttg-site[data-zttg-theme="light"] .zttg-product-card,.zttg-site[data-zttg-theme="light"] .zttg-video-card,.zttg-site[data-zttg-theme="light"] .zttg-tutorial-card,.zttg-site[data-zttg-theme="light"] .zttg-review-card,.zttg-site[data-zttg-theme="light"] .zttg-empty-review,.zttg-site[data-zttg-theme="light"] .zttg-value-grid article,.zttg-site[data-zttg-theme="light"] .zttg-detail-side section,.zttg-site[data-zttg-theme="light"] .zttg-commercial-card,.zttg-site[data-zttg-theme="light"] .zttg-verified-list li { background:#fff; }.zttg-site[data-zttg-theme="light"] .zttg-product-card p,.zttg-site[data-zttg-theme="light"] .zttg-video-card p,.zttg-site[data-zttg-theme="light"] .zttg-tutorial-card p,.zttg-site[data-zttg-theme="light"] .zttg-review-card p,.zttg-site[data-zttg-theme="light"] .zttg-empty-review p,.zttg-site[data-zttg-theme="light"] .zttg-prose p,.zttg-site[data-zttg-theme="light"] .zttg-prose li { color:#587187; }.zttg-site[data-zttg-theme="light"] .zttg-search,.zttg-site[data-zttg-theme="light"] .zttg-ajax-form input:not([type=radio]),.zttg-site[data-zttg-theme="light"] .zttg-ajax-form textarea,.zttg-site[data-zttg-theme="light"] .zttg-ajax-form select { background:#fff; color:#11283e; }.zttg-site[data-zttg-theme="light"] .zttg-review-section,.zttg-site[data-zttg-theme="light"] .zttg-learning-band { color:#effaff; }
@media(max-width:960px){.zttg-desktop-nav,.zttg-header-search{display:none}.zttg-menu-toggle{display:block;margin-left:auto}.zttg-hero-grid,.zttg-learning-layout,.zttg-review-layout,.zttg-faq-layout,.zttg-contact-layout,.zttg-detail-grid,.zttg-detail-content,.zttg-commercial-layout,.zttg-proof-layout{grid-template-columns:1fr}.zttg-hero-signal{display:none}.zttg-hero{min-height:0}.zttg-hero-grid{min-height:500px}.zttg-stats{grid-template-columns:repeat(2,1fr)}.zttg-stats>div:nth-child(2){border-right:0}.zttg-stats>div:nth-child(-n+2){border-bottom:1px solid rgba(202,233,255,.17)}.zttg-stats>div:nth-child(3){padding-left:0}.zttg-category-grid{grid-template-columns:repeat(2,1fr)}.zttg-product-grid,.zttg-video-grid,.zttg-related-grid{grid-template-columns:repeat(2,1fr)}.zttg-learning-layout,.zttg-review-layout{gap:45px}.zttg-faq-layout{gap:35px}.zttg-reviews-layout{gap:36px;grid-template-columns:1fr}.zttg-form-card{position:static}.zttg-video-reel .zttg-video-card:nth-child(3n+2),.zttg-video-reel .zttg-video-card:nth-child(3n+3),.zttg-video-reel .zttg-video-card:hover{transform:none}.zttg-footer-grid{grid-template-columns:1fr 1fr}.zttg-footer small{grid-column:1/-1;text-align:left}.zttg-detail-image{max-width:560px}.zttg-detail-content{gap:30px}.zttg-commercial-band .zttg-shell{align-items:start;flex-direction:column}.zttg-verified-list ul{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.zttg-shell{width:min(100% - 32px,1180px)}.zttg-header-row{height:65px}.zttg-cart-link,.zttg-quote-trigger{display:none}.zttg-section{padding:74px 0}.zttg-hero-grid{min-height:475px}.zttg-hero-proof{display:grid;gap:6px}.zttg-stats>div{padding:14px 9px}.zttg-stats>div:nth-child(odd){padding-left:0}.zttg-stats>div:nth-child(even){border-right:0}.zttg-section-head{align-items:start;flex-direction:column;margin-bottom:26px}.zttg-category-grid,.zttg-product-grid,.zttg-video-grid,.zttg-related-grid,.zttg-tutorial-grid,.zttg-review-preview,.zttg-reviews-list,.zttg-value-grid,.zttg-post-grid,.zttg-verified-list ul{grid-template-columns:1fr}.zttg-category-grid>a{min-height:0}.zttg-category-icon{margin:30px 0 20px}.zttg-learning-band{padding:75px 0}.zttg-learning-row{grid-template-columns:30px 1fr 18px}.zttg-learning-row em{display:none}.zttg-newsletter-inner{grid-template-columns:1fr}.zttg-newsletter-form{grid-template-columns:1fr}.zttg-newsletter-form .zttg-button{width:100%}.zttg-responsible .zttg-shell{align-items:start;grid-template-columns:39px 1fr}.zttg-responsible .zttg-button{grid-column:1/-1}.zttg-page-hero{min-height:290px;padding:60px 0 44px}.zttg-filter-bar{align-items:stretch}.zttg-search{min-width:0;width:100%}.zttg-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.zttg-chips button{white-space:nowrap}.zttg-video-reel .zttg-video-thumb{height:310px}.zttg-tutorial-card{grid-template-columns:38px 1fr}.zttg-footer-grid{grid-template-columns:1fr}.zttg-footer small{grid-column:auto}.zttg-detail-hero{padding:44px 0}.zttg-detail-image img{min-height:210px}.zttg-video-art{height:230px}.zttg-transparency-score{align-items:start;grid-template-columns:1fr}.zttg-transparency-score div{border-bottom:1px solid rgba(185,233,255,.24);border-right:0;padding-bottom:15px;padding-right:0}}
@media(prefers-reduced-motion:reduce){.zttg-site *,.zttg-site *:before,.zttg-site *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}