:root{--tri-void:#07080c;--tri-graphite:#0d0f15;--tri-navy:#0a1020;--tri-slate:#151922;--tri-slate-hi:#1e2330;--tri-slate-line:#2a3040;--tri-blue:#3b82f6;--tri-cyan:#22d3ee;--tri-teal:#2dd4bf;--tri-lime:#a3e635;--tri-amber:#facc15;--tri-orange:#fb923c;--tri-magenta:#ec4899;--tri-violet:#8b5cf6;--tri-accent:#22d3ee;--tri-accent-600:#0fb6d6;--tri-accent-300:#7de8f6;--tri-accent-soft:#22d3ee1f;--tri-accent-2:#8b5cf6;--tri-accent-2-600:#7c3aed;--tri-accent-2-soft:#8b5cf624;--tri-white:#f7f9fc;--tri-fg:#e8ecf3;--tri-muted:#a2abbd;--tri-faint:#6b7488;--tri-on-accent:#04141a;--tri-border:#ffffff14;--tri-border-strong:#ffffff29;--tri-border-accent:#22d3ee73;--tri-glass:#1519228c;--tri-overlay:#05060ab8;--tri-fill-1:#ffffff09;--tri-fill-2:#fff1;--tri-success:#34d399;--tri-success-soft:#34d39924;--tri-warning:#fbbf24;--tri-warning-soft:#fbbf2424;--tri-danger:#f87171;--tri-danger-soft:#f8717124;--tri-gradient-spectrum:linear-gradient(115deg,#3b82f6 0%,#22d3ee 22%,#a3e635 44%,#facc15 60%,#fb923c 76%,#ec4899 90%,#8b5cf6 100%);--tri-gradient-cta:linear-gradient(135deg,#22d3ee 0%,#6d8bf8 50%,#8b5cf6 100%);--tri-gradient-heat:linear-gradient(135deg,#facc15 0%,#fb923c 48%,#ec4899 100%);--tri-gradient-cool:linear-gradient(135deg,#3b82f6 0%,#22d3ee 100%);--bg-page:var(--tri-graphite);--bg-deep:var(--tri-void);--bg-feature:var(--tri-navy);--surface-card:var(--tri-slate);--surface-glass:var(--tri-glass);--text-strong:var(--tri-white);--text-body:var(--tri-fg);--text-muted:var(--tri-muted);--text-faint:var(--tri-faint);--font-display:"Avenir Next","Segoe UI Variable Display","Helvetica Neue",sans-serif;--font-sans:"Avenir Next","Segoe UI Variable Text","Helvetica Neue",sans-serif;--font-mono:"SF Mono","JetBrains Mono","Cascadia Code",ui-monospace,monospace;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--container:1280px;--gutter:2rem;--gutter-mobile:1rem;--header-h:72px;--bottomnav-h:64px;--z-sticky:100;--z-header:200;--z-overlay:400;--z-toast:500;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 10px 28px -8px #0000008c;--shadow-lg:0 24px 60px -16px #000000a6;--shadow-xl:0 40px 100px -24px #000000bf;--shadow-inset-hi:inset 0 1px 0 #ffffff14;--glow-cyan:0 0 0 1px #22d3ee59,0 8px 30px -6px #22d3ee73;--glow-violet:0 0 0 1px #8b5cf659,0 8px 30px -6px #8b5cf673;--glow-soft:0 8px 40px -10px #22d3ee47;--ring:0 0 0 2px var(--tri-graphite),0 0 0 4px var(--tri-accent);--blur-sm:blur(8px);--blur-md:blur(16px);--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-base:.22s;--dur-slow:.4s;--t-control:all var(--dur-base) var(--ease-out)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}::selection{background:var(--tri-accent);color:var(--tri-on-accent)}img{display:block}button{cursor:pointer;font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--tri-slate-line);border-radius:99px}.tri-btn{--_h:44px;--_px:20px;--_fs:15px;font-family:var(--font-display);white-space:nowrap;height:var(--_h);padding:0 var(--_px);font-weight:700;font-size:var(--_fs);letter-spacing:.01em;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--t-control);isolation:isolate;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;text-decoration:none;display:inline-flex;position:relative}.tri-btn:focus-visible{box-shadow:var(--ring);outline:none}.tri-btn:active{transform:translateY(1px)scale(.985)}.tri-btn[disabled]{opacity:.45;pointer-events:none}.tri-btn--sm{--_h:36px;--_px:14px;--_fs:13px}.tri-btn--lg{--_h:54px;--_px:28px;--_fs:17px}.tri-btn--block{width:100%}.tri-btn__ico{width:1.15em;height:1.15em;display:inline-flex}.tri-btn__ico svg{width:100%;height:100%}.tri-btn--primary{background:var(--tri-accent);color:var(--tri-on-accent)}.tri-btn--primary:hover{background:var(--tri-accent-300);box-shadow:var(--glow-soft)}.tri-btn--gradient{background:var(--tri-gradient-cta);color:var(--tri-on-accent);box-shadow:0 6px 24px -8px #22d3ee8c}.tri-btn--gradient:hover{filter:brightness(1.07);box-shadow:0 10px 30px -8px #8b5cf699}.tri-btn--sale{background:var(--tri-gradient-heat);color:#1a0b04;box-shadow:0 6px 24px -8px #fb6a4a8c}.tri-btn--sale:hover{filter:brightness(1.07)}.tri-btn--secondary{background:var(--tri-fill-2);color:var(--text-strong);border-color:var(--tri-border-strong);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.tri-btn--secondary:hover{background:var(--tri-slate-hi);border-color:var(--tri-border-accent)}.tri-btn--ghost{color:var(--text-body);background:0 0}.tri-btn--ghost:hover{background:var(--tri-fill-1);color:var(--text-strong)}.tri-iconbtn{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-body);transition:var(--t-control);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative}.tri-iconbtn:hover{background:var(--tri-fill-2);color:var(--text-strong)}.tri-iconbtn:active{transform:scale(.92)}.tri-iconbtn:focus-visible{box-shadow:var(--ring);outline:none}.tri-iconbtn--sm{border-radius:var(--radius-sm);width:36px;height:36px}.tri-iconbtn--sm svg{width:17px;height:17px}.tri-iconbtn--glass{background:var(--tri-fill-2);border-color:var(--tri-border);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.tri-iconbtn--glass:hover{border-color:var(--tri-border-accent)}.tri-iconbtn__badge{border-radius:var(--radius-pill);background:var(--tri-gradient-heat);color:#1a0b04;min-width:18px;height:18px;font-family:var(--font-display);border:2px solid var(--tri-graphite);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.tri-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.tri-badge--neutral{background:var(--tri-fill-2);color:var(--text-muted);border-color:var(--tri-border)}.tri-badge--accent{background:var(--tri-accent-soft);color:var(--tri-accent-300);border-color:var(--tri-border-accent)}.tri-badge--violet{background:var(--tri-accent-2-soft);color:#c4b5fd;border-color:#8b5cf666}.tri-badge--success{background:var(--tri-success-soft);color:var(--tri-success)}.tri-badge--sale{background:var(--tri-gradient-heat);color:#1a0b04;border:none}.tri-badge--spectrum{background:var(--tri-gradient-spectrum);color:#04141a;border:none}.tri-price{flex-direction:column;gap:4px;display:flex}.tri-price__row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tri-price__now{font-family:var(--font-display);color:var(--text-strong);font-weight:700;line-height:1}.tri-price--sm .tri-price__now{font-size:18px}.tri-price--md .tri-price__now{font-size:26px}.tri-price--lg .tri-price__now{letter-spacing:-.02em;font-size:38px}.tri-price__was{font-family:var(--font-sans);color:var(--text-faint);font-size:.62em;text-decoration:line-through}.tri-price__off{font-family:var(--font-mono);color:#1a0b04;background:var(--tri-gradient-heat);border-radius:var(--radius-pill);padding:3px 7px;font-size:11px;font-weight:700}.tri-price__note{font-family:var(--font-sans);color:var(--text-muted);font-size:12.5px}.tri-price__note b{color:var(--tri-success);font-weight:700}.tri-pcard{background:var(--surface-card);border:1px solid var(--tri-border);border-radius:var(--radius-lg);transition:var(--t-control);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tri-pcard:hover{border-color:var(--tri-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tri-pcard__media{aspect-ratio:1;background:radial-gradient(120% 120% at 50% 0,#1b2130 0%,#0c0f17 70%);position:relative;overflow:hidden}.tri-pcard__media:after{content:"";opacity:.5;mix-blend-mode:overlay;pointer-events:none;background:repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 7px);position:absolute;inset:0}.tri-pcard__glow{opacity:.85;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);position:absolute;inset:0}.tri-pcard:hover .tri-pcard__glow{opacity:1;transform:scale(1.06)}.tri-pcard__obj{place-items:center;display:grid;position:absolute;inset:0}.tri-pcard__obj b{font-family:var(--font-display);letter-spacing:-.04em;color:#ffffff12;text-transform:uppercase;font-size:54px;font-weight:800}.tri-pcard__top{z-index:2;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.tri-pcard__fav{opacity:0;transition:var(--t-control);transform:translateY(-4px)}.tri-pcard:hover .tri-pcard__fav{opacity:1;transform:none}.tri-pcard__swatches{z-index:2;gap:5px;display:flex;position:absolute;bottom:10px;left:12px}.tri-pcard__sw{border:1.5px solid #ffffff8c;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0006}.tri-pcard__body{flex-direction:column;gap:10px;padding:14px;display:flex}.tri-pcard__name{font-family:var(--font-display);color:var(--text-strong);font-size:15px;font-weight:600;line-height:1.25}.tri-pcard__rating{font-family:var(--font-sans);color:var(--text-muted);align-items:center;gap:5px;font-size:12.5px;display:flex}.tri-pcard__rating svg{width:13px;height:13px;color:var(--tri-amber)}.tri-pcard__foot{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:2px;display:flex}.tri-pcard__add{border-radius:var(--radius-md);height:40px;font-family:var(--font-sans);background:var(--tri-gradient-cta);color:var(--tri-on-accent);transition:var(--t-control);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:700;display:inline-flex}.tri-pcard__add:hover{filter:brightness(1.08);box-shadow:var(--glow-soft)}.tri-pcard__add:active{transform:scale(.96)}.tri-pcard__add svg{width:16px;height:16px}.tri-pcard__add--added{background:var(--tri-success-soft);color:var(--tri-success);border:1px solid #34d39959}.tri-pcard__add--added:hover{filter:none;box-shadow:none;background:#34d39933}.tri-ccard{border-radius:var(--radius-lg);border:1px solid var(--tri-border);background:var(--surface-card);min-height:170px;transition:var(--t-control);isolation:isolate;flex-direction:column;justify-content:flex-end;padding:16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tri-ccard:after{content:"";z-index:-1;background:linear-gradient(#0000 30%,#07080ce0 100%);position:absolute;inset:0}.tri-ccard:hover{border-color:var(--tri-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.tri-ccard__ico{border-radius:var(--radius-sm);background:var(--tri-fill-2);width:36px;height:36px;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid var(--tri-border);place-items:center;display:grid;position:absolute;top:14px;left:14px}.tri-ccard__ico svg{width:19px;height:19px;color:var(--text-strong)}.tri-ccard__name{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.01em;font-size:17px;font-weight:700}.tri-ccard__desc{font-family:var(--font-sans);color:var(--text-muted);margin-top:3px;font-size:12.5px;line-height:1.4}.tri-ccard__cta{font-family:var(--font-sans);color:var(--tri-accent-300);transition:gap var(--dur-base) var(--ease-out);align-items:center;gap:6px;margin-top:11px;font-size:12.5px;font-weight:700;display:inline-flex}.tri-ccard:hover .tri-ccard__cta{gap:10px}.tri-ccard__cta svg{width:14px;height:14px}.tri-glass{background:var(--tri-glass);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--tri-border);box-shadow:var(--shadow-md),var(--shadow-inset-hi);border-radius:var(--radius-lg)}.tri-reveal{opacity:0;transition:opacity .65s var(--ease-out),transform .65s var(--ease-out);transform:translateY(22px)}.tri-reveal.is-visible{opacity:1;transform:none}.tri-reveal-delay-1{transition-delay:.1s}.tri-reveal-delay-2{transition-delay:.18s}.tri-reveal-delay-3{transition-delay:.26s}.tri-reveal-delay-4{transition-delay:.34s}.tri-gallery-zoom__hint{opacity:0;transition:opacity .18s var(--ease-out)}.tri-gallery-zoom:hover .tri-gallery-zoom__hint,.tri-gallery-zoom:focus-visible .tri-gallery-zoom__hint{opacity:1}@media (hover:none){.tri-gallery-zoom__hint{opacity:1}}.tri-toast-stack{z-index:var(--z-toast);pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.tri-toast{background:var(--tri-slate);border:1px solid var(--tri-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:triToastIn .35s var(--ease-spring);pointer-events:all;align-items:center;gap:13px;max-width:320px;padding:14px 18px;display:flex}.tri-toast.exiting{animation:triToastOut .25s var(--ease-out) forwards}.tri-pulse{animation:1.6s ease-in-out infinite triPulse}.tri-container{max-width:var(--container);padding-left:var(--gutter);padding-right:var(--gutter);width:100%;margin:0 auto}.tri-section{padding-top:80px;padding-bottom:80px}.tri-grad-text{background:var(--tri-gradient-spectrum);color:#0000;-webkit-background-clip:text;background-clip:text}.tri-link-cta{font-family:var(--font-sans);color:var(--tri-accent-300);white-space:nowrap;transition:gap .2s var(--ease-out);align-items:center;gap:7px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.tri-link-cta:hover{gap:11px}.tri-section-divider{background:linear-gradient(90deg,transparent,var(--tri-border) 20%,var(--tri-border) 80%,transparent);height:1px}.tri-hero{border-bottom:1px solid var(--tri-border);position:relative;overflow:hidden}.tri-hero-glow{pointer-events:none;background:radial-gradient(50% 60% at 78% 18%,#8b5cf638,#0000 70%),radial-gradient(45% 55% at 12% 8%,#22d3ee2b,#0000 70%);position:absolute;inset:0}.tri-cat-grid,.tri-prod-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tri-steps-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.tri-trust-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tri-testi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tri-bundle-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tri-step-card{background:var(--surface-card);border:1px solid var(--tri-border);border-radius:var(--radius-lg);margin:0 8px;padding:26px 22px;position:relative}.tri-step-connector{background:var(--tri-gradient-cta);z-index:2;width:16px;height:2px;position:absolute;top:50px;left:calc(100% + 8px)}.tri-trust-card{background:var(--surface-card);border:1px solid var(--tri-border);border-radius:var(--radius-lg);transition:var(--t-control);align-items:center;gap:14px;padding:20px;display:flex}.tri-trust-card:hover{border-color:var(--tri-border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tri-testi-card{background:var(--surface-card);border:1px solid var(--tri-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--t-control);flex-direction:column;padding:24px;display:flex}.tri-testi-card:hover{border-color:var(--tri-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tri-bundle-card{background:var(--surface-card);border:1px solid var(--tri-border);border-radius:var(--radius-lg);transition:var(--t-control);overflow:hidden}.tri-bundle-card:hover{border-color:var(--tri-border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tri-bundle-media{aspect-ratio:16/9;position:relative;overflow:hidden}.tri-cta-final{background:linear-gradient(175deg,var(--tri-slate) 0%,var(--tri-navy) 100%);border:1px solid var(--tri-border-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg),var(--shadow-inset-hi);padding:clamp(48px,7vw,96px) 32px;position:relative;overflow:hidden}.tri-cta-glow{background:radial-gradient(50% 80% at 50% 120%,#22d3ee52,#0000 70%),radial-gradient(40% 60% at 82% -10%,#8b5cf64d,#0000 70%);position:absolute;inset:0}.tri-input{background:var(--tri-slate-hi);border:1px solid var(--tri-border);border-radius:var(--radius-md);height:46px;color:var(--text-strong);font-family:var(--font-sans);transition:border-color var(--dur-base) var(--ease-out);outline:none;width:100%;padding:0 14px;font-size:14px}.tri-input:focus{border-color:var(--tri-border-accent)}.tri-input::placeholder{color:var(--text-faint)}.tri-label{font-family:var(--font-sans);color:var(--text-muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.tri-drawer-backdrop{background:var(--tri-overlay);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);z-index:var(--z-overlay);animation:triFade .2s var(--ease-out);position:fixed;inset:0}.tri-drawer{background:var(--tri-graphite);border-left:1px solid var(--tri-border-strong);width:min(440px,100vw);z-index:calc(var(--z-overlay) + 1);animation:triSlide .28s var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes triFade{0%{opacity:0}to{opacity:1}}@keyframes triPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes triSlide{0%{transform:translate(100%)}to{transform:none}}@keyframes triUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes triToastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:none}}@keyframes triToastOut{to{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes triPulse{0%,to{opacity:.4}50%{opacity:.9}}@keyframes triSpin{to{transform:rotate(360deg)}}.tri-hero-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (max-width:1080px){.tri-cat-grid,.tri-prod-grid,.tri-testi-grid,.tri-steps-grid,.tri-trust-grid,.tri-bundle-grid{grid-template-columns:repeat(2,1fr)}.tri-step-connector{display:none}}@media (max-width:980px){.tri-hero-grid{grid-template-columns:1fr!important;gap:36px!important}.tri-hero-media{order:-1;max-width:500px;margin:0 auto}.tri-checkout-grid{grid-template-columns:1fr!important}}@media (max-width:880px){.tri-nav-desktop,.tri-search-pill{display:none!important}.tri-burger{display:flex!important}}@media (max-width:860px){.tri-cart-grid{grid-template-columns:1fr!important}}@media (max-width:620px){:root{--gutter:var(--gutter-mobile)}.tri-section{padding-top:52px;padding-bottom:52px}.tri-cat-grid,.tri-prod-grid,.tri-testi-grid,.tri-steps-grid{grid-template-columns:repeat(2,1fr);gap:11px}.tri-trust-grid,.tri-bundle-grid{grid-template-columns:1fr}.tri-hide-mobile{display:none!important}.tri-bottomnav{display:flex!important}.tri-footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.tri-wafab{bottom:calc(var(--bottomnav-h) + 16px)!important}main{padding-bottom:var(--bottomnav-h)}.tri-hero-cta>*{flex:1}.tri-toast-stack{bottom:16px;left:12px;right:12px}.tri-toast{max-width:none}}@media (max-width:400px){.tri-prod-grid,.tri-cat-grid,.tri-testi-grid,.tri-steps-grid{grid-template-columns:1fr}.tri-footer-grid{grid-template-columns:1fr!important}}