.product-matrix{padding-top:135px;padding-bottom:145px;background:#edf2f8}.matrix-head,.control-head,.cases-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:60px}.matrix-head h2,.control-head h2,.cases-head h2{font-size:clamp(37px,4.5vw,67px);line-height:1.09;letter-spacing:-.08em;margin:0}.matrix-head h2 span,.control-head h2 span,.cases-head h2 span{font-family:var(--serif);font-weight:400;color:var(--blue);letter-spacing:-.07em}.matrix-head p,.control-head p,.cases-head p{align-self:end;max-width:410px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.matrix-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.matrix-card{grid-column:span 2;background:var(--white);min-height:320px;padding:25px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border-top:3px solid transparent}.matrix-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(22,50,84,.1)}.matrix-card:nth-child(4){grid-column:2 / span 2}.matrix-card:nth-child(5){grid-column:4 / span 2}.matrix-card-main{background:var(--ink);color:var(--white);border-color:var(--acid)}.matrix-code,.case-tag,.panel-label{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--blue)}.matrix-card-main .matrix-code{color:var(--acid)}.matrix-card h3{font-size:24px;margin:54px 0 12px;letter-spacing:-.06em}.matrix-card p{color:var(--muted);font-size:12px;line-height:1.8;max-width:250px}.matrix-card-main p{color:#aebccd}.matrix-spec{display:flex;gap:8px;margin-top:auto;margin-bottom:22px}.matrix-spec span{font-family:var(--mono);font-size:8px;border:1px solid var(--line);padding:6px 7px;color:#8190a0}.matrix-card-main .matrix-spec span{border-color:#3b4d60;color:#b5c5d8}.matrix-card a{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:5px;align-self:flex-start}.matrix-card-main a{border-color:var(--white)}.matrix-card a b{color:var(--blue);font-size:16px;margin-left:16px}.controls{padding-top:140px;padding-bottom:150px;background:var(--white)}.control-layout{display:grid;grid-template-columns:1.35fr .75fr;gap:6vw}.control-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.control-option{border:0;border-bottom:1px solid var(--line);background:transparent;padding:21px 18px 20px 0;display:grid;grid-template-columns:35px 1fr auto;align-items:center;text-align:left;cursor:pointer;color:var(--ink);font-family:var(--sans)}.control-option:nth-child(odd){margin-right:25px}.control-option:nth-child(even){padding-left:25px;border-left:1px solid var(--line)}.control-option span,.control-option i{font-family:var(--mono);font-size:9px;color:#9aa8b7;font-style:normal}.control-option b{font-size:13px;font-weight:700}.control-option.active b{color:var(--blue)}.control-option.active span{color:var(--blue)}.control-option:hover i{color:var(--blue)}.control-panel{background:var(--ink);color:var(--white);min-height:260px;padding:29px;position:relative;overflow:hidden}.control-panel:after{content:'CONTROL';position:absolute;bottom:-31px;right:-7px;font-family:var(--mono);font-size:80px;line-height:1;color:rgba(255,255,255,.04);font-weight:700}.panel-label{color:#a9b7c8}.panel-label b{color:var(--acid);font-weight:400}.signal-wave{height:78px;display:flex;align-items:center;gap:5px;margin:26px 0 15px}.signal-wave i{display:block;width:10px;height:18px;background:var(--blue);animation:wave 1.4s ease-in-out infinite alternate}.signal-wave i:nth-child(2){height:35px;background:#588fff;animation-delay:.15s}.signal-wave i:nth-child(3){height:63px;background:var(--acid);animation-delay:.3s}.signal-wave i:nth-child(4){height:38px;background:#588fff;animation-delay:.45s}.signal-wave i:nth-child(5){height:23px;background:var(--blue);animation-delay:.6s}@keyframes wave{to{transform:scaleY(.55)}}.control-panel p{font-size:14px;line-height:1.75;color:#d8e2ed;max-width:290px;position:relative;z-index:1}.control-panel small{font-family:var(--mono);font-size:8px;color:#8090a3}.cases{padding-top:140px;padding-bottom:145px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.case-card{min-height:320px;padding:25px;display:flex;flex-direction:column;background:#e1e8f1}.case-card-blue{background:var(--blue);color:var(--white)}.case-card-dark{background:var(--ink);color:var(--white)}.case-card-orange{background:var(--orange)}.case-card .case-tag{color:var(--blue)}.case-card-blue .case-tag,.case-card-dark .case-tag{color:var(--acid)}.case-card h3{font-size:24px;line-height:1.2;letter-spacing:-.06em;margin:70px 0 12px}.case-card p{font-size:12px;line-height:1.85;color:var(--muted)}.case-card-blue p,.case-card-dark p{color:#bfccdc}.case-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid rgba(8,18,31,.18);padding-top:14px;font-family:var(--mono);font-size:8px;color:#6b7887}.case-card-blue .case-bottom,.case-card-dark .case-bottom{border-color:rgba(255,255,255,.25);color:#b8c5d4}.case-bottom b{font-size:17px;color:var(--blue);font-weight:400}.case-card-blue .case-bottom b,.case-card-dark .case-bottom b{color:var(--acid)}.knowledge{padding-top:140px;padding-bottom:145px;background:#eaf0f7}.knowledge-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw}.knowledge h2{font-size:clamp(37px,4.5vw,67px);line-height:1.09;letter-spacing:-.08em;margin:0}.knowledge h2 span{font-family:var(--serif);font-weight:400;color:var(--blue)}.knowledge-list{border-top:1px solid #c8d3df}.knowledge-list article{padding:25px 0;border-bottom:1px solid #c8d3df}.knowledge-list article>span{font-family:var(--mono);font-size:9px;color:var(--blue)}.knowledge-list h3{font-size:17px;margin:13px 0 6px}.knowledge-list p{color:var(--muted);font-size:12px;line-height:1.8;max-width:540px;margin:0}.lead-form{display:grid;gap:11px}.lead-form label{font-family:var(--mono);font-size:9px;color:#667717;display:grid;gap:5px}.lead-form input,.lead-form select{border:0;border-bottom:1px solid rgba(8,18,31,.35);background:transparent;padding:8px 0;color:var(--ink);font:12px var(--sans);outline:none}.lead-form input:focus,.lead-form select:focus{border-color:var(--blue)}.lead-form .button{border:0;cursor:pointer;margin-top:8px;justify-content:space-between}.lead-form small{font-family:var(--mono);font-size:8px;color:#667717}
@media (max-width:900px){.matrix-grid{grid-template-columns:1fr 1fr}.matrix-card,.matrix-card:nth-child(4),.matrix-card:nth-child(5){grid-column:auto}.control-layout{grid-template-columns:1fr;gap:35px}.case-grid{grid-template-columns:1fr 1fr}.knowledge-grid{grid-template-columns:1fr;gap:40px}}
@media (max-width:600px){.matrix-head,.control-head,.cases-head{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.matrix-grid{grid-template-columns:1fr}.matrix-card,.matrix-card:nth-child(4),.matrix-card:nth-child(5){grid-column:auto;min-height:290px}.matrix-card h3{margin-top:42px}.control-grid{grid-template-columns:1fr}.control-option:nth-child(odd),.control-option:nth-child(even){margin:0;padding-left:0;padding-right:0;border-left:0}.case-grid{grid-template-columns:1fr}.case-card{min-height:280px}.case-card h3{margin-top:48px}.knowledge h2{font-size:43px}.product-matrix,.controls,.cases,.knowledge{padding-top:85px;padding-bottom:90px}.lead-form .button{width:100%}}