:root{--bg:#f5f7fb;--bg-card:#ffffff;--text-main:#0f172a;--text-muted:#152236;--accent:#2563eb;--accent-soft:#e0edff;--accent-green:#10b981;--border-soft:#e2e8f0;--radius-lg:18px;--radius-xl:26px;--shadow-soft:0 18px 45px rgba(15, 23, 42, 0.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{min-height:100vh;padding:32px 16px 40px;display:flex;flex-direction:column;align-items:center}@media (min-width:768px){.page{padding:40px 24px 48px}}@media (min-width:1024px){.page{padding:48px 32px 56px}}.shell{width:100%;max-width:1120px;background:#f9fafb;border-radius:32px;box-shadow:var(--shadow-soft);overflow:hidden}.top-bar{padding:140px 40px 0;font-weight:600;letter-spacing:.08em;font-size:48px;text-transform:uppercase;color:#111827}.top-bar-inside{font-weight:700;letter-spacing:.05em;font-size:26px;text-transform:uppercase;color:#111827}.content{padding:24px 24px 28px}@media (min-width:1024px){.content{padding:32px 40px 36px}}.hero{display:flex;flex-direction:column;gap:24px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border-soft)}@media (min-width:900px){.hero{flex-direction:row;align-items:flex-start;gap:40px}}.hero-main{flex:1.4}.hero-kicker{font-size:14px;font-weight:600;color:var(--accent-green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.hero-title{font-size:32px;line-height:1.1;font-weight:700;margin-bottom:12px}.hero-left{flex:1.4;display:flex;flex-direction:column;gap:20px}@media (min-width:768px){.hero-title{font-size:32px;margin-top:76px}}.hero-subtitle{font-size:15px;color:var(--text-muted);max-width:520px;margin-bottom:20px}.hero-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 10px 25px rgba(37,99,235,.4);transition:transform .12s ease-out,box-shadow .12s ease-out,background .15s ease-out}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(37,99,235,.45);background:#1d4ed8}.hero-cta:active{transform:translateY(0);box-shadow:0 8px 18px rgba(37,99,235,.35)}.hero-cta-icon{font-size:16px;line-height:1}.hero-side{flex:1;max-width:320px;display:flex;justify-content:center}.hero-side img{border-radius:24px;width:100%;height:auto;object-fit:cover}.photo-placeholder{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;color:#cbd5f5;background:radial-gradient(circle at 20% 0,#1d4ed8,#020617 55%);font-weight:500;font-size:14px}.dot{width:7px;height:7px;border-radius:999px;background:#22c55e}section{padding-top:28px}section+section{padding-top:24px}.section-title{font-size:22px;font-weight:700;margin-bottom:8px}.section-body{font-size:15px;color:var(--text-muted);text-align:justify}.card-grid{margin-top:18px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);padding:16px 16px 18px;box-shadow:0 10px 25px rgba(15,23,42,.02)}.card h3{font-size:16px;margin-bottom:6px}.card p{font-size:14px;color:var(--text-muted);text-align:justify}.projects-grid{margin-top:18px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);padding:16px 16px 20px;position:relative;overflow:hidden}.project-icon{font-size:20px;margin-bottom:6px}.project-title{font-size:15px;font-weight:600;margin-bottom:8px}.project-body{font-size:13px;color:var(--text-muted)}.project-body ul{list-style:none;padding-left:0}.project-body li+li{margin-top:4px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;background:var(--accent-soft);color:var(--accent);margin-bottom:8px;font-weight:500}.metric-highlight{font-weight:600;color:var(--accent-green)}.contact{margin-top:26px;padding-top:22px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--text-muted)}.contact-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.contact a{color:var(--accent);font-weight:500}.location-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e5f3ff;color:#0f172a;font-size:12px;font-weight:500}.location-pill span{font-size:13px}.timezone{font-size:12px;padding:3px 8px;border-radius:999px;background:#e0fbea;color:#065f46;font-weight:500}.legal{font-size:12px;color:#9ca3af}@media (max-width:600px){.hero-title{font-size:28px}.content{padding:20px 18px 26px}.shell{border-radius:24px}}.companies-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (min-width:768px){.companies-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.company-card{display:flex;align-items:center;justify-content:center;padding:24px;height:120px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);box-shadow:0 10px 25px rgba(15,23,42,.02);text-decoration:none}.company-logo img{max-width:70%;max-height:70%;object-fit:contain;display:block}.company-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.card-body{display:flex;gap:12px;align-items:flex-start;margin-top:10px}.card-icon{width:34px;height:34px;border-radius:10px;background:#eef2ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon svg{width:18px;height:18px;opacity:.85}.card-body p{margin:0;font-size:14px;color:var(--text-muted);text-align:justify}.contact-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;justify-content:center;align-items:center;z-index:999;padding:16px}.contact-modal-backdrop.is-open{display:flex}.contact-modal{width:100%;max-width:420px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:20px 20px 18px;position:relative}@media (min-width:768px){.contact-modal{padding:24px 24px 20px}}.contact-modal-close{position:absolute;top:10px;right:12px;border:none;background:0 0;font-size:18px;cursor:pointer;color:var(--text-muted)}.contact-modal-close:hover{color:var(--text-main)}.contact-modal-title{font-size:20px;font-weight:700;margin-bottom:4px}.contact-modal-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:14px}.contact-modal-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.contact-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);background:#eff3ff;border:1px solid var(--border-soft);text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out,background .12s ease-out}.contact-item:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.12);background:#e5edff}.contact-item-icon{width:32px;height:32px;border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;font-weight:600}.contact-item-icon-ln{background:#0a66c2;color:#fff;font-size:15px;font-weight:700}.contact-item-body{display:flex;flex-direction:column;gap:1px;min-width:0}.contact-item-label{font-size:13px;font-weight:600;color:var(--text-main)}.contact-item-value{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.articles-list{margin-top:18px;display:flex;flex-direction:column;gap:12px}.article-link{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-soft);text-decoration:none;transition:all .12s ease-out}.article-link:hover{border-color:var(--accent);box-shadow:0 8px 20px rgba(37,99,235,.08);transform:translateX(4px)}.article-link-title{font-size:15px;font-weight:600;color:var(--text-main);flex:1}.article-link-platform{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap;opacity:.7;transition:opacity .12s ease-out}.article-link:hover .article-link-platform{opacity:1}.article-lead{width:100%;max-width:100%;margin:16px 0 0 0;font-size:16px;line-height:1.7;color:#475569;font-weight:500;font-style:italic;text-align:center}@media (max-width:768px){.article-lead{font-size:15px}}.principle-summary{display:block;margin-bottom:14px;font-size:16px;font-weight:600;color:#1f2937;line-height:1.6;padding-left:24px;position:relative}.principle-summary::before{content:"✓";position:absolute;left:0;color:#10b981;font-size:18px;font-weight:700}.article-image{margin:28px auto;display:block;border-radius:8px;box-shadow:0 4px 12px rgba(15,23,42,.08)}#make-it-work ol{margin-top:20px;counter-reset:list-counter;list-style:none;padding-left:0}#make-it-work ol li{margin-bottom:20px;counter-increment:list-counter;position:relative;padding-left:45px}#make-it-work ol li::before{content:counter(list-counter);position:absolute;left:0;top:0;width:32px;height:32px;background:#e0edff;color:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}#make-it-work ol li h3{margin-top:0;margin-bottom:6px;font-size:15.5px;font-weight:600;color:#1e293b;line-height:32px}#make-it-work ol li .card-body{margin-top:0}#make-it-work ol li .card-body p{margin:0;font-size:15px}.article-title{font-size:32px;line-height:1.1;font-weight:700;margin-bottom:12px;text-align:center}@media (min-width:768px){.article-title{font-size:32px;margin-top:24px}}@media (max-width:600px){.article-title{font-size:28px}}.back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;text-decoration:none;color:var(--text-main);font-size:15px;font-weight:600;transition:all .15s ease-out;box-shadow:0 2px 8px rgba(15,23,42,.04)}.back-link:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateX(-2px);box-shadow:0 4px 12px rgba(37,99,235,.12)}.back-arrow{font-size:18px;line-height:1;display:flex;align-items:center;transition:transform .15s ease-out}.back-link:hover .back-arrow{transform:translateX(-2px)}.article-image{cursor:zoom-in;transition:opacity .2s ease-out}.article-image:hover{opacity:.92}.image-modal-backdrop{display:none;position:fixed;inset:0;z-index:9999;background:rgba(255,255,255,.98);padding:20px;cursor:zoom-out;animation:fadeIn .2s ease-out}.image-modal-backdrop.is-open{display:flex;align-items:center;justify-content:center}.image-modal-content{max-width:100%;max-height:calc(95vh - 80px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 25px 50px rgba(15,23,42,.15);cursor:zoom-out;animation:zoomIn .25s ease-out}.image-modal-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border:2px solid var(--border-soft);background:var(--bg-card);cursor:pointer;border-radius:50%;transition:all .2s ease-out;z-index:10000;box-shadow:0 4px 12px rgba(15,23,42,.1)}.image-modal-close::after,.image-modal-close::before{content:'';position:absolute;top:50%;left:50%;width:20px;height:2px;background:var(--text-main);transition:background .2s ease-out}.image-modal-close::before{transform:translate(-50%,-50%) rotate(45deg)}.image-modal-close::after{transform:translate(-50%,-50%) rotate(-45deg)}.image-modal-close:hover{background:var(--accent-soft);border-color:var(--accent);transform:rotate(90deg);box-shadow:0 6px 16px rgba(37,99,235,.2)}.image-modal-close:hover::after,.image-modal-close:hover::before{background:var(--accent)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes zoomIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.article-figure{margin:28px auto;text-align:center}.article-figure .article-image{margin:0 auto}.article-caption{margin-top:10px;font-size:13px;color:#64748b;font-style:italic;text-align:center}.article-caption a{color:var(--accent);text-decoration:none;font-weight:500}.article-caption a:hover{text-decoration:underline}.image-modal-wrapper{display:flex;flex-direction:column;align-items:center;max-width:95%;max-height:95%;cursor:zoom-out}.image-modal-caption{display:none;margin-top:16px;padding:12px 20px;background:var(--bg-card);border-radius:8px;font-size:14px;color:#64748b;font-style:italic;text-align:center;box-shadow:0 4px 12px rgba(15,23,42,.1);max-width:600px;cursor:auto}.image-modal-caption a{color:var(--accent);text-decoration:none;font-weight:500;cursor:pointer}.image-modal-caption a:hover{text-decoration:underline}