.assistant-page { overflow: hidden; }
.assistant-hero { padding: 7rem 0 6rem; background: radial-gradient(circle at 78% 45%, rgba(84, 126, 255, .22), transparent 28rem), #07090d; color: #fff; }
.assistant-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); align-items: center; gap: 4rem; }
.assistant-hero-copy { max-width: 650px; }
.assistant-hero h1 { margin: 1rem 0 1.25rem; font-size: clamp(39px, calc(5.05vw - 5px), 59px); line-height: 1.08; letter-spacing: -.05em; }
.assistant-hero-copy > p { max-width: 590px; color: #b7c2d6; font-size: 1.15rem; line-height: 1.8; }
.assistant-hero-copy > .assistant-slogan { max-width: 650px; color: #fff; font-size: 1.35rem; font-weight: 600; letter-spacing: .02em; }
.assistant-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.assistant-note { margin-top: 1rem !important; color: #8490a4 !important; font-size: .9rem !important; }
.assistant-orbit { position: relative; display: grid; min-height: 410px; place-items: center; }
.assistant-orbit-ring { position: absolute; border: 1px solid rgba(110, 168, 255, .3); border-radius: 50%; transform: rotate(-20deg); }
.assistant-orbit-ring-one { width: 320px; height: 180px; }
.assistant-orbit-ring-two { width: 420px; height: 240px; transform: rotate(35deg); border-color: rgba(76, 221, 190, .22); }
.assistant-core { position: relative; z-index: 1; display: grid; width: 170px; height: 170px; place-content: center; justify-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: linear-gradient(145deg, #fff, #dfe8ff); color: #101522; box-shadow: 0 0 90px rgba(75, 133, 255, .45); }
.assistant-core .brand-mark { width: 43px; height: 43px; margin-bottom: .55rem; }
.assistant-core strong { font-size: 1.25rem; }
.assistant-core small { margin-top: .2rem; color: #63708a; }
.assistant-intro { background: #fff; }
.assistant-intro-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 5rem; }
.assistant-intro h2 { max-width: 520px; margin-top: 1rem; font-size: clamp(2rem, 4vw, 3.2rem); }
.assistant-intro-copy > p { color: #68758c; font-size: 1.08rem; line-height: 1.9; }
.assistant-stat-row { display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 2rem; }
.assistant-stat-row div { display: grid; gap: .35rem; }
.assistant-stat-row strong { color: #4266e8; font-size: 1.35rem; }
.assistant-stat-row span { color: #7b879a; font-size: .9rem; }
.assistant-use-cases { background: #f7f9fc; }
.assistant-use-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2.5rem; }
.assistant-use-case { display: flex; gap: 1rem; min-height: 150px; padding: 1.5rem; border: 1px solid #e2e7f0; border-radius: 1.1rem; background: #fff; }
.use-case-icon { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border-radius: .8rem; background: #eef2ff; font-size: 1.35rem; }
.assistant-use-case h3 { margin: .15rem 0 .55rem; font-size: 1.15rem; }
.assistant-use-case p { margin: 0; color: #68758c; line-height: 1.7; }
.assistant-audience { background: #fff; }
.assistant-audience-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 5rem; }
.assistant-audience h2 { max-width: 500px; margin-top: 1rem; font-size: clamp(2rem, 4vw, 3.1rem); }
.assistant-audience-list { display: grid; gap: .8rem; }
.assistant-audience-list div { display: grid; gap: .35rem; padding: 1.1rem 1.25rem; border-left: 3px solid #6f8cff; border-radius: 0 .8rem .8rem 0; background: #f7f9fc; }
.assistant-audience-list strong { font-size: 1.05rem; }
.assistant-audience-list span { color: #68758c; }
.assistant-steps { background: #f7f9fc; }
.assistant-step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2.5rem; }
.assistant-step-grid > div { padding: 1.6rem; border-radius: 1.1rem; background: #fff; }
.assistant-step-grid b { color: #4266e8; font: 700 1rem/1 monospace; }
.assistant-step-grid h3 { margin: 1.2rem 0 .6rem; font-size: 1.2rem; }
.assistant-step-grid p { margin: 0; color: #68758c; line-height: 1.7; }
.assistant-features { background: #f7f9fc; }
.assistant-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.assistant-feature { min-height: 205px; padding: 1.6rem; border: 1px solid #e2e7f0; border-radius: 1.1rem; background: #fff; }
.assistant-feature > span { color: #4266e8; font: 700 1rem/1 monospace; }
.assistant-feature h3 { margin: 1.4rem 0 .7rem; font-size: 1.25rem; }
.assistant-feature p { margin: 0; color: #68758c; line-height: 1.7; }
.assistant-download { padding: 5rem 0; }
.assistant-download-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4rem; }
.assistant-download h2 { max-width: 560px; margin: 1rem 0; font-size: clamp(2rem, 4vw, 3.2rem); }
.assistant-download p { color: #aab4c6; font-size: 1.05rem; }
.download-list { display: grid; gap: .8rem; }
.download-card { display: flex; align-items: center; justify-content: space-between; padding: 1.3rem 1.5rem; border: 1px solid rgba(255,255,255,.15); border-radius: .9rem; color: #fff; background: rgba(255,255,255,.06); transition: transform .2s, background .2s; }
.download-card:hover { transform: translateY(-3px); background: rgba(255,255,255,.12); }
.download-card strong { font-size: 1.2rem; }
.download-card span { color: #b8c3d6; }
.download-card b { margin-left: .6rem; color: #7ca5ff; }
.nav-links .active { color: #4266e8; }
@media (max-width: 800px) { .assistant-hero-grid, .assistant-download-grid, .assistant-intro-grid, .assistant-audience-grid { grid-template-columns: 1fr; gap: 2rem; } .assistant-hero { padding: 5rem 0 3rem; } .assistant-orbit { min-height: 320px; } .assistant-feature-grid, .assistant-use-case-grid, .assistant-step-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .assistant-feature-grid, .assistant-use-case-grid, .assistant-step-grid { grid-template-columns: 1fr; } .assistant-actions .button { width: 100%; text-align: center; } .assistant-orbit-ring-two { width: 320px; height: 190px; } }