*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--base:#fafaf8;--coral:#ff6b6b;--teal:#2ec4b6;--amber:#ffb800;--text-dark:#1a1a1a;--text-light:#6b7280;--text-muted:#9ca3af;--font-headline:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px;--space-4xl:128px;--max-width:1280px;--radius:12px;--radius-lg:16px}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-dark);background:var(--base);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.gradient-bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.gradient-orb{filter:blur(200px);opacity:.07;will-change:transform;border-radius:50%;position:absolute}.gradient-orb-1{background:var(--coral);width:800px;height:800px;top:-300px;right:-200px}.gradient-orb-2{background:var(--teal);width:700px;height:700px;bottom:-250px;left:-200px}.gradient-orb-3{background:var(--amber);width:600px;height:600px;top:40%;left:40%}h1,h2,h3{font-family:var(--font-headline);letter-spacing:-.02em;font-weight:800;line-height:1.1}.highlight-coral{color:var(--coral)}.highlight-teal{color:var(--teal)}.highlight-amber{color:var(--amber)}.word{will-change:transform, opacity;transform-style:preserve-3d;margin-right:.25em;display:inline-block}.cursor-glow{pointer-events:none;z-index:0;mix-blend-mode:normal;background:radial-gradient(circle,#ff6b6b0f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.btn{align-items:center;gap:var(--space-xs);font-family:var(--font-body);cursor:pointer;border:none;border-radius:50px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;position:relative}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 4px 16px #ff6b6b4d}.btn-primary:hover{background:#ff5252;box-shadow:0 8px 32px #ff6b6b66}.btn-ghost{color:var(--text-dark);border:2px solid var(--text-dark);background:0 0}.btn-ghost:hover{background:var(--text-dark);color:var(--base)}.btn-full{justify-content:center;width:100%}.btn svg{width:18px;height:18px}.magnetic{will-change:transform}.hero{min-height:100vh;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{max-width:var(--max-width);gap:var(--space-2xl);grid-template-columns:1.2fr .8fr;align-items:center;width:100%;display:grid}.hero-headline{margin-bottom:var(--space-md);font-size:clamp(3rem,6vw,5.5rem)}.hero-subtitle{color:var(--text-light);max-width:520px;margin-bottom:var(--space-lg);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.hero-cta{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hero-bear{justify-content:center;align-items:center;display:flex}.bear-img{filter:drop-shadow(0 20px 40px #00000014);width:100%;max-width:380px;height:auto}.bear-idle{animation:3s ease-in-out infinite bear-bob}@keyframes bear-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}}.scroll-indicator{bottom:var(--space-lg);align-items:center;gap:var(--space-xs);opacity:.6;flex-direction:column;transition:opacity .5s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator span{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-size:.8rem;font-weight:500}.scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-arrow{animation:2s ease-in-out infinite bounce-down}.scroll-arrow svg{width:24px;height:24px;color:var(--text-muted)}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.15em;color:var(--coral);margin-bottom:var(--space-md);font-size:.85rem;font-weight:600;display:inline-block}.about{padding:var(--space-4xl) var(--space-xl);position:relative}.about-content{max-width:var(--max-width);gap:var(--space-3xl);grid-template-columns:.7fr 1.3fr;align-items:center;margin:0 auto;display:grid}.about-bear{justify-content:center;display:flex}.about-headline{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3.5rem)}.about-body{color:var(--text-light);max-width:600px;margin-bottom:var(--space-xl);font-size:1.1rem;line-height:1.8}.about-stats{gap:var(--space-xl);display:flex}.stat{flex-direction:column;display:flex}.stat-number,.stat-suffix{font-family:var(--font-headline);color:var(--coral);font-size:2.5rem;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);margin-top:var(--space-xs);font-size:.85rem;font-weight:500}.process{padding:var(--space-4xl) var(--space-xl);position:relative}.process-content{max-width:var(--max-width);margin:0 auto}.process-head{max-width:720px;margin-bottom:var(--space-3xl)}.process-headline{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3.5rem)}.process-subtitle{color:var(--text-light);max-width:560px;font-size:1.1rem;line-height:1.7}.process-steps{gap:var(--space-lg);counter-reset:step;grid-template-columns:repeat(3,1fr);list-style:none;display:grid}.process-step{padding:var(--space-xl) var(--space-lg) var(--space-lg);border-radius:var(--radius-lg);will-change:transform;gap:var(--space-sm);background:#fff;border:1px solid #efeae4;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative}.process-step:hover{border-color:var(--coral);transform:translateY(-6px);box-shadow:0 20px 48px #1a1a1a14}.process-num{font-family:var(--font-headline);color:#0000;-webkit-text-stroke:2px var(--coral);letter-spacing:-.04em;margin-bottom:var(--space-xs);font-size:4rem;font-weight:900;line-height:1}.process-step:nth-child(2) .process-num{-webkit-text-stroke-color:var(--teal)}.process-step:nth-child(3) .process-num{-webkit-text-stroke-color:var(--amber)}.process-icon{width:48px;height:48px;color:var(--coral);background:#ff6b6b14;border-radius:12px;justify-content:center;align-items:center;display:flex}.process-step:nth-child(2) .process-icon{color:var(--teal);background:#2ec4b614}.process-step:nth-child(3) .process-icon{color:#c68f00;background:#ffb8001a}.process-icon svg{width:22px;height:22px}.process-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;line-height:1.2}.process-body{color:var(--text-light);flex:1;font-size:.98rem;line-height:1.7}.process-meta{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);padding-top:var(--space-sm);border-top:1px dashed #efeae4;font-size:.72rem;font-weight:600}.work{padding:var(--space-4xl) var(--space-xl);position:relative}.work-content{max-width:var(--max-width);margin:0 auto}.work-head{max-width:720px;margin-bottom:var(--space-3xl)}.work-headline{margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3.5rem)}.work-subtitle{color:var(--text-light);max-width:560px;font-size:1.1rem;line-height:1.7}.work-grid{gap:var(--space-md);grid-template-columns:8fr 4fr;grid-auto-rows:minmax(280px,auto);display:grid}.work-card{padding:var(--space-xl);border-radius:var(--radius-lg);gap:var(--space-sm);will-change:transform;background:#fff;border:1px solid #efeae4;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.work-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#ff6b6b0f,#0000 55%);transition:opacity .4s;position:absolute;inset:0}.work-card:hover{border-color:var(--coral);transform:translateY(-6px);box-shadow:0 20px 48px #1a1a1a14}.work-card:hover:before{opacity:1}.work-card:first-child{grid-area:1/1/3/2}.work-card:nth-child(2){grid-area:1/2/2/3}.work-card:nth-child(3){grid-area:2/2/3/3}.work-card:first-child .work-title{font-size:2rem}.work-tag{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.16em;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:.72rem;font-weight:700}.work-tag-coral{color:var(--coral);background:#ff6b6b1a}.work-tag-teal{color:var(--teal);background:#2ec4b61f}.work-tag-amber{color:#c68f00;background:#ffb80024}.work-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:700;line-height:1.2}.work-body{color:var(--text-light);flex:1;font-size:.98rem;line-height:1.7}.work-meta{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);color:var(--text-muted);border-top:1px dashed #efeae4;flex-wrap:wrap;font-size:.82rem;display:flex}.work-metric strong{color:var(--text-dark);font-family:var(--font-headline);margin-right:4px;font-size:1rem;font-weight:800}.work-stack{font-family:var(--font-body);letter-spacing:.02em}.contact{padding:var(--space-4xl) var(--space-xl)}.contact-content{text-align:center;max-width:640px;margin:0 auto}.contact-headline{margin-bottom:var(--space-sm);font-size:clamp(2rem,4vw,3.5rem)}.contact-subtitle{color:var(--text-light);margin-bottom:var(--space-xl);font-size:1.1rem}.contact-form{text-align:left}.form-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.form-group{margin-bottom:var(--space-sm)}.form-group label{color:var(--text-dark);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group textarea{border-radius:var(--radius);width:100%;font-family:var(--font-body);color:var(--text-dark);background:#fff;border:2px solid #e5e7eb;outline:none;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px #ff6b6b1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.footer{padding:var(--space-3xl) var(--space-xl) var(--space-xl);border-top:1px solid #e5e7eb}.footer-content{max-width:var(--max-width);text-align:center;margin:0 auto}.footer-brand{justify-content:center;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.footer-logo{object-fit:contain;border-radius:8px;width:40px;height:40px}.footer-name{font-family:var(--font-headline);font-size:1.2rem;font-weight:700}.footer-tagline{color:var(--text-muted);margin-bottom:var(--space-md);font-size:.9rem}.footer-links{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg);display:flex}.footer-link{color:var(--text-light);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--coral)}.footer-copy{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text{order:1}.hero-bear{order:0}.hero-bear .bear-img{max-width:240px}.hero-cta{justify-content:center}.hero-subtitle{margin-left:auto;margin-right:auto}.about-content{text-align:center;grid-template-columns:1fr}.about-bear{order:-1}.about-bear .bear-img{max-width:240px}.about-body{margin-left:auto;margin-right:auto}.about-stats{justify-content:center}.form-row{grid-template-columns:1fr}.hero{padding:var(--space-lg)}.about,.contact,.process,.work{padding:var(--space-2xl) var(--space-lg)}.process-steps{gap:var(--space-md);grid-template-columns:1fr}.process-head,.work-head{margin-bottom:var(--space-2xl)}.work-grid{grid-template-columns:1fr;grid-auto-rows:auto}.work-card:first-child,.work-card:nth-child(2),.work-card:nth-child(3){grid-area:auto/1/auto/-1}.work-card:first-child .work-title{font-size:1.5rem}}@media (width<=480px){.hero-headline{font-size:2.5rem}.about-headline,.contact-headline{font-size:2rem}.about-stats{align-items:center;gap:var(--space-lg);flex-direction:column}.btn{padding:12px 24px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.word,.reveal-up,.reveal-card{opacity:1;transform:none}}
