.p-ebasic .why{padding:110px 0}.p-ebasic .why h2{font-size:clamp(2.4rem,5vw,4.4rem);max-width:860px;margin-top:14px}.p-ebasic .why h2 em{font-style:normal;color:var(--accent-text)}.p-ebasic .race{margin:50px 0 40px;display:grid;gap:14px;max-width:900px}.p-ebasic .lane{display:grid;grid-template-columns:1fr 90px;gap:12px 18px;align-items:center;padding:18px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.p-ebasic .lane .track{grid-column:1 / -1;grid-row:2;height:10px;border-radius:9px;background:var(--line);overflow:hidden}.p-ebasic .lane .track b{display:block;height:100%;width:22%;border-radius:9px;background:var(--faint)}.p-ebasic .lane.fast .track b{width:100%;background:linear-gradient(90deg,var(--accent),#fde68a)}.p-ebasic .lane .t{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.p-ebasic .lane.fast .t{color:var(--accent-text)}.p-ebasic .why3{display:grid;grid-template-columns:1fr;gap:18px}.p-ebasic .why3 div{padding:30px;border-radius:22px;border:1px solid var(--line);background:var(--surface)}.p-ebasic .why3 h3{font-size:1.4rem;margin-bottom:8px}.p-ebasic .why3 p{color:var(--muted);font-size:15px}.p-ebasic .aud{padding:20px 0 110px}.p-ebasic .aud-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.p-ebasic .aud h2{font-size:clamp(2.2rem,4.4vw,3.8rem);margin-top:12px}.p-ebasic .aud h2 em{color:var(--accent-text);font-style:normal;display:block}.p-ebasic .stack{display:grid;gap:14px}.p-ebasic .who-card{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:14px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.p-ebasic .who-card img{width:110px;height:96px;object-fit:cover;border-radius:14px}.p-ebasic .who-card h3{font-size:1.2rem}.p-ebasic .who-card p{color:var(--muted);font-size:14px}.p-ebasic .mods .stage{width:min(1200px,100% - 48px);margin-inline:auto;padding:90px 0}.p-ebasic .mods h2{font-size:clamp(2rem,3.6vw,3rem)}.p-ebasic .monitor,.p-ebasic .timeline{display:none}.p-ebasic .mod-list{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px}.p-ebasic .mod-list li{display:grid;gap:14px;padding:14px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.p-ebasic .mod-list img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px}.p-ebasic .no{font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--accent-text)}.p-ebasic .mod-list h3{font-size:1.3rem;margin:4px 0 6px}.p-ebasic .mod-list p{color:var(--muted);font-size:15px}.p-ebasic .bonus{padding:60px 0 110px}.p-ebasic .bonus-card{display:grid;grid-template-columns:1fr;gap:34px;align-items:center;padding:28px;border-radius:32px;overflow:hidden;position:relative;background:radial-gradient(80% 90% at 100% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 60%),var(--surface);border:1px solid var(--line)}.p-ebasic .bonus .value{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:700;background:var(--accent);color:var(--accent-ink);font-size:13px;letter-spacing:.08em}.p-ebasic .bonus h2{font-size:clamp(2rem,3.8vw,3.2rem);margin:16px 0}.p-ebasic .bonus li{display:flex;gap:12px;margin:12px 0;font-weight:500}.p-ebasic .bonus li:before{content:"★";color:var(--accent-text)}@media(min-width:700px){.p-ebasic .why3{grid-template-columns:repeat(3,1fr)}.p-ebasic .lane{grid-template-columns:200px 1fr 120px}.p-ebasic .lane .track{grid-column:auto;grid-row:auto}.p-ebasic .mod-list{grid-template-columns:1fr 1fr}}@media(min-width:960px){.p-ebasic .aud-grid{grid-template-columns:.8fr 1.2fr;gap:50px}.p-ebasic .who-card{grid-template-columns:120px 1fr}.p-ebasic .who-card img{width:120px;height:100px}.p-ebasic .bonus-card{grid-template-columns:1fr 1fr;padding:50px}}@keyframes ebasic-drift{to{transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference){html.js .p-ebasic .lane .track b{width:0}html.js .p-ebasic .mods{--pin: 320vh}html.js .p-ebasic .mods .stage{padding:90px 0 0;display:grid;grid-template-rows:auto 1fr auto;width:min(1200px,100% - 48px)}html.js .p-ebasic .mod-list{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}html.js .p-ebasic .monitor{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;margin:22px 0;perspective:1500px;min-height:0}html.js .p-ebasic .screen{position:relative;aspect-ratio:16 / 9;max-height:52vh;border-radius:18px;overflow:hidden;background:#000;box-shadow:var(--shadow);border:1px solid var(--line);transform:rotateY(9deg)}html.js .p-ebasic .screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform 1.2s}html.js .p-ebasic .screen img:not(.on){opacity:0;transform:scale(1.06)}html.js .p-ebasic .screen .rec{position:absolute;left:14px;top:12px;font-size:11px;font-weight:600;letter-spacing:.14em;color:#fff;background:#0000008c;padding:5px 9px;border-radius:7px}html.js .p-ebasic .info h3{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:8px 0 12px}html.js .p-ebasic .info p{color:var(--muted)}html.js .p-ebasic .timeline{display:block;position:relative;padding:18px 0 30px}html.js .p-ebasic .ruler{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-bottom:8px;font-variant-numeric:tabular-nums}html.js .p-ebasic .clips{display:grid;grid-template-columns:1fr 1.6fr 1.3fr 1.5fr 1fr 1.1fr 1.2fr;gap:4px}html.js .p-ebasic .clip{height:58px;border-radius:8px;overflow:hidden;position:relative;border:1px solid var(--line);opacity:.55;transition:opacity .3s}html.js .p-ebasic .clip.on{opacity:1;outline:2px solid var(--accent)}html.js .p-ebasic .clip img{width:100%;height:100%;object-fit:cover}html.js .p-ebasic .clip span{position:absolute;left:6px;bottom:4px;font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 4px #000}html.js .p-ebasic .head{position:absolute;top:8px;bottom:22px;left:0;width:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}html.js .p-ebasic .head:before{content:"";position:absolute;top:-2px;left:-6px;border:7px solid transparent;border-top:9px solid var(--accent)}}@media(prefers-reduced-motion:no-preference)and (max-width:959px){html.js .p-ebasic .mods{--pin: 300vh}html.js .p-ebasic .mods .stage{padding:76px 0 0;width:calc(100% - 32px);grid-template-rows:auto auto auto;align-content:start}html.js .p-ebasic .mods h2{font-size:1.7rem}html.js .p-ebasic .monitor{grid-template-columns:1fr;gap:14px;margin:14px 0 6px;align-content:start}html.js .p-ebasic .screen{max-height:30vh;width:100%;transform:rotateY(5deg)}html.js .p-ebasic .info h3{font-size:1.35rem;margin:4px 0 6px}html.js .p-ebasic .info p{font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}html.js .p-ebasic .timeline{padding:10px 0 24px}html.js .p-ebasic .ruler span:nth-child(2n){visibility:hidden}html.js .p-ebasic .clip{height:40px;border-radius:6px}}
