/* Aggiornamento 1.1: effetti aggiuntivi e presentazione Staffix.
   Il foglio di stile originale e i contenuti delle altre pagine restano invariati. */

.ef-neural-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;mask-image:linear-gradient(90deg,transparent 35%,#000 58%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 58%)}
.ef-ambient-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.7;mask-image:linear-gradient(90deg,transparent 35%,#000 80%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 80%)}
.page-banner:has(.ef-ambient-canvas)>.container{position:relative;z-index:1}
.ef-image-breathe>img{animation:ef-image-breathe 9s ease-in-out infinite paused;transform-origin:center}
.ef-image-breathe.ef-inview>img{animation-play-state:running}
.ef-image-breathe::after{content:"";position:absolute;inset:10% 11% 16%;border:1px solid #4abafb2e;border-right-color:#4abafb88;border-radius:50%;pointer-events:none;animation:ef-orbit 30s linear infinite paused}
.ef-image-breathe.ef-inview::after{animation-play-state:running}
.ef-card-motion{position:relative;overflow:hidden}
.ef-card-motion::after{content:"";position:absolute;left:-65%;bottom:0;width:65%;height:2px;background:linear-gradient(90deg,transparent,#24b9f2,#155cff,transparent);pointer-events:none;animation:ef-edge-travel 6.5s ease-in-out infinite paused}
.ef-card-motion.ef-inview::after{animation-play-state:running}
.ef-card-motion:nth-child(2n)::after{animation-delay:-2s}.ef-card-motion:nth-child(3n)::after{animation-delay:-4s}
.ef-card-motion:hover>.icon,.ef-card-motion:hover .icon-box>.icon,.ef-card-motion:hover .project-card-top>.icon{animation:ef-icon-lift 1.3s ease-in-out 2}
.ef-process-trace .step-top{position:relative}
.ef-process-trace.ef-inview .step-top>.icon{animation:ef-stroke-in 1.6s ease-out both}
.ef-process-trace:nth-child(2) .step-top>.icon{animation-delay:.12s}.ef-process-trace:nth-child(3) .step-top>.icon{animation-delay:.24s}.ef-process-trace:nth-child(4) .step-top>.icon{animation-delay:.36s}
.ef-contact-light{position:relative;overflow:hidden}
.ef-contact-light::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#155cff,#5cdbff,transparent);opacity:0;transform:translateX(-100%);pointer-events:none}
.ef-contact-light:focus-within::before{opacity:1;animation:ef-contact-sweep 4s ease-in-out infinite}
@keyframes ef-image-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.012)}}
@keyframes ef-orbit{to{transform:rotate(360deg)}}
@keyframes ef-edge-travel{0%,16%{transform:translateX(0);opacity:0}30%{opacity:.65}70%{opacity:.65}90%,100%{transform:translateX(265%);opacity:0}}
@keyframes ef-icon-lift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-5deg)}}
@keyframes ef-stroke-in{from{stroke-dasharray:70;stroke-dashoffset:70;opacity:.3}to{stroke-dasharray:70;stroke-dashoffset:0;opacity:1}}
@keyframes ef-contact-sweep{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}

