@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Quicksand:wght@400;500;600;700&display=swap";:root{--color-primary:#357dc0;--color-primary-dark:#3072af;--color-accent:#85be41;--color-navy:#192939;--color-navy-soft:#33485d;--color-gold:#ffc000;--color-text:#3e474e;--color-muted:#888d91;--color-muted-2:#8a9cb2;--color-surface:#edf6ff;--color-border:#e2e8ef;--gradient-brand:linear-gradient(124deg, var(--color-accent) 0%, var(--color-primary) 100%);--font-display:"Quicksand", sans-serif;--font-body:"Quicksand", sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--space-section:112px;--page-pad:35px;--header-top-gap:16px;--container-w:1232px;--wrapper-w:1400px;--shadow-sm:0 4px 18px #1929390f;--shadow-md:0 20px 40px #357dc02e;--shadow-lg:0 30px 60px #1929394d;--ease:cubic-bezier(.16, 1, .3, 1)}html[dir=rtl]{--font-display:"Cairo", sans-serif;--font-body:"Cairo", sans-serif}@media (width<=580px){.brand img{width:120px;height:50px}}@media (width<=480px){:root{--page-pad:20px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px;overflow-x:hidden}body{padding:var(--page-pad) var(--page-pad) 12px;font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;background:#fff;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0;padding:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}button,[type=button]{cursor:pointer;appearance:none;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-w);margin-inline:auto;padding:0 20px}.wrapper{width:100%;max-width:var(--wrapper-w);margin-inline:auto;margin-top:24px}h1{font:700 clamp(2.4rem, 4vw, 3.4rem) / 1.1 var(--font-display);letter-spacing:-.01em}h2{font:700 clamp(1.9rem, 3vw, 2.4rem) / 1.2 var(--font-display)}h3{font:700 clamp(1.3rem, 2vw, 1.6rem) / 1.3 var(--font-display)}h4{font:700 1.15rem/1.4 var(--font-display)}p{font:400 1rem/1.7 var(--font-body);color:var(--color-text)}.lead{font:500 1.15rem/1.6 var(--font-body);color:var(--color-muted)}.eyebrow{border-radius:var(--radius-pill);color:var(--color-primary-dark);font:700 .9rem var(--font-display);background:#357dc01f;margin-bottom:16px;padding:7px 20px;display:inline-block}.eyebrow-on-dark{color:#fff;background:#ffffff29}.lead-on-dark{color:#ffffffd9}.heading{text-align:center;max-width:780px;margin:0 auto 56px}.heading h2{margin:0 0 12px}.btn{border-radius:var(--radius-pill);font:700 1rem var(--font-display);transition:transform .2s var(--ease), box-shadow .25s var(--ease), background-position .6s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:15px 32px;display:inline-flex}.btn-primary{color:#fff;background:var(--gradient-brand);background-size:200%}.btn-primary:hover{background-position:100%;box-shadow:0 12px 30px #357dc04d}.btn-primary:active{transform:scale(.97)}.store-badge{width:168px;height:56px;transition:transform .2s var(--ease), box-shadow .3s var(--ease);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:12px;display:block}.store-badge.google-paly-button{background-image:url(/assets/img/google-paly.svg)}.store-badge.app-store-button{background-image:url(/assets/img/app-store.svg)}.store-badge:hover{transform:translateY(-3px);box-shadow:0 14px 30px #19293940}.hero-ctas{flex-wrap:wrap;gap:16px;display:flex}.bc-reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(24px)}.bc-reveal.is-revealed{opacity:1;transform:translateY(0)}.bc-page{opacity:1;transition:opacity .18s}.bc-page.is-fading{opacity:0}.bc-scroll-progress{top:0;z-index:999;background:var(--gradient-brand);transform-origin:0;height:3px;transition:transform .1s linear;position:fixed;inset-inline:0}html[dir=rtl] .bc-scroll-progress{transform-origin:100%}header{z-index:90;margin:calc(var(--page-pad) * -1) calc(var(--page-pad) * -1) 0;padding-top:var(--header-top-gap);animation:bc-fade-up-in .6s var(--ease) .3s both;background:#fff;border-bottom:1px solid #0000;transition:box-shadow .3s,border-color .3s;position:sticky;top:0}header.is-scrolled{border-color:var(--color-border);box-shadow:0 4px 24px #19293914}.header-inner{justify-content:space-between;align-items:center;gap:24px;padding-block:8px;display:flex}.brand{flex:none}.brand img{width:150px;height:62px}.main-nav{align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-pill);font:700 16px var(--font-display);color:var(--color-text);padding:10px 12px;transition:color .25s,background-color .25s}.nav-link:hover{color:var(--color-primary-dark)}.nav-link.is-active{color:var(--color-primary-dark);background:#357dc01f}.header-actions{align-items:center;gap:14px;display:flex}.lang-switch{font:700 16px var(--font-display);color:var(--color-primary);background:0 0;border:none;padding:10px 16px}.lang-switch:hover{color:var(--color-navy)}.header-login{font:700 16px var(--font-display);color:var(--color-primary);padding:10px 16px}.header-login:hover{color:var(--color-navy)}.header-actions .btn-primary{min-width:150px;padding:15px 30px;font-size:16px}.mobile-nav-toggle{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;padding:0;display:none}.mobile-nav-toggle span{background:var(--color-text);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s}.mobile-nav-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-nav-toggle.is-open span:nth-child(2){opacity:0}.mobile-nav-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{max-height:0;transition:max-height .35s var(--ease);background:#fff;flex-direction:column;gap:4px;padding:0 24px 20px;display:none;overflow:hidden}.mobile-nav:not(.is-open){gap:0;padding-top:0;padding-bottom:0}.mobile-nav.is-open{max-height:560px}.mobile-nav .nav-link,.mobile-nav .header-login{padding:12px 16px}.mobile-lang-switch{border-top:1px solid var(--color-border);text-align:start;border-radius:0;align-self:flex-start;width:100%;margin-top:4px;padding:10px 16px}.mobile-nav .btn-primary{align-self:flex-start;margin-top:8px}.hero-copy{z-index:1;position:relative}.hero-copy h1{color:#fff;margin-bottom:20px}.hero-title{letter-spacing:-.02em}.text-gradient{background:linear-gradient(90deg, #fff 0%, var(--color-gold) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy .lead{color:#ffffffeb;max-width:460px;margin-bottom:32px}.hero-secondary-cta{font:700 15px var(--font-display);color:#fff;text-underline-offset:4px;align-items:center;gap:6px;margin-top:18px;text-decoration:underline;transition:opacity .25s;display:inline-flex}.hero-secondary-cta:hover{opacity:.75}.hero-stats{border-top:1px solid #ffffff40;gap:34px;margin-top:40px;padding-top:28px;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-value{font:700 1.6rem var(--font-display);color:#fff}.hero-stat-label{font:500 .85rem var(--font-body);color:#fffc}.hero-visual{z-index:1;perspective:1000px;--tilt-x:0;--tilt-y:0;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.hero-visual-glow{pointer-events:none;background:radial-gradient(circle at 60% 40%,#ffffff40 0%,#fff0 60%);position:absolute;inset:0}.hero-phone-tilt{z-index:1;transform:rotateX(calc(var(--tilt-x) * 1deg)) rotateY(calc(var(--tilt-y) * 1deg));transform-style:preserve-3d;transition:transform .15s ease-out;position:relative}.hero-phone{filter:drop-shadow(0 30px 50px #19293940);width:auto;max-height:460px;animation:6s ease-in-out infinite bc-float;display:block}@keyframes bc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes bc-scan-line{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(1000%)}}@keyframes bc-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.logo-strip{padding:72px 0 80px;overflow:hidden}.logo-strip .heading{margin-bottom:40px}.logo-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000)}@media (width<=480px){.logo-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}}.logo-marquee-track{align-items:center;width:max-content;animation:32s linear infinite bc-marquee;display:flex}.logo-marquee-group{flex-shrink:0;align-items:center;gap:56px;padding-inline-end:56px;display:flex}[dir=rtl] .logo-marquee-track{animation-direction:reverse}.logo-marquee:hover .logo-marquee-track{animation-play-state:paused}@keyframes bc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-strip-item{flex-shrink:0;justify-content:center;align-items:center;min-height:72px;display:flex}.logo-strip-img{object-fit:contain;width:auto;max-width:none;height:auto;transition:transform .25s var(--ease);display:block}.logo-strip-item.is-wide .logo-strip-img{max-width:220px;height:48px}.logo-strip-item.is-tall .logo-strip-img{max-width:90px;height:72px}.logo-strip-item.is-mark .logo-strip-img{max-width:160px;height:64px}.logo-strip-item.is-stack .logo-strip-img{max-width:160px;height:58px}.logo-strip-item:hover .logo-strip-img{transform:scale(1.05)}.logo-strip-item.has-dark-chip{background:var(--color-navy,#192939);border-radius:10px;padding:10px 18px}@media (width<=860px){.logo-marquee-group{gap:40px;padding-inline-end:40px}.logo-marquee-track{animation-duration:22s}}@media (width<=480px){.logo-marquee-group{gap:28px;padding-inline-end:28px}.logo-strip-item.is-wide .logo-strip-img{max-width:150px;height:36px}.logo-strip-item.is-tall .logo-strip-img{max-width:70px;height:56px}.logo-strip-item.is-mark .logo-strip-img{max-width:120px;height:48px}.logo-strip-item.is-stack .logo-strip-img{max-width:120px;height:44px}}.comparison-section{padding:var(--space-section) 0 80px}.comparison-table{grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:0 auto;display:grid}.comparison-col{border-radius:var(--radius-md);padding:28px}.comparison-col.is-physical{border:1px solid var(--color-border);background:#f5f6f7}.comparison-col.is-digital{border:2px solid var(--color-accent);background:#85be4114}.comparison-col-label{font:700 .95rem var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:18px;display:block}.comparison-col.is-digital .comparison-col-label{color:#3a6b18}.comparison-row-item{border-bottom:1px dashed var(--color-border);padding:12px 0;font-size:.95rem}.comparison-row-item:last-child{border-bottom:none}.comparison-col.is-physical .comparison-row-item{color:var(--color-muted)}.comparison-col.is-digital .comparison-row-item{color:var(--color-text);font-weight:600}@media (width<=700px){.comparison-table{grid-template-columns:1fr}}.about-section{padding:var(--space-section) 0 48px;background:linear-gradient(#fafcfe 0%,#fff 100%)}.about-section .heading{margin-bottom:40px}.about-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;margin-bottom:80px;display:grid}.about-row:last-child{margin-bottom:0}.about-text .highlight-list{flex-direction:column;align-items:flex-start;margin-top:0}.about-row.is-reversed .about-figure{order:2}.about-figure img{border-radius:var(--radius-md);transition:transform .5s var(--ease)}.about-figure:hover img{transform:translateY(-8px)}.about-figure-phone:hover img{transform:none}.about-figure-phone{isolation:isolate;justify-content:center;align-items:center;padding:56px 48px;display:flex;position:relative}.phone-plate{z-index:0;pointer-events:none;aspect-ratio:1;border-radius:22%;position:absolute;transform:rotate(45deg)}.phone-plate.is-blue{background:linear-gradient(145deg,#5aa8de 0%,#357dc0 52%,#2d6eae 100%);width:58%;max-width:230px;top:6%;left:2%;box-shadow:0 22px 48px #357dc047}.phone-plate.is-blue-2{background:linear-gradient(145deg,#3d8bcf 0%,#2a6ca8 100%);width:50%;max-width:200px;top:28%;right:4%;box-shadow:0 18px 40px #2a6ca847}.phone-plate.is-green{background:var(--color-accent);width:36%;max-width:140px;bottom:6%;right:6%;box-shadow:0 16px 36px #85be4152}.about-figure-phone .phone-frame{z-index:1;width:250px;transition:transform .5s var(--ease);position:relative;box-shadow:0 28px 52px #19293947}.about-figure-phone:hover .phone-frame{transform:translateY(-8px)}.about-text h2{margin-bottom:16px}.about-text h3{margin-bottom:20px}.about-text p{margin-bottom:14px}.highlight-list{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.highlight-list li{border-radius:var(--radius-pill);color:#174a77;font:700 .85rem var(--font-display);background:#357dc01a;align-items:center;gap:6px;padding:7px 14px;display:flex}.highlight-list li:before{content:"";background:var(--color-accent);border-radius:50%;flex:none;width:6px;height:6px}.features-section{padding:48px 0 var(--space-section);background:#fafcfe}.features-section>.container>.heading{margin-bottom:12px}.features-qr-note{border-radius:var(--radius-pill);color:#3a6b18;font:700 .82rem var(--font-display);background:#85be4126;margin:8px 0 0;padding:6px 16px;display:inline-block}.features-tabs-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 36px;display:flex}.features-tab{border-radius:var(--radius-pill);color:var(--color-text);font:700 1rem var(--font-display);cursor:pointer;background:#fff;border:1px solid #357dc040;padding:12px 28px;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}.features-tab:hover{border-color:var(--color-primary)}.features-tab.is-active{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-md);border-color:#0000}.features-panel-lead{text-align:center;max-width:560px;color:var(--color-muted);margin:0 auto 28px}.features-panel{animation:features-panel-in .35s var(--ease)}@keyframes features-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.features-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.features-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto}.feature-card{border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);background:#fff;padding:2rem 1.75rem;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-brand);transform-origin:0;height:3px;transition:transform .4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.feature-card:hover{box-shadow:var(--shadow-md);border-color:#357dc04d;transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}}.feature-icon{width:64px;height:64px;color:var(--color-primary);transition:transform .35s var(--ease);background:#357dc01f;border-radius:18px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.feature-icon svg{width:30px;height:30px;display:block}@media (hover:hover) and (pointer:fine){.feature-card:hover .feature-icon{transform:scale(1.08)}}.feature-card h4{margin-bottom:.5rem}.feature-card p{color:var(--color-muted);font-size:.92rem}.feature-card-toggle{width:100%;text-align:inherit;color:inherit;font:inherit;cursor:default;background:0 0;border:none;padding:0;display:block}.feature-card-icon{display:none}.feature-card-body{opacity:0;max-height:0;transition:max-height .3s var(--ease), opacity .25s var(--ease);overflow:hidden}@media (hover:hover) and (pointer:fine){.feature-card:hover .feature-card-body{opacity:1;max-height:220px}}.feature-card-body p{padding-top:.5rem}@media (width<=767px){.feature-card{padding:0;overflow:hidden}.feature-card-toggle{cursor:pointer;align-items:center;gap:14px;padding:1.1rem 1.25rem;display:flex}.feature-card-toggle .feature-icon{flex:none;width:44px;height:44px;margin-bottom:0}.feature-card-toggle .feature-icon svg{width:22px;height:22px}.feature-card-toggle h4{text-align:start;flex:1;margin-bottom:0;font-size:1rem}.feature-card-icon{width:26px;height:26px;color:var(--color-primary);text-align:center;background:#357dc01a;border-radius:50%;flex:none;font-size:1.1rem;line-height:26px;display:block}.feature-card-body{opacity:1;max-height:0;transition:max-height .3s var(--ease)}.feature-card-body p{margin:0;padding:0 1.25rem 1.1rem}.feature-card.is-open .feature-card-body{max-height:240px}}.feature-tag{top:1.25rem;border-radius:var(--radius-pill);color:#3a6b18;font:700 .7rem var(--font-display);background:#85be4126;padding:3px 12px;position:absolute;inset-inline-end:1.25rem}.admin-deepdive-section{padding:var(--space-section) 0;background:#fafcfe}.admin-dashboard-frame{border-radius:var(--radius-lg);max-width:920px;height:420px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background:#fff;margin:0 auto 56px;display:flex;overflow:hidden}.admin-dashboard-sidebar{background:var(--color-navy);flex-direction:column;flex:none;align-items:center;gap:22px;width:88px;padding:28px 0;display:flex}.admin-dashboard-logo{background:var(--gradient-brand);border-radius:8px;width:28px;height:28px}.admin-dashboard-nav-item{background:#ffffff24;border-radius:4px;width:32px;height:8px}.admin-dashboard-nav-item.is-active{background:var(--color-accent);width:40px}.admin-dashboard-main{flex-direction:column;flex:1;gap:28px;padding:32px 40px;display:flex}.admin-dashboard-topbar{background:var(--color-surface);border-radius:7px;width:45%;height:14px}.admin-dashboard-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.admin-dashboard-card{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid #357dc026;flex-direction:column;gap:6px;padding:20px;display:flex}.admin-dashboard-card-value{font:700 1.8rem var(--font-display);color:var(--color-primary-dark)}.admin-dashboard-card-label{font:500 .85rem var(--font-body);color:var(--color-muted)}.admin-dashboard-rows{flex-direction:column;flex:1;gap:12px;display:flex}.admin-dashboard-row{background:var(--color-surface);border-radius:7px;height:14px}.admin-dashboard-row:nth-child(2){width:85%}.admin-dashboard-row:nth-child(3){width:65%}.admin-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;display:grid}.admin-step{text-align:center;border-radius:var(--radius-md);background:var(--color-surface);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);border:1px solid #357dc033;padding:28px 24px}.admin-step:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-6px)}.admin-step-number{font:700 .95rem var(--font-display);color:var(--color-primary);letter-spacing:.05em;margin-bottom:12px;display:block}.admin-step h3{margin-bottom:8px}.admin-step p{color:var(--color-muted);font-size:.92rem}.showcase-section{padding:var(--space-section) 0}.showcase-tabs-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:-16px;margin-bottom:48px;display:flex}.showcase-tab{border-radius:var(--radius-pill);color:var(--color-text);font:700 15px var(--font-display);background:#fff;border:1px solid #357dc040;padding:12px 26px;transition:background .25s,color .25s,border-color .25s}.showcase-tab:hover{border-color:var(--color-primary)}.showcase-tab.is-active{background:var(--gradient-brand);color:#fff;border-color:#0000}.showcase-panel{flex-wrap:wrap;align-items:center;gap:56px;max-width:1000px;margin:0 auto;display:flex}.showcase-preview{flex:1;justify-content:center;min-width:280px;display:flex;overflow:hidden}.showcase-preview-frame{animation:bc-showcase-in .5s var(--ease) both}@keyframes bc-showcase-in{0%{opacity:0;transform:translate(24px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}html[dir=rtl] .showcase-preview-frame{animation-name:bc-showcase-in-rtl}@keyframes bc-showcase-in-rtl{0%{opacity:0;transform:translate(-24px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.showcase-copy{min-width:260px;animation:bc-fade-up-in .5s var(--ease) both;flex:1}@keyframes bc-fade-up-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.showcase-copy h3{margin-bottom:12px}.showcase-copy p{color:var(--color-muted)}.sp-mobile-card{border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-md);background:#fff;border:1px solid #357dc026;padding:24px}.sp-mobile-avatar{background:linear-gradient(124deg, var(--color-primary) 0%, var(--color-navy) 100%);border-radius:50%;width:48px;height:48px;margin-bottom:16px}.sp-line{background:var(--color-surface);border-radius:6px;height:10px;margin-bottom:10px}.sp-line-lg{width:80%}.sp-line-sm{width:50%}.sp-mobile-qr{background:repeating-conic-gradient(var(--color-navy) 0% 25%, #fff 0% 50%) 0 0 / 12px 12px;border-radius:10px;width:64px;height:64px;margin-top:16px}.sp-desktop{width:280px;height:180px;box-shadow:var(--shadow-md);border:1px solid #357dc026;border-radius:14px;display:flex;overflow:hidden}.sp-desktop-sidebar{background:var(--color-navy);flex-direction:column;align-items:center;gap:10px;width:44px;padding-top:18px;display:flex}.sp-dot{background:#ffffff40;border-radius:50%;width:8px;height:8px}.sp-dot.is-active{background:var(--color-accent)}.sp-desktop-main{background:#fff;flex:1;padding:16px}.sp-swatches{gap:8px;margin-bottom:14px;display:flex}.sp-swatches span{border-radius:6px;width:22px;height:22px;display:block}.sp-desktop-card{background:var(--gradient-brand);border-radius:10px;width:100%;height:90px}.sp-scan{flex-direction:column;align-items:center;gap:18px;display:flex}.sp-scan-qr{border-radius:var(--radius-md);background:repeating-conic-gradient(var(--color-navy) 0% 25%, #fff 0% 50%) 0 0 / 18px 18px;width:140px;height:140px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.sp-scan-line{background:linear-gradient(90deg, #357dc000 0%, var(--color-primary) 50%, #357dc000 100%);height:3px;animation:2.6s ease-in-out infinite bc-scan-line;position:absolute;left:0;right:0}.sp-scan-toast{border-radius:var(--radius-pill);background:var(--color-surface);color:#3a6b18;font:700 .85rem var(--font-display);padding:8px 16px}.stats-section{margin:60px 0;padding:60px 0}.stats-section .container{border-radius:var(--radius-lg);background:var(--color-navy);padding:60px 40px}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-icon{width:44px;height:44px;color:var(--color-accent);background:#85be4126;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:1.4rem;animation:4s ease-in-out infinite bc-glow-pulse;display:flex}.stat-value{font:700 2.4rem var(--font-display);color:#fff;margin:0}.stat-label{font:500 .95rem var(--font-display);color:var(--color-muted-2);margin:4px 0 0}.security-section{padding:var(--space-section) 0;background:#fafcfe}.security-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.security-point{border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);background:#fff;padding:1.75rem}.security-point:hover{box-shadow:var(--shadow-md);border-color:#357dc04d;transform:translateY(-6px)}.security-icon{background:#357dc01f;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.security-point h4{margin-bottom:8px}.security-point p{color:var(--color-muted);font-size:.9rem}.integrations-section{padding:72px 0}.integrations-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.integration-chip{border-radius:var(--radius-pill);background:var(--color-surface);font:700 .95rem var(--font-display);color:var(--color-primary-dark);transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:1px solid #357dc033;padding:12px 24px}.integration-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.faq-section{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-navy);background-image:url(/assets/img/businesscode-bg-icon.svg),url(/assets/img/businesscode-faq.svg);background-position:0 0,100% 100%;background-repeat:no-repeat;margin:0;padding:100px 0}.faq-section .heading h2{color:var(--color-accent)}.faq-list{flex-direction:column;gap:12px;max-width:900px;margin:0 auto;display:flex}.faq-item{border-radius:var(--radius-sm);background:#357dc026;border:1px solid #357dc066;transition:border-color .25s,background .25s;overflow:hidden}.faq-item:hover{border-color:#357dc0b3}.faq-item.is-open{border-color:var(--color-accent);background:#85be4126}.faq-question{text-align:start;width:100%;font:700 1.05rem var(--font-display);color:#fff;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.faq-icon{color:#fff;width:28px;height:28px;transition:transform .3s var(--ease), background .3s ease;background:#ffffff1f;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.faq-item.is-open .faq-icon{background:var(--color-accent);transform:rotate(180deg)}.faq-answer{transition:max-height .4s var(--ease);overflow:hidden}.faq-answer p{color:#ffffffe0;padding:0 28px 22px}.card-spotlight-section{background:#fafcfe;padding:70px 0}.card-spotlight-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.card-spotlight-copy h2{margin-bottom:14px}.card-spotlight-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;display:grid}.card-spotlight-point{border-radius:var(--radius-md);background:var(--color-surface);font:600 .92rem var(--font-body);color:var(--color-navy);transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:1px solid #357dc024;align-items:center;gap:10px;padding:16px 18px;display:flex}.card-spotlight-point:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-spotlight-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:9px;height:9px}@media (width<=1100px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-grid.is-two{max-width:none}footer .footer-content{padding:80px 32px 32px}}@media (width<=860px){.card-spotlight-inner,.card-spotlight-points{grid-template-columns:1fr}.features-grid,.features-grid.is-two{grid-template-columns:1fr;max-width:none}.features-tab{text-align:center;flex:180px}}.trial-banner{border-radius:var(--radius-md);background:#85be4114;border:1px solid #85be414d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:24px 0 40px;padding:24px 28px;display:flex}.trial-banner-copy strong{color:var(--color-primary);margin-bottom:4px;font-size:1.05rem;display:block}.trial-banner-copy p{color:var(--color-muted);margin:0;font-size:.95rem}.trial-banner .btn{flex-shrink:0}.package-section{padding:var(--space-section) 0 80px}.scroll-track-wrap{align-items:center;gap:12px;max-width:100%;display:flex;position:relative}.scroll-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;min-width:0;padding:8px 4px 24px;display:flex;overflow-x:auto}.scroll-track::-webkit-scrollbar{display:none}.scroll-track>*{scroll-snap-align:start;flex:none}.scroll-track-nav{width:42px;height:42px;color:var(--color-primary);background:#fff;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.4rem;transition:background .25s,color .25s,transform .25s;display:flex;box-shadow:0 4px 14px #19293926}.scroll-track-nav:hover{background:var(--color-primary);color:#fff;transform:scale(1.08)}.pkg-tabs{flex-wrap:wrap;justify-content:center;gap:14px;max-width:100%;margin:0 auto 40px;display:flex}.pkg-tab{border:2px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);font:700 .95rem var(--font-display);background:#fff;padding:12px 26px;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.pkg-tab:hover{border-color:var(--color-primary);color:var(--color-navy)}.pkg-tab.is-active{background:var(--gradient-brand);color:#fff;border-width:0;padding:14px 28px;overflow:hidden;box-shadow:0 4px 14px #357dc04d}@media (width<=480px){.pkg-tabs{flex-direction:column;align-items:stretch;gap:10px;max-width:320px}.pkg-tab{text-align:center}}.pkg-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}@media (width<=1100px){.pkg-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pkg-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}.pkg-scroll .scroll-track{align-items:stretch;gap:20px;padding:18px 32px 32px}.pkg-scroll .pkg-item{flex:0 0 280px;width:280px;max-width:82vw}.pkg-item{scroll-snap-align:start;flex-direction:column;height:auto;padding-top:14px;display:flex;position:relative}.pkg-card{border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border);height:100%;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);background:#fff;flex-direction:column;flex:1;padding:28px 22px 24px;display:flex}@media (hover:hover) and (pointer:fine){.pkg-card:hover{box-shadow:var(--shadow-md);border-color:#357dc059;transform:translateY(-8px)}}.pkg-card.is-popular{border-color:var(--color-gold);background:linear-gradient(#fffdf5 0%,#fff 42%);border-width:2px;box-shadow:0 12px 32px #ffc00038}@media (hover:hover) and (pointer:fine){.pkg-card.is-popular:hover{box-shadow:0 20px 44px #ffc0004d}}.pkg-card h4{color:var(--color-navy);margin:0 0 12px;font-size:1.05rem}.pkg-card p{color:var(--color-muted);margin-bottom:auto;padding-bottom:1.25rem;font-size:.9rem}.pricing{font:700 1.2rem var(--font-display);color:var(--color-primary);border-top:1px solid var(--color-border);margin:.25rem 0 1.1rem;padding-top:1rem}.pkg-cta{width:100%;margin-top:auto;padding:12px 20px;display:flex}.popular-badge{z-index:1;border-radius:var(--radius-pill);background:var(--color-gold);color:var(--color-navy);font:700 .72rem var(--font-display);white-space:nowrap;padding:4px 14px;display:inline-block;position:absolute;top:0;left:50%;transform:translate(-50%)}.employee-kit-card{text-align:start}.employee-kit-desc{min-height:2.5em;margin-bottom:14px;padding-bottom:0}.employee-kit-price{text-align:start;font-size:1.5rem}.employee-kit-cycle{color:var(--color-muted);font-size:.85rem;font-weight:500}.employee-kit-checklist{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.employee-kit-checklist li{color:var(--color-text);align-items:flex-start;gap:10px;font-size:.88rem;display:flex}.employee-kit-checklist li svg{color:var(--color-primary);flex:none;margin-top:2px}.employee-kit-addons{margin-top:-6px}.employee-kit-features{border-radius:var(--radius-sm,10px);background:#357dc00d;border:1px solid #357dc01a;margin:0 0 18px;padding:14px}.employee-kit-features-label{font:700 .68rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin:0 0 8px}.employee-kit-features ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.employee-kit-features li{color:var(--color-muted);padding-inline-start:14px;font-size:.85rem;position:relative}.employee-kit-features li:before{content:"";inset-inline-start:0;background:var(--color-primary);border-radius:50%;width:5px;height:5px;position:absolute;top:.55em}.employee-kit-error{text-align:center;color:var(--color-muted);padding:40px 0}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:#fff}.btn-outline:hover{background:#357dc014}@media (width<=1100px){.pkg-scroll .pkg-item{flex-basis:260px;width:260px}}@media (width<=640px){.pkg-scroll .scroll-track-nav{z-index:2;background:#fff;width:30px;height:30px;font-size:1rem;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #1929394d,0 0 0 2px #fff}.pkg-scroll .scroll-track-nav:hover{background:var(--color-primary)}.pkg-scroll .scroll-track-nav.prev{inset-inline-start:4px}.pkg-scroll .scroll-track-nav.next{inset-inline-end:4px}.pkg-scroll .scroll-track{padding:12px 8px 24px}.pkg-scroll .pkg-item{flex-basis:min(260px,100vw - 72px);width:min(260px,100vw - 72px)}}.testimonials-section{padding:var(--space-section) 0;background:#fafcfe}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.testimonial-card{border-radius:var(--radius-md);background:var(--color-surface);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border:1px solid #357dc033;padding:2rem}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-8px)}.stars{color:var(--color-gold);letter-spacing:2px;margin-bottom:.75rem}.quote{color:var(--color-text);min-height:96px}.person{align-items:center;gap:12px;margin-top:1.25rem;display:flex}.avatar{background:linear-gradient(124deg, var(--color-primary) 0%, var(--color-navy) 100%);color:#fff;width:44px;height:44px;font:700 1rem var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.person-name{font:700 .95rem var(--font-display);color:var(--color-text)}.person-role{font:500 .8rem var(--font-display);color:var(--color-muted)}.cta-section{background:var(--gradient-brand);border-radius:24px;align-items:center;margin:20px 0 70px;display:flex;position:relative;overflow:hidden}.cta-content{z-index:1;max-width:500px;margin-inline-end:60px;padding:10% 0;position:relative}.cta-content h2{font:700 2.3rem/3rem var(--font-display);color:#fff;margin-bottom:30px}.cta-content .download-buttons{flex-wrap:wrap;gap:16px;width:auto;margin:0;display:flex;position:static}.cta-content .google-paly-button,.cta-content .app-store-button{float:none}.cta-figure{inset-inline-end:0;max-width:40%;margin:0;position:absolute;bottom:0}.cta-figure img{width:100%;display:block}footer{background:var(--color-navy);border-radius:24px;width:100%;margin-bottom:0;overflow:hidden}footer .footer-content{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);align-items:start;gap:24px;padding:80px 40px 40px;display:grid}.footer-brand{flex-direction:column;align-items:start;display:flex}.footer-logo{width:160px;margin-bottom:40px}.footer-brand p{color:#d7dfe5;max-width:340px;margin:0}.footer-col{flex-direction:column;align-items:start;display:flex}.footer-col h5{color:#fff;font:700 1.5rem var(--font-display);margin:30px 0 40px}.contact-details{font:400 1rem var(--font-body);color:#d7dfe5;flex-flow:row;justify-content:start;align-items:center;gap:10px;padding:7px 0;transition:color .25s;display:flex}.contact-details:hover{color:#fff}.contact-details img{flex-shrink:0;width:18px;height:18px;display:inline-block}.wa-icon{margin-inline-start:4px}.social-row{justify-content:start;gap:22px;display:flex}.social-icon{opacity:.7;transition:transform .25s,opacity .25s}.social-icon:hover{opacity:1;transform:translateY(-4px)}footer .copyright{float:none;clear:both;box-sizing:border-box;color:#d7dfe5;text-align:center;width:auto;font:400 1rem var(--font-body);background:#33485d;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin:0 24px 24px;padding:20px 16px;display:flex}footer .copyright span{unicode-bidi:isolate}.copyright-link{color:#d7dfe5;text-underline-offset:3px;text-decoration:underline;transition:color .2s}.copyright-link:hover{color:#fff}.bc-floating-actions{bottom:24px;z-index:90;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;inset-inline-end:24px}.bc-back-to-top{background:var(--color-navy);color:#fff;opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;transition:opacity .3s,transform .3s,background .3s;display:flex;transform:translateY(12px);box-shadow:0 8px 20px #19293959}.bc-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.bc-back-to-top:hover{background:var(--color-primary)}@media (width<=640px){.bc-back-to-top{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#19293947;width:40px;height:40px;box-shadow:0 4px 14px #19293926}.bc-back-to-top:hover{background:#357dc08c}}@media (width<=991px){.main-nav,.header-actions .lang-switch,.header-actions .header-login,.header-actions .btn-primary{display:none}.mobile-nav-toggle,.mobile-nav{display:flex}.hero-inner{text-align:center;grid-template-columns:1fr;min-height:0;padding:40px 28px}.hero-copy .lead{margin-inline:auto}.hero-ctas{justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center;row-gap:20px}.about-row,.about-row.is-reversed{grid-template-columns:1fr}.about-row .about-figure{order:-1}.about-text{text-align:start}.cta-figure{width:100%;max-width:400px;margin:0 auto;position:relative;inset:auto}.cta-section{text-align:center;flex-direction:column-reverse;padding-bottom:0}.cta-content{max-width:100%;margin-inline-end:0;padding:8% 8% 40px}.cta-content .download-buttons{justify-content:center}}@media (width<=767px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:32px 16px}.stats-section .container{padding:40px 24px}footer .footer-content{grid-template-columns:1fr;padding:60px 20px 28px}.footer-brand,.footer-col{align-items:start}.footer-col h5{margin:40px 0 20px;font-size:1.3rem}footer .copyright{margin:0 16px 16px;font-size:.8rem}.admin-dashboard-frame{flex-direction:column;height:auto}.admin-dashboard-sidebar{flex-direction:row;width:100%;padding:16px}.admin-dashboard-main{padding:24px}.admin-dashboard-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bc-reveal{opacity:1;transition:none;transform:none}.hero-phone,.hero-phone-tilt,.hero-inner,.stat-icon,.sp-scan-line,.bc-page,.bc-scroll-progress,header,.btn-primary,.store-badge,.social-icon,.about-figure img,.feature-card,.feature-card-body,.features-panel,.testimonial-card,.pkg-card,.admin-step,.faq-answer,.security-point,.integration-chip,.card-spotlight-point{transition:none!important;animation:none!important}.showcase-preview-frame,.showcase-copy{opacity:1!important;animation:none!important;transform:none!important}.sp-scan-line{display:none}.logo-marquee-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none!important;transform:none!important}.logo-marquee-group{padding-inline-end:0}.logo-marquee-copy{display:none}html{scroll-behavior:auto}}.banner-section{grid-template:"content img""store img"1fr/minmax(0,480px) 1fr;justify-content:center;align-items:center;gap:32px 16px;height:auto;min-height:85vh;padding-block:40px;padding-inline:32px;display:grid;overflow:hidden}.banner-section .banner-content{grid-area:content;min-width:0;max-width:480px;padding:0;position:relative;top:auto;margin:0!important}.banner-section .banner-store-row{grid-area:store;min-width:0;max-width:480px;margin-top:0}.banner-section .banner-img{grid-area:img}.banner-section .banner-content h1{color:#fff}.banner-eyebrow{color:#ffffffd9;font:700 .78rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;display:flex}.banner-eyebrow:before{content:"";background:#fff9;flex:none;width:28px;height:2px}.banner-cta-row{flex-wrap:wrap;align-items:center;gap:20px;margin-top:8px;display:flex}.banner-cta-row .banner-primary-cta{margin-left:0;position:static;top:auto;left:auto}.banner-primary-cta{padding:14px 26px}[dir=rtl] .banner-primary-cta svg{transform:scaleX(-1)}.btn-outline-light{color:#fff;background:0 0;border:2px solid #ffffff8c;padding:14px 26px}.btn-outline-light:hover{background:#ffffff1f;border-color:#fff}.banner-store-row{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.banner-available-on{color:#ffffffb3;font:700 .75rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;padding-inline-start:40px;position:relative}.banner-available-on:before{content:"";inset-inline-start:0;background:#fff6;width:28px;height:1px;position:absolute;top:50%}.banner-store-badges{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.banner-store-badges .store-badge,.banner-store-badges .google-paly-button,.banner-store-badges .app-store-button{float:none;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:140px;height:46px;margin:0}.banner-section .banner-img.hero-screens{flex:none;width:auto!important;position:relative!important;inset:auto!important}.hero-screens{text-align:initial;isolation:isolate;justify-content:center;align-items:flex-end;gap:0;padding:48px 56px 16px;display:flex;position:relative;width:auto!important}.hero-screens .phone-plate.is-blue{width:220px;max-width:none;top:2%;left:-4%}.hero-screens .phone-plate.is-blue-2{width:190px;max-width:none;top:18%;right:-8%}.hero-screens .phone-plate.is-green{width:130px;max-width:none;bottom:4%;right:10%}.hero-screens:after{content:"";z-index:0;background:radial-gradient(#00000059 0%,#0000 72%);border-radius:50%;height:22px;position:absolute;bottom:0;left:4%;right:8%}.phone-frame{aspect-ratio:220/452;background:linear-gradient(150deg,#4b4b4d 0%,#232325 18%,#101012 50%,#232325 82%,#4b4b4d 100%);border-radius:44px;width:220px;padding:10px;position:relative;box-shadow:0 30px 45px -10px #19293973,inset 0 0 0 1px #ffffff0f}.hero-screens .phone-frame-back{width:clamp(210px,26vh,280px)}.hero-screens .phone-frame-front{width:clamp(170px,21vh,230px)}.phone-frame:before,.phone-frame:after{content:"";background:linear-gradient(90deg,#0c0c0d,#2a2a2c);border-radius:2px 0 0 2px;position:absolute}html[dir=rtl] .phone-frame:before,html[dir=rtl] .phone-frame:after{border-radius:0 2px 2px 0}.phone-frame:before{inset-inline-start:-2px;width:3px;height:30px;top:19%;box-shadow:0 44px #0c0c0d}.phone-frame:after{inset-inline-end:-2px;width:3px;height:62px;top:30%}.phone-frame-screen{background:#000;border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.hero-screen{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hero-screen.is-contain{object-fit:contain;object-position:center;background:#fff;padding:18%}.phone-frame-glare{pointer-events:none;background:linear-gradient(115deg,#fff0 35%,#ffffff38 48%,#fff0 62%);animation:2.6s ease-out 1.1s both bc-phone-glare;position:absolute;inset:0;transform:translate(-120%)}.phone-frame-back,.phone-frame-front{transition:transform .35s var(--ease);position:relative}.phone-frame-front:hover{transform:translateY(-6px)scale(1.02)}.phone-frame-back:hover{transform:rotate(-8deg)translateY(-6px)scale(1.02)}.phone-frame-back{z-index:1;margin-inline-end:-72px;width:clamp(210px,26vh,280px);margin-bottom:20px;animation:7s ease-in-out 1.4s infinite bc-phone-float-back}.phone-frame-front{z-index:2;width:clamp(170px,21vh,230px);animation:7s ease-in-out 1.7s infinite bc-phone-float-front}@keyframes bc-phone-float-back{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-8deg)translateY(-10px)}}@keyframes bc-phone-float-front{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bc-phone-glare{to{transform:translate(120%)}}@media (width<=990px){.banner-section{grid-template-columns:1fr;grid-template-areas:"content""img""store";gap:12px;height:auto;min-height:0;padding:36px 20px 0}.banner-section .banner-content{text-align:center;max-width:none}.banner-section .banner-store-row{max-width:none}.banner-eyebrow,.banner-cta-row{justify-content:center}.banner-store-row{align-items:center}.phone-frame{width:180px}.hero-screens .phone-frame-back,.phone-frame-back{margin-inline-end:-52px;width:200px;margin-bottom:24px}.hero-screens .phone-frame-front,.phone-frame-front{width:164px}.hero-screens{padding:32px 28px 8px}.hero-screens .phone-plate.is-blue{width:160px}.hero-screens .phone-plate.is-blue-2{width:150px}.hero-screens .phone-plate.is-green{width:100px}}@media (prefers-reduced-motion:reduce){.phone-frame-back,.phone-frame-front{animation:none;transform:rotate(-8deg)}.phone-frame-front{transform:none}.phone-frame-back:hover,.phone-frame-front:hover{transform:rotate(-8deg)}.phone-frame-front:hover{transform:none}.phone-frame-glare{display:none}}