:root{--red:#c70024;--red-dark:#9f001d;--ink:#171719;--muted:#696a70;--line:#e6e6e9;--soft:#f5f5f7;--white:#fff;--shadow:0 12px 36px rgba(20,20,25,.08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:16px;line-height:1.7;background:#fff}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#000;padding:.7rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}
.lang-switcher{position:relative}.lang-toggle{display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);background:#fff;padding:.55rem .78rem;border-radius:999px;font-size:.86rem;font-weight:700;cursor:pointer}.lang-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:150px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:var(--shadow);display:none}.lang-switcher.is-open .lang-menu{display:grid}.lang-menu button{border:0;background:transparent;text-align:left;padding:.62rem .7rem;border-radius:8px;cursor:pointer}.lang-menu button:hover,.lang-menu button.is-active{background:var(--soft);color:var(--red);font-weight:700}
.guide-top{background:#fff;border-bottom:1px solid var(--line)}.top-inner{position:relative;max-width:920px;margin:auto;padding:32px 24px 30px}.top-tools{position:absolute;top:18px;right:24px;z-index:5}.top-inner h1{margin:0 0 18px;text-align:center;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1;letter-spacing:.06em}.top-inner h1:after{content:"";display:block;width:34px;height:3px;background:var(--red);margin:14px auto 0}.search-box{height:56px;display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border:1px solid #cfcfd3;border-radius:8px;padding:0 12px 0 18px;text-align:left;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(199,0,36,.09)}.search-box svg{width:23px;height:23px;fill:none;stroke:var(--red);stroke-width:2}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:1rem}.search-box input::placeholder{color:#929298}.clear-search{width:34px;height:34px;border:0;border-radius:50%;background:var(--soft);font-size:1.3rem;line-height:1;color:#666;cursor:pointer;visibility:hidden}.clear-search.show{visibility:visible}
.guide-shell{max-width:920px;margin:0 auto;padding:28px 24px 72px}.category-rail{position:static}.rail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-weight:800}.rail-head span:first-child{font-size:1rem}.rail-head span:last-child{color:var(--muted);font-size:.8rem;font-weight:500}.rail-head b{color:var(--ink);margin-right:2px}.category-nav{display:grid;grid-template-columns:1fr;gap:7px}.category-button{border:1px solid var(--line);background:#fff;min-height:55px;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px 16px;border-radius:9px;text-align:left;color:#35353a;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.category-button span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-button:hover{border-color:#c9c9ce;background:#fafafa;transform:translateY(-1px)}.category-button.active{border-color:var(--red);background:#fff;color:var(--ink);font-weight:800;box-shadow:inset 4px 0 0 var(--red)}.category-num{font-size:.72rem;font-weight:800;color:var(--red)}.category-arrow{font-size:1rem;color:#aaa}.category-button.active .category-arrow{color:var(--red)}.category-button[hidden]{display:none}.content-column{min-width:0;outline:0;border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.search-status{min-height:0;margin:0 0 12px;color:var(--muted);font-size:.9rem}.guide-panel{max-width:860px;margin:auto;animation:panel-in .28s ease}.guide-panel[hidden]{display:none}@keyframes panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.panel-header{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}.panel-kicker{display:flex;align-items:center;gap:8px;color:var(--red);font-size:.77rem;font-weight:900;letter-spacing:.1em}.panel-kicker:before{content:"";width:24px;height:3px;background:var(--red);border-radius:2px}.panel-header h2{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.35;letter-spacing:-.035em;margin:8px 0 0}.lead-card,.notice-card{border-radius:14px;padding:17px 19px;margin:16px 0}.lead-card{background:#f4f5f7}.lead-card ul{margin:0;padding-left:1.25rem}.notice-card{background:#fff0f2;border-left:4px solid var(--red);color:#760016;font-weight:700}.notice-card p{margin:0;white-space:pre-line}.section-title{font-size:1.15rem;margin:32px 0 13px;display:flex;align-items:center;gap:9px}.section-title:before{content:"";width:5px;height:21px;border-radius:4px;background:var(--red)}
.step-carousel{position:relative;border:1px solid #dedee2;border-radius:26px;background:linear-gradient(145deg,#fff 0,#f8f8fa 58%,#f1f1f4 100%);box-shadow:0 24px 60px rgba(18,18,22,.09);overflow:hidden}.step-carousel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--red),#ff536f 48%,rgba(255,255,255,.9) 62%,var(--red));z-index:3}.step-viewport{overflow:hidden;touch-action:pan-y;cursor:grab;outline:none}.step-viewport:focus-visible{box-shadow:inset 0 0 0 3px rgba(199,0,36,.18)}.step-viewport.is-dragging{cursor:grabbing}.step-track{display:flex;align-items:stretch;transition:transform .58s cubic-bezier(.22,.8,.22,1);will-change:transform}.step-card{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(230px,.88fr) minmax(320px,1.12fr);gap:22px;align-items:center;padding:24px 30px 22px;border:0;background:transparent;overflow:visible}.step-head{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:0}.step-num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e20832,var(--red-dark));color:#fff;font-weight:900;font-size:.9rem;box-shadow:0 9px 22px rgba(199,0,36,.25),inset 0 1px 0 rgba(255,255,255,.35)}.step-title{font-weight:850;font-size:1.08rem;line-height:1.5;letter-spacing:-.015em}.step-text{grid-column:1/-1;color:var(--muted);font-size:.92rem;line-height:1.7;white-space:pre-line;padding-top:3px}.device-stage{position:relative;display:grid;place-items:center;min-height:438px;padding:16px 64px;border-radius:22px;background:radial-gradient(circle at 50% 28%,#fff 0,#f7f7f8 58%,#ececef 100%);overflow:hidden;perspective:1000px}.device-stage:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(199,0,36,.12);border-radius:50%;top:30px;right:-58px}.device-stage:after{content:"";position:absolute;width:9px;height:9px;background:var(--red);border-radius:50%;left:20px;bottom:24px;box-shadow:16px 0 0 rgba(199,0,36,.24),32px 0 0 rgba(199,0,36,.1)}.phone-device{position:relative;z-index:1;width:min(100%,190px);padding:8px 6px 10px;border:1px solid #3e3e42;border-radius:31px;background:linear-gradient(145deg,#252529,#080809 58%,#303035);box-shadow:0 24px 40px rgba(15,15,18,.2),0 7px 14px rgba(15,15,18,.16),inset 0 0 0 1px rgba(255,255,255,.12);transform:rotateX(0) rotateY(0) translateY(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.step-card:hover .phone-device{transform:rotateX(1.5deg) rotateY(-2deg) translateY(-4px);box-shadow:14px 28px 48px rgba(15,15,18,.23),0 9px 18px rgba(15,15,18,.15),inset 0 0 0 1px rgba(255,255,255,.12)}.phone-top{height:14px;position:relative;display:flex;justify-content:center;align-items:flex-start}.phone-speaker{width:44px;height:4px;border-radius:5px;background:#050506;box-shadow:inset 0 1px 1px rgba(255,255,255,.09)}.phone-camera{position:absolute;left:calc(50% - 33px);width:5px;height:5px;border-radius:50%;background:#111;box-shadow:inset 0 0 0 2px #28283b}.phone-screen{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.phone-screen img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#fff;border:0}.phone-home{display:block;width:58px;height:3px;border-radius:4px;background:#5a5a60;margin:7px auto 0}.device-arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#171719;color:#fff;cursor:pointer;box-shadow:0 10px 24px rgba(15,15,18,.24),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(-50%);transition:transform .2s,background .2s,box-shadow .2s}.device-arrow svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.device-prev{left:14px}.device-next{right:14px}.device-arrow:hover{background:var(--red);transform:translateY(-50%) scale(1.06);box-shadow:0 12px 28px rgba(199,0,36,.3)}.device-arrow:focus-visible{outline:3px solid rgba(199,0,36,.28);outline-offset:3px}.step-controls{position:relative;z-index:4;min-height:50px;display:flex;align-items:center;justify-content:center;padding:8px 18px 10px;border-top:1px solid rgba(210,210,215,.8);background:rgba(255,255,255,.82);backdrop-filter:blur(12px)}.step-meta{display:grid;justify-items:center;gap:3px}.step-dots{display:flex;justify-content:center;gap:7px}.step-dot{width:7px;height:7px;border:0;border-radius:99px;background:#c9c9ce;padding:0;cursor:pointer;transition:width .25s,background .25s}.step-dot.active{width:24px;background:var(--red)}.step-count{font-size:.75rem;font-weight:850;letter-spacing:.08em;color:#55565c}.motion-ready .reveal{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .65s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.step-link,.action-link{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;font-weight:850;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s}.step-link:after,.action-link:after{content:"↗";font-size:.9em}.step-link:before,.action-link:before{content:"";position:absolute;z-index:-1;top:-120%;left:-35%;width:24%;height:340%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(22deg);transition:left .58s ease}.step-link:hover:before,.action-link:hover:before{left:115%}.step-link{grid-column:1/-1;width:100%;min-height:50px;padding:.72rem 1rem;color:var(--red);background:linear-gradient(145deg,#fff,#fff4f6);border:1px solid rgba(199,0,36,.32);box-shadow:0 9px 24px rgba(199,0,36,.1),inset 0 1px 0 #fff}.action-link{min-height:50px;background:linear-gradient(145deg,#e20a34,var(--red-dark));color:#fff;padding:.78rem 1.15rem;margin-top:13px;box-shadow:0 12px 28px rgba(199,0,36,.24),inset 0 1px 0 rgba(255,255,255,.38)}.step-link:hover,.action-link:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(199,0,36,.25)}.action-link:hover{background:linear-gradient(145deg,#ef123d,#a40020)}
.phone-screen{position:relative;display:grid;aspect-ratio:9/20}.phone-screen:before{content:"";grid-area:1/1;background:linear-gradient(105deg,#f0f0f2 20%,#fafafa 38%,#f0f0f2 56%);background-size:220% 100%;animation:image-loading 1.15s ease-in-out infinite;transition:opacity .22s}.phone-screen img{grid-area:1/1;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}.phone-screen.is-loaded:before{opacity:0;animation:none}.phone-screen.is-loaded img{opacity:1}@keyframes image-loading{to{background-position-x:-220%}}
.info-card{border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0}.info-card h3{margin:0 0 12px;font-size:1.08rem}.info-card ul{margin:0;padding-left:1.25rem}.subtle{color:var(--muted);font-size:.9rem}.fee-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.fee-group{background:var(--soft);border-radius:12px;padding:14px}.fee-group strong{color:var(--red);font-size:.8rem}.fee-line,.price-line{display:flex;justify-content:space-between;gap:1rem;padding:8px 0;border-bottom:1px solid #ddd;font-size:.9rem}.fee-line:last-child,.price-line:last-child{border:0}.fee-total{display:flex;justify-content:space-between;align-items:center;background:#171719;color:#fff;border-radius:12px;padding:13px 16px;margin-top:12px;font-weight:800}.fee-total span:last-child{font-size:1.2rem;color:#ff536f}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.price-card{border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;align-items:center;gap:12px}.price-card img{width:62px;height:62px;border-radius:10px;object-fit:cover;background:var(--soft)}.price-copy{min-width:0;flex:1}.price-copy strong{display:block;line-height:1.4}.price-values{display:flex;gap:8px;align-items:baseline;margin-top:5px}.price-values b{color:var(--red);font-size:1.1rem}.price-values small{color:var(--muted)}.tag{display:inline-block;background:#232327;color:#fff;border-radius:4px;font-size:.68rem;padding:1px 6px;margin-top:5px}.price-link{width:100%;min-height:42px;margin-top:10px;padding:.58rem .8rem;font-size:.82rem}
.pt-hero{background:#171719;color:#fff;border-radius:18px;padding:23px;margin-bottom:18px}.pt-hero small{color:#ff5773;font-weight:900;letter-spacing:.14em}.pt-hero h3{font-size:1.55rem;margin:3px 0}.pt-prices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pt-price{background:#fff;color:#171719;border-radius:9px;padding:7px 11px}.pt-price b{color:var(--red);margin-left:5px}.trainer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trainer-card{border:1px solid var(--line);border-radius:16px;overflow:hidden}.trainer-top{min-height:190px;padding:20px;position:relative;background:linear-gradient(135deg,#f5f5f7,#fff);overflow:hidden}.trainer-top img{position:absolute;right:-10px;bottom:0;height:185px;max-width:58%;object-fit:contain}.trainer-top h3{position:relative;z-index:1;font-size:1.5rem;margin:5px 0}.trainer-top p{position:relative;z-index:1;color:var(--muted);font-size:.78rem}.trainer-body{padding:16px}.trainer-body ul{margin:7px 0 0;padding-left:1.2rem}.trainer-body a{width:100%;margin-top:14px}
.flow-list{display:grid;gap:9px;counter-reset:flow}.flow-item{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start;background:var(--soft);border-radius:12px;padding:13px}.flow-item:before{counter-increment:flow;content:counter(flow);width:28px;height:28px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:.78rem;font-weight:900}.flow-item strong{display:block}.flow-item span{color:var(--muted);font-size:.9rem}.qa-details{border-bottom:1px solid var(--line)}.qa-details summary{cursor:pointer;padding:15px 4px;font-weight:800}.qa-answer{padding:0 4px 18px;color:#4f5055;white-space:pre-line}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}.empty-state h2{color:var(--ink)}.empty-icon{display:grid;place-items:center;margin:auto;width:56px;height:56px;border-radius:50%;background:#fff0f2;color:var(--red);font-size:1.7rem;font-weight:900}
@media(max-width:820px){.top-inner{padding:26px 18px 24px}.top-tools{top:12px;right:16px}.guide-shell{padding:22px 18px 56px}.category-nav{grid-template-columns:1fr;gap:7px}.category-button{min-height:53px;padding:9px 13px;grid-template-columns:30px minmax(0,1fr) 14px;font-size:.9rem;line-height:1.4}.content-column{margin-top:24px;padding-top:23px}.trainer-grid{grid-template-columns:1fr}.step-carousel{border-radius:20px}.step-card{grid-template-columns:1fr;gap:17px;padding:20px 16px 18px}.step-head{padding:0 3px}.device-stage{min-height:0;padding:14px 56px}.phone-device{width:min(58vw,188px)}.device-arrow{width:40px;height:40px;font-size:1.8rem}.device-prev{left:10px}.device-next{right:10px}.step-controls{min-height:46px;padding:7px 12px 9px}.price-grid{grid-template-columns:1fr}.panel-header{margin-bottom:18px}.panel-header h2{font-size:1.7rem}}
@media(max-width:480px){.top-inner h1{font-size:1.65rem}.lang-toggle{padding:.42rem .58rem;font-size:.78rem}.hero-copy{font-size:.92rem}.fee-groups{grid-template-columns:1fr}.price-card img{width:54px;height:54px}.step-card{padding:17px 12px 16px}.step-title{font-size:1rem}.step-text{font-size:.88rem}.device-stage{padding:12px 50px}.phone-device{width:min(56vw,180px)}.device-arrow{width:38px;height:38px}.device-prev{left:8px}.device-next{right:8px}.trainer-top{min-height:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-panel{animation:none}.phone-device{transition:none}.step-card:hover .phone-device{transform:none}.step-track{transition:none}.phone-screen:before{animation:none}.phone-screen img{transition:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}.step-link:before,.action-link:before{display:none}}

/* Refined editorial layout: fewer boxes, clearer hierarchy */
.guide-top{border-bottom:0}.top-inner{max-width:1120px;padding:27px 32px 24px}.top-inner h1{text-align:left;font-size:1.75rem;letter-spacing:-.03em;margin:0 0 16px}.top-inner h1:after{display:none}.search-box{max-width:720px;height:54px;border:0;border-radius:14px;background:#f3f3f5;padding-left:17px;box-shadow:none}.search-box:focus-within{background:#fff;box-shadow:0 0 0 2px var(--red),0 14px 36px rgba(20,20,25,.08)}
.guide-shell{max-width:1120px;display:grid;grid-template-columns:282px minmax(0,1fr);gap:58px;align-items:start;padding:20px 32px 80px}.category-rail{position:sticky;top:20px}.rail-head{padding:0 4px 11px;margin:0;border-bottom:1px solid #d8d8dc}.category-nav{gap:0}.category-button{min-height:0;grid-template-columns:minmax(0,1fr) 18px;gap:10px;padding:14px 5px;border:0;border-bottom:1px solid #ececef;border-radius:0;background:transparent;color:#55565b}.category-button:hover{border-color:#ececef;background:transparent;color:#111;transform:none}.category-button.active{border-color:#ececef;background:transparent;color:var(--red);font-weight:850;box-shadow:none}.category-button.active:before{content:"";position:absolute;left:-12px;width:3px;height:24px;border-radius:3px;background:var(--red)}.category-button{position:relative}.category-arrow{color:#b5b5ba;font-size:1.15rem;transition:transform .18s,color .18s}.category-button.active .category-arrow{color:var(--red);transform:translateX(2px)}
.content-column{border-top:0;margin-top:0;padding-top:0}.guide-panel{max-width:none}.panel-header{padding:1px 0 18px;margin:0 0 20px;border-bottom:1px solid #d8d8dc}.panel-header h2{font-size:clamp(1.65rem,3vw,2.15rem);margin:0;letter-spacing:-.045em}.section-title{margin:34px 0 14px;font-size:1rem;letter-spacing:.01em}.section-title:before{width:18px;height:2px;border-radius:0}
.lead-card,.notice-card,.info-card{border-radius:0}.lead-card{background:transparent;border-left:2px solid #d6d6da;padding:4px 0 4px 17px}.notice-card{background:#fff7f8;border:0;border-left:3px solid var(--red);padding:16px 18px}.info-card{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.step-carousel{border:0;border-radius:0;background:#fff;box-shadow:none;overflow:hidden}.step-carousel:before{display:none}.step-card{grid-template-columns:minmax(220px,.78fr) minmax(330px,1.22fr);gap:34px;padding:8px 0 10px}.step-head{grid-template-columns:1fr;gap:8px;align-content:center;padding:8px 0}.step-num{width:auto;height:auto;display:block;border-radius:0;background:none;color:var(--red);font-size:.72rem;letter-spacing:.14em;box-shadow:none}.step-title{font-size:1.18rem;line-height:1.55}.step-text{grid-column:auto;font-size:.94rem;padding:0}.device-stage{min-height:418px;padding:12px 58px;border-radius:18px;background:#f3f3f5}.device-stage:before,.device-stage:after{display:none}.phone-device{width:min(100%,182px);padding:6px 5px 8px;border:1px solid #303034;border-radius:28px;background:#0d0d0f;box-shadow:0 18px 42px rgba(13,13,15,.18)}.step-card:hover .phone-device{transform:translateY(-2px);box-shadow:0 22px 48px rgba(13,13,15,.2)}.phone-top{height:12px}.phone-screen{border-radius:20px}.phone-home{height:2px;margin-top:6px}.device-arrow{width:38px;height:38px;background:#fff;color:#171719;border:1px solid #d7d7db;box-shadow:0 6px 18px rgba(15,15,18,.09)}.device-arrow:hover{background:#171719;color:#fff;box-shadow:0 8px 22px rgba(15,15,18,.16)}.device-prev{left:12px}.device-next{right:12px}.step-controls{min-height:42px;padding:7px 0 4px;border:0;background:#fff;backdrop-filter:none}.step-count{font-weight:700;color:#77787e}.step-dot{height:5px;width:5px}.step-dot.active{width:20px}
.flow-list{gap:0;border-top:1px solid var(--line)}.flow-item{grid-template-columns:28px 1fr;gap:12px;background:transparent;border-radius:0;border-bottom:1px solid var(--line);padding:15px 0}.flow-item:before{width:auto;height:auto;background:transparent;color:var(--red);font-size:.75rem}.qa-details{border-bottom:1px solid #dedee2}.qa-details summary{position:relative;padding:18px 36px 18px 0;font-size:1rem;list-style:none}.qa-details summary::-webkit-details-marker{display:none}.qa-details summary:after{content:"＋";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#8a8b91;font-size:1.2rem;font-weight:400}.qa-details[open] summary:after{content:"−";color:var(--red)}.qa-answer{padding:0 36px 20px 0;line-height:1.85}

@media(max-width:820px){.top-inner{padding:22px 18px 18px}.top-inner h1{font-size:1.5rem;margin-bottom:13px}.top-tools{top:17px;right:18px}.search-box{height:50px;border-radius:12px}.guide-shell{display:block;padding:14px 18px 56px}.category-rail{position:static}.category-button{padding:13px 4px;font-size:.92rem}.category-button.active:before{left:-8px}.content-column{margin-top:26px;padding-top:0}.panel-header{margin-bottom:16px}.panel-header h2{font-size:1.55rem}.step-card{grid-template-columns:1fr;gap:13px;padding:4px 0 9px}.step-head{padding:2px 2px}.step-title{font-size:1.08rem}.device-stage{padding:12px 49px;border-radius:15px}.phone-device{width:min(50vw,168px)}.device-arrow{width:36px;height:36px}.step-controls{min-height:38px}.lead-card{margin:13px 0}.info-card{padding:17px 0}}
@media(max-width:480px){.step-card{padding:2px 0 8px}.device-stage{padding:10px 46px}.phone-device{width:min(48vw,158px)}.device-arrow{width:34px;height:34px}.step-title{font-size:1.02rem}.step-text{font-size:.9rem}.panel-header h2{font-size:1.42rem}}

/* Balanced carousel composition and geometric accents */
.panel-header h2{position:relative;padding-left:21px}.panel-header h2:before{content:"";position:absolute;left:0;top:.12em;width:10px;height:18px;border-top:2px solid var(--red);border-left:2px solid var(--red)}.panel-header h2:after{content:"";display:inline-block;width:7px;height:7px;margin-left:12px;border:1px solid rgba(199,0,36,.35);vertical-align:.28em;transform:rotate(45deg)}
.step-card{grid-template-columns:1fr;gap:16px;padding:7px 0 9px}.step-head{position:relative;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:4px 48px 4px 17px;min-height:44px}.step-head:before{content:"";position:absolute;left:0;top:0;width:10px;height:18px;border-top:2px solid var(--red);border-left:2px solid var(--red)}.step-head:after{content:"";position:absolute;right:2px;bottom:0;width:18px;height:8px;border-right:1px solid #bfc0c5;border-bottom:1px solid #bfc0c5}.step-num{min-width:58px;padding:5px 8px;border:1px solid rgba(199,0,36,.45);text-align:center;line-height:1.2}.step-title{min-width:0;white-space:nowrap;font-size:clamp(.9rem,1.55vw,1.08rem)}.step-text{grid-column:2;padding:0;white-space:normal}.step-link{grid-column:2}.device-stage{min-height:392px;padding:14px 64px;border-radius:12px;background:linear-gradient(145deg,#f7f7f8,#eeeeF1);overflow:visible}.device-stage:before{display:block;content:"";position:absolute;left:0;top:0;width:34px;height:34px;border:2px solid transparent;border-left-color:var(--red);border-top-color:var(--red);border-radius:0}.device-stage:after{display:block;content:"";position:absolute;right:0;bottom:0;left:auto;top:auto;width:34px;height:34px;border:2px solid transparent;border-right-color:#b9bac0;border-bottom-color:#b9bac0;border-radius:0;background:none;box-shadow:none}.device-arrow{z-index:5}.device-prev{left:17px}.device-next{right:17px}.step-controls{padding-top:9px}

@media(max-width:820px){.panel-header h2{padding-left:18px}.step-card{gap:13px}.step-head{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:3px 24px 3px 14px}.step-num{min-width:50px;padding:4px 6px;font-size:.68rem}.step-title{white-space:normal;font-size:1.02rem}.step-text,.step-link{grid-column:1/-1}.device-stage{min-height:0;padding:11px 48px;border-radius:10px}.device-stage:before,.device-stage:after{width:24px;height:24px}.device-prev{left:8px}.device-next{right:8px}}

/* Single external controls; no decorative or navigation dots */
.step-dots,.step-dot{display:none!important}.step-carousel>.device-arrow{top:calc(50% + 21px);pointer-events:auto}.step-carousel>.device-prev{left:18px}.step-carousel>.device-next{right:18px}.device-stage>.device-arrow{display:none}.step-controls{min-height:30px;padding:6px 0 0}.step-count{display:block}.step-meta{display:block}.device-stage:after{background:none!important;box-shadow:none!important}
@media(max-width:820px){.step-carousel>.device-arrow{top:calc(50% + 24px)}.step-carousel>.device-prev{left:8px}.step-carousel>.device-next{right:8px}.step-controls{min-height:28px}}