.ng-dir .breadcrumbs{margin-bottom:28px;font-size:14px}.ng-dir .breadcrumbs,.ng-dir .breadcrumbs a{color:var(--ng-muted)}.ng-dir .breadcrumbs [aria-current],.ng-dir .breadcrumbs a:hover{color:#fff}.ng-dir .ng-dir-hero{padding-block:clamp(28px,4vw,48px) 8px}.ng-dir .ng-dir-hero-grid{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(24px,4vw,56px)}.ng-dir .ng-dir-hero-grid>.ng-glossy{width:clamp(140px,18vw,240px);height:clamp(140px,18vw,240px);margin:0;animation:ng-float 5s ease-in-out infinite}@keyframes ng-float{50%{transform:translateY(-10px) rotate(-2deg)}}.ng-dir h1{font-size:clamp(34px,4.4vw,60px);line-height:1.04}.ng-dir .ph-lead{margin-top:16px;color:var(--ng-muted)}.ng-dir .ng-dir-price{display:flex;align-items:center;gap:14px;margin-top:22px}.ng-dir .ng-dir-price strong{color:#fff;font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.02em}.ng-dir .ng-dir-price .ng-badge{position:static}.ng-dir .ph-actions{margin-top:24px}.ng-dir h2{margin-bottom:24px;font-size:clamp(28px,3vw,40px)}.ng-dir .ng-dir-variants{padding-top:clamp(40px,5vw,64px)}.ng-dir .ng-dir-note{max-width:820px;margin-block:0 20px;color:var(--ng-muted);font-size:15px;line-height:1.6}.ng-dir .ng-variant-list{display:grid;gap:14px;margin-bottom:20px}.ng-dir .ng-variant-list a{position:relative;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:28px;padding:16px 28px 16px 16px;border:1px solid #fff;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f1f5fd);color:#0b1530;text-decoration:none;box-shadow:0 20px 40px -24px #000000cc;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.ng-dir .ng-variant-list a:focus-visible,.ng-dir .ng-variant-list a:hover{border-color:var(--ng-blue);transform:perspective(1200px) rotateX(calc(var(--tilt-x, 0deg) / 2)) rotateY(calc(var(--tilt-y, 0deg) / 3)) translateY(-4px);box-shadow:0 0 0 3px #1f6bff55,0 0 40px -4px #1f6bffaa,0 30px 50px -24px #000000ee}.ng-dir .ng-variant-image{display:block;overflow:hidden;border-radius:14px;background:#e8eefb}.ng-dir .ng-variant-image>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.ng-dir .ng-variant-text h3{color:#0b1530;font-size:20px;font-weight:800}.ng-dir .ng-variant-text p{margin-top:8px;color:#4b5a78;font-size:15px;line-height:1.5}.ng-dir .ng-variant-action{display:grid;justify-items:end;gap:12px;white-space:nowrap}.ng-dir .ng-more{display:inline-flex;align-items:center;gap:6px;color:var(--ng-blue);font-size:15px;font-weight:700}.ng-dir .ng-more svg{transition:transform .3s ease}.ng-dir .ng-variant-list a:hover .ng-more svg{transform:translateX(6px)}.ng-dir .ng-dir-how{padding-top:0}.ng-dir .ng-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}.ng-dir .ng-steps li{padding:24px;border:1px solid var(--ng-line);border-radius:20px;background:#ffffff08}.ng-dir .ng-steps span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:14px;background:linear-gradient(180deg,#2f7bff,#1557e6);box-shadow:0 10px 24px -10px #1f6bffcc}.ng-dir .ng-steps h3,.ng-dir .ng-steps span{color:#fff;font-size:18px;font-weight:800}.ng-dir .ng-steps p{margin-top:8px;color:var(--ng-muted);font-size:14.5px;line-height:1.55}.ng-dir .ng-needs{margin-top:20px;padding:28px 32px;border:1px solid var(--ng-line);border-radius:20px;background:#ffffff08}.ng-dir .ng-needs h3{color:#fff;font-size:22px;font-weight:800}.ng-dir .ng-needs ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin-top:18px}.ng-dir .ng-needs li{display:flex;align-items:flex-start;gap:12px;color:var(--ng-text);font-size:16px;line-height:1.45}.ng-dir .ng-needs svg{flex:none;color:var(--ng-cyan)}@media (max-width:1000px){.ng-dir .ng-variant-list a{grid-template-columns:160px 1fr}.ng-dir .ng-variant-action{grid-column:1/-1;grid-auto-flow:column;justify-content:space-between}.ng-dir .ng-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ng-dir .ng-dir-hero-grid{grid-template-columns:1fr}.ng-dir .ng-variant-list a{grid-template-columns:1fr;gap:16px;padding:14px 16px 18px}.ng-dir .ng-needs ul,.ng-dir .ng-steps{grid-template-columns:1fr}.ng-dir .ng-needs{padding:22px 20px}}@media (prefers-reduced-motion:reduce){.ng-dir .ng-dir-hero-grid>.ng-glossy{animation:none}}.ng-dir .ng-variant-list+.ng-dir-note{margin-top:36px}.ng-dir .ng-dir-promo{margin-top:18px}