/* /css/components/hero-shared.css */
.nk-hero{position:relative;padding:140px 0;background-color:#050505;overflow:hidden;color:#fff;display:flex;align-items:center;min-height:600px}.nk-hero__vanta{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(900px 480px at 85% 15%,rgba(140,0,0,.55),transparent 60%),radial-gradient(700px 360px at 10% 100%,rgba(85,0,0,.5),transparent 65%),#050505}.nk-hero__content{position:relative;z-index:1;max-width:800px;width:100%}.nk-hero__content--wide{max-width:1200px}.nk-hero__content--grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.nk-hero--centered .nk-hero__content{margin:0 auto;text-align:center}.nk-hero__badge,.nk-hero__title{font-weight:800;margin-bottom:24px}.nk-hero__badge{display:inline-block;padding:8px 24px;background:rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f5f5f5;border-radius:50px;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 25px rgba(0,0,0,.15)}.nk-hero__title{font-size:3.5rem;line-height:1.1;color:#fff}.nk-hero__title>.nk-hero__badge{display:table;line-height:1.6}.nk-hero__description{font-size:1.25rem;margin-bottom:40px;line-height:1.6;color:#cbd5e1}.nk-hero__actions{display:flex;gap:16px;flex-wrap:wrap}.nk-hero--centered .nk-hero__actions{justify-content:center}@media (max-width:992px){.nk-hero__title{font-size:2.75rem}}@media (max-width:768px){.nk-hero{padding:80px 0 60px;text-align:center;min-height:auto}.nk-hero__content{margin:0 auto}.nk-hero__content--grid{grid-template-columns:1fr;gap:40px}.nk-hero__title{font-size:2.25rem}.nk-hero__description{font-size:1.1rem}.nk-hero__actions{flex-direction:column;align-items:center}.nk-hero__actions .btn{width:100%;max-width:300px}}.nk-img-badge{display:inline-flex;align-items:center;gap:6px;background:#ff4141;color:#fff;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.nk-img-badge .material-icons{font-size:.95rem}
/* /css/components/vitrin-shared.css */
@keyframes vt-cta-flow{0%{background-position:0 50%}to{background-position:300% 50%}}@keyframes vt-cta-shine{0%,55%{left:-60%}to{left:130%}}@keyframes vt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes vt-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(-6px)}}@keyframes vt-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.vt-nav{background:#1b1b1d}.vt-nav__inner{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.vt-nav__inner::-webkit-scrollbar{display:none}.vt-nav__brand,.vt-nav__link{display:flex;align-items:center;min-height:48px;padding:0 16px;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease}.vt-nav__brand{gap:8px;padding-left:0;margin-right:12px;color:#fff;font-weight:800;font-size:15px}.vt-nav__dot{width:8px;height:8px;border-radius:50%;background:#ff4141}.vt-nav__link{color:#b9b6b0;font-size:14px;font-weight:600}.vt-nav__link.is-active,.vt-nav__link:hover{color:#fff}.vt-nav__brand.is-active,.vt-nav__link.is-active{border-bottom-color:#ff4141}.vt-nav__sep{color:#5a5a60;padding:0 2px}.vt-nav__link.is-current{color:#fff;border-bottom-color:rgba(255,65,65,.6)}.vt-nav__link--cta,.vt-nav__link--module{color:#fff;font-weight:700}.vt-nav__link--cta{position:relative;overflow:hidden;align-self:stretch;margin-left:auto;padding:0 26px;border:0;background:linear-gradient(110deg,#c81e1e,#ff4141,#ff7a59,#ff4141,#c81e1e);background-size:300% 100%;letter-spacing:.02em;animation:vt-cta-flow 6s linear infinite}.vt-nav__link--cta::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:vt-cta-shine 3.5s ease-in-out infinite}.vt-nav__link--cta:hover{color:#fff;filter:brightness(1.1)}.vt-phone{position:relative;width:260px;aspect-ratio:390/844;padding:9px;border-radius:40px;background:#17171a;box-shadow:0 30px 60px rgba(40,0,0,.35),inset 0 0 0 2px #3a3a40;flex-shrink:0}.vt-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:31px}.vt-phone img[data-theme-screen],.vt-phone img[data-vt-screen]{position:absolute;inset:9px;width:calc(100% - 18px);height:calc(100% - 18px);opacity:0;transition:opacity .45s ease}.vt-phone img.is-active{opacity:1}.vt-browser{width:100%;border-radius:14px;overflow:hidden;background:#17171a;box-shadow:0 30px 70px rgba(0,0,0,.35)}.vt-browser__bar{display:flex;gap:6px;padding:12px 16px;background:#26262b}.vt-browser__bar span{width:10px;height:10px;border-radius:50%;background:#ff5f57}.vt-browser__bar span:nth-child(2){background:#febc2e}.vt-browser__bar span:nth-child(3){background:#28c840}.vt-browser img,.vt-tablet img{display:block;width:100%;height:auto}.vt-tablet{padding:14px;border-radius:28px;background:#17171a;box-shadow:0 30px 60px rgba(0,0,0,.3)}.vt-tablet img{border-radius:16px}.vt-heading{display:flex;flex-direction:column;gap:12px;margin-bottom:48px}.vt-heading--center{align-items:center;text-align:center}.vt-heading h2{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.12;color:#1f1f22;max-width:820px}.vt-heading p{font-size:1.125rem;color:#666;max-width:560px}.vt-kicker{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e63737}.vt-kicker--light{color:#ff8a8a}.vt-link{display:inline-flex;align-items:center;gap:6px;color:#e63737;font-weight:700;text-decoration:none}.vt-link .material-icons{font-size:1.15rem;transition:transform .2s ease}.vt-link:hover .material-icons{transform:translateX(4px)}.vt-actions{display:flex;gap:12px;flex-wrap:wrap}.vt-actions--center{justify-content:center}.vt-pos-left{object-position:25%center}.vt-pos-top{object-position:center 20%}.vt-next{padding:88px 0;background:#fff}.vt-next__inner{display:flex;gap:20px;flex-wrap:wrap}.vt-next__aside,.vt-next__main{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:200px;padding:36px 40px;border-radius:20px;text-decoration:none;overflow:hidden;transition:transform .25s ease}.vt-next__aside:hover,.vt-next__main:hover{transform:translateY(-4px)}.vt-next__main{flex:2 1 520px;background:#1f1f22;color:#fff}.vt-next__aside{flex:1 1 280px;background:#ff4141;color:#fff}.vt-next__aside--light{background:#fff;color:#1f1f22;border:2px solid #eee}.vt-next__kicker{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.vt-next__title{display:inline-flex;align-items:center;gap:8px;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.vt-next__text{font-size:1rem;opacity:.85;max-width:380px}.vt-next__peek{position:absolute;right:40px;top:40px;width:160px;border-radius:20px;border:6px solid #3a3a40}.vt-float{animation:vt-float 6s ease-in-out infinite}.vt-float--mid{animation-delay:-2s}.vt-float--late{animation-delay:-4s}.vt-nudge{animation:vt-nudge 3s ease-in-out infinite}.vt-nudge--mid{animation-delay:-1s}.vt-nudge--late{animation-delay:-2s}@media (prefers-reduced-motion:reduce){.vt-float,.vt-nav__link--cta,.vt-nav__link--cta::after,.vt-nudge{animation:none}.vt-phone img[data-theme-screen],.vt-phone img[data-vt-screen]{transition:none}}@media (max-width:768px){.vt-heading h2{font-size:2rem}.vt-next{padding:64px 0}.vt-next__aside,.vt-next__main{padding:28px}.vt-next__peek{display:none}.vt-phone{width:220px;border-radius:34px}.vt-phone img{border-radius:26px}}.nk-hero.vt-hero-compact{padding:64px 0;min-height:0}.vt-hero-compact .nk-hero__title{font-size:2.75rem;margin-bottom:18px}.vt-hero-compact .nk-hero__description{margin-bottom:28px}.vt-hero-media{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:16px}.vt-hero-media .vt-phone{width:210px}.vt-hero-media .vt-phone--lead{width:240px}@media (max-width:768px){.nk-hero.vt-hero-compact{padding:56px 0 48px}.vt-hero-compact .nk-hero__title{font-size:2.1rem}.vt-hero-media .vt-phone{width:150px}.vt-hero-media .vt-phone--lead{width:180px}}.vt-marquee{overflow:hidden;padding:18px 0;background:#fafafa;border-bottom:1px solid #efedea;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.vt-marquee__track{display:flex;width:max-content;animation:vt-marquee 38s linear infinite}.vt-marquee:hover .vt-marquee__track{animation-play-state:paused}.vt-marquee__list{list-style:none;margin:0;padding:0 18px 0 0;display:flex;gap:36px;flex-shrink:0}.vt-marquee__list li{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:.95rem;font-weight:600;color:#3a3a40}.vt-marquee__list .material-icons{font-size:1.15rem;color:#e02b2b}@media (prefers-reduced-motion:reduce){.vt-marquee{-webkit-mask-image:none;mask-image:none}.vt-marquee__track{animation:none;width:auto;justify-content:center;flex-wrap:wrap}.vt-marquee__list{flex-wrap:wrap;justify-content:center;gap:10px 32px;padding:0 16px}.vt-marquee__list[aria-hidden=true]{display:none}}.vt-qr-callout{padding:0 0 72px;background:#fff}.vt-qr-callout__inner{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:28px 36px;border-radius:20px;background:#fff5f5;border:1px solid #ffd9d9}.vt-qr-callout__text{display:flex;align-items:center;gap:16px;flex:1 1 420px}.vt-qr-callout__text>.material-icons{font-size:2.6rem;color:#e63737}.vt-qr-callout__text strong{display:block;font-size:1.25rem;font-weight:800;color:#1f1f22}.vt-qr-callout__text span{color:#555558}@media (max-width:768px){.vt-qr-callout__inner{padding:24px}}
/* /css/pages/vitrin/catalog-stories.css */
.vs-hero-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px;gap:12px;max-width:480px;width:100%;margin:0 auto}.vs-hero-mosaic img{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:18px;box-shadow:0 16px 34px rgba(0,0,0,.35)}.vs-hero-mosaic img:nth-child(2),.vs-hero-mosaic img:nth-child(4){transform:translateY(24px)}.vs-hero-photo{position:relative;max-width:440px;width:100%;margin:0 auto}.vs-hero-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:0 24px 50px rgba(0,0,0,.4)}.vs-hero-photo__quote{position:absolute;left:-24px;bottom:32px;display:flex;align-items:center;gap:10px;max-width:290px;padding:14px 18px;border-radius:14px;background:#fff;color:#1f1f22;font-weight:700;box-shadow:0 16px 34px rgba(0,0,0,.3);animation:vt-float 6s ease-in-out infinite}.vs-hero-photo__quote .material-icons{color:#e63737;font-size:1.8rem}.vs-hero-photo--green .vs-hero-photo__quote .material-icons{color:#1a7f37}.vs-more{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;color:#666}.vs-industries{padding:96px 0;background:#fff}.vs-industries__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vs-industry{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #efedea;transition:transform .25s ease,box-shadow .25s ease}.vs-industry:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(60,10,10,.1)}.vs-industry--wide{grid-column:span 2;flex-direction:row}.vs-industry img{width:100%;height:220px;object-fit:cover;object-position:center 25%}.vs-industry--full{grid-column:1/-1}.vs-industry img.vs-industry__img--low{object-position:center 45%}.vs-industry--wide img{flex:0 0 48%;width:48%;height:100%;min-height:340px}.vs-industry--full img{flex-basis:40%;width:40%;height:380px;min-height:0;object-position:center 45%}.vs-industry__body{padding:26px;display:flex;flex-direction:column;gap:10px;justify-content:center}.vs-industry__body .vt-link{align-self:flex-start;margin-top:4px}.vs-industry__icon{width:46px;height:46px;border-radius:13px;background:#ff4141;color:#fff;display:flex;align-items:center;justify-content:center}.ve-benefit h3,.vs-industry h3{font-size:1.3rem;font-weight:800;color:#1f1f22}.vs-industry p{margin:0;color:#666}.vs-change{padding:96px 0;background:#fafafa}.vs-change__grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:center}.vs-change__card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #efedea}.vs-change__card img{display:block;width:100%;height:240px;object-fit:cover;object-position:center 30%}.vs-change__card--before img{filter:grayscale(.85)}.vs-change__body{padding:26px;display:flex;flex-direction:column;gap:14px}.vs-change__label{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:800;font-size:.9rem}.vs-change__label .material-icons{font-size:1.1rem}.vs-change__card--before .vs-change__label{background:#eee;color:#555}.vs-change__card--after .vs-change__label{background:#ff4141;color:#fff}.ve-compare__col ul,.vs-change__body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.vs-change__body li{padding-left:22px;position:relative;color:#444}.vs-change__body li::before{position:absolute;left:0;top:0;font-weight:800}.vs-change__card--before li::before{content:"–";color:#999}.vs-change__card--after li::before{content:"✓";color:#e63737}.vs-change__card--after{border:2px solid #ffd0d0}.vs-change__arrow,.vs-testimonial figcaption .vs-testimonial__avatar{align-items:center;justify-content:center;border-radius:50%;background:#ff4141;color:#fff}.vs-change__arrow{width:56px;height:56px;display:flex;box-shadow:0 10px 24px rgba(255,65,65,.35)}.vs-testimonials{padding:96px 0;background:#fff}.vs-testimonials__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.vs-testimonial{margin:0;display:flex;flex-direction:column;gap:18px;padding:30px;border-radius:22px;background:#fafafa;border:1px solid #efedea}.vs-testimonial--featured{background:#1f1f22;border-color:#1f1f22;color:#fff}.vs-testimonial__mark{font-size:2.6rem;color:#ff4141}.vs-testimonial blockquote{margin:0;font-size:1.05rem;line-height:1.6;color:#333;flex:1}.vs-testimonial--featured blockquote{color:#f0eeea}.vs-testimonial figcaption{display:flex;align-items:center;gap:12px}.vs-testimonial figcaption .vs-testimonial__avatar{display:inline-flex;flex:0 0 52px;flex-direction:row;width:52px;height:52px;font-size:1rem;font-weight:800;letter-spacing:.04em}.vs-testimonial figcaption span{display:flex;flex-direction:column;font-size:.85rem;color:#777}.vs-testimonial figcaption strong{font-size:1rem;color:#1f1f22}.vs-testimonial--featured figcaption strong{color:#fff}.vs-testimonial--featured figcaption span{color:#b9b6b0}.ve-intro{padding:88px 0 40px;background:#fff}.ve-intro__inner{max-width:820px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.ve-kicker{color:#1a7f37}.ve-compare h2,.ve-intro h2,.ve-qr__text h2{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#1f1f22}.ve-intro p{font-size:1.15rem;color:#555}.ve-benefits{padding:40px 0 96px;background:#fff}.ve-benefits__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ve-benefit{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:22px;background:#f2f8f4;border:1px solid #dcefe2;transition:transform .25s ease}.ve-benefit:hover{transform:translateY(-4px)}.ve-benefit__icon{width:52px;height:52px;border-radius:15px;background:#1a7f37;color:#fff;display:flex;align-items:center;justify-content:center}.ve-benefit p{margin:0;color:#4a5a4f}.ve-qr{padding:0 0 96px;background:#fff}.ve-qr__inner{display:flex;align-items:center;gap:56px;flex-wrap:wrap}.ve-qr__inner>img{flex:1 1 420px;min-width:0;width:100%;height:auto;border-radius:22px;box-shadow:0 24px 50px rgba(20,60,30,.16)}.ve-qr__list li,.ve-qr__text{display:flex;align-items:flex-start}.ve-qr__text{flex:1 1 400px;flex-direction:column;gap:16px}.ve-qr__text h2{font-size:2.2rem}.ve-qr__text p{margin:0;font-size:1.1rem;color:#555}.ve-qr__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:#4a5a4f}.ve-qr__list li{gap:10px}.ve-qr__list .material-icons{font-size:1.3rem;color:#1a7f37}.ve-qr__link{color:#1a7f37}.ve-compare{padding:96px 0;background:#fafafa}.ve-compare__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ve-compare__col{padding:32px;border-radius:22px;display:flex;flex-direction:column;gap:14px}.ve-compare__col>.material-icons{font-size:2.4rem}.ve-compare__col h3{font-size:1.35rem;font-weight:800}.ve-compare__col--paper{background:#fff;border:1px solid #e6e3df;color:#666}.ve-compare__col--paper h3{color:#555}.ve-compare__col--digital{background:#145a32;color:#fff}.ve-compare__col--digital>.material-icons{color:#8fe0a9}@media (max-width:992px){.vs-industries__grid,.vs-testimonials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-industry--wide{grid-column:span 2}}@media (max-width:768px){.vs-hero-mosaic{grid-auto-rows:140px}.vs-hero-photo__quote{left:12px}.ve-compare,.vs-change,.vs-industries,.vs-testimonials{padding:64px 0}.ve-benefits__grid,.ve-compare__grid,.vs-industries__grid,.vs-testimonials__grid{grid-template-columns:1fr}.vs-industry--full,.vs-industry--wide{grid-column:auto;flex-direction:column}.vs-industry--full img,.vs-industry--wide img{flex:0 0 auto;width:100%;min-height:0;height:220px}.vs-change__grid{grid-template-columns:1fr}.vs-change__arrow{transform:rotate(90deg);margin:0 auto}.ve-compare h2,.ve-intro h2{font-size:2rem}}
/* /css/components/cta-final.css */
.final-cta{background:linear-gradient(135deg,#ff4141 0,#e63737 100%);color:#fff;padding:80px 0;text-align:center}.final-cta h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.final-cta p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.final-cta:has(.promo-banner){padding:50px 0}.promo-banner,.promo-icon{display:flex;align-items:center;justify-content:center}.promo-banner{gap:15px;max-width:900px;margin:0 auto;line-height:1.2;flex-wrap:wrap}.promo-icon{width:60px;height:60px;background:#fff;border-radius:12px;margin-bottom:15px;color:#e63737;box-shadow:0 4px 15px rgba(255,65,65,.2);flex-shrink:0}.promo-icon .material-icons,.promo-text{font-size:2rem}.promo-text{font-weight:700;color:#fff;max-width:700px}@media (max-width:768px){.promo-banner{flex-direction:column;text-align:center}.promo-icon{margin-bottom:20px}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%;justify-content:center;text-align:center}}