/* 07. SECTIONS */
@layer sections {
section:not(#hero){content-visibility:auto;contain-intrinsic-size:auto 500px}
/* Marquee */
.marquee-section{padding-block:var(--space-6);border-block:1px solid var(--border-subtle);overflow:hidden;background:var(--bg-secondary);contain:content}.marquee-track{display:flex;gap:var(--space-10);width:max-content;animation:marqueeScroll 40s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:var(--space-10);white-space:nowrap;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;color:var(--text-secondary)}.marquee-imp{display:flex;align-items:center;justify-content:center;gap:var(--space-10)}.marquee-item em{font-style:italic;font-weight:400;color:var(--accent-primary)}.marquee-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--text-secondary)}.marquee-imp .marquee-dot{background:var(--accent-primary)}
/* About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:start;position:relative}.about-grid-left{position:sticky;inset-block-start:100px}.about-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-11)}.about-right p{margin-block-end:var(--space-6);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.about-right p:first-of-type::first-letter{float:inline-start;margin-inline-end:var(--space-3);font-family:var(--font-display);font-size:56px;line-height:.85;font-weight:700;color:var(--accent-primary)}.about-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-block-start:var(--space-10);padding-block-start:var(--space-10);border-block-start:1px solid var(--border-subtle)}.metric-item{padding:var(--space-5);border-radius:var(--radius-md)}.metric-item:hover{border-color:var(--accent-primary);background:rgba(200,255,0,.035);transform:translateY(-3px)}.metric-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary)}.metric-label{margin-block-start:var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}
/* Manifesto */
.manifesto{position:relative;padding-block:var(--space-40);overflow:hidden}.manifesto-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(200,255,0,.05),transparent 60%);pointer-events:none}.manifesto-text{max-width:1100px;margin-block-start:var(--space-10);margin-inline:auto;text-align:center;font-family:var(--font-display);font-size:var(--text-5xl);font-weight:500;line-height:var(--leading-snug);letter-spacing:-.02em;color:var(--text-muted)}.manifesto-text .word{display:inline-block;margin-inline:4px;transition:color var(--duration-slow) var(--ease-out)}.manifesto-text .word.lit{color:var(--text-primary)}.manifesto-text em{color:var(--accent-primary);font-style:italic;font-weight:400}.manifesto-signature{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-block-start:var(--space-15);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.15em}.manifesto-signature .line{width:60px;height:1px;background:var(--border-light)}
/* Services */
.services-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-block-start:var(--space-15);container-type:inline-size;container-name:services}.service-card{position:relative;overflow:hidden;padding-block:var(--space-10);padding-inline:var(--space-8);border-radius:var(--radius-lg);cursor:pointer}.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(200,255,0,.06),transparent 60%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.service-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.service-card:hover::before{opacity:1}.service-card.large{grid-column:span 2}.service-icon{width:56px;height:56px;display:grid;place-items:center;margin-block-end:var(--space-6);border-radius:var(--radius-md);background:rgba(200,255,0,.085);font-size:24px;transition:background-color var(--transition),transform var(--duration-medium) var(--ease-out)}.service-card:hover .service-icon{background:var(--accent-primary);transform:scale(1.1) rotate(-5deg)}.service-card:hover .service-icon span{filter:brightness(0)}.servicePara{max-width:520px;color:var(--text-secondary);font-size:1rem;margin-bottom:20px}.service-card h3{margin-block-end:var(--space-3);font-size:var(--text-2xl);font-weight:600}.service-card p{color:var(--text-secondary);font-size:var(--text-sm)}.service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:var(--space-5)}.service-tag{padding-block:var(--space-1);padding-inline:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide)}.service-number{position:absolute;inset-block-start:var(--space-5);inset-inline-end:var(--space-6);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted)}
/* Industries */
.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-block-start:var(--space-15);position:relative;container-type:inline-size;container-name:industries}.industries .portfolio-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;margin-bottom:48px}.industry-indicator{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:0;width:0;height:0;border-radius:var(--radius-lg);background:var(--accent-primary);box-shadow:0 4px 24px rgba(200,255,0,.25);pointer-events:none;transition:inset-block-start var(--duration-medium) var(--ease-out),inset-inline-start var(--duration-medium) var(--ease-out),width var(--duration-medium) var(--ease-out),height var(--duration-medium) var(--ease-out)}.industry-card{position:relative;z-index:1;padding-block:var(--space-10);padding-inline:var(--space-8);border-radius:var(--radius-lg);cursor:pointer}.industry-card.active{background:transparent;border-color:rgba(0,0,0,.2)}.industry-card>*{position:relative;z-index:2;transition:color var(--transition),border-color var(--transition)}.industry-card.active .industry-icon,.industry-card.active h3,.industry-card.active p,.industry-card.active .industry-stats .v,.industry-card.active .industry-stat-value{color:var(--on-brand)}.industry-card.active .industry-stats{border-block-start-color:rgba(0,0,0,.22)}.industry-icon{display:block;margin-block-end:var(--space-6);color:var(--accent-primary);font-family:var(--font-display);font-size:48px;line-height:1;transition:transform var(--duration-medium) var(--ease-spring),color var(--transition)}.industry-card:hover .industry-icon{transform:translateY(-2px) scale(1.03)}.industry-card h3{margin-block-end:var(--space-3);font-size:var(--text-2xl);font-weight:600}.industries .info{max-width:380px;color:var(--text-secondary);font-size:.95rem}.industry-card p{margin-block-end:var(--space-6);color:var(--text-secondary);font-size:var(--text-sm)}.industry-stats{display:flex;gap:var(--space-5);padding-block-start:var(--space-5);border-block-start:1px solid var(--border-subtle);transition:border-color var(--transition)}.industry-stat .v,.industry-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--accent-primary)}.industry-stat .l,.industry-stat-label{margin-block-start:var(--space-1);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.industry-card.active .industry-stat .l{color:var(--on-brand)}
/* Work / Portfolio */
#work{padding-block:var(--space-32);position:relative;container-type:inline-size;container-name:work}.work-header{padding-inline:var(--space-12);margin-block-end:var(--space-16);display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:var(--space-8)}#work .info{max-width:450px;color:var(--text-secondary);font-size:.95rem;margin-top:.5rem}.work-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.work-filter{position:relative;overflow:hidden;padding-block:var(--space-2);padding-inline:var(--space-5);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;transition:color var(--transition),border-color var(--transition),background-color var(--transition),transform var(--transition)}.work-filter:hover{color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.work-filter.active{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary)}.work-scroll{display:flex;gap:var(--space-8);margin-block-end:var(--space-4);margin-inline:var(--space-12);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;scroll-behavior:smooth}.work-scroll::-webkit-scrollbar{display:none}.work-scroll.dragging{cursor:grabbing;scroll-snap-type:none}.work-item{flex:0 0 min(85vw,450px);scroll-snap-align:start;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-card);border:2px solid var(--border-subtle);cursor:pointer;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-medium) var(--ease-out),border-color var(--duration-medium) var(--ease-out),filter var(--duration-medium) var(--ease-out)}.work-item:hover{border-color:var(--accent-primary)}.work-item.dimmed{opacity:.25;filter:grayscale(.4);pointer-events:none}.work-img-wrap{position:relative;height:320px;overflow:hidden;background:var(--bg-secondary)}.work-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slower) var(--ease-out)}.work-item:hover .work-img-wrap img{transform:scale(1.08)}.work-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:var(--space-8);background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.72));opacity:0;transition:opacity var(--duration-medium) var(--ease-out)}.work-item:hover .work-overlay{opacity:1}.view-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding-block:12px;padding-inline:28px;min-height:44px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--on-brand);font-size:var(--text-sm);font-weight:800;transform:translateY(20px);transition:transform var(--duration-medium) var(--ease-spring),background-color var(--transition)}.work-item:hover .view-btn{transform:translateY(0)}.view-btn:hover{background:var(--color-white)}.work-info{padding:var(--space-6)}.work-cat{margin-block-end:var(--space-2);color:var(--accent-primary);font-size:var(--text-2xs);font-weight:800;text-transform:uppercase;letter-spacing:.15em}.work-info h3{margin-block-end:var(--space-2);font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:600}.work-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.work-year{position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-4);z-index:2;padding-block:6px;padding-inline:14px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);background:rgba(0,0,0,.65);backdrop-filter:blur(12px);font-size:var(--text-2xs);font-weight:700;letter-spacing:.03em}.work-scroll-indicator{display:flex;align-items:center;gap:var(--space-5);padding-block-start:var(--space-6);padding-inline:var(--space-12);margin-block-start:var(--space-4)}.work-scroll-indicator .track{flex:1;height:4px;background:var(--border-subtle);border-radius:var(--radius-xs);position:relative}.work-scroll-indicator .thumb{position:absolute;inset-block-start:0;inset-inline-start:0;min-width:40px;height:100%;background:var(--accent-primary);border-radius:var(--radius-xs);box-shadow:0 0 12px rgba(200,255,0,.4);transition:inset-inline-start var(--duration-fast) var(--ease-out),width var(--duration-fast) var(--ease-out)}.scroll-arrow{min-width:44px;min-height:44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:50%;color:var(--text-primary);font-size:18px;transition:background-color var(--transition),color var(--transition),border-color var(--transition),opacity var(--transition);flex:none}.scroll-arrow:hover{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary)}.scroll-arrow:disabled{opacity:.3;pointer-events:none;border-color:var(--border-subtle);color:var(--text-muted)}.project-counter{min-width:50px;text-align:end;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide)}
/* Spotlight */
.spotlight{position:relative;display:flex;align-items:flex-end;min-height:600px;margin-block-start:var(--space-12);overflow:hidden;border-radius:var(--radius-xl)}.spotlight-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.85)),image-set(url("../assets/spotlight-bg.avif") type("image/avif"),url("../assets/spotlight-bg.webp") type("image/webp"),url("../assets/spotlight-bg.jpg") type("image/jpeg"));background-size:cover;background-position:center;background-repeat:no-repeat;height:700px;transition:transform 1.2s var(--ease-out)}.spotlight:hover .spotlight-bg{transform:scale(1.04)}.spotlight-content{position:relative;z-index:1;width:100%;padding:var(--space-15);color:var(--color-white)}.spotlight-meta{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-block-end:var(--space-5);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-primary)}.spotlight-meta span::before{content:"◆ ";margin-inline-end:6px}.spotlight h3{max-width:800px;margin-block-end:var(--space-6);font-size:var(--text-6xl);font-weight:600;line-height:1.05;letter-spacing:-.02em}.spotlight-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);flex-wrap:wrap;margin-block-start:var(--space-8);padding-block-start:var(--space-8);border-block-start:1px solid rgba(255,255,255,.15)}.spotlight-row p{max-width:500px;color:rgba(255,255,255,.74);font-size:var(--text-base);line-height:var(--leading-relaxed)}.spotlight-cta{display:inline-flex;align-items:center;gap:var(--space-3);padding-block:var(--space-4);padding-inline:var(--space-7);min-height:48px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--on-brand);font-size:var(--text-sm);font-weight:700;transition:background-color var(--transition),transform var(--transition)}.spotlight-cta:hover{background:var(--color-white);transform:translateY(-2px)}
/* Process */
.process-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-block-start:var(--space-15);background:var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.process-step{position:relative;padding-block:var(--space-12);padding-inline:var(--space-8);background:var(--bg-card);transition:background-color var(--duration-slow) var(--ease-out)}.process-step:hover{background:var(--bg-tertiary)}.process-step::after{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-slow) var(--ease-out)}.process-step:hover::after{transform:scaleX(1)}.step-number{margin-block-end:var(--space-6);font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700;line-height:1;color:var(--bg-tertiary);transition:color var(--duration-slow) var(--ease-out)}.process-step:hover .step-number{color:var(--accent-primary)}.process-step h3{margin-block-end:var(--space-3);font-size:var(--text-xl);font-weight:600}.process-step p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}#process .info{max-width:400px;color:var(--text-secondary);font-size:.95rem}.step-duration{margin-block-start:var(--space-5);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);letter-spacing:var(--tracking-wider)}
/* Principles */
#principles .info{max-width:380px;color:var(--text-secondary);font-size:.95rem}.principles-list{margin-block-start:var(--space-15);position:relative}.principles-list::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;z-index:1;width:100%;height:100%;background:var(--accent-primary);pointer-events:none;opacity:0;transform:scaleY(0);transform-origin:top;transition:transform var(--duration-slow) var(--ease-out),inset-block-start var(--duration-slow) var(--ease-out),height var(--duration-slow) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.principles-list.is-active::before{opacity:1;transform:scaleY(1)}.principle-row{position:relative;z-index:2;display:grid;grid-template-columns:100px 1fr 1.5fr 100px;gap:var(--space-10);align-items:center;padding-block:var(--space-9);padding-inline:var(--space-4);border-block-start:1px solid var(--border-subtle);cursor:pointer;transition:padding-inline-start var(--transition)}.principle-row:last-child{border-block-end:1px solid var(--border-subtle)}.principle-row:hover{padding-inline-start:var(--space-7)}.principle-row:hover .principle-num,.principle-row:hover .principle-title,.principle-row:hover .principle-desc,.principle-row:hover .principle-arrow{color:var(--on-brand)}.principle-num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-primary);letter-spacing:var(--tracking-wider);transition:color var(--transition)}.principle-title{font-size:var(--text-2xl);font-family:var(--font-display);font-weight:600;transition:color var(--transition)}.principle-desc{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);transition:color var(--transition)}.principle-arrow{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;justify-self:end;border:1px solid var(--border-light);border-radius:50%;font-size:16px;transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.principle-row:hover .principle-arrow{background:var(--color-black);color:var(--accent-primary);border-color:var(--accent-primary);transform:rotate(-45deg)}
/* Stats */
.stats-section{position:relative;overflow:hidden;padding-block:var(--space-20);padding-inline:var(--space-15);border-radius:var(--radius-xl);background:var(--accent-primary);color:var(--on-brand)}.stats-section::before,.stats-section::after{content:"";position:absolute;border:1px solid rgba(0,0,0,.1);border-radius:50%;pointer-events:none}.stats-section::before{inset-block-start:-60%;inset-inline-end:-20%;width:600px;height:600px}.stats-section::after{inset-block-end:-40%;inset-inline-start:-10%;width:400px;height:400px;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-10);position:relative;z-index:1}.stat-card{display:flex;flex-direction:column;gap:var(--space-3)}.stats-grid .stat-value{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:700;line-height:1;color:var(--on-brand)}.stats-grid .stat-suffix{font-size:28px;font-style:italic;font-weight:400}.stats-grid .stat-desc{margin-block-start:var(--space-1);padding-block-start:var(--space-3);border-block-start:1px solid rgba(0,0,0,.18);color:rgba(0,0,0,.68);font-size:var(--text-sm)}
/* Case slider */
.case-slider{position:relative;margin-block-start:var(--space-12);overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-card)}.case-track{display:flex;transition:transform var(--duration-slower) var(--ease-out)}.case-slide{min-width:100%;display:grid;grid-template-columns:1fr 1fr}.case-visual{position:relative;overflow:hidden}.case-visual img{width:100%;height:100%;min-height:500px;object-fit:cover}.case-body{display:flex;flex-direction:column;justify-content:center;padding:var(--space-15)}.case-category{margin-block-end:var(--space-5);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent-primary);letter-spacing:var(--tracking-widest);text-transform:uppercase}.case-body h3{margin-block-end:var(--space-5);font-size:var(--text-4xl);line-height:1.15;font-weight:600}.case-body p{margin-block-end:var(--space-8);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.case-results{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);padding-block-start:var(--space-8);border-block-start:1px solid var(--border-subtle)}.case-results .r-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--accent-primary)}.case-results .r-label{margin-block-start:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.case-controls{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-5);padding-inline:var(--space-8)}.case-dots,.case-arrows{display:flex;gap:var(--space-2)}.case-dot{width:32px;height:3px;border-radius:2px;background:var(--border-light);transition:background-color var(--transition),width var(--transition)}.case-dot.active{width:48px;background:var(--accent-primary)}.case-arrow{min-width:44px;min-height:44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:50%;font-size:16px;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.case-arrow:hover{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary)}
/* Team */
#team .info{max-width:400px;color:var(--text-secondary);font-size:.95rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-block-start:var(--space-15)}.member{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-warm-surface);transition:transform var(--duration-medium) var(--ease-out),box-shadow var(--duration-medium) var(--ease-out)}.member:hover{transform:translateY(-6px);box-shadow:0 24px 50px -20px rgba(14,14,14,.18),0 10px 20px -10px rgba(14,14,14,.08)}.member-photo{aspect-ratio:3 / 4;overflow:hidden;position:relative}.member-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(70%);transition:filter var(--duration-slow) var(--ease-out),transform var(--duration-slower) var(--ease-out)}.member:hover .member-photo img{filter:grayscale(0);transform:scale(1.05)}.member-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,14,14,.7),transparent 60%)}.member-info{position:absolute;inset-inline-start:var(--space-6);inset-inline-end:var(--space-6);inset-block-end:var(--space-6);z-index:2;color:var(--color-cream)}.member-info h3{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em}.member-info .role{margin-block-start:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);letter-spacing:.08em}.member-socials{position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);z-index:2;display:flex;flex-direction:column;gap:var(--space-2);opacity:0;transform:translateX(20px);transition:opacity var(--duration-medium) var(--ease-out),transform var(--duration-medium) var(--ease-out)}.member:hover .member-socials{opacity:1;transform:translateX(0)}.member-socials a{width:36px;height:36px;min-width:36px;min-height:36px;display:grid;place-items:center;border-radius:50%;background:var(--text-muted);color:var(--text-primary);font-size:var(--text-xs);font-weight:700;backdrop-filter:blur(12px);transition:background-color var(--transition),color var(--transition)}.member-socials a:hover{background:var(--accent-primary);color:var(--bg-primary)}.join-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3 / 4;padding:var(--space-8);border-radius:var(--radius-lg);background:var(--text-disabled);color:var(--color-cream)}.join-card .ribbon{position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);padding-block:5px;padding-inline:10px;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--bg-primary);font-family:var(--font-display);font-size:10px;letter-spacing:.15em}.join-card .big,.join-card-title{font-family:var(--font-body);font-size:var(--text-4xl);line-height:1;letter-spacing:-.02em}.join-card .lnk,.join-card-link{display:inline-flex;align-items:center;gap:var(--space-2);width:max-content;padding-block-end:6px;border-block-end:1px solid rgba(255,255,255,.3);color:var(--color-white);font-size:var(--text-sm);transition:gap var(--transition),color var(--transition)}.join-card .lnk:hover,.join-card-link:hover{gap:var(--space-4);color:var(--accent-primary)}.join-card .muted{color:rgb(255 255 255 / 90%);font-size:var(--t-sm);margin:12px 0 20px}
/* Tech */
#tech .info{max-width:380px;color:var(--text-secondary);font-size:.95rem}.tech-orbit{position:relative;height:460px;margin-block-start:var(--space-15);display:flex;align-items:center;justify-content:center}.tech-center{position:absolute;z-index:3;width:140px;height:140px;display:grid;place-items:center;border:1px solid var(--accent-primary);border-radius:50%;background:var(--bg-card);box-shadow:0 0 60px rgba(200,255,0,.2);color:var(--accent-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-style:italic}.tech-orbit-ring{position:absolute;border:1px dashed var(--border-light);border-radius:50%;animation:techSpin 30s linear infinite}.tech-orbit-ring.ring-mid{width:280px;height:280px}.tech-orbit-ring.ring-out{width:460px;height:460px;animation-duration:50s;animation-direction:reverse}.tech-pill{position:absolute;padding-block:10px;padding-inline:18px;border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-secondary);white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.tech-pill:hover{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary)}.tech-pill[data-angle="0"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) translateY(-140px)}.tech-pill[data-angle="60"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(60deg) translateY(-140px) rotate(-60deg)}.tech-pill[data-angle="120"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(120deg) translateY(-140px) rotate(-120deg)}.tech-pill[data-angle="180"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) translateY(140px)}.tech-pill[data-angle="240"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(240deg) translateY(-140px) rotate(-240deg)}.tech-pill[data-angle="300"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(300deg) translateY(-140px) rotate(-300deg)}.tech-pill[data-angle="30"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(30deg) translateY(-230px) rotate(-30deg)}.tech-pill[data-angle="90"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) translateX(230px)}.tech-pill[data-angle="150"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(150deg) translateY(-230px) rotate(-150deg)}.tech-pill[data-angle="210"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(210deg) translateY(-230px) rotate(-210deg)}.tech-pill[data-angle="270"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) translateX(-230px)}.tech-pill[data-angle="330"]{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%) rotate(330deg) translateY(-230px) rotate(-330deg)}
/* Testimonials */
.testimonials-track-wrapper{position:relative;margin-block-start:var(--space-10)}.testimonials-track{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;padding-block-start:var(--space-5);padding-block-end:var(--space-8);scrollbar-width:none;scroll-behavior:smooth}.testimonials-track::-webkit-scrollbar{display:none}.testimonial-card{min-width:min(480px,85vw);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-8);padding:var(--space-10);border-radius:var(--radius-lg)}.testimonial-card:hover{border-color:rgba(200,255,0,.22);transform:translateY(-4px)}.testimonial-stars{margin-block-end:var(--space-2);color:var(--accent-primary);font-size:var(--text-sm);letter-spacing:3px}.testimonial-quote{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;font-weight:400;line-height:1.5;color:var(--text-primary)}.testimonial-author{display:flex;align-items:center;gap:var(--space-4);width:max-content;max-width:100%;padding-block:var(--space-1);padding-inline-start:var(--space-1);padding-inline-end:var(--space-3);border:1px solid transparent;border-radius:var(--radius-full);transition:border-color var(--transition),background-color var(--transition)}.testimonial-author:hover{border-color:var(--accent-primary);background:rgba(200,255,0,.055)}.author-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--on-brand)}.avatar-1{background:linear-gradient(135deg,#c8ff00,#ff6b35)}.avatar-2{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.avatar-3{background:linear-gradient(135deg,#0ea5e9,#0f766e)}.avatar-4{background:linear-gradient(135deg,#c8ff00,#84cc16);color:#000}.author-name{font-weight:700;font-size:var(--text-base)}.author-position{color:var(--text-muted);font-size:var(--text-sm)}
/* Clients */
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-block-start:var(--space-10);overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--border-subtle)}.client-cell{display:flex;align-items:center;justify-content:center;min-height:136px;padding-block:var(--space-12);padding-inline:var(--space-8);background:var(--bg-primary);color:var(--text-muted);text-align:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;cursor:pointer;transition:background-color var(--transition),color var(--transition)}.client-cell:hover{background:var(--accent-primary);color:var(--on-brand)}
/* Comparison */
#comparison .label{text-align:center;max-width:720px;margin:0 auto}#comparison .section-label{justify-content:center}#comparison .info{color:var(--text-secondary);font-size:1rem;margin-top:14px}.comparison-wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-block-start:var(--space-15)}.comparison-col{padding-block:var(--space-10);padding-inline:var(--space-8);border-radius:var(--radius-lg)}.comparison-col.them{opacity:.7}.comparison-col.us{background:linear-gradient(135deg,rgba(200,255,0,.045),var(--bg-card));border-color:var(--accent-primary)}.comparison-col.us:hover{box-shadow:0 0 60px rgba(200,255,0,.1);transform:translateY(-4px)}.comparison-header{display:flex;align-items:center;gap:var(--space-4);padding-block-end:var(--space-6);margin-block-end:var(--space-6);border-block-end:1px solid var(--border-subtle)}.comparison-icon{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:50%;font-size:20px}.comparison-col.them .comparison-icon{background:var(--bg-tertiary);color:var(--text-muted)}.comparison-col.us .comparison-icon{background:var(--accent-primary);color:var(--on-brand)}.comparison-header h3{font-size:var(--text-2xl);font-weight:600}.compare-item{display:flex;align-items:flex-start;gap:var(--space-3);padding-block:14px;border-block-end:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary)}.compare-item:last-child{border-block-end:0}.compare-mark{width:20px;flex:none;font-weight:800}.comparison-col.them .compare-mark{color:var(--text-muted)}.comparison-col.us .compare-mark{color:var(--accent-primary)}
/* Pricing */
#pricing .info{max-width:400px;color:var(--text-secondary);font-size:.95rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-block-start:var(--space-15);container-type:inline-size;container-name:pricing}.pricing-card{position:relative;padding-block:var(--space-11);padding-inline:var(--space-8);border-radius:var(--radius-lg)}.pricing-card:hover{transform:translateY(-6px);border-color:var(--border-hover)}.pricing-card.featured{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.pricing-card.featured p,.pricing-card.featured .feature-item{color:rgba(0,0,0,.68)}.pricing-card.featured .feature-item,.pricing-card.featured .pricing-desc{border-color:rgba(0,0,0,.12)}.pricing-popular{position:absolute;inset-block-start:-12px;inset-inline-start:var(--space-8);padding-block:5px;padding-inline:var(--space-4);border-radius:var(--radius-full);background:var(--accent-primary);color:var(--on-brand);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:800;letter-spacing:var(--tracking-wider)}.pricing-name{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.pricing-card.featured .pricing-name{color:rgba(0,0,0,.55)}.pricing-amount{margin-block:var(--space-5);font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700}.pricing-amount .period{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.pricing-card.featured .pricing-amount .period{color:rgba(0,0,0,.45)}.pricing-desc{margin-block-end:var(--space-7);padding-block-end:var(--space-7);border-block-end:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm)}.feature-list{margin-block-end:var(--space-8)}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding-block:10px;border-block-end:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm)}.feature-item .check{color:var(--accent-primary);font-weight:800}.pricing-card.featured .feature-item .check{color:var(--accent-secondary)}.pricing-cta{display:block;width:100%;padding-block:14px;min-height:44px;border:1px solid var(--border-light);border-radius:var(--radius-full);text-align:center;font-size:var(--text-sm);font-weight:700;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.pricing-cta:hover{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary);transform:translateY(-2px)}.pricing-card.featured .pricing-cta{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary)}.pricing-card.featured .pricing-cta:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);color:var(--color-white)}
/* Press */
.press-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5);margin-block-start:var(--space-15)}.press-card{position:relative;padding:var(--space-10);border-radius:var(--radius-lg)}.press-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.press-source{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-block-end:var(--space-4);font-family:var(--font-display);font-style:italic;font-size:var(--text-2xl);font-weight:600;color:var(--accent-primary)}.press-source .date{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);font-style:normal;font-weight:400;letter-spacing:var(--tracking-wider)}.press-quote{margin-block-end:var(--space-5);font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.5;color:var(--text-primary)}.press-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.15em;transition:color var(--transition)}.press-card:hover .press-link{color:var(--accent-primary)}
/* Locations */
#locations .info{max-width:380px;color:var(--text-secondary);font-size:.95rem}.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-block-start:var(--space-15)}.location-card{position:relative;overflow:hidden;padding-block:var(--space-9);padding-inline:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--text-primary);color:var(--bg-primary);transition:transform var(--duration-slow) var(--ease-out),border-color var(--transition);isolation:isolate}.location-card:hover{transform:translateY(-6px);border-color:rgba(200,255,0,.3)}.location-card::before,.location-card::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--text-secondary);outline:22px solid var(--accent-secondary);outline-offset:20px;opacity:.1;z-index:-1}.location-card::before{inset-block-end:-50px;inset-inline-start:-50px}.location-card::after{inset-block-start:-50px;inset-inline-end:-50px}.loc-tag{display:inline-flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);font-family:var(--font-mono);color:var(--accent-secondary);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-weight:900}.loc-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-secondary);animation:logoPulse 2s infinite alternate}.location-card h3,.loc-card h3{margin-block-end:var(--space-3);color:var(--bg-tertiary);font-size:var(--text-3xl);font-weight:600}.loc-time{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-block:var(--space-5);padding:var(--space-4);border:1px solid var(--text-muted);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-secondary)}.loc-time .live{color:var(--accent-secondary);font-weight:900}.loc-details{display:flex;flex-direction:column;gap:var(--space-3)}.loc-details p{display:flex;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.loc-details p span{min-width:50px;color:var(--bg-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:900}
/* FAQ */
#faq .label{text-align:center}#faq .section-label{justify-content:center}.faq-wrapper{max-width:var(--container-sm);margin-block-start:var(--space-15);margin-inline:auto}.faq-item{border-block-start:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--transition)}.faq-item:last-child{border-block-end:1px solid var(--border-subtle)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-6);font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;width:100%}.faq-toggle{width:44px;height:44px;min-width:44px;min-height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--border-light);border-radius:50%;font-size:20px;transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform var(--duration-medium) var(--ease-out)}.faq-item.open .faq-toggle{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary);transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);transition:max-height var(--duration-slow) var(--ease-out),padding var(--duration-normal) var(--ease-out)}.faq-item.open .faq-answer{max-height:200px;padding-block-end:var(--space-6)}
/* CTA */
#cta .btn{background:var(--accent-secondary);color:#fff}.cta-banner{position:relative;overflow:hidden;padding-block:clamp(60px,8vw,100px);padding-inline:clamp(30px,5vw,60px);border-radius:var(--radius-xl);background:var(--text-primary);color:var(--bg-primary);text-align:center}.cta-banner h2{margin-block-end:var(--space-6);color:var(--bg-primary);font-size:var(--text-7xl);font-weight:700;line-height:1.05;letter-spacing:-.03em}.cta-banner h2 em{color:var(--accent-secondary);font-weight:400}.cta-banner p{max-width:500px;margin-block-end:var(--space-10);margin-inline:auto;color:rgba(0,0,0,.62);font-size:var(--text-lg)}
/* Contact */
#contact .btn{align-self:flex-start}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-20);margin-block-start:var(--space-15)}.contact-info h3{margin-block-end:var(--space-4);font-size:var(--text-3xl);font-weight:600}.contact-info>p{margin-block-end:var(--space-10);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.contact-details{display:flex;flex-direction:column}.contact-detail-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-5);border-block-start:1px solid var(--border-subtle)}.contact-detail-row:last-child{border-block-end:1px solid var(--border-subtle)}.cd-label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.cd-value{font-family:var(--font-display);font-size:var(--text-md);font-weight:500}.contact-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.field-group{display:flex;flex-direction:column;gap:var(--space-2)}.field-group label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.field-group input,.field-group textarea,.field-group select{width:100%;padding-block:var(--space-3);padding-inline:0;min-height:44px;border:0;border-block-end:1px solid var(--border-light);outline:0;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--transition),color var(--transition)}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{border-color:var(--accent-primary)}.field-group textarea{min-height:100px;resize:vertical}.field-group select option{background:var(--bg-primary);color:var(--text-primary)}.budget-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.budget-chip{padding-block:var(--space-2);padding-inline:var(--space-4);min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.budget-chip.active,.budget-chip:hover{background:var(--accent-primary);color:var(--on-brand);border-color:var(--accent-primary)}.form-status{min-height:var(--space-6);color:var(--accent-primary);font-size:var(--text-sm)}
/* Footer */
.footer{position:relative;overflow:hidden;padding-block-start:var(--space-24);border-block-start:1px solid var(--border-subtle)}.footer::before{content:"";position:absolute;inset-block-start:-1px;inset-inline-start:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),transparent);opacity:.62;filter:blur(.5px)}.footer-bg-mesh{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(200,255,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 70% 30%,black 40%,transparent 80%)}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-15);margin-block-end:var(--space-20)}.footer-brand .nav-logo{margin-block-end:var(--space-6);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:800;letter-spacing:.15em}.logo-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary);animation:logoPulse 2s infinite alternate}.footer-brand p{max-width:320px;margin-block-end:var(--space-8);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-stats{display:flex;gap:var(--space-7);margin-block-start:var(--space-5)}.footer-stat .num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1;color:var(--accent-primary)}.footer-stat .label{margin-block-start:var(--space-1);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.footer-col h4{position:relative;display:inline-block;margin-block-end:var(--space-6);font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.footer-col h4::after{content:"";position:absolute;inset-block-end:-6px;inset-inline-start:0;width:40%;height:2px;border-radius:2px;background:var(--accent-primary)}.footer-col ul li{margin-block-end:var(--space-4)}.footer-col a{display:inline-flex;align-items:center;min-height:44px;padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);transition:background-color var(--transition),color var(--transition),transform var(--transition)}.footer-col a:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateX(2px)}.footer-big-text{position:relative;z-index:2;margin-block-start:var(--space-10);margin-block-end:var(--space-5);text-align:center;user-select:none;cursor:default;font-family:var(--font-display);font-size:clamp(96px,18vw,352px);line-height:.8;letter-spacing:-.04em;font-style:italic;font-weight:700;background:linear-gradient(180deg,#ffffff 10%,var(--bg-primary) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform var(--duration-fast) var(--ease-out),text-shadow var(--transition)}.footer-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;padding-block:var(--space-7);border-block-start:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-sm)}.status-dot{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-primary)}.status-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:statusPulse 1.8s infinite}.local-times{display:flex;gap:var(--space-6);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--text-muted)}.local-times span{color:var(--text-secondary)}.footer-particle-canvas{display:block;width:100%;height:300px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
}