.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}: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 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}@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}}.challenge_tile{position:relative;margin:0;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}.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.8}.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.2;margin:0;padding:0}.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}.hhh_site section.usp-spotlight .spotlight-visual svg{width:100%;height:auto;display:block}.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.1;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.9;margin:0}.hhh_site section.usp-row .usp-visual svg{width:100%;height:auto;display:block}.hhh_site section.usp-cards{padding:3rem 0 2rem}.hhh_site section.architecture{padding:3rem 0 2rem}.hhh_site section.architecture .arch-diagram{margin:2rem 0 0;padding:1.25rem;background:var(--bg);border:2px solid var(--border);border-radius:8px;overflow:hidden}.hhh_site section.architecture .arch-diagram svg.arch-svg{width:100%;height:auto;display:block}.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.3rem;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.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 0 0.5rem}.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: 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%;max-width:360px;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:420px;margin:0 auto}}@media (max-width: 42rem){.hhh_site section.hero .hero-visual{display:none}.hhh_site section.contact .contact-grid{grid-template-columns:1fr}.hhh_site section.hackathon-cta{padding:2rem 1.25rem}}