:root{--ink:#f4f5f7;--red:#c62828;--line:#344a5b;--utility:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body.support-page{margin:0;color:var(--ink);background:#080f18;font-family:"Yu Gothic","Meiryo",sans-serif;font-size:16px;line-height:1.85}body.support-page:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,12,20,.15),rgba(6,12,20,.48)),url('/assets/backgrounds/home-quiet-horizon-v3.png') center/cover no-repeat}a{color:inherit;text-decoration:none}button{font:inherit}.support-wrap{width:min(1120px,calc(100% - 48px));margin:auto}.support-hero{padding:62px 0 76px}.back-home{font-size:13px;color:#b9cbd9}.eyebrow{margin-top:46px;color:#81c3f2;font-size:13px;letter-spacing:.16em}h1{font-size:clamp(30px,4.1vw,54px);line-height:1.5;margin:20px 0;letter-spacing:.02em}.lead{color:#c5d3df;font-size:18px}.text-link{display:inline-block;margin-top:24px;border-bottom:1px solid #75b7e8;color:#9ed3f8}.support-section{padding:32px 0 48px}h2{font-size:clamp(23px,2.5vw,32px);line-height:1.6;margin:0 0 30px;text-wrap:balance}.support-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.support-card{background:rgba(15,30,44,.9);border:1px solid #608aa7;border-top:3px solid #80c2ed;padding:26px 22px 30px;border-radius:7px}.support-card svg{display:block;width:138px;height:138px;margin:0 auto 16px;color:#9fc9e8}.purpose{display:block;width:fit-content;margin:0 auto 24px;background:#224969;color:#d8edff;padding:2px 18px;border-radius:4px}.support-card h3{font-size:25px;margin:0 0 14px}.price{font-size:38px;font-weight:700;line-height:1.4;margin:0;white-space:nowrap}.price small{font-size:16px}.hours{border:1px solid #73b5e0;text-align:center;color:#d5ebff;font-weight:700;padding:5px;margin:20px 0}.support-card h4{font-size:16px;margin:22px 0 10px}.support-card>p:last-child{color:#bfcedb;font-size:14px;margin-bottom:0}.note{font-size:13px;color:#b7c6d3}.time-note{border-left:3px solid #75b7e8;background:rgba(15,30,44,.85);padding:18px 24px;margin-top:26px}.time-note h3{margin:0 0 8px;font-size:18px}.time-note p{margin:0;color:#c6d3de;font-size:14px}.support-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;padding:0}.support-flow li{position:relative}.support-flow li:not(:last-child):after{content:'→';position:absolute;right:-24px;top:65px;color:#81c3f2;font-size:26px}.step-number{color:#86c8f5;font-size:22px;font-weight:bold}.step-symbol{border:1px solid #80b8de;border-radius:8px;padding:18px;text-align:center;margin-top:12px;background:rgba(16,34,49,.85);color:#d8edff;font-size:22px}.support-flow h3{font-size:17px;margin:18px 0 8px}.support-flow p{font-size:14px;color:#c2ced9}.support-scope{display:grid;grid-template-columns:1fr 1fr;gap:24px}.support-scope article{background:rgba(15,30,44,.9);border:1px solid #496378;padding:24px;border-radius:6px}.support-scope h3{font-size:20px;margin:0}.support-scope ul{padding-left:22px}.support-scope li{margin:12px 0}.support-scope p{font-size:13px;color:#bbcad6}.support-cta{border:1px solid #698599;border-radius:8px;background:rgba(13,27,40,.92);padding:38px;text-align:center;margin:30px 0 80px}.support-cta h2{margin:0 0 15px}.support-cta p{color:#bfcedb}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#c62828;border:1px solid #f05555;border-radius:5px;color:white;padding:15px 24px;font-weight:700}.button-small{padding:10px 16px;font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid #9bd7ff;outline-offset:5px}.sy-footer{width:min(1120px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:100;background:#142231;padding:10px}@media(max-width:800px){.support-plans{grid-template-columns:1fr}.support-card{padding:24px}.support-card svg{width:115px;height:115px}.support-card h3,.price{text-align:center}.support-flow{grid-template-columns:1fr 1fr;gap:24px}.support-flow li:after{display:none}.support-scope{grid-template-columns:1fr}.support-wrap{width:calc(100% - 32px)}.support-hero{padding:30px 0 36px}.eyebrow{margin-top:30px}.lead{font-size:16px}.support-cta{padding:28px 18px}.support-cta .button{font-size:14px;padding:14px 16px;gap:10px}.support-section{padding-bottom:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Compare the purpose and scope of each plan. */
.support-hero{padding-bottom:38px}.support-page-label{font-size:18px;font-weight:700;color:#c8dfee;margin:8px 0}.support-hero .eyebrow{margin-bottom:8px}.plan-fit{font-size:14px;color:#c5d3df}.plan-work{font-size:14px;border-top:1px solid #40576a;padding-top:16px;margin-top:20px}.plan-work dt{font-weight:700;color:#a3d3f3;margin:15px 0 8px}.plan-work dd{margin:0 0 8px;padding-left:12px;border-left:2px solid #486a84}.support-card .plan-boundary{font-size:12px;line-height:1.8;border-top:1px solid #40576a;padding-top:14px;color:#b9c8d5}.support-card{display:flex;flex-direction:column}.support-card .plan-boundary{margin-top:auto}.support-card h4{min-height:3.7em}.support-card .plan-fit{min-height:3.7em}@media(max-width:800px){.support-card h4,.support-card .plan-fit{min-height:0}}

.support-card .support-plan-image{display:block;width:100%;max-width:240px;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 20px;border-radius:6px}
