:root {
    --big-bg: #ffffff;
    --big-text: #000000;
    --big-muted: #666666;
    --big-border: #000000;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    background-color: var(--big-bg); color: var(--big-text);
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased; letter-spacing: -0.02em;
}
a { text-decoration: none; color: inherit; }

/* Giant Header */
.huge-header {
    border-bottom: 2px solid var(--big-border);
    padding: 20px 40px; display: flex; justify-content: space-between; align-items: flex-end;
}
.big-brand { font-size: 4vw; font-weight: 900; line-height: 1; text-transform: uppercase;}
.big-nav { display: flex; gap: 40px; margin-bottom: 10px;}
.big-nav a { font-size: 20px; font-weight: 600; text-transform: uppercase; border-bottom: 2px solid transparent;}
.big-nav a:hover, .big-nav a.active { border-bottom: 2px solid var(--big-text); }
.big-btn {
    font-size: 20px; font-weight: bold; text-transform: uppercase;
    background: var(--big-text); color: var(--big-bg); padding: 10px 30px;
    border: 2px solid var(--big-text); margin-bottom: 5px;
}
.big-btn:hover { background: var(--big-bg); color: var(--big-text); }

/* Giant Hero */
.huge-hero { padding: 100px 40px; border-bottom: 2px solid var(--big-border); text-align: left;}
.huge-hero h1 { font-size: 10vw; line-height: 0.9; text-transform: uppercase; font-weight: 900; margin-bottom: 40px; letter-spacing: -0.04em;}
.huge-hero p { font-size: 3vw; font-weight: 500; max-width: 80%; color: var(--big-muted); margin-bottom: 60px; line-height: 1.2;}
.btn-giant { font-size: 32px; font-weight: 900; text-transform: uppercase; background: var(--big-text); color: var(--big-bg); padding: 20px 60px; display: inline-block; border: 3px solid var(--big-text); transition: all 0.2s;}
.btn-giant:hover { background: var(--big-bg); color: var(--big-text); }
.btn-giant-outline { font-size: 32px; font-weight: 900; text-transform: uppercase; border: 3px solid var(--big-text); padding: 20px 60px; display: inline-block; margin-left: 20px;}
.btn-giant-outline:hover { background: var(--big-text); color: var(--big-bg); }

/* Minimalist Stats Grid */
.huge-stats { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 2px solid var(--big-border);}
.s-box { padding: 40px; border-right: 2px solid var(--big-border); }
.s-box:last-child { border-right: none; }
.s-num { font-size: 5vw; font-weight: 900; line-height: 1; margin-bottom: 10px;}
.s-txt { font-size: 1.5vw; font-weight: 700; text-transform: uppercase; color: var(--big-muted);}

/* Typographic Features */
.huge-features { display: flex; flex-direction: column; }
.f-row { display: flex; border-bottom: 2px solid var(--big-border); }
.f-num { font-size: 8vw; font-weight: 900; padding: 40px; border-right: 2px solid var(--big-border); width: 250px; text-align: center; color: var(--big-muted);}
.f-text { padding: 60px; display: flex; flex-direction: column; justify-content: center;}
.f-text h3 { font-size: 4vw; font-weight: 900; text-transform: uppercase; margin-bottom: 20px; letter-spacing: -0.02em;}
.f-text p { font-size: 24px; font-weight: 500; color: var(--big-muted); max-width: 800px; line-height: 1.5;}

/* Monospace Nodes */
.huge-nodes { padding: 80px 40px; border-bottom: 2px solid var(--big-border); background: #f4f4f4;}
.huge-nodes h2 { font-size: 4vw; font-weight: 900; text-transform: uppercase; margin-bottom: 40px;}
.node-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px;}
.n-item { font-family: monospace; font-size: 24px; font-weight: bold; border-top: 4px solid var(--big-text); padding-top: 20px;}
.n-item span { display: block; color: var(--big-muted); font-size: 18px; margin-top: 10px;}

/* Typography FAQ */
.huge-faq { padding: 100px 40px; }
.faq-wrap { max-width: 1000px; margin: 0 auto;}
.faq-box { margin-bottom: 60px; }
.faq-q { font-size: 42px; font-weight: 900; margin-bottom: 20px; line-height: 1.1; letter-spacing: -0.03em;}
.faq-a { font-size: 24px; font-weight: 500; color: var(--big-muted); line-height: 1.5; padding-left: 40px; border-left: 4px solid var(--big-text);}

@media (max-width: 1024px) {
    .huge-header { flex-direction: column; align-items: flex-start; gap: 20px; }
    .big-nav { margin-bottom: 20px; flex-wrap: wrap; }
    .huge-stats { grid-template-columns: repeat(2, 1fr); }
    .s-box:nth-child(2) { border-right: none; }
    .s-box:nth-child(1), .s-box:nth-child(2) { border-bottom: 2px solid var(--big-border); }
    .btn-giant-outline { margin-left: 0; margin-top: 20px; }
}
@media (max-width: 768px) {
    .f-row { flex-direction: column; }
    .f-num { width: 100%; border-right: none; border-bottom: 2px solid var(--big-border); text-align: left; padding: 20px 40px;}
    .f-text { padding: 40px; }
    .huge-stats { grid-template-columns: 1fr; }
    .s-box { border-right: none; border-bottom: 2px solid var(--big-border); }
}