@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Prosto+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e7ff;background:#0a0e1a;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#141b2d}::-webkit-scrollbar-thumb{background:#2563eb;border-radius:4px}:root{--primary:#1e3a8a;--primary-light:#3b82f6;--primary-dark:#0f172a;--bg-card:#111827;--text-light:#e0e7ff;--text-muted:#94a3b8;--border-color:#1e293b}body{background:var(--bg-main);color:var(--text-dark)}.container{margin:0 auto;padding:0 24px}.logo{align-items:center;gap:4px;margin-left:10%;padding:12px 16px;display:flex;position:absolute}.logo-icon svg{color:#3b82f6;width:50px;height:50px}.logo-text{letter-spacing:1px;text-transform:uppercase;font-family:Prosto one,sans-serif;font-size:24px;font-weight:500}.header{z-index:50;-webkit-backdrop-filter:blur(17.5px);backdrop-filter:blur(17.5px);background:#22273e73;border-radius:8px;width:fit-content;margin-top:14px;margin-right:10%;padding:4px;position:fixed;top:0;right:0}.header-content{justify-content:flex-end;align-items:center;display:flex}.nav{gap:2px;display:flex}.nav a{color:var(--text-light);text-transform:uppercase;letter-spacing:.2px;border-radius:8px;padding:12px 20px;font-family:IBM Plex Mono,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s}.nav a:hover{background:#79679954}.hero{align-items:flex-end;min-height:100vh;padding:120px 0 7%;display:flex;position:relative;overflow:hidden}.hero-gradient-overlay{pointer-events:none;z-index:1;background:radial-gradient(at 100% 100%,#3b82f640 0%,#3b82f61a 40%,#0000 70%);width:100%;height:100%;position:absolute;bottom:0;right:0}.hero-content{z-index:10;width:100%;margin:0 5%;position:relative}.hero-container{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.hero-title{font-family:"Exo 2";font-size:clamp(48px,8vw,75px);font-weight:300;line-height:1}.highlight{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-col{max-width:300px;padding-bottom:4px}.hero-subtitle{color:#464646;word-spacing:2px;letter-spacing:.2px;text-align:left;border-radius:10px;margin-bottom:30px;padding:10px;font-family:Montserrat;font-size:17px;line-height:1.3}.cta-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#2563eb;border:2px solid #2563eb80;border-radius:8px;align-items:center;width:100%;padding:6px;font-family:IBM Plex Mono,sans-serif;font-size:22px;font-weight:300;transition:all .2s;display:inline-flex}.cta-button__text{width:100%;padding:0 12px}.cta-button__icon-container{color:#586490;background-color:#dbe5ed;border:1px solid #dbe5ed;border-radius:8px;align-items:center;padding:12px;transition:all .3s;display:flex}.cta-button__icon-container svg{width:27px;height:27px;font-weight:200;transition:all .3s}.cta-button:hover .cta-button__icon-container{background-color:var(--primary-dark);border:1px solid var(--primary-dark);color:#fff}.cta-button:hover .cta-button__icon-container svg{transform:translate(4px)}.products-section{z-index:2;background:linear-gradient(90deg,#0000 0%,#3b82f60d 40%,#3b82f626 70%,#3b82f640 100%);position:relative}.products-section .container{background:#fff;border-top:1px solid #e9e9e993;border-radius:2rem 2rem 0 0;padding:40px 24px}.section-title{text-align:center;letter-spacing:0;color:#172b76;text-align:left;margin-bottom:20px;font-family:Montserrat;font-size:clamp(2.5rem,1.743rem + 3.1056vw,5.625rem);font-weight:400}.filters{scrollbar-width:none;flex-wrap:wrap;justify-content:flex-start;gap:12px;width:100%;margin-bottom:48px;padding:3px 6px;display:flex;overflow:auto hidden}.filters::-webkit-scrollbar{width:0}.filter-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;color:#586490;cursor:pointer;background:#dbe5ed;border:2px solid #dbe5ed;border-radius:8px;align-items:center;gap:8px;padding:8px 24px;font-family:IBM Plex Mono,sans-serif;font-size:14px;font-weight:400;transition:all .2s;display:inline-flex}.filter-btn:hover{color:var(--primary-light)}.filter-btn.active{background:var(--primary-light);border-color:var(--primary-light);color:#fff}.selected-text{color:#172b76;margin-bottom:10px}.products-grid{grid-template-columns:repeat(2,minmax(320px,1fr));justify-content:center;gap:32px;display:grid}.product-card{cursor:pointer;background:#dbe5ed;border-radius:16px;grid-template-columns:220px 1fr;align-items:stretch;gap:24px;width:100%;min-height:240px;margin:0 auto;padding:28px;transition:all .3s;display:grid}.product-card:hover{border-color:var(--primary-light)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-image{object-fit:contain;aspect-ratio:1;background-color:#dbe5ed;width:100%;margin:10px 0;overflow:hidden}.card-image img{object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.card-content{flex-direction:column;gap:10px;min-width:0;display:flex}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.product-name{color:#172b76;letter-spacing:-.3px;margin-top:10px;font-size:25px;font-weight:400}.product-category{color:#586490;white-space:nowrap;text-transform:uppercase;border-radius:20px;padding:4px 0;font-family:IBM Plex Mono,sans-serif;font-size:16px;font-weight:300}.product-description{color:var(--text-muted);flex-grow:1;margin-bottom:16px;font-size:15px;line-height:1.6}.card-specs{background:#dbe5ed;border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.card-spec-row{border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 12px;font-family:IBM Plex Mono,sans-serif;font-size:12.5px;line-height:1.35;display:flex}.card-spec-row:last-child{border-bottom:none}.card-spec-key{color:#586490;text-transform:uppercase;letter-spacing:.3px;flex:0 0 45%;font-size:11px;font-weight:500}.card-spec-value{color:#172b76;text-align:right;word-break:break-word;flex:1;font-weight:400}.card-spec-more{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;text-align:center;background:#dc26260f;border-top:1px solid #dc26261f;padding:6px 12px;font-family:IBM Plex Mono,sans-serif;font-size:11px}.card-footer{justify-content:flex-end;margin-top:auto;padding-top:4px;display:flex}.detail-link{color:#172b76;font-size:14px;font-weight:600;transition:all .2s}.product-card:hover .detail-link{transform:translate(8px)}.scenarios-section{padding:40px 0;position:relative}.scenarios-section .container{background:#fff;padding:40px 24px}.scenarios-subtitle{color:#586490;margin:0 0 40px;padding-left:4px;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.55}.scenarios-grid{gap:20px;display:flex}.scenario-card{aspect-ratio:3/4;cursor:default;color:#fff;isolation:isolate;background:#0f172a;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.scenario-card:hover{box-shadow:0 30px 60px #0f172a40}.scenario-bg:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 100% 0,#000000e6 0%,#0000 75%);mask-image:radial-gradient(at 100% 0,#000000e6 0%,#0000 75%)}.scenario-image{object-fit:cover;z-index:-3;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.02)}.scenario-card:hover .scenario-image{transform:scale(1.08)}.scenario-bg{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 70%, transparent) 0%, transparent 45%), linear-gradient(to top, #0f172ae6 0%, #0f172a99 35%, #0f172a26 65%, transparent 100%);z-index:-2;position:absolute;inset:0}.scenario-card:not(:has(.scenario-image)) .scenario-bg{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 85%, #000 15%) 0%, color-mix(in srgb, var(--accent) 55%, #0f172a 45%) 55%, #0f172a 100%)}.scenario-glow{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--accent) 60%, transparent) 0%, transparent 60%);opacity:.8;z-index:-1;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.scenario-card:hover .scenario-glow{opacity:1}.scenario-icon{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .4s,background .3s;display:flex}.scenario-icon svg{width:30px;height:30px}.scenario-card:hover .scenario-icon{background:#fff3;transform:translateY(-3px)scale(1.05)}.scenario-index{color:#ffffff8c;letter-spacing:1px;font-family:IBM Plex Mono,sans-serif;font-size:13px;font-weight:500;position:absolute;top:24px;right:24px}.scenario-content{flex-direction:column;gap:6px;display:flex}.scenario-subtitle{text-transform:uppercase;letter-spacing:1.5px;color:#ffffffb3;font-family:IBM Plex Mono,sans-serif;font-size:11px;font-weight:500}.scenario-title{color:#fff;letter-spacing:-.2px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;line-height:1.15}@media (width<=1100px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}.scenario-card:nth-child(5){grid-column:span 2}}@media (width<=768px){.scenarios-section{padding:60px 0 80px}.scenarios-subtitle{margin-bottom:28px;font-size:14px}.scenarios-grid{grid-template-columns:1fr 1fr;gap:14px}.scenario-card{border-radius:16px;padding:18px}.scenario-icon{border-radius:10px;width:44px;height:44px}.scenario-icon svg{width:24px;height:24px}.scenario-index{font-size:12px;top:18px;right:18px}.scenario-title{font-size:16px}.scenario-subtitle{letter-spacing:1px;font-size:10px}.scenario-card:nth-child(5){aspect-ratio:16/9;grid-column:span 2}}@media (width<=480px){.scenarios-grid{grid-template-columns:1fr}.scenario-card:nth-child(5){aspect-ratio:4/3;grid-column:auto}.scenario-card{aspect-ratio:4/3}}.footer{background:#0a0e1a;padding:120px 0 24px;position:relative}.footer-gradient-overlay{pointer-events:none;z-index:1;background:radial-gradient(at 100% 0,#3b82f640 0%,#3b82f61a 40%,#0000 70%);width:100%;height:100%;position:absolute;bottom:0;right:0}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:100px;display:grid}.footer-col h3{color:#fff;letter-spacing:1px;text-transform:uppercase;font-family:Prosto one,sans-serif;font-size:24px;font-weight:300}.footer-logo{align-items:center;display:flex}.footer-col h4{color:#fff;text-align:center;letter-spacing:0;text-align:left;margin-bottom:20px;font-family:Montserrat;font-size:clamp(2.5rem,1.743rem + 3.1056vw,5.625rem);font-weight:400}.footer-col p{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:8px;padding-left:15px;line-height:1.6;display:flex}.footer-work-hours{flex-direction:column;align-items:center;margin-top:12px;padding-top:12px;display:flex}.logo-icon{color:#3b82f6;border-radius:100%;justify-content:center;align-items:center;padding:2px;display:flex}.footer-work-hours svg{color:#3b82f6;width:50px;height:50px}.work-hours-label{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:300}.work-hours-text{color:#ffffffb3;letter-spacing:.5px;font-family:IBM Plex Mono,sans-serif;font-size:15px;font-weight:400}.footer-logo-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.social-icons{color:#fff;cursor:pointer;gap:16px;font-size:24px;display:flex}.social-icons svg:hover{color:var(--primary-light)}.footer-btns{flex-direction:column;gap:10px;display:flex}.footer-btn{white-space:nowrap;color:#586490;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:260px;padding:6px;transition:all .2s;display:flex}.footer__icon-container{color:#586490;background-color:#dbe5ed;border:1px solid #dbe5ed;border-radius:8px;align-items:center;padding:12px;transition:all .3s;display:flex}.footer__text-container{text-transform:uppercase;width:100%;padding:0 12px;font-family:IBM Plex Mono,sans-serif;font-weight:300}.footer__icon-container svg{width:27px;height:27px;font-weight:200;transition:all .3s}.footer-btn:hover .footer__icon-container{background-color:var(--primary-dark);border:1px solid var(--primary-dark);color:#fff}.footer-btn:hover .footer__icon-container svg{transform:scale(1.1)}.footer-bottom{text-align:center;color:#fff;letter-spacing:1px;text-align:left;padding-top:20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400}.footer-copyright{border-top:1px solid var(--border-color);padding:24px 0 0}.modal-top{grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto;gap:10px;display:grid}.modal-info{flex-direction:column;justify-content:flex-start;gap:10px;display:flex}.modal-tag{color:#586490;white-space:nowrap;text-transform:uppercase;cursor:default;border-radius:20px;grid-area:1/1/2/2;padding:4px 0;font-family:IBM Plex Mono,sans-serif;font-size:16px;font-weight:300}.modal-specs{margin-top:16px}.modal-specs h4{color:#172b76;letter-spacing:.3px;margin-bottom:16px;font-family:IBM Plex Mono;font-size:18px;font-weight:400}.specs-table{background:#dbe5ed;border-radius:12px;overflow:hidden}.spec-row{border-bottom:1px solid #5864902e;padding:10px 16px;transition:background .2s;display:flex}.spec-row:last-child{border-bottom:none}.spec-key{color:#586490;letter-spacing:.2px;flex:0 0 40%;font-size:14px;font-weight:400}.spec-value{color:#586490;word-break:break-word;flex:1;font-size:14px;font-weight:300}.specs-text{color:var(--text-muted);padding:12px 16px;line-height:1.7}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.modal-content{border:1px solid var(--border-color);background:#dbe5ed;border-radius:24px;flex-direction:column;width:100%;max-width:1280px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009}.modal-body{scrollbar-width:thin;scrollbar-color:#3b82f64d transparent;flex:1;padding:48px 40px 40px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0;border-radius:0 0 24px}.modal-body::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#3b82f680}.modal-close{z-index:10;color:var(--text-muted);cursor:pointer;background-color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close svg{transition:all .3s}.modal-close:hover{background:var(--text-muted);color:#fff}.modal-close:hover svg{transform:scale(1.1)}.modal-title{color:#172b76;grid-area:2/1/3/2;font-family:IBM Plex Mono;font-size:60px;font-weight:300}.modal-subtitle{color:#586490;font-weight:400}.modal-description{color:#586490;letter-spacing:.5px;word-spacing:2px;grid-area:3/1/4/2;font-family:Montserrat;font-size:14px;font-weight:600}.modal-image-wrapper{border-radius:12px;grid-area:1/2/4/3;justify-content:center;align-items:center;max-width:450px;padding:16px;display:flex}.modal-image-container{cursor:none;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.modal-image{object-fit:contain;z-index:0;width:100%;height:100%;max-height:350px;display:block}.magnifier{pointer-events:none;z-index:100;background-color:#dbe5ed;background-repeat:no-repeat;border-radius:50%;width:180px;height:180px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px 5px #00000078}@media (width<=1100px){.hero-content{margin-bottom:8%}.products-grid{grid-template-columns:1fr}}@media (width<=768px){.logo{margin-top:14px;padding:0}.hero{flex-direction:column;justify-content:flex-end;align-items:center}.hero-gradient-overlay{background:linear-gradient(#0000 0%,#3b82f60d 40%,#3b82f626 70%,#3b82f640 100%);width:100%;height:100%}.logo{margin:10% 0 0 5%}.header{border-radius:0;width:100%;margin:0 auto}.hero{padding:0}.hero-container{margin:0 auto 10%}.hero-content{margin:0 0 0 5%}.hero-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}.hero-title{font-size:40px}.header-content{flex-direction:column;gap:12px}.products-section{background:linear-gradient(to bottom left,#3b82f640 0% 40%,#3b82f626 91%,#3b82f60d 100%)}.filters{gap:8px}.filter-btn{padding:8px 16px;font-size:12px}.modal-top{flex-direction:column;gap:20px}.modal-image-wrapper{flex:none;width:100%;max-width:250px;margin:0 auto}.modal-body{padding:32px 20px}.magnifier{background-size:200px 200px;width:100px;height:100px}.spec-row{flex-direction:column;padding:8px 12px}.spec-key{color:#6b7fa0;flex:none;margin-bottom:2px;font-size:12px}.spec-value{font-size:13px}.modal-title{font-size:22px}.modal-subtitle{font-size:16px}.scenarios-grid{flex-wrap:wrap}.scenario-card{min-width:250px;max-height:300px}.footer-work-hours{margin-top:8px;padding-top:8px}.work-hours-label{font-size:10px}.work-hours-text{font-size:13px}.footer-logo-container{margin-top:20px}}@media (width<=480px){.logo{margin-top:18%}.header{border-radius:0;width:100%;margin:0 auto}.hero{padding:0}.hero-container{margin:0 auto 15%}.filters{flex-direction:column}.filter-btn{width:fit-content}.modal-content{max-height:90vh;padding:24px 16px}.modal-top{grid-template-columns:1fr}.modal-title{grid-area:3/1/4/2}.modal-description{grid-area:4/1/5/2}.modal-image-wrapper{grid-area:2/1/3/2;padding:4px}.modal-body{padding:24px 16px}.modal-image-wrapper{max-width:180px}.magnifier{background-size:160px 160px;width:80px;height:80px}.spec-row{padding:6px 10px}.spec-key{font-size:11px}.spec-value{font-size:12px}}.hero-bg-circle{pointer-events:none;z-index:1;background:radial-gradient(circle,#3b82f62e 0%,#8b5cf61f 40%,#3b82f60a 70%,#0000 100%);border-radius:50%;width:min(75vw,900px);height:min(75vw,900px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-cameras{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-camera-item{align-items:center;display:flex;position:relative}.hero-camera{object-fit:contain;filter:drop-shadow(0 30px 60px #0000008c);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(180px,22vw,340px);height:auto;display:block}.hero-camera--back{opacity:.85;z-index:1;transform:translate(12%)scale(.92)}.hero-camera--front{z-index:2;transform:translate(-12%)scale(1.05)}.hero-camera-tag{pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:20;align-items:center;gap:0;display:flex;position:absolute}.hero-camera-item--back .hero-camera-tag{flex-direction:row-reverse;bottom:20%;right:90%}.hero-camera-item--front .hero-camera-tag{top:20%;left:90%}.hero-camera-tag__line{background:linear-gradient(270deg,#3b82f6e6 0%,#3b82f640 100%);flex-shrink:0;width:clamp(40px,6vw,90px);height:1px;display:block;position:relative}.hero-camera-tag__line:before{content:"";background:#3b82f6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:100%;transform:translate(-50%,-50%);box-shadow:0 0 12px #3b82f6cc}.hero-camera-item--front .hero-camera-tag__line{background:linear-gradient(90deg,#3b82f6e6 0%,#3b82f640 100%)}.hero-camera-item--front .hero-camera-tag__line:before{left:0}.hero-camera-tag__text{flex-direction:column;gap:2px;padding:0 12px;display:flex}.hero-camera-item--back .hero-camera-tag__text{text-align:right}.hero-camera-item--front .hero-camera-tag__text{text-align:left}@media (width<=1100px){.hero-bg-circle{width:min(85vw,700px);height:min(85vw,700px)}}@media (width<=768px){.hero-bg-circle{width:90vw;height:90vw;top:35%}.hero-cameras{top:35%}.hero-camera{width:clamp(130px,32vw,200px)}.hero-camera--back{transform:translate(10%)scale(.9)}.hero-camera--front{transform:translate(-10%)scale(1.02)}.hero-camera-tag__line{width:clamp(24px,5vw,50px)}.hero-camera-tag__name{color:#e0e7ff;letter-spacing:.5px;text-transform:uppercase;font-family:IBM Plex Mono,sans-serif;font-size:clamp(14px,1.1vw,18px);font-weight:500}.hero-camera-tag__sub{color:#e0e7ff8c;letter-spacing:1px;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:clamp(10px,.75vw,12px);font-weight:400}.hero-camera-item--back .hero-camera-tag{margin-left:6px}.hero-camera-item--front .hero-camera-tag{margin-right:6px}.product-card{grid-template-columns:1fr}}@media (width<=480px){.hero-bg-circle{width:110vw;height:110vw;top:30%}.hero-cameras{top:30%}.hero-camera{width:38vw}.hero-camera-tag__line{width:20px}.hero-camera-tag__text{padding:0 8px}.hero-camera-tag__name{font-size:11px}.hero-camera-tag__sub{font-size:8px}.hero-camera-item--back .hero-camera-tag{margin-left:4px;top:10%}.hero-camera-item--front .hero-camera-tag{margin-right:4px;bottom:10%}}@media (width<=1100px){.hero-bg-circle{width:min(85vw,700px);height:min(85vw,700px)}}@media (width<=768px){.hero-bg-circle{width:90vw;height:90vw;top:35%}.hero-cameras{top:35%}.hero-camera{width:clamp(130px,32vw,200px)}.hero-camera--back{transform:translate(10%)scale(.9)}.hero-camera--front{transform:translate(-10%)scale(1.02)}.hero-camera-tag__line{width:clamp(24px,5vw,50px)}.hero-camera-tag__name{font-size:12px}.hero-camera-tag__sub{font-size:9px}}@media (width<=480px){.hero-bg-circle{width:110vw;height:110vw;top:30%}.hero-cameras{top:30%}.hero-camera{width:38vw}.hero-camera-tag__line{width:20px}.hero-camera-tag__text{padding:0 8px}}