/* agenteia page — loaded after home.css, relies on body.home tokens */
.home .ag-hero .hero-inner { padding-bottom: 2rem; }
.home .ag-hero .hero-inner { display: grid; grid-template-columns: 1fr; gap: 2rem; }
.home .ag-hero-demo { display: flex; flex-direction: column; align-items: center; }
@media (min-width: 1024px) {
    /* styles.css forces a single column at <=1024px with !important */
    .home .ag-hero .hero-inner {
        grid-template-columns: 7fr 5fr !important;
        grid-template-areas: "text video" "notice video" "benefits video";
        grid-template-rows: auto auto 1fr;
        gap: 0 4rem !important;
        align-items: start !important;
    }
    .home .ag-hero .hero-col-text { grid-area: text; align-self: start; }
    .home .ag-hero-demo { grid-area: video; }
    /* left column: text, notice, benefits. On mobile the DOM order applies: text, video, notice, benefits */
    .home .ag-hero .ag-notice { grid-area: notice; align-self: start; margin-top: 1.5rem; text-align: left; }
    .home .ag-hero .ag-benefits { grid-area: benefits; margin-top: 2.5rem; }
    .home .ag-hero .ag-benefits .section-h2 { font-size: 1.75rem; margin-bottom: 1.2rem; }
    .home .ag-hero .ag-cell { padding: 1.2rem; }
    .home .ag-hero .ag-cell h3 { font-size: 1.15rem; }
    .home .ag-hero .ag-cell p { font-size: 0.95rem; }
}

.home .ag-section { display: block; padding: 0 0 4rem; }

.home .ag-intro { display: flex; flex-direction: column; gap: 1.1rem; }
.home .ag-intro p { margin: 0; font-size: 1.1rem; line-height: 1.65; color: var(--text-secondary); }

.home .ag-notice { border: 1px solid var(--ink); padding: 1.4rem 1.6rem; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 0.5rem; }
.home .ag-notice p:last-child { margin: 0; font-size: 1.1rem; color: var(--ink); }

.home .ag-benefits { margin-top: 1.5rem; text-align: left; } /* hero-inner forces centered text at <=1024px */

.home .ag-text { font-size: 1.25rem; line-height: 1.5; color: var(--text-secondary); margin: 0; }

.home .ag-video { width: 100%; max-width: 360px; margin: 0; }
/* CSS-only iPhone frame: deliberate exception to square corners, scoped to .ag-phone */
.home .ag-phone { position: relative; width: 100%; max-width: 360px; background: #0b0b0b; padding: 10px; border-radius: 48px; box-sizing: border-box; }
.home .ag-phone video { display: block; width: 100%; height: auto; border-radius: 38px; background: #000; }
.home .ag-phone::before, .home .ag-phone::after,
.home .ag-vol::before, .home .ag-vol::after { content: ""; position: absolute; width: 3px; background: #0b0b0b; }
.home .ag-phone::before { left: -3px; top: 70px; height: 24px; border-radius: 2px 0 0 2px; }   /* silent switch */
.home .ag-vol::before { left: -3px; top: 110px; height: 44px; border-radius: 2px 0 0 2px; }   /* volume up */
.home .ag-vol::after { left: -3px; top: 164px; height: 44px; border-radius: 2px 0 0 2px; }    /* volume down */
.home .ag-phone::after { right: -3px; top: 130px; height: 70px; border-radius: 0 2px 2px 0; } /* power */
.home .ag-video figcaption { margin-top: 0.8rem; color: var(--text-secondary); font-size: 1rem; text-align: center; }

.home .ag-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--ink); border: 1px solid var(--ink); }
.home .ag-cell { background: #fff; padding: 1.8rem 1.6rem; }
.home .ag-cell h3 { font-size: 1.4rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; margin: 0 0 0.5rem; color: var(--ink); }
.home .ag-cell p { margin: 0; font-size: 1.05rem; color: var(--text-secondary); }

@media (max-width: 1023px) {
    .home .ag-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1024px) {
    .home .ag-hero .hero-inner { padding-bottom: 1.5rem; }
}

.home .ag-wa { gap: 10px; }

.home .ag-hint { font-size: 20px; font-weight: 400; line-height: 1.4; color: #0b0b0b; max-width: none; margin: 0 0 32px; align-self: flex-start; }
.home .ag-play { position: absolute; inset: 10px; border-radius: 38px; display: flex; align-items: center; justify-content: center; background: rgba(11, 11, 11, .18); border: 0; padding: 0; cursor: pointer; }
.home .ag-play[hidden] { display: none; }
.home .ag-play__icon { width: 88px; height: 62px; border-radius: 14px; background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; transition: background-color .15s; }
.home .ag-play__icon svg { margin-left: 2px; } /* optical centering of the triangle */
.home .ag-play:hover .ag-play__icon, .home .ag-play:focus-visible .ag-play__icon { background: #0b0b0b; }
.home .ag-play:focus-visible { outline: none; }
.home .ag-play:focus-visible .ag-play__icon { outline: 2px solid #1f6f4a; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .home .ag-play__icon { transition: none; } }