@scope (.page-solutions-badge-printing){@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero__qr-grid{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero__qr-grid canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.07}.hero__qr-grid canvas,.hero__qr-grid--static{mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,black 15%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,black 15%,transparent 75%)}.hero__qr-grid--static{background-image:repeating-linear-gradient(0deg,transparent,transparent 10px,rgba(56,189,248,.04) 0,rgba(56,189,248,.04) 11px),repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(56,189,248,.04) 0,rgba(56,189,248,.04) 11px)}.hero{position:relative;overflow:hidden;padding-top:180px;padding-bottom:120px;text-align:center}.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(20,70,115,.5),transparent 60%),radial-gradient(ellipse 55% 45% at 50% 55%,rgba(32,121,141,.1),transparent 60%),radial-gradient(ellipse 40% 35% at 25% 70%,rgba(56,189,248,.04),transparent 50%),#0a1628;background-size:200% 200%;animation:gradient-shift 12s ease-in-out infinite}.hero__content{position:relative;z-index:1}.hero h1{font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;color:#fff}.hero p{font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.7);max-width:640px;margin:0 auto;line-height:1.7}.hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:36px}.hero__proof{font-size:13px;color:rgba(255,255,255,.3);margin-top:16px}.showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.showcase-row--reverse{direction:rtl}.showcase-row--reverse>*{direction:ltr}.showcase-row h2{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}.showcase-row p.sub{font-size:17px;line-height:1.8;margin-bottom:24px}.section-dark .showcase-row p.sub{color:rgba(255,255,255,.6)}.section-light .showcase-row p.sub{color:var(--muted)}.feature-list{display:grid;gap:14px;list-style:none;margin-bottom:28px}.feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6}.section-dark .feature-list li{color:rgba(255,255,255,.6)}.section-light .feature-list li{color:var(--muted)}.feature-list .material-icons-outlined{font-size:20px;flex-shrink:0;margin-top:2px}.section-dark .feature-list .material-icons-outlined{color:var(--accent)}.section-light .feature-list .material-icons-outlined{color:var(--blue-bright)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:32px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:all .3s}.feature-card:hover{border-color:rgba(56,189,248,.2);transform:translateY(-2px)}.feature-card__icon{width:48px;height:48px;border-radius:14px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-card__icon .material-icons-outlined{font-size:24px;color:var(--accent)}.feature-card h3{font-size:17px;font-weight:700;color:white;margin-bottom:8px}.feature-card p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.45)}.img-placeholder{width:100%;aspect-ratio:4/3;border-radius:20px;background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(20,70,115,.15));border:1px solid rgba(56,189,248,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.img-placeholder .material-icons-outlined{font-size:48px;color:rgba(255,255,255,.12)}.img-placeholder__label{font-size:12px;font-weight:600;color:rgba(255,255,255,.15);text-transform:uppercase;letter-spacing:.08em}.section-light .img-placeholder{background:linear-gradient(135deg,rgba(20,70,115,.04),rgba(56,189,248,.06));border-color:var(--line)}.section-light .img-placeholder .material-icons-outlined{color:rgba(20,70,115,.12)}.section-light .img-placeholder__label{color:var(--muted);opacity:.3}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step}.step{padding:28px;border-radius:20px;position:relative;counter-increment:step}.step:before{content:counter(step);position:absolute;top:16px;right:20px;font-size:48px;font-weight:900;line-height:1}.step--light{background:var(--surface);border:1px solid var(--line)}.step--light:before{color:rgba(20,70,115,.06)}.step--light h3{color:var(--ink)}.step--light p{color:var(--muted)}.step__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.step__icon--light{background:rgba(20,70,115,.06);border:1px solid rgba(20,70,115,.12)}.step__icon--light .material-icons-outlined{color:var(--blue-bright)}.step h3{font-size:15px;font-weight:700;margin-bottom:6px}.step p{font-size:13px;line-height:1.6}.hardware-section{position:relative;overflow:hidden;border-top:1px solid rgba(56,189,248,.1);border-bottom:1px solid rgba(56,189,248,.1)}.hardware-section__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(56,189,248,.04),transparent 70%)}.hardware-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hardware-layout h2{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-.02em;color:#fff}.hardware-layout p.sub{font-size:17px;line-height:1.8;color:rgba(255,255,255,.6);margin-bottom:28px}.hardware-includes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.hardware-item{display:flex;align-items:flex-start;gap:10px;padding:16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.hardware-item .material-icons-outlined{font-size:20px;color:var(--accent);flex-shrink:0;margin-top:1px}.hardware-item strong{display:block;font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.hardware-item span{font-size:13px;color:rgba(255,255,255,.4);line-height:1.5}.hardware-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:48px 32px;border-radius:20px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);text-align:center}.hardware-visual__icons{display:flex;gap:24px;align-items:center}.hardware-visual__icon{width:64px;height:64px;border-radius:16px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.15);display:flex;align-items:center;justify-content:center}.hardware-visual__icon .material-icons-outlined{font-size:28px;color:var(--accent)}.hardware-visual__plus{font-size:24px;font-weight:300;color:rgba(255,255,255,.2)}.hardware-visual__label{font-size:14px;color:rgba(255,255,255,.35);line-height:1.6}.mode-toggle{display:flex;justify-content:center;margin-top:32px;margin-bottom:12px}.mode-toggle__pill{display:inline-flex;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:4px;gap:4px;position:relative}.mode-toggle__slider{position:absolute;top:4px;left:4px;height:calc(100% - 8px);border-radius:12px;background:var(--blue);box-shadow:0 2px 12px rgba(20,70,115,.4);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.mode-toggle__btn{padding:10px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:transparent;color:rgba(255,255,255,.45);transition:color .25s;font-family:var(--font);line-height:1.4;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.mode-toggle__btn .material-icons-outlined{font-size:18px}.mode-toggle__btn--active{color:#fff}.mode-toggle__btn:not(.mode-toggle__btn--active):hover{color:rgba(255,255,255,.7)}[data-mode=canapii] .mode-diy,[data-mode=diy] .mode-canapii{display:none}#mode-content .feature-card.mode-canapii,#mode-content .feature-card.mode-diy,#mode-content li.mode-canapii,#mode-content li.mode-diy,#mode-content p.mode-canapii,#mode-content p.mode-diy,#mode-content section.mode-canapii>.container,#mode-content section.mode-diy>.container{transition:opacity .25s ease}#mode-content.mode-fading .feature-card.mode-canapii,#mode-content.mode-fading .feature-card.mode-diy,#mode-content.mode-fading li.mode-canapii,#mode-content.mode-fading li.mode-diy,#mode-content.mode-fading p.mode-canapii,#mode-content.mode-fading p.mode-diy,#mode-content.mode-fading section.mode-canapii>.container,#mode-content.mode-fading section.mode-diy>.container{opacity:0}.cta-section{text-align:center}.cta-section h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:16px;letter-spacing:-.02em;color:#fff}.cta-section p{font-size:17px;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto 32px;line-height:1.7}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-note{font-size:13px;color:rgba(255,255,255,.35);margin-top:20px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}@media (max-width:980px){.showcase-row{grid-template-columns:1fr;gap:40px}.showcase-row--reverse{direction:ltr}.features-grid,.steps{grid-template-columns:repeat(2,1fr)}.hardware-layout{grid-template-columns:1fr;gap:40px}.hardware-includes{grid-template-columns:1fr 1fr}.mode-diy .hardware-layout{display:flex;flex-direction:column-reverse}.mode-diy .hardware-includes .hardware-item:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:860px){.hero{padding-top:140px;padding-bottom:80px}}@media (max-width:720px){.hardware-includes{grid-template-columns:1fr}}@media (max-width:600px){.features-grid,.steps{grid-template-columns:1fr}.mode-toggle__pill{flex-direction:column}.mode-toggle__btn{justify-content:center}.mode-toggle__slider{transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}}@media (max-width:480px){.hero{padding-top:120px;padding-bottom:60px}.hero__actions{flex-direction:column;align-items:center}.hardware-visual{padding:32px 16px}.hardware-visual__icons{gap:16px}.hardware-visual__icon{width:48px;height:48px;border-radius:12px}.hardware-visual__icon .material-icons-outlined{font-size:22px}}}