/* UniStorm 3.3 — commercial layer */
.commercial-page{overflow:hidden}.commercial-page h1 span,.service-hub-hero h1 span{color:var(--accent)}
.commercial-hero{min-height:690px;display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center;padding-top:105px;padding-bottom:85px}.commercial-hero-copy h1,.service-hub-hero h1{font:800 clamp(46px,6vw,84px)/.98 Manrope;margin:20px 0 25px;letter-spacing:-.05em}.commercial-hero-copy>p,.service-hub-hero>p{max-width:720px;color:#8aa0b4;font-size:14px;line-height:1.85}.commercial-console{border:1px solid var(--line);border-radius:24px;padding:26px;background:linear-gradient(145deg,rgba(89,231,255,.055),rgba(136,125,255,.025) 45%,#050a12);box-shadow:0 45px 120px rgba(0,0,0,.35);position:relative}.commercial-console:before{content:'';position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(120deg,rgba(89,231,255,.25),transparent 35%,transparent 70%,rgba(136,125,255,.16));z-index:-1}.console-label{font:800 9px ui-monospace;color:#6e879d;letter-spacing:.15em}.commercial-console-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:26px}.commercial-console-grid>div{border:1px solid var(--line);border-radius:13px;padding:16px;min-height:92px;background:rgba(2,8,14,.55)}.commercial-console-grid b{display:block;color:var(--accent);font:800 10px ui-monospace}.commercial-console-grid span{display:block;margin-top:11px;font-size:10px;line-height:1.5;color:#a1b2c1}.console-status{display:flex;align-items:center;gap:9px;margin-top:22px;font:700 9px ui-monospace;color:#6f879b}.console-status i{width:8px;height:8px;border-radius:50%;background:#65ea91;box-shadow:0 0 16px #65ea91}.commercial-trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.trust-row{min-height:74px;display:flex;align-items:center;justify-content:center;gap:28px;color:#667d91;font:800 9px ui-monospace;text-transform:uppercase;letter-spacing:.12em}.trust-row b{color:var(--accent);font-size:12px}
.deliverable-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.deliverable-card{min-height:145px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#07101a}.deliverable-card span{color:var(--accent);font:800 9px ui-monospace}.deliverable-card h3{font:700 15px/1.35 Manrope;margin:34px 0 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.process-card{border:1px solid var(--line);border-radius:18px;padding:24px;min-height:250px;background:rgba(255,255,255,.012)}.process-card>b{font:900 40px Manrope;color:rgba(89,231,255,.18)}.process-card h3{font:800 21px Manrope;margin:40px 0 10px}.process-card p{font-size:11px;line-height:1.7;color:#7d93a7}.commercial-proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.commercial-proof-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#07101a}.proof-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#03070c}.proof-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.5s transform}.commercial-proof-card:hover img{transform:scale(1.025)}.commercial-proof-card>div{padding:22px}.commercial-proof-card h3{font:800 26px Manrope;margin:15px 0 8px}.commercial-proof-card p{font-size:11px;line-height:1.7;color:#8195a8}.faq-wrap{max-width:980px}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#07101a}.faq-item summary{list-style:none;padding:20px 22px;font:700 14px Manrope;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:var(--accent);font-size:20px}.faq-item p{margin:0;padding:0 22px 22px;color:#8095a9;font-size:11px;line-height:1.75}.commercial-contact{border-top:1px solid var(--line)}
.service-hub-hero{padding-top:125px;padding-bottom:70px}.service-hub-hero h1{max-width:1000px}.service-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-hub-card{display:block;border:1px solid var(--line);border-radius:20px;padding:28px;background:#07101a;min-height:310px;position:relative;overflow:hidden}.service-hub-card:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-100px;background:rgba(89,231,255,.055);filter:blur(2px)}.service-hub-card:hover{border-color:rgba(89,231,255,.35)}.hub-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(89,231,255,.28);border-radius:14px;color:var(--accent);font:900 12px ui-monospace;margin-bottom:30px}.service-hub-card h2{font:800 29px Manrope;margin:10px 0}.service-hub-card p{color:#8095a9;font-size:11px;line-height:1.75;max-width:620px}.service-hub-card>b{display:block;margin-top:28px;color:#b7eefa;font-size:10px}.service-card-linked{position:relative}.service-card-link{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;color:#b9edf6}.service-card-link:after{content:'';position:absolute;inset:0}.service-card-link span{color:var(--accent)}
.portfolio-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.portfolio-filter{border:1px solid var(--line);background:#07101a;color:#8095a9;border-radius:999px;padding:9px 13px;font:700 9px ui-monospace;cursor:pointer}.portfolio-filter.active{background:var(--accent);border-color:var(--accent);color:#031018}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.portfolio-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#07101a}.portfolio-card.is-hidden{display:none}.portfolio-image{aspect-ratio:16/9;display:block;position:relative;overflow:hidden;background:#03070c}.portfolio-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .55s cubic-bezier(.16,1,.3,1)}.portfolio-image span{position:absolute;bottom:14px;right:14px;padding:7px 9px;background:rgba(2,8,14,.85);border:1px solid var(--line);border-radius:999px;font:700 8px ui-monospace;color:#b7edf6}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-copy{padding:22px}.portfolio-copy h3{font:800 27px Manrope;margin:15px 0 8px}.portfolio-copy p{color:#8094a7;font-size:11px;line-height:1.7;min-height:56px}.tech-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tech-choice-grid a{border:1px solid var(--line);border-radius:15px;padding:22px;background:#07101a}.tech-choice-grid b,.tech-choice-grid span{display:block}.tech-choice-grid b{font:800 20px Manrope}.tech-choice-grid span{color:#7e93a7;font-size:10px;line-height:1.6;margin-top:9px}.tech-choice-grid a:hover{border-color:rgba(89,231,255,.35)}.build-pipeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:12px;margin:45px 0}.build-pipeline>div{width:74px;height:74px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-align:center;background:#06101a}.build-pipeline b,.build-pipeline span{display:block}.build-pipeline b{font:800 9px ui-monospace;color:var(--accent)}.build-pipeline span{font-size:8px;color:#9cb0bf}.build-pipeline>i{height:1px;background:linear-gradient(90deg,rgba(89,231,255,.05),rgba(89,231,255,.5),rgba(89,231,255,.05))}
@media(max-width:1000px){.commercial-hero{grid-template-columns:1fr;min-height:0;gap:35px}.deliverable-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.commercial-proof-grid,.portfolio-grid,.service-hub-grid{grid-template-columns:1fr}.trust-row{overflow:auto;justify-content:flex-start}.build-pipeline{max-width:720px}.service-hub-card{min-height:260px}}
@media(max-width:640px){.commercial-hero{padding-top:75px;padding-bottom:55px}.commercial-hero-copy h1,.service-hub-hero h1{font-size:44px}.commercial-console-grid,.deliverable-grid,.process-grid,.tech-choice-grid{grid-template-columns:1fr}.trust-row{gap:15px;min-height:60px}.commercial-proof-card h3,.portfolio-copy h3{font-size:22px}.service-hub-hero{padding-top:85px}.build-pipeline{grid-template-columns:1fr 1fr;gap:9px}.build-pipeline>i{display:none}.build-pipeline>div{width:auto;height:70px;border-radius:13px}.portfolio-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.portfolio-filter{white-space:nowrap}}
