:root{--color-brand: #0b998e;--color-brand-dark: #08766d;--color-brand-soft: rgba(11, 153, 142, .12);--color-dark: #071013;--color-dark-2: #0d181c;--color-text: #f4f7f7;--color-muted: #a7b4b7;--color-light: #f6f7f5;--color-light-text: #182124;--color-border: rgba(11, 153, 142, .24);--max-width: 1180px;--radius: 14px;--shadow: 0 22px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-light);color:var(--color-light-text);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{background:#071013f5;color:var(--color-text);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav{max-width:var(--max-width);margin:0 auto;min-height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:.95rem}.logo-mark{width:32px;height:32px;object-fit:contain}.logo span:first-of-type{color:var(--color-brand)}.nav-links{display:flex;align-items:center;gap:34px;font-size:.95rem;font-weight:650}.nav-links a{color:#f4f7f7e0;transition:color .16s ease}.nav-links a:hover{color:var(--color-brand)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 24px;border-radius:4px;border:1px solid var(--color-brand);color:var(--color-brand);font-weight:750;transition:transform .16s ease,background .16s ease,border-color .16s ease;white-space:nowrap}.button:hover{transform:translateY(-1px);background:var(--color-brand-soft)}.button.primary{background:var(--color-brand);color:#fff;box-shadow:0 14px 30px #0b998e3d}.button.primary:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.hero{background:radial-gradient(circle at 72% 48%,rgba(11,153,142,.18),transparent 30%),linear-gradient(135deg,#081215,#0b161a 46%,#071013);color:var(--color-text);overflow:hidden}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:96px 28px 92px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:64px;min-height:560px}.eyebrow{color:var(--color-brand);font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}.hero h1{font-size:clamp(3rem,6vw,5.35rem);line-height:1.03;letter-spacing:-.065em;max-width:740px;margin-bottom:24px}.hero h1 .accent{color:var(--color-brand)}.hero p{max-width:560px;color:#f4f7f7c7;font-size:1.08rem;margin-bottom:34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative;min-height:340px;display:grid;place-items:center}.hero-image{display:block;width:100%;height:auto;border-radius:14px}.section{padding:72px 28px}.section-inner{max-width:var(--max-width);margin:0 auto}.section-heading{text-align:center;max-width:760px;margin:0 auto 40px}.section-heading h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em;margin-bottom:12px}.section-heading p{color:#596367;font-size:1.05rem}.underline{width:72px;height:3px;margin:14px auto 0;background:var(--color-brand);border-radius:100px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card{background:#fff;border:1px solid #dde4e3;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:100%;box-shadow:0 20px 48px #0a181c0f}.card-preview{display:block;width:100%;aspect-ratio:16 / 10;height:auto;object-fit:cover;border-bottom:1px solid #dde4e3}.service-body{padding:28px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.service-body .text-link{margin-top:auto}[id]{scroll-margin-top:100px}a:focus-visible{outline:2px solid var(--color-brand);outline-offset:5px}.service-icon{width:54px;height:54px;object-fit:contain}.service-card h3{font-size:1.18rem;line-height:1.25;margin-bottom:10px;letter-spacing:-.02em}.service-card p{color:#5b676a;margin-bottom:18px}.text-link{color:var(--color-brand-dark);font-weight:800}.info-strip{max-width:var(--max-width);margin:8px auto 0;padding:34px 64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:48px;color:#475256}.info-strip strong{color:var(--color-light-text);font-weight:750}.info-logo{display:flex;align-items:center;gap:22px}.info-logo .logo-mark{flex:0 0 auto}.divider{height:48px;width:1px;background:#0b998e8c}.contact-mini{display:flex;align-items:center;gap:18px}.contact-icon{width:38px;height:30px;object-fit:contain;flex:0 0 auto}.contact-mini a{color:var(--color-brand-dark);font-weight:800}.about-band{background:var(--color-dark);color:var(--color-text);padding:76px 28px}.about-grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:.7fr 1fr;gap:72px;align-items:center}.about-image{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;border-radius:14px}.about-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em;margin-bottom:18px}.about-copy p{color:#f4f7f7b8;max-width:680px;font-size:1.05rem}.cta{background:var(--color-dark);color:var(--color-text);padding:0 28px 72px}.cta-card{max-width:var(--max-width);margin:0 auto;border:1px solid var(--color-border);border-radius:10px;background:radial-gradient(circle at 92% 50%,rgba(11,153,142,.16),transparent 30%),#ffffff08;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:32px}.cta h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin-bottom:8px}.cta p{color:#f4f7f7b8;max-width:700px}.site-footer{background:#050b0d;color:#f4f7f7b3;padding:34px 28px;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:.9rem}.footer-inner .logo{color:var(--color-text);font-size:.8rem}@media(max-width:960px){.hero-inner,.about-grid{grid-template-columns:1fr}.hero-inner{padding-top:74px;gap:44px}.service-grid{grid-template-columns:1fr}.service-body{grid-template-columns:56px 1fr}.info-strip{grid-template-columns:1fr;padding:24px 28px 50px}.divider{display:none}}@media(max-width:720px){.nav{min-height:auto;padding:18px 22px;align-items:flex-start}.nav-links,.nav .button{display:none}.hero h1{font-size:clamp(2.8rem,15vw,4rem)}.hero-inner{padding:62px 22px 68px}.section,.about-band{padding-left:22px;padding-right:22px}.service-body{grid-template-columns:1fr}.cta-card{align-items:flex-start;flex-direction:column;padding:32px}}.detail-page{padding:64px 28px 80px}.detail-inner{max-width:var(--max-width);margin:auto}.detail-inner>.eyebrow{margin-top:40px}.detail-page h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.045em;max-width:900px;margin-bottom:24px}.detail-lead{max-width:760px;font-size:1.2rem;color:#596367;margin-bottom:36px}.detail-hero{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:14px}.detail-section{margin:48px 0;max-width:100%}.detail-section h2,.detail-callout h2{font-size:1.8rem;line-height:1.2;margin-bottom:18px}.detail-section p{max-width:800px;color:#596367;margin-bottom:16px}.capability-list{padding-left:22px;display:grid;gap:12px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screen-grid img{display:block;width:100%;height:auto;border-radius:10px}.screen-grid figcaption{margin-top:12px;font-weight:650}.detail-callout{background:var(--color-dark);color:var(--color-text);padding:36px;border-radius:14px}.detail-callout p{color:var(--color-muted);margin-bottom:24px}.contact-email{font-size:clamp(1.3rem,4vw,2rem);color:var(--color-brand-dark);overflow-wrap:anywhere}@media(max-width:720px){.screen-grid{grid-template-columns:1fr}.detail-page{padding:40px 22px 60px}}.card-preview,.detail-hero{height:auto;max-height:none;object-fit:contain}.card-preview{aspect-ratio:auto;background:#0d181c}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.screen-grid{grid-template-columns:1fr}}.capabilities-section{padding:24px 0 8px}.capabilities-section .section-heading{margin-bottom:28px}.capability-list{list-style:none;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.capability-list li{background:#fff;border:1px solid #dde4e3;border-radius:12px;padding:28px;color:#475256;font-size:1rem;line-height:1.6;box-shadow:0 20px 48px #0a181c0f}.capability-list li:before{content:"";display:block;width:32px;height:3px;background:var(--color-brand);margin-bottom:20px;border-radius:2px}.workflow-panel{background:var(--color-dark);color:var(--color-text);border-radius:14px;padding:40px}.workflow-panel .eyebrow{margin-bottom:12px}.workflow-panel h2{letter-spacing:-.04em}.workflow-panel p{color:var(--color-muted);max-width:800px}.workflow-panel p:last-child{margin-bottom:0}@media(max-width:720px){.capability-list{grid-template-columns:1fr}.workflow-panel{padding:28px}}.content-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0}.content-card{background:#fff;border:1px solid #dde4e3;border-radius:12px;padding:32px;box-shadow:0 20px 48px #0a181c0f}.content-card .underline{margin:0 0 24px;width:32px}.content-card h2{font-size:1.4rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:14px}.content-card p{color:#596367;margin-bottom:0}@media(max-width:720px){.content-card-grid{grid-template-columns:1fr}.content-card{padding:28px}}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:960px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.work-grid{grid-template-columns:1fr}}.nav-actions{display:flex;align-items:center;gap:14px}.theme-toggle{font:inherit;font-size:.8rem;font-weight:650;color:var(--color-text);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:10px 12px;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:#ffffff14}.theme-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}:root[data-theme=dark]{--color-light: #101b20;--color-light-text: #edf3f3;--color-brand-dark: #54c9bd}[data-theme=dark] .service-card,[data-theme=dark] .content-card,[data-theme=dark] .capability-list li{background:#19282e;border-color:transparent;box-shadow:0 12px 30px #0000001f}[data-theme=dark] .service-card p,[data-theme=dark] .section-heading p,[data-theme=dark] .detail-lead,[data-theme=dark] .detail-section p,[data-theme=dark] .content-card p,[data-theme=dark] .capability-list li,[data-theme=dark] .info-strip{color:#b3c2c7}[data-theme=dark] .card-preview{border-bottom-color:transparent}[data-theme=dark] .workflow-panel,[data-theme=dark] .detail-callout{background:#071013}[data-theme=dark] .button.primary:hover{background:#08766d;border-color:#08766d}[data-theme=dark] .text-link,[data-theme=dark] .contact-email,[data-theme=dark] .contact-mini a{color:#54c9bd}@media(max-width:720px){.nav{align-items:center;gap:12px}.nav-actions{margin-left:auto}.theme-toggle{font-size:.75rem;padding:9px 10px}}.contact-form{max-width:820px;padding:36px;background:#fff;border:1px solid #dde4e3;border-radius:12px;display:grid;gap:22px;box-shadow:0 20px 48px #0a181c0f}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.contact-form label{display:block;font-size:.95rem;font-weight:650}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:12px 14px;border:1px solid #cbd5d3;border-radius:6px;background:var(--color-light);color:var(--color-light-text);font:inherit;font-weight:400}.contact-form textarea{resize:vertical;min-height:150px}.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.contact-form .optional{font-size:.85rem;font-weight:400;color:#596367}.form-help{font-size:.85rem;color:#596367}.contact-form .button{justify-self:start;font:inherit;font-weight:750;cursor:pointer}.contact-form .button:disabled{opacity:.65;cursor:wait}.form-status{color:var(--color-brand-dark)}.form-status.error{color:#b33434}[data-theme=dark] .contact-form{background:#19282e;border-color:transparent}[data-theme=dark] .contact-form :is(input,select,textarea){border-color:#41565e}[data-theme=dark] .form-help,[data-theme=dark] .contact-form .optional{color:#b3c2c7}[data-theme=dark] .form-status.error{color:#ffa7a7}@media(max-width:640px){.contact-form{padding:24px}.form-row{grid-template-columns:1fr}}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:960px){.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.screen-grid{grid-template-columns:1fr}}
