body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.youtube-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.youtube-popup-content{background:#fff;border-radius:10px;box-shadow:0 8px 32px #00000040;padding:1.5rem 1.5rem 1rem;position:relative;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;align-items:flex-end}.youtube-popup-close{background:none;border:none;font-size:2rem;color:#333;position:absolute;top:.5rem;right:1rem;cursor:pointer;z-index:10}.youtube-popup-video-wrapper{width:560px;max-width:80vw;aspect-ratio:16/9;margin-top:2.5rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}@media(max-width:700px){.youtube-popup-video-wrapper{width:100vw;max-width:98vw;min-width:0;aspect-ratio:16/9}.youtube-popup-content{padding:.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #000000;--color-secondary: #2e2e2e;--color-accent: #6b5d4f;--color-accent-light: #8b7355;--color-bg: #ffffff;--color-bg-alt: #f8f8f8;--color-bg-dark: #1a1a1a;--color-text: #1a1a1a;--color-text-light: #6a6a6a;--color-border: #e5e5e5;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--max-width: 1200px;--border-radius: 0;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .6s cubic-bezier(.4, 0, .2, 1)}@media(max-width:768px){:root{--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 3.5rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing{width:100%;overflow-x:hidden}.main-content{min-height:80vh;margin-top:60px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.header{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;transition:var(--transition);animation:slideDown .8s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header .container{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.logo{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--color-primary);transition:var(--transition);display:flex;align-items:center}.logo-img{height:40px;width:auto;transition:var(--transition)}.logo:hover{transform:scale(1.02)}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav a{text-decoration:none;color:var(--color-text);font-size:.95rem;font-weight:500;transition:var(--transition);position:relative}.nav a:hover{color:var(--color-accent)}.nav a:not(.cta-btn):after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--color-accent);transition:width .4s cubic-bezier(.4,0,.2,1)}.nav a:not(.cta-btn):hover:after{width:100%}.cta-btn{background-color:var(--color-primary);color:#fff!important;padding:.625rem 1.5rem;border-radius:var(--border-radius);transition:var(--transition)}.cta-btn:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.language-switcher{display:flex;align-items:center;position:relative}.language-segment{position:relative;display:inline-flex;padding:.2rem;background:#1a1a1a0f;border:1px solid rgba(26,26,26,.12);border-radius:999px;gap:.15rem;overflow:hidden}.language-option{border:none;background:transparent;color:var(--color-text-light);font-size:.7rem;font-weight:700;letter-spacing:.16em;padding:.45rem .75rem;border-radius:999px;cursor:pointer;transition:var(--transition);position:relative;z-index:1}.language-option:hover{color:var(--color-primary)}.language-option.active{color:#fff;background:var(--color-primary);box-shadow:0 10px 20px #0003;transform:translateY(-1px)}.language-segment-glow{position:absolute;inset:-6px;border:1px solid rgba(107,93,79,.25);opacity:.5;pointer-events:none;animation:languagePulse 4s ease-in-out infinite}@keyframes languagePulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.03);opacity:.8}}.hero{position:relative;padding:calc(80px + var(--spacing-xl)) 0 var(--spacing-xl);text-align:center;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:url(/natural-dried-leaf-frame-with-design-space.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-video{width:100%;height:100%;object-fit:cover;opacity:.4;animation:videoFade 1.5s ease-in;display:none}@keyframes videoFade{0%{opacity:0}to{opacity:.4}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#6b5d4f08);animation:overlayPulse 8s ease-in-out infinite}@keyframes overlayPulse{0%,to{opacity:1}50%{opacity:.7}}.hero-content{position:relative;z-index:1}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--spacing-md);color:var(--color-primary);animation:fadeInUp 1s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.375rem);color:var(--color-text-light);max-width:700px;margin:0 auto var(--spacing-lg);line-height:1.6;animation:fadeInUp 1s .2s cubic-bezier(.4,0,.2,1) backwards}.hero-actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s .4s cubic-bezier(.4,0,.2,1) backwards}.btn-primary,.btn-secondary{display:inline-block;text-decoration:none;text-align:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:var(--transition);font-family:inherit;border-radius:var(--border-radius);position:relative;overflow:hidden;isolation:isolate}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:0}.btn-primary:hover:before,.btn-secondary:hover:before{width:300px;height:300px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 12px 30px #0003}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);z-index:1}.btn-secondary:before{content:none}.btn-secondary:hover{color:#fff!important;background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-3px)}.btn-primary.large{padding:1.125rem 2.5rem;font-size:1.125rem}.features{padding:var(--spacing-xl) 0;background:linear-gradient(to bottom,#fff,#f9f9f7);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--color-accent-light),transparent)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);letter-spacing:-.02em;color:var(--color-primary);opacity:0;animation:fadeIn 1s forwards}@keyframes fadeIn{to{opacity:1}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.feature-card{text-align:center;padding:var(--spacing-lg);transition:var(--transition-slow);background:#fff;border:1px solid var(--color-border);position:relative;opacity:0;animation:fadeInUp .8s forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:linear-gradient(to right,var(--color-accent),var(--color-accent-light));transition:width .6s cubic-bezier(.4,0,.2,1)}.feature-card:hover:before{width:100%}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #6b5d4f26;border-color:var(--color-accent-light)}.feature-icon{font-size:3rem;color:var(--color-accent);margin-bottom:var(--spacing-md);font-weight:300;display:inline-block;transition:var(--transition)}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg);color:var(--color-accent-light)}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary);transition:var(--transition)}.feature-card:hover h3{color:var(--color-accent)}.feature-card p{color:var(--color-text-light);font-size:1rem;line-height:1.7}.value-proposition{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,#f5f3f0,#fafaf8,#f0ede8);position:relative;overflow:hidden}.value-proposition:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(107,93,79,.05) 0%,transparent 70%);animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px,20px) rotate(5deg)}}.vp-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative;z-index:1}.vp-text h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.02em;color:var(--color-primary);opacity:0;animation:fadeInLeft 1s forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.vp-text p{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.7;opacity:0;animation:fadeInLeft 1s .2s forwards}.vp-list{list-style:none;padding:0}.vp-list li{padding:var(--spacing-sm) 0;padding-left:1.5rem;position:relative;font-size:1.0625rem;color:var(--color-text);opacity:0;animation:fadeInLeft .8s forwards;transition:var(--transition)}.vp-list li:nth-child(1){animation-delay:.4s}.vp-list li:nth-child(2){animation-delay:.5s}.vp-list li:nth-child(3){animation-delay:.6s}.vp-list li:hover{padding-left:2rem;color:var(--color-accent)}.vp-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:600;transition:var(--transition)}.vp-list li:hover:before{color:var(--color-accent-light);transform:translate(4px)}.vp-visual{display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn 1s .3s forwards}.vp-cycle{--c-cen: 190px;--c-r: 130px;--c-r-half: 65px;--c-r-cos: 113px;--c-core: 110px;--c-dot: 56px;position:relative;width:380px;height:380px;flex-shrink:0;overflow:visible}.vp-cycle-ring{position:absolute;top:50%;left:50%;width:calc(2 * var(--c-r));height:calc(2 * var(--c-r));margin:calc(-1 * var(--c-r)) 0 0 calc(-1 * var(--c-r));border-radius:50%;border:2px dashed rgba(107,93,79,.25);animation:orbitSpin 18s linear infinite}.vp-cycle-ring:before,.vp-cycle-ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--color-primary);top:-5px;left:calc(50% - 5px)}.vp-cycle-ring:after{top:auto;bottom:-5px}.vp-cycle-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--c-core);height:var(--c-core);border-radius:50%;background:var(--color-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;box-shadow:0 0 0 8px #6b5d4f1a,0 8px 30px #6b5d4f4d;animation:corePulse 3s ease-in-out infinite;z-index:2}.vp-cycle-core-icon{font-size:1.8rem;color:#fff;line-height:1}.vp-cycle-core-label{font-size:.75rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.1em}.vp-cycle-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.4rem;z-index:3;background:none;border:none;padding:0;cursor:pointer;overflow:visible;transform:translate(-50%)}.vp-cycle-node:focus{outline:none}.vp-cycle-n0{top:calc(var(--c-cen) - var(--c-r) - var(--c-dot) / 2);left:calc(var(--c-cen) + var(--c-nudge, 18px))}.vp-cycle-n1{top:calc(var(--c-cen) + var(--c-r-half) - var(--c-dot) / 2);left:calc(var(--c-cen) + var(--c-r-cos) + var(--c-nudge, 18px))}.vp-cycle-n2{top:calc(var(--c-cen) + var(--c-r-half) - var(--c-dot) / 2);left:calc(var(--c-cen) - var(--c-r-cos))}.vp-cycle-node:hover .vp-cycle-dot{transform:scale(1.18);box-shadow:0 8px 28px #6b5d4f59}.vp-cycle-dot{width:var(--c-dot);height:var(--c-dot);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:transform .25s ease,box-shadow .25s ease}.vp-dot-n0{background:var(--color-bg);border-color:var(--color-primary);box-shadow:0 4px 16px #6b5d4f2e}.vp-dot-n1{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 16px #6b5d4f4d}.vp-dot-n2{background:var(--color-bg);border-color:var(--color-accent);box-shadow:0 4px 16px #6b5d4f2e}.vp-dot-n0:after{content:"✦";color:var(--color-primary);font-size:1.2rem}.vp-dot-n1:after{content:"⬡";color:#fff;font-size:1.2rem}.vp-dot-n2:after{content:"◈";color:var(--color-accent);font-size:1.2rem}.vp-cycle-tag{font-size:.82rem;font-weight:700;color:var(--color-text);white-space:nowrap}.vp-cycle-sub{font-size:.68rem;color:var(--color-text-light);white-space:nowrap;text-transform:uppercase;letter-spacing:.07em}.vp-popup-overlay{position:fixed;inset:0;background:#1e191473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.vp-popup{background:var(--color-bg);border-radius:16px;padding:2.5rem 2rem 2rem;max-width:360px;width:90%;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 20px 60px #1e191433;position:relative;animation:popupIn .25s cubic-bezier(.34,1.56,.64,1)}.vp-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1rem;color:var(--color-text-light);cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.vp-popup-close:hover{background:var(--color-bg-alt)}.vp-popup .vp-cycle-dot{width:68px;height:68px}.vp-popup-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin:0}.vp-popup-desc{font-size:.95rem;color:var(--color-text-light);line-height:1.7;text-align:center;margin:0}@keyframes popupIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes corePulse{0%,to{box-shadow:0 0 0 8px #6b5d4f1a,0 8px 30px #6b5d4f4d}50%{box-shadow:0 0 0 14px #6b5d4f0f,0 12px 40px #6b5d4f66}}.benefits{padding:var(--spacing-xl) 0;background:linear-gradient(to bottom,#fff,#f8f8f8);position:relative}.benefits:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--color-accent-light),transparent)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.benefit-item{padding:var(--spacing-lg);border-left:2px solid var(--color-accent);background:#fff;transition:var(--transition-slow);position:relative;opacity:0;animation:fadeInUp .8s forwards}.benefit-item:nth-child(1){animation-delay:.1s}.benefit-item:nth-child(2){animation-delay:.2s}.benefit-item:nth-child(3){animation-delay:.3s}.benefit-item:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:linear-gradient(to bottom,var(--color-accent-light),var(--color-accent));transition:height .6s cubic-bezier(.4,0,.2,1)}.benefit-item:hover:before{height:100%}.benefit-item:hover{border-left-width:4px;padding-left:calc(var(--spacing-lg) - 2px);box-shadow:0 10px 30px #6b5d4f1a;transform:translate(4px)}.benefit-item h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary);transition:var(--transition)}.benefit-item:hover h3{color:var(--color-accent)}.benefit-item p{color:var(--color-text-light);font-size:1rem;line-height:1.7}.projects-section{padding:var(--spacing-xl) 0 calc(var(--spacing-xl) * 1.5);background:linear-gradient(160deg,var(--color-bg) 0%,var(--color-bg-alt) 100%);overflow:hidden}.projects-section .section-title{text-align:center;position:relative}.projects-section .section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(to right,transparent,var(--color-accent),transparent)}.projects-section .section-subtitle{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-light)}.projects-grid{display:flex;flex-direction:column;gap:6rem}.project-card{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--spacing-xl);align-items:center;opacity:0;animation:fadeInUp .7s forwards}.project-card--0{animation-delay:.1s}.project-card--1{animation-delay:.2s;grid-template-columns:1fr 1.15fr}.project-card--2{animation-delay:.3s}.project-card--1 .project-mockup{order:2}.project-card--1 .project-info{order:1}.project-mockup{position:relative}.project-browser{border-radius:10px;overflow:hidden;box-shadow:0 24px 64px #1e191429,0 4px 16px #1e191414;border:1px solid rgba(107,93,79,.12);transition:transform .4s ease,box-shadow .4s ease}.project-card:hover .project-browser{transform:translateY(-6px);box-shadow:0 36px 80px #1e191433,0 6px 20px #1e19141a}.browser-bar{background:#f0ece8;padding:.55rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(107,93,79,.1)}.browser-dot{width:10px;height:10px;border-radius:50%;background:#6b5d4f40;flex-shrink:0}.browser-dot:nth-child(1){background:#f87171}.browser-dot:nth-child(2){background:#fbbf24}.browser-dot:nth-child(3){background:#34d399}.browser-url{flex:1;background:#6b5d4f14;border-radius:4px;font-size:.72rem;color:var(--color-text-light);padding:.2rem .6rem;text-align:center;font-family:monospace;letter-spacing:.02em}.browser-screen{aspect-ratio:16 / 9;overflow:hidden;background:#e8e4e0}.browser-screen-link{display:block;width:100%;height:100%;cursor:pointer}.browser-screen img,.browser-screen-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.project-card:hover .browser-screen img,.project-card:hover .browser-screen-link img{transform:scale(1.04)}.project-mobile{position:absolute;bottom:-28px;right:-24px;width:88px;background:#1a1612;border-radius:16px;padding:6px 4px 10px;box-shadow:0 16px 40px #1e19144d;border:2px solid #2e2820;transition:transform .4s ease}.project-card--1 .project-mobile{right:auto;left:-24px}.project-card:hover .project-mobile{transform:translateY(-4px) rotate(1deg)}.mobile-notch{width:28px;height:5px;background:#2e2820;border-radius:3px;margin:0 auto 4px}.mobile-screen{aspect-ratio:9 / 18;border-radius:10px;overflow:hidden;background:#d4cfc9}.mobile-screen img{width:100%;height:100%;object-fit:cover;display:block}.screen-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,#e8e4e0,#d8d3ce);color:#999;font-size:.78rem;font-weight:500;text-align:center;padding:1rem;border:2px dashed #c8c3be}.screen-placeholder--mobile{font-size:.6rem;padding:.5rem .25rem}.placeholder-hint{font-size:.65rem;color:#bbb;font-family:monospace}.project-info{display:flex;flex-direction:column;gap:1rem}.project-category{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);background:#6b5d4f14;padding:.3rem .8rem;border-radius:20px;border:1px solid rgba(107,93,79,.15);width:fit-content}.project-title{font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1.2;margin:0}.project-desc{font-size:1rem;color:var(--color-text-light);line-height:1.75;margin:0}.project-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.project-tags li{font-size:.75rem;font-weight:600;color:var(--color-text);background:var(--color-bg);border:1px solid rgba(107,93,79,.2);padding:.3rem .75rem;border-radius:20px;letter-spacing:.03em}.project-visit{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--color-primary);text-decoration:none;border-bottom:2px solid var(--color-accent);padding-bottom:2px;width:fit-content;transition:gap .2s ease,color .2s ease}.project-visit:hover{gap:.7rem;color:var(--color-accent)}.project-mobile{cursor:default}.project-mobile:has(img){cursor:zoom-in}.mobile-preview-popup{position:fixed;bottom:2.5rem;right:2.5rem;z-index:500;pointer-events:none;animation:mobilePreviewIn .22s cubic-bezier(.34,1.56,.64,1) forwards}.mobile-preview-frame{width:300px;background:#1a1612;border-radius:28px;padding:10px 7px 16px;box-shadow:0 32px 80px #0a080673,0 8px 24px #0a080640,inset 0 0 0 1px #ffffff0f;border:2px solid #2e2820}.mobile-preview-notch{width:48px;height:6px;background:#2e2820;border-radius:4px;margin:0 auto 8px}.mobile-preview-screen{border-radius:18px;overflow:hidden;aspect-ratio:9 / 19.5;background:#d4cfc9}.mobile-preview-screen img{width:100%;height:100%;object-fit:cover;display:block}@keyframes mobilePreviewIn{0%{transform:scale(.88) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:900px){.project-card,.project-card--1{grid-template-columns:1fr}.project-card--1 .project-mockup{order:1}.project-card--1 .project-info{order:2}.project-card--1 .project-mobile{right:-24px;left:auto}.project-title{font-size:1.6rem}}@media(max-width:480px){.projects-grid{gap:4rem}.project-mobile{width:68px;bottom:-20px;right:-12px}}.cta-section{padding:var(--spacing-xl) 0;text-align:center;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-secondary) 100%);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,115,85,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-section h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-sm);position:relative;z-index:1;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1)}.cta-section p{font-size:1.25rem;opacity:.9;margin-bottom:var(--spacing-lg);position:relative;z-index:1;animation:fadeInUp 1s .2s cubic-bezier(.4,0,.2,1) backwards}.cta-section .btn-primary{background:#fff;color:var(--color-primary);position:relative;z-index:1;animation:fadeInUp 1s .4s cubic-bezier(.4,0,.2,1) backwards}.cta-section .btn-primary:hover{background:var(--color-accent-light);color:#fff}.footer{background:linear-gradient(to bottom,var(--color-primary) 0%,#0a0a0a 100%);color:#fff;padding:var(--spacing-xl) 0 var(--spacing-md);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(139,115,85,.3),transparent)}.footer-content{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer-brand .logo{color:#fff;font-size:1.5rem;margin-bottom:var(--spacing-sm)}.footer-brand p{color:#ffffffb3;max-width:350px}.footer-links{display:grid;grid-template-columns:repeat(3,2fr);gap:var(--spacing-md)}.footer-column h4{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-light)}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:.5rem;font-size:.9375rem;transition:var(--transition);position:relative;padding-left:0}.footer-column a:before{content:"";position:absolute;left:0;width:0;height:1px;bottom:0;background:var(--color-accent-light);transition:width .4s cubic-bezier(.4,0,.2,1)}.footer-column a:hover{color:#fff;padding-left:8px}.footer-column a:hover:before{width:20px}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{color:#fff9;font-size:.875rem}@media(max-width:768px){.header .container{flex-direction:row;justify-content:space-between}.nav{gap:var(--spacing-sm);flex-wrap:wrap}.nav a{font-size:.875rem}.cta-btn{padding:.5rem 1rem}.logo-img{height:32px}.vp-content{grid-template-columns:1fr}.vp-visual{order:2}.vp-text{order:1}.vp-cycle{width:260px;height:260px;--c-cen: 130px;--c-r: 89px;--c-r-half: 45px;--c-r-cos: 77px;--c-core: 75px;--c-dot: 44px;--c-nudge: 12px}.vp-cycle-core-icon{font-size:1.3rem}.vp-cycle-core-label{font-size:.6rem}.vp-cycle-tag{font-size:.7rem}.vp-cycle-sub{font-size:.58rem}.footer-content{grid-template-columns:1fr}.footer{padding:var(--spacing-lg) 0 var(--spacing-sm)}.footer-brand .logo{font-size:1.25rem}.footer-brand p{font-size:.875rem}.footer-column h4{font-size:.8rem}.footer-column a{font-size:.85rem}.footer-bottom p{font-size:.8rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.feature-card{padding:var(--spacing-md)}.feature-card h3{font-size:1rem}.feature-card p{font-size:.875rem}.feature-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.benefits-grid{grid-template-columns:1fr}.projects-section{padding:var(--spacing-lg) 0}.projects-section .section-title{font-size:1.75rem}.projects-section .section-subtitle{font-size:.9rem}.carousel-container{max-width:600px;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.carousel-container:hover{transform:perspective(1000px) rotateY(0) rotateX(0) scale(1.01)}.project-image{height:380px}.carousel-btn{width:50px;height:50px;font-size:2rem}.carousel-btn-prev{left:20px}.carousel-btn-next{right:20px}.project-overlay{padding:var(--spacing-md) var(--spacing-lg)}.project-overlay h3{font-size:1.5rem}.project-overlay p{font-size:1rem}.hero{padding:calc(60px + var(--spacing-lg)) 0 var(--spacing-lg);min-height:80vh}.hero-content h1{font-size:2.5rem}.hero-content .tagline{font-size:1.125rem}}@media(max-width:480px){.header .container{padding:var(--spacing-xs) var(--spacing-sm)}.nav{gap:.5rem}.nav a:not(.cta-btn){font-size:.8rem}.cta-btn{padding:.4rem .8rem;font-size:.8rem}.logo-img{height:28px}.hero-content h1{font-size:2rem}.hero-content .tagline{font-size:1rem}.vp-cycle{width:200px;height:200px;--c-cen: 100px;--c-r: 68px;--c-r-half: 34px;--c-r-cos: 59px;--c-core: 58px;--c-dot: 36px;--c-nudge: 9px}.vp-cycle-core-icon{font-size:1rem}.vp-cycle-core-label{font-size:.5rem}.vp-cycle-tag{font-size:.62rem}.vp-cycle-sub{display:none}.container{padding:0 var(--spacing-sm)}.carousel-container{max-width:100%;border-radius:8px;transform:none}.carousel-container:hover{transform:scale(1.01)}.project-image{height:300px}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.feature-card{padding:var(--spacing-sm)}.feature-card h3{font-size:.9rem}.feature-card p{font-size:.8rem;line-height:1.4}.feature-icon{font-size:1.25rem;margin-bottom:.25rem}.footer{padding:var(--spacing-md) 0 var(--spacing-xs)}.footer-brand .logo{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.footer-brand p{font-size:.8rem}.footer-links{gap:var(--spacing-sm)}.footer-column h4{font-size:.75rem;margin-bottom:var(--spacing-xs)}.footer-column a{font-size:.8rem;margin-bottom:.35rem}.footer-bottom{padding-top:var(--spacing-sm)}.footer-bottom p{font-size:.75rem}.carousel-btn{width:40px;height:40px;font-size:1.5rem}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.project-overlay{padding:var(--spacing-sm)}.project-overlay h3{font-size:1.25rem}.project-overlay p{font-size:.875rem}.carousel-dots{gap:10px}.carousel-dot{width:10px;height:10px}.product-hero{padding:calc(var(--spacing-md) + 60px) 0 var(--spacing-sm) 0}.product-hero-title{font-size:1.5rem}.product-hero-subtitle{font-size:.9rem}.product-section{padding:var(--spacing-md) 0}.product-content{gap:var(--spacing-md)}.product-main h3,.product-approach h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.product-main p{font-size:.85rem;line-height:1.5;margin-bottom:var(--spacing-xs)}.product-list{margin-top:var(--spacing-xs)}.product-list li{padding:.5rem 0;font-size:.8rem;line-height:1.5;border-bottom:1px solid rgba(0,0,0,.05)}.product-list strong{font-size:.85rem;display:block;margin-bottom:.15rem}.approach-steps{gap:var(--spacing-xs)}.approach-step{grid-template-columns:45px 1fr;padding:var(--spacing-xs)}.step-number{font-size:1rem}.approach-step h4{font-size:.9rem;margin-bottom:.15rem}.approach-step p{font-size:.75rem;line-height:1.4}}html{scroll-behavior:smooth}.product-hero{padding:calc(var(--spacing-xl) + 60px) 0 var(--spacing-lg) 0;background-image:url(/dried-branches-textured-paper-with-copy-space.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;position:relative}.product-hero:before{content:"";position:absolute;inset:0;background:#ffffff80;z-index:1}.product-hero .container{position:relative;z-index:2}.product-hero-title{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(255,255,255,.8)}.product-hero-subtitle{font-size:1.25rem;color:var(--color-text-light);max-width:700px;margin:0 auto;line-height:1.8}.product-section{padding:var(--spacing-xl) 0;background-color:var(--color-bg)}.product-section .section-subtitle{text-align:center;color:var(--color-text-light);font-size:1.125rem;max-width:700px;margin:var(--spacing-sm) auto var(--spacing-lg);line-height:1.8}.product-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.product-main h3,.product-approach h3{font-size:1.75rem;margin-bottom:var(--spacing-md);color:var(--color-primary);font-weight:600}.product-main p{color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.8}.product-list{list-style:none;padding:0;margin-top:var(--spacing-md)}.product-list li{padding:var(--spacing-sm) 0;color:var(--color-text);line-height:1.8;border-bottom:1px solid var(--color-border)}.product-list li:last-child{border-bottom:none}.product-list strong{color:var(--color-primary);font-weight:600}.approach-steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.approach-step{display:grid;grid-template-columns:60px 1fr;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-alt);border-left:3px solid var(--color-accent);transition:var(--transition)}.approach-step:hover{transform:translate(8px);background-color:#f0f0f0}.step-number{font-size:1.5rem;font-weight:700;color:var(--color-accent);line-height:1}.approach-step h4{font-size:1.125rem;margin-bottom:.25rem;color:var(--color-primary);font-weight:600}.approach-step p{color:var(--color-text-light);margin:0;line-height:1.6}.about-section{padding:var(--spacing-xl) 0;background-color:var(--color-bg-alt)}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.about-text h2{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-primary);font-weight:700}.about-intro{font-size:1.25rem;color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.7}.about-text p{color:var(--color-text-light);margin-bottom:var(--spacing-sm);line-height:1.8}.about-values h3{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-primary);font-weight:600}.values-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.value-item{padding:var(--spacing-md);background-color:var(--color-bg);border-left:4px solid var(--color-accent);transition:var(--transition)}.value-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000000d}.value-item h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--color-primary);font-weight:600}.value-item p{color:var(--color-text-light);margin:0;line-height:1.6}.about-philosophy{background-color:var(--color-bg-dark);padding:var(--spacing-lg);color:#fff;margin-top:var(--spacing-lg)}.philosophy-quote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-md);margin-bottom:var(--spacing-md)}.philosophy-quote p{font-size:1.5rem;font-style:italic;color:#fff;margin-bottom:var(--spacing-sm);line-height:1.6}.philosophy-quote cite{font-style:normal;color:var(--color-accent-light);font-size:.875rem;letter-spacing:.05em}.philosophy-text{color:#fffc;line-height:1.8;max-width:800px}.team-section{padding:var(--spacing-xl) 0;background-color:var(--color-bg)}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.method-card{padding:var(--spacing-lg);background-color:var(--color-bg-alt);border-top:4px solid var(--color-accent);transition:var(--transition)}.method-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.method-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-primary);font-weight:600}.method-card p{color:var(--color-text-light);line-height:1.7}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:var(--spacing-md)}.founders-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.method-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media(max-width:768px){.product-content,.about-content{grid-template-columns:1fr;text-align:center}.product-section{padding:var(--spacing-lg) 0}.product-main h3,.product-approach h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.product-main p{font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.product-list{margin-top:var(--spacing-sm)}.product-list li{padding:var(--spacing-xs) 0;font-size:.9rem;line-height:1.6}.product-list strong{font-size:.95rem}.approach-step{padding:var(--spacing-sm)}.approach-step h4{font-size:1rem}.approach-step p{font-size:.875rem}.about-text,.about-values{text-align:center}.value-item{border-left:none;border-top:4px solid var(--color-accent)}.value-item:hover{transform:translateY(-4px)}.approach-step{grid-template-columns:50px 1fr}.step-number{font-size:1.25rem}.about-text h2{font-size:2rem}.about-intro{font-size:1.125rem}.about-values h3{font-size:1.25rem}.value-item{padding:var(--spacing-sm)}.about-philosophy{padding:var(--spacing-md);text-align:center}.philosophy-quote{border-left:none;border-top:4px solid var(--color-accent);padding-left:0;padding-top:var(--spacing-sm)}.philosophy-quote p{font-size:1.25rem}.philosophy-text{margin-left:auto;margin-right:auto}.method-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.method-card{padding:var(--spacing-md)}.method-card h3{font-size:1.125rem}.method-card p{font-size:.9rem}.founder-image{width:150px;height:150px}.founder-info h3{font-size:1.25rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.cta-section{padding:var(--spacing-lg) 0}.cta-section h2{font-size:1.75rem}.cta-section p{font-size:1rem}}@media(max-width:480px){.about-section{padding:var(--spacing-lg) 0}.about-text,.about-values{text-align:center}.about-text h2{font-size:1.75rem}.method-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.method-card{padding:var(--spacing-sm)}.method-card h3{font-size:1rem}.method-card p{font-size:.85rem}.about-intro,.value-item h4{font-size:1rem}.about-philosophy{padding:var(--spacing-sm);text-align:center}.philosophy-quote{border-left:none;border-top:4px solid var(--color-accent);padding-left:0;padding-top:var(--spacing-xs)}.philosophy-quote p{font-size:1.125rem}.philosophy-text{font-size:.9rem}.vp-cycle{width:220px;height:220px}.vp-cycle-core{width:80px;height:80px}.section-title{font-size:1.75rem}.projects-section .section-title{font-size:1.5rem}.projects-section .section-subtitle{font-size:.85rem;margin-bottom:var(--spacing-xs)}.method-card h3{font-size:1.25rem}.founder-image{width:120px;height:120px}.founder-info h3{font-size:1.125rem}.cta-section{padding:var(--spacing-md) 0}.cta-section h2{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.cta-section p{font-size:.9rem;margin-bottom:var(--spacing-md)}.cta-section .btn-primary{padding:.75rem 1.5rem;font-size:.9rem}}.contact-hero{padding:calc(var(--spacing-xl) + 60px) 0 var(--spacing-lg) 0;background-image:url(/dried-branches-textured-paper-with-copy-space.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;position:relative}.contact-hero:before{content:"";position:absolute;inset:0;background:#ffffff80;z-index:1}.contact-hero .container{position:relative;z-index:2}.contact-title{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(255,255,255,.8)}.contact-subtitle{font-size:1.25rem;color:var(--color-text-light);max-width:600px;margin:0 auto}.contact-form-section{padding:var(--spacing-xl) 0;background-color:var(--color-bg)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl);align-items:start}.contact-info h2{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-primary);font-weight:600}.contact-benefits{list-style:none;padding:0;margin-bottom:var(--spacing-lg)}.contact-benefits li{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.contact-benefits li:last-child{border-bottom:none}.benefit-icon{width:24px;height:24px;background-color:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem;font-weight:600}.contact-benefits strong{display:block;color:var(--color-primary);font-weight:600;margin-bottom:.25rem}.contact-benefits p{color:var(--color-text-light);margin:0;font-size:.9rem}.contact-details{background-color:var(--color-bg-alt);padding:var(--spacing-md);margin-top:var(--spacing-md)}.contact-details h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.contact-details p{color:var(--color-text-light);margin-bottom:.5rem}.contact-details p:last-child{margin-bottom:0}.contact-form-wrapper{background-color:var(--color-bg-alt);padding:var(--spacing-lg);border:1px solid var(--color-border)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--color-primary);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.875rem;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6b5d4f1a}.form-group textarea{resize:vertical;min-height:120px}.checkbox-group{flex-direction:row;align-items:flex-start;gap:.75rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.checkbox-label span{color:var(--color-text-light);font-size:.9rem}.form-note{font-size:.875rem;color:var(--color-text-light);margin-top:-var(--spacing-sm);text-align:center}.btn-primary.large{width:100%;padding:1.125rem 2rem;font-size:1.125rem}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact-title,.product-hero-title{font-size:2.25rem}.contact-form-wrapper{padding:var(--spacing-md)}}@media(max-width:768px){.contact-hero,.product-hero{padding:calc(var(--spacing-lg) + 60px) 0 var(--spacing-md) 0}.contact-title,.product-hero-title{font-size:1.875rem}.contact-subtitle,.product-hero-subtitle{font-size:1rem}}::selection{background-color:var(--color-accent);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}.founders-section{padding:var(--spacing-xl) 0;background-color:var(--color-bg)}.founders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.founder-card{background-color:var(--color-bg-alt);border:1px solid var(--color-border);transition:var(--transition);overflow:hidden;display:flex;flex-direction:column}.founder-card:hover{transform:translateY(-5px);border-color:var(--color-accent)}.founder-image{width:200px;height:200px;background-color:var(--color-bg-alt);overflow:hidden;border-radius:50%;margin:0 auto var(--spacing-md);flex-shrink:0}.founder-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.founder-card:hover .founder-image img{transform:scale(1.05)}.founder-info{padding:0 var(--spacing-md) var(--spacing-md);flex-grow:1;display:flex;flex-direction:column;text-align:center}.founder-info h3{font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--color-text)}.founder-role{color:var(--color-accent);font-weight:500;margin-bottom:var(--spacing-sm);text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.founder-stats{display:inline-block;background-color:var(--color-bg);padding:.25rem .75rem;font-size:.85rem;margin-bottom:var(--spacing-sm);border:1px solid var(--color-border);align-self:center}.founder-desc{margin-bottom:var(--spacing-md);color:var(--color-text-light)}.founder-social{display:inline-block;color:#0a66c2;text-decoration:none;transition:var(--transition);align-self:center}.founder-social:hover{color:#004182;transform:translateY(-2px)}.founder-social svg{width:28px;height:28px}.admin-section{padding:var(--spacing-lg) 0;background-color:var(--color-bg-alt)}.admin-intro{text-align:center;max-width:800px;margin:0 auto var(--spacing-lg)}.admin-description-highlight{background-color:#fff;color:var(--color-primary);padding:3rem;border-radius:var(--border-radius);text-align:center;margin:2rem auto var(--spacing-lg);max-width:900px;position:relative;transition:var(--transition);box-shadow:0 4px 6px #0000000d;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1)}.admin-description-highlight:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.admin-description-highlight p{font-size:1.25rem;line-height:1.6;margin:0;color:var(--color-text)}.admin-description-highlight strong{color:var(--color-accent);font-weight:600}.admin-feature-row{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.admin-feature-row.reverse{flex-direction:row-reverse}.admin-feature-content{flex:1}.admin-feature-content h3{font-size:1.75rem;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.admin-feature-content p{color:var(--color-text-light);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.admin-list{list-style:none;margin-top:var(--spacing-sm)}.admin-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.admin-list li:before{content:"•";color:var(--color-primary);position:absolute;left:0;font-weight:700}.admin-feature-visual{flex:1.2}.visual-placeholder{width:100%;height:350px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px dashed #bbb;box-shadow:0 10px 30px #0000000d;transition:var(--transition);position:relative;overflow:visible;z-index:1}.visual-placeholder img{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;padding:10px;background-color:#f5f5f5}.visual-placeholder:hover{transform:scale(1.6);z-index:100;box-shadow:0 30px 60px #0000004d;border-radius:4px}.placeholder-text{color:#777;font-weight:500;text-align:center;padding:1rem;z-index:10}@media(max-width:768px){.admin-feature-row,.admin-feature-row.reverse{flex-direction:column;gap:var(--spacing-md)}.admin-feature-content,.admin-feature-visual{width:100%;flex:none}.visual-placeholder{height:250px}}@media(max-width:968px){.product-content{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media(max-width:768px){.product-content,.product-content .product-list,.product-content .product-main p,.product-content .approach-step p{text-align:left}.approach-step{padding:var(--spacing-sm);gap:var(--spacing-sm)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.feature-card{padding:var(--spacing-md)}}@media(max-width:768px){.admin-intro{padding:0 var(--spacing-sm)}.admin-description-highlight{padding:var(--spacing-md);font-size:1rem;margin-top:var(--spacing-md)}}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:2000;position:relative}.mobile-logo-container{display:none}.hamburger span{display:block;width:25px;height:2px;background-color:var(--color-primary);margin:5px 0;transition:var(--transition)}.hamburger.open span:nth-child(1){transform:translateY(12px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-12px) rotate(-45deg)}@media(max-width:1024px){.nav a{font-size:1.25rem}}@media(max-width:768px){.mobile-menu-btn{display:block}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;transition:right .4s cubic-bezier(.4,0,.2,1);z-index:1000;padding:2rem}.nav.nav-open{right:0;box-shadow:-10px 0 30px #0000001a}.mobile-logo-container{display:block;position:absolute;top:1.5rem;left:2rem;margin:0;animation:fadeIn .5s .2s backwards}.mobile-logo-img{height:50px;width:auto}.nav a{font-size:3rem;margin:1.5rem 0;width:auto;text-align:center;font-weight:600}.nav .cta-btn{margin-top:1.5rem;font-size:1.5rem;width:auto;min-width:180px;text-align:center;background-color:var(--color-primary)!important;color:#fff!important;padding:.75rem 1.5rem;border-radius:var(--border-radius)}.nav .cta-btn:hover{background-color:var(--color-accent)!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.language-switcher{margin-top:2.5rem;flex-direction:column}.language-segment{padding:.3rem}.language-option{font-size:.9rem;padding:.6rem 1.1rem}}@media(max-width:480px){.nav a:not(.cta-btn){font-size:larger}}.footer-legal{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:var(--spacing-sm);font-size:.85rem}.footer-legal a{color:var(--color-text-light);text-decoration:none;transition:var(--transition)}.footer-legal a:hover{color:var(--color-accent)}.legal-page{padding:calc(80px + var(--spacing-lg)) 0 var(--spacing-xl);background:var(--color-bg-alt)}.legal-hero{text-align:center;margin:0 auto var(--spacing-lg);max-width:820px}.legal-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:var(--spacing-sm)}.legal-updated{color:var(--color-text-light);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.legal-intro{margin-top:var(--spacing-sm);color:var(--color-text-light)}.legal-sections{display:grid;gap:var(--spacing-md)}.legal-card{background:#fff;border:1px solid var(--color-border);padding:var(--spacing-md)}.legal-card h2{margin-bottom:.75rem;font-size:1.35rem}.legal-card p{margin-bottom:.75rem;color:var(--color-text-light)}.legal-actions{margin-top:var(--spacing-lg);text-align:center}.form-status{margin-top:var(--spacing-sm);font-weight:600}.form-status.sending{color:var(--color-text-light)}.form-status.success{color:#1f6f3f}.form-status.error{color:#b42318}.cookie-banner{position:fixed;left:1.5rem;right:1.5rem;bottom:1.5rem;z-index:2000}.cookie-banner-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:#fffffff5;border:1px solid var(--color-border);padding:var(--spacing-md);box-shadow:0 20px 45px #00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cookie-banner h3{margin-bottom:.5rem;font-size:1.1rem}.cookie-banner p{color:var(--color-text-light)}.cookie-link{display:inline-block;margin-top:.5rem;color:var(--color-accent);text-decoration:none}.cookie-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cookie-modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);z-index:2100}.cookie-modal-card{width:min(560px,100%);background:#fff;border:1px solid var(--color-border);padding:var(--spacing-md);box-shadow:0 30px 50px #0003}.cookie-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.cookie-close{background:none;border:none;font-size:1.1rem;cursor:pointer}.cookie-options{display:grid;gap:var(--spacing-sm)}.cookie-option{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.cookie-option:last-child{border-bottom:none}.cookie-option h4{margin-bottom:.35rem}.cookie-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:var(--spacing-sm)}@media(max-width:768px){.cookie-banner-content{flex-direction:column;align-items:flex-start}.cookie-actions,.cookie-actions .btn-primary,.cookie-actions .btn-secondary{width:100%}}