/* Page-only Onepage showcase. Demonstrations use their own isolated stylesheet. */
@import url("../../onepage/css/themes.css?v=1.4.0");

.page-onepage main { padding-top:78px; }
.az-op-hero { padding:88px 0 76px; background:linear-gradient(120deg,#fff 20%,#faf3f9); }
.az-op-hero-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:72px; align-items:center; }
.az-op-eyebrow { display:block; font-size:.74rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; color:#6d0d73; }
.az-op-hero h1 { margin:20px 0 24px; max-width:740px; }
.az-op-hero p { color:#655b67; max-width:590px; margin-bottom:28px; }
.az-op-hero .az-button { gap:12px; }
.az-op-hero .az-button svg { width:20px; height:20px; }
.az-op-benefits { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:26px; padding:0; list-style:none; }
.az-op-benefits li { display:flex; align-items:center; gap:8px; color:#655b67; }
.az-op-benefits li:before { content:""; width:6px; height:6px; border-radius:50%; background:#df329d; flex-shrink:0; }
.az-op-intro-card { padding:38px; border:1px solid #e7dce8; border-radius:28px; background:#fff; box-shadow:0 25px 65px #6d0d7310; }
.az-op-counter { display:block; font-size:6rem; font-weight:850; line-height:1; letter-spacing:-.08em; color:#6d0d73; margin-bottom:22px; }
.az-op-intro-card h2 { margin:0 0 14px; }
.az-op-intro-card p { margin:0 0 22px; }
.az-op-intro-note { display:block; border-top:1px solid #e7dce8; padding-top:18px; color:#6e6470; font-size:.79rem; }
.az-op-catalog { padding:76px 0; scroll-margin-top:95px; background:#fff; }
.az-op-section-head { max-width:720px; margin-bottom:38px; }
.az-op-section-head h2 { margin:16px 0; }
.az-op-section-head p { color:#6e6470; }
.az-op-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.az-op-card { display:flex; flex-direction:column; min-width:0; border:1px solid #e6e0e7; border-radius:22px; overflow:hidden; background:#fff; transition:transform .22s,box-shadow .22s,border-color .22s; }
.az-op-card:hover { transform:translateY(-5px); box-shadow:0 18px 42px #33283812; border-color:#c698ca; }
.az-op-card:focus-visible { outline:3px solid #a31c83; outline-offset:5px; }
.az-op-preview { background:var(--primary); color:#fff; border-bottom:1px solid #00000010; }
.az-op-browser { display:flex; align-items:center; gap:5px; padding:11px 15px; background:#ffffff10; border-bottom:1px solid #ffffff18; }
.az-op-browser i { width:5px; height:5px; border-radius:50%; background:#ffffff66; }
.az-op-browser span { margin-left:auto; font-size:9px; color:#ffffffaa; }
.az-op-mini-hero { min-height:226px; display:flex; flex-direction:column; padding:23px; background:radial-gradient(ellipse at right bottom,var(--secondary),transparent 85%); }
.az-op-mini-brand { font-size:10px; color:var(--accent); font-weight:800; margin-bottom:18px; }
.az-op-mini-hero>strong { display:block; max-width:240px; font-size:20px; font-weight:750; line-height:1.15; letter-spacing:-.035em; }
.az-op-mini-cta { align-self:flex-start; padding:6px 10px; border-radius:5px; font-size:8px; font-weight:800; color:var(--primary); background:var(--accent); margin-top:17px; }
.az-op-mini-lines { display:flex; gap:7px; padding-top:22px; margin-top:auto; }
.az-op-mini-lines i { height:4px; width:28%; background:#ffffff24; border-radius:6px; }
.az-op-card-copy { display:flex; flex-direction:column; flex:1; padding:26px; }
.az-op-category { color:#716375; font-size:.7rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.az-op-card-copy h3 { margin:10px 0 13px; color:#302b32; }
.az-op-card-copy p { color:#716775; margin:0 0 22px; }
.az-op-card-link { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.85rem; font-weight:850; color:#6d0d73; margin-top:auto; }
.az-op-card-link svg { width:20px; height:20px; flex-shrink:0; }
.az-op-demo-note { margin:28px 0 0; color:#716775; }
.az-op-contact { background:#f7f4f8; padding:68px 0; }
.az-op-contact-inner { display:flex; align-items:center; justify-content:space-between; gap:45px; }
.az-op-contact-inner>div { max-width:690px; }
.az-op-contact h2 { margin:14px 0 19px; }
.az-op-contact p { color:#716775; }
.az-op-contact .az-button { flex-shrink:0; }
body.page-onepage .az-op-card-copy p { font-size:.9rem!important; }
body.page-onepage .az-op-intro-card h2 { font-size:1.7rem!important; }
body.page-onepage .az-op-benefits li, body.page-onepage .az-op-demo-note { font-size:.82rem!important; }
@media(max-width:1180px) { .page-onepage main{padding-top:74px;} }
@media(max-width:980px) { .az-op-hero-grid{grid-template-columns:1fr;gap:30px}.az-op-intro-card{max-width:580px}.az-op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.az-op-contact-inner{align-items:flex-start;flex-direction:column} }
@media(max-width:600px) { .az-op-hero{padding:52px 0 44px}.az-op-catalog{padding:48px 0}.az-op-grid{grid-template-columns:1fr;gap:20px}.az-op-intro-card{padding:26px}.az-op-counter{font-size:4.5rem}.az-op-card-copy{padding:24px}.az-op-contact{padding:46px 0}.az-op-contact .az-button{width:100%}.az-op-mini-hero{min-height:215px}.az-op-benefits{gap:10px 16px} }
@media(prefers-reduced-motion:reduce) { .az-op-card{transition:none}.az-op-card:hover{transform:none} }