﻿/* ÄlyCMS: scoped page layout and complete CTA styles. */
.alycms-page main .container { max-width:1120px; padding-inline:32px; }
.alycms-page main section[id] { scroll-margin-top:100px; }
.alycms-page .kicker { display:block; margin-bottom:18px; color:var(--orange-soft); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.alycms-page .kicker.orange { color:var(--orange); }
.alycms-page .kicker.pink { color:var(--pink); }
.alycms-page .gr { background:var(--grad); background-clip:text; -webkit-background-clip:text; color:transparent; }
.alycms-page main .btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:57px; padding:16px 28px; border:1px solid transparent; border-radius:999px; background:var(--grad); color:#fff; font-size:15px; font-weight:800; line-height:1.4; text-align:center; text-decoration:none; box-shadow:var(--sh-warm); transition:transform .2s,box-shadow .2s; }
.alycms-page main .btn-primary:hover { transform:translateY(-2px); }
.alycms-page main a:focus-visible,.alycms-page main button:focus-visible { outline:3px solid var(--orange-soft); outline-offset:4px; }
.alycms-page .hero-actions { display:flex; align-items:stretch; flex-wrap:wrap; gap:14px; margin-top:30px; }
.alycms-page .hero-actions > * { min-width:0; }
.alycms-page .alycms-hero { padding:160px 0 90px; color:#fff; background:radial-gradient(ellipse at 85% 30%,rgba(233,30,133,.13),transparent 50%),var(--navy-deeper); }
.alycms-page .alycms-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,72px); align-items:center; }
.alycms-page .alycms-hero-copy { min-width:0; }
.alycms-page .alycms-hero h1 { max-width:10ch; margin:0; font-size:clamp(36px,5.5vw,68px); font-weight:900; line-height:1.05; letter-spacing:-.02em; text-wrap:balance; }
.alycms-page .alycms-hero-copy > p { margin-top:26px; max-width:48ch; color:var(--navy-100); font-size:18px; line-height:1.65; }
.alycms-page .alycms-hero-copy > .hero-product-note { margin-top:22px; font-size:13px; color:var(--navy-100); }
.alycms-page .hero-product-note a { text-decoration:underline; text-underline-offset:3px; }
.alycms-page .alycms-price { display:flex; align-items:baseline; gap:8px; margin-top:26px; }
.alycms-page .alycms-price strong { font-size:34px; line-height:1; }
.alycms-page .alycms-price span { font-size:16px; font-weight:700; }
.alycms-page .alycms-price small { margin-left:6px; color:var(--navy-100); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.alycms-page .alycms-hero-art { min-width:0; margin:0; }
.alycms-page .alycms-hero-art img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:24px; }
.alycms-page .alycms-hero-art figcaption { margin-top:10px; color:var(--navy-100); font-size:11px; }
.alycms-page .ai-hi { display:inline-flex; align-items:center; min-width:120px; max-width:100%; height:57px; padding:0 28px; overflow:clip; color:#fff; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.42); border-radius:999px; }
.alycms-page .ai-hi:hover,.alycms-page .ai-hi:focus-within { border-color:var(--orange-soft); }
.alycms-page .ai-hi-label { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; font-size:15px; font-weight:800; white-space:nowrap; cursor:text; }
.alycms-page .ai-hi-input { width:0; min-width:0; margin:0; padding:0; opacity:0; color:inherit; background:transparent; border:0; font:500 14px/1.3 var(--font); transition:width .2s,opacity .2s; }
.alycms-page .ai-hi:hover .ai-hi-input,.alycms-page .ai-hi:focus-within .ai-hi-input { width:150px; margin-left:10px; padding-left:10px; opacity:1; border-left:1px solid currentColor; }
.alycms-page .ai-hi-input::placeholder { color:inherit; opacity:.8; }
.alycms-page .ai-hi-send { display:grid; place-items:center; flex-shrink:0; width:0; height:34px; overflow:hidden; padding:0; opacity:0; color:#fff; background:var(--grad); border:0; border-radius:50%; }
.alycms-page .ai-hi:hover .ai-hi-send,.alycms-page .ai-hi:focus-within .ai-hi-send { width:34px; margin-left:8px; opacity:1; }
.alycms-page .ai-hi-send svg { width:15px; height:15px; }
.alycms-page .alycms-demo,.alycms-page .alycms-capabilities,.alycms-page .alycms-fit { padding:clamp(72px,8vw,112px) 0; }
.alycms-page .section-title { margin:0; color:var(--text); font-size:clamp(28px,3.5vw,52px); font-weight:900; line-height:1.15; letter-spacing:-.015em; text-wrap:balance; }
.alycms-page .section-lead,.alycms-page .demo-copy > p { margin-top:22px; color:var(--text-muted); font-size:18px; line-height:1.7; }
.alycms-page .demo-copy { min-width:0; }
.alycms-page .text-link { display:inline-flex; align-items:center; gap:12px; margin-top:24px; color:var(--navy-deeper); font-weight:800; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.alycms-page .alycms-capabilities { background:var(--surface-2); }
.alycms-page .capabilities-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(40px,7vw,96px); align-items:start; }
.alycms-page .capability-list { border-top:1px solid var(--border); }
.alycms-page .capability-list article { display:grid; grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr); gap:24px; padding:25px 0; border-bottom:1px solid var(--border); }
.alycms-page .capability-list h3 { margin:0; font-size:16px; line-height:1.5; color:var(--navy-deeper); font-weight:800; }
.alycms-page .capability-list p { margin:0; color:var(--text-muted); line-height:1.65; }
.alycms-page .alycms-fit { color:#fff; background:var(--navy-deeper); }
.alycms-page .fit-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:clamp(40px,7vw,96px); align-items:center; }
.alycms-page .fit-copy h2 { margin:0; font-size:clamp(28px,3.5vw,52px); font-weight:900; line-height:1.15; letter-spacing:-.015em; text-wrap:balance; }
.alycms-page .fit-copy > p { margin:24px 0; color:var(--navy-100); font-size:18px; line-height:1.7; }
.alycms-page .fit-copy ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.alycms-page .fit-copy li { display:flex; gap:10px; color:var(--navy-100); font-size:14px; }
.alycms-page .fit-copy li::before { content:""; width:6px; height:6px; flex:0 0 auto; margin-top:8px; border-radius:2px; background:var(--orange-soft); }
.alycms-page .price-card { min-width:0; padding:clamp(26px,3vw,44px); background:var(--bg); color:var(--navy-deeper); border-radius:20px; }
.alycms-page .price-card > span { font-size:14px; font-weight:800; }
.alycms-page .price-card > div { display:flex; align-items:baseline; gap:8px; margin:26px 0 12px; }
.alycms-page .price-card strong { font-size:clamp(54px,5vw,72px); line-height:1; letter-spacing:-.05em; }
.alycms-page .price-card small { font-size:17px; font-weight:800; }
.alycms-page .price-card p { margin:0 0 28px; color:var(--text-muted); font-size:13px; }
.alycms-page .price-card .btn-primary { width:100%; background:var(--navy-deeper); }
.alycms-page .alycms-final { padding:clamp(80px,9vw,124px) 0; background:var(--bg); }
.alycms-page .final-inner { max-width:900px; margin:0 auto; text-align:center; }
.alycms-page .final-inner h2 { margin:0; color:var(--text); font-size:clamp(28px,3.5vw,52px); font-weight:900; line-height:1.15; letter-spacing:-.015em; text-wrap:balance; }
.alycms-page .final-inner > p { margin:24px auto 0; color:var(--text-muted); font-size:18px; line-height:1.65; }
.alycms-page .alycms-final .hero-actions { justify-content:center; }
.alycms-page .alycms-final .ai-hi { color:var(--navy-deeper); background:var(--bg); border-color:var(--navy-100); }
@media(min-width:1001px) and (max-width:1230px) {
.alycms-page main .container { padding-left:112px; padding-right:40px; }
}
@media(max-width:1000px) {
.alycms-page .alycms-hero-grid,.alycms-page .capabilities-grid,.alycms-page .fit-grid { grid-template-columns:1fr; }
.alycms-page .alycms-hero h1 { max-width:14ch; }
.alycms-page .alycms-hero-art { max-width:640px; }
.alycms-page .price-card { max-width:520px; width:100%; }
}
@media(max-width:700px) {
.alycms-page main .container { padding-inline:20px; }
.alycms-page .alycms-hero { padding:120px 0 60px; }

.alycms-page .alycms-hero-copy > p { font-size:18px; }
.alycms-page .hero-actions { flex-direction:column; }
.alycms-page .hero-actions > * { width:100%; justify-content:center; }
.alycms-page .ai-hi:hover .ai-hi-input,.alycms-page .ai-hi:focus-within .ai-hi-input { flex:1; width:120px; }
.alycms-page .capability-list article { grid-template-columns:1fr; gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
html:has(.alycms-page) { scroll-behavior:auto; }
.alycms-page main *,.alycms-page main *::before,.alycms-page main *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}
