@import url('./tokens/fonts.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');
@import url('./tokens/base.css');

:root{--line:var(--paper-200);--dark:var(--ink-900);--accent:var(--verde-400);--link:var(--agua-600)}
*{box-sizing:border-box} body{margin:0;background:var(--paper-50);color:var(--ink-900);font:400 17px/1.55 var(--font-body)}
a{color:inherit}.container{width:min(1200px,calc(100% - 40px));margin:auto}.narrow{width:min(720px,calc(100% - 40px));margin:auto}
.nav{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--paper-50) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav .container{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font:800 23px/1 var(--font-display);letter-spacing:-.04em;text-decoration:none}.brand span{color:var(--agua-600)}.navlinks{display:flex;gap:18px;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--link)}
.hero{padding:88px 0 80px;background:var(--paper-50)}.hero-grid{display:grid;grid-template-columns:7fr 4fr;gap:48px;align-items:end}.eyebrow{font:600 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--agua-600)}h1{font:800 clamp(42px,5.8vw,76px)/.97 var(--font-display);letter-spacing:-.055em;margin:16px 0 24px;max-width:850px}.lead{font-size:clamp(18px,2vw,22px);line-height:1.45;max-width:700px;margin:0 0 32px;color:var(--ink-700)}.level{color:var(--ink-900);background:linear-gradient(transparent 62%,var(--verde-400) 62%)}
.panel{background:var(--dark);color:var(--paper-50);padding:30px;border-radius:10px;position:relative;top:24px}.panel small{font:600 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--agua-300)}.panel strong{display:block;font:800 clamp(50px,6vw,80px)/.9 var(--font-display);letter-spacing:-.06em;color:var(--accent);margin:16px 0}.panel p{margin:0;color:var(--paper-100)}
.button{display:inline-flex;align-items:center;gap:12px;justify-content:center;min-height:54px;padding:0 24px;border:0;border-radius:6px;background:var(--accent);color:var(--ink-900);font:600 16px/1 var(--font-body);text-decoration:none;cursor:pointer;transition:background .14s,transform .14s}.button:hover{background:var(--verde-500)}.button:active{transform:translateY(1px)}.button.dark{background:var(--dark);color:var(--paper-50)}.button.dark:hover{background:var(--ink-700)}
section{padding:96px 0}.section-dark{background:var(--dark);color:var(--paper-50)}.section-blue{background:var(--agua-50)}h2{font:700 clamp(30px,4vw,48px)/1.05 var(--font-display);letter-spacing:-.045em;margin:0 0 18px}.section-intro{max-width:650px;margin:0 0 44px;color:var(--ink-700)}.section-dark .section-intro{color:var(--ink-200)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{padding:28px 28px 12px 0;border-right:1px solid var(--line);min-height:220px}.step:last-child{border:0;padding-right:0}.step-no{font:500 12px/1 var(--font-mono);color:var(--agua-600);letter-spacing:.08em}.step h3{font:600 22px/1.15 var(--font-display);margin:30px 0 10px}.step p{margin:0;color:var(--ink-700)}
.earnings{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center}.table{border-collapse:collapse;width:100%;background:var(--paper-50);color:var(--ink-900)}.table th,.table td{padding:16px;border:1px solid var(--line);text-align:left}.table th{background:var(--ink-800);color:var(--paper-50);font:600 12px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.table td:last-child{font-weight:700}.caption{font-size:14px;color:var(--ink-500)}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{cursor:pointer;padding:22px 0;font:600 18px/1.35 var(--font-display);list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary:after{content:'+';color:var(--agua-600);font-size:24px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{margin:0 0 22px;color:var(--ink-700);max-width:700px}
.form-wrap{display:grid;grid-template-columns:4fr 7fr;gap:72px;align-items:start}.form-card{padding:32px;background:var(--paper-50);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 52px rgba(11,37,48,.09)}.form-card h2{font-size:32px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:600;font-size:14px}.field input,.field select{height:50px;width:100%;border:1px solid var(--paper-300);border-radius:6px;padding:0 13px;background:var(--paper-0);font:inherit;color:var(--ink-900)}.field input:focus,.field select:focus{outline:none;border-color:var(--agua-600);box-shadow:0 0 0 3px var(--agua-100)}.error{min-height:18px;color:var(--erro-600);font-size:13px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:20px 0}.consent input{margin-top:4px}.form-status{margin-top:16px;padding:12px;border-radius:6px;background:var(--agua-50);display:none}.form-status.show{display:block}.privacy{font-size:13px;color:var(--ink-500)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:block;padding:25px;text-decoration:none;border:1px solid var(--line);border-radius:10px;background:var(--paper-50);transition:border-color .14s}.card:hover{border-color:var(--agua-600)}.card h2{font-size:27px;margin-top:44px}.card p{color:var(--ink-700)}.footer{padding:44px 0;background:var(--dark);color:var(--paper-100)}.footer .container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer small{color:var(--ink-300)}
@media(max-width:860px){.navlinks{display:none}.hero{padding:56px 0}.hero-grid,.earnings,.form-wrap{grid-template-columns:1fr;gap:28px}.panel{top:0}.steps,.cards{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);padding:24px 0;min-height:0}.step:last-child{border-bottom:0}.fields{grid-template-columns:1fr}section{padding:64px 0}.form-wrap{gap:24px}h1{font-size:46px}}