:root{--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Plus Jakarta Sans", sans-serif;--color-bg: #07040a;--color-surface: rgba(16, 13, 20, .82);--color-surface-hover: rgba(24, 20, 30, .95);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 85, 32, .4);--color-accent: #ff5520;--color-accent-hover: #ff6a38;--color-accent-gradient: linear-gradient(135deg, #ff6b35 0%, #ff4211 100%);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .72);--color-text-muted: rgba(255, 255, 255, .45);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-smooth: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--color-bg);scroll-behavior:auto;color-scheme:dark}body{width:100%;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ff552099}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;z-index:1;pointer-events:none;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;image-rendering:-webkit-optimize-contrast}.page-wrapper{position:relative;z-index:2;width:100%;min-height:100vh}.page-wrapper:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,transparent 35%,rgba(7,4,10,.5) 100%);pointer-events:none;z-index:1}.container,.hero-container,.brands-wrapper,.showcase-container,.footer-container{width:100%;max-width:min(94vw,1720px);margin:0 auto;padding-left:clamp(1rem,2.2vw,2.5rem);padding-right:clamp(1rem,2.2vw,2.5rem)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.25rem 0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#07040a73;border-bottom:1px solid rgba(255,255,255,.06);transition:background .3s ease,border-color .3s ease,padding .3s ease,box-shadow .3s ease}.navbar.scrolled{padding:.95rem 0;background:#07040ae0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 36px #0000008c}.nav-container{width:100%;max-width:min(94vw,1720px);margin:0 auto;padding-left:clamp(1rem,2.2vw,2.5rem);padding-right:clamp(1rem,2.2vw,2.5rem);display:flex;align-items:center;justify-content:space-between}.brand-logo{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.02em;transition:opacity .2s ease}.brand-logo:hover{opacity:.85}.nav-right{display:flex;align-items:center;gap:2.5rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease;position:relative}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--color-accent);border-radius:var(--radius-full)}.btn-pill{display:inline-flex;align-items:center;gap:.75rem;padding:.45rem .5rem .45rem 1.25rem;border-radius:var(--radius-full);text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--transition-smooth),box-shadow .25s ease,background .25s ease}.btn-pill:hover{transform:translateY(-2px)}.btn-pill-white{background:#fff;color:#0b0811;box-shadow:0 4px 16px #ffffff26}.btn-pill-white:hover{background:#f4f3f6;box-shadow:0 6px 20px #ffffff40}.btn-pill-orange{background:var(--color-accent-gradient);color:#fff;box-shadow:0 4px 20px #ff552066}.btn-pill-orange:hover{box-shadow:0 8px 25px #ff552099}.arrow-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .25s var(--transition-smooth)}.btn-pill:hover .arrow-circle{transform:rotate(45deg)}.arrow-circle-orange{background:var(--color-accent);color:#fff}.arrow-circle-white{background:#fff;color:var(--color-accent)}.hero-section{min-height:100vh;padding-top:8.5rem;padding-bottom:3.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}.hero-container{display:flex;flex-direction:column;justify-content:space-between;flex:1}.hero-content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:3rem;align-items:flex-start;margin-top:2rem}.hero-left{display:flex;flex-direction:column}.hero-eyebrow{font-size:1.15rem;font-weight:500;color:#fffc;margin-bottom:.6rem;letter-spacing:-.01em}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,8.5vw,7.5rem);font-weight:800;line-height:.98;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.8)}.hero-title-strong{display:block}.hero-right{display:flex;flex-direction:column;justify-self:end;padding-top:1.5rem}.hero-statement{font-family:var(--font-display);font-size:clamp(1.4rem,2.3vw,2.2rem);font-weight:700;line-height:1.28;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.8);max-width:500px}.hero-subtext{font-size:1.05rem;line-height:1.65;color:var(--color-text-secondary);margin-top:1.15rem;max-width:440px;text-shadow:0 2px 14px rgba(0,0,0,.9)}.hero-disciplines{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-top:4.5rem;border-top:1px solid rgba(255,255,255,.08);margin-top:5rem}.discipline-col{display:flex;flex-direction:column;gap:.35rem}.discipline-tag{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--color-accent);letter-spacing:.05em}.discipline-name{font-size:.95rem;font-weight:600;color:#ffffffe6;letter-spacing:-.01em}.brands-section{padding:4rem 0 6rem;position:relative;z-index:2}.brands-card{background:var(--color-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2.25rem clamp(2rem,3.5vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:3rem;box-shadow:0 20px 40px -15px #00000080}.brands-intro{font-size:.95rem;line-height:1.4;color:var(--color-text-secondary);font-weight:500;min-width:180px}.brands-grid{display:flex;align-items:center;justify-content:space-between;flex:1;gap:2.5rem;flex-wrap:wrap}.brand-item{display:inline-flex;align-items:center;gap:.85rem;color:#ffffffe6;font-weight:600;font-size:1.15rem;letter-spacing:-.01em;transition:opacity .2s ease,transform .2s ease}.brand-item:hover{transform:translateY(-2px);color:#fff}.brand-icon{width:24px;height:24px;color:var(--color-accent)}.showcase-section{padding:6rem 0 8rem;position:relative;z-index:2}.showcase-header{display:grid;grid-template-columns:1.35fr 1fr;gap:3.5rem;align-items:flex-end;margin-bottom:4rem}.showcase-headline-col{display:flex;flex-direction:column}.section-pill-tag{color:var(--color-accent);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.15rem;display:inline-block}.showcase-main-title{font-family:var(--font-display);font-size:clamp(2.75rem,5vw,4.75rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.6)}.showcase-action-col{display:flex;flex-direction:column;justify-self:end;max-width:560px;gap:2rem}.showcase-lead-text{font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.55;color:var(--color-text-secondary);font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.7);max-width:540px}.showcase-cta-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.cta-micro-text{font-size:.9rem;line-height:1.4;color:var(--color-text-muted);font-weight:500}.showcase-cards-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;row-gap:clamp(3.5rem,6vw,7.5rem);column-gap:clamp(1.5rem,2.5vw,3.5rem)}.card-col-left{grid-column:1}.card-col-right{grid-column:3}.project-card{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform .45s var(--transition-smooth),border-color .45s ease,box-shadow .45s ease;cursor:pointer;display:flex;flex-direction:column;text-decoration:none;color:inherit}.project-card:hover{transform:translateY(-8px);border-color:var(--color-border-hover);box-shadow:0 28px 56px -12px #000c,0 0 30px #ff552033}.card-visual{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#0d0a12}.card-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s var(--transition-smooth)}.project-card:hover .card-visual img{transform:scale(1.05)}.card-link-badge{position:absolute;top:1.25rem;right:1.25rem;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:#07040abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#fff;letter-spacing:-.01em;opacity:.85;transition:opacity .3s ease,transform .3s ease,background .3s ease,border-color .3s ease;z-index:2}.project-card:hover .card-link-badge{opacity:1;transform:translateY(-2px);background:var(--color-accent);border-color:var(--color-accent)}.card-caption{padding:1.5rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:.4rem;background:#0e0b1299;border-top:1px solid rgba(255,255,255,.04)}.card-header-info{display:flex;justify-content:space-between;align-items:center}.card-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-weight:700}.card-index{font-size:.8rem;font-weight:700;color:#ffffff59}.card-project-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.02em}.card-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.card-tag{font-size:.72rem;font-weight:500;color:#fff9;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.2rem .6rem;border-radius:var(--radius-full);letter-spacing:.02em;transition:color .2s ease,border-color .2s ease,background .2s ease}.project-card:hover .card-tag{color:#ffffffe6;border-color:#ff55204d;background:#ff55201a}.testimonials-section{position:relative;min-height:100vh;padding:8rem 0 9rem;display:flex;align-items:center;justify-content:center;z-index:3;background:linear-gradient(180deg,#07040a00,#0a070e00 18%,#0a070e00 82%,#07040a00);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 0 100px #000000d9}.testimonials-container{width:100%;max-width:min(94vw,1720px);margin:0 auto;padding-left:clamp(1rem,2.2vw,2.5rem);padding-right:clamp(1rem,2.2vw,2.5rem)}.testimonials-header{text-align:center;max-width:820px;margin:0 auto 4.5rem}.testimonials-title{font-family:var(--font-display);font-size:clamp(2.4rem,4.4vw,4rem);font-weight:800;line-height:1.14;letter-spacing:-.03em;color:#fff;margin-top:.75rem;margin-bottom:1.25rem}.testimonials-subtitle{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);font-weight:500}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.2vw,2.5rem);margin-bottom:4.5rem}.testimonial-card{background:#120e18a6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:2.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem;transition:transform .4s var(--transition-smooth),border-color .4s ease,box-shadow .4s ease}.testimonial-card:hover{transform:translateY(-6px);border-color:#ff552066;box-shadow:0 20px 40px -10px #000c,0 0 24px #ff55201f}.testimonial-stars{color:var(--color-accent);font-size:1.15rem;letter-spacing:.15em}.testimonial-quote{font-size:1.05rem;line-height:1.65;color:#ffffffe0;font-weight:400}.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06)}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ff552059,#9055ff59);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;letter-spacing:.02em}.author-info{display:flex;flex-direction:column;gap:.15rem}.author-name{font-size:1rem;font-weight:700;color:#fff}.author-role{font-size:.82rem;color:var(--color-text-muted)}.testimonials-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2.25rem 2.5rem;background:#0e0b128c;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);text-align:center}.metric-box{display:flex;flex-direction:column;gap:.35rem}.metric-num{font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3rem);font-weight:800;color:var(--color-accent);letter-spacing:-.02em}.metric-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.cta-stage-section{position:relative;min-height:100vh;padding:8rem 0 5.5rem;display:flex;flex-direction:column;justify-content:space-between;z-index:2;background:radial-gradient(circle at center,transparent 40%,rgba(7,4,10,.6) 100%);padding-top:100vh}.cta-stage-container{width:100%;max-width:min(94vw,1720px);margin:0 auto;padding-left:clamp(1rem,2.2vw,2.5rem);padding-right:clamp(1rem,2.2vw,2.5rem);display:flex;flex-direction:column;justify-content:space-between;flex:1}.cta-heading-wrap{max-width:960px;margin-top:1rem}.cta-stage-title{font-family:var(--font-display);font-size:clamp(3rem,6.5vw,6.2rem);font-weight:800;line-height:1.04;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.85);margin-top:.75rem}.cta-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;gap:3.5rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.08);margin-top:5rem}.cta-bottom-left{max-width:540px;display:flex;flex-direction:column;gap:1.25rem}.cta-bottom-text{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6;color:var(--color-text-secondary);font-weight:500;text-shadow:0 2px 14px rgba(0,0,0,.9)}.cta-availability{display:inline-flex;align-items:center;gap:.65rem;font-size:.92rem;font-weight:600;color:#ffffffd9;letter-spacing:-.01em}.status-indicator-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 12px #10b981;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.cta-bottom-right{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap}.btn-pill-lg{padding:.75rem .85rem .75rem 1.85rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.btn-pill-lg .arrow-circle{width:36px;height:36px}.site-footer{padding:6rem 0 3rem;border-top:1px solid var(--color-border);background:#07040a00;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:2}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:4rem;margin-bottom:4rem}.footer-brand{max-width:320px}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff;display:block;margin-bottom:.75rem}.footer-tagline{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.footer-links-group{display:flex;gap:5rem}.footer-col h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1.25rem;font-weight:700}.footer-col a{display:block;color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;margin-bottom:.75rem;transition:color .2s ease}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);font-size:.85rem;color:var(--color-text-muted)}.footer-credit{color:var(--color-text-secondary);font-weight:500;font-size:.88rem;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.35rem}.credit-highlight{font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.02em;text-decoration:none;transition:opacity .2s ease,transform .2s ease;display:inline-block}.credit-highlight:hover{opacity:.85;transform:translateY(-1px)}.preloader-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;transition:visibility 0s 1.2s}.preloader-screen.loaded{visibility:hidden;pointer-events:none}.preloader-backdrop-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,85,32,.12) 0%,transparent 70%);filter:blur(60px);pointer-events:none;animation:pulseGlow 4s infinite ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}}.preloader-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;width:90%;transition:opacity .5s var(--transition-smooth),transform .6s var(--transition-smooth)}.preloader-screen.loaded .preloader-content{opacity:0;transform:scale(.96) translateY(-20px);pointer-events:none}.preloader-brand-wrap{display:flex;flex-direction:column;gap:.35rem;margin-bottom:2.25rem}.preloader-sub{font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent)}.preloader-brand-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:800;letter-spacing:.12em;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.6)}.preloader-counter-wrap{display:flex;align-items:baseline;justify-content:center;margin-bottom:1.85rem;font-family:var(--font-display);line-height:1}.preloader-number{font-size:clamp(4.5rem,11vw,8rem);font-weight:800;color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 4px 30px rgba(255,85,32,.3)}.preloader-percent{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;color:var(--color-accent);margin-left:.35rem}.preloader-meter-track{width:100%;height:4px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #00000080;margin-bottom:1.5rem}.preloader-meter-bar{width:0%;height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width .2s ease-out;box-shadow:0 0 16px #ff5520cc,0 0 30px #ff552066}.preloader-status-row{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.82rem;font-weight:500;color:var(--color-text-secondary)}.preloader-status-text{letter-spacing:.02em}.preloader-frame-count{font-family:var(--font-display);font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.preloader-curtain{position:absolute;left:0;width:100%;height:50.5%;background:#07040a;z-index:5;transition:transform .9s cubic-bezier(.77,0,.175,1);will-change:transform}.preloader-curtain-top{top:0;transform-origin:top;border-bottom:1px solid rgba(255,255,255,.04)}.preloader-curtain-bottom{bottom:0;transform-origin:bottom;border-top:1px solid rgba(255,255,255,.04)}.preloader-screen.loaded .preloader-curtain-top{transform:translateY(-101%)}.preloader-screen.loaded .preloader-curtain-bottom{transform:translateY(101%)}@media(max-width:1024px){.hero-content-grid{grid-template-columns:1fr;gap:2rem}.hero-right{padding-top:0}.brands-card{flex-direction:column;align-items:flex-start;gap:2rem;padding:2rem}.brands-grid{gap:2rem}.showcase-header{grid-template-columns:1fr;gap:2rem}.showcase-cards-grid{grid-template-columns:1fr;row-gap:3rem}.card-col-left,.card-col-right{grid-column:auto}.testimonials-grid{grid-template-columns:1fr;gap:1.75rem}.testimonials-metrics{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.navbar{padding:1rem 0}.nav-links{display:none}.hero-section{padding-top:6.5rem}.hero-disciplines{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3.5rem;padding-top:2.5rem}.showcase-cards-grid{grid-template-columns:1fr}.testimonials-metrics{grid-template-columns:1fr;gap:1.5rem;padding:1.75rem 1.5rem}.cta-stage-section{padding:6.5rem 0 4rem}.cta-stage-title{font-size:clamp(2.5rem,8vw,3.8rem)}.cta-bottom-row{flex-direction:column;align-items:flex-start;gap:2.5rem;margin-top:3.5rem;padding-top:2.5rem}.footer-top{flex-direction:column;gap:2.5rem}.footer-links-group{gap:3rem}.footer-bottom{flex-direction:column;gap:1rem;align-items:flex-start}}
