:root{--bg: #f1f6f4;--surface: #ffffff;--text: #1f2f2b;--muted: #5f726d;--accent: #4f7d74;--accent-strong: #3f665f;--border: #d8e3df;--success: #2f7a57;--error: #a74b4b}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 0% 0%,#e7efec 0%,var(--bg) 45%,#f5f8f7 100%);line-height:1.5}a{color:inherit}.app-shell{min-height:100vh}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.top-nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f6f4e0;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:4rem}.logo-link{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;text-decoration:none}.logo-text{display:inline-flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.logo-slogan{font-size:.82rem;font-weight:500;color:var(--muted)}.logo-icon{width:4rem;height:4rem;object-fit:cover;border-radius:6px}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.nav-link{text-decoration:none;color:var(--muted);font-size:.95rem}.nav-link:hover{color:var(--accent)}.language-switcher{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.85rem;background:#ffffffd1;border:1px solid var(--border);border-radius:999px;padding:.22rem .28rem .22rem .6rem;box-shadow:0 4px 14px #142d260f;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.language-switcher:hover{border-color:#bfd0ca;background:#fffffff2;box-shadow:0 6px 18px #142d261a}.language-label{font-size:.95rem;font-weight:400;color:var(--muted)}.language-select{border:1px solid #c6d7d2;border-radius:999px;background:linear-gradient(180deg,#fdfefe,#f3f8f6);color:var(--text);padding:.32rem 2rem .32rem .7rem;font-size:.86rem;font-weight:600;line-height:1;min-width:7.3rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5f726d 50%),linear-gradient(135deg,#5f726d 50%,transparent 50%),linear-gradient(180deg,#fdfefe,#f3f8f6);background-position:calc(100% - 15px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px),0 0;background-size:5px 5px,5px 5px,100% 100%;background-repeat:no-repeat;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.language-select:hover{border-color:#aabdb6}.language-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px #4f7d7429}@media (max-width: 680px){.language-switcher{margin-left:auto}.language-label{display:none}.language-select{min-width:6.3rem}}.section{padding:3.5rem 0}.hero-section{padding-top:4.5rem}.eyebrow{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}h1,h2,h3{margin:.4rem 0 .8rem;line-height:1.2}.section-subtext{max-width:62ch;margin:0;color:var(--muted)}.hero-subtext{max-width:62ch;line-height:1.65;text-wrap:balance}.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.button-link-secondary{background:#f9fcfb;border:1px solid var(--border);color:var(--text)}.button-link-secondary:hover{background:#edf4f1}.landing-block{margin-top:2rem}.landing-grid{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.landing-grid-benefits,.landing-grid-differentiators,.landing-grid-expertise{grid-template-columns:1fr}.landing-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 10px 28px #0a1e3c0f}.benefit-image{width:calc(100% + 2rem);height:160px;object-fit:cover;margin:-1rem -1rem .9rem;border-radius:14px 14px 0 0}.landing-card p{margin:0;color:var(--muted)}.card-subtitle{margin:.95rem 0 .5rem;font-size:.95rem}.expertise-examples{margin:0 0 .9rem;padding-left:1.1rem;color:var(--muted)}.landing-list-card{list-style:none}.how-we-work{display:grid;gap:.75rem;grid-template-columns:1fr;margin:0;padding:0;list-style:none}.how-step{display:flex;gap:.75rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.8rem}.how-step-index{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#e7efec;color:var(--accent-strong);font-weight:700;flex-shrink:0}.section-heading{margin-bottom:1.25rem}.cards-grid{display:grid;gap:1rem;grid-template-columns:1fr}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #0a1e3c0f;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0a1e3c1f}.card-image{width:100%;height:180px;object-fit:cover}.quality-card-image{display:grid;grid-template-columns:1.3fr 1fr;width:100%;height:180px;background:#eef3f1}.quality-card-photo{width:100%;height:100%;object-fit:cover}.quality-card-checks{padding:.5rem;background:#f7faf9;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:.35rem;font-size:.72rem}.quality-card-title{margin:0 0 .15rem;font-weight:700;color:var(--text)}.quality-check{margin:0;border-radius:6px;padding:.35rem .4rem;line-height:1.3}.quality-check-pass{background:#e8f5ee;color:#255e44}.quality-check-fail{background:#fdecec;color:#8c3f3f}.card-content{padding:1rem;display:flex;flex-direction:column;align-items:flex-start;flex:1}.card-content p{margin:.25rem 0 .8rem;color:var(--muted)}.card-link,.button-link,.button-primary{display:inline-block;border:none;border-radius:10px;background:var(--accent);color:#fff;padding:.55rem .85rem;font-weight:600;text-decoration:none;cursor:pointer}.card-link{align-self:flex-start;margin-top:auto}.card-link:hover,.button-link:hover,.button-primary:hover{background:var(--accent-strong)}.nav-link:focus-visible,.button-link:focus-visible,.button-primary:focus-visible,.contact-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.button-primary:disabled{opacity:.75;cursor:wait}.card-upload-wrap{margin-bottom:.85rem;border:1px dashed var(--border);border-radius:10px;padding:.75rem;background:#f8fbfd}.upload-form{display:flex;flex-direction:column;gap:.6rem}.upload-form-compact .button-primary{width:fit-content}.upload-label{font-size:.85rem;color:var(--muted)}.status{margin:0;font-size:.85rem;overflow-wrap:anywhere}.status.success{color:var(--success)}.status.error{color:var(--error)}.contact-section p{margin:.4rem 0}.contact-link{color:var(--accent)}.detail-page{padding-top:2rem}.detail-card{margin-top:1rem;background:var(--surface);border-radius:14px;border:1px solid var(--border);overflow:hidden}.detail-image{display:block}.detail-content{padding:1.2rem}.detail-content p{color:var(--muted)}.detail-upload-wrap{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}@media (min-width: 680px){.landing-grid-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-grid-differentiators{grid-template-columns:repeat(3,minmax(0,1fr))}.how-we-work,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{display:grid;grid-template-columns:1fr 1fr}.detail-image{height:100%;object-fit:cover}}@media (min-width: 1024px){.landing-grid-expertise{grid-template-columns:repeat(2,minmax(0,1fr))}.how-we-work{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
