/* Award-gallery inspired section system: project-first, editorial, interactive */
main{overflow:clip}.site-header{background:rgba(7,10,15,.94)!important;backdrop-filter:blur(24px) saturate(1.2)}.intro-grid{padding-bottom:4rem}.intro-grid h2{max-width:780px}.intro-grid .lede{max-width:620px}

/* Capability bento */
.capabilities{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding-top:1rem;background:#080b10;color:#f5f6f8;position:relative}.capabilities:before{content:"CAPABILITY / SYSTEM";position:absolute;right:max(1.25rem,calc((100vw - var(--max))/2));top:1.5rem;font:500 .55rem "DM Mono";letter-spacing:.18em;color:#4f5a6a}.capability{display:block!important;position:relative;min-height:285px;padding:2rem!important;border:1px solid #222b38!important;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#121925,#0b1018);transition:transform .5s var(--ease),border-color .4s,background .4s!important}.capability:nth-child(1){grid-column:span 5;background:radial-gradient(circle at 85% 15%,rgba(111,125,255,.22),transparent 36%),linear-gradient(145deg,#131a29,#0a0f17)}.capability:nth-child(2){grid-column:span 7;background:radial-gradient(circle at 88% 18%,rgba(121,241,221,.12),transparent 34%),linear-gradient(145deg,#101b23,#0a0f17)}.capability:nth-child(n+3){grid-column:span 4}.capability:nth-child(4){background:radial-gradient(circle at 85% 20%,rgba(255,107,53,.13),transparent 38%),linear-gradient(145deg,#1b1518,#0a0f17)}.capability:hover{transform:translateY(-9px)!important;border-color:#5868d8!important;padding:2rem!important}.capability .num{display:block;font:500 .62rem "DM Mono";color:#7887ff;margin-bottom:7rem}.capability .num:after{content:"↗";position:absolute;right:1.5rem;top:1.35rem;width:34px;height:34px;display:grid;place-items:center;border:1px solid #303a49;border-radius:50%;color:#8994a5;transition:.35s}.capability:hover .num:after{background:#6f7dff;border-color:#6f7dff;color:white;transform:rotate(45deg)}.capability h3,.capability h2{font:600 clamp(1.4rem,2.4vw,2.5rem)/1.05 "Syne",sans-serif!important;letter-spacing:-.05em;margin-bottom:1rem!important}.capability p{grid-column:auto!important;font-size:.78rem;line-height:1.7;color:#8f99a8!important;max-width:90%}

/* Technology constellation */
.dark-section{background:radial-gradient(circle at 18% 50%,rgba(87,104,255,.15),transparent 28%),#070a0f;border-block:1px solid #202938;position:relative}.dark-section .section-head{padding-bottom:2rem;border-bottom:1px solid #222b38}.dark-section .section-head h2{font:600 clamp(3rem,5vw,5.7rem)/.95 "Syne",sans-serif;letter-spacing:-.07em}.stack-map{min-height:650px;grid-template-columns:.9fr 1.1fr}.stack-center{width:390px;height:390px;background:radial-gradient(circle at 50% 45%,rgba(111,125,255,.38),rgba(17,23,34,.95) 48%,#090d14 70%);border-color:#46536a;box-shadow:0 0 120px rgba(80,98,255,.16),inset 0 0 70px rgba(97,116,255,.08)}.stack-center:before{inset:-48px;border-color:#263142;box-shadow:0 0 0 45px rgba(9,13,20,.28)}.stack-center:after{inset:-96px;border-style:dashed;border-color:#263142;animation:orbit-copy 36s linear infinite}.stack-center strong{font:600 2.8rem "Syne",sans-serif;letter-spacing:-.05em}.stack-tabs{gap:9px;background:transparent}.stack-tabs button{min-height:155px;border:1px solid #263141!important;border-radius:15px;background:rgba(14,20,29,.8)!important;padding:1.4rem!important;box-shadow:0 18px 40px rgba(0,0,0,.12)}.stack-tabs button:hover,.stack-tabs button[aria-selected=true]{background:linear-gradient(145deg,#6f7dff,#4857db)!important;border-color:#7f8cff!important;transform:translateY(-4px)}.stack-tabs b{font-family:"Syne",sans-serif;font-size:1.2rem}.stack-tabs span{color:#7f8999}.stack-tabs button[aria-selected=true] span{color:#e9ecff}

/* Scroll architecture */
.architecture-scroll{background:#0b0f16;color:#f4f5f7;border:0!important;gap:5vw}.arch-copy h2{font:600 clamp(3rem,5.3vw,5.8rem)/.95 "Syne",sans-serif;letter-spacing:-.07em}.arch-copy>.lede{max-width:540px;color:#8d98a8}.arch-steps{border:0;display:grid;gap:.6rem}.arch-step{border:1px solid #222c3a!important;border-radius:14px;padding:1.2rem!important;background:#101620;opacity:.38!important}.arch-step.is-active{opacity:1!important;transform:translateX(14px)!important;background:linear-gradient(120deg,rgba(111,125,255,.22),#101620);border-color:#5565db!important}.arch-step>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#171f2d}.arch-step h3{font-family:"Syne",sans-serif}.arch-visual{min-height:650px;border:1px solid #253142;background:radial-gradient(circle at 50% 50%,#141e36,#080c12 65%);box-shadow:0 45px 120px rgba(0,0,0,.38)}.arch-visual:before{content:"SYSTEM / LIVE";position:absolute;left:1.2rem;top:1.2rem;font:500 .52rem "DM Mono";letter-spacing:.16em;color:#697588}.arch-node.is-active circle{filter:drop-shadow(0 0 14px rgba(119,230,239,.55))}

/* Real project canvases */
.work-preview{background:#080b10;color:#f4f5f7}.work-preview .section-head{padding-bottom:2rem;border-bottom:1px solid #202936}.work-preview .section-head h2{font:600 clamp(3rem,5.5vw,6rem)/.92 "Syne",sans-serif;letter-spacing:-.07em}.work-preview .section-head>a{font:.62rem "DM Mono";letter-spacing:.08em;color:#8d98a8}.project-grid{gap:1rem}.project-card{border:0!important;background:#0e141d;border-radius:22px;padding:0 0 1.5rem!important;overflow:hidden}.project-card:hover{transform:translateY(-12px) scale(.995)}.project-visual{height:500px!important;border-radius:22px 22px 0 0!important;background-size:cover!important;background-position:center top!important;justify-content:flex-end!important;padding:1.4rem!important}.project-visual[data-project="lumiwore"]{background-image:url('../images/projects/lumiwore-live.png')!important}.project-visual[data-project="hayat"]{background-image:url('../images/projects/hayat-live.png')!important}.project-visual[data-project="zylenza"]{background-image:url('../images/projects/zylenza-live.png')!important}.project-visual:before{background:linear-gradient(180deg,rgba(4,7,10,.04) 40%,rgba(4,7,10,.86) 100%)!important;z-index:0!important}.project-visual .project-device{display:none}.project-visual>span{color:#d5dbe5!important;font-size:.52rem;background:rgba(7,10,15,.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.4rem .6rem}.project-visual>strong{color:white!important;font-size:clamp(2rem,3.5vw,3.5rem)!important;text-shadow:0 3px 24px rgba(0,0,0,.45)}.project-number{color:#fff!important}.project-card>p,.project-card>h3,.project-card>a,.project-card>.project-private{margin-left:1.35rem;margin-right:1.35rem}.project-card>.mono{margin-top:1.2rem;color:#7686ff!important}.project-card h3{font:600 1.55rem "Syne",sans-serif}.project-card>a{display:inline-flex;margin-top:.5rem;color:#9ca8ff!important}.project-card>a:after{content:"";width:7px;height:7px;border-radius:50%;background:#6ce3ae;margin:.5rem 0 0 .5rem}

/* Founder ecosystem bento */
.codegenify{background:radial-gradient(circle at 75% 30%,rgba(111,125,255,.12),transparent 28%),#090d13;color:#f4f5f7;grid-template-columns:1.05fr .95fr}.codegenify h2{font:600 clamp(3rem,5.2vw,5.5rem)/.96 "Syne",sans-serif;letter-spacing:-.07em}.codegenify>div>p{color:#8e99a8}.cg-panel{border:1px solid #293546;border-radius:24px;background:linear-gradient(145deg,#131b28,#0b1018);padding:2.2rem;box-shadow:0 35px 90px rgba(0,0,0,.28)}.cg-panel>span{border-color:#52607a;background:#6f7dff;box-shadow:0 0 50px rgba(111,125,255,.25)}.cg-panel>div{border-color:#2c3746}.cg-panel strong{font-family:"Syne",sans-serif}

/* Process runway */
.process{background:#080b10;color:#f4f5f7;border:0;position:relative}.process>.eyebrow{margin-bottom:3rem}.process-steps{gap:.6rem;margin-top:0}.process-steps button{min-height:230px;border:1px solid #222b38!important;border-radius:16px;background:#0e141d;color:#a6afbc;padding:1.2rem;transition:.4s var(--ease)}.process-steps button:hover,.process-steps button.active{background:linear-gradient(150deg,#7080ff,#4656d7);border-color:#7f8dff!important;color:white;transform:translateY(-8px)}.process-steps span{color:#778293;margin-bottom:7rem}.process-steps button:hover span,.process-steps button.active span{color:#d9deff}.contact-cta{border-radius:30px 30px 0 0}.contact-cta h2{font-size:clamp(3rem,6vw,6.4rem);line-height:.95;letter-spacing:-.07em}

@media(max-width:1000px){.capability:nth-child(n){grid-column:span 6}.stack-center{width:300px;height:300px}.project-visual{height:420px!important}.architecture-scroll{gap:3rem}}
@media(max-width:700px){.capabilities{grid-template-columns:1fr;padding-top:4rem}.capability:nth-child(n){grid-column:auto;min-height:235px}.capability .num{margin-bottom:4rem}.stack-map{min-height:auto}.stack-center{width:220px;height:220px}.stack-center:before{inset:-28px}.stack-center:after{inset:-56px}.stack-tabs{grid-template-columns:1fr 1fr}.stack-tabs button{min-height:120px}.arch-visual{min-height:420px}.arch-step.is-active{transform:none!important}.project-visual{height:420px!important}.codegenify{grid-template-columns:1fr}.process-steps{display:flex;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.process-steps button{min-width:160px;min-height:190px;scroll-snap-align:start}.process-steps span{margin-bottom:5rem}}
@media(prefers-reduced-motion:reduce){.stack-center:after{animation:none}.capability:hover,.stack-tabs button:hover,.project-card:hover,.process-steps button:hover{transform:none!important}}