:root{--navy:#031727;--deep:#052b43;--aqua:#20dce7;--cyan:#7af7f4;--sea:#087f9d;--white:#fff;--ink:#dff9fb;--muted:#9fc5cc;--coral:#ff806c;--sand:#fff1ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#031727;color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.floating-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1480px,calc(100% - 36px));height:72px;padding:0 20px 0 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(3,23,39,.88),rgba(3,23,39,.58));border:1px solid rgba(93,232,238,.22);box-shadow:0 16px 45px rgba(0,0,0,.25);backdrop-filter:blur(15px);z-index:100}.nav-wordmark{display:flex;width:190px;height:44px;align-items:center}.nav-wordmark img{width:100%;height:100%;object-fit:contain;object-position:left center}.floating-header nav{display:flex;align-items:center;gap:25px}.floating-header nav>a,.nav-login{font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none;color:white;background:none;border:0;cursor:pointer}.floating-header nav>a:hover,.nav-login:hover{color:var(--cyan)}.nav-store{background:var(--aqua)!important;color:#042237!important;padding:14px 21px!important;border:1px solid #8ef7fb}.mobile-menu{display:none;border:0;background:none;color:white;font-size:26px}.hero-v6{height:100vh;min-height:720px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('hero-knockverse.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,29,.96) 0%,rgba(2,19,33,.82) 25%,rgba(2,24,39,.36) 52%,rgba(2,20,32,.04) 76%),linear-gradient(0deg,rgba(2,16,28,.74),transparent 45%)}.hero-content-v6{position:absolute;left:6.5vw;top:51%;transform:translateY(-50%);width:min(760px,49vw);z-index:3}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:3.7px;font-weight:800;color:var(--aqua)}h1,h2{font-family:Anton,Arial,sans-serif;text-transform:uppercase;line-height:.9;margin:0}h1{font-size:clamp(62px,6.5vw,104px);color:white;text-shadow:0 8px 25px rgba(0,0,0,.45)}.hero-wordmark{display:block;width:min(760px,100%);height:205px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));margin:-15px 0 -8px -14px}.hero-description{font-size:16px;line-height:1.75;max-width:580px;color:#f0fbfd}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:29px}.button{display:inline-block;padding:16px 24px;text-decoration:none;font-weight:800;letter-spacing:.8px;font-family:inherit;cursor:pointer}.hero-primary{background:var(--aqua);color:#032139;border:1px solid var(--aqua)}.hero-secondary{background:rgba(3,24,40,.48);color:white;border:1px solid rgba(255,255,255,.55)}.hero-scroll{position:absolute;left:6.5vw;bottom:30px;z-index:4;text-decoration:none;font-size:10px;letter-spacing:2px;color:#b5dce2;display:flex;align-items:center;gap:12px}.hero-scroll span{width:18px;height:29px;border:2px solid var(--aqua);border-radius:12px;position:relative}.hero-scroll span:after{content:'';position:absolute;width:3px;height:7px;background:var(--aqua);left:50%;top:5px;transform:translateX(-50%);animation:dot 1.5s infinite}@keyframes dot{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}.section-dark,.store-section,.champions-section{padding:110px 7vw;background:radial-gradient(circle at top,#083e56,#031727 65%)}.section-heading{max-width:920px}.centered{text-align:center;margin:auto}.section-heading h2,.cinematic-copy h2,.account-copy h2,.faq-section h2{font-size:clamp(55px,7vw,105px);color:white}.section-heading h2 span,.cinematic-copy h2 span,.account-copy h2 span{color:var(--aqua)}.section-heading>p:last-child,.cinematic-copy>p:last-child,.account-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted)}.feature-showcase{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw 100px;background:#031727;gap:1px}.feature-showcase article{padding:34px;background:linear-gradient(180deg,rgba(10,73,94,.72),rgba(5,42,65,.55));border:1px solid rgba(74,216,221,.18)}.feature-showcase b{font-family:Anton;font-size:42px;color:var(--aqua)}.feature-showcase h3{font-family:Anton;font-size:28px;text-transform:uppercase}.feature-showcase p{color:var(--muted);line-height:1.7;font-size:13px}.cinematic-block{display:grid;grid-template-columns:1.15fr .85fr;min-height:700px;background:#05283c}.cinematic-image{background:url('hero-knockverse.png') 72% center/cover no-repeat;position:relative}.cinematic-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#05283c)}.cinematic-copy{padding:95px 7vw;display:flex;flex-direction:column;justify-content:center}.edition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1250px;margin:65px auto 0}.edition-card{position:relative;background:linear-gradient(180deg,#0b4057,#06283d);border:1px solid rgba(82,219,224,.24);padding:0 28px 30px;overflow:hidden}.edition-card.standard{border:2px solid var(--aqua);transform:translateY(-12px)}.edition-top{text-align:center;padding:35px 10px 24px;border-bottom:1px solid rgba(120,235,237,.16)}.edition-symbol{width:76px;height:84px;margin:auto;display:grid;place-items:center;background:var(--aqua);clip-path:polygon(50% 0,100% 24%,88% 88%,50% 100%,12% 88%,0 24%);font-family:Anton;font-size:45px;color:#032238}.edition-top small{display:block;margin-top:18px;font-size:9px;letter-spacing:2px}.edition-top h3{font-family:Anton;font-size:42px;margin:5px 0}.edition-price{font-weight:800;color:var(--cyan)}.edition-card ul{list-style:none;padding:22px 0;min-height:255px}.edition-card li{padding:10px 0 10px 24px;border-bottom:1px solid rgba(120,235,237,.11);font-size:13px;position:relative;color:#c7e7ea}.edition-card li:before{content:'◆';position:absolute;left:0;color:var(--aqua)}.edition-button{display:block;text-align:center;text-decoration:none;padding:15px;background:var(--aqua);color:#042237;font-weight:800}.secondary-link{background:#138eaa}.coral-link{background:var(--coral)}.edition-ribbon{position:absolute;right:-48px;top:20px;background:#021523;width:170px;text-align:center;padding:7px;transform:rotate(42deg);font-size:8px}.store-warning,.demo-data{text-align:center;margin-top:38px;font-size:9px;letter-spacing:2px;color:#7198a0}.champions-section{background:linear-gradient(180deg,#052b40,#031727)}.leaderboard{max-width:1050px;margin:60px auto 0;border:1px solid rgba(87,223,228,.23)}.leader-row{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1fr;padding:19px;background:rgba(7,57,78,.68);border-bottom:1px solid rgba(103,226,230,.12)}.leader-head{background:#031421;font-size:9px;font-weight:800;letter-spacing:1px}.account-cta{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#05283c}.account-art{display:grid;place-items:center;background:linear-gradient(145deg,#087f9d,#20dce7)}.passport{width:330px;height:430px;background:#031727;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:20px 20px 0 rgba(0,0,0,.22)}.passport img{width:100%;height:120px;object-fit:contain}.passport b{font-family:Anton;font-size:28px}.passport small{letter-spacing:2px;color:var(--cyan)}.account-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center}.account-copy .button{align-self:flex-start}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:110px 7vw;background:linear-gradient(135deg,#021522,#07506a)}.faq-list details{padding:23px 0;border-top:1px solid rgba(112,240,232,.25)}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:#b8dce0;line-height:1.7}footer{padding:65px 7vw;text-align:center;background:#020f19}.footer-wordmark{width:min(420px,75vw);height:130px;object-fit:contain}footer>p{font-family:Anton;font-size:27px;color:var(--aqua)}.footer-links{display:flex;justify-content:center;gap:25px;margin:25px 0;flex-wrap:wrap}.footer-links a{font-size:11px;font-weight:800;text-decoration:none}footer small{font-size:9px;color:#6e939a}.modal{position:fixed;inset:0;background:rgba(1,12,21,.84);display:none;place-items:center;padding:20px;z-index:200}.modal.open{display:grid}.modal-card{width:min(520px,100%);background:#062c42;padding:40px;position:relative;border:1px solid var(--aqua)}.modal-close{position:absolute;right:13px;top:8px;background:none;border:0;color:white;font-size:30px}.modal h2{font-size:52px}.modal form{display:grid;gap:12px;margin-top:20px}.modal input{padding:14px;background:#031927;border:1px solid #397a88;color:white}.modal form button{padding:15px;background:var(--aqua);border:0;font-weight:800}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.social-buttons button{padding:12px;background:#083b52;border:1px solid #2d7b8a;color:white}.modal-note{font-size:10px;color:#86aeb5}
/* product pages */.product-page{background:#031727}.product-header{position:sticky;top:0;z-index:50;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(3,23,39,.96);border-bottom:1px solid rgba(93,232,238,.2)}.product-header .logo{font-family:Anton;font-size:28px;text-decoration:none;color:white}.product-header .logo span{color:var(--aqua)}.product-header nav{display:flex;gap:20px;align-items:center}.product-header nav a{font-size:10px;font-weight:800;letter-spacing:1px;color:white;text-decoration:none}.back-link{padding:11px 15px;border:1px solid #4c8994}.product-hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;background:linear-gradient(145deg,#0b879e,#52e3db)}.product-visual{position:relative;overflow:hidden;display:grid;place-items:center}.product-visual:before{content:'';position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,#fff7c8 0 28%,rgba(255,255,255,.2) 29% 45%,transparent 46%)}.product-island{position:absolute;bottom:10%;width:80%;height:38%;background:#12675f;clip-path:polygon(0 100%,8% 62%,18% 75%,31% 24%,42% 70%,56% 4%,68% 64%,82% 30%,100% 80%,100% 100%);filter:drop-shadow(0 14px 0 #f2d392)}.product-badge{position:relative;z-index:2;width:300px;height:350px;background:var(--aqua);clip-path:polygon(50% 0,93% 18%,84% 83%,50% 100%,16% 83%,7% 18%);display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(16px 18px 0 rgba(2,34,55,.32))}.product-badge span{font-family:Anton;font-size:155px;color:white;line-height:.8}.product-badge b{font-family:Anton;font-size:28px;color:var(--navy);margin-top:20px}.product-info{padding:90px 7vw;background:#041d2d;display:flex;flex-direction:column;justify-content:center}.product-info h1{font-size:clamp(72px,8vw,125px);text-shadow:none}.product-info h1 span{color:var(--aqua)}.product-info .summary{font-size:17px;line-height:1.7;color:#9fc5cc}.product-price{font-family:Anton;font-size:58px;color:var(--aqua);margin:25px 0 10px}.product-price small{display:block;font-family:Manrope;font-size:10px;letter-spacing:2px;color:#7da4ab}.purchase-panel{margin-top:25px;padding:24px;background:#082f43;border:1px solid #2a7180}.purchase-panel label{display:flex;gap:10px;font-size:12px;line-height:1.5}.purchase-button{display:block;text-align:center;margin-top:18px;padding:17px;background:var(--aqua);color:var(--navy);font-weight:800;text-decoration:none}.product-note{font-size:10px;color:#8bb0b7}.product-tabs{padding:85px 7vw;background:#031727}.tab-nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:45px}.tab-nav a{padding:12px 18px;border:1px solid #3d7d88;text-decoration:none;font-size:11px;font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1200px;margin:auto}.detail-card{background:#062a3e;padding:32px;border:1px solid rgba(98,223,227,.18)}.detail-card.full{grid-column:1/-1}.detail-card h2{font-size:45px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.reward{padding:22px;background:#08344a;border:1px solid rgba(98,223,227,.16);min-height:175px}.reward-icon{width:60px;height:60px;display:grid;place-items:center;background:var(--aqua);clip-path:polygon(50% 0,100% 25%,88% 88%,50% 100%,12% 88%,0 25%);font-family:Anton;font-size:28px;color:#032238}.reward p,.detail-card p,.detail-card li{font-size:13px;line-height:1.7;color:#9fc5cc}.notice-box{padding:28px;background:#021522}.product-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.spec{padding:20px;background:#08344a;border:1px solid rgba(98,223,227,.16)}.spec small{display:block;font-weight:800;color:var(--aqua)}.purchase-history{display:flex;justify-content:space-between;align-items:center;padding:25px;background:#062a3e;border:1px solid rgba(98,223,227,.18);margin:35px auto 0;max-width:1200px}.purchase-history button{padding:12px 18px;background:#08344a;border:1px solid #3d7d88;color:white}.product-faq{padding:90px 7vw;background:linear-gradient(135deg,#021522,#075a71)}.product-faq h2{font-size:70px}.product-faq details{padding:20px 0;border-top:1px solid rgba(112,240,232,.25);max-width:950px;margin:auto}.product-faq p{color:#b8dce0}.alt-islander .product-hero{background:linear-gradient(145deg,#096f8e,#6ee3de)}.alt-islander .product-badge{background:#078ca2}.alt-legend .product-hero{background:linear-gradient(145deg,#093b5b,#ff927a)}.alt-legend .product-badge{background:#ff806c}
@media(max-width:950px){.mobile-menu{display:block}.floating-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:rgba(3,23,39,.97);padding:25px;flex-direction:column;align-items:flex-start}.floating-header nav.open{display:flex}.hero-content-v6{left:5vw;width:min(680px,82vw)}.hero-image{background-position:63% center}.feature-showcase,.edition-grid{grid-template-columns:1fr 1fr}.cinematic-block,.account-cta,.faq-section,.product-hero{grid-template-columns:1fr}.cinematic-image,.account-art,.product-visual{min-height:520px}.detail-grid{grid-template-columns:1fr}.detail-card.full{grid-column:auto}.reward-grid{grid-template-columns:1fr}.product-specs{grid-template-columns:1fr}.product-header nav a:not(.back-link){display:none}}@media(max-width:620px){.floating-header{top:8px;width:calc(100% - 16px);height:64px}.nav-wordmark{width:145px}.hero-v6{min-height:760px}.hero-image{background-position:61% center}.hero-overlay{background:linear-gradient(90deg,rgba(2,16,29,.94),rgba(2,19,33,.62)),linear-gradient(0deg,rgba(2,16,28,.72),transparent 50%)}.hero-content-v6{left:22px;right:22px;width:auto;top:53%}h1{font-size:53px}.hero-wordmark{height:130px;margin:-7px 0 4px -7px}.hero-description{font-size:14px}.hero-actions .button{width:100%;text-align:center}.hero-scroll{left:22px}.section-dark,.store-section,.champions-section,.faq-section{padding:75px 22px}.feature-showcase,.edition-grid{grid-template-columns:1fr}.edition-card.standard{transform:none}.cinematic-copy,.account-copy{padding:75px 24px}.leader-row{grid-template-columns:.5fr 1.5fr .8fr .8fr}.leader-row span:last-child{display:none}.passport{transform:scale(.82)}.social-buttons{grid-template-columns:1fr}.product-info,.product-tabs,.product-faq{padding:65px 22px}.product-badge{transform:scale(.78)}}

/* V7 hero typography and account redesign */
.hero-title-text{font-family:Anton,Impact,sans-serif;font-size:clamp(72px,8.8vw,142px);line-height:.82;letter-spacing:-2px;color:#69f4f0;text-shadow:0 4px 0 #087d9c,0 9px 0 #04243b,0 18px 34px rgba(0,0,0,.44);margin:-4px 0 22px;transform:skew(-4deg);width:max-content;max-width:100%}
.passport{overflow:hidden;padding:28px 34px 34px}.passport img{width:210px;height:210px;object-fit:contain;object-position:center;margin-bottom:8px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.32))}
.modal-card{width:min(560px,100%);padding:0;overflow:hidden;border-radius:18px;border:1px solid rgba(109,244,241,.55);background:linear-gradient(180deg,#07334b 0,#041f31 100%);box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 50px rgba(32,220,231,.12)}
.modal-brand{height:155px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 15%,rgba(85,246,239,.24),transparent 55%),linear-gradient(180deg,#0a6980,#07344d);border-bottom:1px solid rgba(110,244,241,.28)}
.modal-brand img{width:180px;height:180px;object-fit:contain;transform:translateY(30px);filter:drop-shadow(0 18px 22px rgba(0,0,0,.4))}
.modal-inner{padding:48px 42px 38px}.modal-inner .eyebrow{text-align:center}.modal-inner h2{text-align:center;font-size:52px;margin:6px 0 8px}.modal-subtitle{text-align:center;color:#a6cbd1;font-size:13px;line-height:1.55;margin:0 auto 20px;max-width:390px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#031927;border:1px solid rgba(109,244,241,.24);border-radius:10px;padding:4px;margin-bottom:18px}.auth-tab{border:0;background:transparent;color:#8fb9c0;padding:11px;font-weight:800;cursor:pointer;border-radius:7px}.auth-tab.active{background:#0c5368;color:white}.social-buttons{grid-template-columns:1fr 1fr}.social-buttons button{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;cursor:pointer;transition:.2s}.social-buttons button:hover{border-color:var(--aqua);transform:translateY(-1px)}.social-mark{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:white;color:#09283a;font-size:11px;font-weight:900}.auth-divider{display:flex;align-items:center;gap:12px;color:#7099a1;font-size:10px;letter-spacing:1.5px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(128,190,198,.22)}.modal form input{border-radius:9px;outline:none}.modal form input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(32,220,231,.1)}.modal form button{border-radius:9px;cursor:pointer}.auth-message{min-height:18px;text-align:center;font-size:11px;margin-top:12px;color:#91c1c7}.auth-message.error{color:#ff9b8c}.auth-message.success{color:#72f0d2}.modal-close{z-index:5;cursor:pointer}.account-user{display:flex;align-items:center;gap:8px}.account-user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#0f6477}.logout-button{margin-top:14px;width:100%;padding:12px;border:1px solid #3f7e89;background:transparent;color:white;border-radius:8px;cursor:pointer}
@media(max-width:620px){.hero-title-text{font-size:clamp(58px,18vw,92px);letter-spacing:-1px;margin-bottom:17px}.modal-inner{padding:46px 22px 28px}.modal-brand{height:130px}.modal-brand img{width:155px;height:155px}.social-buttons{grid-template-columns:1fr}.passport img{width:190px;height:190px}}