/* v5: centered page frame, tighter cards and restrained motion. */
.container{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.hero{padding-top:64px}
.hero-grid{grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(44px,4.1vw,58px)}
.hero-description{font-size:18px;max-width:480px}
.hero-visual{padding-top:0;width:100%;margin-inline:auto}
.hero .real-chart figcaption{padding:15px 18px;background:#f7fbfd;line-height:1.5}
.hero .real-chart figcaption strong{display:block;color:#17394f;font-size:13px;font-weight:600}
.hero .real-chart figcaption small{display:block;margin-top:4px;color:#607889;font-size:12px}
.hero .chart-header{padding:15px 18px}
.hero .markets-v3{margin-top:44px}
/* Tint the original line without tracing another border over it. */
.chart-explorer .focus-level{left:26%;top:71%;width:37.6%;height:3.4%;border:0;border-radius:2px;box-shadow:none;background:rgba(41,98,255,.12)}
#pricing .pricing-grid{max-width:1040px;margin-inline:auto;gap:20px}
#pricing .price-card{padding:26px;min-width:0}
#pricing .featured-plan{padding:25px}
#pricing .plan-top h3{font-size:24px;margin-bottom:8px}
#pricing .plan-top p{min-height:0;max-width:none;font-size:14px;line-height:1.5;margin:0 0 10px}
#pricing .dual-price{padding-top:0}
#pricing .dual-price .price{font-size:42px;line-height:1.15}
#pricing .dual-price>div{gap:5px 9px}
#pricing .dual-price small{font-size:12px}
#pricing .india-price{margin-top:7px}
#pricing .india-price strong{font-size:26px;line-height:1.3}
#pricing .period-label{margin:10px 0 0;font-size:12px}
#pricing .plan-value{min-height:99px;margin:16px 0;padding:12px;gap:4px}
#pricing .plan-value strong{font-size:14px;line-height:1.45}
#pricing .plan-value span{font-size:12px;line-height:1.5}
#pricing .plan-list{padding-top:16px;margin-bottom:18px}
#pricing .plan-list li{font-size:13px;margin-bottom:9px;line-height:1.5;padding-left:19px}
#pricing .plan-list li:last-child{margin-bottom:0}
#pricing .plan-button{padding:13px 17px;min-height:47px}
nav>a:not(.button){display:inline-block;transform-origin:center;transition:color .18s ease,transform .18s ease}
nav>a:not(.button):focus-visible{color:#007dac;transform:translateY(-1px) scale(1.045)}
@media(hover:hover) and (pointer:fine){nav>a:not(.button):hover{color:#007dac;transform:translateY(-1px) scale(1.045)}}
.reveal-item{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal-item.reveal-pending{opacity:0;transform:translateY(20px)}
@media(min-width:1051px){.nav-shell{height:84px;gap:20px}nav{gap:17px}.site-header .brand img{width:200px}}
@media(max-width:1100px){.hero-grid{gap:28px}.hero h1{font-size:48px}#pricing .price-card{padding:21px}#pricing .featured-plan{padding:20px}#pricing .dual-price>div{flex-direction:column;gap:4px}#pricing .plan-value{min-height:118px}}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:680px;width:100%;margin-inline:auto}.hero-visual{max-width:680px}.hero h1{font-size:54px}.hero{padding-top:48px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}#pricing .pricing-grid{max-width:500px}#pricing .plan-top p{min-height:0}#pricing .dual-price>div{flex-direction:row;gap:6px 10px}#pricing .plan-value{min-height:0}#pricing .price-card{padding:25px}#pricing .featured-plan{padding:24px}}
@media(max-width:600px){.hero{padding-top:36px}.hero h1{font-size:clamp(39px,10.8vw,46px)}.hero-description{font-size:17px}.hero-grid{gap:28px}.hero .chart-header{padding:13px 14px}.hero .real-chart figcaption{padding:13px 14px}.hero .markets-v3{margin-top:32px}.hero-actions{gap:16px}}
@media(prefers-reduced-motion:reduce){.reveal-item,.reveal-item.reveal-pending{opacity:1;transform:none;transition:none}nav>a:not(.button):hover,nav>a:not(.button):focus-visible{transform:none}}

/* Keep policy navigation together on its own centered row. */
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:18px}.footer-bottom>div{order:3;flex-basis:100%;max-width:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px}.footer-bottom>div>a{white-space:nowrap}.footer-bottom>span:last-child{margin-left:auto}
@media(max-width:600px){.footer-bottom{align-items:center;text-align:center}.footer-bottom>span,.footer-bottom>span:last-child{width:100%;margin:0}.footer-bottom>div{flex-direction:column;align-items:center;gap:10px}}
