:root{
  color-scheme:dark;
  --bg:#070a0e;--bg-light:#111c26;--bg-dark:#05080c;--panel:#0d141b;--panel2:#111c26;
  --glass:rgba(16,27,37,.78);--text:#f5f8fa;--text-light:#91a2b3;--border:rgba(255,255,255,.11);
  --primary:#4dccff;--primary-light:#7df4bd;--accent:#4dccff;--accent-hover:#8adeff;
  --shadow:0 20px 60px rgba(0,0,0,.28);--shadow-hover:0 24px 70px rgba(0,0,0,.38);--radius:20px;
  --netgate-color:#4dccff;--turris-color:#7df4bd;--beb-color:#4dccff;--spinel-color:#d5a26a;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#edf4f7;--bg-light:#e5eef2;--bg-dark:#dce8ed;--panel:#fff;--panel2:#e5eef2;
  --glass:rgba(255,255,255,.82);--text:#10202a;--text-light:#596d79;--border:rgba(16,32,42,.14);
  --primary:#007398;--primary-light:#087955;--accent:#007398;--accent-hover:#006589;
  --shadow:0 20px 60px rgba(23,49,62,.11);--shadow-hover:0 24px 70px rgba(23,49,62,.16);
  --netgate-color:#007398;--turris-color:#087955;--beb-color:#007398;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 28rem),radial-gradient(circle at 8% 26%,color-mix(in srgb,var(--primary-light) 7%,transparent),transparent 30rem),var(--bg);font-family:"Segoe UI Variable","Aptos",system-ui,sans-serif;line-height:1.6}body:before{position:fixed;inset:0;z-index:-1;content:"";opacity:.18;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 72%)}a{color:inherit}.container{max-width:1180px;padding-inline:clamp(18px,4vw,64px)}
.navbar{height:76px;background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border);box-shadow:none;backdrop-filter:blur(18px) saturate(140%)}.nav-container{height:76px;max-width:none;padding-inline:clamp(18px,4vw,64px)}.logo{position:relative}.logo img{width:118px;height:auto;filter:brightness(0) invert(1)}html[data-theme="light"] .logo img{filter:none}.nav-menu{gap:2px}.nav-menu>li>a{padding:8px 10px;color:var(--text-light);border-radius:8px;font-size:13px;font-weight:700}.nav-menu>li>a:hover,.nav-menu>li>a.active{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}.dropdown-menu{min-width:280px;padding:8px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.dropdown-menu li a{padding:10px 12px;color:var(--text-light);border-radius:8px}.dropdown-menu li a:hover{color:var(--text);background:var(--panel2)}.btn-shop{padding:10px 18px!important;color:#041017!important;background:var(--primary)!important;border:1px solid var(--primary)!important;border-radius:9px!important}.btn-shop:hover{background:var(--accent-hover)!important}.lang-selector{display:none}.mobile-toggle span{background:var(--primary)}
.page-hero{margin-top:0;padding:clamp(32px,4vw,52px) 20px!important;color:var(--text)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 96%,transparent),color-mix(in srgb,var(--bg) 90%,transparent))!important;border-bottom:1px solid var(--border);text-align:center}.page-hero:before{opacity:.24;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px}.page-hero .container{max-width:1180px}.page-hero h1{max-width:1050px;margin:0 auto;font-size:clamp(18px,2vw,28px);font-weight:850;letter-spacing:-.06em;line-height:.94}.page-hero h1:before{display:block;margin-bottom:18px;color:var(--primary);content:"FRAOS";font:800 11px/1.35 var(--mono);letter-spacing:.13em}.page-hero p{max-width:760px;margin:24px auto 0;color:var(--text-light)!important;font-size:clamp(17px,2vw,22px);opacity:1}
.page-content,.section{padding:84px 0;background:transparent}.page-content>.container{max-width:1180px}.content-block,.info-card,.faq-section{padding:clamp(24px,4vw,48px);background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.content-block+.content-block{margin-top:22px}.content-block h2,.faq-section>h2,.beb-section-title,.audio-section-title,.spinel-section-title{margin-top:0;color:var(--text);font-size:clamp(28px,3vw,42px);letter-spacing:-.04em}.content-block h2{padding-bottom:12px;border-bottom:1px solid var(--border)}.content-block h3,.info-card h3{color:var(--primary)}.content-block p,.content-block li,.info-card p{color:var(--text-light)}.content-block strong{color:var(--text)}.content-block a:not(.btn){color:var(--primary)}
.product-brands{grid-template-columns:repeat(3,1fr);gap:16px}.product-grid,.brand-grid,.info-grid{gap:16px}.product-card,.brand-card,.info-card,.store-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;transition:.24s}.product-card:hover,.brand-card:hover,.info-card:hover,.store-card:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:var(--shadow-hover);transform:translateY(-5px)}.product-card{padding:22px}.product-img-wrapper{min-height:240px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent),transparent 62%),var(--bg-light);border:1px solid var(--border);border-radius:14px}.product-img{max-height:240px}.product-card h3,.brand-card h3{color:var(--text);font-size:24px;letter-spacing:-.03em}.product-card p,.brand-card p{color:var(--text-light)}.product-code{color:var(--primary)!important;font-family:var(--mono)!important;letter-spacing:.06em;text-transform:uppercase}.card-badge,.variant-badge{padding:4px 9px;color:#041017;background:var(--primary);border-radius:999px;font:800 10px/1.3 var(--mono);letter-spacing:.06em}.variant-badge.max{background:var(--primary-light)}.variant-badge.base{color:var(--text);background:var(--panel2);border:1px solid var(--border)}.btn{border:1px solid var(--border);border-radius:9px}.btn-primary,.page-content .audio-buy.btn,.page-content .spinel-buy.btn{color:#041017!important;background:var(--primary)!important;border-color:var(--primary)!important}.btn-primary:hover,.page-content .audio-buy.btn:hover,.page-content .spinel-buy.btn:hover{background:var(--accent-hover)!important}.btn-small{padding:10px 18px}.specs{padding:16px 18px;background:color-mix(in srgb,var(--panel2) 76%,transparent);border:1px solid var(--border);border-radius:14px}.specs li{color:var(--text-light)!important;border-color:var(--border)!important}.specs li:before{color:var(--primary)!important}.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px}.card-actions .btn{flex:1;min-width:145px;text-align:center;text-decoration:none}
.faq-section{margin-top:24px}.faq-item{overflow:hidden;margin:10px 0;border:1px solid var(--border);border-radius:14px}.faq-item summary{padding:18px 20px;color:var(--text);background:var(--panel2);font-family:inherit}.faq-item[open] summary{color:#041017;background:var(--primary)}.faq-answer{padding:18px 20px;color:var(--text-light)!important;background:var(--panel);border-color:var(--border)!important}.product-cta{padding:clamp(34px,5vw,58px);color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--panel)),color-mix(in srgb,var(--primary-light) 8%,var(--panel)));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:24px}.product-cta h3{color:var(--text);font-size:32px}.product-cta p{color:var(--text-light)}
.amazon-subnav{gap:12px}.amazon-subnav a,.amazon-store-link{padding:20px;color:var(--text);background:var(--glass);border:1px solid var(--border);border-radius:14px}.amazon-subnav a:hover,.amazon-store-link:hover{color:#041017;background:var(--primary);transform:translateY(-2px)}.amazon-stores-list{display:grid;gap:12px}.quote-block,.highlight-box,.tip-box,.warning-box{padding:22px;color:var(--text);background:color-mix(in srgb,var(--primary) 10%,var(--panel));border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:14px}table{overflow:hidden;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:14px}th{color:#041017;background:var(--primary)}td{border-color:var(--border)}
.single-product-grid{grid-template-columns:minmax(0,760px);justify-content:center}.photo-grid a,.color-list li{background:var(--panel)!important;border-color:var(--border)!important}.color-swatch{border-color:var(--border)!important}.audio-section-title,.spinel-section-title,.beb-section-title{border-bottom-color:var(--primary)!important}.photo-grid img{background:transparent}
.footer{padding-top:60px;color:var(--text-light);background:var(--bg-dark);border-top:1px solid var(--border)}.footer:before{opacity:.55}.footer-grid{gap:38px}.footer h4{color:var(--text)}.footer-col a,.footer-col ul li a{color:var(--text-light)}.footer a:hover{color:var(--primary)}.footer-bottom{border-color:var(--border)}
@media(max-width:1000px){.nav-menu>li>a{padding-inline:8px}.product-brands{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.product-brands{grid-template-columns:1fr}.navbar,.nav-container{height:68px}.page-hero{margin-top:0;padding:58px 18px!important}.nav-menu{top:68px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.nav-menu>li>a{border-radius:8px}.dropdown-menu{background:var(--panel);border:0}.page-content,.section{padding:54px 0}.content-block,.info-card,.faq-section{padding:24px 18px}.product-img-wrapper{min-height:200px}.photo-grid,.color-list{grid-template-columns:repeat(2,1fr)!important}}
html[data-theme="light"] .btn-shop,html[data-theme="light"] .btn-primary,html[data-theme="light"] .page-content .audio-buy.btn,html[data-theme="light"] .page-content .spinel-buy.btn,html[data-theme="light"] .card-badge,html[data-theme="light"] .variant-badge:not(.base),html[data-theme="light"] .faq-item[open] summary,html[data-theme="light"] .amazon-subnav a:hover,html[data-theme="light"] .amazon-store-link:hover,html[data-theme="light"] th{color:#fff!important}
html[data-theme="light"] .variant-badge.tac-lite,html[data-theme="light"] .variant-badge.tac-pro,html[data-theme="light"] .variant-badge.tac-ent{color:#041017!important;background:#b9eafa!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Shared site shell */
.site-header{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(10px,2vw,28px);padding:15px clamp(18px,4vw,64px);background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(18px) saturate(140%)}
.brand{display:flex;align-items:center;gap:10px}.brand img,.footer-brand img{width:118px;height:auto;filter:brightness(0) invert(1)}html[data-theme="light"] .brand img,html[data-theme="light"] .footer-brand img{filter:none}
.site-header nav{display:flex;justify-content:center;gap:2px}.site-header .language-selector,.site-header .shop-link{white-space:nowrap}.site-header .language-selector{font-size:12px}.site-header .language-selector a{color:var(--text-light)}.site-header nav a{padding:8px 10px;color:var(--text-light);border-radius:8px;font-size:13px;font-weight:700;transition:.2s}.site-header nav a:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}.site-header .shop-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;color:#041017;background:var(--primary);border:1px solid var(--primary);border-radius:9px;font-size:13px;font-weight:850;transition:.2s}.site-header .shop-link:hover{background:var(--accent-hover);box-shadow:0 10px 35px color-mix(in srgb,var(--primary) 22%,transparent);transform:translateY(-2px)}html[data-theme="light"] .site-header .shop-link{color:#fff}
body>footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:40px;padding:42px clamp(18px,5vw,80px);color:var(--text-light);background:var(--bg-dark);border-top:1px solid var(--border);font-size:12px}body>footer p{margin:0}body>footer p:last-child{text-align:right}
@media(max-width:1120px){.site-header nav>a:nth-child(2),.site-header nav>a:nth-child(3){display:none}}
@media(max-width:760px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:12px 16px}.site-header .brand{grid-column:1/-1;grid-row:1}.site-header .language-selector{grid-column:1;grid-row:2;overflow-x:auto}.site-header .shop-link{grid-column:2;grid-row:2;justify-self:end}.site-header nav{grid-column:1/-1;grid-row:3;justify-content:flex-start;overflow-x:auto}.site-header nav a{display:block!important;white-space:nowrap}body>footer{grid-template-columns:1fr;padding:38px 16px}body>footer p:last-child{text-align:left}}
.product-menu{position:relative}.product-menu summary{display:flex;align-items:center;gap:6px;padding:8px 10px;color:var(--text-light);border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;list-style:none;transition:.2s}.product-menu summary::-webkit-details-marker{display:none}.product-menu summary:hover,.product-menu[open] summary{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}.product-menu summary span{font-size:10px;transition:transform .2s}.product-menu[open] summary span{transform:rotate(180deg)}.product-menu-list{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:grid;min-width:210px;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.site-header .product-menu-list a{display:block;padding:10px 12px;white-space:nowrap}.site-header .product-menu-list a:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}
@media(max-width:760px){.site-header nav{flex-wrap:wrap;overflow:visible}.product-menu-list{top:100%}}

.product-menu:not([open]) .product-menu-list{display:none}
.contact-map{margin-top:48px}.contact-map iframe{display:block;width:100%;height:clamp(320px,45vw,520px);border:0;border-radius:14px}.contact-map p{margin:16px 0 0}.contact-map a{color:var(--primary);font-weight:800}

.netgate-selector{margin:24px 0 40px;padding:clamp(24px,4vw,42px);background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.netgate-selector h2{scroll-margin-top:110px;margin:0;font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}.netgate-selector>p{color:var(--text-light)}.selector-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.netgate-selector label,.netgate-selector legend{font-weight:700}.netgate-selector input[type="number"],.netgate-selector select{width:100%;margin-top:7px;padding:12px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:9px;font:inherit}.netgate-selector input:focus-visible,.netgate-selector select:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.netgate-selector fieldset{margin:0 0 24px;padding:18px;border:1px solid var(--border);border-radius:12px}.selector-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.selector-checks label{color:var(--text-light);font-weight:600}.selector-checks input{margin-right:7px;accent-color:var(--primary)}.selector-result{margin-top:24px;padding:24px;background:color-mix(in srgb,var(--primary) 11%,var(--panel));border:1px solid var(--primary);border-radius:14px}.selector-result h3{margin:0 0 8px;color:var(--primary);font-size:28px}.selector-result p{margin:8px 0}.selector-result a{display:inline-flex;margin-top:10px}.selector-note{margin:18px 0 0!important;font-size:13px}.selector-note,.selector-result small{color:var(--text-light)}
@media(max-width:768px){.netgate-selector h2{scroll-margin-top:180px}.selector-fields,.selector-checks{grid-template-columns:1fr}}