The Founding 300

<style>

.f300-wrap *{box-sizing:border-box;margin:0;padding:0;}

.f300-wrap{background:#0A0A0A;color:#F5F0E8;font-family:'Barlow',sans-serif;overflow-x:hidden;}

/* NAV */

.f300-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0A0A0A;border-bottom:1px solid rgba(201,168,76,0.15);}

.f300-nav-logo{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:4px;color:#F5F0E8;text-decoration:none;}

.f300-nav-logo span{color:#C9A84C;}

.f300-nav-cta{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#C9A84C;border:1px solid #C9A84C;padding:8px 20px;text-decoration:none;transition:all 0.3s;}

.f300-nav-cta:hover{background:#C9A84C;color:#0A0A0A;}

/* HERO */

.f300-hero{position:relative;min-height:90vh;display:flex;align-items:center;background:linear-gradient(to right,rgba(0,0,0,0.95) 50%,rgba(0,0,0,0.6) 100%),linear-gradient(to top,rgba(0,0,0,0.95) 0%,transparent 60%),#111;overflow:hidden;}

.f300-hero-content{position:relative;z-index:2;padding:80px 60px;}

.f300-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:#C9A84C;margin-bottom:16px;display:block;}

.f300-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(80px,12vw,140px);line-height:0.9;letter-spacing:2px;color:#F5F0E8;margin-bottom:24px;}

.f300-h1 span{color:#C9A84C;}

.f300-sub{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#F5F0E8;line-height:1.6;margin-bottom:20px;}

.f300-body{font-size:15px;font-weight:300;line-height:1.8;color:rgba(245,240,232,0.65);max-width:440px;margin-bottom:40px;}

.f300-pillars{display:flex;gap:32px;flex-wrap:wrap;}

.f300-pillar{display:flex;flex-direction:column;gap:6px;}

.f300-pillar-icon{width:32px;height:32px;border:1px solid #C9A84C;display:flex;align-items:center;justify-content:center;}

.f300-pillar-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#C9A84C;}

.f300-pillar-desc{font-size:11px;color:#888880;}

/* PROGRESS STRIP */

.f300-progress-strip{background:#111;border-top:1px solid rgba(201,168,76,0.15);border-bottom:1px solid rgba(201,168,76,0.15);padding:32px 60px;display:flex;align-items:center;gap:40px;}

.f300-progress-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#C9A84C;white-space:nowrap;}

.f300-progress-track{flex:1;height:3px;background:rgba(255,255,255,0.08);}

.f300-progress-fill{height:100%;background:linear-gradient(to right,#C9A84C,#E2C47A);width:73%;}

.f300-progress-num{font-family:'Bebas Neue',sans-serif;font-size:40px;color:#F5F0E8;letter-spacing:2px;white-space:nowrap;}

.f300-progress-num span{color:#C9A84C;font-size:20px;}

/* DIVIDER */

.f300-divider{display:flex;align-items:center;gap:16px;padding:0 60px;margin:0;}

.f300-divider::before,.f300-divider::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,#C9A84C,transparent);}

.f300-diamond{width:8px;height:8px;background:#C9A84C;transform:rotate(45deg);flex-shrink:0;}

/* BENEFITS */

.f300-benefits{padding:80px 60px;background:#111111;}

.f300-section-eye{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:#C9A84C;text-align:center;margin-bottom:12px;display:block;}

.f300-section-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5vw,56px);letter-spacing:3px;text-align:center;color:#F5F0E8;margin-bottom:50px;}

.f300-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.15);}

.f300-benefit{background:#111111;padding:32px 16px;text-align:center;transition:background 0.3s;}

.f300-benefit:hover{background:#181818;}

.f300-benefit-icon{width:44px;height:44px;border:1px solid rgba(201,168,76,0.4);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:20px;}

.f300-benefit-title{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#F5F0E8;margin-bottom:8px;line-height:1.3;}

.f300-benefit-desc{font-size:11px;color:#888880;line-height:1.6;}

/* KIT */

.f300-kit{padding:100px 60px;background:#0A0A0A;}

.f300-kit-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1100px;margin:0 auto;}

.f300-kit-visual{display:flex;flex-direction:column;align-items:center;gap:24px;padding:60px 40px;background:radial-gradient(ellipse at center,rgba(201,168,76,0.06) 0%,transparent 70%);border:1px solid rgba(201,168,76,0.08);}

/* CSS Bottle */

.f300-bottle{width:100px;height:220px;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 40%,#1a1a1a 100%);border-radius:8px;position:relative;border:1px solid rgba(201,168,76,0.3);box-shadow:0 0 60px rgba(0,0,0,0.8),inset 0 1px 0 rgba(201,168,76,0.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;}

.f300-bottle::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:20px;height:22px;background:linear-gradient(to bottom,#C9A84C,#A08030);border-radius:3px 3px 0 0;}

.f300-bottle-crown{font-size:18px;color:#C9A84C;}

.f300-bottle-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:4px;color:#C9A84C;}

.f300-bottle-sub{font-family:'Barlow Condensed',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,168,76,0.6);}

.f300-bottle-vol{font-family:'Barlow Condensed',sans-serif;font-size:8px;letter-spacing:2px;color:rgba(201,168,76,0.4);position:absolute;bottom:12px;}

/* Member Card */

.f300-card{width:200px;height:120px;background:linear-gradient(135deg,#1C1A14 0%,#2A2518 60%,#1C1A14 100%);border:1px solid #C9A84C;border-radius:4px;padding:16px 20px;position:relative;overflow:hidden;}

.f300-card-label{font-family:'Barlow Condensed',sans-serif;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,168,76,0.6);}

.f300-card-number{font-family:'Bebas Neue',sans-serif;font-size:40px;color:#C9A84C;letter-spacing:2px;line-height:1;margin-top:4px;}

.f300-card-brand{font-family:'Barlow Condensed',sans-serif;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,168,76,0.5);position:absolute;bottom:14px;right:16px;}

/* Kit info */

.f300-kit-h2{font-family:'Bebas Neue',sans-serif;font-size:52px;letter-spacing:2px;color:#F5F0E8;line-height:0.95;margin-bottom:32px;}

.f300-kit-h2 span{color:#C9A84C;}

.f300-checklist{list-style:none;margin-bottom:40px;}

.f300-checklist li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:14px;color:rgba(245,240,232,0.8);font-weight:300;}

.f300-checklist li::before{content:'✓';color:#C9A84C;font-weight:700;font-size:12px;margin-top:2px;flex-shrink:0;}

.f300-price-block{display:flex;align-items:baseline;gap:20px;margin-bottom:8px;}

.f300-price{font-family:'Bebas Neue',sans-serif;font-size:72px;color:#C9A84C;letter-spacing:2px;line-height:1;}

.f300-price-label{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#888880;}

.f300-price-limit{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(201,168,76,0.6);margin-bottom:24px;}

.f300-kit-prog{margin-bottom:32px;}

.f300-kit-prog-labels{display:flex;justify-content:space-between;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#888880;margin-bottom:8px;}

.f300-kit-prog-track{height:3px;background:rgba(255,255,255,0.08);}

.f300-kit-prog-fill{height:100%;background:linear-gradient(to right,#C9A84C,#E2C47A);width:73%;}

.f300-cta{display:block;width:100%;padding:20px;background:#C9A84C;color:#0A0A0A;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:4px;text-transform:uppercase;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s;}

.f300-cta:hover{background:#E2C47A;transform:translateY(-1px);box-shadow:0 8px 30px rgba(201,168,76,0.3);}

/* BROTHERHOOD */

.f300-brotherhood{padding:100px 60px;background:#111111;text-align:center;}

.f300-bro-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,5vw,60px);letter-spacing:3px;color:#F5F0E8;max-width:800px;margin:0 auto 24px;line-height:1.1;}

.f300-bro-h2 span{color:#C9A84C;}

.f300-bro-body{font-size:15px;font-weight:300;color:#888880;max-width:500px;margin:0 auto 48px;line-height:1.8;}

.f300-seal{width:100px;height:100px;margin:0 auto 48px;}

/* CLOSING */

.f300-closing{padding:100px 60px;background:#0A0A0A;text-align:center;border-top:1px solid rgba(201,168,76,0.1);}

.f300-closing-h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,100px);letter-spacing:4px;color:#F5F0E8;line-height:0.95;margin-bottom:16px;}

.f300-closing-sub{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:#C9A84C;margin-bottom:48px;display:block;}

.f300-closing-cta{display:inline-block;padding:22px 60px;background:transparent;border:1px solid #C9A84C;color:#C9A84C;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:4px;text-transform:uppercase;text-decoration:none;transition:all 0.3s;}

.f300-closing-cta:hover{background:#C9A84C;color:#0A0A0A;}

@media(max-width:768px){

.f300-nav{padding:16px 20px;}

.f300-hero-content{padding:60px 24px;}

.f300-progress-strip{padding:24px 20px;flex-wrap:wrap;gap:16px;}

.f300-divider{padding:0 20px;}

.f300-benefits{padding:60px 20px;}

.f300-kit{padding:60px 20px;}

.f300-kit-inner{grid-template-columns:1fr;gap:48px;}

.f300-brotherhood{padding:60px 20px;}

.f300-closing{padding:60px 20px;}

.f300-pillars{gap:16px;}

}

</style>

<a href="https://www.uncutnaturals.com" class="f300-nav-logo">UNCUT <span>NATURALS</span></a>

</nav>

<span class="f300-eyebrow">We Are Selecting 300 Men</span>

<h1 class="f300-h1">THE<br><span>FOUNDING</span><br>300</h1>

<p class="f300-sub">Built for men who train.<br>For men who want to look<br>as good as they feel.</p>

<p class="f300-body">We're building more than a brand. We're building a standard. A brotherhood of disciplined men who refuse visible decline.</p>

<div class="f300-pillar-label">Discipline</div>

<div class="f300-pillar-desc">In training & in life</div>

</div>

<div class="f300-pillar-label">Standards</div>

<div class="f300-pillar-desc">Higher standards, higher you</div>

</div>

<div class="f300-pillar-label">Brotherhood</div>

<div class="f300-pillar-desc">Stronger together</div>

</div>

</section>

<div class="f300-progress-label">Spots Claimed</div>

</div>

<span class="f300-section-eye">Exclusive Access</span>

<h2 class="f300-section-h2">Founding 300 Members Receive</h2>

<div class="f300-benefit-title">Lifetime 30% Off All Drops</div>

<div class="f300-benefit-desc">On all products, forever</div>

</div>

<div class="f300-benefit-title">Early Access To All Drops</div>

<div class="f300-benefit-desc">Be first. Always. Every time</div>

</div>

<div class="f300-benefit-title">Private Founder Group</div>

<div class="f300-benefit-desc">Connect. Share. Level together</div>

</div>

<div class="f300-benefit-title">Founding Member Card</div>

<div class="f300-benefit-desc">Your number. Your legacy</div>

</div>

<div class="f300-benefit-title">Possible Feature & Campaign</div>

<div class="f300-benefit-desc">Showcase, product & campaign</div>

</div>

<div class="f300-benefit-title">Exclusive Founder Packaging</div>

<div class="f300-benefit-desc">Limited. Numbered. Built different</div>

</div>

<div class="f300-benefit-title">Early Access To Future Products</div>

<div class="f300-benefit-desc">Always ahead. Always first</div>

</div>

</section>

<div class="f300-bottle-name">UNCUT</div>

<div class="f300-bottle-sub">Sacred Oil</div>

</div>

<div class="f300-card-label">Founding Member</div>

<div class="f300-card-brand">UNCUT NATURALS</div>

</div>

<div>

<h2 class="f300-kit-h2">THE<br><span>FOUNDING</span><br>300 KIT</h2>

<li>UNCUT Sacred Oil (2 FL oz)</li>

<li>Founding Member Card</li>

<li>Lifetime 30% Off</li>

<li>Private Founder Access</li>

<li>Early Access To All Drops</li>

<li>Exclusive Founder Packaging</li>

<li>Preview Features In UNCUT</li>

<li>Early Access To Future Products</li>

</ul>

<div class="f300-price-label">Founding<br>Price</div>

</div>

<div class="f300-price-limit">Limited To 300 Men</div>

<div class="f300-kit-prog-labels"><span>Spots Filled</span><span>219 / 300</span></div>

</div>

<a href="https://www.uncutnaturals.com/products/sacred-oil" class="f300-cta">Apply Now — Join The 300</a>

</div>

</section>

</svg>

</div>

<h2 class="f300-bro-h2">WE DON'T DO <span>SKINCARE.</span><br>WE SET A <span>STANDARD.</span></h2>

<p class="f300-bro-body">This is your time. This is UNCUT. Discipline isn't negotiable. Neither is how you present yourself to the world.</p>

<a href="#f300-apply" class="f300-cta" style="max-width:400px;margin:0 auto;display:block;">Secure Your Spot</a>

</section>

<h2 class="f300-closing-h2">300 MEN.<br>ONE STANDARD.</h2>

<span class="f300-closing-sub">Be one of the first.</span>

<a href="#f300-apply" class="f300-closing-cta">Apply Now — Join The 300</a>

</section>

</div>