.portfolio-site{background:#080b10;color:#eef3f8}
.portfolio-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,11,16,.9);backdrop-filter:blur(18px)}
.portfolio-header nav{display:flex;gap:20px;color:#91a0b2;font-size:13px}.portfolio-header nav a:hover{color:#fff}
.portfolio-hero{padding:clamp(90px,10vw,150px) clamp(22px,8vw,128px) 90px;min-height:700px;background:radial-gradient(circle at 78% 18%,rgba(56,189,248,.09),transparent 32%),radial-gradient(circle at 18% 72%,rgba(45,212,191,.07),transparent 30%)}
.portfolio-kicker,.portfolio-index{color:#5eead4;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}
.portfolio-hero h1{margin:24px 0 30px;font-size:clamp(68px,11vw,152px);line-height:.86;letter-spacing:-.075em;max-width:1100px}
.portfolio-lead{max-width:760px;color:#aab7c6;font-size:clamp(19px,2.1vw,27px);line-height:1.7}
.portfolio-map{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:72px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.08)}
.portfolio-map div{background:#0b0f15;padding:26px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px}.portfolio-map span{grid-row:1/3;color:#5eead4;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:5px}.portfolio-map strong{font-size:22px}.portfolio-map small{color:#7d8a9a}
.portfolio-section{padding:100px clamp(22px,8vw,128px);border-top:1px solid rgba(255,255,255,.08)}
.portfolio-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);gap:clamp(40px,8vw,120px);align-items:end;margin-bottom:50px}.portfolio-section-head h2{margin:16px 0 0;font-size:clamp(46px,6.7vw,92px);line-height:.95;letter-spacing:-.06em}.portfolio-section-head>p{color:#8e9bad;font-size:17px;line-height:1.8;margin:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portfolio-card{display:flex;flex-direction:column;min-height:430px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,#0d1219,#090d12)}.portfolio-card.featured{background:radial-gradient(circle at 80% 0,rgba(45,212,191,.09),transparent 36%),linear-gradient(145deg,#0d1219,#090d12)}
.portfolio-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#718096;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.05em}
.status{display:inline-flex;width:max-content;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.status.live{color:#5eead4;border-color:rgba(94,234,212,.24)}.status.dev{color:#93c5fd;border-color:rgba(147,197,253,.22)}.status.pilot{color:#fcd34d;border-color:rgba(252,211,77,.2)}.status.research{color:#c4b5fd;border-color:rgba(196,181,253,.2)}
.portfolio-card h3{font-size:34px;margin:58px 0 10px;letter-spacing:-.04em}.portfolio-tagline{color:#d9e4ee!important;font-size:18px!important;font-weight:650}.portfolio-card p{color:#8e9bad;line-height:1.75}.portfolio-card>a{margin-top:auto;color:#5eead4;font-weight:650}.portfolio-muted{margin-top:auto;color:#596777;font-size:13px}
.service-section{background:#0a0e14}.service-list{border-top:1px solid rgba(255,255,255,.1)}.service-list article{display:grid;grid-template-columns:80px 1fr 220px;gap:28px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.1)}.service-no{color:#5eead4;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.service-title-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.service-main h3{font-size:32px;margin:0;letter-spacing:-.04em}.service-main p{margin:12px 0 0;color:#8e9bad;line-height:1.75;max-width:760px}.service-for{color:#aab7c6;line-height:1.6}.service-for span{display:block;color:#596777;text-transform:uppercase;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;margin-bottom:8px}.portfolio-note{margin-top:28px;color:#667486;font-size:13px}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform-grid article{min-height:360px;padding:28px;border-top:2px solid rgba(94,234,212,.4);background:#0b0f15}.platform-type{color:#5eead4;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.11em}.platform-grid h3{font-size:28px;line-height:1.08;letter-spacing:-.04em;margin:50px 0 14px}.platform-grid p{color:#8e9bad;line-height:1.75}.platform-signals,.platform-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:34px}.platform-signals span{font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#657486}.platform-links{flex-direction:column}.platform-links a{color:#5eead4;font-size:13px}
.portfolio-cta{padding:120px clamp(22px,8vw,128px);border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 70% 50%,rgba(56,189,248,.08),transparent 40%)}.portfolio-cta h2{font-size:clamp(54px,8vw,112px);line-height:.9;letter-spacing:-.065em;margin:22px 0 28px}.portfolio-cta>p:not(.portfolio-index){max-width:740px;color:#99a7b7;font-size:19px;line-height:1.8}.portfolio-cta>a{display:inline-block;margin-top:28px;color:#5eead4;font-weight:650}
.portfolio-footer{display:flex;justify-content:space-between;gap:24px;padding:34px clamp(22px,8vw,128px);border-top:1px solid rgba(255,255,255,.08);color:#718096;font-size:13px}.portfolio-footer div{display:flex;gap:16px;flex-wrap:wrap}.portfolio-footer strong{color:#eef3f8}
@media(max-width:900px){.portfolio-map,.portfolio-grid,.platform-grid{grid-template-columns:1fr}.portfolio-section-head{grid-template-columns:1fr}.service-list article{grid-template-columns:50px 1fr}.service-for{grid-column:2}.portfolio-card{min-height:350px}.portfolio-card h3{margin-top:40px}}
@media(max-width:620px){.portfolio-header nav{display:none}.portfolio-hero{min-height:620px}.portfolio-map{margin-top:52px}.service-list article{grid-template-columns:1fr}.service-no,.service-for{grid-column:1}.portfolio-footer{flex-direction:column}}