@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Canela:wght@400;500;600;700&display=swap");:root{--navy:#182432;--slate:#44576d;--sand:#dcc9a9;--ivory:#f8f6f2;--charcoal:#222;--text:#222;--light-text:#666;--border:#e8e3d6;--bg-light:#f8f6f2}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--ivory);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-transition{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.page-transition.is-changing{opacity:.72;transform:translateY(6px)}h1,h2,h3,h4,h5,h6{font-family:Canela,serif;font-weight:500;line-height:1.2}h1{font-size:3.5rem;letter-spacing:-.02em}h2{font-size:2.5rem;letter-spacing:-.015em}h3{font-size:1.5rem;letter-spacing:-.01em}h4{font-size:1.2rem}p{margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{background:var(--ivory);border-bottom:1px solid var(--border);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(40,30%,96%,.95)}.nav-row{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}.brand,.nav-row{display:flex;align-items:center}.brand{gap:12px;text-decoration:none;color:var(--navy);font-weight:600;font-size:1.1rem;font-family:Canela,serif;letter-spacing:-.01em}.logo{height:60px;width:auto;object-fit:contain}nav{display:flex;gap:40px}nav a{text-decoration:none;color:var(--text);font-weight:500;font-size:.95rem;transition:color .3s ease}nav a:hover{color:var(--sand)}.hero{padding:140px 24px 100px;text-align:center;background:linear-gradient(135deg,var(--ivory) 0,#fafaf8 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:600px;height:600px;background:radial-gradient(circle,hsla(38,42%,76%,.05) 0,transparent 70%);border-radius:50%;pointer-events:none}.hero .container{position:relative;z-index:1}.hero h1{color:var(--navy);font-size:4.5rem;margin-bottom:24px;max-width:1100px}.hero h1,.hero-subheadline{margin-left:auto;margin-right:auto}.hero-subheadline{font-size:1.1rem;color:var(--light-text);margin-bottom:48px;max-width:700px;line-height:1.8}.cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-family:Inter,sans-serif;font-size:1rem;letter-spacing:.3px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--charcoal);transform:translateY(-2px);box-shadow:0 12px 32px rgba(24,36,50,.2)}.btn-secondary{background:transparent;color:var(--navy);border:2px solid var(--navy)}.btn-secondary:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--sand);border:2px solid var(--sand)}.btn-outline:hover,.btn-primary-on-sand{background:var(--sand);color:var(--navy)}.btn-primary-on-sand:hover{background:#e8d9bb;transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,36,50,.22)}section{padding:100px 24px}section h2{text-align:center;color:var(--navy);margin-bottom:80px}.trust-bar{background:#fff;padding:80px 24px}.trust-bar h2{margin-bottom:60px}.trust-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;gap:40px;max-width:900px;margin:0 auto}.trust-item{text-align:center;padding:20px}.trust-item h4{color:var(--navy);margin-top:16px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:32px;gap:32px}.card{background:#fff;padding:40px 32px;border-radius:8px;border:1px solid var(--border);transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.card:hover{box-shadow:0 16px 40px rgba(0,0,0,.1);transform:translateY(-4px);border-color:var(--sand)}.card h3{color:var(--navy);margin-bottom:16px}.card p{color:var(--light-text);margin-bottom:20px;font-size:.95rem}.card ul{list-style:none;padding:0}.card li{color:var(--light-text);border-bottom:1px solid var(--border);padding:10px 0 10px 24px;position:relative;font-size:.9rem}.card li:last-child{border-bottom:none}.card li:before{content:"→";position:absolute;left:0;color:var(--sand);font-weight:700}.services-hero{background:var(--navy);color:var(--ivory);padding:80px 24px;text-align:center}.services-hero h1{color:var(--ivory);font-size:3rem;margin-bottom:20px}.services-hero p{color:hsla(40,30%,96%,.95);font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:640px}.services-page-section{background:var(--ivory);padding:80px 24px}.services-page-grid{display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.service-detail-card{background:#fff;border-left:4px solid var(--sand);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:40px;transition:box-shadow .3s ease,transform .3s ease}.service-detail-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.service-detail-number{align-items:center;background:var(--navy);border-radius:50%;color:var(--ivory);display:flex;font-family:Canela,serif;font-size:1.1rem;height:40px;justify-content:center;margin-bottom:20px;width:40px}.service-detail-card h3{color:var(--navy);font-size:1.4rem;margin-bottom:12px}.service-detail-card p{color:var(--slate);font-size:.95rem;line-height:1.6;margin-bottom:16px}.service-detail-price{color:var(--navy);font-size:1.25rem;font-weight:700;margin-bottom:24px}.service-detail-list{list-style:none}.service-detail-list li{color:var(--text);font-size:.9rem;line-height:1.55;margin-bottom:10px;padding-left:24px;position:relative}.service-detail-list li:before{color:var(--sand);content:"•";font-weight:700;left:0;position:absolute}.services-cta{background:var(--navy);color:var(--ivory);padding:80px 24px;text-align:center}.services-cta h2{color:var(--ivory);margin-bottom:24px}.services-cta p{color:hsla(40,30%,96%,.9);margin:0 auto 40px;max-width:620px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:50px;gap:50px}.feature-item{padding:32px 24px;border-left:3px solid var(--sand)}.feature-item h3{color:var(--navy);margin-bottom:12px}.feature-item p{color:var(--light-text);font-size:.95rem}.portfolio-hero{background:var(--navy);color:#fff;padding:88px 24px;text-align:center}.portfolio-hero h1{margin-bottom:20px}.portfolio-hero p{color:hsla(0,0%,100%,.9);font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:720px}.portfolio-page-section{background:var(--ivory);padding-top:80px}.portfolio-section-heading{margin-bottom:36px;max-width:760px}.portfolio-section-heading h2{color:var(--navy);margin-bottom:14px;text-align:left}.portfolio-section-heading p{color:var(--light-text);font-size:1rem;line-height:1.8;margin:0;max-width:680px}.portfolio-services-list{display:grid;grid-gap:24px;gap:24px}.portfolio-wide-card-link{color:inherit;display:block;text-decoration:none}.portfolio-wide-card-link:hover .portfolio-service-card,.portfolio-wide-card-link:hover .website-package-card{transform:translateY(-4px)}.portfolio-image{width:100%;height:280px;background:linear-gradient(135deg,#e8e3d6,#dcc9a9);display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:3rem;position:relative;overflow:hidden}.portfolio-image span{position:relative;z-index:1;font-family:Canela,serif}.portfolio-image:before{content:"";position:absolute;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none}.portfolio-content{padding:32px 24px}.portfolio-label{font-size:.85rem;color:var(--sand);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.portfolio-card h3{color:var(--navy);margin-bottom:12px}.portfolio-card p{color:var(--light-text);font-size:.9rem;margin-bottom:16px}.portfolio-result{border-top:1px solid var(--border);color:var(--navy)!important;font-weight:600;margin-bottom:0!important;padding-top:16px}.portfolio-cta{background:var(--navy);color:#fff;text-align:center}.portfolio-cta h2{color:#fff;margin-bottom:20px}.portfolio-cta p{color:hsla(0,0%,100%,.9);margin:0 auto 32px;max-width:620px}.website-packages-section{background:#fff;padding:80px 24px 40px}.portfolio-service-card,.website-package-card{align-items:center;background:var(--navy);border-radius:8px;color:#fff;display:flex;gap:32px;justify-content:space-between;padding:48px;transition:transform .3s ease}.portfolio-service-card h3,.website-package-card h2{color:#fff;margin-bottom:14px;text-align:left}.portfolio-service-card p,.website-package-card p{color:hsla(0,0%,100%,.9);margin:0;max-width:720px}.portfolio-card-action{align-items:center;border:1px solid hsla(38,42%,76%,.7);border-radius:50%;color:var(--sand);display:flex;flex:0 0 auto;font-size:1.5rem;font-weight:700;height:52px;justify-content:center;line-height:1;transition:transform .3s ease,background .3s ease;width:52px}.portfolio-wide-card-link:hover .portfolio-card-action{background:hsla(38,42%,76%,.1);transform:translateX(4px)}.portfolio-detail-hero{background:var(--navy);color:#fff;padding:88px 24px}.portfolio-detail-hero h1{margin-bottom:20px;max-width:860px}.portfolio-detail-hero p{color:hsla(0,0%,100%,.9);font-size:1.05rem;line-height:1.8;max-width:760px}.portfolio-back-link{color:var(--sand);display:inline-block;font-weight:600;margin-bottom:28px;text-decoration:none}.portfolio-detail-section{background:var(--ivory)}.portfolio-detail-layout{align-items:start;display:grid;grid-gap:40px;gap:40px;grid-template-columns:minmax(0,1fr) 360px}.portfolio-detail-card,.portfolio-detail-main{background:#fff;border:1px solid var(--border);border-radius:8px;padding:40px}.portfolio-detail-main h2{margin-bottom:28px;text-align:left}.portfolio-detail-list{display:grid;grid-gap:16px;gap:16px;list-style:none}.portfolio-detail-list li{color:var(--text);line-height:1.7;padding-left:28px;position:relative}.portfolio-detail-list li:before{color:var(--sand);content:"•";font-weight:700;left:0;position:absolute}.portfolio-detail-card h3{color:var(--navy);font-family:Inter,sans-serif;font-size:1.6rem;margin-bottom:16px}.portfolio-detail-card p{color:var(--light-text);line-height:1.7;margin-bottom:28px}.portfolio-example-section{background:#fff}.portfolio-example-content{display:grid;grid-gap:40px;gap:40px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;margin-bottom:80px}.portfolio-example-content:last-child{margin-bottom:0}.portfolio-example-content.reverse>div:first-child{order:2}.portfolio-example-content.reverse>div:last-child{order:1}.portfolio-example-content h2{color:var(--navy);margin-bottom:18px;text-align:left}.portfolio-example-content p{color:var(--light-text);line-height:1.8;margin-bottom:28px}.portfolio-example-image{background:var(--ivory);border:1px solid var(--border);border-radius:8px;overflow:hidden;padding:10px}.portfolio-example-image img{border-radius:6px;display:block;width:100%}.process-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:40px;gap:40px;position:relative}.process-step{background:#fff;padding:40px 32px;border-radius:8px;border:1px solid var(--border);text-align:center;position:relative}.process-step:after{content:"";position:absolute;bottom:-1px;left:50%;width:40px;height:40px;background:var(--sand);border-radius:50%;transform:translateX(-50%) translateY(50%)}.step-number{display:inline-block;width:56px;height:56px;background:var(--navy);color:#fff;border-radius:50%;line-height:56px;font-weight:700;margin-bottom:20px;font-family:Satoshi,serif;font-size:1.4rem}.process-step h3{color:var(--navy);margin-bottom:12px}.process-step p{color:var(--light-text);font-size:.9rem}.consultation-section{background:var(--navy);color:#fff;padding:88px 24px 96px}.consultation-section h1,.consultation-section h2{color:#fff;margin-bottom:22px}.consultation-section h1{text-align:center}.consultation-intro{color:hsla(0,0%,100%,.9);line-height:1.7;margin:0 auto 44px;max-width:920px;text-align:center}.consultation-form{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:28px;column-gap:28px;grid-row-gap:24px;row-gap:24px}.form-group{display:grid;grid-gap:10px;gap:10px}.form-group label{font-weight:600;color:hsla(0,0%,100%,.95);font-size:.95rem}.form-group input,.form-group textarea{padding:15px 18px;border:1px solid hsla(38,42%,76%,.3);border-radius:6px;background:hsla(0,0%,100%,.05);color:#fff;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s ease}.form-group textarea{min-height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--sand);background:hsla(0,0%,100%,.08)}.form-group input::placeholder,.form-group textarea::placeholder{color:hsla(0,0%,100%,.6)}.contact-consultation{padding-top:88px}.contact-faq-section,.inquiry-section{background:var(--ivory)}.contact-faq-section{padding-bottom:70px}.inquiry-section{padding-top:70px}.contact-section-heading{margin:0 auto 42px;max-width:760px;text-align:center}.contact-section-heading h2{margin-bottom:16px}.contact-section-heading p{color:var(--light-text);margin:0}.contact-faq-item{background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:18px;overflow:hidden}.contact-faq-question{background:#fff;border:none;border-left:4px solid var(--sand);color:var(--navy);font-family:Inter,sans-serif;font-size:1rem;padding:22px 24px;text-align:left;width:100%}.contact-faq-item .faq-answer p{color:var(--light-text);line-height:1.8;margin:0;padding:22px 24px}.inquiry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px 28px;gap:24px 28px;margin:0 auto;max-width:900px}.inquiry-form .full-width{grid-column:1/-1}.inquiry-form .form-group label{color:var(--navy)}.inquiry-form .form-group input,.inquiry-form .form-group textarea{background:#fff;border-color:var(--border);color:var(--text)}.inquiry-form .form-group input:focus,.inquiry-form .form-group textarea:focus{background:#fff;border-color:var(--sand)}.inquiry-form .form-group input::placeholder,.inquiry-form .form-group textarea::placeholder{color:rgba(34,34,34,.45)}.btn-submit{background:var(--sand);color:var(--navy);grid-column:1/-1;padding:16px 32px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;font-size:1rem;letter-spacing:.3px;margin-top:6px}.btn-submit:hover:not(:disabled){background:var(--charcoal);transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,36,50,.2)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.form-message{border-radius:6px;font-size:.95rem;grid-column:1/-1;margin:0;padding:12px 16px}.form-message.success{background:hsla(38,42%,76%,.18);color:#fff;border:1px solid hsla(38,42%,76%,.45)}.form-message.error{background:hsla(0,0%,100%,.08);color:#fff;border:1px solid hsla(0,0%,100%,.35)}.faq-container{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border);padding:24px 0}.faq-item:last-child{border-bottom:none}.faq-question{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--navy);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .3s ease}.faq-question:hover,.faq-toggle{color:var(--sand)}.faq-toggle{font-weight:700;font-size:1.2rem;transition:transform .3s ease}.faq-toggle.active{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--light-text);line-height:1.8;margin-top:16px}.faq-answer.active{max-height:500px}.site-footer{background:var(--charcoal);color:hsla(0,0%,100%,.9);padding:60px 40px 40px;border-top:1px solid hsla(0,0%,100%,.1)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;padding-bottom:40px;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-left{display:flex;flex-direction:column;justify-content:flex-start}.footer-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.footer-logo-group{display:flex;flex-direction:column;gap:20px}.footer-logo-group img{height:50px;width:auto;margin-left:-28px}.footer-tagline{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.7;max-width:350px;font-family:Inter,sans-serif}.footer-contact h4,.footer-nav h4{color:#fff;margin-bottom:16px;font-size:1rem;font-weight:600;font-family:Canela,serif}.footer-contact a,.footer-nav a{display:block;color:hsla(0,0%,100%,.8);text-decoration:none;margin-bottom:12px;font-size:.9rem;transition:color .3s ease;font-family:Inter,sans-serif}.footer-contact a:hover,.footer-nav a:hover{color:var(--sand)}.footer-bottom{text-align:center;color:hsla(0,0%,100%,.6);font-size:.9rem;padding-top:24px}.chatbot{bottom:24px;position:fixed;right:24px;z-index:200}.chatbot-toggle{background:var(--navy);border:1px solid hsla(38,42%,76%,.6);border-radius:999px;box-shadow:0 16px 40px rgba(24,36,50,.2);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;padding:14px 22px;transition:transform .3s ease,box-shadow .3s ease}.chatbot-toggle:hover{box-shadow:0 18px 46px rgba(24,36,50,.26);transform:translateY(-2px)}.chatbot-panel{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 24px 70px rgba(24,36,50,.24);margin-bottom:14px;overflow:hidden;padding:0;width:min(320px,calc(100vw - 48px))}.chatbot-header{align-items:center;background:var(--navy);color:#fff;display:flex;justify-content:space-between;padding:16px 18px}.chatbot-header h3{color:#fff;font-size:1.55rem;margin-bottom:3px}.chatbot-header p{color:hsla(0,0%,100%,.75);font-size:.85rem;margin:0;padding-left:14px;position:relative}.chatbot-header p:before{background:var(--sand);border-radius:50%;content:"";height:7px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:7px}.chatbot-header button{align-items:center;background:hsla(38,42%,76%,.08);border:1px solid hsla(38,42%,76%,.3);border-radius:50%;color:var(--sand);cursor:pointer;display:flex;font-size:1.3rem;height:34px;justify-content:center;line-height:1;width:34px}.chatbot-messages{display:flex;flex-direction:column;gap:10px;max-height:330px;overflow-y:auto;padding:14px 16px}.chatbot-message{border-radius:8px;font-size:.9rem;line-height:1.5;max-width:90%;padding:10px 12px;white-space:pre-wrap}.chatbot-message.assistant{align-self:flex-start;background:var(--ivory);border:1px solid var(--border);color:var(--text)}.chatbot-message.user{align-self:flex-end;background:var(--navy);color:#fff}.chatbot-form{border-top:1px solid var(--border);display:flex;gap:10px;padding:12px 14px 14px}.chatbot-form input{background:#fff;border:1px solid hsla(38,42%,76%,.8);border-radius:6px;color:var(--text);flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;min-width:0;padding:10px 12px}.chatbot-form input:focus{border-color:var(--sand);outline:none}.chatbot-form button{background:var(--sand);border:none;border-radius:6px;color:var(--navy);cursor:pointer;font-family:Inter,sans-serif;font-weight:700;min-width:62px;padding:0 16px;transition:background .3s ease,transform .3s ease}.chatbot-form button:not(:disabled):hover{background:#e8d9bb;transform:translateY(-1px)}.chatbot-form button:disabled{cursor:not-allowed;opacity:.65}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.6rem}.hero{padding:80px 24px 60px}.hero h1{font-size:2.4rem}nav{gap:20px;font-size:.85rem}section{padding:60px 24px}.cta-group{flex-direction:column;align-items:stretch}.btn{text-align:center}.consultation-form,.features-grid,.inquiry-form,.portfolio-grid,.process-timeline,.services-grid,.trust-pillars{grid-template-columns:1fr}.portfolio-service-card,.website-package-card{align-items:stretch;flex-direction:column;padding:32px}.portfolio-detail-layout,.portfolio-example-content{grid-template-columns:1fr}.portfolio-example-content.reverse>div:first-child,.portfolio-example-content.reverse>div:last-child{order:0}.footer-logo-group img{margin-left:0}.chatbot{bottom:16px;right:16px}.process-step:after{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover,.card:hover,.page-transition,.page-transition.is-changing,.service-detail-card:hover{transform:none}}