:root { --sage-light: #e8ece5; --sage-base: #8F9779; --sage-dark: #5c634b; --ink-main: #2C352D; --ink-light: #4a544c; --paper: #F7F8F5; --white: #ffffff; --font-serif: 'Playfair Display', serif; --font-sans: 'Lato', sans-serif; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font-sans); color: var(--ink-main); background-color: var(--paper); line-height: 1.6; overflow-x: hidden; } h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 700; line-height: 1.2; color: var(--ink-main); } a { color: var(--sage-dark); text-decoration: none; transition: color 0.3s ease; } a:hover { color: var(--sage-base); } img.awg-fluid-img { width: 100%; height: auto; object-fit: cover; display: block; } .awg-top-mast { position: sticky; top: 0; z-index: 100; background: rgba(247, 248, 245, 0.95); backdrop-filter: blur(8px); display: flex; justify-content: space-between; align-items: center; padding: 1.2rem 4vw; border-bottom: 1px solid var(--sage-light); } .awg-brand-mark { display: flex; align-items: center; gap: 0.5rem; } .awg-logo-icon { width: 24px; height: 24px; background-color: var(--sage-base); border-radius: 2px; } .awg-logo-text { font-family: var(--font-serif); font-size: 1.4rem; font-weight: 700; letter-spacing: -0.5px; } .awg-site-nav { display: flex; gap: 2rem; align-items: center; } .awg-site-nav a { font-weight: 700; font-size: 0.95rem; } .awg-nav-push { background: var(--ink-main); color: var(--white) !important; padding: 0.5rem 1.2rem; border-radius: 4px; } .awg-nav-push:hover { background: var(--sage-dark); } .awg-sub-link { font-size: 0.8rem; opacity: 0.7; } .awg-hero-stage { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8vh 5vw 10vh; max-width: 1000px; margin: 0 auto; } .awg-hero-content { margin-bottom: 4rem; } .awg-trust-badge { display: inline-block; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--sage-dark); background: var(--sage-light); padding: 0.4rem 1rem; border-radius: 20px; margin-bottom: 1.5rem; } .awg-headline-primary { font-size: clamp(2.5rem, 5vw, 4.5rem); margin-bottom: 1.5rem; } .awg-hero-sub { font-size: 1.2rem; color: var(--ink-light); max-width: 700px; margin: 0 auto 2.5rem; } .awg-action-trigger { display: inline-block; background-color: var(--sage-base); color: var(--white) !important; font-weight: 700; padding: 1rem 2.5rem; border-radius: 4px; border: none; cursor: pointer; font-size: 1.1rem; transition: background 0.3s ease; } .awg-action-trigger:hover { background-color: var(--sage-dark); } .awg-hero-visual img { border-radius: 8px; box-shadow: 0 20px 40px rgba(44, 53, 45, 0.1); max-height: 500px; } .awg-deep-context-block { background-color: var(--white); padding: 6rem 5vw; margin-top: -2rem; position: relative; z-index: 10; } .awg-context-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .awg-section-title { font-size: 2.5rem; margin-bottom: 2rem; } .awg-section-title.centered-text { text-align: center; } .awg-context-text p { margin-bottom: 1.5rem; font-size: 1.05rem; } .awg-inline-ref { text-decoration: underline; text-decoration-color: var(--sage-base); text-underline-offset: 4px; } .awg-context-image-wrap img { border-radius: 4px; aspect-ratio: 4/3; } .awg-offerings-zone { padding: 8rem 5vw; background-color: var(--paper); } .awg-card-layout { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2.5rem; } .awg-solution-card { background: var(--white); border-radius: 6px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: transform 0.3s ease; } .awg-solution-card:hover { transform: translateY(-5px); } .awg-card-img { height: 220px; } .awg-card-body { padding: 2rem; } .awg-card-title { font-size: 1.5rem; margin-bottom: 1rem; } .awg-text-only-card { background: var(--sage-light); display: flex; align-items: center; } .awg-micro-list { margin-top: 1.5rem; padding-left: 1.2rem; font-size: 0.95rem; color: var(--ink-light); } .awg-voices-arena { padding: 6rem 5vw; background: var(--ink-main); color: var(--white); } .awg-voices-arena .awg-section-title { color: var(--white); text-align: center; margin-bottom: 4rem; } .awg-testimonial-cluster { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; } .awg-voice-card { background: rgba(255,255,255,0.05); padding: 2.5rem; border-radius: 6px; border-left: 4px solid var(--sage-base); } .awg-offset-card { transform: translateY(2rem); } .awg-quote { font-size: 1.1rem; font-style: italic; margin-bottom: 2rem; color: #e8ece5; } .awg-voice-author { display: flex; align-items: center; gap: 1rem; } .awg-avatar { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid var(--sage-base); } .awg-author-details { display: flex; flex-direction: column; } .awg-author-details span:first-child { font-weight: 700; font-family: var(--font-serif); font-size: 1.1rem; } .awg-author-details span:last-child { font-size: 0.85rem; color: var(--sage-light); } .awg-faq-module { padding: 8rem 5vw; max-width: 800px; margin: 0 auto; } .awg-accordion-group { margin-top: 3rem; border-top: 1px solid var(--sage-light); } .awg-accordion-item { border-bottom: 1px solid var(--sage-light); } .awg-accordion-trigger { width: 100%; text-align: left; padding: 1.5rem 0; background: none; border: none; font-family: var(--font-serif); font-size: 1.2rem; font-weight: 700; color: var(--ink-main); cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .awg-accordion-trigger::after { content: '+'; font-size: 1.5rem; color: var(--sage-base); transition: transform 0.3s ease; } .awg-accordion-trigger.is-open::after { transform: rotate(45deg); } .awg-accordion-panel { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; } .awg-accordion-panel p { padding-bottom: 1.5rem; color: var(--ink-light); } .awg-contact-dock { padding: 6rem 5vw; background: var(--white); border-top: 1px solid var(--sage-light); } .awg-contact-split { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; } .awg-micro-details { margin: 2rem 0; padding: 1.5rem; background: var(--sage-light); border-radius: 4px; font-size: 0.95rem; } .awg-contact-img-accent { margin-top: 2rem; border-radius: 4px; max-height: 250px; } .awg-form-structure { display: flex; flex-direction: column; gap: 1.5rem; } .awg-input-group label { display: block; font-weight: 700; margin-bottom: 0.5rem; font-size: 0.9rem; } .awg-input-group input, .awg-input-group textarea { width: 100%; padding: 0.8rem; border: 1px solid #ccc; border-radius: 4px; font-family: var(--font-sans); background: var(--paper); } .awg-input-group input:focus, .awg-input-group textarea:focus { outline: none; border-color: var(--sage-base); box-shadow: 0 0 0 2px rgba(143, 151, 121, 0.2); } .awg-full-width-btn { width: 100%; } .awg-tiny-disclaimer { font-size: 0.75rem; color: #888; text-align: center; margin-top: 0.5rem; } .awg-base-footer { background: var(--ink-main); color: #a0a8a1; padding: 4rem 5vw 2rem; font-size: 0.9rem; } .awg-footer-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-bottom: 3rem; } .awg-footer-col strong { color: var(--white); display: block; margin-bottom: 1rem; font-family: var(--font-serif); } .awg-footer-col a { color: #a0a8a1; display: block; margin-bottom: 0.5rem; } .awg-footer-col a:hover { color: var(--sage-light); } .awg-fade-link { opacity: 0.5; font-size: 0.8rem; } .awg-footer-bottom { text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2rem; font-size: 0.8rem; } .awg-legal-container { max-width: 800px; margin: 6rem auto; padding: 0 5vw; } .awg-legal-container h1 { margin-bottom: 2rem; } .awg-legal-container p { margin-bottom: 1rem; } @media (max-width: 900px) { .awg-context-inner, .awg-contact-split { grid-template-columns: 1fr; } .awg-site-nav { display: none; } /* Simplified for demo */ .awg-offset-card { transform: none; } .awg-testimonial-cluster { grid-template-columns: 1fr; } }