:root {
--aiw-blue: #24577A;
--aiw-teal: #4CB5C5;
--aiw-orange: #F59E0B;
--aiw-ink: #334155;
--aiw-muted: #475569;
--aiw-border: #e5eaf0;
--aiw-soft: #F5F7FA;
--aiw-card: #fff;
--aiw-radius: 16px;
--aiw-shadow: 0 4px 14px rgba(0,0,0,0.06);
--aiw-font: 'Poppins', sans-serif;
} .aiworks body {
margin: 0;
font-family: var(--aiw-font);
font-size: 16px;
color: var(--aiw-ink);
line-height: 1.6;
background: #fff;
}
.aiworks h1, .aiworks h2, .aiworks h3, .aiworks h4 {
font-weight: 700;
margin: 0 0 12px;
color: var(--aiw-blue);
}
.aiworks p { margin: 0 0 16px; color: var(--aiw-muted); }
.aiworks a { color: var(--aiw-blue); text-decoration: none; }
.aiworks a:hover { text-decoration: underline; } .aiworks .wrap { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
.aiworks .section { padding: 60px 20px; }
.aiworks .section.bg-soft { background: var(--aiw-soft); } .aiworks .btn{
display:inline-block; padding:10px 22px;
border-radius:var(--aiw-radius); font-weight:600;
font-size:0.95rem; cursor:pointer; border:none;
transition:all .2s ease; text-align:center; box-shadow:var(--aiw-shadow);
}
.aiworks .btn-blue{ background:var(--aiw-blue); color:#fff; border:2px solid var(--aiw-blue); }
.aiworks .btn-blue:hover{ background:#1e4663; border-color:#1e4663; }
.aiworks .btn-orange{ background:var(--aiw-orange); color:#fff; border:2px solid var(--aiw-orange); }
.aiworks .btn-orange:hover{ background:#d98706; border-color:#d98706; }
.aiworks .btn-outline{ background:#fff; border:2px solid var(--aiw-blue); color:var(--aiw-blue); }
.aiworks .btn-outline:hover{ background:var(--aiw-blue); color:#fff; } .aiworks a:focus-visible, .aiworks button:focus-visible, .aiworks .btn:focus-visible{
outline:3px solid var(--aiw-teal); outline-offset:2px;
} .aiworks .card{
background:var(--aiw-card); border:1px solid var(--aiw-border);
border-radius:var(--aiw-radius); padding:24px; box-shadow:var(--aiw-shadow);
transition:transform .2s ease, box-shadow .2s ease;
}
.aiworks .card:hover{ transform:translateY(-3px); box-shadow:0 6px 18px rgba(0,0,0,.08); } .aiworks .hero{ text-align:center; padding:80px 20px; background:var(--aiw-soft); }
.aiworks .hero h1{ font-size:2.5rem; font-weight:800; }
.aiworks .hero p{ max-width:640px; margin:12px auto 24px; font-size:1.1rem; } .aiworks .footer{ background:var(--aiw-soft); padding:40px 20px; font-size:.9rem; color:var(--aiw-muted); }
.aiworks .footer a{ color:var(--aiw-blue); font-weight:500; }
.aiworks .footer .columns{ display:flex; gap:40px; flex-wrap:wrap; } .aiworks .faq{
border:1px solid var(--aiw-border); border-radius:var(--aiw-radius);
margin-bottom:12px; padding:14px 18px; font-weight:500; cursor:pointer;
background:#fff; transition:background .2s ease;
}
.aiworks .faq:hover{ background:var(--aiw-soft); }
.aiworks .faq strong{ display:block; font-size:1.05rem; color:var(--aiw-blue); }
.aiworks .faq .answer{ display:none; margin-top:10px; color:var(--aiw-muted); font-weight:400; }
.aiworks .faq.open .answer{ display:block; } .aiworks .bundle-grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin:2rem 0;
}
.aiworks .bundle-grid .bundle{
background:var(--aiw-card); border:1px solid var(--aiw-border);
border-radius:var(--aiw-radius); box-shadow:var(--aiw-shadow);
padding:24px; text-align:left; transition:transform .2s ease;
}
.aiworks .bundle-grid .bundle:hover{ transform:translateY(-3px); }
@media (max-width:991px){ .aiworks .bundle-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .aiworks .bundle-grid{ grid-template-columns:1fr; } } .assistants-bundle{ margin:40px 0 20px; } .bundle-title{
text-align:center; font-size:1.6rem; font-weight:700; color:var(--aiw-blue);
margin:50px 0 30px; padding:12px 0; display:block; width:100%;
background:var(--aiw-soft); border-radius:var(--aiw-radius);
border-bottom:3px solid var(--aiw-teal);
} .assistants-grid{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:24px !important; margin:20px 0 40px;
}
@media (max-width:900px){ .assistants-grid{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:600px){ .assistants-grid{ grid-template-columns:1fr !important; } } .assistant-card{
background:var(--aiw-card); border:1px solid var(--aiw-border);
border-radius:var(--aiw-radius); padding:20px; box-shadow:var(--aiw-shadow);
transition:transform .2s ease, box-shadow .2s ease;
display:flex; flex-direction:column; justify-content:space-between;
min-height:380px; text-align:center;
}
.assistant-card:hover{ transform:translateY(-4px); box-shadow:0 6px 18px rgba(0,0,0,.08); } .assistant-card h3,
.assistant-card h4 {
font-size:1.1rem; font-weight:600; color:var(--aiw-blue); margin:6px 0 8px;
}
.assistant-card p{ font-size:.95rem; color:var(--aiw-muted); margin:0 0 16px; } .assistant-img{
width:150px; height:150px; object-fit:cover; border-radius:50%;
margin:0 auto 15px; display:block;
} .card-actions{
margin-top:auto; display:flex; gap:16px; align-items:center; justify-content:flex-start; flex-wrap:wrap;
} .assistants-grid .btn{
padding:12px 22px !important;
border-radius:var(--aiw-radius) !important;
font-weight:600 !important; font-size:.95rem !important; line-height:1.2 !important;
letter-spacing:.2px !important; box-shadow:var(--aiw-shadow) !important;
transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.assistants-grid .btn.btn-outline{
background:#fff !important; border:2px solid var(--aiw-blue) !important; color:var(--aiw-blue) !important;
}
.assistants-grid .btn.btn-outline:hover{ background:var(--aiw-blue) !important; color:#fff !important; }
.assistants-grid .btn.btn-blue{
background:var(--aiw-blue) !important; border:2px solid var(--aiw-blue) !important; color:#fff !important;
}
.assistants-grid .btn.btn-blue:hover{
background:#1e4663 !important; border-color:#1e4663 !important;
transform:translateY(-1px); box-shadow:0 6px 18px rgba(36,87,122,.18) !important;
}
.assistant-card .btn{ margin:0 !important; } .aiworks .page-about section { padding:60px 20px; }
.aiworks .page-about section.bg-soft { background:var(--aiw-soft); }
.aiworks .page-about p {
max-width:800px; margin:0 auto 16px;
font-size:1.05rem; color:var(--aiw-muted); text-align:center;
} .aiworks .page-about h2 {
font-size:2rem; font-weight:700; color:var(--aiw-blue);
text-align:center; margin-bottom:24px;
position:relative; padding-bottom:8px;
}
.aiworks .page-about h2::after {
content:""; position:absolute; bottom:0; left:50%;
transform:translateX(-50%); width:60px; height:3px;
background:var(--aiw-teal); border-radius:2px;
} .aiworks .page-about ol,
.aiworks .page-about ul {
max-width:800px; margin:0 auto;
padding-left:1.5rem; line-height:1.6; color:var(--aiw-ink);
}
.aiworks .page-about li { margin-bottom:12px; font-size:1rem; }
.aiworks .page-about li::marker { color:var(--aiw-teal); font-weight:bold; } .aiworks .page-about-split{ padding:80px 20px; }
.aiworks .page-about-split .wrap.split{
display:flex; align-items:center; gap:40px; max-width:1200px; margin:0 auto;
}
.aiworks .page-about-split.reverse .text-col{ order:1; }
.aiworks .page-about-split.reverse .img-col{ order:2; }
.aiworks .split-col{ flex:1; }
.aiworks .split-col img{ max-width:100%; border-radius:var(--aiw-radius); box-shadow:var(--aiw-shadow); }
.aiworks .text-col h2{ font-size:2rem; font-weight:700; color:var(--aiw-blue); margin-bottom:20px; }
.aiworks .text-col p, .aiworks .text-col li{ font-size:1.05rem; line-height:1.6; color:var(--aiw-ink); }
.aiworks .text-col ul, .aiworks .text-col ol{ padding-left:1.2rem; }
@media (max-width:900px){
.aiworks .page-about-split .wrap.split{ flex-direction:column; text-align:center; }
.aiworks .page-about-split.reverse .text-col, .aiworks .about-split.reverse .img-col{ order:unset; }
} .aiworks .page-about-cta{
background:var(--aiw-soft); text-align:center;
padding:80px 20px; margin-top:60px; border-top:1px solid var(--aiw-border);
}
.aiworks .page-about-cta h2{ font-size:2rem; font-weight:700; color:var(--aiw-blue); margin-bottom:16px; }
.aiworks .page-about-cta p{ font-size:1.1rem; color:var(--aiw-muted); margin-bottom:30px; }
.aiworks .cta-buttons{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
.aiworks .cta-buttons .btn{ padding:14px 28px; font-size:1rem; } .aiworks .assistants-hero{
background:var(--aiw-soft); padding:80px 20px; margin-bottom:60px;
}
.aiworks .assistants-hero .wrap.split{
display:flex; align-items:center; gap:50px; max-width:1200px; margin:0 auto;
}
.aiworks .assistants-hero .split-col{ flex:1; }
.aiworks .assistants-hero h1{ font-size:2.5rem; font-weight:800; color:var(--aiw-blue); margin-bottom:20px; }
.aiworks .assistants-hero p{ font-size:1.15rem; line-height:1.6; color:var(--aiw-muted); margin-bottom:28px; }
.aiworks .assistants-hero .hero-buttons{ display:flex; gap:20px; flex-wrap:wrap; }
.aiworks .assistants-hero .img-col img{ max-width:100%; border-radius:var(--aiw-radius); box-shadow:var(--aiw-shadow); }
@media (max-width:900px){
.aiworks .assistants-hero .wrap.split{ flex-direction:column; text-align:center; }
.aiworks .assistants-hero .hero-buttons{ justify-content:center; }
} .aiworks .bundles-intro{
text-align:center; padding:60px 20px; margin-bottom:40px;
}
.aiworks .bundles-intro h2{ font-size:2rem; font-weight:700; color:var(--aiw-blue); margin-bottom:12px; }
.aiworks .bundles-intro .intro-text{ font-size:1.1rem; color:var(--aiw-muted); margin-bottom:40px; }
.aiworks .bundle-highlights{
display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.aiworks .bundle-highlights .highlight{
background:var(--aiw-soft); border-radius:var(--aiw-radius); padding:24px; box-shadow:var(--aiw-shadow);
}
.aiworks .bundle-highlights h3{ font-size:1.25rem; font-weight:600; color:var(--aiw-blue); margin-bottom:8px; }
.aiworks .bundle-highlights p{ font-size:1rem; color:var(--aiw-muted); }
@media (max-width:900px){
.aiworks .bundle-highlights{ grid-template-columns:1fr; }
} .aiworks.section {
display: block;
width: 100%;
}
.aiworks.section .wrap {
display: block !important;
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px;
} .pricing-table {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
margin-top: 30px;
} .pricing-table .card {
background: #fff;
border-radius: var(--aiw-radius, 16px);
box-shadow: var(--aiw-shadow, 0 4px 12px rgba(0,0,0,0.08));
padding: 20px;
text-align: center;
}
.pricing-table .card.featured {
border: 2px solid #ff6600;
background: #fff8f0;
}
.pricing-table .badge {
background: #ff6600;
color: #fff;
padding: 4px 10px;
border-radius: 999px;
font-size: 12px;
display: inline-block;
margin-bottom: 10px;
} #faq details {
margin-bottom: 10px;
padding: 10px;
background: #fff;
border-radius: var(--aiw-radius, 12px);
box-shadow: var(--aiw-shadow, 0 2px 6px rgba(0,0,0,0.05));
}
#faq summary {
cursor: pointer;
font-weight: 600;
} .aiworks-horizontal {
display: flex;
flex-direction: row;
overflow-x: auto;
scroll-snap-type: x mandatory;
width: 100%;
height: 100vh; } .aiworks-horizontal section {
flex: 0 0 100%; scroll-snap-align: start;
min-height: 100vh;
padding: 60px 20px;
box-sizing: border-box;
} .pricing-table {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 30px;
}
@media (max-width: 900px) {
.pricing-table { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.pricing-table { grid-template-columns: 1fr; }
} .about-split .img-col img {
width: 100%;
height: auto;
border-radius: var(--aiw-radius);
box-shadow: var(--aiw-shadow);
display: block;
margin: 0 auto;
object-fit: cover;
max-height: 420px; }
@media (max-width: 900px) {
.about-split .img-col img {
max-height: 280px; }
} .about-split .wrap.split {
display: flex;
align-items: center; justify-content: space-between; gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.about-split .split-col {
flex: 1 1 50%; }
.about-split .text-col {
display: flex;
flex-direction: column;
justify-content: center; }
.about-split .img-col img {
width: 100%;
max-width: 500px; height: auto;
border-radius: var(--aiw-radius);
box-shadow: var(--aiw-shadow);
object-fit: cover;
display: block;
margin: 0 auto;
}
@media (max-width: 900px) {
.about-split .wrap.split {
flex-direction: column;
text-align: center;
}
.about-split .img-col img {
max-width: 100%;
max-height: 280px;
}
} .about-split .wrap.split {
display: flex;
align-items: center; justify-content: space-between;
gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.about-split .split-col {
flex: 1 1 50%;
}
.about-split .text-col {
display: flex;
flex-direction: column;
justify-content: center; }
.about-split .img-col img {
width: 100%;
max-width: 500px; height: auto;
border-radius: var(--aiw-radius);
box-shadow: var(--aiw-shadow);
object-fit: cover;
display: block;
margin: 0 auto;
} @media (max-width: 900px) {
.about-split .wrap.split {
flex-direction: column;
text-align: center;
} .about-split.reverse .text-col { order: 1; }
.about-split.reverse .img-col { order: 2; }
.about-split .img-col img {
max-width: 100%;
max-height: 280px;
}
} .page-contact .page-header {
text-align: center;
margin-bottom: 40px;
}
.page-contact .page-header h1 {
font-size: 2.2rem;
font-weight: 700;
color: var(--aiw-blue);
margin-bottom: 12px;
}
.page-contact .page-header .lead {
font-size: 1.15rem;
color: var(--aiw-muted);
max-width: 700px;
margin: 0 auto;
}
.page-contact .card {
max-width: 800px;
margin: 0 auto;
padding: 30px;
border-radius: var(--aiw-radius);
box-shadow: var(--aiw-shadow);
border: 1px solid var(--aiw-border);
background: var(--aiw-card);
}
.page-contact .card h2 {
font-size: 1.5rem;
font-weight: 600;
color: var(--aiw-blue);
margin-bottom: 16px;
}
.page-contact .card .note {
font-size: 0.95rem;
color: var(--aiw-muted);
margin-bottom: 24px;
} .page-contact form {
display: grid;
gap: 16px;
}
.page-contact input[type="text"],
.page-contact input[type="email"],
.page-contact textarea,
.page-contact select {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--aiw-border);
border-radius: var(--aiw-radius);
font-family: var(--aiw-font);
font-size: 1rem;
color: var(--aiw-ink);
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.page-contact input:focus,
.page-contact textarea:focus,
.page-contact select:focus {
outline: none;
border-color: var(--aiw-teal);
box-shadow: 0 0 0 3px rgba(76, 181, 197, 0.25);
}
.page-contact button,
.page-contact input[type="submit"] {
background: var(--aiw-blue);
color: #fff;
font-weight: 600;
padding: 12px 24px;
border: none;
border-radius: var(--aiw-radius);
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
}
.page-contact button:hover,
.page-contact input[type="submit"]:hover {
background: #1e4663;
transform: translateY(-2px);
}
.page-contact .wpforms-confirmation-container,
.page-contact .wpcf7-response-output {
margin-top: 20px;
padding: 16px;
border-radius: var(--aiw-radius);
background: var(--aiw-soft);
color: var(--aiw-ink);
font-weight: 500;
} #wpforms-132 {
max-width: 800px;
margin: 0 auto;
padding: 30px;
border-radius: var(--aiw-radius);
border: 1px solid var(--aiw-border);
background: var(--aiw-card);
box-shadow: var(--aiw-shadow);
} #wpforms-132 .wpforms-field-label {
font-weight: 600;
color: var(--aiw-blue);
margin-bottom: 6px;
display: block;
} #wpforms-132 .wpforms-field-description {
font-size: 0.9rem;
color: var(--aiw-muted);
margin-top: 4px;
} #wpforms-132 input[type="text"],
#wpforms-132 input[type="email"],
#wpforms-132 input[type="url"],
#wpforms-132 input[type="tel"],
#wpforms-132 select,
#wpforms-132 textarea {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--aiw-border);
border-radius: var(--aiw-radius);
font-family: var(--aiw-font);
font-size: 1rem;
color: var(--aiw-ink);
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#wpforms-132 input:focus,
#wpforms-132 textarea:focus,
#wpforms-132 select:focus {
outline: none;
border-color: var(--aiw-teal);
box-shadow: 0 0 0 3px rgba(76, 181, 197, 0.25);
} #wpforms-132 .wpforms-submit {
background: var(--aiw-blue);
color: #fff;
font-weight: 600;
padding: 12px 24px;
border: none;
border-radius: var(--aiw-radius);
cursor: pointer;
font-size: 1rem;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
#wpforms-132 .wpforms-submit:hover {
background: #1e4663;
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(36,87,122,.18);
} #wpforms-132 .wpforms-error {
color: var(--aiw-orange);
font-size: 0.9rem;
margin-top: 4px;
}
#wpforms-132 input.wpforms-error,
#wpforms-132 textarea.wpforms-error,
#wpforms-132 select.wpforms-error {
border-color: var(--aiw-orange);
background: #fff8f0;
} #wpforms-confirmation-132 {
margin-top: 20px;
padding: 16px;
border-radius: var(--aiw-radius);
background: var(--aiw-soft);
color: var(--aiw-ink);
font-weight: 500;
box-shadow: var(--aiw-shadow);
} #wpforms-132 .wpforms-submit {
all: unset; }
#wpforms-132 .wpforms-submit {
display: inline-block;
cursor: pointer;
} #wpforms-132 .btn {
padding: 12px 24px !important;
font-size: 1rem !important;
font-weight: 600 !important;
border-radius: var(--aiw-radius) !important;
box-shadow: var(--aiw-shadow) !important;
transition: all 0.2s ease !important;
} .page-legal .wrap {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
} .page-legal h1 {
font-size: 2rem;
font-weight: 700;
color: var(--aiw-blue);
margin-bottom: 20px;
text-align: center;
}
.page-legal h2 {
font-size: 1.4rem;
font-weight: 600;
color: var(--aiw-blue);
margin: 30px 0 15px;
}
.page-legal h3 {
font-size: 1.2rem;
font-weight: 600;
color: var(--aiw-ink);
margin: 25px 0 12px;
} .page-legal p {
font-size: 1rem;
line-height: 1.7;
margin-bottom: 16px;
color: var(--aiw-muted);
} .page-legal ul,
.page-legal ol {
margin: 16px 0 20px 1.5rem;
line-height: 1.6;
color: var(--aiw-ink);
}
.page-legal li {
margin-bottom: 10px;
}
.page-legal li::marker {
color: var(--aiw-teal);
} .page-legal a {
color: var(--aiw-blue);
text-decoration: underline;
}
.page-legal a:hover {
color: var(--aiw-orange);
text-decoration: none;
} .page-legal blockquote {
border-left: 4px solid var(--aiw-teal);
padding: 10px 16px;
margin: 20px 0;
color: var(--aiw-ink);
background: var(--aiw-soft);
border-radius: var(--aiw-radius);
} .page-legal table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.page-legal th,
.page-legal td {
border: 1px solid var(--aiw-border);
padding: 12px;
text-align: left;
font-size: 0.95rem;
}
.page-legal th {
background: var(--aiw-soft);
font-weight: 600;
color: var(--aiw-blue);
}
.page-legal .last-updated {
font-size: 0.9rem;
color: var(--aiw-muted);
margin-top: 8px;
margin-bottom: 20px;
text-align: center;
} .faq p { display: none; margin-top: 8px; }
.faq.open p { display: block; }
.faq h2 { margin: 0; font-size: 1.2rem; cursor: pointer; } .insights-hero {
text-align: center;
padding: 80px 20px 40px;
background: var(--aiw-soft);
}
.insights-hero h1 {
font-size: 2.4rem;
font-weight: 800;
color: var(--aiw-blue);
}
.insights-hero p {
max-width: 680px;
margin: 12px auto 0;
font-size: 1.05rem;
color: var(--aiw-muted);
} .insights-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 32px;
margin-top: 40px;
} .insight-card {
background: var(--aiw-card);
border: 1px solid var(--aiw-border);
border-radius: var(--aiw-radius);
overflow: hidden;
box-shadow: var(--aiw-shadow);
transition: transform 0.25s ease, box-shadow 0.25s ease;
display: flex;
flex-direction: column;
}
.insight-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
} .insight-card img {
width: 100%;
height: 200px;
object-fit: cover;
} .insight-card-content {
padding: 20px;
flex: 1;
}
.insight-card h3 {
font-size: 1.25rem;
margin-bottom: 10px;
color: var(--aiw-blue);
}
.insight-card p {
font-size: 0.95rem;
color: var(--aiw-muted);
margin-bottom: 16px;
} .insight-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 12px;
}
.insight-tag {
background: var(--aiw-soft);
color: var(--aiw-blue);
font-size: 0.75rem;
padding: 4px 10px;
border-radius: 999px;
font-weight: 500;
} .insight-card a.read-more {
font-weight: 600;
color: var(--aiw-teal);
text-decoration: none;
transition: color 0.2s ease;
}
.insight-card a.read-more:hover {
color: var(--aiw-orange);
} .insights-pagination {
display: flex;
justify-content: center;
gap: 10px;
margin: 50px 0 0;
}
.insights-pagination a {
padding: 8px 14px;
border: 1px solid var(--aiw-border);
border-radius: var(--aiw-radius);
font-size: 0.9rem;
color: var(--aiw-blue);
background: #fff;
transition: all 0.2s ease;
}
.insights-pagination a:hover,
.insights-pagination a.active {
background: var(--aiw-blue);
color: #fff;
} .grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 992px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.grid-3 {
grid-template-columns: 1fr;
}
} .grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
@media (max-width: 992px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.grid-3 {
grid-template-columns: 1fr;
}
} .grid-3 .card {
text-align: center;
padding: 30px 20px;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.grid-3 .card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
} .grid-3 .card h2 {
font-size: 1.4rem;
font-weight: 600;
margin: 14px 0 10px;
color: var(--aiw-blue);
} .grid-3 .card p {
font-size: 1rem;
color: var(--aiw-muted);
margin-bottom: 18px;
min-height: 40px; } .grid-3 .card a.btn-outline {
display: inline-block;
padding: 10px 22px;
font-size: 0.95rem;
font-weight: 600;
border-radius: var(--aiw-radius);
border: 2px solid var(--aiw-blue);
color: var(--aiw-blue);
background: #fff;
text-decoration: none;
transition: all 0.25s ease;
}
.grid-3 .card a.btn-outline:hover {
background: var(--aiw-blue);
color: #fff;
box-shadow: 0 4px 10px rgba(0,0,0,0.12);
} .btn-blue {
display: inline-block;
padding: 12px 28px;
font-size: 1rem;
font-weight: 600;
color: #fff;
background: var(--aiw-blue);
border: 2px solid var(--aiw-blue);
border-radius: var(--aiw-radius);
text-decoration: none;
transition: all 0.25s ease;
cursor: pointer;
}
.btn-blue:hover {
background: #1e4663; border-color: #1e4663;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
transform: translateY(-2px);
} .section-404 {
display: flex;
align-items: center;
justify-content: center;
min-height: 70vh;
background: #f9fbfd;
text-align: center;
}
.error-card {
max-width: 600px;
margin: auto;
padding: 40px 30px;
border-radius: var(--aiw-radius);
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.error-card h1 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 12px;
color: var(--aiw-blue);
}
.error-card p.lead {
font-size: 1.1rem;
color: var(--aiw-muted);
margin-bottom: 24px;
}
.error-card .actions {
display: flex;
gap: 12px;
justify-content: center;
}
.error-card .btn-blue,
.error-card .btn-outline {
min-width: 150px;
} .blog .site-main,
.archive .site-main {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
padding: 40px 20px;
} .blog .card,
.archive .card {
max-width: 700px;
width: 100%;
padding: 28px;
border-radius: var(--aiw-radius);
box-shadow: 0 4px 14px rgba(0,0,0,0.06);
background: #fff;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.blog .card:hover,
.archive .card:hover {
transform: translateY(-4px);
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
} .blog .card time,
.archive .card time {
display: inline-block;
background: #eaf2f8;
color: var(--aiw-blue);
font-size: 0.9rem;
padding: 6px 12px;
border-radius: 20px;
margin-bottom: 12px;
font-weight: 500;
} .blog .card h2,
.archive .card h2 {
font-size: 1.5rem;
font-weight: 600;
color: var(--aiw-blue);
margin-bottom: 10px;
} .blog .card p,
.archive .card p {
font-size: 1rem;
color: var(--aiw-muted);
margin-bottom: 16px;
} .blog .card a,
.archive .card a {
font-weight: 600;
color: var(--aiw-orange);
text-decoration: none;
transition: color 0.25s ease;
}
.blog .card a:hover,
.archive .card a:hover {
color: var(--aiw-blue);
} .single-post h1.entry-title {
color: var(--aiw-blue);
font-family: var(--aiw-font);
font-weight: 800;
font-size: 2rem;
margin-bottom: 12px;
} .single-post .entry-meta,
.single-post .ast-breadcrumbs {
color: var(--aiw-muted);
font-size: 0.9rem;
margin-bottom: 20px;
} .single-post .entry-content p {
color: var(--aiw-ink);
line-height: 1.7;
font-size: 1.05rem;
margin-bottom: 18px;
} .single-post .entry-content h2,
.single-post .entry-content h3 {
color: var(--aiw-blue);
margin-top: 30px;
margin-bottom: 15px;
} .single-post .post-thumbnail img {
border-radius: var(--aiw-radius);
box-shadow: var(--aiw-shadow);
margin-bottom: 25px;
} .single-post .ast-container {
background: var(--aiw-card);
border: 1px solid var(--aiw-border);
border-radius: var(--aiw-radius);
padding: 30px;
box-shadow: var(--aiw-shadow);
margin-top: 40px;
margin-bottom: 40px;
} .single-post .entry-content a {
color: var(--aiw-teal);
font-weight: 600;
}
.single-post .entry-content a:hover {
color: var(--aiw-orange);
text-decoration: underline;
} .hero-banner {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 120px 20px;
position: relative;
color: #fff;
}
.hero-banner::before {
content: "";
position: absolute;
inset: 0;
background: rgba(36, 87, 122, 0.6); }
.hero-banner .wrap {
position: relative;
z-index: 2;
}
.hero-banner h1 {
font-size: 2.4rem;
font-weight: 800;
margin-bottom: 16px;
color: #fff;
}
.hero-banner p {
font-size: 1.1rem;
max-width: 760px;
margin: 0 auto 12px;
color: #f5f7fa;
} .footer .columns { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; }
.footer .col { flex: 1 1 220px; min-width: 220px; }
.footer h4 { color: var(--aiw-blue); font-size: 1rem; margin-bottom: 12px; }
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer ul li { margin: 0 0 6px; }
.footer .divider { border: none; border-top: 1px solid var(--aiw-border); margin: 30px 0; }
.footer-bottom { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
.footer-logo img { max-height: 44px; width: auto; }
.footer-tagline { margin-top: 10px; color: var(--aiw-muted); max-width: 360px; } .footer-social-menu { display: flex; gap: 12px; padding: 0; margin: 12px 0 0; list-style: none; }
.footer-social-menu a { text-decoration: none; }
.footer-social-menu a:hover { text-decoration: underline; }