.hiw-hero-wrapper{text-align:center;background:#fff;width:100%;padding:clamp(3rem,5vw,6rem) 0;position:relative}.hiw-hero-subtitle{letter-spacing:-.5px;color:#000;margin-bottom:24px;font-family:Inter,sans-serif;font-size:clamp(32px,5vw,48px);font-style:normal;font-weight:700;line-height:1}.hiw-hero-desc{text-align:center;letter-spacing:-.5px;color:#666;max-width:600px;margin:0 auto 60px;font-family:Inter,sans-serif;font-size:clamp(16px,3vw,20px);font-style:normal;font-weight:400;line-height:1.4}.hiw-process-flow{justify-content:center;gap:clamp(40px,8vw,112px);max-width:800px;margin:0 auto;display:flex;position:relative}.process-step{flex-direction:column;align-items:center;width:64px;display:flex}.process-icon-circle{background:#1f47201a;border-radius:9999px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:flex}.process-label{text-align:center;letter-spacing:-.5px;color:#666;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px}
.hiw-steps-wrapper{background:#fff;width:100%;padding:0 0 clamp(3rem,5vw,6rem);position:relative}.hiw-steps-container{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.hiw-step-card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:24px;transition:transform .2s;display:flex;position:relative}.hiw-step-card:hover{transform:translateY(-5px)}.step-icon-box{background:#1f4720;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:24px;display:flex;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a}.step-icon-box svg{width:100%;max-width:48px;height:auto;max-height:48px}.step-card-title{letter-spacing:-.5px;color:#000;max-width:150px;margin:0 auto;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:1.2}
.hiw-create-wrapper{background:#fff;width:100%;padding:clamp(3rem,5vw,100px) 0;position:relative}.step-badge{color:#1f4720;background:#1f47201a;border-radius:9999px;justify-content:center;align-items:center;margin-bottom:24px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.step-title{color:#000;margin-bottom:24px;font-family:Inter,sans-serif;font-size:clamp(28px,5vw,36px);font-weight:700;line-height:1.1}.step-desc{color:#666;margin-bottom:32px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.step-checklist{margin:0;padding:0;list-style:none}.step-checklist li{color:#666;align-items:flex-start;margin-bottom:16px;font-size:16px;display:flex}.step-checklist li svg{flex-shrink:0;margin-top:2px;margin-right:12px}.mockup-card-container{background:#fff;border-radius:16px;max-width:652px;margin:0 auto;padding:clamp(16px,3vw,32px);box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a}.mockup-inner-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.mockup-header{border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.mockup-header h4{color:#000;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700}.mockup-body{padding:24px}.mockup-form-group{margin-bottom:24px}.mockup-label{color:#000;margin-bottom:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;display:block}.mockup-toggles{gap:8px;display:flex}.mockup-toggle-btn{cursor:default;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;height:40px;font-size:14px;font-weight:500;display:flex}.mockup-toggle-btn.active{color:#fff;background:#1f4720}.mockup-toggle-btn.inactive{color:#666;background:#f5f5f5}.mockup-input{color:#000;background:#fff;border:1px solid #eaeaea;border-radius:8px;width:100%;height:50px;padding:0 16px;font-family:Inter,sans-serif;font-size:16px}.mockup-action-btn{color:#fff;cursor:default;background:#1f4720;border:none;border-radius:8px;width:100%;height:48px;font-size:16px;font-weight:600}
.hiw-toss-wrapper{background:#fff;width:100%;padding:clamp(3rem,5vw,100px) 0;position:relative}.toss-mockup-container{background:#fff;border-radius:16px;max-width:652px;margin:0 auto;padding:clamp(16px,3vw,32px);box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a}.toss-inner-card{background:#fff;border-radius:12px;padding:24px;overflow:hidden;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a}.toss-header{border-bottom:1px solid #eaeaea;margin-bottom:24px;padding-bottom:16px}.toss-header h4{color:#000;margin:0;font-family:Inter,sans-serif;font-size:20px;font-weight:700}.toss-winner-box{background:#1f47201a;border-radius:8px;margin-bottom:24px;padding:16px}.toss-winner-title{justify-content:space-between;margin-bottom:16px;display:flex}.toss-label{color:#000;font-size:14px;font-weight:500}.toss-team-name{color:#1f4720;font-size:16px;font-weight:700}.toss-decisions{gap:8px;display:flex}.toss-btn{border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;height:48px;font-size:16px;font-weight:500;display:flex}.toss-btn.active{color:#fff;background:#1f4720}.toss-btn.inactive{color:#666;background:#fff;border:1px solid #eaeaea}.playing-xi-section{margin-bottom:24px}.xi-title{margin-bottom:12px;font-size:16px;font-weight:600}.player-item{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.player-item:hover{background:#f5f5f5}.player-name{color:#000;font-size:14px}.player-check{background:#b1ed32;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.more-players{text-align:center;color:#666;margin-top:8px;font-size:14px}.start-match-btn{color:#fff;background:#1f4720;border:none;border-radius:8px;width:100%;height:48px;font-size:16px;font-weight:600}
.hiw-scoring-wrapper{background:#fff;width:100%;padding:clamp(3rem,5vw,100px) 0;position:relative}.scoring-mockup-container{background:#fff;border-radius:16px;max-width:652px;margin:0 auto;padding:clamp(16px,3vw,32px);box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a}.scoring-inner-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a}.live-header{margin-bottom:16px;position:relative}.live-team-name{color:#000;margin-bottom:4px;font-size:18px;font-weight:700}.live-score{color:#1f4720;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;display:flex}.live-badge{color:#000;background:#b1ed32;border-radius:9999px;padding:2px 12px;font-size:12px;font-weight:700}.batsman-stats{background:#fff;border:1px solid #eaeaea;border-radius:8px;margin-bottom:16px;padding:12px}.batsman-row{color:#000;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.batsman-header{color:#666;font-size:12px}.stat-cell{text-align:center;width:30px}.this-over{margin-bottom:16px}.over-label{color:#666;margin-bottom:8px;font-size:12px;display:block}.over-balls{align-items:center;gap:8px;display:flex}.ball-circle{color:#000;text-align:center;width:24px;font-size:14px;font-weight:500}.ball-wicket{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.scoring-keypad{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.keypad-btn{color:#000;background:#fff;border:1px solid #eaeaea;border-radius:8px;justify-content:center;align-items:center;height:60px;font-size:20px;font-weight:700;display:flex}.keypad-btn.run-4,.keypad-btn.run-6{color:#fff;background:#1f4720;border:none}.keypad-btn.wicket{color:#fff;background:#ef4444;border:none}.extras-row{gap:12px;display:flex}.extra-btn{color:#666;background:#fff;border:1px solid #eaeaea;border-radius:8px;flex:1;height:44px;font-size:14px;font-weight:500}
.hiw-results-wrapper{background:#fff;width:100%;padding:clamp(3rem,5vw,100px) 0;position:relative}.results-mockup-container{background:#fff;border-radius:16px;max-width:652px;margin:0 auto;padding:clamp(16px,3vw,32px);box-shadow:0 8px 10px #0000001a,0 20px 25px #0000001a}.results-inner-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a}.result-header{text-align:center;border-bottom:1px solid #eaeaea;margin-bottom:24px;padding-bottom:16px}.result-title{color:#000;margin-bottom:8px;font-size:20px;font-weight:700}.result-verdict{color:#1f4720;font-size:18px;font-weight:600}.team-result-row{background:#f9f9f9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex}.team-info{flex-direction:column;display:flex}.team-name-res{color:#000;font-size:14px;font-weight:600}.team-overs-res{color:#666;font-size:14px}.team-score-res{color:#000;font-size:24px;font-weight:700}.performers-section{margin-bottom:24px}.performers-title{color:#000;margin-bottom:12px;font-size:14px;font-weight:600}.performer-item{background:#1f47201a;border-radius:8px;justify-content:space-between;margin-bottom:8px;padding:10px 12px;font-size:14px;display:flex}.performer-name{color:#000}.performer-stat{color:#1f4720;font-weight:700}.mockup-cta-row{gap:8px;display:flex}.view-scorecard-btn{color:#fff;background:#1f4720;border:none;border-radius:8px;flex:1;height:48px;font-size:16px;font-weight:500}.share-result-btn{color:#666;background:#f5f5f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}
.hiw-tournament-wrapper{background:#fff;width:100%;padding:clamp(3rem,5vw,100px) 0;position:relative}.tournament-header{text-align:center;margin-bottom:clamp(32px,5vw,60px)}.tournament-title{color:#000;margin-bottom:16px;font-family:Inter,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.2}.tournament-subtitle{color:#666;max-width:600px;margin:0 auto;font-family:Inter,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.5}.tournament-grid{grid-template-columns:repeat(1,1fr);gap:24px;display:grid}@media (min-width:768px){.tournament-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.tournament-grid{grid-template-columns:repeat(4,1fr)}}.tournament-card{background:#fff;border-radius:12px;height:100%;padding:24px;transition:transform .3s;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a}.tournament-card:hover{transform:translateY(-5px)}.t-icon-box{background:#1f47201a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.t-icon-box svg{width:100%;max-width:28px;height:auto;max-height:28px}.t-card-title{color:#000;margin-bottom:8px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.t-card-desc{color:#666;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.4}
.hiw-audience-wrapper{background:#fff;width:100%;padding:clamp(3rem,5vw,100px) 0;position:relative}.audience-header{text-align:center;margin-bottom:clamp(32px,5vw,60px)}.audience-title{color:#000;margin-bottom:16px;font-family:Inter,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.2}.audience-subtitle{color:#666;max-width:600px;margin:0 auto;font-family:Inter,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.5}.audience-grid{grid-template-columns:repeat(1,1fr);gap:24px;display:grid}@media (min-width:768px){.audience-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.audience-grid{grid-template-columns:repeat(4,1fr)}}.audience-card{background:#fff;border:2px solid #eaeaea;border-radius:12px;height:100%;min-height:208px;padding:24px;transition:border-color .3s}.audience-card:hover{border-color:#1f4720}.a-icon-box{background:#1f47201a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.a-icon-box svg{width:100%;max-width:28px;height:auto;max-height:28px}.a-card-title{color:#000;margin-bottom:8px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.a-card-desc{color:#666;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.4}
.hiw-final-cta-wrapper{background:#fff;width:100%;padding:clamp(3rem,5vw,100px) 0;position:relative}.cta-container{text-align:center;color:#fff;background:linear-gradient(90deg,#1f4720 0% 100%);border-radius:16px;padding:clamp(32px,5vw,64px) 24px}.cta-content{max-width:800px;margin:0 auto}.cta-title{margin-bottom:24px;font-family:Inter,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.2;color:#fff!important}.cta-subtitle{margin-bottom:32px;font-family:Inter,sans-serif;font-size:clamp(16px,2.5vw,20px);font-weight:400;color:#ffffffe6!important}.cta-download-btn{color:#1f4720;background:#fff;border:none;border-radius:8px;padding:18px 32px;font-family:Inter,sans-serif;font-size:18px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a,0 10px 15px #0000001a}.cta-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026,0 12px 20px #00000026}