.hamburger-menu{display:none;flex-direction:column;cursor:pointer;padding:10px;background:transparent;border:none;z-index:1001}.hamburger-menu span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}body.light-mode .hamburger-menu span{background:#000}.hamburger-menu.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:999;opacity:0;transition:opacity .3s ease}.mobile-nav-overlay.active{opacity:1}.mobile-nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100%;background:#1a1a1a;z-index:1000;transition:right .3s ease;overflow-y:auto;padding:80px 20px 20px}body.light-mode .mobile-nav{background:#fff;border-left:1px solid rgba(0,0,0,.1)}.mobile-nav.active{right:0}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav li{margin:0;border-bottom:1px solid rgba(255,255,255,.1)}body.light-mode .mobile-nav li{border-bottom:1px solid rgba(0,0,0,.1)}.mobile-nav li:last-child{border-bottom:none}.mobile-nav a{display:block;padding:15px 0;color:#fff;text-decoration:none;font-size:18px;font-weight:600;transition:color .3s ease}body.light-mode .mobile-nav a{color:#000}.mobile-nav a:hover,.mobile-nav a:focus{color:#4f46e5;background:#ffffff0d}body.light-mode .mobile-nav a:hover,body.light-mode .mobile-nav a:focus{color:#4f46e5;background:#0000000d}.mobile-nav .sub-menu{display:none;position:static;transform:none;background:transparent;box-shadow:none;padding:0;margin:0;min-width:auto;width:100%}.mobile-nav .sub-menu.active{display:block}.mobile-nav .sub-menu li{border-bottom:none;padding-left:20px}.mobile-nav .sub-menu a{padding:10px 0;font-size:16px;color:#ccc}body.light-mode .mobile-nav .sub-menu a{color:#666}.mobile-nav .sub-menu a:hover,.mobile-nav .sub-menu a:focus{color:#4f46e5}.mobile-nav .services-menu{position:static}.mobile-nav .services-menu:after{display:none}.mobile-nav .services-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:inherit;font-size:18px;font-weight:600;padding:15px 0;cursor:pointer}.mobile-nav .services-toggle:after{content:"▼";font-size:12px;transition:transform .3s ease}.mobile-nav .services-toggle.active:after{transform:rotate(180deg)}.mobile-nav-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px}body.light-mode .mobile-nav-close{color:#000}.mobile-nav-close:hover{color:#4f46e5}.project{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.project:last-child{border-bottom:none}.call-to-action{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:5px solid #4f46e5;margin:1.5rem 0;padding:1.5rem 2rem;text-align:center;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden;word-wrap:break-word;color:#e5e7eb}.call-to-action p{margin-bottom:1rem;font-size:1.1rem;line-height:1.5;max-width:100%;word-break:normal}.call-to-action .btn{display:inline-block;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;padding:.75rem 1.5rem;text-decoration:none;border-radius:8px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #ec48994d}.call-to-action .btn:hover{background:linear-gradient(135deg,#db2777,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #ec489966}.project-screenshots{display:flex;gap:1.5rem;margin:1.5rem auto;justify-content:center;align-items:center;max-width:900px;flex-wrap:wrap;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.project-screenshots img{width:250px;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;object-fit:cover}.project-screenshots img:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}body{font-family:Open Sans,sans-serif;margin:0;padding:0;color:#f4f4f4;background:#1a1a1a}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.postheader{background:linear-gradient(45deg,#0a1343,#204969,#0a1343)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-size:400% 400%;animation:gradientAnimation 15s ease infinite;z-index:-1}h1,h2,h3{font-family:Montserrat,sans-serif;color:#a0b4d6}h2{text-align:center}a{color:#ecf0f1;text-decoration:none;transition:color .3s}.container{width:90%;max-width:1200px;margin:0 auto}header{padding:1.5em 0;position:relative}header:before{content:"";position:absolute;top:108px;left:0;width:100%;height:1px;background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#8b00ff,#f0f,red);background-size:400% 100%;animation:gradientFlow 25s ease-in-out infinite}body.light-mode #main-nav a{color:#000}body.light-mode #main-nav a:hover,body.light-mode #main-nav a:focus{color:#000;background:#0000001a}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1{position:relative}.header-lines{position:absolute;left:0;bottom:15px;width:0;height:0;z-index:-1}.line{position:absolute;left:0;bottom:0;height:1px;background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#8b00ff,#f0f,red);background-size:400% 100%;animation:gradientFlow 25s ease-in-out infinite,grow 2s ease-out forwards;transform-origin:left bottom}.line:nth-child(0){transform:rotate(-5deg)}@keyframes grow{0%{width:0}to{width:100px}}header .container{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}header h1 span{font-size:2em;color:#fff}#main-nav{display:flex}#main-nav li{list-style:none}#main-nav a{color:#e6e6e6;font-weight:600;padding:0 20px;transition:color .3s,background .3s;text-decoration:none}#main-nav a:hover,#main-nav a:focus{color:#fff;background:#ffffff1a;border-radius:5px;outline:none}.hero{background-color:#1a1a1a;background-image:url(/whistler-mountain-hd6.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;min-height:80vh;display:flex;align-items:center;position:relative}.hero-background{background-image:url(/whistler-mountain-hd1.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .3s ease;opacity:1}.hero-content{text-align:center;color:#fff;background:#000000d9;padding:3em 2em;border-radius:10px;box-shadow:0 4px 6px #0000004d;animation:fadeInUp 1s ease-out;max-width:800px;margin:6rem auto;width:100%;border:1px solid rgba(255,255,255,.1)}.hero-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:2rem;box-shadow:0 4px 12px #4f46e54d}.badge-icon{margin-right:.5rem;font-size:1rem}.hero-subtitle{font-size:1.5rem;font-weight:700;color:#fff;margin:1.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-description{font-size:1.1rem;line-height:1.6;margin:2rem 0;color:#f9fafb;max-width:600px;margin-left:auto;margin-right:auto;word-wrap:break-word;overflow-wrap:break-word;font-weight:500}.hero-cta{margin:2.5rem 0}.primary-cta{display:inline-block;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #4f46e566;margin-bottom:1rem}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 12px 35px #4f46e599;background:linear-gradient(135deg,#3730a3,#0891b2)}.cta-subtext{font-size:.875rem;color:#9ca3af;margin:1rem 0 0}.hero-features{display:flex;justify-content:center;gap:2rem;margin-top:2.5rem;flex-wrap:wrap;max-width:100%}.feature-item{display:flex;align-items:center;color:#e5e7eb;font-size:.9rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.feature-icon{color:#10b981;font-weight:700;margin-right:.5rem;font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-button{background:#3a8e3c;color:#fff;padding:12px 30px;font-size:1.1em;text-decoration:none;border-radius:12px;display:inline-block;transition:all .3s ease;margin:.5rem}.cta-button:hover,.cta-button:focus{background:#2e7d32;transform:translateY(-2px);box-shadow:0 3px 15px #0003}.secondary-cta{background:transparent;color:#4f46e5;border:2px solid #4f46e5}.secondary-cta:hover,.secondary-cta:focus{background:#4f46e5;color:#fff;transform:translateY(-2px);box-shadow:0 3px 15px #4f46e54d}.about-content{max-width:1000px;margin:0 auto}.about-intro{text-align:center;margin-bottom:3rem}.about-intro h3{font-size:2rem;margin-bottom:1rem;color:#a0b4d6}.about-intro p{font-size:1.2rem;color:#e5e7eb;max-width:600px;margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.about-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#a0b4d64d}.about-icon{font-size:3rem;margin-bottom:1rem}.about-card h4{font-size:1.3rem;margin-bottom:1rem;color:#a0b4d6}.about-card p{color:#e5e7eb;line-height:1.6}.about-cta{text-align:center;padding:2rem;background:#a0b4d61a;border-radius:12px;border:1px solid rgba(160,180,214,.2)}.about-cta p{font-size:1.2rem;margin-bottom:1.5rem;color:#e5e7eb}.btn-secondary{display:inline-block;background:linear-gradient(135deg,#3a8e3c,#2e7d32);color:#fff;padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-secondary:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);transform:translateY(-2px);box-shadow:0 5px 15px #3a8e3c4d}.section-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,#a0b4d6,transparent);margin:3em 0}#products.section{padding:4rem 0;background:transparent}body.dark-mode #products{background:linear-gradient(135deg,#0f172acc,#1e293b99);border-top:1px solid rgba(71,85,105,.3);border-bottom:1px solid rgba(71,85,105,.3)}.products-header{text-align:center;margin-bottom:3rem}.products-subtitle{font-size:1.2rem;color:#e5e7eb;max-width:600px;margin:1rem auto 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.product-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:100%}.product-card.featured{border:2px solid #4f46e5;background:#4f46e50d}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4f46e5,#06b6d4);transform:scaleX(0);transition:transform .3s ease}.product-card.featured:before{transform:scaleX(1)}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#a0b4d64d}.product-card:hover:before{transform:scaleX(1)}.product-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #10b9814d}.product-badge.coming-soon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.product-icon{font-size:4rem;margin-bottom:1.5rem;text-align:center}.product-card h3{font-size:1.8rem;margin-bottom:.5rem;color:#a0b4d6;text-align:center}.product-tagline{font-size:1.1rem;color:#4f46e5;font-weight:600;margin-bottom:1.5rem;text-align:center}.product-description{color:#e5e7eb;line-height:1.6;margin-bottom:2rem;text-align:center}.product-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;justify-content:center}.product-cta{text-align:center}.product-link{display:inline-block;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem}.product-link.primary{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 4px 12px #4f46e54d}.product-link.primary:hover{background:linear-gradient(135deg,#3730a3,#0891b2);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.product-link.secondary{background:transparent;color:#4f46e5;border:2px solid #4f46e5}.product-link.secondary:hover{background:#4f46e5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.products-cta{text-align:center;padding:2rem;background:#a0b4d61a;border-radius:16px;border:1px solid rgba(160,180,214,.2);margin-top:2rem}.products-cta p{font-size:1.2rem;margin-bottom:1.5rem;color:#e5e7eb}.services-header{text-align:center;margin-bottom:3rem}.services-subtitle{font-size:1.2rem;color:#e5e7eb;max-width:600px;margin:1rem auto 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.service-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.service-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#4f46e5,#06b6d4);transform:scaleX(0);transition:transform .3s ease}.service-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#a0b4d64d}.service-item:hover:before{transform:scaleX(1)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-item h3{font-size:1.5rem;margin-bottom:.5rem;color:#a0b4d6}.service-tagline{font-size:1rem;color:#4f46e5;font-weight:600;margin-bottom:1rem}.service-description{color:#e5e7eb;line-height:1.6;margin-bottom:1.5rem}.service-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{background:#a0b4d633;color:#a0b4d6;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(160,180,214,.3)}.service-link{color:#4f46e5;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-flex;align-items:center}.service-link:hover{color:#3730a3;transform:translate(4px)}.services-cta{text-align:center;padding:2rem;background:#a0b4d61a;border-radius:16px;border:1px solid rgba(160,180,214,.2);margin-top:2rem}.services-cta p{font-size:1.2rem;margin-bottom:1.5rem;color:#e5e7eb}.btn-primary{display:inline-block;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary:hover{background:linear-gradient(135deg,#3730a3,#0891b2);transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.contact-header{text-align:center;margin-bottom:3rem}.contact-subtitle{font-size:1.2rem;color:#e5e7eb;max-width:600px;margin:1rem auto 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-info{order:2}.contact-form-section{order:1}}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3a8e3c,#2e7d32);transform:scaleX(0);transition:transform .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003;border-color:#a0b4d64d}.contact-card:hover:before{transform:scaleX(1)}.contact-icon{font-size:2.5rem;margin-bottom:1rem}.contact-card h3{font-size:1.3rem;margin-bottom:.75rem;color:#a0b4d6}.contact-card p{color:#e5e7eb;line-height:1.6;margin-bottom:1rem}.contact-features{display:flex;flex-wrap:wrap;gap:.5rem}.contact-tag{background:#3a8e3c33;color:#4ade80;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(58,142,60,.3)}.contact-link{color:#3a8e3c;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;display:inline-block}.contact-link:hover{color:#2e7d32;transform:translate(4px)}.contact-form-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;overflow:hidden;box-sizing:border-box}.form-container h3{font-size:1.5rem;margin-bottom:.5rem;color:#a0b4d6}.form-container p{color:#e5e7eb;margin-bottom:1.5rem}.typeform-container{min-height:400px;border-radius:12px;overflow:hidden}.contact-cta{background:#a0b4d61a;border:1px solid rgba(160,180,214,.2);border-radius:16px;padding:2rem;text-align:center}.cta-content h3{font-size:1.5rem;margin-bottom:1.5rem;color:#a0b4d6}.cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.cta-feature{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#e5e7eb;font-weight:500}.cta-icon{font-size:1.5rem}.therapist-benefits{margin-top:4rem;text-align:center}.therapist-benefits h3{font-size:2rem;margin-bottom:2rem;color:#a0b4d6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.benefit-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.benefit-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#a0b4d64d}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-item h4{font-size:1.3rem;margin-bottom:1rem;color:#a0b4d6}.benefit-item p{color:#e5e7eb;line-height:1.6}.section{padding:2em 0;position:relative}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-content:center;justify-items:center;max-width:1100px;margin:0 auto;padding:20px}.service-card{width:100%;max-width:300px;height:300px;perspective:1000px;background:#2b2b2b;border-radius:10px;box-shadow:0 2px 5px #0000004d;transition:all .3s ease;cursor:pointer}.card-inner{width:100%;height:100%;position:relative;text-align:center;transition:transform .6s;transform-style:preserve-3d}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000080}.card-front,.card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:20px;box-sizing:border-box}.card-front{justify-content:center;background:#2b2b2b;color:#a0b4d6}.card-front h3{margin:0 0 10px}.card-front p{margin:0;flex-grow:1;display:flex;align-items:center}.card-back{background:#333;color:#fff;transform:rotateY(180deg)}.card-back h3{margin:0 0 10px}.card-back .back-content{text-align:left;font-size:.8em;overflow-y:auto;flex-grow:1}.card-back button{background:#3a8e3c;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background .3s}.card-back button:hover{background:#2e7d32}.card-inner.is-flipped{transform:rotateY(180deg)}.service-card .learn-more{background:#3a8e3c;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background .3s;margin-top:10px}.service-card .learn-more:hover,.service-card .learn-more:focus{background:#2e7d32;outline:none}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:center}.portfolio-item{height:200px;position:relative;overflow:hidden;cursor:pointer;animation:fadeIn .5s ease-out forwards}.portfolio-item img{width:100%;height:100%;filter:grayscale();object-fit:cover;transition:filter .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-item:hover img,.portfolio-item:focus img{filter:none}.portfolio-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;background:#000000b3;color:#fff;padding:20px;text-align:center;transition:background .3s;z-index:1;border-radius:8px}.portfolio-text h3{margin-top:0}.portfolio-text p{margin-bottom:0;font-size:.9rem}.portfolio-item:hover .portfolio-text,.portfolio-item:focus .portfolio-text{background:#000000e6}.modal{display:none;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#333;margin:15% auto;padding:20px;border:1px solid #888;width:80%;color:#fff;max-width:600px;animation:modalOpen .4s}@keyframes modalOpen{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close{color:#ddd;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#fff;text-decoration:none;cursor:pointer}.modal-img{max-width:100%;height:auto;display:block;margin:0 auto 10px}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a1343;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s}.loader:after{content:"";width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:1em}#contact-form input,#contact-form textarea{width:100%;padding:.5em;border:1px solid #555;border-radius:4px;background:#444;color:#f4f4f4;transition:border-color .3s,background .3s,color .3s}.error-message{color:red;font-size:.8em;display:none}#contact-form button{background:#0a1343;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;transition:background .3s}#contact-form button:hover,#contact-form button:focus{background:#050c33;outline:none}.feedback-form{text-align:center;margin:0 auto;max-width:420px;padding:20px}.feedback-form h2{margin-bottom:10px}.feedback-form p{margin-bottom:20px}#satisfaction{padding:5px;border-radius:4px;border:1px solid #555;background:#444;color:#f4f4f4}.view-portfolio-item-button,#submit-feedback{background:#3a8e3c;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer;transition:background .3s}#submit-feedback:hover,#submit-feedback:focus{background:#2e7d32;outline:none}#feedback-message{margin-top:10px}footer{background:#0a1343;color:#fff;text-align:center;padding:1em 0}#theme-toggle{background:transparent;border:none;padding:5px 10px;margin-left:10px;cursor:pointer}.theme-icon{font-size:24px;line-height:1;display:none}body.dark-mode #theme-toggle .dark-mode-icon,body.light-mode #theme-toggle .light-mode-icon{display:inline}body.light-mode{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFE0FD'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;color:#34495e}body.light-mode header{background-color:#fff}body.light-mode h1,body.light-mode h2,body.light-mode header h1 span{color:#000}body.light-mode .hero{background-color:#fff;background-image:url(/whistler-mountain-hd6.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}body.light-mode .hero-content{background:#fffffff2;color:#1f2937;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 6px #0003}body.light-mode .hero-subtitle{color:#4f46e5}body.light-mode .hero-description{color:#374151;font-weight:500}body.light-mode .cta-subtext{color:#6b7280}body.light-mode .feature-item{color:#374151}body.light-mode .about-intro h3{color:#1f2937}body.light-mode .about-intro p{color:#374151}body.light-mode .about-card{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-mode .about-card:hover{border-color:#1f29374d}body.light-mode .about-card h4{color:#1f2937}body.light-mode .about-card p{color:#374151}body.light-mode .about-cta{background:#1f29371a;border:1px solid rgba(31,41,55,.2)}body.light-mode .about-cta p,body.light-mode .services-subtitle{color:#374151}body.light-mode .service-item{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-mode .service-item:hover{border-color:#1f29374d}body.light-mode .service-item h3{color:#1f2937}body.light-mode .service-description{color:#374151}body.light-mode .feature-tag{background:#1f29371a;color:#1f2937;border:1px solid rgba(31,41,55,.2)}body.light-mode .services-cta{background:#1f29371a;border:1px solid rgba(31,41,55,.2)}body.light-mode .services-cta p,body.light-mode .contact-subtitle{color:#374151}body.light-mode .contact-card{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-mode .contact-card:hover{border-color:#1f29374d}body.light-mode .contact-card h3{color:#1f2937}body.light-mode .contact-card p{color:#374151}body.light-mode .contact-tag{background:#3a8e3c1a;color:#059669;border:1px solid rgba(58,142,60,.2)}body.light-mode .contact-form-section{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-mode .form-container h3{color:#1f2937}body.light-mode .form-container p{color:#374151}body.light-mode .contact-cta{background:#1f29371a;border:1px solid rgba(31,41,55,.2)}body.light-mode .cta-content h3{color:#1f2937}body.light-mode .cta-feature{color:#374151}body.light-mode .therapist-benefits h3{color:#1f2937}body.light-mode .benefit-item{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-mode .benefit-item:hover{border-color:#1f29374d}body.light-mode .benefit-item h4{color:#1f2937}body.light-mode .benefit-item p{color:#374151}body.light-mode .call-to-action{background:#0000000d;border:1px solid rgba(0,0,0,.1);border-left:5px solid #ec4899;color:#374151;border-radius:12px;box-shadow:0 4px 12px #0000001a}body.light-mode .call-to-action .btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border-radius:8px;box-shadow:0 4px 12px #ec48994d}body.light-mode .call-to-action .btn:hover{background:linear-gradient(135deg,#db2777,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #ec489966}body.light-mode .products-subtitle{color:#374151}body.dark-mode .product-card{background:#0f172a99;border:1px solid rgba(71,85,105,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .product-card.featured{border:2px solid #6366f1;background:#6366f11a;box-shadow:0 0 20px #6366f133}body.dark-mode .product-card:hover{border-color:#6366f199;background:#0f172acc;box-shadow:0 10px 30px #0006}body.dark-mode .product-card h3{color:#e2e8f0}body.dark-mode .product-description{color:#cbd5e1}body.dark-mode .products-cta{background:#0f172a99;border:1px solid rgba(71,85,105,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .products-cta p{color:#e2e8f0}body.dark-mode .product-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166}body.dark-mode .product-badge.coming-soon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b66}body.dark-mode .product-link.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f166}body.dark-mode .product-link.primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 16px #6366f199}body.dark-mode .product-link.secondary{border:2px solid #6366f1;color:#6366f1}body.dark-mode .product-link.secondary:hover{background:#6366f1;color:#fff;box-shadow:0 4px 12px #6366f166}body.light-mode .product-card{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.light-mode .product-card.featured{border:2px solid #4f46e5;background:#4f46e50d}body.light-mode .product-card:hover{border-color:#1f29374d}body.light-mode .product-card h3{color:#1f2937}body.light-mode .product-description{color:#374151}body.light-mode .products-cta{background:#1f29371a;border:1px solid rgba(31,41,55,.2)}body.light-mode .products-cta p{color:#374151}body.light-mode .hero-content h2{color:#000}body.light-mode .cta-button{background:#2980b9;color:#f8f8ff}body.light-mode .service-card{background:#e5e8e8}body.light-mode .service-card .card-front{background-color:#f2e4cb7a;color:#000}body.light-mode .service-card .card-back{background-color:#f2e4cb7a}body.light-mode .service-card .back-content{color:#000}body.light-mode .service-card .learn-more{background:#2980b9}body.light-mode .service-card .back-to-front{background:#2980b9;color:#fff}body.light-mode .portfolio-item .portfolio-text{background:#ffffffb3;color:#34495e}body.light-mode .project-screenshots{background:#0000000d;border:1px solid rgba(0,0,0,.1)}body.dark-mode{background-color:#2c3e50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%232C3E50'/%3E%3Cstop offset='1' stop-color='%232C3E50'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;color:#ecf0f1}body.dark-mode header{background:#2c3e50}body.dark-mode .service-card{background:#34495e}body.dark-mode .portfolio-item .portfolio-text{background:#000000b3;color:#ecf0f1}.services-menu{position:relative}.services-menu:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:6px;background:transparent;z-index:10}.services-menu:hover .sub-menu{display:block}.sub-menu{display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:#2b2b2b;padding:10px 0;border-radius:5px;box-shadow:0 2px 5px #0000004d;z-index:10;min-width:200px}body.light-mode .sub-menu{background:#e5e8e8}.sub-menu li{list-style:none}.sub-menu a{display:block;padding:12px 20px;color:#e6e6e6;text-decoration:none;font-size:16px;line-height:1.5}body.light-mode .sub-menu a{color:#34495e}.sub-menu a:hover,.sub-menu a:focus{background:#ffffff1a;color:#fff}body.light-mode .sub-menu a:hover,body.light-mode .sub-menu a:focus{background:#0000001a;color:#34495e}body.therapists-page .services-menu .sub-menu,body.therapists-page .services-menu:hover .sub-menu,body.therapists-page .services-menu.active .sub-menu{display:block}.sub-menu a[aria-current=page]{color:#9f9595!important;font-weight:700!important;background:transparent!important;border-left:3px solid #ffffff!important}@media (max-width: 1024px){.service-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;max-width:900px}.project-screenshots img{width:220px}}@media (max-width: 768px){.project-screenshots img{width:100%;max-width:180px}header:before{top:46px}.header-lines{display:none}.hamburger-menu{display:flex}#main-nav{display:none}body.mobile-nav-open{overflow:hidden}.cta-button,.btn-primary,.btn-secondary{min-height:44px;padding:12px 24px}.hero-content{padding:1.5rem;margin:0 1rem}.container{width:95%}input,textarea,select{font-size:16px;min-height:44px}.hero-cta{margin:3rem 0}.primary-cta{display:block;width:calc(100% - 2rem);max-width:280px;margin:0 auto 1rem;text-align:center;box-sizing:border-box}.about-card,.service-item,.contact-card{padding:1.5rem;margin-bottom:1rem}.about-grid,.services-grid,.contact-grid,.products-grid{gap:1rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{padding:2rem 1.5rem}.product-icon{font-size:3rem}.product-card h3{font-size:1.5rem}.product-tagline{font-size:1rem}.product-description{font-size:.9rem}.product-link{padding:.875rem 1.5rem;font-size:.9rem}.contact-card{width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:column}.contact-card h3,.contact-card p{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.feature-tag,.contact-tag{padding:.5rem 1rem;font-size:.9rem}.modal-content{width:95%;margin:10% auto;padding:1rem}.project-screenshots{flex-direction:column;align-items:center;gap:1rem}.project-screenshots img{width:100%;max-width:250px}.hero{min-height:60vh}.hero-content{padding:3rem 2rem;margin:1.5rem;max-width:100%}.hero-subtitle{font-size:1.25rem;margin:2rem 0}.hero-description{font-size:1rem;line-height:1.5;margin:2.5rem 0}.hero-features{flex-direction:column;gap:1.5rem;align-items:center;margin-top:3rem}.feature-item{text-align:center;min-width:120px}.cta-button,.btn-primary,.btn-secondary{min-height:48px;padding:12px 24px;font-size:1rem;border-radius:8px}input,textarea,select{font-size:16px;min-height:48px;padding:12px;border-radius:8px}.about-card,.service-item,.contact-card{padding:1.5rem;margin-bottom:1rem;border-radius:12px}.about-grid,.services-grid,.contact-grid{gap:1rem}.feature-tag,.contact-tag{padding:.5rem 1rem;font-size:.9rem;border-radius:20px}.modal-content{width:95%;margin:5% auto;padding:1.5rem;border-radius:12px}.project-screenshots{flex-direction:column;align-items:center;gap:1rem;padding:1rem}.project-screenshots img{width:100%;max-width:280px;border-radius:8px}.section{padding:2rem 1rem}.section-divider{margin:2rem 0}.container{width:95%;max-width:100%}.call-to-action{padding:1.5rem;margin:1.5rem 0;border-radius:12px}.call-to-action p{font-size:1rem;line-height:1.5}.service-grid{grid-template-columns:1fr;gap:1rem;padding:0}.portfolio-grid{grid-template-columns:1fr;gap:1rem}.typeform-container{min-height:350px;border-radius:12px}}@media (max-width: 480px){.hero{min-height:70vh}.hero-content{padding:2.5rem 1.5rem;margin:1rem}.hero-subtitle{font-size:1.1rem;margin:2.5rem 0}.hero-description{font-size:.9rem;margin:3rem 0}.primary-cta{padding:.75rem 1.5rem;font-size:.9rem;width:calc(100% - 1rem);max-width:260px;box-sizing:border-box}.container{width:98%}.section{padding:1.5rem .5rem}.about-card,.service-item,.contact-card{padding:1rem}.modal-content{width:98%;margin:2% auto;padding:1rem}.project-screenshots img{max-width:250px}.feature-tag,.contact-tag{padding:.4rem .8rem;font-size:.8rem}.cta-features{grid-template-columns:1fr;gap:.5rem}.cta-feature{font-size:.8rem}.typeform-container{min-height:300px}}@media (max-height: 500px) and (orientation: landscape){.hero{min-height:100vh}.hero-content{padding:1rem}.hero-subtitle{font-size:1rem;margin:.5rem 0}.hero-description{font-size:.9rem;margin:1rem 0}.hero-features{margin-top:1rem;gap:1rem}.feature-item{font-size:.9rem}}.zendesk-chat-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;border:none;cursor:pointer;margin-top:1rem;box-shadow:0 4px 12px #4f46e54d;width:100%;max-width:200px}.zendesk-chat-button:hover{background:linear-gradient(135deg,#3730a3,#0891b2);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.zendesk-chat-button:before{content:"💬";margin-right:.5rem;font-size:1.1rem}@media (max-width: 480px){.zendesk-chat-button{padding:.6rem 1.2rem;font-size:.85rem;max-width:180px}}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-form-section{width:100%;max-width:100%;padding:1.5rem;box-sizing:border-box;overflow:hidden}.typeform-container{width:100%!important;max-width:100%!important;min-height:400px;border-radius:12px;overflow:hidden;box-sizing:border-box}.typeform-container iframe{width:100%!important;max-width:100%!important;height:100%!important;border:none!important;box-sizing:border-box!important}.form-container h3,.form-container p{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}}@media (max-width: 480px){.contact-form-section{padding:1rem}.typeform-container{min-height:350px}}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%;max-width:100vw}.container{width:95%;max-width:100vw;padding-left:2.5%;padding-right:2.5%;box-sizing:border-box}*{max-width:100%;box-sizing:border-box}.section{width:100%;max-width:100vw;padding-left:2.5%;padding-right:2.5%;box-sizing:border-box}.hero{width:100%;max-width:100vw;overflow:hidden}.hero-content{width:100%;max-width:100%;margin:1.5rem auto;padding:2rem 1rem;box-sizing:border-box}.about-grid,.services-grid,.contact-grid{width:100%;max-width:100%;gap:1rem}.about-card,.service-item,.contact-card{width:100%;max-width:100%;box-sizing:border-box}.project-screenshots{width:100%;max-width:100%;padding:1rem;box-sizing:border-box}.project-screenshots img{width:100%;max-width:280px;height:auto}h1,h2,h3,h4,p,span,div{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}main{width:100%;max-width:100vw;overflow-x:hidden}table{width:100%;max-width:100%;table-layout:fixed}ul,ol{max-width:100%;word-wrap:break-word}button,input,textarea,select{max-width:100%;box-sizing:border-box}img{max-width:100%;height:auto}iframe{max-width:100%;box-sizing:border-box}}