@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F2F4F7;--bg-surface: #FFFFFF;--bg-hover: #F8FAFC;--bg-dark: #121212;--bg-dark-surface: #1C1C1E;--border: rgba(0, 0, 0, .06);--border-light: rgba(255, 255, 255, .1);--border-dark: rgba(0, 0, 0, .12);--text: #111827;--text-sub: #4B5563;--text-dim: #9CA3AF;--text-inverse: #FFFFFF;--text-inverse-sub: #A1A1AA;--accent: #FF5C00;--accent-hover: #E05200;--accent-glow: rgba(255, 92, 0, .2);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font: "Inter", -apple-system, sans-serif;--mono: "JetBrains Mono", "Courier New", monospace;--transition: .3s cubic-bezier(.16, 1, .3, 1)}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color var(--transition)}ul{list-style:none}img{display:block;max-width:100%}.ambient-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}.ambient-background:after{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(37,99,235,.12) 0%,transparent 70%);pointer-events:none}h1,h2,h3,h4{font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--text)}h1{font-size:clamp(3rem,6vw,5rem);letter-spacing:-.04em}h2{font-size:clamp(2.5rem,4vw,3.5rem)}h3{font-size:1.5rem;letter-spacing:-.02em}p{color:var(--text-sub);font-size:1.125rem;line-height:1.6}.pill-tag{display:inline-flex;align-items:center;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-sub);letter-spacing:-.01em}.mono-tag{font-family:var(--mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:16px;font-weight:600}.section{padding:120px 40px;max-width:1280px;margin:0 auto;position:relative}.page-wrapper{max-width:1280px;margin:0 auto;padding:100px 40px 80px}.section-padding{padding-left:40px;padding-right:40px}.section-border{border-top:1px solid var(--border)}.btn,.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;letter-spacing:-.01em;cursor:pointer;border:none;transition:var(--transition);white-space:nowrap}.btn-primary,.cta-button{background:var(--accent);color:#fff}.btn-primary:hover,.cta-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 25px var(--accent-glow)}.btn-outline,.cta-outline{background:transparent;border:1px solid var(--border-dark);color:var(--text)}.btn-outline:hover,.cta-outline:hover{border-color:var(--text);background:#00000008;transform:translateY(-2px)}.cta-button:hover{background:#e5e7eb;color:#000}header{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1200px;height:56px;transition:all .5s cubic-bezier(.16,1,.3,1)}header.header-top{background:transparent;border:1px solid transparent;box-shadow:none;padding:0}header.header-top .header-left,header.header-top .header-center,header.header-top .header-right .nav-cta-btn{height:100%;display:flex;align-items:center;border-radius:var(--radius-full);transition:all .5s cubic-bezier(.16,1,.3,1)}header.header-top .header-left{background:#1c1e21;padding:0 24px;box-shadow:0 4px 20px #0000001a}header.header-top .header-center{background:#1c1e21;padding:0 16px;box-shadow:0 4px 20px #0000001a}header.header-top .header-right{height:100%}header.header-top .nav-cta-btn{background:#fff;color:#111;padding:0 24px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000000d}header.header-top .nav-cta-btn:hover{background:#f8fafc;transform:translateY(-2px)}header.header-scrolled{background:#fff6;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);box-shadow:0 4px 30px #0000000a;padding:0 12px 0 24px}header.header-scrolled .header-left,header.header-scrolled .header-center,header.header-scrolled .header-right .nav-cta-btn{height:40px;display:flex;align-items:center;background:transparent;padding:0;box-shadow:none;border:none;transition:all .5s cubic-bezier(.16,1,.3,1)}header.header-scrolled .header-right{display:flex;align-items:center;height:100%}header.header-scrolled .header-right .nav-cta-btn{background:var(--text);color:#fff;padding:0 20px;border-radius:var(--radius-full)}header.header-scrolled .header-right .nav-cta-btn:hover{background:var(--accent)}.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;outline:none}.logo-text{font-size:1.3rem;font-weight:800;letter-spacing:-.04em;text-transform:uppercase;transition:color .5s}header.header-top .logo-text{color:#fff}header.header-scrolled .logo-text{color:var(--text)}.logo-mark{width:20px;height:20px;border-radius:4px;position:relative;overflow:hidden;transition:all .5s}.logo-mark:after{content:"";position:absolute;top:0;right:0;width:10px;height:10px;border-bottom-left-radius:4px;transition:background .5s}header.header-top .logo-mark{background:#fff}header.header-top .logo-mark:after{background:#1c1e21}header.header-scrolled .logo-mark{background:var(--text)}header.header-scrolled .logo-mark:after{background:#fff}.header-center ul{display:flex;gap:4px;align-items:center;height:100%;list-style:none;margin:0;padding:0}.header-center a{display:block;padding:8px 16px;font-size:.95rem;font-weight:500;border-radius:var(--radius-full);text-decoration:none;transition:all .3s}header.header-top .header-center a{color:#ffffffb3}header.header-top .header-center a:hover,header.header-top .header-center a.nav-active{color:#fff;background:#ffffff1a}header.header-scrolled .header-center a{color:var(--text-sub)}header.header-scrolled .header-center a:hover,header.header-scrolled .header-center a.nav-active{color:var(--text);background:#0000000d}.nav-cta-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;text-decoration:none;border-radius:var(--radius-full);transition:all .5s cubic-bezier(.16,1,.3,1);white-space:nowrap}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:1.5px;background:var(--text);border-radius:2px;transition:var(--transition)}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero-section{min-height:100vh;padding-top:100px;display:flex;align-items:center;justify-content:center}.hero-card{width:100%;background:#111;border-radius:40px;padding:100px 80px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.hero-content{position:relative;z-index:2;max-width:680px;opacity:0;animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) forwards}.hero-content h1{color:#fff;margin-bottom:32px;font-size:clamp(4rem,8vw,7rem);line-height:.92;letter-spacing:-.05em;font-weight:800}.hero-sub{color:#fff9;margin-bottom:48px;max-width:500px;font-size:1.15rem;line-height:1.6}.hero-ctas{display:flex;gap:16px;align-items:center}.cta-solid-orange{background:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:12px;padding:16px 32px;border-radius:var(--radius-full);font-weight:700;font-size:1rem;transition:all .3s;border:none}.cta-solid-orange:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-icon-ar{font-size:1.1rem;font-weight:700}.cta-outline-dark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.15);display:inline-flex;align-items:center;padding:16px 32px;border-radius:var(--radius-full);font-weight:600;font-size:1rem;transition:all .3s}.cta-outline-dark:hover{background:#ffffff0d;border-color:#ffffff4d}.hero-art-pills{position:absolute;right:120px;top:50%;transform:translateY(-50%);width:400px;height:500px;pointer-events:none;z-index:1;animation:fadeInRight 1.5s cubic-bezier(.16,1,.3,1) forwards}.art-pill{position:absolute;background:linear-gradient(160deg,#222,#0d0d0d);border-radius:100px;box-shadow:15px 15px 35px #0009,-5px -5px 15px #0000004d,inset 2px 2px 2px #ffffff0f;animation:float-art 6s ease-in-out infinite}.pill-tall{width:130px;height:380px;right:170px;top:60px;z-index:2}.pill-short{width:130px;height:280px;right:20px;top:130px;z-index:1;animation-delay:-2s}.art-circle-orange{position:absolute;width:96px;height:96px;background:#d15f2a;border-radius:50%;top:25px;right:250px;z-index:3;box-shadow:8px 8px 15px #0000004d,inset 1px 1px 2px #ffffff26;animation:float-art 5s ease-in-out infinite;animation-delay:-1s}@keyframes float-art{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media(max-width:992px){.hero-card{flex-direction:column;padding:60px 40px;align-items:flex-start}.hero-art-pills{display:none}}.features-header{margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.features-header h2{margin-bottom:16px}.text-center{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:120px}.feature-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:40px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 12px #00000005}.feature-icon{margin-bottom:12px}.feature-card h3{font-size:1.25rem;font-weight:700}.feature-card p{font-size:.95rem;color:var(--text-sub);line-height:1.6}.services-bento-container{background:var(--bg-surface);border-radius:var(--radius-xl);padding:80px 60px;box-shadow:0 10px 40px #00000005}.bento-header{margin-bottom:60px}.bento-title-row{display:flex;justify-content:space-between;align-items:flex-end}.bento-intro{text-align:right;max-width:400px}@media(max-width:768px){.bento-title-row{flex-direction:column;align-items:flex-start;gap:16px}.bento-intro{text-align:left;max-width:100%}.services-bento-container{padding:40px 24px;border-radius:var(--radius-lg)}.bento-header{margin-bottom:32px}}.bento-grid-new{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;min-height:600px}.bento-column{display:flex;flex-direction:column;gap:24px}.bento-card-new{border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;flex:1;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border .4s ease;border:1px solid transparent}.bento-card-new:hover{transform:translateY(-8px);box-shadow:0 24px 48px #00000014,0 4px 12px #0000000a,inset 0 1px #fffc,inset 0 0 20px #fff6;border:1px solid rgba(255,255,255,.6)}.bento-card-new:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff80,#fff0);transform:skew(-25deg);z-index:1;pointer-events:none}.bento-card-new:hover:after{animation:glass-shine 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes glass-shine{0%{left:-150%}to{left:200%}}.bento-content{position:relative;z-index:2}.bento-card-new h3{font-size:1.25rem;margin-bottom:12px;color:var(--text)}.bento-card-new p{font-size:.9rem;line-height:1.6;color:#0009}.bento-footer{margin-top:auto;padding-top:24px}.mini-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.avatars-row{display:flex;margin-top:16px}.avatar{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;margin-left:-8px;border:2px solid var(--bg-surface);box-shadow:0 2px 8px #0000001a}.avatar:first-child{margin-left:0}.bento-light-grey{background:#eaf5ea}.bento-pastel-yellow{background:#fff9e6;flex:.8}.bento-pastel-blue{background:#e6f3ff;flex:1.2}.bento-pastel-grey{background:#e5e9ee;flex:1.5}.bento-pastel-purple{background:#f4eeff;flex:.5}.bento-mockup{position:absolute;background:var(--bg-dark);border-radius:8px;box-shadow:0 10px 30px #0000001a;z-index:1}.web-mockup{height:240px;margin-bottom:32px;position:relative;width:100%;border:1px solid var(--border-light)}.ui-mockup{height:180px;margin-bottom:32px;position:relative;background:#fff;width:100%;border:1px solid var(--border)}.ad-mockup{bottom:-20px;right:32px;left:32px;height:120px;background:#fff;border:1px solid var(--border)}.gifs-section{padding:80px 0;background:var(--bg);overflow:hidden;position:relative;opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.gifs-eyebrow{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:60px;padding:0 40px}.gifs-line{height:1px;background:var(--border-dark);flex:1;max-width:300px}.gifs-eyebrow-text{font-family:var(--mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.gifs-rows{display:flex;flex-direction:column;gap:32px}.gifs-marquee-wrapper{display:flex;overflow:hidden;position:relative;width:100%}.gifs-marquee-wrapper:before,.gifs-marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}.gifs-marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 100%)}.gifs-marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--bg) 0%,transparent 100%)}.gifs-marquee-track{display:flex;gap:24px;padding:0 12px;animation:scrollMarquee 40s linear infinite;will-change:transform}.gifs-marquee-track.reverse{animation:scrollMarquee 45s linear infinite reverse}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.gifs-card{flex:0 0 320px;background:var(--bg-surface);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 20px #00000008;border:1px solid var(--border);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.gifs-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.gifs-card-img{width:100%;height:180px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-dark)}.gifs-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 3s ease;will-change:transform}.gifs-card:hover .gifs-card-img img{transform:scale(1.05)}.gifs-card-label{font-family:var(--mono);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);padding-left:8px;padding-bottom:8px}@media(max-width:768px){.gifs-card{flex:0 0 260px}.gifs-card-img{height:150px}.gifs-marquee-wrapper:before,.gifs-marquee-wrapper:after{width:60px}}.cases-section{padding-top:100px;background:var(--bg)}.cases-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.cases-header h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-1.5px;color:var(--text);margin:0}.btn-sm-outline{padding:12px 24px;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text);font-weight:600;font-size:.95rem;transition:all .3s;text-decoration:none}.btn-sm-outline:hover{background:var(--bg-surface);border-color:var(--text-sub)}.works-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.work-bento-card{padding:0;min-height:480px;justify-content:space-between;flex-direction:column-reverse}.work-bento-content{padding:0 32px 32px;z-index:2;position:relative}.work-bento-mockup{width:100%;height:280px;overflow:hidden;position:relative;z-index:1;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0}.work-bento-mockup img{width:100%;height:100%;object-fit:contain;object-position:bottom;transition:transform .6s cubic-bezier(.16,1,.3,1)}.bento-card-new:hover .work-bento-mockup img{transform:scale(1.03) translateY(-4px)}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-pill{font-size:.7rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-full);background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.05);color:var(--text-sub)}@media(max-width:992px){.works-bento-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.cases-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.workflow-cell{background:var(--bg);padding:32px 28px;transition:var(--transition)}.workflow-cell:hover{background:var(--bg-surface)}.workflow-cell-num{font-size:2.5rem;font-weight:900;color:#ffffff0f;line-height:1;margin-bottom:20px;font-family:var(--mono)}.workflow-cell h3{font-size:.95rem;font-weight:700;margin-bottom:10px;letter-spacing:.5px;text-transform:uppercase}.workflow-cell p{font-size:.85rem;color:var(--text-sub);line-height:1.6}.workflow-progress{width:24px;height:2px;background:var(--accent);margin-bottom:20px;border-radius:2px;transition:width var(--transition)}.workflow-cell:hover .workflow-progress{width:48px}.leader-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000005;position:relative;overflow:hidden}.leader-card:hover{transform:translateY(-4px);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 32px #00000014;border-color:#00000014}.leader-top{display:flex;align-items:center;gap:20px;margin-bottom:24px}.leader-avatar-wrap{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px #0000001a}.leader-title h3{font-size:1.25rem;color:var(--text);margin-bottom:4px}.leader-desc{font-size:.95rem;color:var(--text-sub);line-height:1.6;margin-bottom:32px}.leader-tags{display:flex;flex-wrap:wrap;gap:12px}.leader-pill{font-size:.75rem;font-weight:600;color:var(--text-dim);background:var(--bg);padding:6px 14px;border-radius:var(--radius-full)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{border-radius:var(--radius-lg);padding:40px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.testimonial-quote{font-size:1.15rem;line-height:1.6;color:var(--text);font-weight:500;letter-spacing:-.01em}.testimonial-author{display:flex;align-items:center;gap:16px}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #0000000d}.testimonial-name{font-weight:700;font-size:.95rem;color:var(--text)}.testimonial-role{font-size:.85rem;color:var(--text-sub)}@media(max-width:992px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.footer-block-wrapper{padding:60px 20px 20px}.footer-block{background:var(--bg-dark-surface);border-radius:var(--radius-xl);padding:80px 60px 40px;color:var(--text-inverse);position:relative;overflow:hidden;box-shadow:0 40px 100px #00000026}.footer-top{display:flex;justify-content:space-between;gap:80px;margin-bottom:80px;border-bottom:1px solid var(--border-light);padding-bottom:80px}.footer-brand{max-width:320px}.footer-logo{font-size:2.4rem;letter-spacing:-.05em;font-weight:900;margin-bottom:24px;color:#fff}.footer-brand p{color:var(--text-inverse-sub);font-size:1.05rem;line-height:1.6}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.footer-col h4{color:#fff;font-size:1rem;margin-bottom:24px;font-weight:600;letter-spacing:-.01em}.footer-col a{display:block;color:var(--text-inverse-sub);margin-bottom:16px;font-size:.95rem;transition:color var(--transition)}.footer-col a:hover{color:var(--accent)}.footer-break{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px}.footer-headline{font-size:clamp(3rem,6vw,4.5rem);color:#fff;line-height:1.05;letter-spacing:-.03em;margin:0}.footer-cta{padding:20px 40px;font-size:1.1rem;border-radius:100px;transition:transform var(--transition)}.footer-cta:hover{transform:translateY(-4px) scale(1.02)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--text-inverse-sub);font-size:.85rem;border-top:1px solid var(--border-light);padding-top:32px}.footer-legal{display:flex;gap:24px}.footer-legal a{transition:color var(--transition)}.footer-legal a:hover{color:#fff}@media(max-width:992px){.footer-top,.footer-break{flex-direction:column;gap:40px}.footer-links-grid{grid-template-columns:repeat(2,1fr)}.footer-cta{align-self:flex-start}}@media(max-width:768px){.footer-block{padding:60px 30px 30px}.footer-links-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:20px;align-items:flex-start}}.leader-section{padding-top:100px}.leader-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:60px}.leader-header h2{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-1.5px;margin:12px 0 0}.leader-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.leader-card{background:var(--bg-surface);border-radius:32px;padding:40px;display:flex;flex-direction:column;gap:24px;border:1px solid rgba(0,0,0,.02);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.leader-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0000000d}.leader-top{display:flex;align-items:center;gap:20px}.leader-avatar-wrap{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;flex-shrink:0}.leader-title h3{font-size:1.5rem;font-weight:700;margin:0 0 6px;letter-spacing:-.5px}.leader-role{font-size:.9rem;color:var(--text-sub);font-weight:500}.leader-desc{font-size:1.05rem;line-height:1.6;color:var(--text-sub);margin:0}.leader-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.leader-pill{font-size:.8rem;font-weight:500;padding:8px 16px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--border-light);color:var(--text-sub)}@media(max-width:992px){.leader-grid{grid-template-columns:1fr}}.work-section{padding:100px 0}.work-header{text-align:center;margin-bottom:60px}.work-header h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-1.5px;margin:16px 0 0;color:var(--text)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.work-card{background:var(--bg-surface);border-radius:40px;padding:40px;display:flex;flex-direction:column;gap:24px;border:1px solid rgba(0,0,0,.02);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden}.work-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0000000d}.work-num{font-size:3rem;font-weight:900;color:var(--border);line-height:1;letter-spacing:-2px}.work-content h3{font-size:1.6rem;font-weight:700;margin:0 0 12px;letter-spacing:-.5px}.work-content p{font-size:1.05rem;line-height:1.6;color:var(--text-sub);margin:0}@media(max-width:992px){.work-grid{grid-template-columns:1fr}}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px}.contact-tagline{font-size:1rem;color:var(--text-sub);line-height:1.7;max-width:360px;margin-bottom:36px}.contact-cta{margin:0}.contact-methods{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.contact-method{display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:20px;padding:24px;background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text);transition:background var(--transition),border-color var(--transition);position:relative}.contact-method:last-child{border-bottom:none}.contact-method:hover{background:var(--bg-hover)}.contact-method-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:#2563eb14;border:1px solid rgba(37,99,235,.18);display:flex;align-items:center;justify-content:center;color:var(--accent);transition:var(--transition);flex-shrink:0}.contact-method:hover .contact-method-icon{background:#2563eb26;color:var(--cyan)}.contact-method-body{display:flex;flex-direction:column;gap:2px}.contact-method-label{font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono)}.contact-method-value{font-size:.95rem;font-weight:700;color:var(--text)}.contact-method-note{font-size:.78rem;color:var(--text-sub);margin-top:1px}.contact-method-arrow{color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:var(--transition);transform:translate(-4px);opacity:0}.contact-method:hover .contact-method-arrow{transform:translate(0);opacity:1;color:var(--text)}.copyright{margin-top:64px;font-size:.75rem;color:var(--text-dim);font-family:var(--mono);border-top:1px solid var(--border);padding-top:24px}.filter-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.filter-tab{padding:10px 24px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-sub);cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font);transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000005}.filter-tab:hover{background:var(--bg-hover);color:var(--text);transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.filter-tab.active{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:0 4px 16px var(--accent-glow)}.page-wrapper{padding-top:80px;min-height:100vh}.form-card{max-width:620px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:40px}.form-step-indicator{display:flex;align-items:center;gap:0;margin-bottom:36px}.form-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0;border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);transition:var(--transition)}.form-step-dot.active{border-color:var(--accent);background:var(--accent);color:#fff}.form-step-dot.done{border-color:var(--cyan);background:var(--cyan);color:#000}.form-step-line{flex:1;height:1px;background:var(--border)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.72rem;font-weight:600;letter-spacing:1px;color:var(--text-sub);margin-bottom:8px;font-family:var(--mono)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.9rem;outline:none;transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group select option{background:#111}.form-group textarea{resize:vertical;min-height:100px}.form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.track-key-box{max-width:480px}.track-result{max-width:680px;margin-top:32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:36px}.progress-stages{display:flex;align-items:center;gap:0;margin:28px 0}.progress-stage{flex:1;text-align:center}.progress-stage-dot{width:32px;height:32px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:1px solid var(--border);color:var(--text-dim);transition:var(--transition)}.progress-stage-dot.completed{background:var(--accent);border-color:var(--accent);color:#fff}.progress-stage-dot.current{background:var(--cyan);border-color:var(--cyan);color:#000;box-shadow:0 0 12px #38bdf866}.progress-stage-label{font-size:.68rem;color:var(--text-sub);font-family:var(--mono)}.progress-connector{flex:.4;height:1px;background:var(--border)}.progress-bar-wrap{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden;margin:16px 0 8px}.progress-bar-fill{height:100%;border-radius:2px;background:linear-gradient(to right,var(--accent),var(--cyan));transition:width 1.2s cubic-bezier(.4,0,.2,1)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.info-item{padding:14px 16px;background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm)}.info-item-label{font-size:.68rem;color:var(--text-dim);font-family:var(--mono);margin-bottom:4px}.info-item-value{font-size:.9rem;font-weight:600}.toast{position:fixed;bottom:28px;right:28px;z-index:999;padding:14px 24px;border-radius:var(--radius-sm);background:#fff;color:#000;font-weight:600;font-size:.875rem;animation:slideUp .3s ease;box-shadow:0 8px 32px #00000080}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.projects-grid,.workflow-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){header{padding:0 20px}.hamburger{display:flex}header.header-top .hamburger span{background:#fff}header.header-scrolled .hamburger span{background:var(--text)}header.header-top .header-left,header.header-scrolled .header-left{width:100%;justify-content:space-between;padding:0 24px;align-items:center;border-radius:var(--radius-full)}header.header-top .header-left{background:#1c1e21;box-shadow:0 4px 20px #0000001a}header.header-top .header-right,header.header-scrolled .header-right{display:none}header.header-top .header-center,header.header-scrolled .header-center{display:none;position:absolute;top:64px;left:12px;right:12px;border-radius:var(--radius-md);padding:24px 20px;box-shadow:0 20px 40px #0003;height:auto;z-index:1000}header.header-top .header-center{background:#1c1e21;border:1px solid rgba(255,255,255,.1);color:#fff}header.header-top .header-center a{color:#fff}header.header-scrolled .header-center{background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.1)}header.header-top .header-center.nav-open,header.header-scrolled .header-center.nav-open{display:flex;flex-direction:column}header .header-center ul{flex-direction:column;align-items:stretch;width:100%;gap:8px}header .header-center a{text-align:center;padding:14px;font-size:1.1rem}.nav-cta-btn{display:none!important}.section{padding:80px 20px}h1,.hero-content h1{font-size:clamp(2.5rem,10vw,3.8rem);letter-spacing:-1px;line-height:1.05}.hero-card{padding:40px 24px;border-radius:24px}.hero-sub{font-size:1rem;margin-bottom:32px}.hero-ctas{flex-direction:column;align-items:flex-start}.projects-grid,.workflow-grid,.team-grid,.contact-layout,.benefits-layout{grid-template-columns:1fr;gap:40px}.info-grid{grid-template-columns:1fr}.features-grid,.bento-grid-new{grid-template-columns:1fr;gap:16px}.bento-card-new{min-height:250px}.gifs-rows{flex-direction:column}.contact-layout{grid-template-columns:1fr;gap:40px}.form-card{padding:24px}.contact-method{grid-template-columns:44px 1fr}.contact-method-arrow{display:none}}.gifs-section{padding:0 0 100px;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.gifs-section.gifs-visible{opacity:1;transform:translateY(0)}.gifs-eyebrow{display:flex;align-items:center;gap:20px;max-width:1280px;margin:0 auto 48px;padding:0 40px}.gifs-line{flex:1;height:1px;background:var(--border-dark)}.gifs-eyebrow-text{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.gifs-rows{display:flex;flex-direction:column;gap:16px;position:relative}.gifs-rows:before,.gifs-rows:after{content:"";position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}.gifs-rows:before{left:0;background:linear-gradient(to right,var(--bg) 0%,transparent 100%)}.gifs-rows:after{right:0;background:linear-gradient(to left,var(--bg) 0%,transparent 100%)}.gifs-marquee-wrapper{overflow:hidden;width:100%;padding:6px 0}.gifs-marquee-track{display:flex;gap:16px;width:max-content;animation:gifs-left 35s linear infinite}.gifs-marquee-track.reverse{animation:gifs-right 38s linear infinite}.gifs-marquee-wrapper:hover .gifs-marquee-track{animation-play-state:paused}@keyframes gifs-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes gifs-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.gifs-card{flex-shrink:0;width:220px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-dark);overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s;cursor:pointer}.gifs-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #0000001a,0 0 0 1.5px var(--accent);border-color:var(--accent)}.gifs-card-img{width:100%;height:148px;overflow:hidden;background:var(--bg)}.gifs-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.16,1,.3,1)}.gifs-card:hover .gifs-card-img img{transform:scale(1.07)}.gifs-card-label{display:block;padding:10px 14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);transition:color .3s;border-top:1px solid var(--border)}.gifs-card:hover .gifs-card-label{color:var(--accent)}@media(max-width:768px){.gifs-section{padding-bottom:60px}.gifs-eyebrow{padding:0 20px}.gifs-card{width:180px}.gifs-card-img{height:120px}}.wf-section{padding:100px 40px;max-width:1280px;margin:0 auto}.wf-header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:56px}.wf-header-left{display:flex;flex-direction:column;gap:8px}.wf-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.wf-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);margin:0;line-height:1.1}.wf-subtitle{max-width:340px;text-align:right;font-size:.95rem;color:var(--text-dim);line-height:1.6;margin:0}.wf-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:0;margin-bottom:20px}.wf-card{background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-lg);padding:28px 24px 20px;position:relative;display:flex;flex-direction:column;gap:12px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s;opacity:0;transform:translateY(30px)}.wf-visible .wf-card{animation:wf-card-in .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes wf-card-in{to{opacity:1;transform:translateY(0)}}.wf-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #0000001a;border-color:var(--accent)}.wf-badge{position:absolute;top:-14px;left:20px;width:28px;height:28px;background:var(--text-primary);color:var(--bg-surface);border-radius:50%;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:0;box-shadow:0 2px 8px #0000002e}.wf-card:hover .wf-badge{background:var(--accent)}.wf-icon-wrap{width:52px;height:52px;border-radius:50%;background:var(--bg);border:1px solid var(--border-dark);display:flex;align-items:center;justify-content:center;color:var(--text-dim);transition:background .3s,color .3s,border-color .3s;margin-top:4px}.wf-card:hover .wf-icon-wrap{background:#ff5c000f;border-color:#ff5c004d;color:var(--accent)}.wf-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.wf-card-desc{font-size:.84rem;color:var(--text-dim);line-height:1.55;margin:0}.wf-check{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-dark);display:flex;align-items:center;justify-content:center;color:var(--text-dim);margin-top:auto;transition:background .3s,border-color .3s,color .3s}.wf-card:hover .wf-check{background:var(--accent);border-color:var(--accent);color:#fff}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.55s}.delay-5{animation-delay:.7s}.delay-6{animation-delay:.85s}.delay-7{animation-delay:1s}.delay-8{animation-delay:1.15s}.wf-arrow-wrap,.wf-bridge{display:flex;align-items:center;justify-content:center;padding:0 8px;opacity:0}.wf-bridge{width:100%;height:80px;margin:-10px 0;display:flex;justify-content:flex-end;padding-right:15%}.wf-visible .wf-arrow-wrap,.wf-visible .wf-bridge{animation:wf-card-in .6s cubic-bezier(.16,1,.3,1) forwards}.wf-arrow,.bridge-svg{color:var(--accent);opacity:.6}.animated-dash-line{stroke-dasharray:6 6;animation:dash-flow 1.5s linear infinite;stroke:var(--accent)}@keyframes dash-flow{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.animated-icon svg{transition:transform .4s ease}.wf-card:hover .animated-icon svg{animation:icon-pulse 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes icon-pulse{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-2px)}}.wf-card:hover .wf-badge{background:var(--accent);box-shadow:0 0 15px #ff5c0066}.wf-card:hover .check-svg{animation:draw-check .4s ease forwards}@keyframes draw-check{0%{stroke-dasharray:20;stroke-dashoffset:20}to{stroke-dasharray:20;stroke-dashoffset:0}}.wf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-dark)}.wf-stat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;background:var(--bg-surface);border-right:1px solid var(--border-dark);transition:background .3s}.wf-stat:last-child{border-right:none}.wf-stat:hover{background:#ff5c0008}.wf-stat-value{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.wf-stat-label{font-size:.82rem;color:var(--text-dim);letter-spacing:.02em}@media(max-width:1024px){.wf-row{grid-template-columns:1fr auto 1fr;row-gap:20px}}@media(max-width:768px){.wf-section{padding:60px 20px}.wf-header{flex-direction:column;align-items:flex-start;gap:16px}.wf-subtitle{text-align:left;max-width:none}.wf-row{grid-template-columns:1fr;gap:16px}.wf-arrow-wrap{display:none}.wf-stats{grid-template-columns:1fr}.wf-stat{border-right:none;border-bottom:1px solid var(--border-dark)}.wf-stat:last-child{border-bottom:none}}.mobile-only-cta{display:none}@media(max-width:768px){.mobile-only-cta{display:block;margin-top:12px}.nav-cta-btn-mobile{width:100%;padding:14px;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:none;font-weight:600;font-size:1.05rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ff5c0033}.nav-cta-btn-mobile:active{transform:translateY(2px)}}.contact-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.contact-modal-content{position:relative;width:100%;max-width:480px;background:#ffffffa6;backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);border-radius:var(--radius-xl);padding:48px;box-shadow:0 40px 80px #0000001a,inset 0 1px 1px #ffffffe6,inset 0 0 0 1px #fff6;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:32px;animation:scaleUp .4s cubic-bezier(.16,1,.3,1) forwards}.contact-modal-close{position:absolute;top:24px;right:24px;background:transparent;border:none;font-size:28px;line-height:1;color:var(--text-dim);cursor:pointer;transition:var(--transition);padding:4px 12px;border-radius:var(--radius-full)}.contact-modal-close:hover{color:var(--text);background:#0000000d}.contact-modal-header{position:relative;display:flex;flex-direction:column;gap:12px}.contact-modal-header h2{font-size:2rem;line-height:1.1;letter-spacing:-.02em;margin:0}.contact-modal-header p{font-size:1rem;color:var(--text-sub);line-height:1.5;margin:0}.modal-back-btn{align-self:flex-start;background:transparent;border:none;color:var(--text-sub);font-weight:500;cursor:pointer;padding:0;margin-bottom:8px;font-size:.9rem;transition:color .2s}.modal-back-btn:hover{color:var(--text)}.contact-modal-options{display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease-out forwards}.contact-modal-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition);cursor:pointer;text-align:left;outline:none;width:100%}.contact-modal-card.highlight-card{background:#fffc;border-color:#ffffffe6}.contact-modal-card:hover{background:#ffffffd9;border-color:#fffc;transform:translateY(-2px);box-shadow:0 12px 24px #0000000d}.contact-modal-card.highlight-card:hover{background:#fff;box-shadow:0 12px 24px #ff5c0014}.contact-modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffffe6;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000000d;flex-shrink:0}.contact-modal-icon svg{width:20px;height:20px;color:var(--accent)}.contact-modal-info{display:flex;flex-direction:column;gap:4px}.contact-modal-info h4{font-size:1.1rem;margin:0;color:var(--text)}.contact-modal-info span{font-size:.9rem;color:var(--text-sub)}.contact-modal-form{display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease-out forwards}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--text-sub)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;color:var(--text);transition:all .2s;outline:none}.form-group select option{background:#fff;color:#111827}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim)}.form-submit-btn{margin-top:8px;width:100%;padding:16px;font-size:1.05rem}.contact-modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:32px 0 16px;animation:scaleUp .4s cubic-bezier(.16,1,.3,1) forwards}.success-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fff;border-radius:50%;box-shadow:0 12px 32px #00000014,inset 0 0 0 1px #0000000a;color:#10b981;margin-bottom:12px}.success-icon-wrapper svg{animation:drawCheckmark .6s cubic-bezier(.65,0,.45,1) forwards}.contact-modal-success h2{font-size:2rem;margin:0}.contact-modal-success p{color:var(--text-sub);line-height:1.6;margin-bottom:16px}.success-close-btn{width:100%}@keyframes drawCheckmark{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tp-page{font-family:var(--font);color:var(--text);background:var(--bg);min-height:100vh;padding-top:80px;display:flex;flex-direction:column}.tp-hero{padding:60px 20px 40px;display:flex;align-items:center;justify-content:center;transition:min-height .4s ease}.tp-hero-centered{flex:1;min-height:calc(100vh - 160px)}.tp-hero-inner{width:100%;max-width:580px;text-align:center}.tp-hero-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;margin:0 0 12px;color:var(--text);letter-spacing:-.02em}.tp-hero-sub{font-size:.95rem;color:var(--text-sub);margin:0 0 40px}.tp-search-container{display:flex;flex-direction:column;align-items:center;gap:20px}.tp-search-input-wrap{width:100%;background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:100px;padding:4px 6px;display:flex;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:0 4px 20px #00000008}.tp-search-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.tp-search-input{width:100%;border:none;background:transparent;padding:16px 24px;font-size:1.05rem;color:var(--text);outline:none;font-family:var(--mono);text-align:center}.tp-search-input::placeholder{color:var(--text-dim)}.tp-search-btn{background:var(--accent);color:#fff;border:none;padding:16px 36px;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);min-width:200px}.tp-search-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 16px var(--accent-glow)}.tp-search-btn:disabled{opacity:.7;cursor:not-allowed}.tp-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.tp-demo-hints{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.8rem;color:var(--text-sub)}.tp-hint-label{font-size:.8rem;color:var(--text-dim)}.tp-demo-pill{background:var(--bg-surface);border:1px solid var(--border-dark);padding:6px 16px;border-radius:100px;font-size:.8rem;font-family:var(--mono);font-weight:600;color:var(--text-sub);cursor:pointer;transition:var(--transition);box-shadow:0 2px 6px #00000005}.tp-demo-pill:hover{border-color:var(--accent);color:var(--accent)}.tp-result-container{max-width:960px;margin:0 auto;padding:0 20px 100px;display:flex;flex-direction:column;gap:20px}.tp-w-card{background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000008}.tp-header-card{padding:24px 32px}.tp-header-top{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.tp-project-name{font-size:1.6rem;font-weight:800;color:var(--text);margin:0;line-height:1.2}.tp-phase-pill{background:#ff5c0014;color:var(--accent);padding:6px 16px;border-radius:100px;font-weight:600;font-size:.75rem}.tp-ticket-id{font-size:.75rem;color:var(--text-dim);margin:0}.tp-ticket-id strong{color:var(--text);font-weight:700}.tp-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tp-info-item{padding:28px 24px;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000005}.tp-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:32px;border:1px solid var(--border-dark)}.tp-icon-blue{background:#f0f4ff;color:#4a72ff;border-color:transparent}.tp-icon-orange{background:#fff4ed;color:var(--accent);border-color:transparent}.tp-icon-purple{background:#f8f0ff;color:#b770ff;border-color:transparent}.tp-icon-green{background:#f0fdf4;color:#34d399;border-color:transparent}.tp-initials{font-weight:800;font-size:.95rem}.tp-info-lbl{font-size:.65rem;font-weight:700;color:var(--text-dim);letter-spacing:.05em;margin-bottom:8px}.tp-info-val{font-size:1.15rem;font-weight:800;color:var(--text)}.tp-section-title{font-size:1.2rem;font-weight:800;color:var(--text);margin:0 0 40px}.tp-timeline-wrap{display:flex;align-items:center;justify-content:space-between;position:relative;padding:10px 0}.tp-timeline-node{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:2;width:100px}.tp-tl-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tp-tl-done{background:#10b981;box-shadow:0 4px 12px #10b98133}.tp-tl-active{background:var(--accent);padding:4px;box-shadow:0 4px 16px var(--accent-glow)}.tp-tl-active-inner{width:100%;height:100%;border-radius:50%;border:4px solid var(--bg-surface);background:var(--accent)}.tp-tl-pending{background:#e5e7eb}.tp-tl-pending-inner{width:16px;height:16px;border-radius:50%;background:#e5e7eb;border:4px solid var(--bg-surface);box-sizing:content-box}.tp-tl-label{font-size:.85rem;font-weight:600;color:var(--text);text-align:center}.tp-tl-line{flex:1;height:3px;background:#e5e7eb;position:relative;top:-20px;margin:0 -24px;z-index:1}.tp-tl-line-done{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.tp-milestone-list{display:flex;flex-direction:column;gap:28px}.tp-milestone-row{display:flex;align-items:flex-start;gap:16px}.tp-milestone-check{width:32px;height:32px;border-radius:50%;border:1px solid rgba(16,185,129,.2);background:#10b98114;color:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.tp-milestone-text{display:flex;flex-direction:column;gap:6px}.tp-milestone-title{font-size:1rem;font-weight:700;color:var(--text);line-height:1.4}.tp-milestone-date{font-size:.8rem;color:var(--text-sub)}.tp-attachments-list{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.tp-attachment-card{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:var(--bg);border:1px solid var(--border-dark);border-radius:8px;text-decoration:none;transition:var(--transition)}.tp-attachment-card:hover{border-color:var(--accent);background:var(--bg-surface);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.tp-att-preview{width:32px;height:32px;border-radius:6px;background-size:cover;background-position:center;background-color:#f3f4f6;flex-shrink:0}.tp-att-preview.file-icon{display:flex;align-items:center;justify-content:center;color:var(--accent);background:#ff5c0014}.tp-att-info{display:flex;flex-direction:column}.tp-att-name{font-size:.75rem;font-weight:600;color:var(--text);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-att-type{font-size:.6rem;font-weight:700;color:var(--text-dim);letter-spacing:.05em}.tp-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tp-pay-badge{font-size:.75rem;font-weight:600;padding:6px 14px;border-radius:100px;border:1px solid transparent}.tp-pay-badge.paid{background:#ecfdf5;color:#10b981}.tp-pay-badge.partial{background:#fff6f3;color:var(--accent)}.tp-pay-badge.unpaid{background:#f3f4f6;color:var(--text-dim)}.tp-pay-stats{display:flex;gap:48px;margin-bottom:32px;margin-top:40px}.tp-pay-stat-item{display:flex;flex-direction:column;gap:8px}.tp-pay-stat-lbl{font-size:.7rem;font-weight:700;color:var(--text-sub);letter-spacing:.05em}.tp-pay-stat-val{font-size:1.5rem;font-weight:800;color:var(--text)}.tp-pay-muted{color:var(--text-dim)}.tp-progress-bar-wrap{width:100%}.tp-progress-bar-bg{width:100%;height:8px;background:var(--bg);border-radius:100px;overflow:hidden}.tp-progress-bar-fill{height:100%;background:var(--accent);border-radius:100px;transition:width 1s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px var(--accent-glow)}@media(max-width:1024px){.tp-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tp-info-grid{grid-template-columns:1fr}.tp-pay-stats{flex-direction:column;gap:20px}.tp-timeline-wrap{flex-direction:column;align-items:flex-start;gap:32px}.tp-timeline-node{flex-direction:row;width:auto}.tp-tl-line{display:none}}