:root{--bg: #0A0A0F;--bg-soft: #11111A;--bg-elev: #16161F;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--ink: #F5F5F7;--ink-dim: #B8B8C2;--ink-mute: #6B6B7A;--accent-1: #FF4D8F;--accent-2: #A855F7;--accent-3: #3B82F6;--accent-4: #22D3EE;--gradient-main: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 45%, var(--accent-3) 100%);--gradient-soft: linear-gradient(135deg, rgba(255, 77, 143, .15), rgba(168, 85, 247, .15), rgba(59, 130, 246, .15));--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-xl: 44px;--container: 1280px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;font-weight:400;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;background-image:radial-gradient(1200px 600px at 50% -10%,rgba(168,85,247,.18),transparent 60%),radial-gradient(900px 500px at 100% 30%,rgba(59,130,246,.12),transparent 60%),radial-gradient(900px 500px at 0% 50%,rgba(255,77,143,.1),transparent 60%);background-attachment:fixed}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--accent-2);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#a855f759;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a855f799}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{position:relative;padding:clamp(80px,12vw,160px) 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff05}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gradient-main);box-shadow:0 0 12px var(--accent-2)}.h-display{font-family:var(--font-display);font-weight:400;letter-spacing:-.025em;line-height:.95;font-size:clamp(48px,9vw,140px)}.h-display em{font-style:italic}.h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.02;font-size:clamp(40px,6vw,84px)}.h2 em{font-style:italic}.h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.015em;line-height:1.15;font-size:clamp(22px,2.4vw,30px)}.lead{font-size:clamp(17px,1.4vw,20px);color:var(--ink-dim);max-width:60ch;line-height:1.6}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font-weight:500;font-size:15px;letter-spacing:-.01em;transition:transform .4s var(--ease-out),background .3s ease,color .3s ease,box-shadow .4s var(--ease-out);will-change:transform}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 10px 40px -10px #a855f78c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 60px -10px #a855f7bf}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff47}.btn .arrow{display:inline-block;transition:transform .4s var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.section-head{display:flex;flex-direction:column;gap:22px;margin-bottom:60px;max-width:900px}.glow-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff08,#ffffff03);overflow:hidden;transition:border-color .4s ease,transform .6s var(--ease-out)}.glow-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--gradient-main);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;pointer-events:none}.glow-card:hover:before{opacity:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px 0;transition:padding .4s var(--ease-out),background .4s ease,backdrop-filter .4s ease,border-color .4s ease;border-bottom:1px solid transparent}.nav.scrolled{padding:12px 0;background:#0a0a0fb8;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom-color:var(--line)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-.01em;font-size:18px}.brand-mark{width:32px;height:32px;border-radius:10px;background:var(--gradient-main);position:relative;box-shadow:0 8px 24px -6px #a855f799}.brand-mark:after{content:"";position:absolute;left:50%;top:60%;width:3px;height:14px;background:#fff;transform:translate(-50%);border-radius:2px}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px;color:var(--ink-dim)}.nav-links a{position:relative;transition:color .3s ease}.nav-links a:hover{color:var(--ink)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gradient-main);transition:width .4s var(--ease-out)}.nav-links a:hover:after{width:100%}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;color:var(--bg);font-size:14px;font-weight:500;transition:transform .3s var(--ease-out)}.nav-cta:hover{transform:translateY(-1px)}@media (max-width: 760px){.nav-links{display:none}}.hero{position:relative;min-height:100vh;padding:160px 0 80px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;gap:40px;position:relative;z-index:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:12px}.hero h1{margin-top:28px}.hero .stroke{font-style:italic;background:linear-gradient(135deg,var(--accent-1),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:32px;max-width:56ch;font-size:clamp(17px,1.5vw,22px);color:var(--ink-dim);line-height:1.55}.hero-actions{margin-top:44px;display:flex;gap:14px;flex-wrap:wrap}.hero-meta{margin-top:80px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:32px;border-top:1px solid var(--line)}.hero-meta-item .label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px}.hero-meta-item .value{font-family:var(--font-display);font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.02em}@media (max-width: 760px){.hero-meta{grid-template-columns:repeat(2,1fr)}}.blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;filter:blur(60px);opacity:.85}.blob{position:absolute;border-radius:50%;mix-blend-mode:screen;will-change:transform}.blob.b1{width:540px;height:540px;background:#ff4d8f;top:-120px;left:-100px}.blob.b2{width:620px;height:620px;background:#a855f7;top:20%;right:-120px}.blob.b3{width:460px;height:460px;background:#3b82f6;bottom:-100px;left:30%}.blob.b4{width:320px;height:320px;background:#22d3ee;top:50%;left:10%;opacity:.7}.hero-canvas{position:relative;height:460px;border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(600px 300px at 100% 0%,rgba(168,85,247,.25),transparent 60%),linear-gradient(180deg,#ffffff0a,#fff0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (min-width: 980px){.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center}}.marquee{position:relative;border-block:1px solid var(--line);background:#ffffff05;overflow:hidden;padding:22px 0}.marquee-track{display:flex;gap:60px;width:max-content;animation:scroll-x 35s linear infinite;white-space:nowrap}.marquee-item{font-family:var(--font-display);font-style:italic;font-size:clamp(28px,4vw,52px);color:var(--ink);display:inline-flex;align-items:center;gap:60px;letter-spacing:-.01em}.marquee-item .dot{width:14px;height:14px;border-radius:50%;background:var(--gradient-main);box-shadow:0 0 24px var(--accent-2)}@keyframes scroll-x{to{transform:translate(-50%)}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 980px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.services-grid{grid-template-columns:1fr}}.service{position:relative;padding:40px;border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,#ffffff08,#ffffff03);overflow:hidden;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .6s var(--ease-out),border-color .4s ease;will-change:transform}.service:hover{transform:translateY(-6px);border-color:var(--line-strong)}.service-icon{width:56px;height:56px;border-radius:16px;background:var(--gradient-soft);border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.service-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-main);opacity:0;transition:opacity .5s ease}.service:hover .service-icon:after{opacity:1}.service-icon svg{position:relative;z-index:2;transition:transform .6s var(--ease-out)}.service:hover .service-icon svg{transform:scale(1.08) rotate(-4deg)}.service h3{margin-top:24px}.service p{color:var(--ink-dim);margin-top:12px;font-size:15px;line-height:1.6}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.service-tag{font-size:12px;padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);color:var(--ink-dim)}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project{position:relative;grid-column:span 6;aspect-ratio:16 / 11;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--bg-elev);border:1px solid var(--line);isolation:isolate}.project.tall{grid-column:span 5;aspect-ratio:4 / 5}.project.wide{grid-column:span 7;aspect-ratio:16 / 9}.project.full{grid-column:span 12;aspect-ratio:21 / 9}@media (max-width: 900px){.project,.project.tall,.project.wide,.project.full{grid-column:span 12;aspect-ratio:16 / 11}}.project-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:transform 1.2s var(--ease-out),filter .6s ease}.project:hover .project-bg{transform:scale(1.06);filter:saturate(1.15)}.project-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.9;transition:transform 1.2s var(--ease-out),filter .6s ease,opacity .6s ease}.project:hover .project-img{transform:scale(1.06);filter:saturate(1.15);opacity:1}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0a0a0f00 30%,#0a0a0f8c 60%,#0a0a0feb)}.project-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.project-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:#0a0a0f80;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink)}.project-arrow{width:44px;height:44px;border-radius:50%;background:#fff;color:var(--bg);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease-out)}.project:hover .project-arrow{transform:rotate(-45deg)}.project-bottom{display:flex;flex-direction:column;gap:8px}.project-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,48px);line-height:1;letter-spacing:-.02em}.project-title em{font-style:italic}.project-meta{display:flex;gap:20px;font-size:13px;color:var(--ink-dim);align-items:center;flex-wrap:wrap}.project-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--ink-mute)}.bg-tech{background:linear-gradient(135deg,#050511,#1e1b4b,#4c1d95)}.bg-night{background:linear-gradient(135deg,#18063f,#7c1d6f,#dc2683)}.bg-cucina{background:linear-gradient(135deg,#7c2d12,#b91c1c 45%,#f59e0b)}.bg-pub{background:linear-gradient(135deg,#14532d,#166534 35%,#92400e 75%,#1c1917)}.bg-fashion{background:linear-gradient(135deg,#ff4d8f,#a855f7 60%,#3b82f6)}.bg-saas{background:linear-gradient(135deg,#22d3ee,#3b82f6 60%,#6366f1)}.project-bg.pattern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 30%,rgba(255,255,255,.22),transparent 35%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.35),transparent 40%);mix-blend-mode:overlay}.process{background:linear-gradient(180deg,transparent,rgba(168,85,247,.04),transparent);padding:clamp(80px,12vw,160px) 0}.process-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:120px 1fr 1fr;gap:32px;padding:36px 0;border-bottom:1px solid var(--line);align-items:start;transition:padding .4s var(--ease-out)}@media (max-width: 820px){.step{grid-template-columns:60px 1fr;gap:18px}.step-desc{grid-column:2}}.step:hover{padding-left:12px}.step-num{font-family:var(--font-display);font-style:italic;font-size:clamp(40px,5vw,72px);line-height:1;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent}.step-title{font-family:var(--font-display);font-size:clamp(26px,3vw,40px);letter-spacing:-.02em;line-height:1.05}.step-title em{font-style:italic}.step-desc{color:var(--ink-dim);font-size:16px;line-height:1.65;max-width:50ch}.step-tag{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px}.contact-wrap{position:relative;border-radius:var(--radius-xl);background:linear-gradient(180deg,#a855f72e,#3b82f60f);border:1px solid var(--line-strong);padding:clamp(50px,7vw,90px) clamp(28px,5vw,70px);overflow:hidden}.contact-wrap:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--gradient-main);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.contact-grid{display:grid;gap:40px}@media (min-width: 900px){.contact-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:start}}.contact-info{display:flex;flex-direction:column;gap:28px}.contact-row{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:var(--radius-md);background:#0a0a0f73;border:1px solid var(--line);transition:transform .4s var(--ease-out),border-color .4s ease}.contact-row:hover{transform:translate(6px);border-color:var(--line-strong)}.contact-row .ic{width:44px;height:44px;border-radius:12px;background:var(--gradient-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.contact-row .label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:4px}.contact-row .value{font-size:17px;color:var(--ink);font-weight:500}form.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.input,.textarea{width:100%;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--line);background:#0a0a0f99;color:var(--ink);font:inherit;font-size:15px;transition:border-color .3s ease,background .3s ease}.textarea{min-height:140px;resize:vertical;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--ink-mute)}.input:focus,.textarea:focus{outline:none;border-color:var(--accent-2);background:#0a0a0fd9}.footer{border-top:1px solid var(--line);padding:60px 0 32px;margin-top:80px}.footer-big{font-family:var(--font-display);font-size:clamp(64px,14vw,220px);line-height:.9;letter-spacing:-.03em;background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;color:transparent;margin:20px 0 50px}.footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ink-mute);padding-top:24px;border-top:1px solid var(--line)}.footer-row a{color:var(--ink-dim);transition:color .3s ease}.footer-row a:hover{color:var(--ink)}.cursor{position:fixed;top:0;left:0;width:12px;height:12px;border-radius:50%;background:var(--ink);pointer-events:none;z-index:999;mix-blend-mode:difference;transition:transform .18s var(--ease-out),opacity .3s ease;transform:translate(-50%,-50%)}.cursor.hidden{opacity:0}.cursor.hover{transform:translate(-50%,-50%) scale(3.5)}@media (hover: none),(pointer: coarse){.cursor{display:none}}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.split-line{display:inline-block;overflow:hidden;vertical-align:top}.split-line>span{display:inline-block;transform:translateY(100%)}