﻿/* SPSPA products: precise diagrams, deep graphite, restrained metallic accents. */
.signature-products{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.signature-product{position:relative;overflow:hidden;isolation:isolate;background:#101f2b;color:#fff;border:1px solid #2d414e;border-radius:5px;min-height:365px}
.signature-felix{background:#172d3b;border-color:#36505e}
.signature-art{position:absolute;right:-85px;top:5px;width:390px;color:#cdb98d;z-index:-1;opacity:.85}
.signature-felix .signature-art{color:#afc8d5}
.signature-product:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101f2b 0%,#101f2bf2 39%,#101f2b20 88%);z-index:-1}
.signature-felix:after{background:linear-gradient(90deg,#172d3b 0%,#172d3bf0 39%,#172d3b15 88%)}
.signature-content{padding:30px 34px}
.signature-kicker{font-size:8px;letter-spacing:.18em;color:#c0af8e;display:flex;gap:20px;align-items:center;margin-bottom:27px}
.signature-kicker>span{font-size:11px;color:#84949e}
.signature-felix .signature-kicker{color:#afc6d3}
.signature-content h2{font-size:51px;letter-spacing:-.045em;font-weight:400;line-height:1.08}
.signature-content h2 small{font-size:14px;letter-spacing:.08em;font-weight:400}
.signature-tagline{font-size:19px;line-height:1.5;margin-top:22px;max-width:330px;color:#eadac0}
.signature-felix .signature-tagline{color:#d8e6ee}
.signature-description{font-size:12px;line-height:1.8;color:#aabcc8;max-width:330px;margin-top:15px!important}
.signature-links{display:flex;flex-wrap:wrap;align-items:center;gap:17px 23px;margin-top:27px;font-size:10px}
.signature-primary{display:flex;gap:25px;align-items:center;padding:12px 15px;border:1px solid #ac9970;border-radius:3px;background:#ddcba2;color:#142835}
.signature-primary:hover{background:#ebdebf;text-decoration:none}
.signature-felix .signature-primary{background:#d3e0e7;border-color:#d3e0e7;color:#142835}
.product-art{display:block;width:100%;height:auto}
.product-page{--metal:#d6c092}
.product-felix{--metal:#bed2df}
.product-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:0;position:relative;isolation:isolate;background:#102332;color:white;border-radius:5px;margin-top:24px;overflow:hidden}
.product-lead-copy{padding:48px 0 43px 47px;z-index:1}
.product-kicker{font-size:8px;letter-spacing:.18em;color:var(--metal);margin-bottom:28px}
.product-lead h1{font-size:clamp(65px,7vw,100px);font-weight:400;letter-spacing:-.055em;line-height:1}
.product-lead h1>span{display:block;font-size:12px;letter-spacing:0;color:#acc1ce;margin-bottom:17px;line-height:1.6}
.product-lead h2{font-size:30px;line-height:1.35;color:var(--metal);font-weight:400;letter-spacing:-.035em;margin-top:31px}
.product-lead-copy>p:not(.product-kicker){font-size:14px;color:#becdd7;line-height:1.85;max-width:550px;margin-top:22px}
.product-lead-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:29px}
.button.product-gold{background:#ddcba2;color:#132b3c;border-color:#ddcba2;border-radius:3px;font-size:12px}
.product-felix .button.product-gold{background:#d0dfe8;border-color:#d0dfe8}
.product-quiet-link{font-size:11px}
.product-lead-tags{display:flex;flex-wrap:wrap;gap:18px;font-size:9px;color:#9fb5c3;margin-top:30px}
.product-lead-tags>span+span:before{content:'·';margin-right:18px;color:var(--metal)}
.product-lead-art{align-self:center;position:relative;margin-left:-30px;color:var(--metal)}
.product-lead-art .product-art{width:115%;max-width:none;margin-left:-5%}
.product-lead-art>p{font-size:8px;letter-spacing:.17em;color:#8199aa;text-align:center;margin-top:-12px}
.product-nav{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6;flex-wrap:wrap}
.product-nav>a:last-child{color:#47718b}
.product-section{padding:70px 0}
.product-section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:13px 60px;align-items:end;margin-bottom:36px}
.product-section-heading>.eyebrow{grid-column:1/-1;font-size:9px;margin:0}
.product-section-heading h2{font-size:43px;line-height:1.18;letter-spacing:-.04em}
.product-section-heading>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#5a7486;max-width:440px}
.product-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.product-feature-grid article{border-top:1px solid #bfcfd8;padding-top:20px}
.product-feature-grid article>span{font-size:10px;color:#7b8e9a;display:block;margin-bottom:25px}
.product-feature-grid h3{font-size:24px;line-height:1.3;min-height:62px}
.product-feature-grid p{font-size:13px;line-height:1.9;color:#5a7486;margin-top:17px}
.product-scenarios{background:#eaf0f4;border:1px solid #dfe7ed;padding:44px;border-radius:5px}
.product-scenarios .product-section-heading{display:block}
.product-scenarios .eyebrow{margin-bottom:15px}
.product-scenarios .product-section-heading h2{font-size:37px}
.scenario-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.scenario-list article{position:relative;padding-top:23px;border-top:1px solid #c2d1db}
.scenario-list .eyebrow{font-size:8px;color:#4c7087;margin-bottom:16px}
.scenario-list h3{font-size:24px;line-height:1.35}
.scenario-list article>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#5a7486;margin-top:17px;padding-bottom:30px}
.scenario-list article>span{font-size:24px;color:#8299a8;position:absolute;bottom:0;right:0}
.product-screens{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.product-screens figure{margin:0;min-width:0}
.product-screens figure>a{display:block;border:1px solid #bdcbd5;box-shadow:0 15px 35px #17374a0e;border-radius:5px;overflow:hidden;background:#fff}
.screen-toolbar{display:flex;gap:5px;padding:13px 14px;align-items:center;background:#e8eef2;border-bottom:1px solid #cbd7df}
.screen-toolbar>span{width:5px;height:5px;border-radius:100%;background:#94a6b1}
.screen-toolbar strong{font-size:9px;font-weight:400;margin-left:10px;color:#506b7e;flex:1}
.screen-toolbar b{font-size:13px;font-weight:400}
.product-screens img{width:100%;height:auto;display:block}
.product-screens figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.7;margin-top:17px;color:#345a72}
.product-screens figcaption>span{font-size:9px;color:#738c9c}
.product-film{border:1px solid #d4e0e7;border-radius:5px;margin-top:34px;background:#fff}
.product-film>summary{display:flex;align-items:center;gap:20px;padding:23px;cursor:pointer;list-style:none}
.product-film .film-play{display:flex;align-items:center;justify-content:center;border:1px solid #ccd9e1;border-radius:50%;width:45px;height:45px;font-size:13px;flex-shrink:0}
.product-film summary strong{font-weight:500;font-size:15px;display:block;line-height:1.5}
.product-film summary small{display:block;font-size:11px;color:#718a9a;margin-top:5px}
.product-film summary>b{margin-left:auto;font-size:11px;font-weight:400}
.product-film video{display:block;width:calc(100% - 46px);margin:0 auto 23px;max-height:560px;background:#102332}
.product-implementation{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;border-block:1px solid var(--line);padding:55px 0}
.implementation-intro{position:sticky;top:30px;align-self:start}
.implementation-intro h2{font-size:39px;line-height:1.2}
.implementation-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#5a7486;max-width:440px;margin-top:23px}
.implementation-intro .text-link{margin-top:24px}
.implementation-steps{margin:0;padding:0;list-style:none;counter-reset:step}
.implementation-steps li{position:relative;padding:0 0 29px 55px;counter-increment:step;border-left:1px solid #c8d8e3;margin-left:16px}
.implementation-steps li:last-child{border-left-color:transparent;padding-bottom:0}
.implementation-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:-17px;top:0;width:34px;height:34px;background:#f5f8fa;border:1px solid #b8cbd8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#52778e}
.implementation-steps h3{font-size:24px;line-height:1.3;padding-top:2px}
.implementation-steps p{font-size:13px;line-height:1.85;color:#5a7486;margin-top:13px}
.product-documents{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-documents>a{display:flex;align-items:center;gap:20px;border:1px solid #cfdde5;background:white;border-radius:4px;padding:25px}
.document-type{display:flex;align-items:center;justify-content:center;width:43px;height:53px;background:#edf3f6;border:1px solid #d5e1e8;color:#5a778b;font-size:10px;flex-shrink:0}
.product-documents h3{font-size:21px;line-height:1.3}
.product-documents p{font-size:11px;line-height:1.7;color:#688294;margin-top:9px}
.product-documents>a>span:last-child{margin-left:auto;font-size:22px}
.product-source{margin-top:26px;border-block:1px solid var(--line)}
.product-source summary{padding:19px 0;cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;gap:20px}
.product-source .prose{padding:20px 0 30px;font-size:14px;max-width:920px}
.product-source img{max-width:450px!important;width:100%;height:auto!important}
.product-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;background:#102332;border:1px solid #283e4d;color:#fff;padding:50px;border-radius:5px}
.product-contact .eyebrow{color:var(--metal);font-size:8px;letter-spacing:.13em}
.product-contact h2{font-size:43px;line-height:1.2}
.product-contact>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#afc2cf;margin-top:23px;max-width:510px}
.product-contact .button{margin-top:29px}
.product-email{display:block;font-size:13px;color:#b6c9d5;margin-top:19px}
.product-license{border-left:1px solid #3d5260;padding-left:43px;align-self:center}
.product-license>strong{display:block;font-size:57px;line-height:1.2;font-weight:400;letter-spacing:-.055em;color:var(--metal)}
.product-license>strong>small{font-size:29px;font-weight:400}
.product-license>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#afc2cf;margin-top:17px}
.license-rule{height:1px;background:#3d5260;margin-top:25px}
.product-license>.license-note{font-size:12px!important}
.product-license>a{font-size:23px;display:block;margin-top:23px}
.product-other{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px 0 50px;font-size:12px;color:#647d8e}
.product-other>a{font-size:22px;color:#173b51}
.product-other>a>span{margin-left:25px}
.home .product-story .product-visual{background:#102332;color:#cdb98d;overflow:hidden}
.home .product-felix .product-visual{background:#172d3b;color:#afc8d5}
.home .product-story .product-visual .product-art{height:100%;width:100%;object-fit:contain}
.home .product-label{background:none;color:#aec1ce;font-size:7px;letter-spacing:.12em}
@media(max-width:1100px){.signature-content{padding:28px}.signature-content h2{font-size:45px}.signature-art{right:-150px}.signature-links{gap:17px}.product-lead-copy{padding:35px 0 35px 32px}.product-lead h1{font-size:78px}.product-lead h2{font-size:27px}.product-lead-art .product-art{width:130%;margin-left:-12%}.product-lead-art>p{font-size:6px}.product-section-heading{gap:15px 35px}.product-section-heading h2{font-size:37px}.product-feature-grid{gap:20px}.product-feature-grid h3{font-size:21px}.product-implementation{gap:45px}.product-contact{gap:35px;padding:35px}.product-license{padding-left:30px}.product-contact h2{font-size:37px}.product-license>strong{font-size:48px}.product-documents>a{padding:20px;gap:15px}.product-documents h3{font-size:19px}}
@media(max-width:760px){.signature-products{grid-template-columns:1fr;gap:18px}.signature-product{min-height:360px}.signature-content{padding:26px}.signature-kicker{font-size:7px;margin-bottom:24px}.signature-content h2{font-size:46px}.signature-content h2 small{font-size:12px}.signature-art{width:320px;right:-125px;top:36px;opacity:.65}.signature-description{max-width:270px}.signature-tagline{font-size:20px}.signature-links{gap:18px;margin-top:24px}.signature-primary{font-size:11px}.product-lead{grid-template-columns:1fr;margin-top:20px}.product-lead-copy{padding:30px 25px 24px}.product-kicker{font-size:7px;letter-spacing:.1em;margin-bottom:24px}.product-lead h1{font-size:70px}.product-lead h1>span{font-size:10px;margin-bottom:14px}.product-lead h2{font-size:26px;line-height:1.3;margin-top:27px}.product-lead-copy>p:not(.product-kicker){font-size:13px;line-height:1.85}.product-lead-actions{gap:21px;margin-top:25px}.product-gold.button{font-size:11px;padding:16px 18px;gap:15px}.product-quiet-link{font-size:11px}.product-lead-tags{font-size:8px;gap:11px;margin-top:25px}.product-lead-tags>span+span:before{margin-right:11px}.product-lead-art{margin:0;overflow:hidden;padding-bottom:25px}.product-lead-art .product-art{height:230px;width:100%;margin:0}.product-lead-art>p{font-size:7px;margin-top:-3px}.product-nav{gap:14px 22px;font-size:10px;padding:21px 0}.product-section{padding:43px 0}.product-section-heading{grid-template-columns:1fr;gap:15px;margin-bottom:27px}.product-section-heading>.eyebrow{font-size:8px}.product-section-heading h2{font-size:32px;line-height:1.2}.product-section-heading>p:not(.eyebrow){font-size:13px}.product-feature-grid{grid-template-columns:1fr 1fr;gap:28px 22px}.product-feature-grid article>span{margin-bottom:19px}.product-feature-grid h3{font-size:22px;min-height:0}.product-feature-grid p{font-size:12px;line-height:1.8}.product-scenarios{padding:26px 23px}.product-scenarios .product-section-heading h2{font-size:29px}.scenario-list{grid-template-columns:1fr;gap:25px}.scenario-list h3{font-size:25px}.scenario-list article>p:not(.eyebrow){font-size:13px;padding-bottom:18px}.product-screens{grid-template-columns:1fr;gap:26px}.screen-toolbar{padding:11px}.screen-toolbar strong{font-size:8px;margin-left:6px}.product-screens figcaption{font-size:11px;flex-direction:column;gap:3px;margin-top:12px}.product-screens figcaption>span{font-size:9px}.product-film>summary{padding:18px;gap:13px}.product-film summary strong{font-size:13px}.product-film summary small{font-size:10px}.product-film summary>b{display:none}.product-film .film-play{width:35px;height:35px;font-size:11px}.product-film video{width:calc(100% - 30px);margin-bottom:15px}.product-implementation{grid-template-columns:1fr;gap:35px;padding:38px 0}.implementation-intro{position:static}.implementation-intro h2{font-size:32px}.implementation-intro>p:not(.eyebrow){font-size:13px}.implementation-steps li{padding-left:36px;padding-bottom:27px}.implementation-steps h3{font-size:23px}.implementation-steps p{font-size:13px}.product-documents{grid-template-columns:1fr;gap:15px}.product-documents>a{padding:20px 17px;gap:14px}.product-documents h3{font-size:21px}.product-documents p{font-size:11px}.product-source summary{font-size:12px;line-height:1.6}.product-contact{grid-template-columns:1fr;gap:31px;padding:28px 24px}.product-contact h2{font-size:33px}.product-contact>div>p:not(.eyebrow){font-size:13px}.product-license{border-left:0;border-top:1px solid #3d5260;padding:28px 0 0}.product-license>strong{font-size:51px}.product-license>a{font-size:24px}.product-other{align-items:start;flex-direction:column;gap:13px;padding:28px 0 38px}.product-other>a{font-size:24px}.home .product-story .product-visual{height:235px}}
@media print{.product-lead-art,.product-nav,.signature-products,.product-film,.product-contact .button{display:none!important}.product-lead,.product-contact{background:white;color:black;border-color:#bbb}.product-lead p,.product-lead h2,.product-contact p,.product-license strong{color:black!important}.product-section{padding:20px 0}.product-implementation{display:block}.implementation-intro{position:static}.product-feature-grid{grid-template-columns:1fr 1fr}.product-section-heading{display:block}.product-screens{break-inside:avoid}}
.product-custom-art{display:block;width:100%;height:100%;max-height:470px;object-fit:contain}.signature-art .product-custom-art{height:330px;object-fit:cover}
/* Thematic photographic covers; uploaded images remain editable in WordPress. */
.signature-art:has(.product-custom-art){inset:0;width:100%;height:100%;opacity:1}.signature-art .product-custom-art{width:100%;height:100%;max-height:none;object-fit:cover;object-position:70% center}.signature-product:has(.product-custom-art):after{background:linear-gradient(90deg,#091d2bee 0%,#091d2bc9 48%,#091d2b15 100%)}.product-lead-art:has(.product-custom-art){align-self:stretch;margin:0;overflow:hidden;position:relative;min-height:400px}.product-lead-art .product-custom-art{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:78% center}.product-lead-art:has(.product-custom-art):after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102332 0%,#10233210 45%),linear-gradient(0deg,#102332aa,transparent 40%)}.product-lead-art:has(.product-custom-art)>p{position:absolute;bottom:20px;left:25px;right:25px;z-index:1;color:#d3dce0;line-height:1.8}.home .product-story .product-visual .product-custom-art{height:100%;width:100%;max-height:none;object-fit:cover;object-position:right}.product-lead:has(.product-custom-art) .product-lead-copy{padding-right:12px}
@media(max-width:760px){.product-lead-art:has(.product-custom-art){min-height:255px;padding:0}.product-lead-art:has(.product-custom-art):after{background:linear-gradient(0deg,#102332c9,transparent 60%),linear-gradient(180deg,#102332,transparent 35%)}.product-lead:has(.product-custom-art) .product-lead-copy{padding-right:25px}.signature-art .product-custom-art{object-position:70% center}.signature-product:has(.product-custom-art):after{background:linear-gradient(90deg,#091d2bee,#091d2b75),linear-gradient(0deg,#091d2bc9,transparent 65%)}}

/* Felix: architecture and implementation conditions. */
.felix-architecture{border-top:1px solid var(--line);padding-top:50px}.felix-architecture figure{margin:0;padding:28px;background:#fff;border:1px solid #cbd8e1;border-radius:5px}.felix-architecture img{display:block;width:100%;max-width:1050px;height:auto;margin:auto}.felix-architecture figcaption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce5eb;padding-top:20px;margin-top:24px;font-size:12px;color:#5a7486}.felix-architecture figcaption a{color:#244e69}.felix-advantages{padding-top:0}.felix-advantage-list{display:grid;grid-template-columns:1fr 1fr;column-gap:52px;list-style:none;padding:0;margin:0;counter-reset:advantage}.felix-advantage-list li{position:relative;padding:25px 0 28px 44px;border-top:1px solid #cbd8e1;counter-increment:advantage}.felix-advantage-list li:before{content:counter(advantage,decimal-leading-zero);position:absolute;left:0;top:29px;font-size:11px;color:#698697}.felix-advantage-list h3{font-size:25px;line-height:1.3}.felix-advantage-list p{font-size:14px;line-height:1.85;color:#5a7486;margin-top:13px}.product-license>strong.felix-price{font-size:38px;letter-spacing:-.03em;line-height:1.25}
@media(max-width:760px){.felix-architecture figure{padding:12px}.felix-architecture figcaption{flex-direction:column;gap:9px;font-size:11px}.felix-advantage-list{grid-template-columns:1fr}.felix-advantage-list li{padding-left:35px}.felix-advantage-list h3{font-size:23px}.felix-advantage-list p{font-size:13px}.product-license>strong.felix-price{font-size:34px}}
