*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0d0d0d;--white:#f7f5f0;--cream:#edeae1;--accent:#00b894;--gray:#6b6b6b;--light:#d4d0c8}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--black);overflow-x:hidden}nav{position:fixed;top:0;width:100%;z-index:100;padding:12px 60px;display:flex;justify-content:space-between;align-items:center;background:rgba(247,245,240,0.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--light)}.nav-logo{text-decoration:none;display:flex;align-items:center}.nav-logo img{height:46px;width:auto;object-fit:contain}.nav-links{display:flex;gap:36px;list-style:none;align-items:center}.nav-links a{text-decoration:none;font-size:0.83rem;font-weight:500;letter-spacing:0.07em;text-transform:uppercase;color:var(--gray);transition:color 0.3s}.nav-links a:hover{color:var(--black)}.nav-cta{background:var(--accent)!important;color:var(--black)!important;padding:10px 22px;border-radius:2px;transition:background 0.3s!important}.nav-cta:hover{background:var(--black)!important;color:var(--white)!important}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:72px;overflow:hidden}.hero-left{display:flex;flex-direction:column;justify-content:center;padding:60px 60px;position:relative;z-index:1}.hero-tag{font-size:0.73rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:10px}.hero-tag::before{content:'';display:block;width:30px;height:1.5px;background:var(--accent)}h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,4.5vw,5rem);line-height:1.05;letter-spacing:-1.5px;margin-bottom:22px}h1 em{font-style:italic;color:var(--accent)}.hero-sub{font-size:1rem;color:var(--gray);line-height:1.75;max-width:420px;margin-bottom:36px}.hero-btns{display:flex;gap:14px;flex-wrap:wrap}.btn-primary{background:var(--accent);color:var(--black);padding:15px 32px;border:none;font-family:'DM Sans',sans-serif;font-size:0.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.3s;border-radius:2px}.btn-primary:hover{background:var(--black);color:var(--white)}.btn-secondary{background:transparent;color:var(--black);padding:15px 32px;border:1.5px solid var(--black);font-family:'DM Sans',sans-serif;font-size:0.9rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.3s;border-radius:2px}.btn-secondary:hover{background:var(--black);color:var(--white)}.hero-right{background:var(--cream);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:50px 36px;overflow:hidden}.hero-right::before{content:'';position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,184,148,0.08) 0%,transparent 70%);pointer-events:none}.hero-browser{width:100%;max-width:400px;background:#1c1c1c;border-radius:10px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,0.2),8px 8px 0 var(--accent),0 0 40px rgba(0,184,148,0.35),0 0 80px rgba(0,184,148,0.15);flex-shrink:0;position:relative;z-index:1;animation:glowBorder 3s ease-in-out infinite}@keyframes glowBorder{0%,100%{box-shadow:0 24px 70px rgba(0,0,0,0.2),8px 8px 0 var(--accent),0 0 30px rgba(0,184,148,0.25),0 0 60px rgba(0,184,148,0.1)}50%{box-shadow:0 24px 70px rgba(0,0,0,0.2),8px 8px 0 var(--accent),0 0 50px rgba(0,184,148,0.5),0 0 100px rgba(0,184,148,0.2)}}.hb-bar{background:#272727;padding:10px 14px;display:flex;align-items:center;gap:6px}.hb-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.hb-url{margin-left:8px;flex:1;background:#333;border-radius:3px;font-size:0.59rem;color:#777;padding:3px 10px;letter-spacing:0.04em}.hb-screen{background:linear-gradient(155deg,#eaf7f3 0%,#f0f9f6 100%);padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:200px}.hb-glow{display:none}.hb-logo{width:62%;height:auto;object-fit:contain;position:relative;z-index:1}@keyframes pulse{}.hb-caption{margin-top:12px;position:relative;z-index:1;font-size:0.6rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,0,0,0.35)}.hero-form-wrap{width:100%;max-width:400px;background:var(--white);border-radius:8px;padding:24px;box-shadow:0 10px 36px rgba(0,0,0,0.08);position:relative;z-index:1}.hf-tag{font-size:0.63rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px}.hf-tag::before{content:'';display:block;width:20px;height:1.5px;background:var(--accent)}.hf-title{font-family:'Playfair Display',serif;font-size:1.22rem;line-height:1.25;margin-bottom:16px;font-weight:700}.hf-form{display:flex;flex-direction:column;gap:9px}.hf-input{background:#f4f2ed;border:1.5px solid var(--light);color:var(--black);padding:11px 14px;font-family:'DM Sans',sans-serif;font-size:0.87rem;border-radius:4px;outline:none;transition:border-color 0.3s;width:100%}.hf-input:focus{border-color:var(--accent)}.hf-select{appearance:none;cursor:pointer}.hf-btn{background:var(--accent);color:var(--black);border:none;padding:13px;font-family:'DM Sans',sans-serif;font-size:0.88rem;font-weight:700;cursor:pointer;border-radius:4px;margin-top:2px;transition:background 0.3s;width:100%}.hf-btn:hover{background:#009e7e;color:var(--white)}#lead-ok{display:none;color:var(--accent);font-size:0.82rem;margin-top:6px;text-align:center;font-weight:500}.wave{width:100%;overflow:hidden;line-height:0;display:block}.wave svg{display:block;width:100%}section{padding:100px 60px;position:relative}.section-tag{font-size:0.71rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-tag::before{content:'';display:block;width:30px;height:1.5px;background:var(--accent)}h2{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.1;letter-spacing:-0.5px;margin-bottom:20px}h2 em{font-style:italic;color:var(--accent)}.services{background:var(--black);color:var(--white);overflow:hidden}.services .section-tag{color:var(--accent)}.services h2{color:var(--white)}.services-sub{color:#666;font-size:1rem;line-height:1.75;max-width:500px;margin-bottom:64px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1c1c1c}.svc{background:var(--black);padding:48px 36px;border-top:2px solid transparent;transition:background 0.3s,border-color 0.3s}.svc:hover{background:#0c1e18;border-top-color:var(--accent)}.svc-num{font-size:0.72rem;color:var(--accent);letter-spacing:0.15em;margin-bottom:22px;font-weight:500}.svc h3{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--white);margin-bottom:14px}.svc p{color:#666;font-size:0.9rem;line-height:1.75}.portfolio{background:var(--cream);overflow:hidden}.port-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;flex-wrap:wrap;gap:20px}.port-sub{color:var(--gray);font-size:1rem;line-height:1.7;max-width:400px}.port-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.port-item{border-radius:4px;overflow:hidden;position:relative;background:var(--black);aspect-ratio:16/10}.port-item-wide{grid-column:span 2;aspect-ratio:21/9}.p-bg{position:absolute;inset:0;transition:transform 0.5s ease}.port-item:hover .p-bg{transform:scale(1.03)}.ps{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:72%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 14px 50px rgba(0,0,0,0.55);z-index:1}.ps-bar{background:#e5e5e5;padding:8px 12px;display:flex;align-items:center;gap:5px;flex-shrink:0}.ps-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ps-iframe-wrap{width:100%;height:160px;overflow:hidden;display:block}.ps-iframe{width:200%;height:500px;border:none;transform:scale(0.5);transform-origin:top left;pointer-events:none;display:block}.ps-iframe-wrap-wide{width:100%;height:220px;overflow:hidden;display:block}.ps-iframe-wide{width:143%;height:580px;border:none;transform:scale(0.7);transform-origin:top left;pointer-events:none;display:block}.p-label{position:absolute;bottom:0;left:0;right:0;padding:18px 22px;background:linear-gradient(transparent,rgba(0,0,0,0.92));color:var(--white);z-index:2}.p-label span{font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:4px}.p-label h4{font-family:'Playfair Display',serif;font-size:1.12rem}.p-label p{font-size:0.76rem;color:#aaa;margin-top:3px;line-height:1.5}.p-visit{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:0.7rem;color:var(--accent);font-weight:500;letter-spacing:0.06em;text-transform:uppercase;border:1px solid rgba(0,184,148,0.4);padding:5px 11px;border-radius:2px;text-decoration:none;transition:all 0.3s}.p-visit:hover,.port-link:hover .p-visit{background:var(--accent);color:var(--black)}.port-link{display:block;text-decoration:none}.p-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,184,148,0.95);color:#fff;padding:11px 20px;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:0.8rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;opacity:0;transition:opacity 0.3s,background 0.3s;white-space:nowrap;z-index:10}.port-link:hover .p-overlay{opacity:1;background:rgba(0,150,120,1)}.port-link:hover .p-bg{transform:scale(1.03)}.process{background:var(--white);overflow:hidden}.process-sub{color:var(--gray);font-size:1rem;line-height:1.7;max-width:500px;margin-bottom:56px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative}.steps::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:1px;background:var(--light)}.step{text-align:center}.step-n{width:56px;height:56px;border-radius:50%;background:var(--black);color:var(--white);font-family:'Playfair Display',serif;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1;transition:background 0.3s}.step:hover .step-n{background:var(--accent);color:var(--black)}.step h4{font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:10px}.step p{font-size:0.85rem;color:var(--gray);line-height:1.65}.testimonials{background:var(--black);overflow:hidden}.testimonials .section-tag{color:var(--accent)}.testimonials h2{color:var(--white)}.test-sub{color:#555;font-size:1rem;line-height:1.7;max-width:500px;margin-bottom:56px}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tcard{background:#0f0f0f;padding:38px 30px;border-radius:3px;border:1px solid #1a1a1a;transition:border-color 0.3s}.tcard:hover{border-color:var(--accent)}.stars{color:var(--accent);font-size:1rem;letter-spacing:2px;margin-bottom:18px}.tcard blockquote{font-size:0.93rem;line-height:1.75;color:#bbb;font-style:italic;font-family:'Playfair Display',serif;margin-bottom:26px}.t-author{display:flex;align-items:center;gap:12px}.t-av{width:42px;height:42px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--black);font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;flex-shrink:0}.t-name{font-weight:500;font-size:0.88rem;color:var(--white)}.t-role{font-size:0.76rem;color:#555;margin-top:2px}.contact{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-left{display:flex;flex-direction:column;justify-content:center}.contact h2{color:var(--black)}.contact-sub{color:var(--gray);font-size:1rem;line-height:1.75;margin-top:16px}.cdetail{display:flex;align-items:center;gap:15px;margin-top:26px;color:var(--gray);font-size:0.9rem}.cicon{width:46px;height:46px;border:1.5px solid var(--light);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);background:transparent;transition:border-color 0.3s}.cdetail:hover .cicon{border-color:var(--accent)}form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{display:flex;flex-direction:column;gap:7px}label{font-size:0.74rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray);font-weight:500}input,textarea,select{background:var(--white);border:1.5px solid var(--light);color:var(--black);padding:13px 16px;font-family:'DM Sans',sans-serif;font-size:0.91rem;border-radius:2px;outline:none;transition:border-color 0.3s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:120px}.btn-send{background:var(--black);color:var(--white);padding:15px 40px;border:none;font-family:'DM Sans',sans-serif;font-size:0.9rem;font-weight:600;cursor:pointer;transition:all 0.3s;align-self:flex-start;border-radius:2px}.btn-send:hover{background:var(--accent);color:var(--black)}#form-ok{display:none;color:var(--accent);font-size:0.88rem;margin-top:6px}footer{background:#080808;color:#3a3a3a;padding:48px 60px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.foot-logo{text-decoration:none;display:flex;align-items:center}.foot-logo img{height:38px;width:auto;object-fit:contain;filter:brightness(0) invert(0.32);transition:filter 0.3s}.foot-logo:hover img{filter:brightness(0) saturate(100%) invert(55%) sepia(60%) saturate(400%) hue-rotate(120deg)}.foot-links{display:flex;gap:24px}.foot-links a{color:#3a3a3a;text-decoration:none;font-size:0.81rem;transition:color 0.3s}.foot-links a:hover{color:var(--accent)}.foot-bottom{width:100%;border-top:1px solid #161616;padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:0.77rem}.priv-btn{background:none;border:none;cursor:pointer;color:#3a3a3a;font-size:0.77rem;font-family:'DM Sans',sans-serif;transition:color 0.3s;padding:0}.priv-btn:hover{color:var(--accent)}.wa-btn{position:fixed;bottom:32px;right:32px;z-index:999;background:#25D366;color:#fff;border-radius:60px;display:flex;align-items:center;gap:10px;padding:14px 26px;box-shadow:0 6px 28px rgba(37,211,102,0.45);text-decoration:none;transition:transform 0.3s,box-shadow 0.3s}.wa-btn:hover{transform:scale(1.05);box-shadow:0 8px 36px rgba(37,211,102,0.55)}.wa-label{font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:0.08em}.cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:9998;background:#0d0d0d;border-top:1px solid #1e1e1e;padding:18px 60px;transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}.cookie-bar.show{transform:translateY(0)}.cookie-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cookie-ico{color:var(--accent);flex-shrink:0}.cookie-txt{flex:1;min-width:240px}.cookie-txt strong{font-size:0.88rem;color:#fff;display:block;margin-bottom:3px}.cookie-txt p{font-size:0.8rem;color:#777;line-height:1.6;margin:0}.cookie-pl{background:none;border:none;color:var(--accent);cursor:pointer;font-size:0.8rem;padding:0;text-decoration:underline;font-family:'DM Sans',sans-serif}.cookie-btns{display:flex;gap:10px;flex-shrink:0}.c-reject{background:transparent;color:#555;border:1px solid #2e2e2e;padding:8px 18px;font-family:'DM Sans',sans-serif;font-size:0.8rem;cursor:pointer;border-radius:2px;transition:all 0.2s}.c-reject:hover{border-color:#555;color:#888}.c-accept{background:var(--accent);color:#0d0d0d;border:none;padding:8px 22px;font-family:'DM Sans',sans-serif;font-size:0.8rem;font-weight:600;cursor:pointer;border-radius:2px;transition:background 0.2s}.c-accept:hover{background:#00cba9}.priv-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:24px}.priv-modal.open{display:flex}.priv-ov{position:absolute;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(4px)}.priv-box{position:relative;z-index:1;background:var(--white);border-radius:4px;width:100%;max-width:660px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,0.4)}.priv-head{display:flex;justify-content:space-between;align-items:center;padding:26px 34px 18px;border-bottom:1px solid var(--light);flex-shrink:0}.priv-head h3{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:700;color:var(--black);margin:0}.priv-close{background:none;border:none;cursor:pointer;color:var(--gray);padding:4px;transition:color 0.2s}.priv-close:hover{color:var(--black)}.priv-body{padding:26px 34px;overflow-y:auto;flex:1}.priv-date{font-size:0.76rem;color:var(--gray);margin-bottom:26px;font-style:italic}.priv-body h4{font-family:'Playfair Display',serif;font-size:0.98rem;font-weight:700;color:var(--black);margin:24px 0 8px}.priv-body h4:first-of-type{margin-top:0}.priv-body p{font-size:0.87rem;color:var(--gray);line-height:1.75;margin-bottom:8px}.priv-body ul{padding-left:18px;margin-bottom:8px}.priv-body li{font-size:0.87rem;color:var(--gray);line-height:1.75;margin-bottom:3px}.priv-foot{padding:18px 34px 26px;border-top:1px solid var(--light);flex-shrink:0}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-left>*{opacity:0;animation:fadeUp 0.7s ease forwards}.hero-tag{animation-delay:0.1s}h1{animation-delay:0.25s}.hero-sub{animation-delay:0.4s}.hero-btns{animation-delay:0.55s}@media(max-width:960px){nav{padding:12px 24px}.nav-links{display:none}section{padding:70px 24px}.hero{grid-template-columns:1fr;min-height:auto}.hero-left{padding:90px 24px 40px}.hero-right{padding:36px 24px 56px;gap:18px}.hero-browser,.hero-form-wrap{max-width:100%}.services-grid,.test-grid{grid-template-columns:1fr}.port-grid{grid-template-columns:1fr}.port-item-wide{grid-column:span 1;aspect-ratio:16/10}.steps{grid-template-columns:1fr 1fr}.steps::before{display:none}.contact{grid-template-columns:1fr;padding:70px 24px}.form-row{grid-template-columns:1fr}footer{flex-direction:column;text-align:center;padding:40px 24px;gap:20px}.foot-bottom{flex-direction:column;text-align:center}.cookie-bar{padding:16px 24px}.wa-btn{bottom:20px;right:16px;padding:14px 24px;gap:10px}.wa-label{font-size:0.95rem}}.trust-strip{background:var(--white);padding:0;overflow:hidden}.trust-inner{max-width:1200px;margin:0 auto;padding:48px 60px 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.trust-inner::before{content:'';position:absolute;top:50%;left:60px;right:60px;height:1px;background:var(--light);z-index:0}.trust-item{position:relative;z-index:1;padding:28px 32px;text-align:center;background:var(--white);transition:transform 0.3s ease}.trust-item:not(:last-child)::after{content:'';position:absolute;top:15%;right:0;height:70%;width:1px;background:var(--light)}.trust-item:hover{transform:translateY(-4px)}.trust-icon{width:48px;height:48px;border-radius:50%;background:var(--black);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:background 0.3s}.trust-item:hover .trust-icon{background:var(--accent)}.trust-icon svg{width:22px;height:22px;color:var(--accent);transition:color 0.3s}.trust-item:hover .trust-icon svg{color:var(--black)}.trust-item strong{display:block;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;margin-bottom:8px;letter-spacing:-0.3px;color:var(--black)}.trust-item span{display:block;color:var(--gray);font-size:0.88rem;line-height:1.6;max-width:240px;margin:0 auto}@media (max-width:860px){.trust-inner{grid-template-columns:1fr;padding:36px 24px 40px;gap:8px}.trust-inner::before{display:none}.trust-item{text-align:left;display:flex;align-items:center;gap:18px;padding:18px 0}.trust-item:not(:last-child)::after{top:auto;bottom:0;left:0;right:0;width:100%;height:1px}.trust-icon{margin:0;flex-shrink:0;width:44px;height:44px}.trust-item span{max-width:none}}.faq{background:var(--white);padding:96px 60px}.faq .faq-sub{max-width:780px;margin:12px auto 0;color:rgba(0,0,0,.65);padding:0;line-height:1.6}.faq-grid{max-width:980px;margin:28px auto 0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}.faq-item{border:1px solid rgba(0,0,0,.10);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.65)}.faq-item summary{cursor:pointer;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:10px 0 0;color:rgba(0,0,0,.70);line-height:1.6}