.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:url(https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1600&q=80) center/cover no-repeat;padding-top:76px}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#002d55eb,#021b33d6 48%,#f47a2033),linear-gradient(to bottom,#0014271f,#031426e6)}.hero-content{position:relative;z-index:2;text-align:center;padding:88px 24px 0;max-width:820px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:.85rem;font-weight:500;padding:7px 16px;border-radius:99px;margin-bottom:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-dot{width:7px;height:7px;background:var(--brown-light);border-radius:50%}.hero-content h1{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1.05;color:#fff;margin-bottom:20px}.hero-content p{font-size:1.1rem;color:#ffffffbf;max-width:600px;margin:0 auto 36px}.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-stats{position:relative;z-index:2;display:flex;gap:0;margin-top:auto;padding:48px 24px 60px;width:100%;max-width:900px;justify-content:center}.stat-item{text-align:center;padding:24px 40px;border-right:1px solid rgba(255,255,255,.15)}.stat-item:last-child{border-right:none}.stat-item span:first-child,.stat-number{font-size:2.5rem;font-weight:800;color:var(--brown-light)}.stat-item>span:nth-child(2){font-size:2.5rem;font-weight:800;color:var(--brown-light)}.stat-label{display:block;font-size:.85rem;color:#fff9;margin-top:4px}.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#ffffff80;animation:bounce 2s infinite;z-index:2}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-image-wrap{position:relative}.about-img{border-radius:20px;width:100%;object-fit:cover;aspect-ratio:4/3}.about-badge{position:absolute;bottom:-24px;right:-24px;background:var(--brown);color:#fff;padding:20px 24px;border-radius:16px;box-shadow:var(--shadow-lg);max-width:200px}.about-badge-num{display:block;font-size:2.5rem;font-weight:800;line-height:1}.about-badge-text{display:block;font-size:.8rem;opacity:.85;margin-top:6px;line-height:1.4}.about-content .section-tag{display:block;text-align:left}.about-content h2{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;color:var(--dark);margin-bottom:20px}.about-content p{color:var(--text-muted);margin-bottom:16px}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.value-card{display:flex;gap:12px;align-items:flex-start;background:var(--surface);padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border)}.value-icon{width:36px;height:36px;background:var(--cream-2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brown)}.value-card strong{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}.value-card p{font-size:.8rem;color:var(--text-muted);margin:0}.services{background:var(--cream-2)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:var(--surface);border-radius:var(--radius);padding:28px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.service-card-accent{background:linear-gradient(180deg,#fff,#fff6ef);border-color:#f5d5bd}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-icon{width:48px;height:48px;background:var(--cream-2);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--brown);box-shadow:var(--shadow)}.service-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--dark)}.service-card p{font-size:.88rem;color:var(--text-muted);margin-bottom:16px;line-height:1.6}.service-tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio{background:var(--cream)}.portfolio-filters{display:flex;gap:8px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:8px 20px;border-radius:99px;font-size:.88rem;font-weight:500;background:var(--surface);color:var(--text-muted);border:1.5px solid var(--border);transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--brown);color:#fff;border-color:var(--brown)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.portfolio-card.hidden{display:none}.portfolio-img-wrap{overflow:hidden;aspect-ratio:16/9}.portfolio-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.portfolio-card:hover .portfolio-img-wrap img{transform:scale(1.04)}.portfolio-body{padding:20px}.portfolio-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.portfolio-client{font-size:.78rem;color:var(--text-muted)}.portfolio-body h3{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--dark)}.portfolio-body p{font-size:.83rem;color:var(--text-muted);margin-bottom:12px;line-height:1.55}.portfolio-result{display:flex;align-items:center;gap:6px;color:var(--brown);font-size:.85rem;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.tag-web{background:#e8f0fe;color:#3d5af1}.tag-mobile{background:#fce8e8;color:#d32f2f}.tag-cloud{background:#e8f5e9;color:#2e7d32}.tag-data{background:#fff3e0;color:#e65100}.testimonials{background:var(--dark-2)}.testimonial-slider{max-width:700px;margin:0 auto;text-align:center}.testimonial-slide{display:none;animation:fadeIn .4s}.testimonial-slide.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stars{font-size:1.4rem;color:var(--brown-light);margin-bottom:24px}blockquote{font-size:clamp(1rem,2vw,1.2rem);font-style:italic;line-height:1.7;color:#ffffffe6;margin-bottom:32px}.testimonial-author{display:flex;align-items:center;gap:14px;justify-content:center}.testimonial-author>div{padding:10px 18px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f}.testimonial-author strong{display:block;color:#fff;font-size:.95rem}.testimonial-author span{color:var(--brown-light);font-size:.83rem}.slider-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}.slider-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);color:#fff;background:#ffffff0d;display:flex;align-items:center;justify-content:center;transition:all .2s}.slider-btn:hover{background:var(--brown);border-color:var(--brown)}.slider-dots{display:flex;gap:8px;align-items:center}.slider-dot{width:8px;height:8px;border-radius:4px;background:#ffffff4d;transition:all .3s;border:none;padding:0;cursor:pointer}.slider-dot.active{width:28px;background:var(--brown-light)}.testimonial-thumbnails{display:flex;gap:10px;justify-content:center;margin-top:36px;flex-wrap:wrap}.thumb{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;border:1.5px solid rgba(255,255,255,.15);color:#fff9;font-size:.82rem;transition:all .2s;background:#ffffff0a}.thumb.active{border-color:var(--brown);color:#fff;background:#f47a2029}.thumb:hover{border-color:var(--brown-light);color:#fff}.team{background:var(--cream-2)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.team-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.team-body{padding:22px}.team-body h3{font-size:1.05rem;font-weight:800;margin-bottom:6px;color:var(--dark);padding-bottom:10px;border-bottom:2px solid var(--brown)}.team-role{font-size:.82rem;color:var(--brown);font-weight:700;display:block;margin:12px 0 10px}.team-body>p{font-size:.82rem;color:var(--text-muted);margin-bottom:12px;line-height:1.55}.team-body .service-tags{margin-bottom:12px}.team-socials{display:flex;gap:6px;padding-top:12px;border-top:1px solid var(--border)}.social-btn{width:32px;height:32px;border-radius:50%;background:var(--cream-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.social-btn:hover{background:var(--brown);color:#fff;border-color:var(--brown)}.pricing{background:var(--cream)}.pricing-toggle{display:flex;align-items:center;gap:4px;background:var(--cream-2);padding:4px;border-radius:99px;width:fit-content;margin:0 auto 48px;border:1px solid var(--border)}.toggle-btn{padding:8px 22px;border-radius:99px;font-size:.88rem;font-weight:500;color:var(--text-muted);transition:all .2s}.toggle-btn.active{background:var(--surface);color:var(--dark);box-shadow:0 1px 6px #00000014}.save-badge{background:var(--brown);color:#fff;font-size:.7rem;padding:2px 7px;border-radius:99px;margin-left:6px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.pricing-card{background:var(--surface);border-radius:var(--radius);padding:32px;border:1px solid var(--border);position:relative}.pricing-card-featured{background:var(--dark);border-color:var(--dark);color:#fff;transform:translateY(-8px)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--brown);color:#fff;font-size:.78rem;font-weight:600;padding:5px 16px;border-radius:99px}.plan-name{font-size:1rem;font-weight:600;color:var(--brown);margin-bottom:8px}.pricing-card-featured .plan-name{color:var(--brown-light)}.plan-price{display:flex;align-items:baseline;gap:2px;margin-bottom:10px}.price-amount{font-size:3rem;font-weight:800;color:var(--dark)}.pricing-card-featured .price-amount{color:#fff}.price-custom{font-size:2.5rem}.price-period{font-size:.9rem;color:var(--text-muted)}.pricing-card-featured .price-period{color:#ffffff80}.plan-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:24px}.pricing-card-featured .plan-desc{color:#fff9}.plan-btn{width:100%;margin-bottom:24px}.plan-features{display:flex;flex-direction:column;gap:11px}.plan-features li{display:flex;align-items:center;gap:10px;font-size:.86rem}.feature-yes{color:var(--dark)}.feature-yes svg{color:var(--brown);flex-shrink:0}.feature-no{color:var(--text-muted)}.feature-no svg{color:#ccc;flex-shrink:0}.pricing-card-featured .feature-yes{color:#ffffffe6}.pricing-card-featured .feature-yes svg{color:var(--brown-light)}.pricing-card-featured .feature-no{color:#ffffff59}.pricing-card-featured .feature-no svg{color:#ffffff40}.pricing-note{text-align:center;margin-top:32px;color:var(--text-muted);font-size:.88rem}.pricing-note a{color:var(--brown);font-weight:600}.faq{background:var(--cream-2)}.faq-container{max-width:780px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden}.faq-question{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:16px;font-size:.95rem;font-weight:600;color:var(--dark);transition:background .2s}.faq-question:hover{background:var(--cream)}.faq-icon{font-size:1.2rem;color:var(--brown);flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding:0 22px 20px;font-size:.88rem;color:var(--text-muted);line-height:1.7}.contact{background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}.contact-info .section-tag{display:block;margin-bottom:12px}.contact-info h2{font-size:clamp(2rem,3vw,2.5rem);font-weight:800;margin-bottom:16px;color:var(--dark)}.contact-info>p{color:var(--text-muted);margin-bottom:32px;line-height:1.7}.contact-details{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:flex-start;gap:14px}.contact-icon{width:44px;height:44px;background:var(--cream-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brown);border:1px solid var(--border)}.contact-item strong{display:block;font-size:.9rem;margin-bottom:2px}.contact-item span{font-size:.87rem;color:var(--text-muted)}.contact-form-wrap{background:var(--surface);border-radius:var(--radius);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:.85rem;font-weight:600;color:var(--dark)}.form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;color:var(--dark);background:var(--input-bg);outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brown)}.form-group textarea{resize:vertical;min-height:120px}.char-count{color:var(--text-muted);font-weight:400;font-size:.8rem}.form-note{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:10px}.form-success{display:none;align-items:center;gap:8px;background:#e8f5e9;color:#2e7d32;padding:12px 16px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;margin-top:12px}.form-success.show{display:flex}#cb-widget{position:fixed;bottom:28px;right:28px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}#cb-launcher{display:flex;align-items:center;gap:10px;pointer-events:auto}#cb-label{background:var(--dark);color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:20px;white-space:nowrap;box-shadow:var(--shadow);opacity:1;transition:opacity .2s;pointer-events:none}#cb-toggle[aria-expanded=true]~#cb-label,#cb-widget.cb-hide-label #cb-label{opacity:0}#cb-toggle{width:56px;height:56px;border-radius:50%;background:var(--brown);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #9b6b2f66;transition:background .2s,transform .2s;flex-shrink:0}#cb-toggle:hover{background:var(--brown-dark);transform:scale(1.06)}#cb-icon-close,#cb-toggle[aria-expanded=true] #cb-icon-open{display:none}#cb-toggle[aria-expanded=true] #cb-icon-close{display:block}#cb-window{width:340px;max-height:480px;background:var(--cream);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(12px) scale(.97);transform-origin:bottom right;transition:opacity .22s ease,transform .22s ease}#cb-window.cb-window--open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}#cb-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--brown);color:#fff}.cb-header-info{display:flex;align-items:center;gap:10px}.cb-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;letter-spacing:.03em;flex-shrink:0}.cb-header-name{font-size:.9rem;font-weight:600;line-height:1.2}.cb-header-status{font-size:.72rem;opacity:.8}#cb-close{color:#fffc;padding:4px;border-radius:6px;transition:color .15s}#cb-close:hover{color:#fff}#cb-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}#cb-log::-webkit-scrollbar{width:4px}#cb-log::-webkit-scrollbar-track{background:transparent}#cb-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cb-msg{display:flex;max-width:85%}.cb-msg--user{align-self:flex-end;flex-direction:row-reverse}.cb-msg--assistant{align-self:flex-start}.cb-bubble{padding:10px 13px;border-radius:16px;font-size:.875rem;line-height:1.5;word-break:break-word}.cb-msg--user .cb-bubble{background:var(--brown);color:#fff;border-bottom-right-radius:4px}.cb-msg--assistant .cb-bubble{background:var(--cream-2);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.cb-typing-dots{display:flex;align-items:center;gap:4px;padding:12px 16px}.cb-typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--brown-light);animation:cb-bounce 1.2s infinite ease-in-out}.cb-typing-dots span:nth-child(2){animation-delay:.2s}.cb-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes cb-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}#cb-form{display:flex;align-items:center;gap:8px;padding:12px;border-top:1.5px solid var(--border);background:var(--cream)}#cb-input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:9px 13px;font-size:.875rem;font-family:inherit;background:#fff;color:var(--text);outline:none;transition:border-color .15s}#cb-input:focus{border-color:var(--brown)}#cb-input::placeholder{color:var(--text-muted)}#cb-input:disabled{opacity:.5}#cb-send{width:38px;height:38px;border-radius:10px;background:var(--brown);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}#cb-send:hover:not(:disabled){background:var(--brown-dark)}#cb-send:disabled{opacity:.5}:root[data-theme=night] #cb-label{background:var(--surface);color:var(--text);border:1px solid var(--border)}@media (max-width: 400px){#cb-widget{bottom:16px;right:16px}#cb-window{width:calc(100vw - 32px)}}#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:2000;background:var(--dark);color:#fff;padding:16px 24px;box-shadow:0 -4px 24px #0000002e;transform:translateY(0);transition:transform .35s ease,opacity .35s ease}#cookie-banner.cookie-hidden{transform:translateY(110%);opacity:0;pointer-events:none}#cookie-banner-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}#cookie-text{display:flex;align-items:center;gap:12px;flex:1;min-width:0}#cookie-text svg{flex-shrink:0;color:var(--brown-light)}#cookie-text p{font-size:.875rem;color:#ffffffd9;line-height:1.5}#cookie-text a{color:var(--brown-light);text-decoration:underline;text-underline-offset:3px}#cookie-text a:hover{color:#fff}#cookie-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}#cookie-decline{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fffc;font-size:.85rem;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s}#cookie-decline:hover{border-color:#ffffffb3;color:#fff}#cookie-accept{background:var(--brown);border:none;color:#fff;font-size:.85rem;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .2s}#cookie-accept:hover{background:var(--brown-dark)}@media (max-width: 600px){#cookie-banner-inner{flex-direction:column;align-items:flex-start}#cookie-actions{width:100%}#cookie-decline,#cookie-accept{flex:1;text-align:center}}