/* WinShark site-4 | prefix: sb | font: Source Sans 3 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Source Sans 3',sans-serif;background:#1a1b2e;color:#ffffff;line-height:1.7;}

.sb-ribbon{background:#14141e;position:sticky;top:0;z-index:100;border-bottom:1px solid #2a2a40;}
.sb-ribbon-frame{max-width:1220px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;}
.sb-badge{height:40px;width:auto;}
.sb-badge-link{display:flex;align-items:center;text-decoration:none;}
.sb-ribbon-menu{display:flex;gap:24px;}
.sb-ribbon-menu a{color:#b8b8cc;text-decoration:none;font-weight:500;font-size:0.95rem;transition:color 0.2s;}
.sb-ribbon-menu a:hover,.sb-ribbon-menu a[aria-current="page"]{color:#ffcd49;}
.sb-ribbon-action{background:linear-gradient(135deg, #ffcd49 0%, #ffa042 100%);color:#1a1b2e;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:700;font-size:0.9rem;transition:transform 0.2s,box-shadow 0.2s;}
.sb-ribbon-action:hover{transform:translateY(-2px);box-shadow:0 3px 16px rgba(0,0,0,0.2);}
.sb-nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.sb-nav-toggle span{display:block;width:24px;height:2px;background:#ffffff;transition:transform 0.3s;}

.sb-headline-area{padding:60px 20px;}
.sb-headline-frame{max-width:1220px;margin:0 auto;display:flex;align-items:center;gap:40px;}
.sb-headline-text{flex:1;}
.sb-headline-text h1{font-size:2.4rem;font-weight:700;margin-bottom:16px;line-height:1.2;}
.sb-headline-score{display:flex;align-items:center;gap:8px;margin-bottom:16px;}
.sb-headline-tag{color:#b8b8cc;margin-bottom:24px;font-size:1.05rem;}
.sb-headline-thumb{flex:0 0 auto;}
.sb-headline-thumb img{border-radius:16px;max-width:100%;height:auto;box-shadow:0 3px 16px rgba(0,0,0,0.2);}

.sb-visit-btn{display:inline-block;background:linear-gradient(135deg, #ffcd49 0%, #ffa042 100%);color:#1a1b2e;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:transform 0.2s,box-shadow 0.2s;}
.sb-visit-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,205,73,0.4);}

.sb-contents-bar{max-width:1220px;margin:0 auto;padding:24px 20px;}
.sb-contents-bar h2{font-size:1.2rem;margin-bottom:12px;color:#b8b8cc;}
.sb-contents-chips{display:flex;flex-wrap:wrap;gap:10px;}
.sb-contents-chips a{background:#212131;color:#b8b8cc;padding:8px 16px;border-radius:12px;text-decoration:none;font-size:0.85rem;border:1px solid #2a2a40;transition:background 0.2s,color 0.2s;}
.sb-contents-chips a:hover{background:#2528ab;color:#fff;}

.sb-module{max-width:1220px;margin:0 auto;padding:48px 20px;}
.sb-module h2{font-size:1.8rem;margin-bottom:24px;color:#ffffff;}
.sb-module h3{font-size:1.3rem;margin:20px 0 12px;color:#ffffff;}
.sb-module p{margin-bottom:16px;color:#b8b8cc;}

.sb-profile-table{overflow-x:auto;}
.sb-profile-table table{width:100%;border-collapse:collapse;background:#212131;border-radius:16px;overflow:hidden;}
.sb-profile-table th,.sb-profile-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #2a2a40;}
.sb-profile-table th{background:#14141e;color:#ffcd49;font-weight:600;width:35%;font-size:0.9rem;}
.sb-profile-table td{color:#b8b8cc;font-size:0.9rem;}

.sb-contributor-card{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;background:#212131;border-radius:16px;border-left:4px solid #ffcd49;}
.sb-contributor-card img{border-radius:50%;width:64px;height:64px;object-fit:cover;}
.sb-contributor-card strong{display:block;color:#ffffff;}
.sb-contributor-card span{display:block;color:#8888a0;font-size:0.85rem;}
.sb-contributor-card time{display:block;color:#8888a0;font-size:0.8rem;}

.sb-compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.sb-advantages,.sb-limitations{background:#212131;padding:24px;border-radius:16px;}
.sb-advantages{border-top:3px solid #4caf50;}
.sb-limitations{border-top:3px solid #f44336;}
.sb-advantages h3,.sb-limitations h3{margin-top:0;}
.sb-advantages ul,.sb-limitations ul{list-style:none;}
.sb-advantages li,.sb-limitations li{padding:8px 0;display:flex;align-items:flex-start;gap:8px;color:#b8b8cc;font-size:0.92rem;}
.sb-advantages li svg,.sb-limitations li svg{flex-shrink:0;margin-top:3px;}

.sb-incentive-card{background:#212131;padding:28px;border-radius:16px;margin-bottom:20px;border:1px solid #2a2a40;}

.sb-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px;}
.sb-gallery-grid-tight{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
.sb-gallery-item{background:#212131;border-radius:16px;overflow:hidden;border:none;transition:transform 0.2s;}
.sb-gallery-item:hover{transform:translateY(-4px);box-shadow:0 3px 16px rgba(0,0,0,0.2);}
.sb-gallery-item img{width:100%;height:180px;object-fit:cover;display:block;}
.sb-gallery-item h4{padding:12px 16px;font-size:0.9rem;color:#ffffff;}

.sb-transfer-block{margin-bottom:24px;}
.sb-how-to-list{padding-left:24px;margin:16px 0;}
.sb-how-to-list li{padding:8px 0;color:#b8b8cc;}

.sb-checkout-icons{margin-top:32px;}
.sb-checkout-line{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;}

.sb-handset-img{border-radius:16px;max-width:100%;height:auto;margin-top:20px;box-shadow:0 3px 16px rgba(0,0,0,0.2);}

.sb-enroll-card{background:#212131;padding:24px;border-radius:16px;margin-top:20px;border:1px solid #2a2a40;}

.sb-verify-block{margin-bottom:20px;}

.sb-voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;}
.sb-voice-card{background:#212131;padding:20px;border-radius:16px;border:1px solid #2a2a40;}
.sb-voice-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;}
.sb-voice-stars{display:flex;gap:2px;}
.sb-voice-score{color:#ffcd49;font-weight:600;font-size:0.85rem;}
.sb-voice-card p{color:#b8b8cc;font-size:0.92rem;margin:0;}

.sb-help-list{max-width:800px;}
.sb-help-row{border-bottom:1px solid #2a2a40;}
.sb-help-row summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;list-style:none;}
.sb-help-row summary::-webkit-details-marker{display:none;}
.sb-help-row summary h3{font-size:1.05rem;margin:0;font-weight:500;}
.sb-help-icon{color:#ffcd49;font-size:1.4rem;font-weight:700;transition:transform 0.2s;}
.sb-help-row[open] .sb-help-icon{transform:rotate(45deg);}
.sb-help-row p{padding:0 0 16px;color:#b8b8cc;}

.sb-end-strip{background:#14141e;border-top:1px solid #2a2a40;padding:32px 20px;margin-top:40px;}
.sb-end-strip-frame{max-width:1220px;margin:0 auto;}
.sb-end-links{display:flex;gap:20px;margin-bottom:16px;flex-wrap:wrap;}
.sb-end-links a{color:#b8b8cc;text-decoration:none;font-size:0.85rem;}
.sb-end-links a:hover{color:#ffcd49;}
.sb-end-text p{color:#8888a0;font-size:0.8rem;margin-bottom:8px;}

.sb-mark{flex-shrink:0;}

/* Responsive */
@media(max-width:1024px){
  .sb-headline-frame{flex-direction:column;text-align:center;}
  .sb-headline-score{justify-content:center;}
  .sb-gallery-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .sb-ribbon-menu{display:none;}
  .sb-ribbon-action{display:none;}
  .sb-nav-toggle{display:flex;}
  .sb-ribbon-menu.sb-shown{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#14141e;padding:20px;border-bottom:1px solid #2a2a40;z-index:99;}
  .sb-ribbon-action.sb-shown{display:block;position:absolute;top:calc(100% + 120px);left:20px;right:20px;text-align:center;z-index:99;}
  .sb-compare-columns{grid-template-columns:1fr;}
  .sb-headline-text h1{font-size:1.8rem;}
  .sb-module h2{font-size:1.4rem;}
  .sb-voice-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .sb-gallery-grid{grid-template-columns:1fr;}
  .sb-contents-chips{flex-direction:column;}
  .sb-headline-text h1{font-size:1.5rem;}
}

.sb-gallery-part{margin-bottom:32px;}
.sb-preamble p{margin-bottom:16px;}