/* v5 AI page: zoom-out dial hero + scroll-assembled grandfather clock. Black and gold lead, AI teal accents. */
html,body{overflow-x:clip}
.v5ai main section{padding:0}
.v5ai .ctas{margin-top:26px}
/* zoom hero */
.zh{position:relative;min-height:92vh;display:flex;align-items:center;background:radial-gradient(70% 60% at 70% 40%,rgba(201,162,39,.12),transparent 70%),radial-gradient(50% 50% at 10% 90%,rgba(31,158,137,.10),transparent 70%)}
.zh-stage{position:relative;width:100%;min-height:92vh;display:flex;align-items:center;overflow:hidden}
.zh-dial{position:absolute;left:50%;top:50%;width:min(100vmin,980px);aspect-ratio:1;margin:calc(min(100vmin,980px)/-2) 0 0 calc(min(100vmin,980px)/-2);transform:translateX(22%) scale(1);opacity:.5;pointer-events:none}
.zd{width:100%;height:100%;display:block;overflow:visible}
.zd .zn{font:800 46px Lato,system-ui,sans-serif;fill:#C9A227;text-anchor:middle}
.zd .zb{font:900 52px Lato,system-ui,sans-serif;letter-spacing:.42em;fill:#d9b53f;text-anchor:middle}
.zd .zi{font:900 150px Lato,system-ui,sans-serif;fill:url(#hgG);text-anchor:middle}
.zd .zs{font:700 20px Lato,system-ui,sans-serif;letter-spacing:.42em;fill:#1F9E89;text-anchor:middle}
.zring{transform-box:view-box;transform-origin:500px 500px;animation:zr 60s linear infinite}
@keyframes zr{to{transform:rotate(360deg)}}
.zh-copy{position:relative;z-index:2;padding-top:40px;padding-bottom:60px}
.zh-h{font-size:clamp(42px,8.4vw,108px);font-weight:900;line-height:.98;letter-spacing:-.035em;margin:20px 0 28px;max-width:12ch}
.zh-h em{display:block}
.zh-cue{position:absolute;left:50%;bottom:22px;translate:-50% 0;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--m);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.zh-cue span{width:1px;height:34px;background:linear-gradient(var(--g),transparent);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.v5js .zh{height:230vh;display:block;align-items:initial}
.v5js .zh-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
.v5js .zh-dial{transform:translateX(var(--zx,0)) scale(var(--z,7));opacity:var(--zo,1)}
.v5js .zh-copy{opacity:var(--t,0);transform:translateY(calc((1 - var(--t,0))*40px))}
.v5js .zh-cue{opacity:calc(1 - var(--t,0))}
/* what it does */
.does{padding:110px 0 90px!important;background:var(--k);border-top:1px solid #262320;position:relative}
.does-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;border-top:1px solid #2c2714}
.dz{padding:28px 26px 10px 0;border-right:1px solid #2c2714;margin-right:26px}
.dz:last-child{border-right:0}
.dz b{display:block;font-size:13px;letter-spacing:.3em;color:#1F9E89;margin-bottom:14px}
.dz h3{font-size:28px;font-weight:900;letter-spacing:-.01em}
.dz p{color:var(--m)}
/* clock scene */
.ck{position:relative;background:radial-gradient(60% 50% at 30% 50%,rgba(201,162,39,.08),transparent 70%),var(--k2)}
.ck-stage{max-width:1180px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.ck-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:min(78vh,760px)}
.clock{height:100%;width:auto;max-width:100%;overflow:visible;display:block}
.clock .num text{font:700 9px Lato,system-ui,sans-serif;fill:#e8c862;text-anchor:middle}
.clock .brand{font:900 10.5px Lato,system-ui,sans-serif;letter-spacing:.32em;fill:#d9b53f;text-anchor:middle}
.clock .sub{font:700 4.6px Lato,system-ui,sans-serif;letter-spacing:.32em;fill:#1F9E89;text-anchor:middle}
.clock .bobm{font:900 15px Lato,system-ui,sans-serif;fill:#5c4508;text-anchor:middle}
.clock .pc{transform-box:fill-box;transform-origin:center}
.clock .pswing{transform-box:view-box;transform-origin:160px 330px}
.clock .hh,.clock .hm,.clock .hs{transform-box:view-box;transform-origin:160px 200px}
.clock [class^=gr]{transform-box:view-box}
.clock .halo{opacity:.9;transition:opacity .8s}
.clock.run .pswing{animation:sw 1.1s ease-in-out infinite alternate}
@keyframes sw{from{transform:rotate(6deg)}to{transform:rotate(-6deg)}}
.clock.run .hs{animation:tk 60s steps(60) infinite;animation-delay:var(--sd,0s)}
@keyframes tk{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.clock.run .gr1{animation:sp 9s linear infinite}.clock.run .gr2{animation:sp 6s linear infinite reverse}.clock.run .gr3{animation:sp 4s linear infinite reverse}
@keyframes sp{to{transform:rotate(360deg)}}
.clock.run .halo{animation:hl 3s ease-in-out infinite alternate}
@keyframes hl{to{opacity:.55}}
.ck-meter,.ck-status{display:none}
.ck-side{position:relative}
.pk{background:linear-gradient(180deg,#151412,#0d0c0b);border:1px solid #2c2714;border-radius:20px;padding:30px;margin-bottom:18px;position:relative}
.pk0{background:none;border:0;padding:0 0 10px}
.pk0 h2{margin-top:8px}
.pk h3{font-size:26px;font-weight:900}
.pk-n{font-size:11px;letter-spacing:.3em;color:#1F9E89;font-weight:700;margin-bottom:8px}
.pk-sub{color:#C9A227;opacity:.85;font-size:14px;margin:-2px 0 4px}
.pk-setup{color:var(--m);margin-top:-6px}
.pk ul,.cmp-grid ul{list-style:none;margin:12px 0 4px}
.pk li{padding:5px 0 5px 22px;position:relative;color:#d8d2c2}
.pk li:before{content:"";position:absolute;left:0;top:14px;width:10px;height:2px;background:var(--g)}
.pk-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.pk-cta .btn{padding:12px 20px;font-size:14px}
.pk .tag{background:transparent;color:#1F9E89;border:1px solid #1F9E89}
.ck-dots{display:none}
/* pinned + animated mode */
.v5js .ck{height:520vh}
.v5js .ck-stage{position:sticky;top:64px;height:calc(100vh - 64px);height:calc(100svh - 64px);padding:20px;overflow:hidden}
.v5js .ck-art{height:calc(100svh - 150px);max-height:760px}
.v5js .ck-status{display:block;margin-top:10px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--m)}
.v5js .ck-status b{color:var(--g)}
.v5js .ck-meter{display:block;width:160px;height:2px;background:#262320;margin-top:12px;border-radius:2px;overflow:hidden}
.v5js .ck-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#1F9E89,var(--g));transform-origin:left;transform:scaleX(var(--cp,0))}
.v5js .ck-side{height:100%;display:flex;align-items:center}
.v5js .pk{position:absolute;left:0;right:0;top:50%;margin:0;opacity:0;transform:translateY(-40%) scale(.97);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.v5js .pk.on{opacity:1;transform:translateY(-50%);pointer-events:auto}
.v5js .pk.on:after{content:"";position:absolute;inset:-1px;border-radius:20px;border:1px solid rgba(201,162,39,.7);box-shadow:0 30px 70px -30px rgba(201,162,39,.45);pointer-events:none}
.v5js .pk0.on:after{display:none}
.v5js .ck-dots{display:flex;gap:8px;position:absolute;left:0;bottom:24px}
.ck-dots i{width:26px;height:3px;border-radius:2px;background:#2c2714;transition:background .4s}
.ck-dots i.on{background:var(--g)}
.in-ck .sticky{opacity:0;pointer-events:none;transition:opacity .3s}
/* compare */
.cmp{padding:110px 0!important;background:var(--k)}
.cmp-grid{margin-top:30px}
.cmp-grid .card{display:flex;flex-direction:column}
.cmp-grid .pk-cta{margin-top:auto;padding-top:16px}
.cmp-b{margin-top:40px}
@media(max-width:860px){
 .does-row{grid-template-columns:1fr}.dz{border-right:0;border-bottom:1px solid #2c2714;margin-right:0;padding:22px 0}
 .zh-dial{transform:none;opacity:.22}
 .ck-stage{grid-template-columns:1fr;gap:10px}
 .ck-art{height:62vh}
 .v5js .ck{height:560vh}
 .v5js .ck-stage{grid-template-rows:minmax(0,40%) minmax(0,60%);gap:6px;padding:8px 16px 12px;align-items:stretch}
 .v5js .ck-art{height:100%;min-height:0}
 .v5js .ck-status{margin-top:2px;font-size:10px}.v5js .ck-meter{margin-top:6px}
 .v5js .ck-side{align-items:flex-start}
 .v5js .pk{top:0;transform:translateY(16px) scale(.98);padding:18px 18px 16px}
 .v5js .pk.on{transform:none}
 .v5js .pk h3{font-size:21px}.v5js .pk .price{font-size:30px;margin:4px 0}
 .v5js .pk li{padding:3px 0 3px 20px;font-size:14px}.v5js .pk li:before{top:12px}
 .v5js .pk ul{margin:6px 0 0}
 .v5js .pk-cta{margin-top:12px}.v5js .pk-cta .btn{padding:10px 16px;font-size:13px}
 .v5js .pk0 h2{font-size:30px}.v5js .pk0 .lead{font-size:16px}
 .v5js .ck-dots{bottom:auto;top:-2px;right:0;left:auto}
 .v5js .pk .tag{position:absolute;top:16px;right:16px;margin:0;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.zring{animation:none}.zh-cue span{animation:none}}
html:not(.v5js) .ck .pk:not(.pk0){display:none}
.v5 h1 em,.v5 h2 em{background:linear-gradient(90deg,#f0d77a,#C9A227,#9A7A12);-webkit-background-clip:text;background-clip:text;color:transparent}
.cmp-grid .tag,.pk .tag{align-self:flex-start}
.zh-copy .lead{text-shadow:0 2px 12px #0B0B0B}
@media(max-width:860px){.v5js .ck-dots{display:none}}