.projection-story{display:block;min-height:auto;padding-block:105px}.projection-phase{display:grid;align-items:center;gap:72px}.projection-selection{grid-template-columns:1.2fr .8fr}.projection-control-phase{grid-template-columns:.68fr 1.32fr;margin-top:92px;padding-top:86px;border-top:1px solid rgba(34,189,199,.12)}
.projection-product-shot{position:relative;min-width:0;overflow:hidden;margin:0;border:1px solid #244049;border-radius:22px;background:#071216;box-shadow:0 34px 85px rgba(0,0,0,.36)}.projection-product-shot::after{content:"";position:absolute;z-index:-1;right:-8%;bottom:-16%;width:62%;height:55%;border-radius:50%;background:rgba(34,189,199,.13);filter:blur(55px)}
.product-shot-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #233c43;background:#0a181c}.product-shot-bar>span{display:flex;gap:5px}.product-shot-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#2b4850}.product-shot-bar i:first-child{background:#29d39b}.product-shot-bar strong{color:#75d0d8;font-size:7px;letter-spacing:.14em}.product-shot-viewport{position:relative;overflow:hidden;background:#f4f7fb}.product-shot-viewport img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.projection-list-shot .product-shot-viewport{aspect-ratio:1.648/1}.projection-slides-shot .product-shot-viewport{aspect-ratio:1.88/1}
.desktop-generic-avatar{position:absolute;z-index:3;right:7px;top:10px;width:28px;height:28px;border:2px solid #1aa7b5;border-radius:50%;background:linear-gradient(145deg,#153239,#071114);box-shadow:0 0 0 3px rgba(34,189,199,.09)}.desktop-generic-avatar::before{content:"";position:absolute;left:50%;top:5px;width:7px;height:7px;border-radius:50%;background:#b8c8cc;transform:translateX(-50%)}.desktop-generic-avatar::after{content:"";position:absolute;left:50%;bottom:4px;width:14px;height:8px;border-radius:9px 9px 4px 4px;background:#b8c8cc;transform:translateX(-50%)}.desktop-generic-avatar i{position:absolute;inset:3px;border:1px solid rgba(82,213,223,.22);border-radius:50%}
.projection-phase-copy>span{display:block;margin-bottom:18px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.18em}.projection-phase-copy h4{margin:0 0 18px;color:#f7fbfc;font-size:clamp(30px,3.5vw,46px);line-height:1.08;letter-spacing:-.05em}.projection-phase-copy>p{color:#8da2a9;font-size:14px;line-height:1.8}.projection-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.projection-capabilities b{padding:8px 10px;border:1px solid #28515a;border-radius:20px;background:rgba(34,189,199,.06);color:#b9ccd1;font-size:8px;font-weight:700}
html[data-theme="light"] .projection-product-shot{border-color:#b8d4d9;background:#fff;box-shadow:0 30px 75px rgba(42,87,96,.16)}html[data-theme="light"] .product-shot-bar{border-color:#cadde1;background:#f8fbfc}html[data-theme="light"] .product-shot-bar strong{color:#168a97}html[data-theme="light"] .projection-control-phase{border-color:#c8dde1}html[data-theme="light"] .projection-phase-copy h4{color:#172b31}html[data-theme="light"] .projection-phase-copy>p{color:#566e75}html[data-theme="light"] .projection-capabilities b{border-color:#b8d4d9;background:#eef8f9;color:#3c5960}
@media(max-width:980px){.projection-story{padding-block:90px}.projection-phase,.projection-selection,.projection-control-phase{grid-template-columns:1fr;gap:42px}.projection-selection .story-copy{grid-row:1}.projection-control-phase{margin-top:72px;padding-top:72px}.projection-slides-shot{grid-row:2}}
@media(max-width:640px){.projection-story{padding-block:72px}.projection-phase{gap:30px}.projection-control-phase{margin-top:58px;padding-top:58px}.projection-product-shot{border-radius:15px}.product-shot-bar{height:36px;padding-inline:11px}.product-shot-bar strong{font-size:6px}.desktop-generic-avatar{right:4px;top:5px;width:22px;height:22px}.projection-phase-copy h4{font-size:34px}.projection-capabilities b{font-size:7px}}
.desktop-generic-avatar{right:8.8%}@media(max-width:640px){.desktop-generic-avatar{right:8.8%}}
.desktop-generic-avatar{right:8.95%;top:8px;width:22px;height:22px;border-width:1px;box-shadow:0 0 0 2px rgba(34,189,199,.09)}.desktop-generic-avatar::before{top:4px;width:6px;height:6px}.desktop-generic-avatar::after{bottom:3px;width:12px;height:7px}
.projection-remote-phase{grid-template-columns:.92fr 1.08fr;margin-top:92px;padding-top:86px;border-top:1px solid rgba(34,189,199,.12)}.remote-device-stage{position:relative;display:grid;place-items:center;min-height:660px}.remote-aura{position:absolute;width:460px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,189,199,.2),rgba(20,112,126,.08) 46%,transparent 70%);filter:blur(22px)}
.remote-phone{position:relative;z-index:2;width:min(315px,76%);padding:13px 11px 18px;border:1px solid #31515a;border-radius:42px;background:linear-gradient(145deg,#17282d,#050b0d 62%);box-shadow:-22px 34px 72px rgba(0,0,0,.5),inset 0 0 0 3px #0c1518,inset 0 0 0 5px #263c42;transform:perspective(1100px) rotateY(-4deg) rotateZ(-.7deg);transition:.4s ease}.projection-remote-phase:hover .remote-phone{transform:perspective(1100px) rotateY(-2deg) rotateZ(-.3deg) translateY(-4px)}.remote-hardware{position:relative;height:24px}.remote-hardware span{position:absolute;left:50%;top:5px;width:68px;height:7px;border-radius:8px;background:#020506;transform:translateX(-50%)}.remote-hardware i{position:absolute;left:calc(50% + 47px);top:4px;width:9px;height:9px;border:2px solid #101c20;border-radius:50%;background:#071216}.remote-screen{overflow:hidden;aspect-ratio:382/760;border:1px solid #20383e;border-radius:26px;background:#f4edf1}.remote-screen img{display:block;width:120.5%;height:auto;max-width:none;transform:translate(-8.55%,-1.4%)}.remote-home{width:78px;height:4px;margin:10px auto -7px;border-radius:5px;background:#5e7075}
.remote-live-label{position:absolute;z-index:3;right:1%;bottom:78px;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #28515a;border-radius:12px;background:rgba(8,22,25,.95);box-shadow:0 18px 42px rgba(0,0,0,.34);backdrop-filter:blur(12px)}.remote-live-label>i{width:8px;height:8px;border-radius:50%;background:#2bdd9a;box-shadow:0 0 0 5px rgba(43,221,154,.1)}.remote-live-label small,.remote-live-label strong{display:block}.remote-live-label small{color:#6d939b;font-size:7px;letter-spacing:.13em}.remote-live-label strong{color:#f4fafb;font-size:10px}.remote-copy ul{display:grid;gap:10px;margin:27px 0 0;padding:0;list-style:none}.remote-copy li{display:flex;align-items:flex-start;gap:10px;color:#b7c6cb;font-size:11px;line-height:1.55}.remote-copy li::before{content:"✓";flex:0 0 auto;display:grid;place-items:center;width:18px;height:18px;border:1px solid #23606a;border-radius:50%;color:var(--cyan);font-size:8px}
html[data-theme="light"] .projection-remote-phase{border-color:#c8dde1}html[data-theme="light"] .remote-phone{border-color:#87adb5;background:linear-gradient(145deg,#344b51,#0d171a 64%);box-shadow:-20px 35px 70px rgba(47,91,100,.26),inset 0 0 0 3px #101b1e,inset 0 0 0 5px #456067}html[data-theme="light"] .remote-live-label{border-color:#acd0d6;background:rgba(255,255,255,.96);box-shadow:0 17px 38px rgba(45,88,97,.17)}html[data-theme="light"] .remote-live-label strong{color:#203a40}html[data-theme="light"] .remote-copy li{color:#3f5960}
@media(max-width:980px){.projection-remote-phase{grid-template-columns:1fr;margin-top:72px;padding-top:72px}.remote-copy{grid-row:1}.remote-device-stage{grid-row:2;min-height:650px}.remote-live-label{right:12%;bottom:70px}}
@media(max-width:640px){.projection-remote-phase{margin-top:58px;padding-top:58px}.remote-device-stage{min-height:620px}.remote-phone{width:min(292px,90%);transform:none}.projection-remote-phase:hover .remote-phone{transform:none}.remote-aura{width:340px;height:430px}.remote-live-label{right:2%;bottom:55px;padding:11px 13px}.remote-live-label strong{font-size:9px}.remote-copy li{font-size:10px}}