@import url('https://fonts.googleapis.com/css2?family=Anton&family=Permanent+Marker&family=Inter:wght@400;600;800;900&display=swap');
:root{--ink:#080808;--panel:#121212;--paper:#f3f0e7;--yellow:#ffd400;--muted:#a9a9a9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.tnk-header{height:82px;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:rgba(8,8,8,.94);backdrop-filter:blur(12px);z-index:20}.tnk-brand{display:grid;grid-template-columns:auto auto;grid-template-rows:28px 14px;column-gap:8px;font-weight:900}.tnk-brand .crown{grid-row:1/3;font-size:29px;color:var(--yellow)}.tnk-brand>span:not(.crown){font-size:26px;line-height:26px}.tnk-brand small{font-size:7px;letter-spacing:2px}.tnk-header nav{display:flex;gap:30px;font-size:12px;font-weight:800}.tnk-header nav a:hover{color:var(--yellow)}
.tnk-hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:80px 7vw;background:radial-gradient(circle at 78% 40%,#222 0,#101010 33%,#080808 65%);overflow:hidden}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#bbb}.tnk-hero h1,.tnk-section h2,.tnk-bundle h2,.faq h2{font-family:Anton,Impact,sans-serif;letter-spacing:1px;margin:12px 0;line-height:.88}.tnk-hero h1{font-size:clamp(74px,10vw,150px)}.tnk-hero h1 span{color:var(--yellow)}.scribble,.script{font-family:'Permanent Marker',cursive}.scribble{font-size:25px;transform:rotate(-2deg);margin:20px 0}.hero-body{max-width:600px;color:#b9b9b9;line-height:1.7}.btn{display:inline-block;background:var(--yellow);color:#080808;padding:16px 24px;margin-top:20px;font-weight:900;border:0;cursor:pointer;box-shadow:5px 5px 0 #fff;transition:.15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #fff}.btn.small{font-size:12px;padding:13px 16px}.btn.dark{background:#080808;color:#fff;box-shadow:5px 5px 0 #fff}
.hero-art{height:500px;position:relative}.screen{position:absolute;inset:40px 10% 80px;background:#151515;border:12px solid #242424;box-shadow:0 0 80px #2a2a2a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(2deg)}.screen b{font-family:Anton;font-size:62px;line-height:.9}.screen span{color:var(--yellow);font-family:'Permanent Marker';font-size:27px}.speaker{position:absolute;width:100px;height:160px;background:#171717;border:6px solid #292929;bottom:30px}.speaker:before,.speaker:after{content:"";position:absolute;border-radius:50%;background:#080808;border:5px solid #303030;left:50%;transform:translateX(-50%)}.speaker:before{width:54px;height:54px;top:16px}.speaker:after{width:72px;height:72px;bottom:10px}.s1{left:0}.s2{right:0}.keyboard{position:absolute;bottom:0;left:24%;right:24%;background:#eee;color:#111;padding:18px;text-align:center;letter-spacing:6px;transform:perspective(200px) rotateX(18deg)}.doodle-note{position:absolute;color:var(--yellow);font-size:80px;right:3%;top:0;transform:rotate(12deg)}
.tnk-section{padding:95px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.script{font-size:25px;color:var(--yellow)}.section-head h2,.faq h2{font-size:58px;margin:0}.section-head p{color:#aaa;text-align:right;line-height:1.6}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.course-card{border:1px solid #292929;background:#111;padding-bottom:28px;overflow:hidden}.course-card>img{aspect-ratio:1/1;object-fit:cover;width:100%}.course-card>p,.course-card>.price,.course-card>.btn{margin-left:22px;margin-right:22px}.course-card>p{color:#aaa;line-height:1.55;font-size:13px;min-height:82px}.course-info{display:flex;gap:15px;padding:20px 22px 0;align-items:center}.course-info>span{font-family:Anton;font-size:38px;color:var(--yellow)}.course-info h3{margin:0;font-size:19px}.course-info p{margin:4px 0;color:#777;font-size:10px;font-weight:800}.price{font-family:Anton;font-size:40px}.tnk-features{padding:70px 7vw 100px;background:var(--paper);color:#101010;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{padding:25px;border-top:5px solid #111}.feature b{font-family:Anton;font-size:55px}.feature h3{margin:4px 0}.feature p{font-size:13px;line-height:1.5}.preset-callout{grid-column:1/-1;background:#101010;color:#fff;margin-top:30px;padding:45px;display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:20px}.preset-callout h2{font-family:Anton;font-size:45px;margin:0}.preset-callout p{color:#aaa}.preset-callout strong{font-family:Anton;font-size:58px;color:var(--yellow)}.preset-callout .btn{margin:0}.tnk-bundle{background:var(--yellow);color:#090909;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:560px}.tnk-bundle h2{font-size:75px}.bundle-copy p{max-width:560px;line-height:1.6}.bundle-price{font-family:Anton;font-size:62px;margin:25px 0}.bundle-price small{font-family:Inter;font-size:11px;letter-spacing:2px}.bundle-stack{height:430px;position:relative}.bundle-stack img{position:absolute;width:290px;aspect-ratio:1;object-fit:cover;box-shadow:12px 15px 0 rgba(0,0,0,.2);border:5px solid #fff}.bundle-stack img:nth-child(1){left:5%;top:0;transform:rotate(-9deg)}.bundle-stack img:nth-child(2){left:30%;top:45px;transform:rotate(4deg)}.bundle-stack img:nth-child(3){left:52%;top:90px;transform:rotate(10deg)}.faq{max-width:1000px;margin:auto}.faq details{border-top:1px solid #333;padding:22px 0}.faq summary{font-weight:900;cursor:pointer}.faq details p{color:#aaa;line-height:1.6}.tnk-footer{padding:55px 7vw;border-top:1px solid #292929;text-align:center}.tnk-footer b{font-family:Anton;font-size:44px;color:var(--yellow)}.tnk-footer span{display:block;font-size:10px;letter-spacing:3px}.tnk-footer p{font-family:'Permanent Marker';font-size:20px}.tnk-footer small{color:#666}
.tnk-product-page{min-height:75vh;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-media img{width:100%;max-height:650px;object-fit:cover}.product-copy h1{font-family:Anton;font-size:65px;line-height:.95}.product-price{font-family:Anton;font-size:48px;color:var(--yellow)}.rte{color:#bbb;line-height:1.7}.cart-line{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:20px 0}.cart-line input{width:70px}.cart-total{font-family:Anton;font-size:42px;margin-top:30px}
@media(max-width:850px){.tnk-header nav a:not(:last-child){display:none}.tnk-hero{grid-template-columns:1fr;padding-top:55px}.tnk-hero h1{font-size:74px}.hero-art{height:390px}.course-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{text-align:left}.tnk-features{grid-template-columns:1fr 1fr}.preset-callout{grid-template-columns:1fr}.tnk-bundle{grid-template-columns:1fr}.bundle-stack{margin-top:40px;height:360px}.tnk-product-page{grid-template-columns:1fr}.bundle-stack img{width:220px}}@media(max-width:520px){.tnk-header{padding:0 20px}.tnk-hero,.tnk-section,.tnk-features,.tnk-bundle{padding-left:22px;padding-right:22px}.tnk-hero h1{font-size:58px}.screen b{font-size:42px}.tnk-features{grid-template-columns:1fr}.bundle-stack img{width:170px}.tnk-bundle h2{font-size:56px}}

/* TNK V2 — visual refinement */
.tnk-hero-v2{min-height:720px;background:linear-gradient(90deg,#071018 0%,#0b1117 46%,#10141a 100%);position:relative}
.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:38px;font-size:9px;font-weight:900;letter-spacing:.6px;color:#ddd}
.studio-scene{height:520px;position:relative;overflow:hidden;border-radius:2px;background:linear-gradient(180deg,#12162a 0,#182034 42%,#2b171c 100%);box-shadow:0 25px 70px #000}
.sunset{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(255,183,75,.48),transparent 25%),linear-gradient(135deg,transparent 35%,rgba(255,77,119,.15));z-index:0}
.neon{position:absolute;right:7%;top:7%;z-index:2;font-family:'Permanent Marker';font-size:28px;color:#62dfff;transform:rotate(-4deg);text-shadow:0 0 12px #2fd8ff}.neon em{font-style:normal;color:#fff}.studio-crown{position:absolute;left:8%;top:8%;z-index:2;color:var(--yellow);font-size:65px}
.daw{position:absolute;left:15%;right:13%;top:25%;height:260px;background:#090b12;border:12px solid #20222a;z-index:2;box-shadow:0 18px 30px #000}.daw-top{font-size:9px;padding:8px;color:#aaa;background:#171922}.tracks{padding:18px}.tracks i{display:block;height:17px;margin:7px 0;background:linear-gradient(90deg,#6f3db8 0 16%,transparent 16% 19%,#d247a0 19% 42%,transparent 42% 45%,#2f91b9 45% 68%,transparent 68% 72%,#e3a52f 72% 91%);opacity:.85}.monitor{position:absolute;bottom:25px;width:100px;height:175px;background:#111;border:7px solid #272727;z-index:3}.monitor:after{content:"";position:absolute;width:68px;height:68px;border:8px solid #333;border-radius:50%;left:9px;bottom:18px;background:#080808}.mon-l{left:1%}.mon-r{right:1%}.keys{position:absolute;z-index:4;bottom:8px;left:26%;right:25%;background:#e9e7df;color:#111;padding:17px;text-align:center;letter-spacing:4px;transform:perspective(260px) rotateX(25deg)}
.tnk-features{background:#0c1117;color:#fff;padding:55px 7vw}.feature{border-top:0;text-align:center}.feature b{color:var(--yellow);font-size:44px}.feature p{color:#9da5ad}
.ideas-section{padding:85px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(90deg,#071018,#0c1016)}.ideas-copy h2,.preset-callout-v2 h2,.pricing-title h2,.all-access h2,.footer-cta h2{font-family:Anton;font-size:62px;line-height:.92;margin:10px 0}.ideas-copy p,.ideas-copy li{color:#b7bec5;line-height:1.55}.ideas-copy ul{padding-left:20px}.ideas-copy li::marker{color:var(--yellow)}
.laptop{padding:30px}.laptop-screen{height:320px;background:#080b10;border:12px solid #242a31;border-radius:12px;padding:20px;box-shadow:0 30px 50px #000}.laptop-screen>span{font-size:9px;color:#777}.arrange{margin-top:22px}.arrange i{display:block;height:14px;margin:7px 0;background:linear-gradient(90deg,#d5a12b 0 22%,transparent 22% 25%,#3e8fc5 25% 48%,transparent 48% 51%,#a7429c 51% 74%,transparent 74% 77%,#54a768 77% 95%)}.laptop-base{height:22px;background:#34383c;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.preset-callout-v2{margin:0;padding:48px 7vw;background:#f0eee7;color:#0b0b0b;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:45px;border-top:8px solid var(--yellow)}.preset-callout-v2 h2{font-size:44px}.preset-callout-v2 p{color:#444}.preset-callout-v2 strong{font-family:Anton;font-size:65px}.preset-callout-v2 .btn{margin:0}
.pricing-wrap{padding:90px 7vw;background:#0b1117}.pricing-title{text-align:center}.pricing-title h2{font-size:64px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.pricing-grid article{border:1px solid #47515b;padding:38px 30px;text-align:center;position:relative}.pricing-grid article.popular{border:2px solid var(--yellow)}.pricing-grid .tag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--yellow);color:#111;padding:8px 18px;font-size:10px;font-weight:900;border-radius:20px}.pricing-grid p{color:#9da5ad;min-height:40px}.pricing-grid strong{font-family:Anton;font-size:48px;display:block}.btn.light{background:#eee;color:#111}.all-access{margin-top:80px;background:var(--yellow);color:#111;padding:55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.all-access h2{font-size:55px}.mini-stack{height:260px;position:relative}.mini-stack img{position:absolute;width:190px;border:4px solid white;box-shadow:8px 8px rgba(0,0,0,.2)}.mini-stack img:nth-child(1){left:5%;top:25px;transform:rotate(-9deg)}.mini-stack img:nth-child(2){left:32%;top:10px}.mini-stack img:nth-child(3){left:59%;top:28px;transform:rotate(9deg)}
.footer-cta{min-height:230px;padding:45px 7vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;background:linear-gradient(100deg,#172738,#72465a,#d68654);position:relative;overflow:hidden}.footer-cta:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#ffc65a;right:22%;top:55%;opacity:.6}.footer-crown{font-size:75px;color:var(--yellow);z-index:2}.footer-cta h2{font-size:43px;color:var(--yellow);position:relative;z-index:2}.footer-cta p{position:relative;z-index:2}.footer-cta .btn{z-index:3}.tnk-footer{display:grid;grid-template-columns:1fr auto;gap:20px;text-align:left}.tnk-footer nav{display:flex;gap:25px;font-size:12px}.tnk-footer small{grid-column:1/-1}
@media(max-width:850px){.studio-scene{height:420px}.ideas-section{grid-template-columns:1fr}.preset-callout-v2{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.all-access{grid-template-columns:1fr}.mini-stack{margin-top:25px}.footer-cta{grid-template-columns:1fr}.tnk-footer{grid-template-columns:1fr}.tnk-footer nav{flex-wrap:wrap}}
/* TNK V3 — final visual polish */
.tnk-hero-v3{grid-template-columns:1fr 1fr;min-height:690px;padding-top:64px;padding-bottom:64px;background:radial-gradient(circle at 72% 48%,#17202b 0,#0c141c 33%,#071018 70%)}
.tnk-hero-v3 h1{font-size:clamp(68px,7.7vw,122px);line-height:.86;letter-spacing:-1px}
.tnk-hero-v3 .hero-copy{position:relative;z-index:3}.tnk-hero-v3 .hero-copy:after{content:"↘";position:absolute;color:var(--yellow);font-family:'Permanent Marker';font-size:55px;right:7%;bottom:15px;transform:rotate(8deg)}
.studio-v3{height:520px;position:relative;overflow:hidden;background:linear-gradient(180deg,#15172a,#241c29 52%,#151318);box-shadow:0 35px 80px #000;border:1px solid #292b35}
.window-v3{position:absolute;inset:0 0 31% 0;background:linear-gradient(180deg,#243455,#d17470 60%,#f0a06e);overflow:hidden}.window-v3>i{position:absolute;top:0;bottom:0;width:6px;background:#111722;z-index:3}.window-v3>i:nth-child(1){left:20%}.window-v3>i:nth-child(2){left:40%}.window-v3>i:nth-child(3){left:60%}.window-v3>i:nth-child(4){left:80%}.city-v3{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(90deg,transparent 0 3%,#263040 3% 8%,transparent 8% 12%,#222b38 12% 18%,transparent 18% 23%,#303746 23% 30%,transparent 30% 34%,#202936 34% 43%,transparent 43% 48%,#29313e 48% 55%,transparent 55% 62%,#202a38 62% 69%,transparent 69% 74%,#303746 74% 81%,transparent 81% 86%,#232c38 86% 94%,transparent 94%)}.sun-v3{position:absolute;width:105px;height:105px;border-radius:50%;background:#ffd078;right:12%;bottom:8%;box-shadow:0 0 55px #ffbd6d}
.neon-v3{position:absolute;right:5%;top:5%;z-index:8;font-family:'Permanent Marker';font-size:25px;color:#6ee8ff;transform:rotate(-3deg);text-shadow:0 0 10px #35d8ff,0 0 24px #35d8ff}.neon-v3 em{font-style:normal;color:#fff}.crown-v3{position:absolute;left:5%;top:7%;z-index:8;color:var(--yellow);font-size:60px;text-shadow:0 0 18px rgba(255,212,0,.5)}
.desk-v3{position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(165deg,#332824,#181415);z-index:3;border-top:5px solid #5b4030}
.screen-v3{position:absolute;left:20%;right:18%;top:28%;height:245px;background:#080b11;border:10px solid #20232a;z-index:6;box-shadow:0 18px 40px #000}.topbar-v3{height:28px;background:#171a22;color:#89909a;font-size:8px;padding:9px}.arr-v3{padding:14px}.arr-v3 i{display:block;height:13px;margin:6px 0;border-left:5px solid #4b4e5a;background:linear-gradient(90deg,#7849b8 0 17%,transparent 17% 20%,#ce4b9c 20% 41%,transparent 41% 44%,#368fb2 44% 68%,transparent 68% 72%,#d9a23b 72% 93%)}.sp-v3{position:absolute;z-index:7;bottom:65px;width:90px;height:155px;background:#101114;border:6px solid #292a2d;box-shadow:0 15px 25px #000}.sp-v3:before,.sp-v3:after{content:"";position:absolute;border-radius:50%;left:50%;transform:translateX(-50%);background:#080808;border:5px solid #38393b}.sp-v3:before{width:43px;height:43px;top:12px}.sp-v3:after{width:60px;height:60px;bottom:12px}.sp-v3.left{left:4%}.sp-v3.right{right:3%}.keys-v3{position:absolute;z-index:8;bottom:18px;left:28%;right:25%;padding:15px;background:#eceae4;color:#111;letter-spacing:3px;text-align:center;transform:perspective(260px) rotateX(22deg);box-shadow:0 8px 18px #000}.headphones-v3{position:absolute;z-index:8;left:13%;bottom:4px;font-size:90px;color:#0a0a0a;transform:rotate(20deg)}
.course-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.course-card:hover{transform:translateY(-6px);border-color:#555;box-shadow:0 20px 45px rgba(0,0,0,.4)}.course-card img{transition:transform .35s ease}.course-card:hover img{transform:scale(1.018)}
.proof-strip{padding:45px 7vw;background:#f0eee7;color:#111;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:8px solid var(--yellow)}.proof-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-items:center}.proof-strip span{grid-row:1/3;font-family:Anton;font-size:52px;color:#c8c2b5}.proof-strip b{font-size:15px}.proof-strip small{color:#68635b;margin-top:4px}
.pricing-grid article{background:linear-gradient(180deg,#111923,#0b1117)}.pricing-grid article.popular{box-shadow:0 0 45px rgba(255,212,0,.08)}.faq details{transition:background .2s;padding-left:15px;padding-right:15px}.faq details:hover{background:#0f151c}.footer-cta{border-top:1px solid rgba(255,255,255,.15)}
@media(max-width:850px){.tnk-hero-v3{grid-template-columns:1fr}.tnk-hero-v3 h1{font-size:74px}.studio-v3{margin-top:45px;height:430px}.tnk-hero-v3 .hero-copy:after{display:none}.proof-strip{grid-template-columns:1fr}}@media(max-width:520px){.tnk-hero-v3 h1{font-size:57px}.studio-v3{height:340px}.screen-v3{left:17%;right:15%;height:175px}.arr-v3 i{height:8px;margin:4px 0}.sp-v3{width:58px;height:105px}.sp-v3:before{width:26px;height:26px}.sp-v3:after{width:38px;height:38px}.neon-v3{font-size:17px}.crown-v3{font-size:40px}.keys-v3{font-size:8px;padding:10px}.hero-points{gap:10px}}
/* Standalone TNK additions */
:root{--yellow:#ffd400;--ink:#080808}
body{overflow-x:hidden}
.tnk-header{height:82px;border-bottom:1px solid #292929;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:rgba(8,8,8,.96);backdrop-filter:blur(12px);z-index:200}
.tnk-brand{color:#fff}.tnk-desktop-nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:900}.tnk-desktop-nav a:hover{color:#ffd400}
.tnk-mobile-controls,.tnk-mobile-menu{display:none}
.tnk-hero-video{position:relative!important;padding:0!important;overflow:visible!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important}
.tnk-hero-video video{display:block;width:100%;height:auto;object-fit:contain;margin:0;border:0}
.tnk-everything-badge{position:absolute;top:-22px;right:-25px;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 17px;background:#080808;border:3px solid #ffd400;border-radius:16px;color:#fff;font-weight:900;box-shadow:0 0 18px rgba(255,212,0,.5)}
.tnk-old-price{text-decoration:line-through;color:#888;margin-left:4px}.tnk-sale-price{font-size:25px;color:#ffd400;margin-left:7px}.tnk-badge-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffd400;color:#111}
.tnk-b4-page{background:#081018;color:#fff;padding:75px 20px 100px}.tnk-b4-inner{max-width:1380px;margin:auto}.tnk-b4-heading{text-align:center;margin-bottom:55px}.tnk-b4-eyebrow{color:#ffd400;font-size:12px;font-weight:800;letter-spacing:4px}.tnk-b4-heading h1{font-family:Anton,Impact,sans-serif;font-size:clamp(48px,6vw,88px);line-height:.95;margin:10px 0}.tnk-b4-heading h1 em{color:#ffd400;font-style:normal}.tnk-b4-heading p{color:#aeb7c0}
.tnk-b4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tnk-b4-card{background:#101820;border:1px solid #34404b;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}.tnk-b4-card:hover{transform:translateY(-6px)}.tnk-b4-card.lemonade{border-color:#ffd400}.tnk-b4-card.infinite{border-color:#ff27af}.tnk-b4-card.boombox{border-color:#ff9818}.tnk-b4-image{aspect-ratio:1/1;overflow:hidden;background:#000}.tnk-b4-image img{width:100%;height:100%;object-fit:cover}.tnk-b4-content{padding:25px}.tnk-b4-type{font-size:10px;letter-spacing:3px;color:#ffd400;font-weight:900}.tnk-b4-content h2{font-family:Anton;font-size:38px;margin:7px 0}.tnk-b4-content p{color:#aeb7c0}.tnk-b4-features{display:grid;gap:7px;font-size:13px;margin:20px 0}.tnk-b4-button{background:#ffd400;color:#111;padding:14px 18px;display:flex;justify-content:space-between;font-weight:900;border-radius:5px}
.tnk-b4-card.infinite .tnk-b4-button{background:#ff27af}.tnk-b4-card.boombox .tnk-b4-button{background:#ff9818}
.tnk-b4-complete{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;background:#101820;border:2px solid #b94cff;border-radius:14px;overflow:hidden}.tnk-b4-complete-image{position:relative;background:#000}.tnk-b4-complete-image img{width:100%;height:100%;object-fit:cover}.tnk-b4-best-value{position:absolute;top:18px;left:18px;background:#ffd400;color:#111;padding:8px 12px;font-weight:900;font-size:11px}.tnk-b4-complete-content{padding:45px}.tnk-b4-complete-label{color:#ffd400;font-size:11px;letter-spacing:3px;font-weight:900}.tnk-b4-complete h2{font-family:Anton;font-size:56px;margin:10px 0}.tnk-b4-complete h2 em{color:#ffd400;font-style:normal}.tnk-b4-complete-intro{color:#aeb7c0;line-height:1.6}.tnk-b4-course-list{display:flex;gap:12px;flex-wrap:wrap;font-weight:900;margin:22px 0}.tnk-b4-complete-features{display:grid;gap:8px;margin:20px 0}.tnk-b4-complete-button{display:flex;justify-content:space-between;background:#ffd400;color:#111;padding:16px 20px;font-weight:900;border-radius:5px}
.product-page{max-width:1200px;margin:auto;padding:65px 6vw 90px;display:grid;grid-template-columns:minmax(320px,1fr) 1fr;gap:55px;align-items:start}.product-art{background:#050505;border:1px solid #222;padding:18px}.product-art img{width:100%;height:auto}.product-copy .eyebrow{color:#ffd400;font-size:11px;letter-spacing:3px;font-weight:900}.product-copy h1{font-family:Anton,Impact,sans-serif;font-size:clamp(45px,6vw,76px);line-height:.95;margin:12px 0}.product-copy .price{font-family:Anton;font-size:40px;color:#ffd400;margin:18px 0}.product-copy p,.product-copy li{color:#b8c0c8;line-height:1.7}.buy-btn{display:inline-flex;margin-top:22px;background:#ffd400;color:#111;padding:17px 24px;font-weight:900;border:0}.product-note{font-size:12px;color:#808890!important;margin-top:12px}
.contact-page,.success-page{max-width:850px;margin:auto;padding:90px 7vw;min-height:65vh}.contact-page h1,.success-page h1{font-family:Anton;font-size:64px;margin:0 0 20px}.success-page h1{color:#ffd400}
@media(max-width:850px){
 .tnk-desktop-nav{display:none!important}.tnk-mobile-controls{display:flex!important;align-items:center;gap:14px}.tnk-mobile-courses{color:#ffd400;font-size:10px;font-weight:900}.tnk-menu-button{border:0;background:transparent;color:#fff;font-size:26px}.tnk-mobile-menu{display:none;background:#050505;padding:8px 6vw 16px;position:sticky;top:82px;z-index:199}.tnk-mobile-menu.open{display:flex;flex-direction:column}.tnk-mobile-menu a{padding:12px 0;border-bottom:1px solid #222;font-weight:900;font-size:12px}
 .tnk-hero-v3{grid-template-columns:1fr!important;padding:45px 6vw!important;min-height:auto!important}.tnk-hero-v3 h1{font-size:57px!important}.tnk-hero-video{margin-top:50px!important;height:auto!important;aspect-ratio:16/9}.tnk-hero-video video{width:100%;height:100%;object-fit:contain}.tnk-everything-badge{top:-39px;right:0;left:0;margin:auto;width:max-content;max-width:96%;transform:none;font-size:11px;padding:8px 10px 8px 12px}.tnk-sale-price{font-size:19px}.tnk-badge-arrow{width:27px;height:27px}
 .tnk-b4-grid{grid-template-columns:1fr}.tnk-b4-complete{grid-template-columns:1fr}.tnk-b4-complete-content{padding:28px}.tnk-b4-complete h2{font-size:43px}
 .product-page{grid-template-columns:1fr;padding:35px 24px 70px;gap:30px}.product-art{padding:0;border:0}.product-art img{width:100%;max-height:none;object-fit:contain}.product-copy h1{font-size:48px}
}

/* =========================================================
   TNK FINAL OVERRIDES
   Hero sale badge + polished standalone product pages
========================================================= */

/* ---------- GET EVERYTHING BADGE: DESKTOP ---------- */

.tnk-everything-badge {
  position: absolute !important;
  top: -30px !important;
  right: -22px !important;
  left: auto !important;
  z-index: 50;

  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 11px 12px 11px 18px !important;

  background: #080808 !important;
  border: 3px solid #ffd400 !important;
  border-radius: 16px !important;

  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap;

  transform: rotate(7deg) !important;
  transform-origin: center;
  box-shadow:
    0 0 8px rgba(255,212,0,.85),
    0 0 22px rgba(255,212,0,.40) !important;

  transition: transform .18s ease, box-shadow .18s ease;
}

.tnk-everything-badge:hover {
  transform: rotate(5deg) scale(1.035) !important;
  box-shadow:
    0 0 10px rgba(255,212,0,1),
    0 0 30px rgba(255,212,0,.60) !important;
}

.tnk-everything-badge > span:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tnk-old-price {
  position: relative;
  margin: 0 !important;
  color: #8b8b8b !important;
  font-size: 14px !important;
  font-weight: 800;
  text-decoration: none !important;
}

.tnk-old-price::after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: 50%;
  height: 2px;
  background: #ff3030;
  transform: rotate(-8deg);
}

.tnk-sale-price {
  margin: 0 !important;
  color: #ffd400 !important;
  font-size: 25px !important;
  font-weight: 900;
  line-height: 1;
}

.tnk-badge-arrow {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px;
  border-radius: 50% !important;
  background: #ffd400 !important;
  color: #080808 !important;
  font-size: 18px;
  font-weight: 900;
}


/* ---------- PRODUCT PAGES: DESKTOP ---------- */

/*
  The standalone product HTML uses:
  .product-page
    .product-art
    .product-copy
*/

.product-page {
  width: 100%;
  max-width: 1500px;
  min-height: calc(100vh - 82px);
  margin: 0 auto;
  padding: 48px 4vw 85px;

  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  gap: clamp(45px, 5vw, 85px);
  align-items: start;
}

.product-art {
  width: 100%;
  padding: 0;
  background: #050505;
  border: 0;
  overflow: hidden;
}

.product-art img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}

.product-copy {
  min-width: 0;
  padding-top: 5px;
}

.product-copy .eyebrow {
  display: block;
  margin-bottom: 12px;
  color: #ffd400;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 3px;
}

.product-copy h1 {
  max-width: 700px;
  margin: 0 0 18px;
  font-family: Anton, Impact, sans-serif;
  font-size: clamp(42px, 4.25vw, 66px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: .2px;
  overflow-wrap: normal;
  word-break: normal;
}

.product-copy .price {
  margin: 15px 0 23px;
  color: #ffd400;
  font-family: Anton, Impact, sans-serif;
  font-size: 39px;
  line-height: 1;
}

.product-copy p,
.product-copy li {
  color: #b8c0c8;
  font-size: 15px;
  line-height: 1.72;
}

.product-copy p {
  max-width: 680px;
  margin: 0 0 16px;
}

.product-copy ul {
  margin: 20px 0 4px;
  padding-left: 20px;
}

.product-copy li {
  margin: 6px 0;
}

.product-copy li::marker {
  color: #ffd400;
}

.buy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 185px;
  margin-top: 22px;
  padding: 16px 24px;

  background: #ffd400;
  border: 0;

  color: #080808;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .2px;

  box-shadow: 5px 5px 0 #fff;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}

.buy-btn:hover {
  transform: translate(-2px,-2px);
  box-shadow: 8px 8px 0 #fff;
}

.product-note {
  margin-top: 15px !important;
  color: #808890 !important;
  font-size: 11px !important;
}


/* ---------- TABLET ---------- */

@media (max-width: 1050px) {
  .product-page {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
    gap: 40px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .product-copy h1 {
    font-size: clamp(39px, 5vw, 56px);
  }
}


/* ---------- MOBILE ---------- */

@media (max-width: 850px) {

  /* Sale badge stays straight and centred on mobile */
  .tnk-everything-badge {
    top: -39px !important;
    left: 50% !important;
    right: auto !important;

    width: max-content !important;
    max-width: 96% !important;
    margin: 0 !important;
    padding: 8px 10px 8px 12px !important;

    gap: 10px !important;
    font-size: 11px !important;

    transform: translateX(-50%) !important;
  }

  .tnk-everything-badge:hover {
    transform: translateX(-50%) scale(1.02) !important;
  }

  .tnk-old-price {
    font-size: 12px !important;
  }

  .tnk-sale-price {
    font-size: 19px !important;
  }

  .tnk-badge-arrow {
    width: 27px !important;
    height: 27px !important;
    flex-basis: 27px;
    font-size: 15px;
  }


  /* Product page */
  .product-page {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 26px;

    width: 100%;
    max-width: none;

    padding: 24px 20px 65px;
  }

  .product-art {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .product-art img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .product-copy {
    width: 100%;
    padding: 0;
  }

  .product-copy .eyebrow {
    margin-bottom: 10px;
    font-size: 9px;
    letter-spacing: 2.5px;
  }

  .product-copy h1 {
    width: 100%;
    max-width: none;
    margin: 0 0 14px;

    font-size: clamp(35px, 10vw, 47px);
    line-height: .98;
  }

  .product-copy .price {
    margin: 12px 0 19px;
    font-size: 34px;
  }

  .product-copy p,
  .product-copy li {
    font-size: 14px;
    line-height: 1.65;
  }

  .product-copy ul {
    margin-top: 17px;
  }

  .buy-btn {
    width: auto;
    min-width: 170px;
    margin-top: 18px;
    padding: 15px 21px;
  }
}


/* ---------- SMALL MOBILE ---------- */

@media (max-width: 520px) {
  .product-page {
    padding: 18px 18px 55px;
    gap: 22px;
  }

  .product-copy h1 {
    font-size: 37px;
  }

  .product-copy .price {
    font-size: 31px;
  }
}


/* =========================================================
   PRODUCT PAGE OVERRIDES
========================================================= */

.product-page {
    max-width: 1360px;
    margin: 0 auto;
    padding: 70px 40px 90px;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
    gap: 70px;
    align-items: center;
}

.product-art {
    width: 100%;
}

.product-art img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.product-copy {
    max-width: 600px;
}

.product-copy .eyebrow {
    display: block;
    margin-bottom: 22px;
    color: #ffd400;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 4px;
}

.product-copy h1 {
    margin: 0 0 24px;
    font-family: Anton, Impact, sans-serif;
    font-size: clamp(52px, 4.4vw, 78px);
    font-weight: 400;
    line-height: 0.94;
    color: #fff;
}

.product-copy .price {
    margin: 0 0 25px;
    font-family: Anton, Impact, sans-serif;
    font-size: 48px;
    line-height: 1;
    color: #ffd400;
}

.product-copy > p:not(.product-note) {
    max-width: 570px;
    margin: 0 0 20px;
    color: #d7e1e8;
    font-size: 17px;
    line-height: 1.65;
}

.product-copy ul {
    margin: 22px 0 30px;
    padding-left: 22px;
    color: #d7e1e8;
    font-size: 16px;
    line-height: 1.9;
}

.product-copy li::marker {
    color: #ffd400;
}

.product-copy .buy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 185px;
    min-height: 52px;
    padding: 0 28px;
    background: #ffd400;
    color: #050505;
    font-weight: 900;
    font-size: 14px;
    text-decoration: none;
    border: 0;
    box-shadow: 5px 5px 0 #fff;
}

.product-copy .buy-btn:hover {
    transform: translate(-2px, -2px);
    box-shadow: 7px 7px 0 #fff;
}

.product-note {
    margin-top: 18px !important;
    color: #788793 !important;
    font-size: 12px !important;
}

/* PRODUCT PAGE — TABLET */

@media (max-width: 1000px) {
    .product-page {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        padding: 55px 30px 75px;
    }

    .product-copy h1 {
        font-size: clamp(42px, 5vw, 60px);
    }
}

/* PRODUCT PAGE — MOBILE */

@media (max-width: 750px) {
    .product-page {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 35px 20px 60px;
    }

    .product-copy {
        max-width: none;
    }

    .product-copy h1 {
        font-size: 46px;
    }

    .product-copy .price {
        font-size: 42px;
    }

    .product-copy .buy-btn {
        width: 100%;
    }
}


/* =========================================================
   PRODUCT PAGE — FINAL DESKTOP OVERRIDE
   Matches original TNK product layout
========================================================= */

.product-page {
    width: calc(100% - 120px) !important;
    max-width: 1540px !important;
    min-height: calc(100vh - 78px) !important;
    margin: 0 auto !important;
    padding: 65px 0 55px !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
    gap: 50px !important;
    align-items: center !important;
}


/* LEFT PRODUCT IMAGE */

.product-art {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.product-art img {
    display: block !important;

    width: 100% !important;
    max-width: 720px !important;

    height: auto !important;
    max-height: 610px !important;

    object-fit: contain !important;
}


/* RIGHT PRODUCT INFORMATION */

.product-copy {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 !important;
}


/* EYEBROW */

.product-copy .eyebrow {
    display: block !important;

    margin: 0 0 28px !important;

    color: #ffd400 !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 4px !important;
}


/* PRODUCT TITLE */

.product-copy h1 {
    margin: 0 0 30px !important;

    font-family: Anton, Impact, sans-serif !important;
    font-size: clamp(48px, 4.2vw, 70px) !important;
    font-weight: 400 !important;
    line-height: 0.91 !important;
    letter-spacing: -1px !important;

    color: #fff !important;
}


/* PRICE */

.product-copy .price {
    margin: 0 0 28px !important;

    font-family: Anton, Impact, sans-serif !important;
    font-size: 48px !important;
    line-height: 1 !important;

    color: #ffd400 !important;
}


/* DESCRIPTION */

.product-copy > p:not(.product-note) {
    max-width: 650px !important;

    margin: 0 0 18px !important;

    color: #d7e1e8 !important;

    font-size: 16px !important;
    line-height: 1.55 !important;
}


/* BULLET LIST */

.product-copy ul {
    margin: 17px 0 27px !important;
    padding-left: 20px !important;

    color: #d7e1e8 !important;

    font-size: 16px !important;
    line-height: 1.8 !important;
}

.product-copy li {
    padding-left: 3px !important;
}

.product-copy li::marker {
    color: #ffd400 !important;
}


/* BUY NOW BUTTON */

.product-copy .buy-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 185px !important;
    min-height: 50px !important;

    padding: 0 27px !important;

    background: #ffd400 !important;
    color: #050505 !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    text-decoration: none !important;

    border: none !important;

    box-shadow: 5px 5px 0 #fff !important;
}


/* STRIPE NOTE */

.product-copy .product-note {
    margin: 17px 0 0 !important;

    color: #77838d !important;

    font-size: 11px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   MEDIUM SCREENS
========================================================= */

@media (max-width: 1200px) {

    .product-page {
        width: calc(100% - 60px) !important;
        gap: 40px !important;
    }

    .product-copy h1 {
        font-size: clamp(44px, 5vw, 62px) !important;
    }

    .product-art img {
        max-height: 570px !important;
    }
}


/* =========================================================
   MOBILE PRODUCT PAGE
========================================================= */

@media (max-width: 760px) {

    .product-page {
        width: 100% !important;

        grid-template-columns: 1fr !important;

        gap: 32px !important;

        padding: 30px 20px 55px !important;
    }

    .product-art img {
        width: 100% !important;
        max-width: none !important;
        max-height: none !important;
    }

    .product-copy {
        max-width: none !important;
    }

    .product-copy .eyebrow {
        margin-bottom: 16px !important;
    }

    .product-copy h1 {
        font-size: 44px !important;
        line-height: 0.95 !important;
        margin-bottom: 22px !important;
    }

    .product-copy .price {
        font-size: 42px !important;
        margin-bottom: 22px !important;
    }

    .product-copy .buy-btn {
        width: 100% !important;
    }
}



/* =========================================================
   PRODUCT PAGE — DESKTOP MATCH OVERRIDE
   Paste at very bottom of style.css
========================================================= */

@media (min-width: 1000px) {

    /* WHOLE PRODUCT AREA */
    .product-page {
        width: calc(100% - 130px) !important;
        max-width: 1540px !important;
        min-height: 700px !important;

        margin: 0 auto !important;
        padding: 65px 0 45px !important;

        display: grid !important;

        /* Larger image column like original */
        grid-template-columns: 1.08fr 0.92fr !important;

        gap: 48px !important;
        align-items: center !important;
    }


    /* =========================
       LEFT IMAGE
    ========================= */

    .product-art {
        width: 100% !important;
        height: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .product-art img {
        display: block !important;

        width: 100% !important;
        max-width: 735px !important;

        height: auto !important;
        max-height: 640px !important;

        object-fit: contain !important;

        margin: 0 !important;
    }


    /* =========================
       RIGHT CONTENT
    ========================= */

    .product-copy {
        width: 100% !important;
        max-width: 700px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* SMALL YELLOW LABEL */

    .product-copy .eyebrow {
        display: block !important;

        margin: 0 0 31px !important;

        color: #ffd400 !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: 4px !important;
        line-height: 1 !important;
    }


    /* =========================
       PRODUCT TITLE
    ========================= */

    .product-copy h1 {
        margin: 0 0 38px !important;

        max-width: 700px !important;

        font-family: Anton, Impact, sans-serif !important;

        font-size: 64px !important;
        font-weight: 400 !important;

        line-height: 0.91 !important;
        letter-spacing: -1px !important;

        color: #fff !important;
    }


    /* =========================
       PRICE
    ========================= */

    .product-copy .price {
        margin: 0 0 31px !important;

        font-family: Anton, Impact, sans-serif !important;

        font-size: 48px !important;
        line-height: 1 !important;

        color: #ffd400 !important;
    }


    /* =========================
       DESCRIPTION
    ========================= */

    .product-copy > p:not(.product-note) {
        width: 100% !important;
        max-width: 650px !important;

        margin: 0 0 20px !important;

        color: #d7e1e8 !important;

        font-size: 16px !important;
        line-height: 1.55 !important;
    }


    /* =========================
       BULLETS
    ========================= */

    .product-copy ul {
        margin: 15px 0 27px !important;
        padding-left: 21px !important;

        color: #d7e1e8 !important;

        font-size: 16px !important;
        line-height: 1.8 !important;
    }

    .product-copy li {
        padding-left: 3px !important;
    }

    .product-copy li::marker {
        color: #ffd400 !important;
    }


    /* =========================
       BUY BUTTON
    ========================= */

    .product-copy .buy-btn {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 185px !important;
        min-height: 50px !important;

        padding: 0 27px !important;

        margin: 0 !important;

        background: #ffd400 !important;
        color: #050505 !important;

        font-size: 13px !important;
        font-weight: 900 !important;

        text-decoration: none !important;

        border: 0 !important;

        box-shadow: 5px 5px 0 #fff !important;
    }


    /* STRIPE TEXT */

    .product-copy .product-note {
        margin: 17px 0 0 !important;

        color: #77838d !important;

        font-size: 11px !important;
        line-height: 1.4 !important;
    }
}


/* =========================================================
   LARGE DESKTOP
   Gets even closer to the original layout at 1600px+
========================================================= */

@media (min-width: 1500px) {

    .product-page {
        width: calc(100% - 210px) !important;
        max-width: 1540px !important;

        grid-template-columns: 735px minmax(0, 1fr) !important;

        gap: 55px !important;

        padding-top: 65px !important;
    }

    .product-art img {
        width: 735px !important;
        max-width: 735px !important;
    }

    .product-copy h1 {
        font-size: 66px !important;
        max-width: 720px !important;
    }
}



/* =========================================================
   PRODUCT PAGE FINAL POSITION / SCALE CORRECTION
   MUST BE LAST THING IN style.css
========================================================= */

@media (min-width: 1200px) {

    .product-page {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: 1600px !important;

        margin: 0 auto !important;

        padding:
            66px
            72px
            45px
            72px !important;

        display: grid !important;

        /* Target: large artwork + wide text */
        grid-template-columns:
            minmax(620px, 735px)
            minmax(620px, 1fr) !important;

        column-gap: 50px !important;

        align-items: start !important;

        min-height: 710px !important;
    }


    /* -------------------------
       PRODUCT IMAGE
    ------------------------- */

    .product-art {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
    }

    .product-art img {
        display: block !important;

        width: 100% !important;
        max-width: 735px !important;

        height: 610px !important;
        max-height: none !important;

        object-fit: contain !important;
        object-position: center top !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -------------------------
       RIGHT SIDE
    ------------------------- */

    .product-copy {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: 700px !important;

        margin: 0 !important;

        /* small adjustment to match target */
        padding: 9px 0 0 0 !important;
    }


    /* TNK MUSIC PRODUCTION */

    .product-copy .eyebrow {
        display: block !important;

        margin:
            0
            0
            34px
            0 !important;

        padding: 0 !important;

        color: #ffd400 !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;

        letter-spacing: 4px !important;
    }


    /* -------------------------
       TITLE
    ------------------------- */

    .product-copy h1 {
        display: block !important;

        width: 100% !important;
        max-width: 700px !important;

        margin:
            0
            0
            44px
            0 !important;

        padding: 0 !important;

        font-family:
            Anton,
            Impact,
            sans-serif !important;

        font-size: 60px !important;
        font-weight: 400 !important;

        line-height: 0.91 !important;

        letter-spacing: -1.3px !important;

        color: #fff !important;
    }


    /* -------------------------
       PRICE
    ------------------------- */

    .product-copy .price {
        display: block !important;

        margin:
            0
            0
            29px
            0 !important;

        padding: 0 !important;

        font-family:
            Anton,
            Impact,
            sans-serif !important;

        font-size: 47px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        color: #ffd400 !important;
    }


    /* -------------------------
       BODY TEXT
    ------------------------- */

    .product-copy > p:not(.product-note) {
        display: block !important;

        width: 100% !important;
        max-width: 650px !important;

        margin:
            0
            0
            17px
            0 !important;

        padding: 0 !important;

        font-size: 16px !important;
        line-height: 1.5 !important;

        color: #d9e1e7 !important;
    }


    /* -------------------------
       LIST
    ------------------------- */

    .product-copy ul {
        margin:
            12px
            0
            27px
            0 !important;

        padding-left: 20px !important;

        font-size: 16px !important;
        line-height: 1.75 !important;

        color: #d9e1e7 !important;
    }

    .product-copy li {
        margin: 0 !important;
        padding-left: 2px !important;
    }

    .product-copy li::marker {
        color: #ffd400 !important;
    }


    /* -------------------------
       BUY NOW BUTTON
    ------------------------- */

    .product-copy .buy-btn {
        box-sizing: border-box !important;

        display: inline-flex !important;

        width: 185px !important;
        height: 51px !important;

        min-width: 0 !important;
        min-height: 0 !important;

        padding: 0 !important;
        margin: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        background: #ffd400 !important;
        color: #050505 !important;

        border: none !important;
        border-radius: 0 !important;

        box-shadow:
            5px
            5px
            0
            #fff !important;

        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1 !important;

        text-decoration: none !important;
    }


    /* -------------------------
       STRIPE NOTE
    ------------------------- */

    .product-copy .product-note {
        margin:
            17px
            0
            0
            0 !important;

        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1.3 !important;

        color: #75818b !important;
    }
}


/* =========================================================
   PRODUCT PAGES — DESKTOP
   Applies to all desktop/laptop screens
========================================================= */

@media (min-width: 1000px) {

    /* Main two-column product layout */
    .product-page {
        width: 92% !important;
        max-width: 1600px !important;
        margin: 0 auto !important;

        padding: 70px 0 60px !important;

        display: grid !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
        gap: 55px !important;

        align-items: center !important;
        box-sizing: border-box !important;

        background: #050505 !important;
    }


    /* =========================
       PRODUCT IMAGE
    ========================= */

    .product-art {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .product-art img {
        display: block !important;

        width: 100% !important;
        max-width: 780px !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =========================
       RIGHT-HAND TEXT
    ========================= */

    .product-copy {
        width: 100% !important;
        max-width: 680px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;
    }


    /* Small TNK heading stays yellow */
    .product-copy .eyebrow {
        display: block !important;

        margin: 0 0 30px !important;

        color: #ffd400 !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: 4px !important;
        line-height: 1 !important;
    }


    /* Main title */
    .product-copy h1 {
        width: 100% !important;
        max-width: 680px !important;

        margin: 0 0 38px !important;
        padding: 0 !important;

        font-family: Anton, Impact, sans-serif !important;
        font-size: clamp(48px, 3.5vw, 64px) !important;
        font-weight: 400 !important;

        line-height: 0.92 !important;
        letter-spacing: -1px !important;

        color: #ffffff !important;
    }


    /* Price stays yellow */
    .product-copy .price {
        margin: 0 0 28px !important;

        font-family: Anton, Impact, sans-serif !important;
        font-size: clamp(42px, 3vw, 52px) !important;
        line-height: 1 !important;

        color: #ffd400 !important;
    }


    /* Normal description text — WHITE */
    .product-copy p {
        color: #ffffff !important;

        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .product-copy > p:not(.product-note) {
        max-width: 650px !important;
        margin: 0 0 20px !important;
    }


    /* Product bullet list — WHITE */
    .product-copy ul {
        margin: 14px 0 28px !important;
        padding-left: 21px !important;

        color: #ffffff !important;

        font-size: 16px !important;
        line-height: 1.8 !important;
    }

    .product-copy li {
        color: #ffffff !important;
    }

    .product-copy li::marker {
        color: #ffd400 !important;
    }


    /* =========================
       BUY NOW
    ========================= */

    .product-copy .buy-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-width: 185px !important;
        height: 52px !important;

        padding: 0 28px !important;

        margin: 0 !important;

        background: #ffd400 !important;
        color: #050505 !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: 5px 5px 0 #ffffff !important;

        font-size: 13px !important;
        font-weight: 900 !important;

        text-decoration: none !important;
    }


    /* Stripe note */
    .product-copy .product-note {
        margin: 17px 0 0 !important;

        color: #8d99a3 !important;

        font-size: 11px !important;
        line-height: 1.4 !important;
    }
}

/* =========================================================
   MAIN PAGE — COMPLETE BUNDLE FINAL STYLING
   Only affects the large "WANT EVERYTHING?" block
========================================================= */

.tnk-b4-complete {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 48% 52% !important;

    width: 100% !important;
    max-width: 1320px !important;

    margin: 26px auto 0 !important;

    background:
        linear-gradient(
            110deg,
            #07111a 0%,
            #10131f 52%,
            #1a162c 100%
        ) !important;

    border: 1px solid #d72cff !important;
    border-radius: 14px !important;

    overflow: hidden !important;

    text-decoration: none !important;
    color: #fff !important;

    box-shadow:
        0 0 18px rgba(213, 44, 255, 0.20),
        0 0 45px rgba(213, 44, 255, 0.08) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


.tnk-b4-complete:hover {
    transform: translateY(-3px) !important;

    box-shadow:
        0 0 25px rgba(213, 44, 255, 0.32),
        0 0 65px rgba(213, 44, 255, 0.14) !important;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.tnk-b4-complete-image {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 600px !important;

    overflow: hidden !important;
}


.tnk-b4-complete-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* subtle image fade into right panel */

.tnk-b4-complete-image::after {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 70px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(20, 18, 34, .55)
        ) !important;

    pointer-events: none !important;
}


/* =========================================================
   BEST VALUE PILL
========================================================= */

.tnk-b4-best-value {
    position: absolute !important;

    top: 20px !important;
    left: 20px !important;

    z-index: 5 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 8px 17px !important;

    background: #cf35ff !important;
    color: #fff !important;

    border-radius: 30px !important;

    font-size: 11px !important;
    line-height: 1 !important;

    font-weight: 900 !important;
    letter-spacing: 1px !important;

    box-shadow:
        0 0 16px rgba(207, 53, 255, .40) !important;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.tnk-b4-complete-content {
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding: 62px 52px !important;

    color: #fff !important;
}


/* little purple heading */

.tnk-b4-complete-label {
    display: block !important;

    margin: 0 0 13px !important;

    color: #ef45ff !important;

    font-size: 11px !important;
    line-height: 1 !important;

    font-weight: 900 !important;
    letter-spacing: 2.5px !important;
}


/* WANT EVERYTHING? */

.tnk-b4-complete-content h2 {
    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #fff !important;

    font-family: Anton, Impact, sans-serif !important;

    font-size: 59px !important;
    line-height: .95 !important;

    font-weight: 400 !important;
    letter-spacing: -1px !important;
}


.tnk-b4-complete-content h2 em {
    color: #ffd400 !important;

    font-style: normal !important;
}


/* intro paragraph */

.tnk-b4-complete-intro {
    max-width: 570px !important;

    margin: 0 0 25px !important;

    color: #d7dde6 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   LEMONADE + INFINITE + BOOMBOX
========================================================= */

.tnk-b4-course-list {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 12px !important;

    margin: 0 0 26px !important;

    color: #fff !important;
}


.tnk-b4-course-list span {
    font-family: Anton, Impact, sans-serif !important;

    font-size: 24px !important;
    line-height: 1 !important;

    color: #fff !important;
}


.tnk-b4-course-list b {
    color: #ffd400 !important;

    font-size: 20px !important;
    font-weight: 900 !important;
}


/* =========================================================
   FEATURES — TWO COLUMNS
========================================================= */

.tnk-b4-complete-features {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    column-gap: 55px !important;
    row-gap: 12px !important;

    width: 100% !important;

    margin: 0 0 31px !important;
}


.tnk-b4-complete-features span {
    display: block !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;
}


/* yellow ticks */

.tnk-b4-complete-features span::first-letter {
    color: #ffd400 !important;
}


/* =========================================================
   COMPLETE BUNDLE BUTTON
========================================================= */

.tnk-b4-complete-button {
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 430px !important;
    max-width: 100% !important;

    min-height: 60px !important;

    padding: 0 22px !important;

    margin: 0 !important;

    background:
        linear-gradient(
            90deg,
            #ffd400 0%,
            #ffe36b 100%
        ) !important;

    color: #070707 !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow:
        0 0 18px rgba(255, 212, 0, .13) !important;
}


.tnk-b4-complete-button strong {
    color: #070707 !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    letter-spacing: .1px !important;
}


.tnk-b4-complete-button span {
    color: #070707 !important;

    font-size: 20px !important;
    line-height: 1 !important;
}


/* =========================================================
   DESKTOP SIZE TUNING
========================================================= */

@media (min-width: 1200px) {

    .tnk-b4-complete {
        grid-template-columns: 48% 52% !important;
    }

    .tnk-b4-complete-image {
        min-height: 610px !important;
    }

    .tnk-b4-complete-content {
        padding:
            58px
            50px
            58px
            50px !important;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 950px) {

    .tnk-b4-complete {
        grid-template-columns: 1fr !important;

        max-width: 700px !important;
    }

    .tnk-b4-complete-image {
        min-height: 0 !important;
        height: auto !important;
    }

    .tnk-b4-complete-image img {
        width: 100% !important;
        height: auto !important;

        object-fit: contain !important;
    }

    .tnk-b4-complete-image::after {
        display: none !important;
    }

    .tnk-b4-complete-content {
        padding: 40px 30px !important;
    }

    .tnk-b4-complete-content h2 {
        font-size: 48px !important;
    }

    .tnk-b4-complete-button {
        width: 100% !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .tnk-b4-complete {
        margin-top: 20px !important;

        border-radius: 10px !important;
    }

    .tnk-b4-best-value {
        top: 12px !important;
        left: 12px !important;

        padding: 7px 13px !important;

        font-size: 9px !important;
    }

    .tnk-b4-complete-content {
        padding: 30px 20px 26px !important;
    }

    .tnk-b4-complete-label {
        font-size: 9px !important;
        letter-spacing: 2px !important;
    }

    .tnk-b4-complete-content h2 {
        font-size: 40px !important;
    }

    .tnk-b4-complete-intro {
        font-size: 14px !important;
    }

    .tnk-b4-course-list {
        gap: 8px !important;
    }

    .tnk-b4-course-list span {
        font-size: 19px !important;
    }

    .tnk-b4-complete-features {
        grid-template-columns: 1fr !important;

        gap: 9px !important;
    }

    .tnk-b4-complete-button {
        width: 100% !important;

        min-height: 56px !important;
    }
}


/* =========================================================
   MOBILE HERO — GET EVERYTHING BADGE POSITION
========================================================= */

@media (max-width: 600px) {

    .tnk-hero-video {
        position: relative !important;
        padding-top: 58px !important;
    }

    .tnk-everything-badge {
        position: absolute !important;

        top: 0 !important;
        left: 50% !important;
        right: auto !important;

        transform: translateX(-50%) !important;
        rotate: 0deg !important;

        width: 240px !important;
        max-width: calc(100% - 30px) !important;

        height: 48px !important;

        margin: 0 !important;

        z-index: 10 !important;
    }

    .tnk-hero-video video {
        width: 100% !important;
        margin: 0 !important;
    }
}




/*