*, *::before, *::after{
 margin:0;
 padding:0;
 box-sizing:border-box;
}

:root{
 --white:#FEFEFE;
 --off-white:#F8F6F2;
 --warm:#F5EDE4;
 --cream:#FAF8F5;
 --lavender:#EDE9F8;
 --mint:#E8F4F0;
 --dark:#141414;
 --text:#1A1A1A;
 --text-muted:#6B6B6B;
 --accent:#8B6914;
 --purple:#6B4EE6;
 --coral:#E85A4F;

 --font-serif:'Instrument Serif', Georgia, serif;
 --font-mono:'Sometype Mono', monospace;
 --ease:cubic-bezier(0.16, 1, 0.3, 1);
}

html{scroll-behavior:smooth;}

body{
 font-family:var(--font-mono);
 background:var(--white);
 color:var(--text);
 line-height:1.6;
 -webkit-font-smoothing:antialiased;
 overflow-x:hidden;
}

::selection{
 background:var(--purple);
 color:white;
}



.nav{
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:1000;
 padding:12px 48px;
 display:flex;
 justify-content:space-between;
 align-items:center;
 transition:all 0.4s ease;
}

.nav.scrolled{
 background:rgba(254, 254, 254, 0.95);
 backdrop-filter:blur(20px);
 box-shadow:0 1px 0 rgba(0,0,0,0.05);
}

.nav-logo{
 display:flex;
 align-items:center;
 text-decoration:none;
}

.nav-logo canvas{
 width:120px;
 height:60px;
 image-rendering:pixelated;
}

.nav-links{
 display:flex;
 gap:32px;
 list-style:none;
}

.nav-links a{
 font-size:12px;
 color:var(--text-muted);
 text-decoration:none;
 transition:color 0.2s;
}

.nav-links a:hover,
.nav-links a.active{
 color:var(--text);
}

.nav-cta{
 font-size:11px;
 text-transform:uppercase;
 letter-spacing:0.08em;
 color:var(--white);
 background:var(--text);
 padding:12px 24px;
 text-decoration:none;
 border-radius:6px;
 transition:all 0.3s var(--ease);
}

.nav-cta:hover{
 transform:translateY(-2px);
 box-shadow:0 8px 24px rgba(0,0,0,0.15);
}

@media (max-width:768px){
 .nav{padding:16px 24px;}
 .nav-links{display:none;}
}



.footer{
 padding:48px;
 background:var(--dark);
}

.footer-content{
 max-width:1200px;
 margin:0 auto;
 display:flex;
 justify-content:space-between;
 align-items:center;
 flex-wrap:wrap;
 gap:24px;
}

.footer-logo canvas{
 width:56px;
 height:56px;
 opacity:0.5;
 image-rendering:pixelated;
}

.footer-links{
 display:flex;
 gap:24px;
}

.footer-links a{
 font-size:12px;
 color:rgba(255,255,255,0.5);
 text-decoration:none;
 transition:color 0.2s;
}

.footer-links a:hover{
 color:white;
}

.footer-meta{
 font-size:12px;
 color:rgba(255,255,255,0.4);
}

@media (max-width:600px){
 .footer{padding:32px 24px;}
 .footer-content{
 flex-direction:column;
 text-align:center;
}
}



.btn{
 display:inline-block;
 padding:16px 32px;
 font-family:var(--font-mono);
 font-size:12px;
 text-transform:uppercase;
 letter-spacing:0.08em;
 text-decoration:none;
 border-radius:6px;
 transition:all 0.3s var(--ease);
 cursor:pointer;
 border:none;
}

.btn-primary{
 background:var(--text);
 color:var(--white);
}

.btn-primary:hover{
 transform:translateY(-2px);
 box-shadow:0 8px 24px rgba(0,0,0,0.15);
}

.btn-secondary{
 background:transparent;
 color:var(--text);
 border:1px solid var(--text);
}

.btn-secondary:hover{
 background:var(--text);
 color:var(--white);
}

.btn-light{
 background:var(--white);
 color:var(--text);
}

.btn-light:hover{
 transform:translateY(-2px);
 box-shadow:0 8px 24px rgba(0,0,0,0.3);
}

.btn-outline-light{
 background:transparent;
 color:var(--white);
 border:1px solid rgba(255,255,255,0.4);
}

.btn-outline-light:hover{
 background:var(--white);
 color:var(--text);
}



.section-label{
 font-size:11px;
 text-transform:uppercase;
 letter-spacing:0.15em;
 color:var(--text-muted);
 margin-bottom:16px;
}

.section-title{
 font-family:var(--font-serif);
 font-size:clamp(32px, 5vw, 48px);
 font-weight:400;
 line-height:1.2;
 margin-bottom:24px;
}

.section-title em{
 font-style:italic;
}



.form-group{
 margin-bottom:20px;
}

.form-group label{
 display:block;
 font-size:11px;
 text-transform:uppercase;
 letter-spacing:0.1em;
 color:var(--text-muted);
 margin-bottom:8px;
}

.form-group input,
.form-group select,
.form-group textarea{
 width:100%;
 padding:14px 16px;
 font-family:var(--font-mono);
 font-size:14px;
 border:1px solid #E0E0E0;
 border-radius:6px;
 background:var(--white);
 transition:border-color 0.2s, box-shadow 0.2s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
 outline:none;
 border-color:var(--purple);
 box-shadow:0 0 0 3px rgba(107, 78, 230, 0.1);
}

.form-group textarea{
 resize:vertical;
 min-height:120px;
}



.reveal{
 opacity:0;
 transform:translateY(30px);
 transition:opacity 0.8s var(--ease), transform 0.8s var(--ease);
}

.reveal.visible{
 opacity:1;
 transform:translateY(0);
}



.text-center{text-align:center;}
.text-muted{color:var(--text-muted);}
.mb-0{margin-bottom:0;}
.mb-1{margin-bottom:8px;}
.mb-2{margin-bottom:16px;}
.mb-3{margin-bottom:24px;}
.mb-4{margin-bottom:32px;}