/* YourMove independent developer support page. Scoped to body[data-page=support]. */
body[data-page="support"]{--ys-ink:#101915;--ys-cream:#f9f8f3;--ys-blue:#2456bd;--ys-paper:#f2f3ed;background:var(--ys-cream);color:var(--ys-ink)}
body[data-page="support"] .shell{max-width:1440px;padding-inline:clamp(22px,4vw,72px)}
body[data-page="support"] h1,body[data-page="support"] h2,body[data-page="support"] h3{font-family:"Jost","Avenir Next",system-ui,sans-serif}
.ys-rail{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-top:1px solid #67736c;color:#d2ddd3;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}
.ys-rail-light{border-color:#cbd2ca;color:#4b5b52}
.ys-dot{display:inline-block;width:8px;height:8px;background:#9bc3a4;margin-right:10px}
.ys-rail-light .ys-dot{background:var(--ys-blue)}
.ys-hero{background:var(--ys-ink);color:#fff;overflow:hidden}
.ys-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:clamp(38px,5vw,92px);align-items:center;padding:clamp(48px,7vw,118px) 0 clamp(60px,7vw,112px)}
.ys-kicker{color:#9fbeaa;font-size:11px;letter-spacing:.13em;font-weight:800;margin-bottom:28px}
.ys-hero-copy h1{font-size:clamp(64px,7.5vw,117px);font-weight:800;line-height:.9;letter-spacing:-.077em;margin:0 0 48px;max-width:870px}
.ys-hero-copy h1 em,.ys-origin h2 em,.ys-work-head h2 em,.ys-purpose h2 em,.ys-last h2 em{font-style:normal;color:#8cbba1}
.ys-hero-copy .ys-lead{font-size:clamp(19px,1.8vw,26px);line-height:1.38;letter-spacing:-.025em;max-width:680px;margin:0 0 22px}
.ys-hero-copy .ys-quiet{font-size:16px;line-height:1.55;color:#becdc1;max-width:580px;margin-bottom:35px}
.ys-story-link{color:#d8eadd;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:10px;border-bottom:1px solid #91b49c;font-size:13px;font-weight:750}
.ys-story-link:hover{color:#fff;border-color:#fff}
.ys-support-card{background:linear-gradient(115deg,var(--ym-support-honey-light) 0%,var(--ym-support-honey) 64%,var(--ym-support-honey-deep) 100%);color:#142019;box-shadow:14px 18px 0 #2a3930;min-width:0}
.ys-card-index{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:19px 25px;border-bottom:1px solid var(--ym-support-honey-line);color:var(--ym-support-muted);font-size:10px;font-weight:850;letter-spacing:.07em}
.ys-live{white-space:nowrap;color:var(--ym-support-forest)}.ys-live span{display:inline-block;background:#3e9d6a;border-radius:50%;width:7px;height:7px;margin-right:5px}
.ys-card-main{padding:clamp(26px,3vw,48px)}
.ys-card-symbol{display:flex;justify-content:center;align-items:center;width:67px;height:67px;border:2px solid var(--ys-ink);font-weight:800;font-size:42px;letter-spacing:-.09em;line-height:1;margin-bottom:33px}
.ys-card-symbol span{color:var(--ym-support-forest)}
.ys-support-card h2{font-size:clamp(42px,4vw,68px);line-height:.96;font-weight:800;letter-spacing:-.068em;margin:0 0 25px}
.ys-card-main p{font-size:16px;line-height:1.5;color:#34463a;max-width:360px;margin:0 0 30px}
.ys-primary-link{background:var(--ym-support-forest);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:17px 21px;font-size:15px;font-weight:750}
.ys-primary-link:hover{background:var(--ym-support-forest-hover);color:#fff}
.ys-under-link{margin-top:21px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #667e6e;padding-bottom:8px;font-size:13px;font-weight:750}
.ys-under-link:hover{color:var(--ym-support-forest);border-color:var(--ym-support-forest)}
.ys-card-fine{border-top:1px solid var(--ym-support-honey-line);margin:0;padding:18px 25px;font-size:12px;line-height:1.5;color:var(--ym-support-muted)}
.ys-hero-tail{display:flex;justify-content:space-between;gap:25px;padding:20px 0;color:#a7bcae;border-top:1px solid #45574a;font-size:10px;font-weight:800;letter-spacing:.09em}
.ys-origin{background:var(--ys-cream);padding:92px 0 125px}
.ys-origin-grid{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:clamp(45px,6vw,110px);padding-top:75px}
.ys-origin h2,.ys-work-head h2,.ys-purpose h2,.ys-last h2{font-size:clamp(56px,6.5vw,98px);line-height:.96;letter-spacing:-.073em;font-weight:800;margin:0 0 42px}
.ys-origin h2 em{color:var(--ys-blue)}
.ys-origin-copy p{font-size:18px;line-height:1.58;max-width:640px;margin:0 0 21px}
.ys-form-art{background:#dee7fa;border:1px solid #b6c9ed;padding:25px 25px 22px;box-shadow:16px 17px 0 #dae2dc;transform:rotate(1deg)}
.ys-form-top,.ys-form-caption{font-size:10px;letter-spacing:.08em;font-weight:850;color:#49618f;display:flex;gap:20px;justify-content:space-between}
.ys-form-top{padding-bottom:19px}.ys-form-top i{color:#bb3b3b;font-style:normal}
.ys-form-paper{background:#fff;border:1px solid #bfcbe0;padding:clamp(25px,3.5vw,48px);box-shadow:5px 7px 0 #c3d1ed}
.ys-form-overline{font-size:10px;letter-spacing:.1em;color:#607092;font-weight:800}
.ys-form-paper h3{font-size:clamp(30px,3vw,49px);letter-spacing:-.055em;line-height:1.05;margin:22px 0 35px}
.ys-form-field{margin-bottom:17px}.ys-form-field>span{display:block;font-weight:750;font-size:13px;margin-bottom:7px}.ys-form-field b{color:#b33a3a}
.ys-form-field>div{border:1px solid #c9d0da;background:#f7f8fa;padding:17px 16px;font-size:12px;color:#5b6470;min-height:55px}
.ys-form-field .ys-form-blank{min-height:100px}
.ys-form-upload{background:#eef3ff;padding:16px;color:#315f99;display:flex;gap:6px;flex-direction:column;font-size:11px}
.ys-form-upload strong{font-size:17px;color:#213856}
.ys-form-caption{display:block;margin-top:20px;line-height:1.5}
.ys-work{background:#e9edf6;padding:110px 0 130px}
.ys-work .ys-rail-light{border-color:#c1cbdf}
.ys-work-head{display:grid;grid-template-columns:1fr .66fr;align-items:end;gap:45px;padding:50px 0}
.ys-work-head h2{margin:0}.ys-work-head h2 em{color:var(--ys-blue)}
.ys-work-head p{font-size:19px;line-height:1.55;max-width:470px;margin:0 0 8px}
.ys-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ys-proof{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:300px;border:1px solid #b9c6da;background:#fff;padding:30px 27px;transition:transform .15s ease,box-shadow .15s ease}
.ys-proof:hover{transform:translateY(-4px);box-shadow:0 9px 0 #c0cde4}
.ys-proof-index{font-size:10px;letter-spacing:.09em;font-weight:850;color:#4e658b;margin-bottom:43px}
.ys-proof strong{font-size:clamp(27px,2.7vw,43px);letter-spacing:-.058em;line-height:1.05;font-weight:800;margin-bottom:15px}
.ys-proof>span:nth-last-child(2){font-size:15px;color:#526256;line-height:1.4;max-width:270px}
.ys-proof-arrow{position:absolute;bottom:23px;right:27px;color:var(--ys-blue);font-size:23px}
.ys-purpose{background:#122119;color:#fff;padding:115px 0 135px}
.ys-purpose-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,140px);padding-top:62px}
.ys-purpose h2{margin-bottom:27px}.ys-purpose-grid>div:first-child>p{font-size:20px;line-height:1.52;color:#c4d4c8;max-width:460px}
.ys-purpose-items{border-top:1px solid #5c7566}
.ys-purpose-items>div{display:grid;grid-template-columns:46px 1fr;gap:22px;padding:23px 0 26px;border-bottom:1px solid #5c7566}
.ys-purpose-items>div>span{font-size:14px;font-weight:850;color:#a5ceae}
.ys-purpose-items h3{font-size:27px;line-height:1.2;letter-spacing:-.04em;font-weight:750;margin:0 0 9px}
.ys-purpose-items p{font-size:15px;color:#b8cabb;line-height:1.55;max-width:500px;margin:0}
.ys-last{padding:100px 0 115px;background:var(--ys-cream)}
.ys-last-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:clamp(40px,8vw,130px);align-items:end;padding-top:60px}
.ys-last h2 em{color:var(--ys-blue)}
.ys-last-grid>div:first-child>p:not(.ys-signature){font-size:19px;line-height:1.55;max-width:600px;margin:0 0 20px}
.ys-signature{font-size:22px;font-weight:750;margin:40px 0 0;letter-spacing:-.02em}
.ys-signature span{display:block;color:#637369;font-size:13px;font-weight:500;letter-spacing:0;margin-top:3px}
.ys-last-actions{border:1px solid var(--ym-support-honey-line);border-top:4px solid var(--ym-support-forest);background:linear-gradient(115deg,var(--ym-support-honey-light) 0%,var(--ym-support-honey) 64%,var(--ym-support-honey-deep) 100%);padding:clamp(23px,3vw,36px);display:flex;flex-direction:column;gap:15px}
.ys-outlined-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;border:1px solid #809286;padding:17px 21px;font-size:15px;font-weight:750}
.ys-outlined-link:hover{background:#e6eee7}
.ys-last-share{font-size:14px;text-decoration:underline;text-underline-offset:5px;align-self:flex-start;margin:10px 0}
.ys-last-actions small{display:block;border-top:1px solid var(--ym-support-honey-line);padding-top:16px;color:var(--ym-support-muted);font-size:12px;line-height:1.5}
@media(max-width:1050px){.ys-hero-grid{grid-template-columns:1fr;gap:65px}.ys-support-card{max-width:570px}.ys-origin-grid{grid-template-columns:1fr;gap:65px}.ys-form-art{max-width:610px;margin:0 auto}.ys-last-grid{grid-template-columns:1fr 1fr;gap:35px}.ys-proof{min-height:320px}}
@media(max-width:760px){.ys-rail{font-size:9px}.ys-rail span:last-child{display:none}.ys-hero-grid{padding:65px 0 85px}.ys-hero-copy h1{font-size:clamp(51px,11.2vw,86px);margin-bottom:33px}.ys-hero-copy .ys-lead{font-size:20px}.ys-card-main{padding:30px}.ys-origin,.ys-work,.ys-purpose,.ys-last{padding:75px 0 88px}.ys-origin-grid{padding-top:38px}.ys-origin h2,.ys-work-head h2,.ys-purpose h2,.ys-last h2{font-size:clamp(51px,10.5vw,78px)}.ys-origin-copy p{font-size:17px}.ys-form-art{padding:14px;transform:none;box-shadow:8px 8px 0 #dae2dc}.ys-form-paper{padding:22px}.ys-work-head{display:block;padding:35px 0}.ys-work-head p{font-size:17px;margin-top:23px}.ys-proof-grid{grid-template-columns:1fr}.ys-proof{min-height:220px}.ys-proof-index{margin-bottom:25px}.ys-proof strong{font-size:37px}.ys-purpose-grid,.ys-last-grid{grid-template-columns:1fr;gap:35px;padding-top:42px}.ys-purpose-items>div{grid-template-columns:32px 1fr}.ys-last-actions{max-width:580px}.ys-card-index{padding:17px;font-size:9px}.ys-card-fine{padding:16px 20px}}
@media(max-width:370px){.ys-hero-copy h1{font-size:clamp(44px,10.9vw,51px)}.ys-origin h2,.ys-work-head h2,.ys-purpose h2,.ys-last h2{font-size:46px}.ys-form-top{font-size:8px}.ys-form-paper h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.ys-proof{transition:none}}

/* Conversion details: real demonstration route, qualified beta, and share feedback. */
.ys-example-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding:12px 0;border-bottom:1px solid #4b689e;color:#203f75;font-size:13px;font-weight:800;text-decoration:none;letter-spacing:0}
.ys-example-link:hover{color:#122e65;border-color:#122e65}
.ys-milestone{grid-column:1/-1;margin-top:27px!important;padding:20px 0 0;border-top:1px solid #5c7566;font-size:14px!important;line-height:1.6!important;color:#c5d7c9!important}
.ys-milestone strong{color:#fff}
.ys-milestone a{text-decoration:underline;text-underline-offset:4px;color:#e4f2e6}
.ys-milestone a:hover{color:#fff}
.ys-share-status{font-size:13px;color:#315e40;min-height:1em}
.ys-last-share{color:var(--ym-support-forest);font-weight:750}
.ys-last-share:hover{color:#103426}
@media(max-width:760px){.ys-milestone{font-size:13px!important}.ys-example-link{font-size:12px;line-height:1.4}.ys-last h2{font-size:clamp(45px,9vw,66px)}}