:root{--bg:#09090f;--bg-elevated:#12121c;--bg-card:#161622;--surface:#1c1c2a;--border:rgba(255, 255, 255, 0.07);--border-hover:rgba(255, 71, 87, 0.35);--accent:#ff4757;--accent-soft:rgba(255, 71, 87, 0.12);--accent-glow:rgba(255, 71, 87, 0.35);--violet:#7c5cfc;--violet-soft:rgba(124, 92, 252, 0.15);--text:#e8e6f0;--text-muted:#7a7891;--text-dim:#4a4860;--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--header-h:72px;--max-w:1200px;--transition:0.25s cubic-bezier(0.4, 0, 0.2, 1)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:24px}.section{padding-block:96px}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section-label::before{content:"";width:24px;height:2px;background:var(--accent);border-radius:1px}.section-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text);margin-bottom:16px}.section-desc{font-size:1.0625rem;color:var(--text-muted);max-width:540px;line-height:1.7}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;background:rgba(9,9,15,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background var(--transition)}.header__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:1.125rem;letter-spacing:.04em}.brand__icon{width:36px;height:36px;border-radius:var(--radius-sm);flex-shrink:0}.brand__text span{color:var(--accent)}.nav{display:flex;align-items:center;gap:32px}.nav__link{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--transition);position:relative}.nav__link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--transition)}.nav__link:hover{color:var(--text)}.nav__link:hover::after{width:100%}.nav__cta{display:inline-flex;align-items:center;padding:10px 20px;font-size:.875rem;font-weight:600;color:var(--bg);background:var(--accent);border-radius:var(--radius-sm);transition:transform var(--transition),box-shadow var(--transition)}.nav__cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.nav__toggle{display:none;background:0 0;border:none;color:var(--text);cursor:pointer;padding:8px}.hero{min-height:100vh;display:grid;align-items:center;padding-top:var(--header-h);position:relative;overflow:hidden}.hero__bg{position:absolute;inset:0;pointer-events:none}.hero__mesh{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 70% 20%,var(--accent-soft),transparent),radial-gradient(ellipse 50% 40% at 20% 80%,var(--violet-soft),transparent)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent)}.hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:80px}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--accent-soft);border:1px solid rgba(255,71,87,.25);border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--accent);margin-bottom:24px}.hero__badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero__title{font-family:var(--font-display);font-size:clamp(2.75rem, 6vw, 4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:24px}.hero__title em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__desc{font-size:1.125rem;color:var(--text-muted);line-height:1.75;margin-bottom:36px;max-width:480px}.hero__actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-family:var(--font-body);font-size:.9375rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn--primary{background:var(--accent);color:var(--bg)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.btn--ghost{background:0 0;color:var(--text);border:1px solid var(--border)}.btn--ghost:hover{border-color:var(--border-hover);background:var(--accent-soft)}.hero__visual{position:relative;display:flex;justify-content:center;align-items:center}.hero__card-stack{position:relative;width:100%;max-width:420px;aspect-ratio:4/5}.hero__card{position:absolute;inset:0;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.hero__card--back{transform:rotate(6deg) translate(20px,-10px);background:linear-gradient(145deg,var(--surface),var(--bg-elevated));opacity:.5}.hero__card--mid{transform:rotate(-3deg) translate(-10px,8px);background:linear-gradient(145deg,var(--bg-card),var(--surface));opacity:.75}.hero__card--front{background:var(--bg-card);display:flex;flex-direction:column;justify-content:flex-end;padding:32px;box-shadow:0 24px 64px rgba(0,0,0,.5)}.hero__card-glow{position:absolute;top:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);filter:blur(40px);pointer-events:none}.hero__card-label{font-family:var(--font-display);font-size:.6875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.hero__card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:12px}.hero__card-stat{display:flex;gap:24px;padding-top:20px;border-top:1px solid var(--border)}.hero__card-stat-item strong{display:block;font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--text)}.hero__card-stat-item span{font-size:.75rem;color:var(--text-muted)}.marquee{padding-block:20px;border-block:1px solid var(--border);background:var(--bg-elevated);overflow:hidden}.marquee__track{display:flex;gap:48px;animation:marquee 30s linear infinite;width:max-content}.marquee__item{display:flex;align-items:center;gap:48px;font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.marquee__item::after{content:"◆";color:var(--accent);font-size:.5rem}.pillars{background:var(--bg)}.pillars__header{text-align:center;margin-bottom:64px}.pillars__header .section-desc{margin-inline:auto}.pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pillar{padding:36px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),transform var(--transition)}.pillar:hover{border-color:var(--border-hover);transform:translateY(-4px)}.pillar__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent);margin-bottom:20px}.pillar__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:10px}.pillar__text{font-size:.9375rem;color:var(--text-muted);line-height:1.65}.portfolio{background:var(--bg-elevated)}.portfolio__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.portfolio__bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:20px}.project{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background:var(--bg-card);transition:border-color var(--transition),transform var(--transition)}.project:hover{border-color:var(--border-hover);transform:translateY(-3px)}.project--featured{grid-column:span 7}.project--side-top{grid-column:span 5}.project--side-bottom{grid-column:span 5}.project--wide{grid-column:span 7}.project__visual{position:relative;aspect-ratio:16/10;overflow:hidden}.project--featured .project__visual{aspect-ratio:16/9}.project--side-bottom .project__visual,.project--side-top .project__visual{aspect-ratio:16/11}.project__gradient{position:absolute;inset:0}.project__gradient--1{background:linear-gradient(135deg,#1a0a2e 0,#ff4757 100%)}.project__gradient--2{background:linear-gradient(135deg,#0a1628 0,#7c5cfc 100%)}.project__gradient--3{background:linear-gradient(135deg,#0f2027 0,#2c5364 100%)}.project__number{position:absolute;top:20px;left:20px;font-family:var(--font-display);font-size:3rem;font-weight:800;color:rgba(255,255,255,.12);line-height:1}.project__tag{position:absolute;top:20px;right:20px;padding:4px 12px;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--text)}.project__body{padding:24px 28px}.project__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:8px}.project__desc{font-size:.875rem;color:var(--text-muted);line-height:1.6}.stats{padding-block:64px;background:var(--bg);border-block:1px solid var(--border)}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.stat__value{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:800;background:linear-gradient(135deg,var(--accent),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:8px}.stat__label{font-size:.875rem;color:var(--text-muted)}.contact{background:var(--bg-elevated)}.contact__wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.contact__info .section-desc{margin-bottom:32px}.contact__links{display:flex;flex-direction:column;gap:16px}.contact__link{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition),background var(--transition)}.contact__link:hover{border-color:var(--border-hover);background:var(--accent-soft)}.contact__link-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent);flex-shrink:0}.contact__link-text strong{display:block;font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:2px}.contact__link-text span{font-size:.9375rem;color:var(--text)}.contact__card{padding:48px 40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.contact__card-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:80%;height:80%;background:radial-gradient(circle,var(--violet-soft),transparent 70%);pointer-events:none}.contact__card-title{position:relative;font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:12px}.contact__card-desc{position:relative;font-size:.9375rem;color:var(--text-muted);margin-bottom:28px;line-height:1.65}.contact__card .btn{position:relative}.legal-page{padding-top:calc(var(--header-h) + 64px);padding-bottom:96px;min-height:60vh}.legal-page__title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 2.75rem);font-weight:700;letter-spacing:-.02em;margin-bottom:32px}.legal-page__content{max-width:720px;min-height:200px;padding:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.footer{padding-block:48px;background:var(--bg);border-top:1px solid var(--border)}.footer__inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:32px}.footer__brand{font-family:var(--font-display);font-weight:700;font-size:1.125rem;margin-bottom:8px}.footer__brand span{color:var(--accent)}.footer__legal{font-size:.8125rem;color:var(--text-muted);line-height:1.7}.footer__meta{text-align:right;font-size:.8125rem;color:var(--text-muted);line-height:1.7}.footer__meta a{transition:color var(--transition)}.footer__meta a:hover{color:var(--accent)}.footer__copy{width:100%;padding-top:24px;margin-top:8px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-dim)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:fadeUp .7s ease-out forwards}.reveal-d1{animation-delay:.1s}.reveal-d2{animation-delay:.2s}.reveal-d3{animation-delay:.3s}.reveal-d4{animation-delay:.4s}.reveal-d5{animation-delay:.5s}@media (max-width:1024px){.hero__content{grid-template-columns:1fr;gap:48px;text-align:center}.hero__desc{margin-inline:auto}.hero__actions{justify-content:center}.hero__visual{order:-1}.hero__card-stack{max-width:320px;margin-inline:auto}.pillars__grid{grid-template-columns:1fr}.portfolio__bento{grid-template-columns:1fr}.project--featured,.project--side-bottom,.project--side-top,.project--wide{grid-column:span 1}.stats__grid{grid-template-columns:repeat(2,1fr)}.contact__wrap{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.section{padding-block:64px}.nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:16px 24px}.nav.is-open{display:flex}.nav__link{padding:12px 0;width:100%}.nav__cta{width:100%;justify-content:center;margin-top:8px}.nav__toggle{display:block}.stats__grid{grid-template-columns:1fr 1fr;gap:24px}.footer__meta{text-align:left}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.marquee__track{animation:none}}