*,:after,:before{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{margin:0}img{display:block;max-width:100%}button,input,textarea{font:inherit}:root{--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 40px #0000001f;--transition:200ms ease;--container:1200px;--bg:#f5efe6;--bg-alt:#e8e0f0;--surface:#fff;--surface-alt:#f8f6fc;--text:#2d2a33;--text-muted:#6b6777;--border:#e0dde6;--primary:#5d4e7a;--primary-light:#7b6b99;--primary-dark:#463b5c;--primary-soft:#d8d0e8;--accent:#8b7baf;--success:#4a9b6d;--danger:#c55050;--footer-bg:#2d2a33;--footer-text:#f5efe6;--footer-muted:#9a96a3}:root[data-theme=dark]{--bg:#1a1820;--bg-alt:#252230;--surface:#2d2a38;--surface-alt:#363342;--text:#f5efe6;--text-muted:#a8a4b0;--border:#3d3a48;--primary:#8b7baf;--primary-light:#a898c8;--primary-dark:#6b5b8f;--primary-soft:#3d3650;--footer-bg:#121015;--footer-text:#f5efe6;--footer-muted:#7a7684}body{background:#f5efe6;background:var(--bg);color:#2d2a33;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);line-height:1.6}a{color:inherit;text-decoration:none}.container{margin-inline:auto;position:relative;width:min(1200px,calc(100% - 48px));width:min(var(--container),calc(100% - var(--space-8)));z-index:1}.site-header{background:#f5efe6;background:var(--bg);border-bottom:1px solid #e0dde6;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;gap:24px;gap:var(--space-6);justify-content:space-between;padding:16px 0;padding:var(--space-4) 0}.brand{color:#2d2a33;color:var(--text);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;letter-spacing:.05em}.nav-links{align-items:center;display:flex;gap:24px;gap:var(--space-6);list-style:none;margin:0;padding:0}.nav-links a{color:#6b6777;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);transition:color .2s ease;transition:color var(--transition)}.nav-links a:hover{color:#2d2a33;color:var(--text)}.nav-actions{display:flex;gap:12px;gap:var(--space-3)}.btn,.nav-actions{align-items:center}.btn{border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:8px;gap:var(--space-2);justify-content:center;padding:12px 20px;padding:var(--space-3) var(--space-5);transition:all .2s ease;transition:all var(--transition)}.btn--primary{background:#5d4e7a;background:var(--primary);border-color:#5d4e7a;border-color:var(--primary);color:#fff}.btn--primary:hover{background:#463b5c;background:var(--primary-dark);border-color:#463b5c;border-color:var(--primary-dark);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--outline{animation:glow 2s ease-in-out infinite alternate;background:#fff;background:var(--surface);border-color:#7b6b99;border-color:var(--primary-light);box-shadow:0 0 15px #5d4e7a4d,0 0 30px #8b7baf26;color:#2d2a33;color:var(--text)}@keyframes glow{0%{box-shadow:0 0 15px #5d4e7a4d,0 0 30px #8b7baf26}to{box-shadow:0 0 20px #5d4e7a80,0 0 40px #8b7baf40}}.btn--outline:hover{animation:none;box-shadow:0 0 25px #5d4e7a99,0 0 50px #8b7baf59;color:#5d4e7a;color:var(--primary);transform:translateY(-2px)}.btn--outline:hover,.btn--purple{border-color:#5d4e7a;border-color:var(--primary)}.btn--purple{animation:glow 2s ease-in-out infinite alternate;background:#5d4e7a;background:var(--primary);box-shadow:0 0 15px #5d4e7a4d,0 0 30px #8b7baf26;color:#fff}.btn--purple:hover{animation:none;background:#463b5c;background:var(--primary-dark);border-color:#463b5c;border-color:var(--primary-dark);box-shadow:0 0 25px #5d4e7a99,0 0 50px #8b7baf59;transform:translateY(-2px)}.btn--teal{animation:glow 2s ease-in-out infinite alternate;background:#5a9a9a;border-color:#5a9a9a;box-shadow:0 0 15px #5d4e7a4d,0 0 30px #8b7baf26;color:#fff}.btn--teal:hover{animation:none;background:#4a8585;border-color:#4a8585;box-shadow:0 0 25px #5d4e7a99,0 0 50px #8b7baf59;transform:translateY(-2px)}.btn--white{background:#fff;border-color:#fff;color:#5d4e7a;color:var(--primary)}.btn--white:hover{background:#f5efe6;background:var(--bg);transform:translateY(-1px)}.btn--icon{background:#fff;background:var(--surface);border-color:#e0dde6;border-color:var(--border);border-radius:12px;border-radius:var(--radius-md);height:40px;padding:0;width:40px}.btn--icon:hover{border-color:#5d4e7a;border-color:var(--primary)}.hero{padding:80px 0;padding:var(--space-10) 0}.hero-grid{grid-gap:64px;grid-gap:var(--space-9);align-items:center;display:grid;gap:64px;gap:var(--space-9);grid-template-columns:1fr 1fr}.hero-content{max-width:560px}.hero-title{color:#2d2a33;color:var(--text);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin:0 0 20px;margin:0 0 var(--space-5)}.hero-title .highlight{color:#5d4e7a;color:var(--primary)}.hero-subtitle{color:#6b6777;color:var(--text-muted);font-size:1.125rem;font-size:var(--text-lg);line-height:1.7;margin:0 0 24px;margin:0 0 var(--space-6)}.hero-buttons{display:flex;gap:12px;gap:var(--space-3);margin-bottom:48px;margin-bottom:var(--space-8)}.hero-stats{display:flex;gap:48px;gap:var(--space-8)}.stat{text-align:left}.stat-value{color:#2d2a33;color:var(--text);font-size:2rem;font-size:var(--text-3xl);font-weight:700}.stat-label{color:#6b6777;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm)}.hero-visual{align-items:center;background:#d8d0e8;background:var(--primary-soft);border-radius:24px;border-radius:var(--radius-xl);display:flex;justify-content:center;min-height:450px;overflow:hidden;padding:24px;padding:var(--space-6);position:relative}.hero-illustration{position:relative;width:100%}.illustration-browser{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 40px #0000001f;box-shadow:var(--shadow-lg);overflow:hidden}.browser-bar{align-items:center;background:#f8f6fc;background:var(--surface-alt);border-bottom:1px solid #e0dde6;border-bottom:1px solid var(--border);display:flex;gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4)}.browser-dot{border-radius:50%;height:12px;width:12px}.browser-dot.red{background:#ff5f57}.browser-dot.yellow{background:#ffbd2e}.browser-dot.green{background:#28c840}.browser-url{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#6b6777;color:var(--text-muted);display:flex;flex:1 1;font-size:.875rem;font-size:var(--text-sm);gap:8px;gap:var(--space-2);margin-left:16px;margin-left:var(--space-4);max-width:300px;padding:4px 16px;padding:var(--space-1) var(--space-4)}.browser-content,.browser-url{background:#f5efe6;background:var(--bg)}.browser-content{min-height:280px;padding:20px;padding:var(--space-5)}.browser-nav{background:linear-gradient(90deg,#d8d0e8 60%,#0000 0);background:linear-gradient(90deg,var(--primary-soft) 60%,#0000 60%);border-radius:8px;border-radius:var(--radius-sm);height:12px}.browser-hero,.browser-nav{margin-bottom:20px;margin-bottom:var(--space-5)}.browser-hero{background:linear-gradient(135deg,#5d4e7a,#7b6b99);background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:12px;border-radius:var(--radius-md);height:100px}.browser-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.browser-card{background:#fff;background:var(--surface);border:1px solid #e0dde6;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);height:80px}.floating-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-code,.floating-cursor,.floating-design{animation:float 3s ease-in-out infinite;background:#fff;background:var(--surface);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);font-size:1.125rem;font-size:var(--text-lg);padding:12px 16px;padding:var(--space-3) var(--space-4);position:absolute}.floating-code{animation-delay:0s;color:#5d4e7a;color:var(--primary);font-weight:700;right:-10px;top:10%}.floating-design{animation-delay:1s;bottom:25%;left:-15px}.floating-cursor{animation-delay:2s;right:-20px;top:40%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section--floating{overflow:hidden;position:relative}.floating-bg-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.float-shape{animation:float 4s ease-in-out infinite;color:#5d4e7a;color:var(--primary);font-size:2rem;opacity:.15;position:absolute}.float-shape--1{animation-delay:0s;font-size:2.5rem;left:5%;top:15%}.float-shape--2{animation-delay:1.5s;font-size:1.75rem;right:8%;top:60%}.float-shape--3{animation-delay:.8s;bottom:20%;font-size:2rem;left:12%}.float-shape--4{animation-delay:.3s;font-size:2.25rem;right:10%;top:25%}.float-shape--5{animation-delay:2s;bottom:30%;font-size:1.5rem;left:8%}.float-shape--6{animation-delay:.5s;font-size:2rem;left:6%;top:20%}.float-shape--7{animation-delay:1.2s;bottom:25%;font-size:1.75rem;right:5%}.float-text{animation:floatText 3s ease-in-out infinite}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-number{animation:floatNumber 3s ease-in-out infinite}.float-number--1{animation-delay:0s}.float-number--2{animation-delay:.3s}.float-number--3{animation-delay:.6s}.float-number--4{animation-delay:.9s}@keyframes floatNumber{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.service-icon{animation:floatIcon 2.5s ease-in-out infinite}.service-card:first-child .service-icon{animation-delay:0s}.service-card:nth-child(2) .service-icon{animation-delay:.4s}.service-card:nth-child(3) .service-icon{animation-delay:.8s}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stat-value{animation:floatStat 2s ease-in-out infinite}.stat:first-child .stat-value{animation-delay:0s}.stat:nth-child(2) .stat-value{animation-delay:.3s}.stat:nth-child(3) .stat-value{animation-delay:.6s}@keyframes floatStat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.responsive-badge{align-items:center;background:#463b5c;background:var(--primary-dark);border-radius:9999px;border-radius:var(--radius-full);bottom:16px;bottom:var(--space-4);color:#fff;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:8px;gap:var(--space-2);left:50%;padding:8px 16px;padding:var(--space-2) var(--space-4);position:absolute;transform:translateX(-50%)}.section{padding:80px 0;padding:var(--space-10) 0}.section--alt{background:#e8e0f0;background:var(--bg-alt)}.section-header{margin:0 auto 64px;margin:0 auto var(--space-9);max-width:600px;text-align:center}.section-title{color:#2d2a33;color:var(--text);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;margin:0 0 12px;margin:0 0 var(--space-3)}.section-subtitle{color:#6b6777;color:var(--text-muted);font-size:1.125rem;font-size:var(--text-lg);margin:0}.services-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.service-card{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--radius-lg);padding:32px;padding:var(--space-7);transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition),box-shadow var(--transition)}.service-card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-4px)}.service-icon{align-items:center;background:#5d4e7a;background:var(--primary);border-radius:12px;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:20px;margin-bottom:var(--space-5);width:48px}.service-card h3{color:#2d2a33;color:var(--text);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin:0 0 12px;margin:0 0 var(--space-3)}.service-card>p{color:#6b6777;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin:0 0 20px;margin:0 0 var(--space-5)}.service-features{list-style:none;margin:0;padding:0}.service-features li{align-items:center;color:#2d2a33;color:var(--text);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:8px;gap:var(--space-2);padding:8px 0;padding:var(--space-2) 0}.service-features .check{color:#4a9b6d;color:var(--success)}.process-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(4,1fr);text-align:center}.process-step{padding:20px;padding:var(--space-5)}.process-number{align-items:center;background:#5d4e7a;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-size:var(--text-4xl);font-weight:700;height:100px;justify-content:center;margin:0 auto 20px;margin:0 auto var(--space-5);width:100px}.process-step h3{color:#2d2a33;color:var(--text);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin:0 0 12px;margin:0 0 var(--space-3)}.process-step p{color:#6b6777;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin:0}.portfolio-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.portfolio-card{background:#fff;background:var(--surface);border-radius:24px;border-radius:var(--radius-xl);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition),box-shadow var(--transition)}.portfolio-card:hover{box-shadow:0 8px 40px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.portfolio-image{align-items:center;background:#d8d0e8;background:var(--primary-soft);display:flex;height:280px;justify-content:center;overflow:hidden}.portfolio-image img{height:100%;object-fit:cover;width:100%}.portfolio-content{padding:24px;padding:var(--space-6)}.portfolio-content h3{align-items:center;color:#2d2a33;color:var(--text);display:flex;font-size:1.25rem;font-size:var(--text-xl);font-weight:600;justify-content:space-between;margin:0 0 8px;margin:0 0 var(--space-2)}.portfolio-content p{color:#6b6777;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);margin:0 0 16px;margin:0 0 var(--space-4)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.tag{background:#f8f6fc;background:var(--surface-alt);border-radius:9999px;border-radius:var(--radius-full);color:#6b6777;color:var(--text-muted);font-size:.75rem;font-size:var(--text-xs);padding:4px 12px;padding:var(--space-1) var(--space-3)}.familiar-section{background:#fff;background:var(--surface);border:2px solid #d8d0e8;border:2px solid var(--primary-soft);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 40px #0000001f;box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;padding:64px;padding:var(--space-9);position:relative;text-align:center}.familiar-section:before{background:#f5efe6;background:var(--bg);content:"🤔";font-size:3rem;left:50%;padding:0 16px;padding:0 var(--space-4);position:absolute;top:-30px;transform:translateX(-50%)}.familiar-section .section-title{color:#5d4e7a;color:var(--primary);font-size:clamp(2rem,4vw,2.75rem);margin-bottom:24px;margin-bottom:var(--space-6)}.familiar-text{color:#2d2a33;color:var(--text);font-size:1.25rem;font-size:var(--text-xl);line-height:1.8;margin:0 0 20px;margin:0 0 var(--space-5)}.familiar-cta{background:#d8d0e8;background:var(--primary-soft);border-radius:16px;border-radius:var(--radius-lg);color:#5d4e7a;color:var(--primary);display:inline-block;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin:32px 0 0;margin:var(--space-7) 0 0;padding:16px 24px;padding:var(--space-4) var(--space-6)}.cta-section{padding:80px 0;padding:var(--space-10) 0}.cta-box{background:linear-gradient(135deg,#5d4e7a,#8b7baf);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border-radius:24px;border-radius:var(--radius-xl);overflow:hidden;padding:64px;padding:var(--space-9);position:relative;text-align:center}.cta-box:before{background:#ffffff1a;height:400px;right:-20%;top:-50%;width:400px}.cta-box:after,.cta-box:before{border-radius:50%;content:"";position:absolute}.cta-box:after{background:#ffffff14;bottom:-30%;height:300px;left:-10%;width:300px}.cta-content{position:relative;z-index:1}.cta-box h2{color:#fff;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 16px;margin:0 0 var(--space-4)}.cta-box p{color:#ffffffd9;font-size:1rem;font-size:var(--text-md);margin:0 0 24px;margin:0 0 var(--space-6);margin-inline:auto;max-width:500px}.site-footer{background:#2d2a33;background:var(--footer-bg);color:#f5efe6;color:var(--footer-text);padding:64px 0 24px;padding:var(--space-9) 0 var(--space-6)}.footer-grid{grid-gap:48px;grid-gap:var(--space-8);display:grid;gap:48px;gap:var(--space-8);grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:48px;margin-bottom:var(--space-8)}.footer-brand{font-size:1.25rem;font-size:var(--text-xl);font-weight:700;letter-spacing:.05em;margin-bottom:16px;margin-bottom:var(--space-4)}.footer-desc{color:#9a96a3;color:var(--footer-muted);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin:0 0 20px;margin:0 0 var(--space-5)}.social-links{display:flex;gap:12px;gap:var(--space-3)}.social-link{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:36px;justify-content:center;transition:background .2s ease;transition:background var(--transition);width:36px}.social-link:hover{background:#5d4e7a;background:var(--primary)}.footer-title{color:#f5efe6;color:var(--footer-text);font-size:1rem;font-size:var(--text-md);font-weight:600;margin:0 0 16px;margin:0 0 var(--space-4)}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px;margin-bottom:var(--space-2)}.footer-links a{color:#9a96a3;color:var(--footer-muted);font-size:.875rem;font-size:var(--text-sm);transition:color .2s ease;transition:color var(--transition)}.footer-links a:hover{color:#f5efe6;color:var(--footer-text)}.footer-contact{font-size:.875rem;font-size:var(--text-sm)}.footer-contact,.footer-contact a{color:#9a96a3;color:var(--footer-muted)}.footer-contact a{align-items:center;display:flex;gap:8px;gap:var(--space-2);margin-bottom:8px;margin-bottom:var(--space-2)}.footer-contact a:hover{color:#f5efe6;color:var(--footer-text)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;color:#9a96a3;color:var(--footer-muted);display:flex;font-size:.875rem;font-size:var(--text-sm);justify-content:space-between;padding-top:24px;padding-top:var(--space-6)}.footer-legal{display:flex;gap:24px;gap:var(--space-6)}.footer-legal a:hover{color:#f5efe6;color:var(--footer-text)}.page-hero{background:#e8e0f0;background:var(--bg-alt);padding:64px 0;padding:var(--space-9) 0;text-align:center}.page-title{color:#2d2a33;color:var(--text);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 16px;margin:0 0 var(--space-4)}.page-subtitle{color:#6b6777;color:var(--text-muted);font-size:1.125rem;font-size:var(--text-lg);margin:0;margin-inline:auto;max-width:600px}.contact-grid{grid-gap:64px;grid-gap:var(--space-9);align-items:start;display:grid;gap:64px;gap:var(--space-9);grid-template-columns:1fr 1.2fr}.contact-info h2{color:#2d2a33;color:var(--text);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin:0 0 16px;margin:0 0 var(--space-4)}.contact-info>p{color:#6b6777;color:var(--text-muted);margin:0 0 32px;margin:0 0 var(--space-7)}.contact-details{display:flex;flex-direction:column;gap:20px;gap:var(--space-5)}.contact-item{align-items:flex-start;display:flex;gap:16px;gap:var(--space-4)}.contact-icon{align-items:center;background:#d8d0e8;background:var(--primary-soft);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;font-size:var(--text-xl);height:48px;justify-content:center;width:48px}.contact-item strong{color:#2d2a33;color:var(--text);display:block;margin-bottom:4px;margin-bottom:var(--space-1)}.contact-item a,.contact-item span{color:#6b6777;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm)}.contact-item a:hover{color:#5d4e7a;color:var(--primary)}.contact-form{background:#fff;background:var(--surface);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 40px #0000001f;box-shadow:var(--shadow-lg);padding:32px;padding:var(--space-7)}.form-group{margin-bottom:20px;margin-bottom:var(--space-5)}.form-group label{color:#2d2a33;color:var(--text);display:block;font-weight:500;margin-bottom:8px;margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{background:#f5efe6;background:var(--bg);border:1px solid #e0dde6;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#2d2a33;color:var(--text);font-size:1rem;font-size:var(--text-md);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5d4e7a;border-color:var(--primary);outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-success{background:#d4edda;color:#155724}.form-error,.form-success{border-radius:12px;border-radius:var(--radius-md);margin-bottom:16px;margin-bottom:var(--space-4);padding:16px;padding:var(--space-4);text-align:center}.form-error{background:#f8d7da;color:#721c24}.btn:disabled{cursor:not-allowed;opacity:.6}.portfolio-grid-full{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.page-hero{padding:32px 0;padding:var(--space-7) 0}.contact-grid{gap:32px;gap:var(--space-7);grid-template-columns:1fr}.contact-form{padding:20px;padding:var(--space-5)}.portfolio-grid-full{grid-template-columns:1fr}}.hamburger{align-items:center;background:#fff;background:var(--surface);border:1px solid #e0dde6;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:0;width:40px}.hamburger-line{background:#2d2a33;background:var(--text);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:20px}.hamburger--active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger--active .hamburger-line:nth-child(2){opacity:0}.hamburger--active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{background:#fff;background:var(--surface);border-bottom:1px solid #e0dde6;border-bottom:1px solid var(--border);display:none;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transition:max-height .3s ease,padding .3s ease}.mobile-menu--open{max-height:400px;padding:24px 0;padding:var(--space-6) 0}.mobile-nav{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-4);padding:0 24px;padding:0 var(--space-6)}.mobile-nav a{color:#2d2a33;color:var(--text);font-size:1.125rem;font-size:var(--text-lg);padding:12px 0;padding:var(--space-3) 0;transition:color .2s ease;transition:color var(--transition)}.mobile-nav a:hover{color:#5d4e7a;color:var(--primary)}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}.btn--full{width:100%}.btn--desktop{display:inline-flex}@media (max-width:1024px){.hero-grid{gap:48px;gap:var(--space-8);grid-template-columns:1fr}.hero-visual{min-height:350px}.services-grid{grid-template-columns:1fr}.footer-grid,.process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hamburger{display:flex}.btn--desktop,.nav-desktop{display:none}.mobile-menu,.mobile-overlay{display:block}.floating-bg-elements,.floating-elements{display:none}.float-number,.float-text,.service-icon,.stat-value{animation:none}.hero-visual{display:none}.hero{padding:48px 0;padding:var(--space-8) 0}.hero-content{max-width:100%;text-align:center}.hero-stats{flex-direction:row;gap:12px;gap:var(--space-3);justify-content:center;text-align:center}.stat{flex:1 1;text-align:center}.stat-value{font-size:1.25rem;font-size:var(--text-xl)}.stat-label{font-size:.75rem;font-size:var(--text-xs)}.hero-buttons{flex-direction:column}.hero-visual{min-height:300px;padding:16px;padding:var(--space-4)}.browser-content{min-height:200px;padding:12px;padding:var(--space-3)}.browser-hero{height:60px}.browser-card{height:50px}.service-card{padding:16px;padding:var(--space-4)}.service-icon{font-size:1rem;height:36px;margin-bottom:12px;margin-bottom:var(--space-3);width:36px}.service-card h3{font-size:1rem;font-size:var(--text-md);margin-bottom:8px;margin-bottom:var(--space-2)}.service-card>p{line-height:1.5;margin-bottom:12px;margin-bottom:var(--space-3)}.service-card>p,.service-features li{font-size:.75rem;font-size:var(--text-xs)}.service-features li{padding:4px 0;padding:var(--space-1) 0}.process-grid{grid-template-columns:1fr}.process-number{font-size:1.5rem;font-size:var(--text-2xl);height:60px;margin-bottom:12px;margin-bottom:var(--space-3);width:60px}.process-step{padding:12px;padding:var(--space-3)}.process-step h3{font-size:1rem;font-size:var(--text-md);margin-bottom:8px;margin-bottom:var(--space-2)}.process-step p{font-size:.75rem;font-size:var(--text-xs)}.portfolio-grid{gap:16px;gap:var(--space-4);grid-template-columns:1fr}.portfolio-card{border-radius:16px;border-radius:var(--radius-lg)}.portfolio-image{height:140px}.portfolio-content{padding:16px;padding:var(--space-4)}.portfolio-content h3{font-size:1rem;font-size:var(--text-md);margin-bottom:4px;margin-bottom:var(--space-1)}.portfolio-content p{font-size:.75rem;font-size:var(--text-xs);line-height:1.5;margin-bottom:12px;margin-bottom:var(--space-3)}.portfolio-tags{gap:4px;gap:var(--space-1)}.tag{font-size:.65rem;padding:2px 8px;padding:2px var(--space-2)}.section-header{margin-bottom:24px;margin-bottom:var(--space-6)}.section-title{font-size:1.25rem;font-size:var(--text-xl);margin-bottom:8px;margin-bottom:var(--space-2)}.section-subtitle{font-size:.875rem;font-size:var(--text-sm)}.familiar-section{margin-top:24px;margin-top:var(--space-6);padding:32px;padding:var(--space-7)}.familiar-section:before{font-size:2.5rem;top:-25px}.familiar-text{font-size:1rem;font-size:var(--text-md)}.familiar-cta{font-size:1.125rem;font-size:var(--text-lg);padding:12px 20px;padding:var(--space-3) var(--space-5)}.cta-section{padding:24px 0;padding:var(--space-6) 0}.cta-box{border-radius:16px;border-radius:var(--radius-lg);padding:20px;padding:var(--space-5)}.cta-box h2{font-size:1.125rem;font-size:var(--text-lg);margin-bottom:8px;margin-bottom:var(--space-2)}.cta-box p{margin-bottom:16px;margin-bottom:var(--space-4)}.cta-box .btn,.cta-box p{font-size:.875rem;font-size:var(--text-sm)}.cta-box .btn{padding:8px 16px;padding:var(--space-2) var(--space-4)}.site-footer{padding:24px 0 16px;padding:var(--space-6) 0 var(--space-4)}.footer-grid{gap:16px;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:16px;margin-bottom:var(--space-4);text-align:left}.footer-brand{font-size:1rem;font-size:var(--text-md);margin-bottom:8px;margin-bottom:var(--space-2)}.footer-desc{display:none;font-size:.75rem;font-size:var(--text-xs);margin-bottom:12px;margin-bottom:var(--space-3)}.social-links{gap:8px;gap:var(--space-2)}.social-link{font-size:.75rem;font-size:var(--text-xs);height:28px;width:28px}.footer-title{font-size:.875rem;font-size:var(--text-sm);margin-bottom:8px;margin-bottom:var(--space-2)}.footer-links a{font-size:.75rem;font-size:var(--text-xs)}.footer-links li{margin-bottom:4px;margin-bottom:var(--space-1)}.footer-contact{font-size:.75rem;font-size:var(--text-xs)}.footer-contact a{margin-bottom:4px;margin-bottom:var(--space-1)}.footer-bottom{flex-direction:column;font-size:.75rem;font-size:var(--text-xs);gap:8px;gap:var(--space-2);padding-top:16px;padding-top:var(--space-4);text-align:center}.footer-legal{flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:center}.section{padding:48px 0;padding:var(--space-8) 0}}@media (max-width:480px){.hero-title{font-size:1.75rem}.stat-value{font-size:1.125rem;font-size:var(--text-lg)}.browser-grid{grid-template-columns:repeat(2,1fr)}.browser-card:last-child{display:none}}
/*# sourceMappingURL=main.bd9bd157.css.map*/