/* SEA GROUP / high-contrast ocean design. This file is the final public UI layer. */
:root{--sea-ink:#12364c;--sea-body:#3d596b;--sea-teal:#007c92;--sea-navy:#062e46;--header-height:86px}
body{font-size:16px}.reef-home,.inner-modules{background:#062e46;color:#f5fbff}
.navbar,.fsc-premium .navbar{display:block;padding:0;background:#062e46;border-bottom:1px solid #3e6378;box-shadow:0 5px 24px #001c3133;backdrop-filter:none}
.navbar-inner,.fsc-premium .navbar-inner{max-width:1440px;width:100%;padding:16px 28px;gap:20px;flex-wrap:nowrap}
.navbar .logo,.fsc-premium .logo{font-size:21px;letter-spacing:1px;text-shadow:none;color:#fff}
.navbar .nav-links{gap:2px}.navbar .nav-links a,.fsc-premium .nav-links a{font-size:12px;padding:10px 8px;color:#d8e8f1;font-weight:600;line-height:1.4}.navbar .nav-links a:hover,.navbar .nav-links a.active{background:#18526c;color:white}
.header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.navbar .hotline-btn{display:none}
.header-actions .cart-btn{width:42px;height:42px;font-size:18px;background:#103f57;border:1px solid #486b7d;box-shadow:none}
.support-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 13px;background:#13734f;color:white;border:1px solid #40a780;border-radius:11px;text-decoration:none;font-size:12px;font-weight:700;transition:background .2s}
.support-button svg{width:23px;height:23px}.support-button:hover{background:#0c8657;color:white}
.language-menu{position:relative}.language-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #486b7d;border-radius:11px;background:#103f57;color:#fff;min-height:42px;padding:0 11px;font-size:12px;font-weight:700}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary svg{width:18px;height:18px}.language-chevron{color:#b6d3e2;font-size:14px}.language-menu[open] summary{background:#1d5870;border-color:#8bc7d9}
.language-options{position:absolute;right:0;top:calc(100% + 12px);width:260px;padding:9px;background:white;color:#12364c;border:1px solid #c9dfe9;border-radius:16px;box-shadow:0 18px 60px #001b3c55;z-index:400;max-height:75vh;overflow:auto}
.language-menu-heading{font-size:10px;font-weight:800;letter-spacing:1px;padding:10px 11px 13px;border-bottom:1px solid #e1ebf0;margin-bottom:5px}.language-menu-heading>span{display:block;font-weight:400;letter-spacing:0;color:#526d7f;font-size:11px;margin-top:3px}
.language-options button{display:flex;gap:11px;align-items:center;width:100%;border:0;border-radius:9px;padding:9px 11px;background:white;color:#12364c;text-align:left;font-size:14px;line-height:1.45}.language-options button:hover{background:#edf6fa}.language-options button[aria-pressed=true]{background:#e5f5f6}.language-options button small{display:block;color:#526d7f;font-size:11px}.language-monogram{display:grid;place-items:center;width:34px;height:34px;background:#ecf3f7;border:1px solid #d5e4ed;border-radius:9px;font-size:12px;font-weight:700;flex-shrink:0}.language-check{margin-left:auto;color:#007864;visibility:hidden}.language-options button[aria-pressed=true] .language-check{visibility:visible}
.language-toast{position:fixed;z-index:500;top:calc(var(--header-height) + 12px);right:20px;background:#fff;color:#143e54;border:1px solid #bdd9e6;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #002b4040;max-width:min(380px,calc(100vw - 40px));font-size:14px}.language-toast:empty{display:none}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #e5ac31;outline-offset:4px}
/* Use the reef as scenery; the copy always sits over a deliberate surface. */
.module-ocean{inset:var(--header-height) 0 0}.reef-home .hero.ocean-hero{background:linear-gradient(90deg,#042d48bd,#043e59a6,#042d48bd);min-height:640px;padding:80px 24px 70px;border-bottom:1px solid #6aa7bb}
.reef-home .ocean-hero .hero-title,.inner-modules .hero-title{background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 3px 18px #00213b88;font-weight:800;letter-spacing:-1.8px;line-height:1.15}
.ocean-hero .hero-title{font-size:clamp(36px,4.6vw,64px)}.reef-home .ocean-hero .sub,.inner-modules .sub{color:#f0f8fd;font-size:17px;line-height:1.85;text-shadow:none}.ocean-hero .hero-badge,.inner-modules .hero-badge{color:#e0faff;background:#06354de8;border:1px solid #80b3c5;font-size:11px;letter-spacing:1.5px}
.ocean-hero .stats{gap:0;max-width:650px;margin:38px auto 0;padding:18px 12px;background:#07354ce8;border:1px solid #81b1c45c;border-radius:18px}.ocean-hero .stat{flex:1;padding:0 16px;border-right:1px solid #81b1c45c}.ocean-hero .stat:last-child{border:0}.ocean-hero .stat h3{color:#fff;font-size:30px;-webkit-text-fill-color:#fff}.ocean-hero .stat span{color:#dcecf4;font-size:13px}
.reef-home .section{background:#f0f6fa;padding:64px 28px}.section-head{max-width:760px}.reef-home .section-head h2{color:#12364c;font-size:clamp(28px,3vw,38px);font-weight:800}.reef-home .section-head p{color:#3d596b;font-size:16px;line-height:1.8}.reef-home .section-eyebrow{color:#00748a;font-size:12px;letter-spacing:1.5px}
.reef-home .group-panel{background:#fff;border:1px solid #c7dce7;color:#12364c;box-shadow:0 12px 35px #143f5510;padding:28px;border-radius:20px;--text:#12364c;--muted:#3d596b}.reef-home .group-panel::before{height:5px}.reef-home .group-panel.blue::before{background:#077caa}.reef-home .group-panel.green::before{background:#008778}.reef-home .group-icon{background:#e0f1f7;color:#075d7b}.reef-home .group-head h3{font-size:23px;line-height:1.4}.reef-home .group-head p{color:#405f71;font-size:14px;line-height:1.7}
.reef-home .item-card{background:#f2f7fb;border:1px solid #d4e3ec;color:#12364c;padding:16px 14px;min-height:78px;border-radius:12px}.reef-home .item-card:hover{background:#e5f3f8;border-color:#5eacbf;transform:translateX(3px)}.reef-home .item-text b{font-size:16px;font-weight:700}.reef-home .item-text span{color:#3d596b;font-size:14px;line-height:1.55;margin-top:3px}.reef-home .item-arrow{color:#00778f}.reef-home .group-actions .btn-ghost{color:#17516b;background:white;border:1px solid #93b4c5}
.btn,.inner-modules .btn{font-size:14px;line-height:1.4;font-weight:700;border-radius:11px;padding:13px 20px;min-height:46px;text-shadow:none;box-shadow:none;white-space:normal}.btn-primary,.inner-modules .btn-primary{background:#006d93;border:1px solid #006d93;color:#fff}.btn-primary:hover,.inner-modules .btn-primary:hover{background:#005778;color:white}.btn-orange,.inner-modules .btn-orange{background:#ffb547;color:#15384d;border:1px solid #ffb547}.btn-orange:hover{background:#ffc672;color:#15384d}.btn-green,.inner-modules .btn-green{background:#007e6e;border:1px solid #007e6e;color:white}.btn-ghost{background:#123f58;color:#fff;border:1px solid #9cbfce}
.reef-home .fsc-home{margin:36px auto;background:#08374f;border:1px solid #6a9eb3;border-radius:22px;padding:36px 40px;box-shadow:0 15px 35px #001f3f33}.fsc-home h2{color:#fff}.fsc-home em{color:#71e1dc}.fsc-home p{color:#e1eff7;font-size:16px;line-height:1.8}.fsc-home .fsc-eyebrow{color:#90f0e7;font-size:12px}
/* White content surfaces share the same readable ink across every module. */
.inner-modules .hero,.inner-modules .shop-hero{background:#062e46d9;border-bottom:1px solid #6c9caf;padding:62px 24px;min-height:300px}.inner-modules .hero:before,.inner-modules .shop-hero:before{display:none}
.inner-modules .jump-nav{background:#062e46;border:1px solid #719bb0}.inner-modules .jump-nav a{color:#fff;background:#15475e;border-color:#5a8298;font-size:13px}.inner-modules .jump-nav a:hover,.inner-modules .jump-nav a[aria-current=true]{background:#e6f5fa;color:#12364c}
.feature-block,.software-suite,.fsc-catalogue,.fsc-category-section{scroll-margin-top:calc(var(--header-height) + 20px)}
.inner-modules .feature-card{--muted:#3d596b;--text:#12364c;color:#12364c;background:#fff;border-color:#bdd7e4;backdrop-filter:none}.inner-modules .feature-card-head{background:#deeff6;border-color:#bed8e5}.inner-modules .feature-card h3{color:#12364c;font-size:25px;font-weight:750}.solution-number{color:#326179;font-size:11px}.inner-modules .feature-list li{color:#344f61;font-size:15px;line-height:1.85}.inner-modules .feature-list li:before{background:#d8eee6;color:#006c56}.inner-modules .feature-card-foot .btn{font-size:13px}
.inner-modules .legal-card{display:block}.inner-modules .legal-card .feature-card-head{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:26px 32px;border-right:0;border-bottom:1px solid #bed8e5}.inner-modules .legal-card .legal-article{padding:24px 32px;margin:0;border-bottom:1px solid #d5e3eb}.inner-modules .legal-card .legal-article:last-child{border:0}.inner-modules .legal-card h4{color:#12364c;font-size:18px;line-height:1.5}.inner-modules .legal-card p{color:#344f61;font-size:15px;line-height:1.85}.inner-modules .legal-card>p{padding:24px 32px 0}.inner-modules .legal-card .legal-note{color:#27546b;background:#e8f3f8;padding:12px 16px;border-radius:8px}.inner-modules .legal-card .feature-list{padding:12px 32px 30px}
.inner-modules .product-card,.inner-modules .project-card{--muted:#3d596b;--text:#12364c;background:#fff;border-color:#c1dae6;color:#12364c}.inner-modules .product-name,.inner-modules .project-card-title{color:#12364c;font-weight:750}.inner-modules .product-cat,.inner-modules .project-card-cat{color:#006e83;font-size:12px}.inner-modules .price-old,.inner-modules .project-card-meta{color:#52697a}.inner-modules .price-new{color:#006c85}.inner-modules .product-price{color:#12364c}.inner-modules .shop-cats a{background:#07354d;color:#edf9ff;border-color:#799cac;font-size:13px}.inner-modules .shop-cats a.active{background:#e6f6fa;color:#12364c;border-color:white}.shop-type-btn{background:#083a53;border-color:#709bad}.shop-type-btn .stb-text{color:#fff}
.inner-modules .form-box{background:#fff;color:#12364c;--text:#12364c;--muted:#3d596b;border:1px solid #bfd7e5;backdrop-filter:none}.form-box .form-badge{color:#006f87;background:#eaf5f9;border-color:#bfdbe7}.form-box .form-title{color:#12364c}.form-box .form-sub,.form-box .form-msg{color:#3d596b}.form-box .field label{color:#234b60;font-size:14px}
.inner-modules .field input,.inner-modules .field select,.inner-modules .field textarea{background:#f6fafc;color:#173d53;border:1px solid #8caabb;min-height:48px;font-size:16px}.inner-modules .field select option{background:#fff;color:#173d53}.inner-modules .field input::placeholder,.inner-modules .field textarea::placeholder{color:#637a89;opacity:1}.inner-modules .form-submit{background:#006d93;color:#fff;font-size:16px;min-height:50px}
.cart-row,.checkout-summary,.cart-summary{background:#08364f;border-color:#7199ae;color:#fff}.cart-row-info span,.checkout-item span:last-child,.pd-stock,.pd-desc{color:#e0edf5}.checkout-item span:first-child{color:#fff}.inner-modules .pd-price-row .price-new{color:#9df3ef}.pd-name{color:#fff}.inner-modules .cta-band,.cta-band{background:#08364f;border:1px solid #7ba7ba;color:#fff}.cta-band h2{color:#fff}.cta-band p{color:#dcebf3;font-size:16px;line-height:1.8}
/* Digital suite follows the ocean palette with crisp white cards. */
.software-suite{background:#eaf3f8;border-color:#c0dbe7;box-shadow:0 15px 35px #123d4f12;margin-top:24px}.suite-topline{background:#073b55;color:#fff;border-color:#35667d;font-size:11px;letter-spacing:1px}.suite-edition{color:#cfe7f1;font-size:10px}.suite-topline i{background:#58e0cf}.suite-intro h2{color:#12364c}.suite-intro h2 em{color:#007c92}.suite-intro p,.suite-collection p,.suite-service,.suite-availability small{color:#3d596b;font-size:14px}.suite-intro p{line-height:1.85}.suite-kicker,.suite-explore,.suite-bottom>a{color:#00687d;font-size:12px}.suite-collection-top>span:last-child{color:#52697a}.suite-collection{border-color:#b9d5e4;padding:25px}.suite-collection h3{color:#12364c;font-size:18px;line-height:1.5}.suite-primary{background:#006d93;min-height:48px;font-size:14px}.suite-primary:hover{background:#005778}.suite-window-bar,.suite-dashboard>span,.suite-mini-cards small{color:#456375}.suite-mini-cards small{font-size:10px}.suite-collection:nth-child(2) .suite-icon,.suite-collection:nth-child(3) .suite-icon{background:#e0f1f7;border-color:#b4d8e5;color:#00748c}.suite-bottom{background:#deedf5}.suite-service{font-size:12px}.suite-bottom>a{font-size:13px}
.footer,.inner-modules .footer,.fsc-premium .footer{background:#062b41;color:#d4e6ef;border-top:1px solid #456d82}.footer p,.footer a,.footer-legal,.footer-bottom,.fsc-premium .footer a,.fsc-premium .footer p{color:#cbdfe9;font-size:14px}.footer a:hover{color:#fff}.footer-brand,.fsc-premium .footer-brand{color:#fff}
.module-motion{background:#062e46;color:#fff;border-color:#8bb1c3}.burger span,.fsc-premium .burger span{background:#fff}
@media(max-width:1250px){.support-button{width:42px;padding:0}.support-button>span{display:none}.navbar-inner,.fsc-premium .navbar-inner{padding:14px 20px;gap:12px}.navbar .logo{font-size:19px}.navbar .nav-links a{font-size:11px;padding:10px 6px}}
@media(max-width:1360px){.navbar-inner,.fsc-premium .navbar-inner{flex-wrap:wrap}.navbar .burger{display:flex}.navbar .nav-links{display:none;order:3;width:100%;background:#062e46;border-top:1px solid #4e768b;padding-top:12px;flex-direction:column;align-items:stretch}.navbar .nav-links.open{display:flex}.navbar .nav-links a{font-size:14px;padding:12px 14px;border-radius:9px}.header-actions{margin-left:auto}.fsc-premium .nav-links{order:3}.navbar .logo{font-size:20px}.language-menu{z-index:410}}
@media(min-width:1361px){.navbar .burger{display:none}}
@media(max-width:768px){.reef-home .fsc-home{margin:24px 18px;padding:28px;display:block}.reef-home .fsc-home .fsc-art{max-width:100%;margin:auto}.reef-home .section{padding:40px 18px}.reef-home .groups{grid-template-columns:1fr;gap:22px}.reef-home .group-panel{padding:24px}.suite-intro{padding:32px 24px}.suite-intro p{font-size:15px}.suite-collections{grid-template-columns:1fr}.suite-collection p{font-size:15px}.inner-modules .hero,.inner-modules .shop-hero{padding:40px 20px;min-height:260px}.inner-modules .hero-title{font-size:34px}.inner-modules .sub{font-size:15px}.module-motion{bottom:90px}.inner-modules .feature-card{grid-template-columns:1fr}.inner-modules .feature-card-head{grid-row:auto;border-right:0;border-bottom:1px solid #bcd7e5;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.inner-modules .feature-card-head .solution-number{width:100%}.inner-modules .feature-list{grid-template-columns:1fr}.inner-modules .feature-card h3{font-size:23px}.inner-modules .feature-card-foot .btn{width:100%}.footer-inner{gap:28px}.fsc-premium .navbar{padding:0}}
@media(max-width:480px){.navbar-inner,.fsc-premium .navbar-inner{padding:12px 14px;gap:8px}.navbar .logo{font-size:17px;letter-spacing:.4px}.header-actions{gap:6px}.header-actions .cart-btn{width:36px;height:38px;font-size:16px}.support-button{width:36px;min-height:38px;border-radius:9px}.support-button svg{width:21px;height:21px}.language-menu summary{min-height:38px;padding:0 8px;gap:5px;border-radius:9px}.language-menu summary svg{width:16px;height:16px}.language-chevron{display:none}.navbar .burger{margin-left:2px;width:29px;padding:3px}.language-options{right:-38px;width:250px}.reef-home .hero.ocean-hero{padding:48px 20px;min-height:620px;background:linear-gradient(#042d48cc,#04364dbf)}.ocean-hero .hero-title{font-size:36px;letter-spacing:-1px;line-height:1.22}.reef-home .ocean-hero .sub{font-size:15px;line-height:1.8}.ocean-hero .hero-badge{font-size:9px;letter-spacing:.6px;white-space:normal;line-height:1.7}.ocean-hero .cta-box{gap:10px}.ocean-hero .cta-box .btn{width:100%;font-size:15px}.ocean-hero .stats{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:20px;margin-top:28px}.ocean-hero .stat{padding:0 8px;border:0}.ocean-hero .stat h3{font-size:26px}.ocean-hero .stat span{font-size:12px}.reef-home .group-panel{padding:21px}.reef-home .group-head{gap:12px}.reef-home .group-head h3{font-size:21px}.reef-home .item-card{padding:14px 11px;gap:9px}.reef-home .item-text b{font-size:15px}.reef-home .item-text span{font-size:13px}.group-actions .btn{width:100%}.suite-intro h2{font-size:33px}.suite-topline{padding:20px;font-size:9px}.suite-intro{padding:28px 22px}.suite-collection{padding:22px}.suite-collection h3{font-size:19px}.inner-modules .legal-card .feature-card-head{padding:22px}.inner-modules .legal-card .legal-article{padding:22px}.inner-modules .legal-card>p{padding:22px 22px 0}.inner-modules .legal-card .feature-list{padding:10px 22px 24px}.inner-modules .jump-nav a{font-size:12px}.form-box{padding:25px 20px}.mobile-cta a{min-height:48px;font-size:14px}.footer p,.footer a{font-size:14px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.suite-window{transform:none}.item-card,.btn{transition:none}}

@media(max-width:768px){.ocean-hero .stat{width:auto}.reef-home .groups{padding:0}.navbar .nav-links{position:static;inset:auto;max-height:calc(100dvh - 80px);overflow-y:auto}.header-actions .burger{min-height:38px}.suite-window{transform:none}.suite-mini-cards{gap:5px}.suite-dashboard{padding:18px 12px}.suite-mini-cards>div{padding:8px 5px}.suite-mini-cards small{overflow-wrap:anywhere}}
@media(max-width:360px){.navbar .logo{font-size:14px}.header-actions{gap:4px}.support-button{width:32px}.header-actions .cart-btn{width:32px}.language-menu summary{padding:0 6px;font-size:11px}.navbar .burger{width:24px}.ocean-hero .hero-title{font-size:32px}}
.mobile-cta .call{background:#006d93;color:#fff}.mobile-cta .quote{background:#ffb547;color:#15384d}
.reef-home .fsc-home{overflow:hidden}
@media(max-width:360px){.reef-home .fsc-home .fsc-art{transform:scale(.8) rotate(-24deg);transform-origin:center center}}
/* The industrial collection uses light surfaces; never expose dark copy over the reef. */
.fsc-premium .fsc-page{background:#f0f6fa;border:1px solid #c1d9e5;border-radius:24px;margin:28px auto 40px;max-width:1320px;padding:32px 40px 50px;color:#12364c;--text:#12364c;--muted:#3d596b}
.fsc-premium .fsc-breadcrumb,.fsc-premium .fsc-hero p,.fsc-premium .fsc-pills,.fsc-value-strip small,.fsc-premium .fsc-card p,.fsc-card-spec,.fsc-premium .fsc-source,.fsc-premium .fsc-detail p,.fsc-premium .fsc-form small,.fsc-premium .fsc-inquiry p{color:#3d596b}
.fsc-premium .fsc-hero p{font-size:16px}.fsc-premium .fsc-pills,.fsc-value-strip small{font-size:12px}.fsc-premium .fsc-eyebrow{font-size:11px;color:#00677e}.fsc-premium .fsc-card p{font-size:14px}.fsc-premium .fsc-card-spec{font-size:12px}.fsc-premium .fsc-card-bottom a,.fsc-premium .fsc-filters label,.fsc-premium .fsc-form label{font-size:13px;color:#28566b}.fsc-premium .fsc-filters input,.fsc-premium .fsc-filters select,.fsc-premium .fsc-form input,.fsc-premium .fsc-form textarea{font-size:16px;color:#173d53;border-color:#8caabb;min-height:46px}.fsc-premium .fsc-source{font-size:12px;line-height:1.8}.fsc-premium .fsc-bottom-banner p{color:#e0eff7;font-size:15px}.fsc-premium .fsc-category-number{color:#48697c;font-size:11px}.fsc-premium .fsc-specs dt{color:#3d596b;font-size:14px}.fsc-premium .fsc-specs dd{font-size:14px}.fsc-premium .fsc-form small{font-size:13px}
.inner-modules .pd-wrap,.inner-modules .proj-wrap{background:#08364f;border:1px solid #608ba1;border-radius:22px;margin-top:28px;margin-bottom:35px;padding:32px;box-shadow:0 15px 40px #00274130}
.inner-modules .shop-grid,.inner-modules .gallery-grid{background:#edf4f8;border:1px solid #bed7e4;border-radius:20px;padding:28px;margin-bottom:38px}.inner-modules .empty-shop{color:#365b71}
@media(max-width:768px){.fsc-premium .fsc-page{margin:20px 14px 28px;padding:24px 20px;max-width:calc(100% - 28px);border-radius:18px}.fsc-premium .fsc-hero{padding-top:16px;gap:28px}.fsc-premium .fsc-hero h1{font-size:38px;letter-spacing:-1.3px}.fsc-premium .fsc-detail .fsc-showcase{position:relative;top:auto}.inner-modules .pd-wrap,.inner-modules .proj-wrap{margin:20px 14px;padding:22px 18px}.inner-modules .shop-grid,.inner-modules .gallery-grid{margin:0 14px 30px;padding:16px;max-width:calc(100% - 28px)}}
