@charset "UTF-8";
/* Simplified trial page approved 2026-09-21. Scoped to this page. */
.trial-page{max-width:800px}.trial-page .layout{display:block}.trial-page .intro{text-align:center;padding:0 0 30px}.trial-page .intro h1{font-size:36px;letter-spacing:-1.5px;margin-bottom:16px}.trial-page .lead{font-size:16px}.trial-page .card{padding:32px}.trial-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trial-consent{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px}.trial-consent details{margin:0}.trial-consent details[open]{flex-basis:100%}.trial-page .preview-note{margin-top:16px;font-size:11px}.callback-note{text-align:center;color:var(--muted);font-size:13px;line-height:1.9;margin:24px 0 0}.callback-note span{display:inline-block;margin-top:9px}.callback-note a{color:inherit}@media(max-width:720px){.trial-page .intro h1{font-size:29px}.trial-page .intro{padding-bottom:24px}.trial-page .lead{font-size:15px}.trial-page .card{padding:25px 20px}.trial-fields{grid-template-columns:1fr;gap:0}.trial-consent{column-gap:8px}.trial-consent .check{font-size:12px}.callback-note{font-size:12px}}
:root{color-scheme:dark;--bg:#081421;--panel:#102033;--line:#29394d;--muted:#a9b7c9;--blue:#72a8ff;--yellow:#ffe45b;font-family:"Malgun Gothic",sans-serif;color:#f5f7fb;background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button{cursor:pointer}a:hover{text-decoration:underline}.skip{position:absolute;left:16px;top:-60px;padding:12px;background:var(--yellow);color:#081421;z-index:5}.skip:focus{top:12px}.top{border-bottom:1px solid var(--line)}.top-inner{max-width:1280px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:28px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.top nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.top nav a[aria-current=page]{color:var(--yellow)}.top .nav-cta{background:var(--yellow);padding:13px 19px;border-radius:8px;color:#081421}.top .nav-cta[aria-current=page]{color:#081421}.page{max-width:1120px;margin:auto;padding:48px 32px 72px}.back{color:var(--muted);font-size:14px;display:inline-block;margin-bottom:40px}.layout{display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:start}.intro{padding-top:26px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:700;margin:0 0 22px}.intro h1{font-size:44px;line-height:1.4;letter-spacing:-2px;margin:0 0 22px;word-break:keep-all}.intro h1 em{font-style:normal;color:var(--blue)}.lead{font-size:17px;color:var(--muted);line-height:1.9;word-break:keep-all}.steps{list-style:none;padding:0;margin:44px 0 0}.steps li{display:flex;gap:17px;margin:0 0 24px;align-items:flex-start}.number{color:var(--blue);border:1px solid #365078;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.steps b{font-size:15px;display:block;margin:4px 0 7px}.steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.aside-note{margin-top:35px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:13px;line-height:1.8}.aside-note a{color:#fff}.card{padding:32px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 24px 60px #0002}.card h2{margin:0 0 9px;font-size:23px;letter-spacing:-.7px}.sub{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 24px}.notice{font-size:12px;line-height:1.7;color:#becde0;background:#182c43;border:1px solid #304863;border-radius:8px;padding:12px 14px;margin:0 0 25px}.field{display:block;margin-top:20px;font-size:14px;font-weight:700}.field span{color:var(--blue)}input:not([type=checkbox]){width:100%;min-width:0;display:block;margin-top:9px;height:50px;border:1px solid #3b4c63;border-radius:8px;padding:0 14px;background:#0b192a;color:#fff;font-size:15px}input::placeholder{color:#8f9fb5}.hint{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 0}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.reveal{position:absolute;right:8px;top:7px;min-height:36px;padding:6px 9px;background:transparent;border:0;color:#b9cce7;font-size:12px}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;margin-top:22px}.check input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--yellow);flex-shrink:0}details{font-size:12px;color:var(--muted);margin:10px 0 0 29px;line-height:1.8}summary{cursor:pointer;text-decoration:underline}details p{padding:12px;border:1px solid var(--line);border-radius:6px}.primary{margin-top:25px;width:100%;min-height:52px;border:0;border-radius:8px;background:var(--yellow);color:#071421;font-size:15px;font-weight:800}.primary:hover{background:#ffed8a}.form-links{display:flex;justify-content:center;gap:18px;margin:22px 0 0;color:#c7d5e7;font-size:13px}.divider{display:flex;align-items:center;gap:12px;color:#8fa2ba;font-size:12px;margin:25px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.social{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social button{min-height:48px;border:1px solid #3b4c63;border-radius:8px;background:#192a3e;color:#a8b8cd;cursor:not-allowed;font-size:13px}.social small{display:block;font-size:10px;margin-top:4px}.status:empty{display:none}.status{margin:18px 0 0;padding:13px;border:1px solid #6386b8;border-radius:8px;font-size:13px;line-height:1.8;color:#dae8fc}.bottom-note{font-size:13px;line-height:1.8;text-align:center;color:var(--muted);margin:23px 0 0}.bottom-note a{color:#fff;text-decoration:underline}.footer{border-top:1px solid var(--line);padding:25px 32px 32px;color:#8395ad;font-size:12px;line-height:1.9}.footer-inner{max-width:1216px;margin:auto}.footer p{margin:4px 0}.footer strong{color:#b7c5d8}.footer span{margin-left:16px}@media(max-width:900px){.layout{gap:36px;grid-template-columns:1fr 420px}.intro h1{font-size:34px}.top-inner{padding:20px 24px}.top nav{gap:16px}.page{padding:35px 24px 55px}}@media(max-width:720px){.top-inner{flex-wrap:wrap;gap:18px}.wordmark{font-size:24px}.top nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}.top .nav-cta{padding:11px 12px}.page{padding:26px 20px 44px}.back{margin-bottom:24px}.layout{grid-template-columns:1fr;gap:26px}.intro{padding:0}.intro h1{font-size:32px;letter-spacing:-1.4px;margin-bottom:13px}.eyebrow{margin-bottom:13px}.lead{font-size:15px;margin-bottom:0}.steps,.aside-note{display:none}.card{padding:25px 20px;border-radius:14px}.footer{padding:22px 20px}.footer span{display:block;margin:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Approved image header: original pixels, with accessible navigation hit areas. */
.approved-header{background:#081421;border-bottom:1px solid #8392a1}.approved-desktop{position:relative}.approved-desktop>img{display:block;width:100%;height:auto}.hit{position:absolute;top:19%;height:57%;background:transparent;border:0;border-radius:7px}.brand-hit{left:5.3%;width:16.3%}.login-hit{left:62%;width:4.5%}.signup-hit{left:68.1%;width:5.2%}.remote-hit{left:74.3%;width:8%}.trial-hit{left:83.5%;width:12%}.hit:hover{box-shadow:0 0 0 2px #ffffff60}.approved-mobile{display:none}.trial-page .trial-consent{display:block}.trial-page .trial-consent details{margin:8px 0 0 29px}.trial-page .intro{padding-top:18px}#remote-info{color:#f5f7fb;background:#102033;border:1px solid #3b4c63;border-radius:12px;padding:28px;max-width:calc(100% - 40px)}#remote-info p{line-height:1.8}#remote-info::backdrop{background:#0009}#remote-close{padding:10px 25px;background:#ffe45b;border:0;border-radius:6px;color:#081421}@media(max-width:720px){.approved-desktop{display:none}.approved-mobile{display:block;padding:20px}.approved-mobile nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;font-size:13px}.approved-mobile button{color:#fff;background:transparent;border:1px solid #72a8ff;border-radius:6px;padding:11px;font-size:13px}.mobile-trial{background:#ffe45b;color:#081421;border-radius:6px;padding:12px;font-weight:700}.trial-page .intro h1{font-size:27px}}
/* Hit areas aligned to the user supplied 1630 × 99 header. */
.approved-header .brand-hit{left:4.8%;width:16.5%}.approved-header .login-hit{left:63%;width:4.2%}.approved-header .signup-hit{left:69%;width:5%}.approved-header .remote-hit{left:75.2%;width:8.2%}.approved-header .trial-hit{left:84.5%;width:12.3%}
/* Trial typography follows the main page section-heading hierarchy. */
.trial-page .intro h1{font-size:48px;line-height:1.45}.trial-page .lead{font-size:22px;color:#c5d0df}.trial-page .card h2{font-size:30px}.trial-page .field{font-size:20px}.trial-page input:not([type=checkbox]){height:60px;font-size:20px}.trial-page input::placeholder{font-size:18px}.trial-page .check{font-size:18px}.trial-page details{font-size:17px}.trial-page .callback-note{font-size:18px;color:#becbdc}.trial-page .status{font-size:17px}.trial-page .image-submit{display:block;width:min(100%,553px);padding:0;margin:28px auto 0;background:transparent;border:0;border-radius:0;min-height:0}.image-submit img{display:block;width:100%;height:auto}.trial-page .image-submit:hover{background:transparent;filter:brightness(1.04)}@media(max-width:720px){.trial-page .intro h1{font-size:32px}.trial-page .lead{font-size:18px}.trial-page .card h2{font-size:25px}.trial-page .field{font-size:18px}.trial-page input:not([type=checkbox]){font-size:18px}.trial-page input::placeholder{font-size:16px}.trial-page .check{font-size:16px}.trial-page details{font-size:16px}.trial-page .callback-note{font-size:16px}.trial-page .card{padding:24px 16px}}
/* The approved header image already contains its divider. */
.approved-header{border-bottom:0}
/* Match the latest user reference at desktop size. */
.trial-page .intro h1{font-size:60px;line-height:1.4}.trial-page .lead{font-size:24px}.trial-page .image-submit{width:min(100%,440px)}@media(max-width:720px){.trial-page .intro h1{font-size:clamp(28px,5.8vw,40px)}.trial-page .lead{font-size:18px}}
/* Main artwork button: 1065 / 3360 of viewport width; mobile stays readable. */
.trial-page .image-submit{width:min(100%,31.69642857vw);aspect-ratio:1065/175}.trial-page .image-submit img{height:100%;width:100%}@media(max-width:720px){.trial-page .image-submit{width:100%}}
/* Give the short application form more breathing room. */
.trial-page .card h2{margin-bottom:32px}.trial-page .trial-fields{gap:28px}.trial-page .field{margin-top:0;font-size:22px}.trial-page input:not([type=checkbox]){margin-top:14px;height:64px}.trial-page .trial-consent{margin-top:32px}.trial-page .trial-consent .check{margin-top:0}.trial-page .trial-consent details{margin-top:14px}.trial-page .image-submit{margin-top:34px}@media(max-width:720px){.trial-page .card h2{margin-bottom:26px}.trial-page .trial-fields{gap:24px}.trial-page .field{font-size:20px}.trial-page input:not([type=checkbox]){margin-top:12px;height:60px}.trial-page .trial-consent{margin-top:28px}}
/* Slightly roomier form and more readable callback guidance. */
.trial-page .card h2{margin-bottom:40px}.trial-page .trial-consent{margin-top:40px}.trial-page .image-submit{margin-top:42px}.trial-page .callback-note{font-size:20px;line-height:1.9}@media(max-width:720px){.trial-page .card h2{margin-bottom:32px}.trial-page .trial-consent{margin-top:34px}.trial-page .image-submit{margin-top:38px}.trial-page .callback-note{font-size:18px}}
/* PC type scale derived from approved sections 1–5 at 1320px display width.
   Section 1: 75/1672*1320=59, 29/1672*1320=23, 31/1672*1320=24.
   Section 3 title: 43/1680*1320=34. Section 1 speech-bubble text: 21/1672*1320=17.
   Apply the user-approved 59 / 34 / 24 / 23 / 17 scale only on desktop. */
@media(min-width:721px){
 .trial-page{--trial-title:59px;--trial-section:34px;--trial-label:24px;--trial-body:23px;--trial-small:17px}
 .trial-page .intro h1{font-size:var(--trial-title)}
 .trial-page .card h2{font-size:var(--trial-section)}
 .trial-page .field{font-size:var(--trial-label)}
 .trial-page .lead,.trial-page input:not([type=checkbox]),.trial-page input::placeholder,.trial-page .callback-note{font-size:var(--trial-body)}
 .trial-page .trial-consent .check,.trial-page .trial-consent details,.trial-page .status{font-size:var(--trial-small)}
}
