/*
Theme Name: Aiqyz
Description: Aiqyz editorial design, based on Twenty Twenty-Four. Kazakh-ready Onest typography.
Template: twentytwentyfour
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: aiqyz
*/

:root { --aiqyz-ink:#111719; --aiqyz-muted:#687373; --aiqyz-line:#e1e7e5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:28px; }
body { -webkit-font-smoothing:antialiased; letter-spacing:normal; }
.wp-site-blocks { padding:0; }
.wp-site-blocks > * { margin-block-start:0; }
a { text-underline-offset:4px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid #668c7d; outline-offset:5px; }
.aiqyz-header { min-height:88px; padding:20px 40px; max-width:1280px; margin:auto; gap:24px; }
.aiqyz-logo { font-size:30px; font-weight:800; line-height:1; letter-spacing:-.05em; margin:0; }
.aiqyz-logo a { text-decoration:none; }
.aiqyz-header .wp-block-navigation { font-size:16px; font-weight:500; gap:30px; }
.aiqyz-header .wp-block-button__link { padding:11px 22px; font-size:16px; min-height:44px; }
.aiqyz-home { margin:0; overflow:hidden; background:radial-gradient(ellipse at 12% 31%,#e8f3f5,transparent 38%),radial-gradient(ellipse at 88% 28%,#f0eaf5,transparent 35%),#f7f9f8; }
.aiqyz-hero { padding:32px 36px 24px; text-align:center; max-width:1280px; margin:auto; }
.aiqyz-eyebrow { font-size:16px; font-weight:500; color:#4c5b58; line-height:1.5; margin:0 0 18px; }
.aiqyz-hero h1 { font-size:clamp(44px,5.5vw,76px); font-weight:800; line-height:1.08; letter-spacing:-.045em; margin:0; }
.aiqyz-description { font-size:21px; line-height:1.5; color:#586664; max-width:650px; margin:18px auto 0; }
.aiqyz-hero-actions { gap:22px; justify-content:center; margin:24px 0 0; }
.aiqyz-hero-actions .wp-block-button__link { min-height:50px; padding:13px 26px; }
.aiqyz-free-caption { margin:0; color:#687373; font-size:16px; text-align:left; }
.aiqyz-free-caption strong { color:#2e4039; font-size:22px; }
.aiqyz-stage { position:relative; isolation:isolate; height:346px; max-width:1080px; margin:34px auto 0!important; }
.aiqyz-stage:before { content:''; position:absolute; z-index:-1; width:78%; height:120px; bottom:-12px; left:11%; background:radial-gradient(ellipse,#9fb9ba45,transparent 70%); filter:blur(15px); }
.aiqyz-portrait { position:absolute; z-index:2; width:310px; height:346px; left:calc(50% - 155px); top:0; margin:0; overflow:hidden; border:5px solid #fff; border-radius:36px; box-shadow:0 18px 45px #273e3420,0 1px 3px #273e3410; }
.aiqyz-portrait img { display:block; height:100%; width:100%; object-fit:cover; object-position:center 22%; }
.aiqyz-portrait figcaption { position:absolute; bottom:0; left:0; right:0; padding:60px 22px 20px; margin:0; background:linear-gradient(0deg,#142321bd,transparent); color:#fff; font-size:27px; font-weight:700; text-align:left; }
.aiqyz-chat-card,.aiqyz-rhythm-card { position:absolute; z-index:1; margin:0; text-align:left; background:#fff; border:1px solid #fff; border-radius:24px; box-shadow:0 12px 32px #253b3510,0 2px 6px #253b3505; padding:23px; }
.aiqyz-chat-card { top:80px; left:1%; width:320px; }
.aiqyz-rhythm-card { top:108px; right:2%; width:280px; }
.aiqyz-card-caption { font-size:16px; color:#6d7b77; line-height:1.4; margin:0; }
.aiqyz-sample-user { width:fit-content; margin:20px 0 18px auto; padding:10px 13px; border-radius:15px 15px 4px 15px; background:#eef3f1; color:#394b44; font-size:16px; line-height:1.5; }
.aiqyz-sample-reply { font-size:16px; line-height:1.5; margin:0; color:#34413e; }
.aiqyz-rhythm-card h2 { font-size:24px; line-height:1.25; letter-spacing:-.025em; font-weight:700; margin:16px 0 10px; }
.aiqyz-rhythm-card > p:last-child { font-size:16px; line-height:1.55; color:#65716c; margin:0; }
.aiqyz-fine { font-size:16px; color:#65716c; margin:22px 0 0; }
.aiqyz-section { max-width:1200px; margin:0 auto!important; padding:60px 36px; }
.aiqyz-section h2 { font-size:34px; line-height:1.25; letter-spacing:-.03em; font-weight:700; margin:0 0 30px; }
.aiqyz-section .wp-block-columns { gap:22px; margin:0; }
.aiqyz-feature { height:100%; background:#fff; border:1px solid #fff; border-radius:24px; padding:26px; box-shadow:0 8px 26px #28453406; }
.aiqyz-feature h3 { font-size:23px; line-height:1.25; font-weight:700; letter-spacing:-.025em; margin:22px 0 14px; }
.aiqyz-feature p { font-size:16px; line-height:1.6; color:#65716c; margin:0; }
.aiqyz-feature .aiqyz-number { font-size:16px; color:#65716c; }
.aiqyz-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.aiqyz-plan { background:#fff; border:1px solid #e1e7e5; border-radius:24px; padding:28px; }
.aiqyz-plan-plus { background:#eaf1ee; }
.aiqyz-plan h3 { font-size:24px; margin:0 0 20px; font-weight:700; letter-spacing:-.025em; }
.aiqyz-plan-amount { font-size:36px; line-height:1.2; font-weight:800; letter-spacing:-.03em; margin:0 0 12px; }
.aiqyz-plan p { font-size:16px; color:#586664; line-height:1.6; }
.aiqyz-plan .aiqyz-plan-amount { font-size:36px; color:var(--aiqyz-ink); }
.aiqyz-plan-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; border-radius:100px; padding:12px 23px; margin-top:12px; background:#151c1e; color:#fff; font-size:16px; font-weight:600; text-decoration:none; }
.aiqyz-plan-link:hover { background:#303b3c; color:#fff; }
.aiqyz-faq { max-width:860px; }
.aiqyz-faq .wp-block-details { border-bottom:1px solid #dce4e0; padding:20px 0; margin:0; font-size:18px; }
.aiqyz-faq summary { cursor:pointer; font-weight:600; }
.aiqyz-faq .wp-block-details p { font-size:16px; color:#586664; line-height:1.65; margin-bottom:0; }
.aiqyz-footer { border-top:1px solid var(--aiqyz-line); max-width:1200px; margin:auto; padding:28px 36px; gap:22px; }
.aiqyz-footer p,.aiqyz-footer a { font-size:16px; color:#65716c; }
.aiqyz-footer .wp-block-navigation { gap:20px; }
.aiqyz-page-content { max-width:900px; margin:0 auto; padding:48px 36px 72px; }
.aiqyz-page-content h1 { font-size:44px; line-height:1.15; }
.aiqyz-page-content p { font-size:18px; line-height:1.7; }
@media(min-width:782px) { .aiqyz-header .aiqyz-mobile-login { display:none; } }
@media(max-width:1000px) {
 .aiqyz-stage { height:330px; }
 .aiqyz-portrait { width:280px; height:330px; left:calc(50% - 140px); }
 .aiqyz-chat-card { width:260px; left:0; padding:20px; }
 .aiqyz-rhythm-card { width:235px; right:0; padding:20px; }
}
@media(max-width:781px) {
 .aiqyz-header { padding:18px 22px; min-height:78px; gap:14px; }
 .aiqyz-header .wp-block-navigation { margin-left:auto; }
 .aiqyz-header .wp-block-buttons { display:none; }
 .aiqyz-hero { padding:24px 22px 16px; }
 .aiqyz-hero h1 { font-size:44px; line-height:1.1; letter-spacing:-.04em; }
 .aiqyz-description { font-size:18px; line-height:1.5; max-width:420px; }
 .aiqyz-hero-actions { gap:15px; flex-wrap:wrap; margin-top:23px; }
 .aiqyz-hero-actions .wp-block-button__link { font-size:16px; padding:12px 21px; }
 .aiqyz-free-caption,.aiqyz-eyebrow { font-size:16px; }
 .aiqyz-free-caption strong { font-size:22px; }
 .aiqyz-stage { height:330px; max-width:460px; margin-top:28px!important; }
 .aiqyz-portrait { width:250px; height:310px; left:calc(50% - 125px); border-radius:30px; }
 .aiqyz-chat-card { display:none; }
 .aiqyz-rhythm-card { right:0; top:211px; width:180px; z-index:3; padding:17px; border-radius:20px; }
 .aiqyz-rhythm-card .aiqyz-card-caption { font-size:16px; }
 .aiqyz-rhythm-card h2 { font-size:20px; margin:10px 0 0; }
 .aiqyz-rhythm-card > p:last-child { display:none; }
 .aiqyz-fine { font-size:16px; margin-top:14px; }
 .aiqyz-section { padding:42px 22px; }
 .aiqyz-section h2 { font-size:30px; margin-bottom:25px; }
 .aiqyz-feature { padding:24px; }
 .aiqyz-feature h3 { font-size:23px; }
 .aiqyz-section .wp-block-columns { gap:16px; }
 .aiqyz-plans { grid-template-columns:1fr; gap:16px; }
 .aiqyz-plan { padding:25px; }
 .aiqyz-footer { padding:25px 22px; align-items:flex-start; }
 .aiqyz-footer p,.aiqyz-footer a { font-size:16px; }
 .aiqyz-page-content { padding:30px 22px 48px; }
 .aiqyz-page-content h1 { font-size:34px; }
 .aiqyz-page-content p { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }