:root { --navy:#071b42; --blue:#075be8; --sky:#dceeff; --mist:#f4f8fc; --ink:#0b1c3e; --line:#d9e3ef; --muted:#59708f; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:#fff; color:var(--ink); font-family:Arial, Helvetica, sans-serif; } a { color:inherit; text-decoration:none; } button,input,select { font:inherit; } .site-header { height:80px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5vw,86px); border-bottom:1px solid #e4ecf4; background:#fff; position:relative; z-index:5; }
.brand { display:inline-flex; gap:10px; align-items:center; letter-spacing:.08em; } .brand strong,.brand em { display:block; font-size:16px; line-height:13px; font-style:normal; font-weight:800; } .brand em { font-size:6px; letter-spacing:.22em; color:#547099; margin-top:2px; } .brand-mark { display:flex; align-items:flex-end; gap:2px; height:25px; padding-bottom:3px; } .brand-mark i { display:block; width:4px; background:#1462e8; transform:skew(-22deg); } .brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:24px}
nav { display:flex; align-items:center; gap:28px; font-size:12px; font-weight:700; color:#355273; } nav a:hover { color:var(--blue); } .nav-cta,.button { background:var(--blue); color:white; padding:14px 19px; display:inline-flex; gap:25px; align-items:center; font-size:12px; font-weight:bold; border:0; cursor:pointer; } .nav-cta { padding:12px 16px; } .nav-cta span,.button span { font-size:16px; line-height:10px; } .menu-button { display:none; }
.hero { min-height:620px; background:linear-gradient(115deg,#f8fbff 0%,#edf6ff 48%,#e7f5ff 100%); position:relative; overflow:hidden; padding:clamp(60px,8vw,120px) clamp(24px,12vw,180px) 73px; display:grid; grid-template-columns:1fr 1fr; align-items:center; } .hero-copy { position:relative; z-index:2; max-width:560px; } .eyebrow { display:flex; align-items:center; gap:9px; font-family:var(--font-geist-mono); color:#3168ad; text-transform:uppercase; letter-spacing:.13em; font-size:10px; margin:0 0 19px; font-weight:700; } .eyebrow span { background:#1462e8; width:19px; height:2px; display:inline-block; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(48px,6vw,82px); line-height:.99; letter-spacing:-.065em; margin:0 0 26px; font-weight:400; } h1 b,h2 b { font-weight:700; color:var(--blue); } .hero-text { font-size:15px; line-height:1.75; color:#496687; max-width:450px; } .hero-actions { display:flex; gap:26px; align-items:center; margin-top:33px; } .button { min-height:47px; } .text-link { font-size:12px; font-weight:700; color:#315579; } .text-link span { color:var(--blue); margin-left:10px; font-size:15px; }
.hero-visual { min-height:360px; position:relative; } .grid-fade { position:absolute; right:-40px; bottom:-180px; width:420px; height:420px; background-image:linear-gradient(#b9d9fb 1px,transparent 1px),linear-gradient(90deg,#b9d9fb 1px,transparent 1px); background-size:28px 28px; mask-image:radial-gradient(circle,black,transparent 68%); transform:rotate(25deg); } .orbit { border:1px solid #b4d7fb; position:absolute; border-radius:50%; } .orbit-one { width:360px;height:360px;right:5%;top:5px; } .orbit-two { width:245px;height:245px;right:20%;top:65px;border-style:dashed; } .optic-core { position:absolute; right:29%; top:118px; width:136px;height:136px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff 0,#bfe3ff 26%,#1685f7 60%,#0552cf 100%); box-shadow:0 25px 60px #58a5e879; } .core-ring { position:absolute; inset:13px; border:1px solid #d8f4ff; border-radius:50%; } .core-dot { position:absolute;width:28px;height:28px;border:4px solid white;border-radius:50%;top:30px;left:29px; opacity:.9; }.core-glow{position:absolute;inset:-18px;border-radius:50%;background:#4ca8fa44;filter:blur(18px)}
.data-card { position:absolute; background:#ffffffd9; box-shadow:0 17px 34px #4387c51d; min-width:97px; padding:11px 13px; border:1px solid #d7e9fa; } .data-card b { display:block; font-size:17px; letter-spacing:-.05em; color:#0b4db7; }.data-card small{font-family:var(--font-geist-mono);font-size:7px;letter-spacing:.12em;color:#7b94ae}.card-top{top:32px;right:3%}.card-right{right:-1%;bottom:54px}.pulse{width:6px;height:6px;border-radius:50%;background:#08bd84;display:inline-block;margin-right:5px}.shield{float:right;color:#0d70e7;font-size:16px}.signal { width:10px;height:10px;border-radius:50%;background:#1c9af4;position:absolute;box-shadow:0 0 0 8px #60bfff23;}.signal-one{left:19%;top:72px}.signal-two{left:7%;bottom:86px}.hero-footer { position:absolute; bottom:26px; left:clamp(24px,5vw,86px);right:clamp(24px,5vw,86px); display:flex;justify-content:space-between;align-items:center;font-family:var(--font-geist-mono);font-size:8px;letter-spacing:.16em;color:#6684a3; }.hero-footer i { height:1px;background:#bbd8f3;flex:1;margin:0 20px; }
.strip { min-height:125px;padding:30px clamp(24px,12vw,180px);display:flex;justify-content:space-between;align-items:center;gap:30px; }.strip p{font-size:16px;margin:0;color:#607a99}.strip p strong{color:#123a70}.strip div{font-family:var(--font-geist-mono);font-size:9px;color:#2868bd;letter-spacing:.15em;white-space:nowrap}.diamond{font-size:7px;margin:0 14px;color:#85b3eb}
.products-section { padding:100px clamp(24px,7vw,110px) 72px; background:var(--mist); }.section-heading { display:flex;justify-content:space-between;gap:30px;align-items:end;max-width:1300px;margin:auto auto 47px; }.section-heading>p{max-width:370px;color:#5b7594;font-size:14px;line-height:1.7;margin:0 0 9px}.section-heading h2,.solutions h2,.about h2,.contact h2{font-size:clamp(35px,4.2vw,58px);line-height:1.04;letter-spacing:-.065em;font-weight:400;margin:0}.product-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.optic-card{background:white;padding:21px;min-height:375px;position:relative;border:1px solid #eef3f8;display:flex;flex-direction:column}.optic-card>p:first-child{font-family:var(--font-geist-mono);font-size:10px;color:#1d72d5;margin:0}.module-shape{height:85px;margin:13px 0 14px;position:relative;background:linear-gradient(120deg,transparent 0 30%,#edf5fc 30% 31%,transparent 31% 60%,#edf5fc 60% 61%,transparent 61%)}.module-shape i{position:absolute;display:block;background:linear-gradient(120deg,#347eef,#8bc5ff);height:38px;width:59px;top:21px;transform:skewX(-24deg);box-shadow:12px 9px 0 #c8e7ff}.module-shape i:nth-child(1){left:22px}.module-shape i:nth-child(2){left:52px;opacity:.85}.module-shape i:nth-child(3){left:82px;opacity:.5}.optic-card h3,.security-products h3{font-size:19px;letter-spacing:-.04em;margin:0 0 8px}.card-copy{color:#627b97;font-size:12px;line-height:1.55}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:15px}.chips span{font-size:8px;font-family:var(--font-geist-mono);color:#3972a9;background:#edf6fe;padding:5px}.optic-card>a{font-size:11px;font-weight:700;color:#1e5b9a;margin-top:18px}.optic-card>a span{float:right;color:#1462e8}.capability-note{max-width:1300px;margin:13px auto 0;background:#e4f1fd;padding:21px 27px;display:flex;align-items:center;gap:18px}.note-icon{font-size:25px;color:#1263dd}.capability-note p{font-size:12px;color:#53708f;line-height:1.5;margin:0;flex:1}.capability-note p b{color:#174a81}.capability-note>a{font-size:11px;font-weight:bold;color:#17579e;white-space:nowrap}.capability-note>a span{color:#1462e8;margin-left:7px}
.security-section{min-height:465px;background:var(--navy);display:grid;grid-template-columns:1fr 1fr;color:white;overflow:hidden}.security-art{position:relative;min-height:400px;background:radial-gradient(circle at 47% 50%,#0d4ca0 0,#071b42 44%,#041330 100%);overflow:hidden}.camera-lens{position:absolute;border:15px solid #113c7a;border-radius:50%;width:255px;height:255px;top:88px;left:28%;background:radial-gradient(circle at 42% 40%,#a6e6ff 0 3%,#187dea 4% 19%,#0a3471 20% 53%,#061d4d 54%);box-shadow:0 0 0 18px #0b2d61,0 0 0 19px #1b559c,0 0 54px #188af477}.camera-lens i,.camera-lens:before,.camera-lens:after{content:"";position:absolute;width:3px;height:3px;background:#69c8ff;border-radius:50%;box-shadow:0 0 10px 3px #007cff}.camera-lens i{left:55px;top:55px}.camera-lens:before{right:48px;top:82px}.camera-lens:after{right:82px;bottom:48px}.scanline{height:1px;background:linear-gradient(90deg,transparent,#2699ff,transparent);position:absolute;left:0;right:0;opacity:.4}.s1{top:25%}.s2{top:51%}.s3{top:78%}.security-art p{position:absolute;bottom:20px;left:30px;font-family:var(--font-geist-mono);font-size:8px;letter-spacing:.14em;color:#63a9ed}.security-copy{padding:85px clamp(26px,7vw,105px) 60px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.light{color:#93bffc}.light span{background:#8ec2ff}.security-copy h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.065em;font-weight:400;margin:0 0 22px}.security-copy h2 b{color:#7cbaff}.security-copy>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#b4cae8;max-width:410px}.button-light{background:white;color:#0b4da5;margin-top:16px}.security-products{padding:0 clamp(24px,7vw,110px);display:grid;grid-template-columns:repeat(4,1fr);background:white}.security-products article{padding:33px 25px 35px;border-right:1px solid var(--line);position:relative;min-height:205px}.security-products article:first-child{border-left:1px solid var(--line)}.security-products span{font-family:var(--font-geist-mono);font-size:10px;color:#468be0;display:block;margin-bottom:28px}.security-products p{font-size:12px;line-height:1.55;color:#617a98;max-width:220px}.security-products a{position:absolute;bottom:25px;right:25px;width:24px;height:24px;background:#e5f1ff;color:#1365dd;display:grid;place-items:center;font-size:15px}
.solutions{padding:110px clamp(24px,12vw,180px) 90px;background:#f5f9fd}.solutions>h2{margin-bottom:54px}.solution-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #cad9e8}.solution-list article{border-bottom:1px solid #cad9e8;padding:22px 4px;display:grid;grid-template-columns:43px 1fr 1.2fr;align-items:center;gap:16px}.solution-list span{font-family:var(--font-geist-mono);font-size:10px;color:#4e8bce}.solution-list h3{font-size:18px;margin:0;letter-spacing:-.035em}.solution-list p{font-size:12px;color:#68809e;margin:0;line-height:1.45}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;align-items:center;padding:95px clamp(24px,12vw,180px);background:#fff}.about-number{font-size:clamp(100px,18vw,235px);letter-spacing:-.16em;font-weight:bold;color:#edf5fc;line-height:.6}.about-number span{color:#1c70de;font-weight:300}.about>div:last-child>p:not(.eyebrow){font-size:14px;color:#607b99;line-height:1.8;max-width:480px;margin:24px 0}.values{display:flex;gap:7px;flex-wrap:wrap}.values span{font-family:var(--font-geist-mono);font-size:8px;letter-spacing:.07em;color:#3174bf;padding:7px 8px;border:1px solid #cde3f8}
.contact{background:linear-gradient(120deg,#07316c,#075ce6);color:white;padding:85px clamp(24px,12vw,180px);display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2 b{color:#9bd5ff}.contact>div>p:not(.eyebrow){color:#c6dfff;font-size:14px;line-height:1.8;max-width:400px;margin:23px 0 0}.contact form{display:grid;gap:15px}.contact label{font-size:10px;font-family:var(--font-geist-mono);text-transform:uppercase;letter-spacing:.08em;color:#c3dfff}.contact input,.contact select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #7eb6fc;padding:11px 0;color:white;outline:none;font-size:14px}.contact input::placeholder{color:#aacbf3}.contact select{appearance:auto}.contact select option{color:var(--ink)}.contact form .button{justify-content:center;width:max-content;margin-top:9px}.form-success{color:#d9f5ff;font-size:12px;margin:0}
footer{padding:46px clamp(24px,5vw,86px) 23px;display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:25px;background:#06142e;color:#b9c9e1;align-items:start}.footer-brand{color:white}.footer-brand em{color:#6d8db9}footer p{font-size:12px;margin:0;line-height:1.5}footer div{display:flex;gap:15px;font-size:11px;justify-content:flex-end}footer div a:hover{color:white}footer small{grid-column:1/-1;border-top:1px solid #1b3158;padding-top:19px;font-family:var(--font-geist-mono);font-size:8px;color:#62789a}
@media (max-width:800px){.site-header{height:68px}.menu-button{display:flex;background:none;border:0;color:#315273;gap:4px;align-items:center;font-size:10px;font-weight:bold;padding:7px}.menu-button span{width:14px;height:1px;background:currentColor;display:block}.menu-button span:nth-child(2){width:9px}.menu-button b{margin-left:6px}nav{display:none;position:absolute;left:0;right:0;top:67px;background:white;padding:18px 24px 24px;box-shadow:0 10px 20px #0a316024;flex-direction:column;align-items:flex-start;gap:20px}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:70px 24px 76px;min-height:auto}.hero-visual{position:absolute;right:-120px;bottom:-110px;width:440px;height:380px;opacity:.55}.hero-copy{max-width:465px}.hero-footer{left:24px;right:24px}.strip{padding:25px 24px;display:block}.strip p{margin-bottom:17px}.section-heading,.about,.contact{grid-template-columns:1fr;gap:24px}.products-section{padding:70px 24px 48px}.product-grid{grid-template-columns:repeat(2,1fr)}.security-section{grid-template-columns:1fr}.security-art{min-height:270px}.camera-lens{transform:scale(.72);transform-origin:center}.security-copy{padding:55px 24px}.security-products{padding:0 24px;grid-template-columns:repeat(2,1fr)}.security-products article:nth-child(3){border-left:1px solid var(--line)}.solutions,.about,.contact{padding:70px 24px}.solution-list{grid-template-columns:1fr}.about-number{line-height:.9}.contact{gap:40px}footer{grid-template-columns:1fr;padding:40px 24px 20px}footer div{justify-content:flex-start}.section-heading{align-items:start}}
@media (max-width:480px){h1{font-size:51px}.product-grid{grid-template-columns:1fr}.optic-card{min-height:290px}.security-products{grid-template-columns:1fr}.security-products article,.security-products article:nth-child(3){border-left:1px solid var(--line)}.solution-list article{grid-template-columns:30px 1fr}.solution-list p{grid-column:2}.hero-actions{gap:16px}.strip div{font-size:8px}.contact form .button{width:100%}}

.brand { gap: 0; }
.brand-logo { display:block; width:174px; height:46px; object-fit:contain; object-position:left center; mix-blend-mode:multiply; }
.footer-brand .brand-logo { width:184px; height:56px; filter:brightness(0) invert(1); mix-blend-mode:screen; }
@media (max-width:480px) { .brand-logo { width:145px; height:40px; } .footer-brand .brand-logo { width:165px; height:48px; } }

.selection-guide{padding:100px clamp(24px,8vw,125px);display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;background:#fff}.guide-intro h2,.security-capabilities h2,.project-process h2,.faq h2{font-size:clamp(35px,4vw,55px);line-height:1.04;letter-spacing:-.06em;font-weight:400;margin:0 0 20px}.guide-intro h2 b,.security-capabilities h2 b,.project-process h2 b,.faq h2 b{color:var(--blue)}.guide-intro>p:not(.eyebrow),.capabilities-intro>p:not(.eyebrow){font-size:14px;line-height:1.75;color:#617a98;max-width:365px}.guide-table{border-top:2px solid #145fcc}.guide-row{display:grid;grid-template-columns:.74fr 1.05fr 1.2fr;gap:15px;padding:19px 0;border-bottom:1px solid #dbe5f0;color:#617a98;font-size:12px;line-height:1.45}.guide-row b{color:#1a4d88;font-size:12px}.guide-head{font:700 8px var(--font-geist-mono);letter-spacing:.13em;color:#2868bd;padding:11px 0}.guide-head span{font-weight:700}.network-band{background:#0b3f83;color:#fff;padding:27px clamp(24px,8vw,125px);display:flex;justify-content:space-between;gap:25px;align-items:center;overflow:hidden}.network-band>div{display:flex;align-items:center;gap:13px;white-space:nowrap}.network-band b{font:700 15px var(--font-geist-mono);letter-spacing:-.06em}.network-band i{width:17px;height:1px;background:#5da2ff}.band-kicker{font:700 8px var(--font-geist-mono);letter-spacing:.14em;color:#a9d2ff;margin-right:16px}.network-band p{margin:0;color:#c8e0fb;font-size:10px;line-height:1.5;text-align:right}
.security-capabilities{padding:105px clamp(24px,8vw,125px);display:grid;grid-template-columns:.8fr 1.3fr;gap:7vw;background:#eef6fd}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #c9dfee;border-left:1px solid #c9dfee}.capability-grid article{padding:24px 23px 19px;border-right:1px solid #c9dfee;border-bottom:1px solid #c9dfee;min-height:178px}.capability-grid article>span{display:block;width:27px;height:27px;border-radius:50%;background:#d9ecff;color:#1565d8;display:grid;place-items:center;margin-bottom:22px;font-size:15px}.capability-grid h3{font-size:15px;letter-spacing:-.03em;margin:0 0 8px}.capability-grid p{font-size:11px;line-height:1.6;color:#66809f;margin:0}.project-process{padding:92px clamp(24px,8vw,125px);display:grid;grid-template-columns:.85fr 1.6fr;gap:9vw;background:linear-gradient(120deg,#f9fcff,#eaf5ff)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-steps article{position:relative;padding-top:36px}.process-steps article:before{content:"";position:absolute;top:9px;left:0;right:-25px;height:1px;background:#a7cdef}.process-steps article:last-child:before{right:0}.process-steps span{position:absolute;top:0;left:0;width:19px;height:19px;border-radius:50%;background:#1462e8;color:#fff;font:700 8px var(--font-geist-mono);display:grid;place-items:center}.process-steps h3{font-size:18px;margin:0 0 9px;letter-spacing:-.04em}.process-steps p{font-size:12px;color:#637d9b;line-height:1.6;margin:0}.faq{padding:95px clamp(24px,12vw,180px);display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;background:#fff}.faq-list{border-top:1px solid #c9d9e7}.faq details{border-bottom:1px solid #c9d9e7;padding:20px 2px}.faq summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;letter-spacing:-.025em;color:#173d71;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#1462e8;font-size:18px;line-height:14px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.65;color:#66809f;max-width:600px;margin:14px 0 0}.contact-points{margin-top:27px;display:grid;gap:10px}.contact-points span{font-size:11px;color:#d5e8ff}.contact textarea{display:block;width:100%;min-height:65px;background:transparent;border:0;border-bottom:1px solid #7eb6fc;padding:11px 0;color:white;outline:none;font-size:13px;resize:vertical}.contact textarea::placeholder{color:#aacbf3}
@media (max-width:800px){.selection-guide,.security-capabilities,.project-process,.faq{grid-template-columns:1fr;gap:38px;padding:70px 24px}.network-band{display:block;padding:24px}.network-band>div{overflow:auto;padding-bottom:12px}.network-band p{text-align:left}.guide-row{grid-template-columns:.72fr 1fr}.guide-row span:last-child{grid-column:2}.guide-head span:last-child{display:none}.security-capabilities{gap:30px}.process-steps{gap:16px}.faq{gap:25px}}
@media (max-width:480px){.guide-row{grid-template-columns:1fr}.guide-row span:last-child{grid-column:auto}.guide-head{display:none}.capability-grid{grid-template-columns:1fr}.project-process{padding-top:62px}.process-steps{grid-template-columns:1fr;gap:23px}.process-steps article:before{right:0}.faq{padding-top:62px}.network-band b{font-size:12px}.band-kicker{display:none}}

.optic-portfolio{padding:105px clamp(24px,8vw,125px);background:#fff}.portfolio-head,.catalogue-head{display:flex;justify-content:space-between;gap:35px;align-items:end;max-width:1350px;margin:0 auto 45px}.portfolio-head h2,.catalogue-head h2{font-size:clamp(36px,4.3vw,59px);line-height:1.03;letter-spacing:-.065em;font-weight:400;margin:0}.portfolio-head h2 b,.catalogue-head h2 b{color:#1462e8}.portfolio-head>p{max-width:380px;margin:0 0 8px;color:#627d9c;font-size:13px;line-height:1.7}.optic-detail-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.optic-detail{padding:25px 23px;background:#f2f7fc;border:1px solid #dfebf7;min-height:380px;display:flex;flex-direction:column}.optic-detail-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfdfed;padding-bottom:17px;margin-bottom:18px}.optic-detail-top span{font:700 11px var(--font-geist-mono);color:#1462e8}.optic-detail-top b{font:700 15px var(--font-geist-mono);color:#1a4e8a}.optic-detail h3{font-size:19px;letter-spacing:-.04em;margin:0 0 9px}.optic-detail>p{font-size:12px;line-height:1.55;color:#617c9b;margin:0}.optic-detail ul{list-style:none;padding:0;margin:18px 0 auto}.optic-detail li{padding:7px 0 7px 13px;position:relative;border-top:1px solid #dbe7f2;font-size:10px;line-height:1.45;color:#3d668f}.optic-detail li:before{content:"";position:absolute;left:0;top:12px;width:4px;height:4px;background:#1681ec}.optic-detail a,.camera-card a{font-size:11px;font-weight:700;color:#155cae;margin-top:15px}.optic-detail a span,.camera-card a span{float:right;color:#1462e8}.optic-note{max-width:1350px;margin:12px auto 0;background:#e2f1ff;display:flex;gap:13px;align-items:center;padding:19px 22px;color:#4f7296}.optic-note span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#1462e8;color:#fff;font:bold 12px Georgia}.optic-note p{margin:0;font-size:12px;line-height:1.55}.optic-note b{color:#194d84}
.camera-catalogue{padding:110px clamp(24px,7vw,110px);background:#f6f9fc}.catalogue-head{max-width:1350px;align-items:center;margin-bottom:30px}.catalogue-head>div:first-child>p:not(.eyebrow){max-width:480px;color:#627d9c;font-size:13px;line-height:1.65;margin:19px 0 0}.catalogue-count{display:flex;align-items:center;gap:10px;background:#0a397a;color:#fff;padding:19px 24px;min-width:170px}.catalogue-count b{font:700 42px/1 var(--font-geist-mono);letter-spacing:-.1em}.catalogue-count span{font:700 8px/1.5 var(--font-geist-mono);letter-spacing:.12em;color:#b8dcff}.camera-filters{max-width:1350px;margin:0 auto 21px;display:flex;gap:8px;flex-wrap:wrap}.camera-filters button{border:1px solid #c8ddee;background:#fff;color:#376285;padding:10px 14px;font-size:11px;font-weight:700;cursor:pointer}.camera-filters button span{color:#1462e8;margin-left:7px;font-family:var(--font-geist-mono);font-size:9px}.camera-filters button.active{background:#1462e8;color:#fff;border-color:#1462e8}.camera-filters button.active span{color:#cfe8ff}.camera-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.camera-card{background:#fff;border:1px solid #e0e9f1;min-width:0}.camera-card.is-hidden{display:none}.camera-photo{height:145px;background:linear-gradient(135deg,#d8ecff,#f8fcff);position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:13px;overflow:hidden}.camera-photo:before{content:"";position:absolute;background:#0a4aa2;box-shadow:inset 0 0 0 7px #1769c5,inset 0 0 0 13px #bce6ff,0 15px 19px #0c4f9833}.camera-photo.dome:before{width:103px;height:54px;border-radius:106px 106px 18px 18px;left:50%;top:45px;transform:translateX(-50%)}.camera-photo.dome:after{content:"";position:absolute;width:59px;height:14px;border-radius:50%;background:#d9f4ff;left:50%;top:64px;transform:translateX(-50%);box-shadow:0 0 0 7px #094796,0 0 0 12px #1769c5}.camera-photo.bullet:before{width:116px;height:55px;border-radius:25px 8px 8px 25px;left:47px;top:42px}.camera-photo.bullet:after{content:"";position:absolute;width:23px;height:36px;background:#0a4aa2;left:38px;top:51px;border-radius:5px 0 0 5px;transform:rotate(-19deg)}.camera-photo i{position:absolute;width:14px;height:14px;border-radius:50%;background:#bceeff;box-shadow:0 0 0 5px #0b4da2;z-index:1;left:50%;top:64px;transform:translateX(-50%)}.camera-photo.bullet i{left:122px;top:62px}.camera-photo b{position:relative;z-index:2;color:#1760b8;font:700 10px var(--font-geist-mono);background:#ffffffcc;padding:4px 6px}.camera-meta{padding:16px 17px 18px}.camera-meta>p:first-child{margin:0 0 7px;color:#4280c6;font:700 8px var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase}.camera-meta h3{font:700 15px var(--font-geist-mono);letter-spacing:-.06em;margin:0 0 12px;color:#1a477c}.camera-spec{display:flex;gap:5px;flex-wrap:wrap}.camera-spec span{font-size:8px;line-height:1.3;background:#edf5fd;color:#47749f;padding:5px}.camera-focus{font-size:10px;color:#617d9c;line-height:1.45;margin:12px 0 0}.camera-card a{display:block;border-top:1px solid #e3edf6;padding-top:12px}.catalogue-disclaimer{max-width:1350px;margin:19px auto 0;color:#6f87a1;font-size:10px;line-height:1.55}
@media (max-width:900px){.optic-detail-grid{grid-template-columns:repeat(2,1fr)}.camera-grid{grid-template-columns:repeat(3,1fr)}.portfolio-head,.catalogue-head{align-items:start;flex-direction:column}.catalogue-count{align-self:flex-start}}@media (max-width:600px){.optic-portfolio,.camera-catalogue{padding:70px 24px}.optic-detail-grid,.camera-grid{grid-template-columns:1fr}.optic-detail{min-height:0}.camera-photo{height:165px}.catalogue-head{gap:18px}.camera-filters button{flex:1;min-width:120px}.portfolio-head{gap:15px}}

.optic-product-image{display:block;width:100%;height:105px;object-fit:cover;object-position:center;background:#fff;margin:0 0 19px}.camera-photo{padding:0;align-items:stretch;justify-content:stretch;background:#edf6ff}.camera-photo:before,.camera-photo:after,.camera-photo i{display:none}.camera-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.camera-photo b{position:absolute;right:13px;bottom:13px}