:root{--color-bg: #FBFBFD;--color-surface: #FFFFFF;--color-surface-2: #F5F5F7;--color-accent: #0071E3;--color-accent-rgb: 0, 113, 227;--color-bg-rgb: 251, 251, 253;--color-text: #1D1D1F;--color-muted: #6E6E73;--color-border: #D2D2D7;--font-main: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--gutter: clamp(16px, 2vw, 20px);--inner-width: 1400px;--ease: cubic-bezier(.25, .46, .45, .94);--transition: .3s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;cursor:none;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 15% 40%,rgba(108,60,255,.13) 0%,transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(0,160,255,.11) 0%,transparent 50%),radial-gradient(ellipse at 65% 85%,rgba(255,70,160,.09) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(60,200,255,.06) 0%,transparent 70%)}section,footer,.nav{position:relative;z-index:1}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:none;border:none;background:none}.container{max-width:var(--inner-width);margin:0 auto;padding:0 var(--gutter)}h1{font-size:clamp(2.5rem,7vw,7rem);font-weight:600;line-height:1.05;letter-spacing:-.02em}h2{font-size:clamp(2rem,4.5vw,4.5rem);font-weight:600;line-height:1.08;letter-spacing:-.015em}h3{font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:600;letter-spacing:-.01em}p{font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.7;font-weight:400}.section-header{margin-bottom:clamp(40px,6vw,80px)}.section-label{display:block;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);margin-bottom:16px}.section-title{overflow:hidden}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:none}.preloader{position:fixed;inset:0;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:9999}.preloader__text{font-size:clamp(2rem,6vw,5rem);font-weight:700;letter-spacing:-.03em}.cursor{width:8px;height:8px;background:var(--color-accent);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:transform .1s,width .3s,height .3s,background .3s}.cursor-follower{width:36px;height:36px;border:1px solid rgba(var(--color-accent-rgb),.5);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .12s,width .3s,height .3s,opacity .3s}.cursor.is-hovering{width:16px;height:16px;background:var(--color-text)}.cursor-follower.is-hovering{width:56px;height:56px;opacity:.6}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--font-main);font-size:.95rem;font-weight:400;letter-spacing:-.01em;border-radius:100px;transition:var(--transition);position:relative;overflow:hidden}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:#0077ed}.btn--outline{border:1px solid rgba(0,0,0,.07);color:var(--color-text);background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px #00000012,0 1px 1px #ffffffe6 inset}.btn--outline:hover{background:#ffffff59;box-shadow:0 2px 8px #0000001a,0 1px 1px #ffffffe6 inset;transform:translateY(-1px)}.btn--outline:active{transform:translateY(0);box-shadow:0 1px 2px #00000014 inset}.btn--full{width:100%;justify-content:center}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 var(--gutter);background:rgba(var(--color-bg-rgb),.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);transition:background .4s}.nav.is-scrolled{background:rgba(var(--color-bg-rgb),.85)}.nav__inner{max-width:var(--inner-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:52px}.nav__logo{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.nav__center{display:flex;align-items:center;gap:28px}.nav__links{display:flex;gap:28px}.lang-toggle{font-size:.9rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);padding:6px 14px;border-radius:100px;background:#fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 3px #00000012,0 1px 1px #ffffffe6 inset;transition:var(--transition)}.lang-toggle:hover{background:#ffffff59;box-shadow:0 2px 8px #0000001a,0 1px 1px #ffffffe6 inset;transform:translateY(-1px)}.lang-toggle:active{transform:translateY(0);box-shadow:0 1px 2px #00000014 inset}.nav__link{font-size:.8rem;font-weight:400;color:var(--color-text);opacity:.8;transition:opacity var(--transition)}.nav__link:hover{opacity:1}.service-card{background:var(--color-surface-2);border-radius:18px;padding:clamp(24px,3vw,40px);transition:var(--transition);position:relative;overflow:hidden}.service-card:after{content:attr(data-index);position:absolute;top:20px;right:24px;font-size:.75rem;color:var(--color-border);font-weight:500}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.service-card__icon{font-size:1.8rem;margin-bottom:20px;display:block;color:var(--color-accent)}.service-card__title{margin-bottom:10px}.service-card__desc{color:var(--color-muted);font-size:.9rem;line-height:1.6}.project-card{flex:0 0 clamp(280px,35vw,520px);border-radius:16px;overflow:hidden;cursor:none}.project-card__img{width:100%;aspect-ratio:4/3;transition:transform .6s var(--ease)}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__info{padding:16px 0;display:flex;justify-content:space-between;align-items:center}.project-card__title{font-size:1rem;font-weight:600}.project-card__tag{font-size:.75rem;color:var(--color-muted);border:1px solid var(--color-border);padding:4px 12px;border-radius:100px}.filter-btn{font-size:.85rem;color:var(--color-muted);border:1px solid var(--color-border);padding:8px 20px;border-radius:100px;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{color:var(--color-text);border-color:var(--color-text)}.form-group{margin-bottom:12px}.form-input{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:10px;padding:14px 18px;font-family:var(--font-main);font-size:.95rem;color:var(--color-text);outline:none;transition:border-color var(--transition),box-shadow var(--transition);resize:none;-webkit-appearance:none}.form-input::placeholder{color:var(--color-muted)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.btn.is-success{background:#27ae60;color:#fff}@media(hover:none),(pointer:coarse){.cursor,.cursor-follower{display:none}body{cursor:auto}a,button{cursor:pointer}}@media(max-width:768px){.nav__inner{height:48px}.nav__cta{display:none}.form-input{font-size:16px}.btn{padding:10px 20px;font-size:.9rem}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:120px var(--gutter) 80px;overflow:hidden}.hero__inner{max-width:var(--inner-width);margin:0 auto;width:100%;position:relative;z-index:2}.hero__title{display:block;margin-bottom:32px}.hero__line{display:block;will-change:clip-path,transform}.hero__line--accent{color:var(--color-accent)}.hero__sub{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--color-muted);max-width:420px;margin-bottom:40px}.hero__blob{position:absolute;right:-10%;top:50%;transform:translateY(-50%);width:clamp(300px,45vw,700px);aspect-ratio:1;border-radius:60% 40% 70% 30%/50% 60% 40% 70%;background:radial-gradient(ellipse at center,rgba(var(--color-accent-rgb),.07),transparent 70%);animation:blobMorph 8s ease-in-out infinite alternate;pointer-events:none}@keyframes blobMorph{0%{border-radius:60% 40% 70% 30%/50% 60% 40% 70%}25%{border-radius:30% 70% 40% 60%/70% 30% 60% 40%}50%{border-radius:50% 50% 60% 40%/40% 60% 50% 50%}75%{border-radius:70% 30% 50% 50%/60% 40% 70% 30%}to{border-radius:40% 60% 30% 70%/50% 40% 60% 50%}}.hero__scroll-hint{position:absolute;bottom:40px;left:var(--gutter);display:flex;align-items:center;gap:16px;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted)}.hero__scroll-line{width:40px;height:1px;background:var(--color-muted);transform-origin:left;animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.4);opacity:.4}}.services{padding:clamp(80px,10vw,140px) var(--gutter)}.feat-list{display:flex;flex-direction:column}.feat-row{display:grid;grid-template-columns:80px 1fr 1fr;align-items:baseline;gap:0 32px;padding:28px 0;border-bottom:1px solid var(--color-border);transition:background var(--transition);cursor:default}.feat-row:first-child{border-top:1px solid var(--color-border)}.feat-row__num{font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--color-border);line-height:1;transition:color var(--transition)}.feat-row:hover .feat-row__num{color:var(--color-accent)}.feat-row__title{font-size:clamp(1rem,1.4vw,1.25rem);font-weight:600;letter-spacing:-.02em;transition:color var(--transition)}.feat-row:hover .feat-row__title{color:var(--color-accent)}.feat-row__desc{font-size:.88rem;color:var(--color-muted);line-height:1.6;max-width:420px}@media(max-width:768px){.feat-row{grid-template-columns:48px 1fr;grid-template-rows:auto auto}.feat-row__desc{grid-column:2;margin-top:4px}}.portfolio{padding:clamp(80px,10vw,140px) 0}.portfolio .container{padding:0 var(--gutter);margin-bottom:48px}.marquee{overflow:hidden;position:relative;width:100vw;left:50%;transform:translate(-50%)}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(to right,var(--color-bg),transparent)}.marquee:after{right:0;background:linear-gradient(to left,var(--color-bg),transparent)}.marquee__track{display:flex;gap:24px;padding:12px 0 20px;width:max-content;will-change:transform}.marquee__card{width:clamp(240px,24vw,360px);background:var(--color-surface-2);border-radius:20px;overflow:visible;flex-shrink:0;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.marquee__img{border-radius:20px}.marquee__card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001a}.marquee__img{width:100%;aspect-ratio:16/10}.marquee__info{padding:20px 24px;display:flex;flex-direction:column;gap:6px}.marquee__card--link{display:block;text-decoration:none;color:inherit;cursor:none}.marquee__card--link:hover .marquee__iframe-wrap{box-shadow:0 12px 40px #0000001f}.marquee__caption{padding:16px 0 0;font-size:1.35rem;font-weight:600;color:var(--color-text);letter-spacing:-.03em;text-align:center;width:100%;opacity:.5}.marquee__iframe-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:20px}.marquee__iframe{position:absolute;top:0;left:0;width:250%;height:250%;border:none;transform:scale(.4);transform-origin:top left;pointer-events:none}.marquee__tag{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.marquee__title{font-size:clamp(1rem,1.4vw,1.2rem);font-weight:600;letter-spacing:-.01em}.contact{padding:clamp(80px,10vw,140px) var(--gutter);border-top:1px solid var(--color-border)}.contact__layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:start}.contact__tagline{font-size:clamp(1rem,1.5vw,1.3rem);color:var(--color-muted);max-width:360px;margin-bottom:32px;line-height:1.5}.contact__links{display:flex;flex-direction:column;gap:12px}.contact__link{font-size:.95rem;color:var(--color-muted);transition:color var(--transition);display:inline-flex;align-items:center;gap:8px}.contact__link:hover{color:var(--color-accent)}.footer{padding:32px var(--gutter);border-top:1px solid var(--color-border)}.footer__inner{display:flex;justify-content:space-between;align-items:center}.footer__logo{font-weight:700;font-size:1rem;letter-spacing:-.02em}.footer__copy{font-size:.8rem;color:var(--color-muted)}@media(max-width:768px){.nav__links,.nav__cta,.hero__blob{display:none}.hero{padding:96px var(--gutter) 64px}.hero__sub{max-width:100%}.feat-row{grid-template-columns:44px 1fr;gap:0 16px;padding:20px 0}.feat-row__desc{grid-column:2;margin-top:6px}.marquee__card{width:clamp(220px,72vw,320px)}.contact__layout{grid-template-columns:1fr}.contact__tagline{max-width:100%}.footer__inner{flex-direction:column;gap:8px;text-align:center}}@media(max-width:480px){.hero__scroll-hint{display:none}.hero{padding:88px var(--gutter) 48px}.services,.contact{padding:clamp(60px,14vw,100px) var(--gutter)}.portfolio{padding:clamp(60px,14vw,100px) 0}.marquee__card{width:80vw}.marquee__caption{font-size:1.1rem}}