.projects-page{--project-soft: #748195}.projects-page .glass{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:26px;background:linear-gradient(180deg,#10161fd1,#080c12e0);box-shadow:0 25px 65px #00000047}.projects-page .pointer-surface:before{position:absolute;inset:0;z-index:1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.09),transparent 58%);opacity:0;content:"";pointer-events:none;transition:opacity .25s ease}.projects-page .pointer-surface[data-active=true]:before{opacity:1}.projects-page .pointer-surface>*{position:relative;z-index:2}.projects-hero{position:relative;padding:66px 0 58px;overflow:clip}.projects-hero:after{position:absolute;right:-150px;top:70px;width:430px;height:430px;border:1px solid rgba(255,51,0,.1);border-radius:50%;box-shadow:0 0 0 48px #ff330006,0 0 0 96px #62d8ff04;content:"";pointer-events:none}.projects-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:34px;align-items:center}.projects-hero-copy{position:relative;z-index:2}.projects-hero-copy h1{max-width:13ch;margin:0;font-size:clamp(2.55rem,5vw,4.75rem);line-height:.95;letter-spacing:-.058em}.projects-hero-copy .lead{max-width:62ch}.projects-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.project-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.project-metric{padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:#ffffff06}.project-metric strong{display:block;margin-bottom:5px;color:#fff;font-size:1.05rem}.project-metric span{color:var(--project-soft);font-size:.69rem;line-height:1.45}.project-hero-visual{padding:16px;perspective:1300px}.project-hero-stage{position:relative;min-height:470px;overflow:hidden;border-radius:22px;background:#04070b;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s linear}.project-hero-stage>img{width:100%;height:100%;min-height:470px;object-fit:cover;filter:saturate(.98) contrast(1.04)}.project-hero-stage:after{position:absolute;inset:0;background:linear-gradient(110deg,#04070b1a,#04070b7a);content:"";pointer-events:none}.project-hero-chip{position:absolute;z-index:3;top:18px;left:18px;max-width:240px;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#06090dc7;backdrop-filter:blur(12px)}.project-hero-chip strong{display:block;margin-bottom:5px;color:var(--brand);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.project-hero-chip span{color:#d7e1ed;font-size:.73rem;line-height:1.48}.project-hero-console{position:absolute;z-index:3;right:18px;bottom:18px;width:min(330px,calc(100% - 36px));padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#05080cd1;backdrop-filter:blur(12px)}.project-console-row{display:flex;gap:10px;margin-bottom:7px;color:#cbd6e4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.67rem}.project-console-row:last-child{margin-bottom:0}.project-console-row i{width:20px;color:#536173;font-style:normal}.project-console-row b{color:var(--brand)}.product-section{position:relative;padding:76px 0}.product-section:nth-of-type(2n){background:linear-gradient(180deg,#ffffff03,#ffffff01)}.product-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr);gap:28px;align-items:center}.product-section--reverse .product-copy{order:2}.product-section--reverse .product-visual{order:1}.product-copy{padding:30px}.product-number{display:inline-flex;min-width:46px;min-height:27px;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid rgba(255,51,0,.22);border-radius:999px;color:var(--brand);background:#f301;font-size:.68rem;font-weight:850;letter-spacing:.12em}.product-copy h2{max-width:13ch;margin:0 0 14px;font-size:clamp(1.9rem,3.35vw,3.15rem);line-height:1;letter-spacing:-.045em}.product-copy>p:not(.eyebrow){color:var(--muted);font-size:.9rem;line-height:1.7}.product-highlights{display:grid;gap:10px;margin:20px 0 18px}.product-highlights div{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff06;color:#dbe4ef;font-size:.72rem;line-height:1.55}.product-highlights i{color:var(--brand);font-style:normal}.product-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.product-stack span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#c9d5e4;background:#ffffff06;font-size:.62rem;font-weight:700}.product-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--brand);font-size:.74rem;font-weight:850;text-decoration:none}.product-link span{transition:transform .2s ease}.product-link:hover span{transform:translate(4px)}.product-visual{padding:16px;perspective:1300px}.product-image-stage{position:relative;min-height:460px;overflow:hidden;border-radius:22px;background:#05070a;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .15s linear}.product-image-stage>img{width:100%;height:100%;min-height:460px;object-fit:cover;transition:transform .5s ease;filter:saturate(.98) contrast(1.04)}.product-visual:hover .product-image-stage>img{transform:scale(1.025)}.product-image-stage:after{position:absolute;inset:0;background:linear-gradient(110deg,#04070b0a,#04070b59);content:"";pointer-events:none}.product-image-label{position:absolute;z-index:3;left:17px;bottom:17px;padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#05080cc7;backdrop-filter:blur(11px);color:#dce5f0;font-size:.66rem}.product-image-label strong{color:var(--brand)}.product-tech-shapes{position:absolute;inset:0;z-index:3;pointer-events:none}.product-tech-shapes span{position:absolute;padding:7px 9px;border:1px solid rgba(98,216,255,.15);border-radius:9px;color:#9ae2ffdb;background:#050a1094;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.55rem;animation:projectFloat 5.5s ease-in-out infinite}.product-tech-shapes span:nth-child(1){top:16px;right:18px}.product-tech-shapes span:nth-child(2){top:48%;left:16px;animation-delay:-1.5s}.product-tech-shapes span:nth-child(3){right:18px;bottom:70px;animation-delay:-3s}@keyframes projectFloat{0%,to{transform:translateY(0);opacity:.72}50%{transform:translateY(-8px);opacity:1}}.demo-section{padding:76px 0}.demo-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:28px;align-items:center}.demo-copy{padding:30px}.demo-copy h2{max-width:13ch;margin:0 0 14px;font-size:clamp(1.9rem,3.35vw,3.15rem);line-height:1;letter-spacing:-.045em}.demo-copy>p:not(.eyebrow){color:var(--muted);font-size:.9rem;line-height:1.7}.demo-note{margin-top:18px;padding:13px 15px;border:1px solid rgba(98,216,255,.14);border-radius:15px;background:#62d8ff09;color:#d6e5f1;font-size:.7rem;line-height:1.55}.demo-player{padding:16px}.demo-stage{position:relative;min-height:470px;overflow:hidden;border-radius:22px;background:#05070a}.demo-stage>img{width:100%;height:100%;min-height:470px;object-fit:cover;filter:saturate(.98) contrast(1.04)}.demo-stage:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,4,7,.65));content:"";pointer-events:none}.demo-controls{position:absolute;z-index:3;right:18px;bottom:16px;left:18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#05080ccc;backdrop-filter:blur(12px)}.demo-play{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;color:#fff;background:var(--brand);font-size:.72rem}.demo-progress{position:relative;height:4px;overflow:hidden;border-radius:999px;background:#ffffff24}.demo-progress:after{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#ff805e);content:"";animation:demoProgress 30s linear infinite}.demo-time{color:#dce5ef;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6rem}@keyframes demoProgress{0%{width:0}to{width:100%}}.more-projects{padding:70px 0}.more-projects-head{display:grid;grid-template-columns:1fr .75fr;gap:28px;align-items:end;margin-bottom:24px}.more-projects-head h2{max-width:16ch;margin:0;font-size:clamp(1.9rem,3.35vw,3.15rem);line-height:1;letter-spacing:-.045em}.more-projects-head>p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.7}.more-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.more-project-card{padding:24px}.more-project-card small{display:block;margin-bottom:9px;color:var(--brand);font-size:.61rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.more-project-card h3{margin:0 0 10px;font-size:1.25rem}.more-project-card p{color:var(--muted);font-size:.78rem;line-height:1.65}.more-project-card code{display:block;margin-top:14px;color:#d6e2ef;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.projects-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.projects-reveal.is-visible{opacity:1;transform:none}@media(max-width:1050px){.projects-hero-grid,.product-grid,.demo-grid{grid-template-columns:1fr}.product-section--reverse .product-copy,.product-section--reverse .product-visual{order:initial}}@media(max-width:720px){.projects-hero{padding-top:42px}.project-metrics,.more-project-grid,.more-projects-head{grid-template-columns:1fr}.project-hero-stage,.project-hero-stage>img,.product-image-stage,.product-image-stage>img,.demo-stage,.demo-stage>img{min-height:320px}.product-copy,.demo-copy,.more-project-card{padding:22px}.product-tech-shapes span{display:none}.project-hero-chip,.project-hero-console{position:static;width:auto;max-width:none;margin:12px}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.projects-reveal{opacity:1;transform:none}.project-hero-stage,.product-image-stage{transform:none!important}.projects-page .pointer-surface:before{display:none}.demo-progress:after{animation:none;width:100%}}
