.trial-page main{padding:80px 24px 90px;min-height:calc(100vh - 310px)}
.trial-page .trial-intro .trial-brand{font-size:46px;font-weight:700;line-height:1.35;margin:0 0 12px}
.trial-page #trial-title{font-size:46px;font-weight:700;line-height:1.35;letter-spacing:-1.8px;color:var(--blue);margin:0 0 26px}
.trial-page .inline-trial .card{background:#081925}
.trial-page .inline-trial input{min-height:48px}
.trial-page .trial-intro{margin-bottom:44px}
@media(max-width:1320px){.trial-page header{min-width:0}.trial-page header nav{display:none}}
@media(max-width:700px){.trial-page main{padding:48px 20px 64px}.trial-page .trial-intro .trial-brand,.trial-page #trial-title{font-size:34px}.trial-page header .account>a{display:inline}}
.trial-page .inline-trial .field label,.trial-page .inline-trial .field input{font-size:19px}

/* Trial layout exploration: readable form on the left, original chart on the right. */
.trial-page main{position:relative;isolation:isolate;overflow:hidden;padding:64px 7% 76px;background:#07131f}
.trial-page main::before{content:"";position:absolute;inset:0;z-index:-2;background:url("chart-final.png") right top / auto 100% no-repeat;opacity:.58}
.trial-page main::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07131f 0%,#07131ff5 30%,#07131fd9 44%,#07131f55 67%,#07131f0a 100%),linear-gradient(0deg,#07131f,transparent 16%)}
.trial-page .inline-trial{max-width:720px;margin:0}
.trial-page .trial-intro{text-align:left;margin-bottom:34px}
.trial-page .inline-trial .card{background:rgba(8,25,37,.96)}
.trial-page .inline-trial .callback-note{text-align:left}
@media(max-width:1100px){.trial-page main{padding:56px 5% 64px}.trial-page main::before{opacity:.3}.trial-page main::after{background:linear-gradient(90deg,#07131ff5,#07131fa6)}}
@media(max-width:700px){.trial-page main{padding:40px 20px 56px}.trial-page main::before{opacity:.16}.trial-page .inline-trial{max-width:none}.trial-page .trial-intro{margin-bottom:28px}}
/* Match the approved main hero chart and shared symbol/wordmark. */
.trial-page main::before{background:url("chart-final.png") center top / cover no-repeat;opacity:1}
.trial-page main::after{background:linear-gradient(90deg,#07131f 0%,#07131fe8 24%,#07131f70 43%,transparent 64%)}
.trial-page .inline-trial{position:relative;z-index:2}
@media(max-width:1100px){.trial-page .hero-watermark{display:none}}
/* Center the complete application block vertically within the chart area. */
.trial-page main{display:flex;align-items:center;padding-top:80px;padding-bottom:80px}
.trial-page .inline-trial{width:100%;flex-shrink:0}
@media(max-width:700px){.trial-page main{padding-top:48px;padding-bottom:48px}}
/* Match the main hero title left edge at each viewport width. */
.trial-page main{padding-left:7%}
@media(max-width:1100px){.trial-page main{padding-left:5%}}

/* Use the exact main-hero canvas regardless of form content height. */
.trial-page{--shared-hero-height:clamp(730px,calc(100vh - 96px),960px)}
.trial-page main{min-height:var(--shared-hero-height);padding-top:max(24px,calc((var(--shared-hero-height) - 799px)/2));padding-bottom:max(24px,calc((var(--shared-hero-height) - 799px)/2))}
.trial-page main::before,.trial-page main::after{inset:0 0 auto;height:var(--shared-hero-height)}
.trial-page main::before{background-size:cover;background-position:center top}
@media(max-width:700px){.trial-page{--shared-hero-height:760px}.trial-page main{padding-top:48px;padding-bottom:48px}}