:root{--ink:#10233d;--blue:#315ee8;--mint:#bff4d8;--yellow:#ffe17a;--paper:#f6f8fb;--line:#d8dfeb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 system-ui,-apple-system,"PingFang SC",sans-serif}.nav{display:flex;align-items:center;gap:28px;max-width:1160px;margin:auto;padding:20px 24px}.logo{color:var(--ink);font:900 25px Arial;text-decoration:none}.logo span{display:block;font:700 9px/1.4 system-ui;letter-spacing:.2em;color:var(--blue)}.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{color:var(--ink);text-decoration:none;font-weight:800;font-size:14px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;max-width:1160px;margin:auto;padding:50px 24px 80px}.stamp,.heading>p{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--blue)}h1{font-size:clamp(44px,7vw,84px);line-height:1.02;letter-spacing:-.06em;margin:16px 0 24px}.hero-text{font-size:18px;max-width:720px;color:#52617a}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.legend span,.tag{padding:7px 11px;border-radius:99px;font-size:12px;font-weight:900}.download-cta{display:inline-flex;margin-top:22px;padding:12px 18px;border-radius:12px;background:var(--blue);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 24px rgba(49,94,232,.2)}.a{background:var(--yellow)}.b{background:#ffc5d3}.c{background:#c7d4ff}.d{background:var(--mint)}.hero figure{margin:0;position:relative}.hero figure:before{content:"";position:absolute;inset:-18px 24px 38px -20px;background:var(--mint);border-radius:42% 58% 48% 52%;z-index:-1}.hero figure img{display:block;width:100%;max-height:520px;aspect-ratio:3/4;object-fit:cover;border-radius:24px}.hero figcaption{font-size:12px;margin-top:10px;color:#61708a}.calendar,.queue,.method,.faq{padding:78px max(24px,calc((100% - 1112px)/2))}.calendar{background:var(--ink);color:white}.heading{display:grid;grid-template-columns:180px 1fr;align-items:end;margin-bottom:32px}.heading>p{grid-row:1/3;margin:0}.heading h2{font-size:clamp(31px,5vw,50px);line-height:1.1;margin:0}.heading>span{color:#7989a2}.calendar .heading>span{color:#aebbd0}.week{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.week article{min-height:265px;padding:22px;background:#18304f;border-radius:16px;display:flex;flex-direction:column}.week article.today{background:var(--blue);transform:translateY(-12px)}.week b{font-size:11px;letter-spacing:.14em;color:#b9c7dc}.week time{font-size:28px;font-weight:900;margin-top:8px}.week h3{font-size:20px;margin:24px 0 6px}.week p{font-size:14px;color:#c8d2e1;margin:0 0 18px}.week .tag{align-self:flex-start;margin-top:auto;color:var(--ink)}.queue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.queue-grid article{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.queue-grid article.wide{grid-column:span 3;display:grid;grid-template-columns:320px 1fr}.queue-grid img{width:100%;height:260px;object-fit:cover}.queue-grid .wide img{height:330px}.queue-grid article div{padding:22px}.queue-grid span{font-size:11px;font-weight:900;color:var(--blue)}.queue-grid h3{font-size:23px;margin:6px 0}.queue-grid p{color:#62718a;margin:0}.method{background:var(--mint)}.method-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.method-list article{padding:24px;background:rgba(255,255,255,.65);border-radius:18px}.method-list b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:white}.method-list h3{font-size:22px;margin:14px 0 5px}.method-list p{margin:0;color:#4f625b}.faq{max-width:920px;margin:auto}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:900;cursor:pointer}.faq details p{color:#61708a}footer{padding:48px max(24px,calc((100% - 1112px)/2));background:var(--blue);color:white}footer p{color:#dce4ff}footer a{color:var(--yellow)}@media(max-width:760px){.nav{padding:14px 18px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding:34px 18px 58px;gap:36px}h1{font-size:43px}.hero-text{font-size:16px}.hero figure{width:78%;margin:auto}.hero figure img{max-height:360px}.calendar,.queue,.method,.faq{padding:55px 18px}.heading{display:block}.heading>p{margin-bottom:8px}.heading h2{font-size:31px}.week{grid-template-columns:1fr 1fr}.week article{min-height:225px}.week article.today{transform:none}.queue-grid{grid-template-columns:1fr 1fr}.queue-grid article.wide{grid-column:span 2;grid-template-columns:1fr}.queue-grid .wide img{height:260px}.queue-grid article div{padding:17px}.queue-grid h3{font-size:19px}.method-list{grid-template-columns:1fr}.legend{gap:6px}}