/* Scoped marketing layer. Existing application styles and backend stay unchanged. */
.marketing{--m-green:#176e58;--m-coral:#f77662;--m-paper:#fbf8f1;background:var(--m-paper);color:#102f36;font-family:Arial,Helvetica,sans-serif}.marketing *{box-sizing:border-box}.marketing a:focus-visible,.marketing button:focus-visible,.marketing summary:focus-visible{outline:3px solid #176e58;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.review-banner{padding:9px 24px;background:#e6ede5;font-size:11px;letter-spacing:.03em;display:flex;justify-content:center;gap:14px;color:#254735}.review-banner strong{letter-spacing:.12em}.m-header{height:100px;display:flex;align-items:center;justify-content:space-between}.m-brand{display:inline-flex;align-items:center;gap:10px;font-size:30px;font-weight:750;letter-spacing:-1.5px}.m-brand img{border-radius:12px}.m-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.m-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 23px;background:var(--m-coral);border-radius:7px;color:#112d34;font-size:14px;font-weight:700;border:0;line-height:1.3;min-height:48px}.m-button span{font-size:20px}.m-button.small{padding:12px 17px;font-size:12px;gap:15px}.m-button:hover{background:#fb8977}.m-hero{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center;padding:55px 0 65px}.overline{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--m-green);margin:0 0 25px}.signal-dot{display:inline-block;height:7px;width:7px;background:var(--m-green);border-radius:100%;margin-right:7px}.hero-text h1{font-size:clamp(52px,5.4vw,78px);font-weight:650;line-height:1.03;letter-spacing:-4px;margin:0 0 28px}.hero-text h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3px;color:var(--m-green)}.hero-description{font-size:21px;line-height:1.5;max-width:480px;margin:0 0 16px}.hero-detail{font-size:15px;line-height:1.8;color:#5b6d69;max-width:440px}.hero-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:28px}.underlined{font-size:13px;text-decoration:underline;text-underline-offset:5px;font-weight:600}.fine-print{font-size:11px;color:#50665e;margin:15px 0 36px}.hero-bottom{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:.18em;font-weight:700;color:#688074}.hero-bottom i{width:40px;height:1px;background:#a9bcb1}.product-stage{background:#deeadc;border-radius:180px 180px 20px 20px;padding:45px 30px 24px;position:relative}.stage-label{display:block;font-size:9px;letter-spacing:.18em;color:#426b4d;text-align:center;margin-bottom:24px;font-weight:700}.ui-window{position:relative;z-index:1;border:1px solid #d5ded7;background:#fafbf7;box-shadow:0 25px 50px #0a312d20;border-radius:20px;overflow:hidden;transform:rotate(-2deg)}.ui-top{padding:18px 20px;display:flex;align-items:center;gap:9px;background:#fff;border-bottom:1px solid #e1e7e0}.ui-top strong{font-size:19px;font-weight:800;letter-spacing:-.5px}.ui-dot{height:8px;width:8px;background:#a3baa7;border-radius:50%;margin-left:auto}.ui-body{padding:22px 18px}.ui-body .overline{margin-bottom:6px}.ui-body h2{font-size:22px;letter-spacing:-.8px;margin:0 0 20px}.ui-body .today-actions{margin:0;border-radius:12px}.ui-body .today-action{padding:16px 13px;gap:10px;grid-template-columns:42px 1fr 12px;cursor:default}.ui-body .today-action-icon{width:42px;height:42px;border-radius:11px}.ui-body .today-action-icon svg{width:28px;height:28px}.ui-body .today-action strong{font-size:14px;line-height:1.25}.ui-body .today-action small{font-size:11px;line-height:1.45;margin-top:5px}.ui-body .today-action--primary small{color:#d2e2dd}.ui-lower{display:flex;gap:15px;justify-content:center;font-size:9px;color:#3b655b;font-weight:700;margin-top:22px}.interface-caption{position:relative;z-index:1;font-size:9px;text-align:center;color:#3e6349;margin:20px 0 0}.audience-line{border-block:1px solid #d9e0d5}.audience-line .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:27px;gap:25px}.audience-line p{font-family:Georgia,serif;font-size:18px;margin:0}.audience-line .wrap>div{display:flex;gap:35px;font-size:11px;color:#516458}.m-section{padding-block:100px}.section-intro h2,.records-layout h2,.responsibility h2,.trial-layout h2,.questions h2{font-size:clamp(34px,3.5vw,48px);line-height:1.13;letter-spacing:-1.8px;font-weight:500;margin:0 0 20px}.section-intro>p:last-child{font-size:16px;color:#607369;margin:0}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:52px}.workflow-grid article{border-top:1px solid #bdcfc0;padding-top:21px}.step-count{font-size:9px;letter-spacing:.13em;color:#39725b;font-weight:700}.workflow-grid h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:27px 0 14px}.workflow-grid p{font-size:14px;line-height:1.8;color:#546960;max-width:310px}.step-detail{border-top:1px solid #dee6da;margin-top:28px;padding-top:17px;font-size:10px;color:#3c5c4f;display:flex;gap:10px;align-items:center}.step-detail span{font-size:20px}.records-section{background:#0c2d35;color:#f5f6ec;padding:76px 0}.records-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.records-layout .overline{color:#9ec7ab}.records-layout h2{color:#fffdf4}.records-layout>div>p:last-of-type{font-size:15px;line-height:1.8;color:#bacdc5;max-width:330px}.large-shell{opacity:.95;margin-top:30px;border-radius:30px;transform:rotate(-12deg)}.record-list article{display:flex;gap:25px;border-top:1px solid #3b5658;padding:28px 0}.record-list article:last-child{border-bottom:1px solid #3b5658}.record-list article>span{font-size:10px;color:#83ab98;padding-top:6px}.record-list h3{font-size:21px;font-weight:500;margin:0 0 11px}.record-list p{font-size:14px;color:#bacdc5;line-height:1.7;margin:0;max-width:390px}.responsibility{display:grid;grid-template-columns:1fr 1fr;gap:100px}.large-copy{font-family:Georgia,serif;font-size:22px;color:#41735a;line-height:1.45;margin-bottom:0}.responsibility-copy{padding-top:41px;font-size:14px;line-height:1.9;color:#566c61}.responsibility-copy p{margin:0 0 19px}.trial-section{background:#dfead9;padding:74px 0}.trial-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.trial-layout>div>p:last-child{font-size:16px;color:#48634f;line-height:1.9}.trial-card{background:#fafbf4;padding:30px;border:1px solid #bacab3;border-radius:12px}.trial-number{font-family:Georgia,serif;font-size:70px;line-height:1;margin:0 0 25px;color:#1a5c44}.trial-number span{font-family:Arial,sans-serif;font-size:14px;margin-left:10px}.trial-card ul{padding:0;list-style:none;margin:0 0 24px}.trial-card li{font-size:12px;margin:13px 0;line-height:1.5;display:flex;gap:9px}.trial-card li:before{content:'✓';color:#29634c}.trial-card .m-button{width:100%;cursor:not-allowed;background:#e5bdab;color:#3b493e}.trial-card #launch-status{font-size:10px;line-height:1.65;color:#59685a;margin:13px 0 0}.questions{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-list details{border-bottom:1px solid #cfdccc;padding:21px 0}.faq-list details:first-child{border-top:1px solid #cfdccc}.faq-list summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.8;color:#52695b;margin:18px 25px 0 0}.m-footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid #cfdccc;padding-block:34px 22px}.m-footer .m-brand{font-size:26px}.m-footer p{font-family:Georgia,serif;font-size:15px;color:#4b6558}.m-footer>a:last-of-type{margin-left:auto;font-size:12px}.m-footer small{flex-basis:100%;font-size:9px;letter-spacing:.06em;color:#687a6c}.skip-link{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:12px}.skip-link:focus{top:10px}
@media(min-width:1500px){.m-hero{padding-block:70px 80px}.hero-text h1{font-size:82px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.m-hero{gap:28px}.hero-text h1{font-size:58px}.product-stage{padding-inline:20px}.m-header nav{gap:20px}.hero-links{gap:20px}.hero-description{font-size:18px}.ui-body .today-action strong{font-size:12px}.ui-body .today-action small{font-size:10px}.records-layout,.responsibility,.trial-layout,.questions{gap:50px}.audience-line .wrap>div{gap:20px}.ui-lower{gap:10px;font-size:8px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.review-banner{padding:9px 18px;font-size:9px;gap:5px;flex-direction:column;text-align:center}.m-header{height:82px}.m-brand{font-size:27px}.m-header nav>a:not(.m-button){display:none}.m-header .m-button{font-size:10px;gap:10px;padding:10px 12px;min-height:42px}.m-header .m-button span{font-size:16px}.m-brand img{width:37px;height:37px}.m-hero{grid-template-columns:1fr;padding:31px 0 42px;gap:36px}.hero-text h1{font-size:clamp(47px,11.5vw,72px);letter-spacing:-2.9px;margin-bottom:23px}.hero-text h1 em{letter-spacing:-2.5px}.overline{font-size:9px;margin-bottom:21px}.hero-description{font-size:19px;max-width:450px}.hero-detail{font-size:14px;line-height:1.75}.hero-links{gap:22px;margin-top:24px}.m-button{padding:16px 18px;font-size:13px;gap:20px}.underlined{font-size:12px}.fine-print{margin-bottom:26px}.hero-bottom{font-size:8px;gap:14px}.product-stage{max-width:440px;width:100%;margin:auto;padding:33px 25px 20px}.ui-body .today-action strong{font-size:14px}.ui-body .today-action small{font-size:11px}.ui-lower{font-size:9px;gap:15px}.ui-body h2{font-size:23px}.audience-line .wrap{padding-block:25px;display:block}.audience-line p{font-size:18px;margin-bottom:18px}.audience-line .wrap>div{gap:10px;flex-wrap:wrap;font-size:10px;justify-content:space-between}.m-section{padding-block:60px}.section-intro h2,.records-layout h2,.responsibility h2,.trial-layout h2,.questions h2{font-size:36px;letter-spacing:-1.4px}.section-intro>p:last-child{font-size:14px;line-height:1.8}.workflow-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.workflow-grid h3{margin:17px 0 8px;font-size:29px}.workflow-grid p{max-width:none;font-size:14px}.step-detail{margin-top:20px}.records-layout,.responsibility,.trial-layout,.questions{grid-template-columns:1fr;gap:28px}.records-section{padding-block:53px}.large-shell{display:none}.record-list article{padding:25px 0;gap:18px}.record-list h3{font-size:20px}.responsibility-copy{padding-top:0}.large-copy{font-size:21px}.trial-section{padding-block:53px}.trial-card{padding:25px}.trial-number{font-size:67px}.trial-card li{font-size:13px}.trial-card #launch-status{font-size:11px}.questions{gap:15px}.faq-list summary{font-size:14px;line-height:1.5}.faq-list p{font-size:13px}.m-footer{gap:15px}.m-footer p{font-size:13px;flex-basis:65%;margin:0}.m-footer>a:last-of-type{margin-left:0}.m-footer small{line-height:1.6}.ui-window{transform:rotate(-1deg)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.m-brand{gap:6px;font-size:25px}.m-header .m-button{font-size:9px}.product-stage{padding-inline:14px}.ui-body{padding-inline:12px}.ui-body .today-action strong{font-size:12px}.ui-body .today-action small{font-size:10px}.hero-text h1{font-size:46px}.m-footer p{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Review refinement: clearer small copy and a more compact trial composition. */
.marketing .overline{font-size:11px}
.marketing .fine-print,.marketing .stage-label,.marketing .interface-caption,.marketing .step-count,.marketing .step-detail,.marketing .ui-lower,.marketing .record-list article>span,.marketing .m-footer small{font-size:11px}
.marketing .hero-bottom{font-size:10px}
.marketing .trial-section{padding-block:56px}
.marketing .trial-layout{grid-template-columns:1.05fr .95fr;gap:56px}
.marketing .trial-layout h2{font-size:clamp(34px,3.2vw,44px)}
.marketing .trial-card{padding:27px 30px}
.marketing .trial-number{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.marketing .trial-number span{font-size:24px;font-weight:600;margin-left:0;line-height:1.2}
.marketing .trial-card ul{margin-bottom:20px}
.marketing .trial-card li{font-size:13px;margin-block:11px}
.marketing .trial-card #launch-status{font-size:12px;line-height:1.65}
.marketing .ui-body .today-action small{font-size:12px}
@media(max-width:1000px){.marketing .trial-layout{gap:32px}.marketing .ui-body .today-action small{font-size:11px}}
@media(max-width:720px){.marketing .review-banner{font-size:10px}.marketing .m-header .m-button{font-size:11px}.marketing .hero-bottom{font-size:10px;letter-spacing:.13em}.marketing .stage-label{font-size:10px}.marketing .audience-line .wrap>div{font-size:11px;row-gap:12px}.marketing .ui-body .today-action small{font-size:12px}.marketing .ui-lower{font-size:10px;gap:12px}.marketing .trial-section{padding-block:38px}.marketing .trial-layout{grid-template-columns:1fr;gap:16px}.marketing .trial-layout h2{font-size:36px;margin-bottom:14px}.marketing .trial-layout>div>p:last-child{margin-bottom:0}.marketing .trial-card{padding:24px}.marketing .trial-number{font-size:64px;margin-bottom:16px}.marketing .trial-number span{font-size:25px}.marketing .m-footer small{font-size:11px;letter-spacing:.03em}}
@media(max-width:360px){.marketing .m-header .m-button{font-size:10px}.marketing .ui-body .today-action small{font-size:11px}.marketing .ui-lower{font-size:9.5px;gap:10px}}
/* Readability floor: functional labels and supporting copy remain legible on phones. */
.marketing .fine-print,.marketing .interface-caption,.marketing .step-detail,.marketing .m-footer small,.marketing .m-footer>a:last-of-type,.marketing .underlined,.marketing .m-header nav,.marketing .m-header .m-button,.marketing .audience-line .wrap>div,.marketing .trial-card li,.marketing .trial-card #launch-status,.marketing .faq-list p,.marketing .ui-body .today-action small,.marketing .ui-lower{font-size:14px}
.marketing .review-banner{font-size:12px;line-height:1.6}
.marketing .overline,.marketing .stage-label,.marketing .step-count,.marketing .hero-bottom,.marketing .record-list article>span{font-size:12px}
.marketing .ui-lower{flex-wrap:wrap;column-gap:16px;row-gap:8px;line-height:1.4}
.marketing .ui-body .today-action strong{font-size:15px;line-height:1.3}
.marketing .ui-body .today-action small{line-height:1.45}
.marketing .m-footer small{letter-spacing:0;line-height:1.6}
@media(max-width:720px){.marketing .m-header .m-button{padding-inline:10px;gap:8px;font-size:13px}.marketing .hero-bottom{letter-spacing:.08em;gap:10px}.marketing .hero-bottom i{width:25px}.marketing .audience-line .wrap>div{justify-content:flex-start;gap:10px 22px}.marketing .m-footer p{font-size:14px}.marketing .product-stage{padding-inline:18px}}