/* Staffix: logo e schermate originali, presentati senza alterare i file. */
.page-staffix .sfx-stage{position:relative;isolation:isolate;overflow:hidden;background:#050f24;padding:32px 0 30px}
.sfx-stage::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 82% 38%,#006fd34a,transparent 51%),radial-gradient(ellipse at 51% 95%,#194dc327,transparent 50%)}
.sfx-stage-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#62baf909 1px,transparent 1px),linear-gradient(90deg,#62baf909 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse at 80% 50%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 80% 50%,#000,transparent 70%)}
.sfx-network{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.65}
.page-staffix .sfx-stage .breadcrumb{margin-bottom:15px;font-size:.75rem}
.sfx-hero-layout{display:grid;grid-template-columns:.93fr 1.07fr;gap:45px;align-items:center}
.sfx-hero-copy{position:relative;z-index:2;padding:8px 0 20px}
.sfx-logo-window{position:relative;overflow:hidden;aspect-ratio:921/300;width:380px;max-width:100%;margin:0 0 15px -18px;mix-blend-mode:screen}
.sfx-logo-window>img{position:absolute;width:100%;max-width:none;height:auto;top:-293.333333%;left:0}
.sfx-hero-copy .eyebrow{font-size:.75rem;letter-spacing:.11em;margin-bottom:18px}
.page-staffix .sfx-hero-copy h1{font-size:clamp(2.7rem,4.1vw,3.85rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.sfx-hero-copy h1 .text-cyan{color:#79dbff;text-shadow:0 0 40px #37bcff22}
.page-staffix .sfx-hero-copy>p{max-width:500px;font-size:1rem;line-height:1.8;color:#a9bedc;margin-bottom:27px}
.sfx-stage .hero-actions{gap:11px}.sfx-stage .hero-actions .button{padding:15px 20px;gap:11px}
.sfx-stage .button-primary{background:linear-gradient(115deg,#155cff,#077bd9);box-shadow:0 10px 35px #155cff30}
.sfx-stage .button-primary:hover{box-shadow:0 12px 42px #168cf45e}
.sfx-stage .feature-pills{margin:25px 0 0;gap:8px}.sfx-stage .feature-pills>span{font-size:.75rem;border-color:#35507799;background:#11336730}
.sfx-hero-visual{position:relative;min-width:0;width:100%;height:535px;isolation:isolate}
.sfx-orbit{position:absolute;z-index:-1;border:1px solid #5dc6ff2b;border-radius:50%;pointer-events:none;animation:ef-orbit 32s linear infinite paused}
.sfx-orbit::before{content:"";position:absolute;top:14%;left:14%;width:6px;height:6px;background:#76d9ff;border-radius:50%;box-shadow:0 0 17px #23baff}
.sfx-orbit-one{width:540px;height:540px;left:10%;top:-10%;border-right-color:#61bfff65}
.sfx-orbit-two{width:680px;height:680px;left:-1%;top:-23%;border-style:dashed;border-color:#439de722;animation-duration:50s;animation-direction:reverse}
.sfx-stage.ef-inview .sfx-orbit{animation-play-state:running}
.sfx-hero-desktop{position:absolute;left:-2%;top:55px;width:98%;margin:0;border:1px solid #78b7ff8a;border-radius:13px;background:#eaf5ff;overflow:hidden;box-shadow:0 32px 80px #0008,0 0 60px #108dff1f;transform:perspective(1500px) rotateY(-9deg) rotateX(4deg);transform-origin:center;transition:box-shadow .5s}
.sfx-hero-desktop:hover{box-shadow:0 38px 85px #0009,0 0 60px #108dff3a}
.sfx-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#e7f3ff,#f9fcff);color:#557499;padding:10px 15px;font-size:.75rem;font-weight:600;letter-spacing:.02em}
.sfx-window-dots{display:flex;gap:5px}.sfx-window-dots i{width:6px;height:6px;border-radius:50%;background:#9cb8d8}.sfx-window-dots i:nth-child(2){background:#66b8f7}.sfx-window-dots i:nth-child(3){background:#155cff}
.sfx-window-bar>span:last-child{font-size:.75rem;font-weight:400}.sfx-window-bar .icon{width:15px;height:15px}
.sfx-screen{display:block;position:relative;overflow:hidden;background:#eaf7ff;isolation:isolate}
.sfx-screen-desktop{aspect-ratio:40/19}
.sfx-screen-desktop>img{position:absolute;width:100%;max-width:none;height:auto;left:0;top:-13.157895%}
.sfx-screen-expand{display:flex;align-items:center;gap:7px;position:absolute;right:15px;bottom:15px;z-index:1;padding:8px 12px;color:#fff;background:#071d43ed;border:1px solid #e1f2ff55;border-radius:5px;font-size:.75rem;line-height:1.5;box-shadow:0 4px 16px #0002;transition:background .2s,transform .2s}
.sfx-screen-expand .icon{width:15px;height:15px}
.sfx-screen:hover .sfx-screen-expand{background:#155cff;transform:translateY(-2px)}
.sfx-hero-desktop figcaption{font-size:.75rem;color:#527299;padding:11px 17px;background:#f6faff;line-height:1.5}
.sfx-hero-phone{position:absolute;margin:0;right:-2%;bottom:1px;width:185px;z-index:2;transform:rotate(7deg);animation:sfx-float-phone 7s ease-in-out infinite paused}
.sfx-stage.ef-inview .sfx-hero-phone{animation-play-state:running}
.sfx-phone-screen{display:block;overflow:hidden;border-radius:23px;border:5px solid #0e2547;box-shadow:0 22px 50px #0008,0 0 0 1px #76b4f0a6;background:#d9efff}
.sfx-phone-screen>img{width:100%;height:auto}
.sfx-hero-phone figcaption{font-size:.75rem;color:#b0d0f2;text-align:center;margin-top:12px}
.sfx-hero-ai{position:absolute;z-index:3;left:4%;bottom:44px;display:flex;align-items:center;gap:12px;padding:14px 19px;background:#0b2143e8;backdrop-filter:blur(14px);border:1px solid #67c3ff70;border-radius:10px;box-shadow:0 16px 45px #0004}
.sfx-ai-symbol{display:grid;place-items:center;border:1px solid #66d2ff88;border-radius:50%;background:#1ba5f826;color:#92e2ff;width:43px;height:43px;box-shadow:0 0 15px #42c8ff33;animation:sfx-ai-glow 4s ease-in-out infinite paused}
.sfx-stage.ef-inview .sfx-ai-symbol{animation-play-state:running}
.sfx-hero-ai strong{display:block;font-size:.875rem;letter-spacing:.02em;color:#e4f4ff}
.sfx-hero-ai small{display:block;color:#91b1d7;font-size:.75rem;margin-top:2px}
.sfx-explore{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px;color:#87aad3;font-size:.75rem;letter-spacing:.11em}
.sfx-explore .icon{width:18px;height:18px;animation:sfx-scroll-cue 2.8s ease-in-out 3}
.page-staffix .staffix-benefits-section{background:#fbfdff;padding-block:38px}
.page-staffix .benefit>.icon{padding:10px;width:49px;height:49px;box-sizing:content-box;background:#edf5ff;border-radius:14px;stroke-width:1.4}
.page-staffix .benefit h3{font-size:1rem}.page-staffix .benefit p{font-size:.875rem}
.sfx-tour{background:linear-gradient(180deg,#fff,#f1f6fe);position:relative}
.sfx-desktop-gallery{border:1px solid #c7d9f1;border-radius:13px;background:white;box-shadow:0 22px 70px #102c6112;overflow:hidden}
.sfx-gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dce7f6;padding:17px 24px;background:#fff}
.sfx-tabs{display:none;align-items:center;gap:6px;background:#f0f5fc;padding:5px;border-radius:7px}
.js .sfx-tabs{display:flex}
.sfx-tabs button{display:flex;align-items:center;gap:9px;border:1px solid transparent;background:none;color:#5b7292;font-size:.875rem;padding:10px 18px;border-radius:5px;transition:background .2s,color .2s,box-shadow .2s;line-height:1.4}
.sfx-tabs button>.icon{width:19px;height:19px}
.sfx-tabs button[aria-selected=true]{background:white;color:#135aec;border-color:#d7e4f5;box-shadow:0 3px 9px #143b7410;font-weight:650}
.sfx-tabs button:hover{color:#155cff}
.sfx-gallery-hint{font-size:.75rem;color:#7488a4;display:flex;align-items:center;gap:7px}.sfx-gallery-hint .icon{width:16px;height:16px}
.js .sfx-tour-panel:not(.is-active){display:none}
.sfx-tour-panel.is-active{animation:sfx-panel-in .45s ease-out}
.sfx-panel-note{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:21px 25px;border-top:1px solid #dde8f6;background:#fff;line-height:1.65}
.sfx-panel-note strong{font-size:.9rem;color:#173460;flex-shrink:0}.sfx-panel-note>span{font-size:.875rem;color:#647a98;text-align:right}
.sfx-mobile-section{background:#061329;color:white;position:relative;overflow:hidden;isolation:isolate}
.sfx-mobile-section::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 60%,#056ec126,transparent 65%)}
.sfx-mobile-section .section-heading>p{color:#9eb5d5}
.sfx-phone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:29px;align-items:start}
.sfx-phone-card{margin:0;min-width:0}
.sfx-phone-card:nth-child(2n){padding-top:32px}
.sfx-phone-shell{position:relative;display:block;border:6px solid #102d51;border-radius:27px;box-shadow:0 0 0 1px #5385b989,0 25px 45px #0005;transition:transform .4s,box-shadow .4s;overflow:hidden;background:#e3f3ff}
.sfx-phone-shell:hover{transform:translateY(-8px);box-shadow:0 0 0 1px #69bcff,0 28px 55px #0007,0 0 30px #00b7ff24}
.sfx-phone-view{display:block;aspect-ratio:1019/2048;position:relative;overflow:hidden;background:#def0ff}
.sfx-phone-view>img{width:100%;height:auto;display:block}
.sfx-phone-view-system>img{position:absolute;left:0;top:-5.3878%;width:100%;max-width:none;height:auto}
.sfx-phone-zoom{display:grid;place-items:center;position:absolute;right:9px;bottom:12px;z-index:3;width:32px;height:32px;border-radius:50%;background:#061a3bdd;color:#fff;border:1px solid #afcfff80;box-shadow:0 3px 13px #0004;transition:background .2s}
.sfx-phone-zoom .icon{width:16px;height:16px}.sfx-phone-shell:hover .sfx-phone-zoom{background:#155cff}
.sfx-phone-card figcaption{display:flex;align-items:flex-start;gap:12px;padding:22px 3px 0;color:#e0ebfc}
.sfx-phone-index{font-size:.75rem;font-weight:500;color:#58bdff;border-top:1px solid #438cc280;padding-top:7px;margin-top:2px;min-width:24px}
.sfx-phone-card h3{font-size:1rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:6px}
.sfx-phone-card p{font-size:.8125rem;line-height:1.6;color:#99b2d3;margin-bottom:0}
.sfx-pwa-line{display:flex;align-items:center;gap:23px;margin-top:52px;padding-top:27px;border-top:1px solid #24425f;color:#bed2ef;font-size:.8125rem;flex-wrap:wrap}
.sfx-pwa-line>span{display:flex;align-items:center;gap:8px}.sfx-pwa-line .icon{width:18px;height:18px;color:#6dc9ff}
.sfx-pwa-line p{margin:0 0 0 auto;color:#8ea9ce;font-size:.8125rem}
.page-staffix .module-card{background:white;border-color:#dae5f4;transition:transform .3s,box-shadow .3s}
.page-staffix .module-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #1248930e}
.page-staffix .kira-band{background:linear-gradient(115deg,#071a3b,#07305b);color:white;border-color:#256197;border-radius:13px;padding:42px;position:relative;isolation:isolate;overflow:hidden}
.page-staffix .kira-band p{color:#afc9e9;position:relative;z-index:1}
.page-staffix .kira-band h3{position:relative;z-index:1;color:#f0f8ff;font-size:1.5rem}
.page-staffix .kira-band>.icon{width:62px;height:62px;color:#79ddff;filter:drop-shadow(0 0 12px #14b1f997);z-index:1}
.page-staffix .kira-band::after{content:"";position:absolute;z-index:0;inset:-180px -100px -180px auto;width:450px;border:1px solid #58c8ff35;border-radius:50%;box-shadow:0 0 0 55px #3da9fb0a,0 0 0 110px #3da9fb09;animation:sfx-kira-breathe 8s ease-in-out infinite paused;pointer-events:none}
.page-staffix .kira-band.ef-inview::after{animation-play-state:running}
.page-staffix .plan-card{box-shadow:0 14px 35px #1d458509;transition:transform .3s,box-shadow .3s}
.page-staffix .plan-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #144a9a15}
.page-staffix .plan-pro{box-shadow:0 15px 55px #155cff17}
.page-staffix .plan-pro.ef-inview{animation:sfx-plan-glow 6s ease-in-out infinite}
.sfx-lightbox{border:1px solid #36567e;border-radius:12px;padding:0;width:calc(100vw - 64px);max-width:1440px;max-height:calc(100dvh - 40px);background:#08172d;color:#edf5ff;overflow:hidden;box-shadow:0 30px 120px #0008}
.sfx-lightbox:not([open]){display:none}
.sfx-lightbox::backdrop{background:#000b;backdrop-filter:blur(7px)}
.sfx-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-bottom:1px solid #284366}
.sfx-lightbox-top>div>span{display:block;color:#73c9ff;letter-spacing:.1em;font-size:.75rem;margin-bottom:5px}
.sfx-lightbox-top h2{font-size:1rem;letter-spacing:0;line-height:1.5;margin:0;font-weight:500}
.sfx-lightbox-close{background:#1c3554;color:#fff;border:1px solid #4b6486;border-radius:50%;width:41px;height:41px;line-height:1;flex-shrink:0;font-size:1.7rem;padding:0}
.sfx-lightbox-close:hover{background:#155cff}
.sfx-lightbox-view{display:flex;align-items:flex-start;justify-content:center;overflow:auto;max-height:calc(100dvh - 208px);min-height:150px;background:#030b19;padding:14px;overscroll-behavior:contain}
.sfx-lightbox-view>img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 240px);object-fit:contain;display:block}
.sfx-lightbox.is-zoomed .sfx-lightbox-view{display:block}
.sfx-lightbox.is-zoomed .sfx-lightbox-view>img{max-width:none;max-height:none;max-inline-size:none;width:auto;height:auto;margin:0 auto}
.sfx-lightbox-bottom{display:flex;align-items:center;justify-content:center;gap:19px;padding:13px 24px;border-top:1px solid #284366}
.sfx-lightbox-bottom button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#183353;color:#d8ebff;border:1px solid #3a5a81;border-radius:5px;min-width:40px;min-height:38px;padding:8px;font-size:.8125rem}
.sfx-lightbox-bottom button:hover{background:#155cff}
.sfx-lightbox-prev>.icon{transform:rotate(180deg)}
.sfx-lightbox-bottom button>.icon{width:18px;height:18px}
.sfx-lightbox-count{font-size:.8125rem;min-width:45px;text-align:center;color:#aac8ec}
.sfx-lightbox-bottom .sfx-lightbox-zoom{margin-left:auto;padding-inline:14px}
.sfx-dialog-open{overflow:hidden}
@keyframes sfx-float-phone{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@keyframes sfx-ai-glow{0%,100%{box-shadow:0 0 12px #42c8ff20}50%{box-shadow:0 0 25px #42c8ff60}}
@keyframes sfx-scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes sfx-panel-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes sfx-kira-breathe{0%,100%{transform:scale(.95)}50%{transform:scale(1.12)}}
@keyframes sfx-plan-glow{0%,100%{box-shadow:0 15px 40px #155cff17}50%{box-shadow:0 20px 55px #155cff31}}

@media(min-width:1600px){.sfx-hero-visual{height:550px}.sfx-hero-desktop{width:100%}.sfx-hero-phone{width:195px}}
@media(max-width:1199px){.sfx-hero-layout{gap:30px;grid-template-columns:1fr 1fr}.sfx-hero-visual{height:500px}.sfx-hero-desktop{width:104%;left:-4%;top:74px}.sfx-hero-phone{width:155px;right:-3%;bottom:0}.sfx-hero-ai{left:0;bottom:80px;padding:11px 13px;gap:9px}.sfx-ai-symbol{width:36px;height:36px}.sfx-hero-ai small{max-width:150px}.sfx-orbit-one{width:440px;height:440px;top:7%;left:1%}.sfx-orbit-two{width:590px;height:590px;left:-17%;top:-8%}.sfx-logo-window{width:335px}.sfx-stage .hero-actions .button{padding:14px 15px;font-size:.875rem}.sfx-phone-grid{gap:22px}.sfx-phone-card h3{font-size:.9375rem}.sfx-phone-shell{border-width:5px}.sfx-pwa-line p{width:100%;margin:0}.page-staffix .benefit>.icon{width:29px;height:29px}}
@media(max-width:959px){.sfx-hero-layout{grid-template-columns:1fr;gap:25px}.sfx-hero-copy{max-width:670px}.page-staffix .sfx-hero-copy h1{font-size:3.5rem}.page-staffix .sfx-hero-copy>p{max-width:620px}.sfx-logo-window{width:355px}.sfx-hero-visual{max-width:700px;height:565px;margin:0 auto}.sfx-hero-desktop{left:1%;width:92%;top:35px}.sfx-hero-phone{width:190px;right:1%;bottom:4px}.sfx-hero-ai{left:6%;bottom:69px}.sfx-hero-ai small{max-width:none}.sfx-orbit-one{width:510px;height:510px;top:-1%;left:14%}.sfx-orbit-two{width:630px;height:630px;left:4%;top:-12%}.sfx-explore{margin-top:0}.sfx-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 45px;max-width:650px;margin-inline:auto}.sfx-phone-card:nth-child(2n){padding-top:35px}.sfx-phone-card h3{font-size:1.0625rem}.sfx-phone-card p{font-size:.875rem}.sfx-gallery-hint{max-width:170px}.sfx-panel-note{display:block}.sfx-panel-note>span{display:block;text-align:left;margin-top:6px}.page-staffix .staffix-benefits-section{padding-block:35px}.sfx-lightbox{width:calc(100vw - 32px)}}
@media(max-width:719px){.ef-neural-canvas{mask-image:linear-gradient(180deg,transparent 50%,#000 69%);-webkit-mask-image:linear-gradient(180deg,transparent 50%,#000 69%)}.page-staffix .sfx-stage{padding-top:26px;padding-bottom:25px}.page-staffix .sfx-stage .breadcrumb{font-size:.75rem;margin-bottom:16px}.sfx-logo-window{width:310px;margin-left:-11px;margin-bottom:13px}.sfx-hero-copy{padding:0}.sfx-hero-copy .eyebrow{font-size:.75rem;letter-spacing:.065em;max-width:340px;margin-bottom:20px}.page-staffix .sfx-hero-copy h1{font-size:clamp(2.5rem,9vw,3.4rem);line-height:1.1}.page-staffix .sfx-hero-copy>p{font-size:.9375rem;line-height:1.8}.sfx-stage .hero-actions{display:flex;flex-wrap:wrap;gap:10px}.sfx-stage .hero-actions .button{font-size:.875rem;padding:13px 16px;min-height:48px}.sfx-stage .feature-pills{margin-top:22px;gap:7px}.sfx-stage .feature-pills>span{font-size:.75rem;padding:5px 8px}.sfx-stage .feature-pills .icon{width:14px;height:14px;margin-right:3px}.sfx-hero-layout{gap:25px}.sfx-hero-visual{height:370px;margin-top:15px;max-width:510px}.sfx-hero-desktop{left:0;top:20px;width:96%;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);border-radius:8px}.sfx-window-bar{padding:7px 10px;font-size:.75rem;gap:7px}.sfx-window-dots{gap:4px}.sfx-window-dots i{width:4px;height:4px}.sfx-window-bar>span:last-child{font-size:.75rem}.sfx-window-bar .icon{width:13px;height:13px}.sfx-hero-desktop figcaption{font-size:.75rem;padding:9px 11px;max-width:100%}.sfx-hero-desktop .sfx-screen-expand{font-size:.75rem;bottom:8px;right:8px;padding:5px 7px}.sfx-hero-phone{width:123px;right:2%;bottom:8px}.sfx-phone-screen{border-width:4px;border-radius:18px}.sfx-hero-phone figcaption{font-size:.75rem;line-height:1.4;margin-top:8px}.sfx-hero-ai{left:1%;bottom:28px;padding:10px 12px;gap:8px;max-width:205px}.sfx-ai-symbol{width:30px;height:30px}.sfx-ai-symbol>.icon{width:18px;height:18px}.sfx-hero-ai strong{font-size:.8125rem}.sfx-hero-ai small{font-size:.75rem;line-height:1.5;max-width:115px}.sfx-orbit-one{width:340px;height:340px;left:0;top:-3%}.sfx-orbit-two{width:470px;height:470px;left:-20%;top:-15%}.sfx-explore{font-size:.75rem;letter-spacing:.07em;margin-top:8px;gap:10px}.page-staffix .staffix-benefits-section{padding-block:32px}.page-staffix .benefit>.icon{width:25px;height:25px;padding:11px;border-radius:11px}.sfx-gallery-header{padding:14px;display:block}.sfx-tabs{width:max-content;max-width:100%;gap:4px}.sfx-tabs button{font-size:.8125rem;padding:9px 13px;gap:7px}.sfx-tabs button>.icon{width:17px;height:17px}.sfx-gallery-hint{display:flex;max-width:none;margin-top:12px;font-size:.75rem}.sfx-screen-expand{font-size:.75rem;right:10px;bottom:10px;padding:6px 9px;gap:6px}.sfx-screen-expand>.icon{width:13px;height:13px}.sfx-tour .sfx-screen-expand{position:static;border-radius:0;border:0;box-shadow:none;background:#eff5fc;color:#155cff;justify-content:center;margin-top:47.5%;padding:10px}.sfx-tour .sfx-screen-desktop{aspect-ratio:auto;overflow:hidden}.sfx-tour .sfx-screen-desktop>img{top:0;transform:translateY(-11.111111%);z-index:-1}.sfx-panel-note{padding:17px}.sfx-panel-note strong{font-size:.875rem}.sfx-panel-note>span{font-size:.8125rem}.sfx-phone-grid{gap:26px 16px;max-width:460px}.sfx-phone-shell{border-width:3px;border-radius:16px}.sfx-phone-card:nth-child(2n){padding-top:26px}.sfx-phone-card figcaption{display:block;padding-top:14px}.sfx-phone-index{display:block;font-size:.75rem;width:22px;padding-top:4px;margin-bottom:8px}.sfx-phone-card h3{font-size:.875rem;line-height:1.4}.sfx-phone-card p{font-size:.75rem;line-height:1.55}.sfx-phone-zoom{width:27px;height:27px;bottom:8px;right:6px}.sfx-phone-zoom>.icon{width:14px;height:14px}.sfx-pwa-line{gap:16px;margin-top:34px;padding-top:24px;font-size:.75rem}.sfx-pwa-line>span{gap:6px}.sfx-pwa-line p{font-size:.8125rem;line-height:1.7}.sfx-pwa-line .icon{width:16px;height:16px}.page-staffix .kira-band{padding:27px 23px;gap:17px}.page-staffix .kira-band>.icon{width:34px;height:34px}.page-staffix .kira-band h3{font-size:1.25rem}.page-staffix .kira-band p{font-size:.875rem}.sfx-lightbox{width:calc(100vw - 18px);max-height:calc(100dvh - 20px);border-radius:9px}.sfx-lightbox-top{padding:14px;gap:12px}.sfx-lightbox-top h2{font-size:.875rem}.sfx-lightbox-top>div>span{font-size:.75rem}.sfx-lightbox-close{width:36px;height:36px;font-size:1.5rem}.sfx-lightbox-view{padding:8px;max-height:calc(100dvh - 190px)}.sfx-lightbox-view>img{max-height:calc(100dvh - 210px)}.sfx-lightbox-bottom{padding:12px;gap:9px}.sfx-lightbox-bottom button{min-width:37px;min-height:37px}.sfx-lightbox-bottom .sfx-lightbox-zoom{padding-inline:10px;font-size:.75rem}.sfx-lightbox-count{font-size:.75rem;min-width:34px}}
@media(max-width:374px){.sfx-logo-window{width:280px}.sfx-stage .hero-actions{display:grid;grid-template-columns:1fr}.sfx-stage .hero-actions .button{width:100%}.sfx-hero-visual{height:345px}.sfx-hero-phone{width:110px;right:-1%;bottom:12px}.sfx-hero-ai{bottom:35px;left:0;padding:9px;max-width:167px;gap:7px}.sfx-hero-ai small{font-size:.75rem;max-width:100px}.sfx-ai-symbol{width:25px;height:25px}.sfx-hero-ai strong{font-size:.75rem}.sfx-hero-desktop figcaption{font-size:.75rem}.sfx-phone-grid{gap:25px 14px}.sfx-window-bar>span:last-child{display:none}}
@media print{.ef-neural-canvas,.ef-ambient-canvas,.sfx-network,.sfx-stage-grid,.sfx-orbit,.sfx-explore,.sfx-lightbox{display:none!important}.sfx-logo-window{mix-blend-mode:normal}.sfx-stage,.sfx-mobile-section{background:#071226!important;color:#fff!important}.sfx-hero-desktop,.sfx-hero-phone{transform:none!important}.sfx-phone-card{break-inside:avoid}.sfx-tour-panel{display:block!important}.sfx-tabs,.sfx-gallery-hint{display:none!important}}