.hhh_site header{position:fixed;top:0;left:0;right:0;z-index:1000;margin:0;padding:1.5rem 2rem 1rem;background-color:white;box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);text-align:center}.hhh_site header .header_nav{margin:0;padding:0}.hhh_site header .header_nav a{font-family:var(--serif-font);font-size:1.685159rem;font-weight:bold;line-height:1.2;color:var(--text);background-color:transparent;text-decoration:none;margin:0 0.5rem;padding:0;border:0}.hhh_site header .header_nav a:hover{color:var(--accent)}.hhh_site header .header_nav a.current{color:var(--accent);text-decoration:underline var(--accent) 2px}.challenge_tile{position:relative;margin:0;margin-bottom:0.75rem;padding:1.5rem;box-shadow:3px 3px 0 var(--text);background:var(--bg);border:2px solid var(--text);border-radius:5px 9px 6px 4px;text-align:left;transition:transform 0.15s ease, box-shadow 0.15s ease}.challenge_tile:nth-child(1){transform:rotate(-0.3deg)}.challenge_tile:nth-child(2){transform:rotate(0.25deg)}.challenge_tile:nth-child(3){transform:rotate(-0.2deg)}.challenge_tile:nth-child(4){transform:rotate(0.3deg)}.challenge_tile:hover{transform:rotate(0deg) translate(-1px, -1px);box-shadow:4px 4px 0 var(--text)}.challenge_tile .tile_stroke{position:absolute;top:-0.25rem;width:18rem;opacity:0.5}.challenge_tile h2{font-size:2.5rem;text-align:left;margin:1.5rem 0 0.5rem}.challenge_tile p{margin:0}.faq_tile{position:relative;margin:0;margin-bottom:0.75rem;padding:1.5rem;box-shadow:3px 3px 0 var(--text);background:white;border:2px solid var(--text);border-radius:5px 9px 6px 4px;text-align:left;transition:transform 0.15s ease, box-shadow 0.15s ease}.faq_tile:nth-child(1){transform:rotate(-0.3deg)}.faq_tile:nth-child(2){transform:rotate(0.25deg)}.faq_tile:nth-child(3){transform:rotate(-0.2deg)}.faq_tile:nth-child(4){transform:rotate(0.3deg)}.faq_tile:hover{transform:rotate(0deg) translate(-1px, -1px);box-shadow:4px 4px 0 var(--text)}.faq_tile .tile_icon{display:block;float:left;max-width:2rem;margin-right:1rem;margin-bottom:0.5rem}.faq_tile h2:first-of-type{font-size:1.75rem;text-align:left;margin:0rem 0 0.5rem}.faq_tile p{clear:both;margin:1rem 0}:root{--sans-font: 'Sarabun', -apple-system, BlinkMacSystemFont, sans-serif;--serif-font: 'Caveat', cursive;--bg: #FAF6EE;--accent-bg: #F0E9DA;--text: #1A1A1A;--text-light: #6B6560;--border: #DDD5C0;--accent: #2FA8E1;--accent-hover: #1E8FC4;--accent-text: #FAF6EE;--marked: #C8E9F8;--disabled: #E8E0D0}@media (prefers-color-scheme: dark){:root{color-scheme:light;--bg: #FAF6EE;--accent-bg: #F0E9DA;--text: #1A1A1A;--text-light: #6B6560;--border: #DDD5C0;--accent: #2FA8E1;--accent-hover: #1E8FC4;--accent-text: #FAF6EE;--marked: #F5D9A8;--disabled: #E8E0D0}img,video{opacity:1}}.hhh_site{grid-template-columns:1fr min(70rem, 90%) 1fr;padding-top:4.5rem}.hhh_site section{margin:0;padding:1rem 0;border:0;text-align:center}.hhh_site section:first-of-type{margin-top:0}.hhh_site h1,.hhh_site h2{font-family:var(--serif-font);font-weight:700;font-size:2.8rem;text-align:center}.hhh_site h1 em,.hhh_site h2 em{font-family:var(--sans-font);font-weight:bold;font-style:normal}.hhh_site p:first-child+h2{margin-top:0}.hhh_site ul{text-align:left}.hhh_site .tiles{list-style:none outside;padding:0}.hhh_site .process-diagram{margin:2rem 0 0;padding:0}.hhh_site .process-diagram img{width:100%;max-width:100%;border-radius:0.75rem}.hhh_site section.about_we{margin-top:6rem}.hhh_site section.about_we .pm_logo{max-width:18rem}@media (min-width: 30rem){.hhh_site .tiles{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))}.hhh_site .multicolumn{display:grid;grid-template-columns:1fr 1fr}}.eyebrow,.section-label{font-family:var(--serif-font);font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:0.04em;text-transform:uppercase;margin:0 0 0.3rem;display:block}.section-sub{color:var(--text-light);max-width:52ch;margin:0.5rem auto 2rem}.cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn-sketch{display:inline-block;font-family:var(--serif-font);font-size:1.25rem;font-weight:700;padding:0.55rem 1.4rem;border-radius:4px 8px 5px 3px;text-decoration:none;cursor:pointer;line-height:1.4;transition:transform 0.1s ease, box-shadow 0.1s ease}.btn-sketch.btn-filled{background:var(--accent);color:var(--accent-text);border:2px solid #1A6E96;box-shadow:3px 3px 0 #1A6E96}.btn-sketch.btn-filled:hover{transform:translate(1px, 1px);box-shadow:2px 2px 0 #1A6E96}.btn-sketch.btn-outline{background:transparent;color:var(--text);border:2px solid var(--text);box-shadow:3px 3px 0 var(--border)}.btn-sketch.btn-outline:hover{transform:translate(1px, 1px);box-shadow:2px 2px 0 var(--border)}.btn-sketch.btn-large{font-size:1.4rem;padding:0.7rem 2rem}.hhh_site section.hero{display:flex;align-items:center;gap:3rem;padding:5rem 0 3rem;text-align:left}.hhh_site section.hero:first-of-type{margin-top:0}.hhh_site section.hero .hero-text{flex:0.7}.hhh_site section.hero .hero-text h1{text-align:left;font-size:3.6rem;line-height:1.1;margin:0.2rem 0 0}.hhh_site section.hero .hero-text h1 span{white-space:nowrap}.hhh_site section.hero .hero-text .hero-sub{margin:1rem 0 0;text-align:left;max-width:44ch}.hhh_site section.hero .hero-visual{flex:1.3;margin:0;padding:0;overflow-x:unset}.hhh_site section.hero .hero-visual svg{width:100%;height:auto;display:block}.hhh_site section.challenges{padding:3rem 0 2rem}.hhh_site section.challenges .section_title{margin-top:0}.hhh_site section.challenges .tiles{margin-top:1.5rem;gap:1rem}.hhh_site section.features{padding:3rem 0 2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr));gap:1.25rem;margin-top:2rem;text-align:left}.feature-card{border:2px solid var(--text);border-radius:5px 9px 5px 4px;padding:1.5rem;box-shadow:3px 3px 0 var(--border);background:var(--bg);transition:transform 0.15s ease, box-shadow 0.15s ease}.feature-card:nth-child(1){transform:rotate(-0.2deg)}.feature-card:nth-child(2){transform:rotate(0.3deg)}.feature-card:nth-child(3){transform:rotate(-0.25deg)}.feature-card:nth-child(4){transform:rotate(0.2deg)}.feature-card:hover{transform:rotate(0deg) translate(-1px, -1px);box-shadow:4px 4px 0 var(--border)}.feature-card .sketch-icon{font-size:2.2rem;margin-bottom:0.75rem;display:block}.feature-card h3{font-family:var(--serif-font);font-size:1.35rem;font-weight:700;text-align:left;margin:0 0 0.5rem}.feature-card p{color:var(--text-light);font-size:0.95rem;margin:0;line-height:1.6}.hhh_site section.usp-spotlight{display:flex;align-items:center;gap:3rem;background:linear-gradient(135deg, var(--accent-bg) 0%, #dff0fa 100%);border:2px solid #b8ddf0;border-radius:10px;padding:3rem 2.5rem;margin:2rem 0;text-align:left}.hhh_site section.usp-spotlight .spotlight-text{flex:1.2}.hhh_site section.usp-spotlight .spotlight-text h2{text-align:left;font-size:2.8rem}.hhh_site section.usp-spotlight .spotlight-text p{color:var(--text-light);line-height:1.65;max-width:44ch;margin:0.75rem 0 0}.hhh_site section.usp-spotlight .spotlight-visual{flex:0.8;margin:0;overflow-x:unset}.hhh_site section.usp-spotlight .spotlight-visual svg{width:100%;height:auto;display:block}.hhh_site section.usp-spotlight .spotlight-visual .api_agents_mcp{width:100%;max-width:22rem}.hhh_site section.usp-row{display:flex;align-items:center;gap:3.5rem;padding:3rem 0;border-bottom:1px solid var(--border)}.hhh_site section.usp-row:last-of-type{border-bottom:none}.hhh_site section.usp-row.usp-flip{flex-direction:row-reverse}.hhh_site section.usp-row .usp-text{flex:1.2;text-align:left}.hhh_site section.usp-row .usp-text h2{text-align:left;font-size:2.2rem;line-height:1.2}.hhh_site section.usp-row .usp-text p{color:var(--text-light);line-height:1.65;max-width:44ch;margin:0.75rem 0 0}.hhh_site section.usp-row .usp-visual{flex:0.8;max-width:26rem;margin:0;overflow-x:unset}.hhh_site section.usp-row .usp-visual svg{width:100%;height:auto;display:block}.hhh_site section.usp-row .usp-visual .service_dictionary{max-width:18rem}.hhh_site section.usp-row .usp-visual .usage_stats{max-width:20rem}.hhh_site section.usp-row .usp-visual .sap_legacy{max-width:18rem}.hhh_site section.usp-cards{padding:3rem 0 2rem}.hhh_site section.usp-cards .sketch-icon img{max-height:5rem}.hhh_site section.ki-bridge{padding:3rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:1rem 0}.hhh_site section.ki-bridge .ki-bridge-inner{max-width:640px;margin:0 auto;text-align:center}.hhh_site section.ki-bridge .ki-bridge-inner h2{font-size:2.4rem;margin-bottom:1rem}.hhh_site section.ki-bridge .ki-bridge-inner p{color:var(--text-light);line-height:1.7;font-size:1.05rem}.hhh_site section.use-cases{padding:3rem 0 2rem}.use-case-accordion{display:flex;flex-direction:column;gap:0.6rem;margin-top:2rem;text-align:left}.uca-item{border:2px solid var(--text);border-radius:5px 9px 5px 4px;background:var(--bg);box-shadow:3px 3px 0 var(--border);overflow:hidden;transition:box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease}.uca-item:nth-child(1){transform:rotate(-0.15deg)}.uca-item:nth-child(2){transform:rotate(0.15deg)}.uca-item:nth-child(3){transform:rotate(-0.1deg)}.uca-item.uca-open{box-shadow:5px 5px 0 var(--border)}.uca-item.uca-open .uca-arrow{transform:rotate(90deg)}.uca-item.uca-open .uca-body{grid-template-rows:1fr}.uca-item.uca-featured.uca-open{border-color:var(--accent);box-shadow:5px 5px 0 #1A6E96;background:linear-gradient(160deg, #f0f9ff 0%, var(--bg) 100%)}.uca-item.uca-featured.uca-open .uca-num{color:var(--accent)}.uca-header{display:flex;align-items:center;gap:1.25rem;width:100%;padding:1.1rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.uca-header:hover .uca-title{color:var(--accent)}.uca-num{font-family:var(--serif-font);font-size:2.2rem;font-weight:700;color:var(--border);line-height:1;flex-shrink:0;min-width:2.5rem;transition:color 0.2s ease}.uca-title-group{display:flex;flex-direction:column;gap:0.1rem;flex:1}.uca-pain{font-size:1rem;font-style:italic;color:var(--text-light);line-height:1.35}.uca-title{font-family:var(--serif-font);font-size:1.5rem;font-weight:700;color:var(--text);transition:color 0.15s ease}.uca-arrow{font-family:var(--serif-font);font-size:1.4rem;color:var(--accent);flex-shrink:0;transition:transform 0.25s ease;display:inline-block}.uca-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease}.uca-body-inner{overflow:hidden;padding:0 1.5rem}.uca-item.uca-open .uca-body-inner{padding:0.25rem 1.5rem 1.5rem;border-top:1px solid var(--border)}.use-case-desc{color:var(--text-light);font-size:1rem;line-height:1.65;margin:0.75rem 0 1rem}.use-case-outcomes{list-style:none;padding:0;margin:0;border-top:1px solid var(--border);padding-top:0.75rem}.use-case-outcomes li{font-size:1rem;font-weight:600;color:var(--text);padding:0.2rem 0 0.2rem 1.5rem;position:relative;line-height:1.5}.use-case-outcomes li::before{content:'→';position:absolute;left:0;color:var(--accent);font-family:var(--serif-font)}.hhh_site section.testimonials{padding:3rem 0 2rem}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));gap:1.5rem;margin-top:2rem;text-align:left}.testimonial-card{border:2px solid var(--border);border-radius:5px 9px 5px 4px;padding:1.5rem;box-shadow:3px 3px 0 var(--border);background:var(--bg);margin:0;transition:transform 0.15s ease}.testimonial-card:nth-child(1){transform:rotate(-0.2deg)}.testimonial-card:nth-child(2){transform:rotate(0.25deg)}.testimonial-card:nth-child(3){transform:rotate(-0.15deg)}.testimonial-card:hover{transform:rotate(0deg) translate(-1px, -1px)}.testimonial-card p{font-size:1rem;line-height:1.65;color:var(--text);margin:0 0 1rem;font-style:italic}.testimonial-card footer{display:flex;flex-direction:column;gap:0.15rem;border-top:1px solid var(--border);padding-top:0.75rem}.testimonial-card footer strong{font-family:var(--serif-font);font-size:1.1rem;font-weight:700;color:var(--text)}.testimonial-card footer span{font-size:0.85rem;color:var(--text-light)}.hhh_site section.engagement-cta{background:var(--accent-bg);border:2px solid var(--border);border-radius:10px;padding:3rem 2rem 3.5rem;margin:2rem 0;text-align:center}.hhh_site section.engagement-cta .hackathon-inner{max-width:800px;margin:0 auto}.hhh_site section.engagement-cta h2{text-align:center;font-size:3rem}.hhh_site section.engagement-cta .section-sub{text-align:center}.hhh_site section.architecture{padding:3rem 0 2rem}.hhh_site section.architecture .arch-diagram{margin:2rem 0 0;background:var(--bg);border-radius:8px;overflow:hidden}.hhh_site section.architecture .arch-diagram svg.arch-svg{width:100%;height:auto;display:block}.hhh_site section.architecture .arch-diagram .how_it_works{width:100%;max-width:46rem}.hhh_site section.hackathon-cta{background:var(--accent-bg);border:2px solid var(--border);border-radius:10px;padding:3rem 2rem 3.5rem;margin:2rem 0;text-align:center}.hhh_site section.hackathon-cta .hackathon-inner{max-width:800px;margin:0 auto}.hhh_site section.hackathon-cta h2{text-align:center;font-size:3rem}.hhh_site section.hackathon-cta .section-sub{text-align:center}.process-steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));gap:1.25rem;margin:2rem 0 2.5rem;text-align:left}.process-step{background:var(--bg);border:2px solid var(--text);border-radius:5px 9px 5px 4px;padding:1.25rem;box-shadow:3px 3px 0 var(--text)}.process-step:nth-child(1){transform:rotate(-0.3deg)}.process-step:nth-child(2){transform:rotate(0.25deg)}.process-step:nth-child(3){transform:rotate(-0.2deg)}.process-step:nth-child(4){transform:rotate(0.3deg)}.process-step .step-num{display:block;font-family:var(--serif-font);font-size:2.8rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:0.4rem}.process-step h3{font-family:var(--serif-font);font-size:1.5rem;font-weight:700;text-align:left;margin:0 0 0.4rem}.process-step p{color:var(--text-light);font-size:0.9rem;margin:0;line-height:1.55}.hhh_site section.further_steps{padding:3rem 0 4rem}.hhh_site section.further_steps .section_title{margin-top:0}.hhh_site section.further_steps .further_steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:1.5rem;text-align:left;align-items:start}.hhh_site section.further_steps .further_steps-text p{color:var(--text-light);line-height:1.65;margin:0 0 0.75rem;text-align:center}@media (max-width: 60rem){.hhh_site section.usp-spotlight{flex-direction:column}.hhh_site section.usp-spotlight .spotlight-text h2{font-size:2.2rem}.hhh_site section.usp-spotlight .spotlight-visual{width:100%;max-width:400px;margin:0 auto}.hhh_site section.usp-row{flex-direction:column !important;gap:1.5rem}.hhh_site section.usp-row .usp-text h2{font-size:2rem}.hhh_site section.usp-row .usp-visual{width:100%;margin:0 auto}.hhh_site section.hero{flex-direction:column;padding:4rem 0 2rem}.hhh_site section.hero .hero-text h1{font-size:2.8rem}.hhh_site section.hero .hero-visual{width:100%;max-width:38rem;margin:0 auto}.use-case-grid,.testimonial-grid{grid-template-columns:1fr}}@media (max-width: 42rem){.hhh_site section.hero .hero-visual{display:block}.hhh_site section.hackathon-cta{padding:2rem 1.25rem}}.hhh_site section.hero_integration{display:flex;align-items:center;gap:3rem;padding:5rem 0 3rem;text-align:left}.hhh_site section.hero_integration:first-of-type{margin-top:0}.hhh_site section.hero_integration .hero-text{flex:1.2}.hhh_site section.hero_integration .hero-text h1{text-align:left;font-size:3.6rem;line-height:1.1;margin:0.2rem 0 0}.hhh_site section.hero_integration .hero-text h1 span{white-space:nowrap}.hhh_site section.hero_integration .hero-text .hero-sub{margin:1rem 0 0;text-align:left;max-width:44ch}.hhh_site section.hero_integration .hero-visual{flex:0.8;margin:0;padding:0;overflow-x:unset}.hhh_site section.hero_integration .hero-visual svg{width:100%;height:auto;display:block}.hhh_site section.hero_integration .hero-visual .hackathon{width:100%;max-width:22rem}@media (max-width: 60rem){.hhh_site section.hero_integration{flex-direction:column;padding:4rem 0 2rem}.hhh_site section.hero_integration .hero-text h1{font-size:2.8rem}.hhh_site section.hero_integration .hero-visual{width:100%;max-width:38rem;margin:0 auto}}@media (max-width: 42rem){.hhh_site section.hero_integration .hero-visual{display:block}}.hhh_site section.contact{padding:3rem 0 4rem}.hhh_site section.contact h2{text-align:left}.hhh_site section.contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:1.5rem;text-align:left;align-items:start}.hhh_site section.contact .contact-text p{color:var(--text-light);line-height:1.65;margin:0 0 0.75rem}.hhh_site section.contact .contact-card{border:2px solid var(--text);border-radius:5px 9px 6px 4px;padding:1.5rem;box-shadow:3px 3px 0 var(--text);transform:rotate(0.3deg)}.hhh_site section.contact .contact-card .contact-name{font-family:var(--serif-font);font-size:1.5rem;font-weight:700;margin:0}.hhh_site section.contact .contact-card .contact-title{margin:0 0 1rem}.hhh_site section.contact .contact-card p{margin:0.2rem 0;color:var(--text-light)}.hhh_site section.contact .contact-card a{color:var(--accent)}@media (max-width: 42rem){.hhh_site section.contact .contact-grid{grid-template-columns:1fr}}