@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f7f4;--ink:#151714;--muted:#666b64;--line:#dedfd8;--lime:#d9ff58;--dark:#171a16;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:800;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);font:500 12px 'DM Mono',monospace;letter-spacing:-1px}.nav nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700}.nav nav a:not(.nav-cta){color:#5b5e58}.nav nav a:hover,.text-link:hover{color:#5b7218}.nav-cta{background:var(--ink);color:white;padding:13px 17px}.nav-cta span{color:var(--lime);margin-left:12px}.menu-toggle{display:none;background:none;border:0;font-size:22px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;padding-top:92px;padding-bottom:94px;min-height:610px}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.3px;color:#646a5e;display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;border-radius:50%;background:#93b12e;box-shadow:0 0 0 4px #e9efce}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.2vw,69px);line-height:1.04;letter-spacing:-4.1px;margin:25px 0 24px;font-weight:700;max-width:650px}h1 em,h2 em{font-style:normal;color:#78951f} .hero-text{font-size:15px;line-height:1.85;color:var(--muted);max-width:550px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 19px;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary span{color:var(--lime);font-size:16px}.text-link{font-size:12px;font-weight:800}.text-link span{margin-left:6px}.hero-note{display:flex;align-items:flex-start;gap:10px;max-width:430px;margin-top:35px;color:#858980;font-size:10px;line-height:1.6}.note-icon{display:grid;place-items:center;flex:0 0 17px;height:17px;border:1px solid #aeb1a7;border-radius:50%;font:10px 'DM Mono',monospace}.hero-visual{height:390px;position:relative;display:grid;place-items:center;overflow:hidden;background:#eeefe8;border:1px solid #e2e3da}.orbit{position:absolute;border:1px solid #d8dacd;border-radius:50%;width:310px;height:310px}.orbit-two{width:235px;height:235px}.core-card{z-index:2;width:170px;height:180px;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:16px 18px 0 #d9dbcf;transform:rotate(-5deg)}.core-symbol{font-size:50px;font-weight:800;letter-spacing:-5px}.core-label{font:500 9px 'DM Mono',monospace;letter-spacing:1px;margin-top:13px}.core-small{font-size:10px;margin-top:8px;color:#515a31}.code-card{position:absolute;width:150px;height:118px;background:#fff;border:1px solid #dedfd8;padding:13px;box-shadow:0 15px 35px #c6c9bd66}.card-back{right:10%;top:14%;transform:rotate(8deg)}.dots{display:flex;gap:4px}.dots i{height:5px;width:5px;background:#d7d9d0;border-radius:50%}.code-lines{display:grid;gap:8px;margin-top:18px}.code-lines b{height:5px;background:#e4e6de;width:70%;border-radius:2px}.code-lines b:nth-child(2){width:44%;background:#9ebc3d}.code-lines b:nth-child(3){width:83%}.code-lines b:nth-child(4){width:58%;background:#d8d9d1}.floating-chip{position:absolute;z-index:3;background:#fff;border:1px solid #dedfd8;padding:12px 14px;font-size:11px;font-weight:800;box-shadow:0 8px 20px #bfc2b433}.floating-chip span{font:10px 'DM Mono',monospace;color:#758c2c;margin-left:8px}.chip-api{left:7%;top:28%}.chip-cloud{right:9%;bottom:26%}.chip-dev{left:13%;bottom:17%}.visual-caption{position:absolute;bottom:13px;font:9px 'DM Mono',monospace;letter-spacing:.2px;color:#767b70}.ticker{background:var(--lime);overflow:hidden}.ticker-inner{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 9px 'DM Mono',monospace;letter-spacing:1px}.section{padding-top:110px;padding-bottom:112px}.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:48px}.section-heading h2,.process-section h2,.principles h2,.faq-layout h2,.support-card h2{font-size:clamp(37px,4vw,53px);line-height:1.07;letter-spacing:-2.8px;margin:20px 0 0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:430px;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{padding:28px 27px 32px 0;position:relative}.feature+.feature{border-left:1px solid var(--line);padding-left:28px}.feature-number{font:10px 'DM Mono',monospace;color:#858980}.feature-icon{height:55px;width:55px;display:grid;place-items:center;background:#ebeddf;font-size:23px;margin:26px 0 25px}.feature h3{font-size:16px;letter-spacing:-.5px;margin-bottom:12px}.feature p{font-size:12px;line-height:1.85;color:var(--muted);max-width:300px;margin-bottom:0}.dark-section{background:var(--dark);color:#f7f7f4}.process-section{padding-top:95px;padding-bottom:88px}.light{color:#b4bd9b}.light:before{content:'';width:7px;height:7px;background:var(--lime);border-radius:50%}.process-section h2{margin-top:23px}.process-section h2 em,.principles h2 em,.faq-layout h2 em,.support-card h2 em{color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:62px}.steps article{border-top:1px solid #44483e;padding-top:17px}.steps article>span{font:11px 'DM Mono',monospace;color:var(--lime)}.steps h3{font-size:14px;margin:28px 0 12px}.steps p{font-size:11px;line-height:1.9;color:#b3b7ac;margin:0}.dark-footnote{margin-top:48px;border-top:1px solid #363a32;padding-top:18px;font-size:10px;color:#9da295}.principles{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:26px}.principle-list>div{display:grid;grid-template-columns:24px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.principle-list>div:first-child{border-top:1px solid var(--line)}.principle-list>div>span{font:12px 'DM Mono',monospace;color:#819b2b}.principle-list p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.principle-list b{color:var(--ink);font-size:13px}.faq-section{background:#eeefe9;padding:91px 0 100px}.faq-layout{display:grid;grid-template-columns:.55fr 1fr;gap:70px;margin-top:25px}.faq-layout h2{margin:0}.faq-layout h2 em{color:#819b2b}.faq-list details{border-bottom:1px solid #d7d9d0}.faq-list details:first-child{border-top:1px solid #d7d9d0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:20px 0;font-size:13px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:18px;font-weight:400;color:#7b922a;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:650px;color:var(--muted);font-size:12px;line-height:1.85;padding:0 35px 18px 0;margin:0}.support-section{padding-top:100px;padding-bottom:58px}.support-card{background:var(--ink);color:white;display:grid;grid-template-columns:1fr .65fr;gap:55px;padding:53px 56px}.support-card .eyebrow{color:#b7c19d}.support-card h2{margin-top:22px}.support-card p{color:#b9bdb3;font-size:12px;line-height:1.9;max-width:450px;margin:20px 0 25px}.support-actions{display:flex;gap:12px;flex-wrap:wrap}.light-button{background:var(--lime);color:var(--ink)}.light-button span{font-size:16px}.outline-button{border:1px solid #55594f;color:white}.outline-button span{color:var(--lime)}.support-side{border-left:1px solid #42463d;padding-left:42px;display:flex;flex-direction:column;justify-content:center}.big-braces{font-size:95px;line-height:1;color:var(--lime);font-weight:800;letter-spacing:-10px}.support-side p{font-size:14px;line-height:1.8;color:#e0e2dc;margin:17px 0 30px}.support-side>span{font:9px 'DM Mono',monospace;letter-spacing:.5px;color:#a5aa9b}.site-disclaimer{font-size:10px;line-height:1.7;color:#858980;margin-top:20px}.footer{border-top:1px solid var(--line)}.footer-inner{height:77px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#74786f}.footer-inner .brand{font-size:12px;color:var(--ink)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:17px 0 25px;font-size:9px;color:#90948a}
@media(max-width:800px){.wrap{width:min(100% - 34px,600px)}.nav{height:70px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);padding:22px 24px;border-bottom:1px solid var(--line);z-index:10;flex-direction:column;align-items:stretch;gap:22px}.nav nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px;gap:35px}.hero h1{font-size:clamp(43px,10vw,62px);letter-spacing:-3px}.hero-visual{height:330px}.ticker-inner{justify-content:flex-start;overflow:hidden;white-space:nowrap;gap:30px}.ticker-inner span:nth-child(n+4){display:none}.section{padding-top:75px;padding-bottom:75px}.section-heading{grid-template-columns:1fr;gap:22px}.feature-grid{grid-template-columns:1fr}.feature,.feature+.feature{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.feature-icon{margin:18px 0}.steps{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:40px}.principles{grid-template-columns:1fr;gap:35px}.faq-section{padding:70px 0}.faq-layout{grid-template-columns:1fr;gap:30px}.support-section{padding-top:65px}.support-card{grid-template-columns:1fr;padding:34px 25px;gap:35px}.support-side{border-left:0;border-top:1px solid #42463d;padding:25px 0 0}.big-braces{font-size:65px}.footer-inner{height:auto;padding:24px 0;gap:15px;flex-wrap:wrap}.footer-bottom{flex-direction:column}.hero-actions{flex-wrap:wrap;gap:18px}.visual-caption{font-size:8px}.chip-api{left:4%}.chip-dev{left:7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* About, petition and privacy sections */
.about-section { padding-top: 30px; }
.about-card { display:grid; grid-template-columns:180px 1fr; gap:32px; align-items:start; padding:36px; border:1px solid var(--line, #deded7); border-radius:22px; background:#fff; }
.about-mark { min-height:150px; border-radius:16px; background:#e9f28c; display:flex; align-items:center; justify-content:center; font-size:54px; font-weight:800; letter-spacing:-5px; color:#171814; position:relative; }
.about-mark span { position:absolute; right:24px; top:18px; font-size:20px; letter-spacing:0; }
.about-card h3 { margin:0 0 14px; font-size:24px; }
.about-card p { line-height:1.75; color:#51534c; max-width:760px; }
.about-card .about-signature { font-size:13px; font-weight:700; color:#222; margin-top:22px; }
.petition-section { background:#f0f1e9; padding:100px 0; }
.petition-layout { display:grid; grid-template-columns:1fr minmax(320px, 490px); gap:64px; align-items:start; }
.petition-copy h2 { font-size:clamp(42px, 5vw, 66px); line-height:1.04; letter-spacing:-.055em; margin:18px 0 20px; }
.petition-copy h2 em { font-style:normal; color:#68781c; }
.petition-copy>p { line-height:1.75; max-width:500px; color:#55574e; }
.signature-count { display:flex; align-items:baseline; gap:12px; margin:34px 0 4px; }
.count-number { font-size:48px; font-weight:800; letter-spacing:-.05em; }
.signature-count span:last-child { font-size:13px; color:#606257; }
.small-note { font-size:12px; }
.petition-form { background:#fff; padding:30px; border:1px solid #dedfd5; border-radius:20px; box-shadow:0 16px 45px #1e24100b; }
.petition-form h3 { margin:0 0 8px; font-size:25px; letter-spacing:-.03em; }
.form-intro { margin:0 0 22px; color:#66685f; font-size:14px; line-height:1.6; }
.petition-form>label:not(.consent), .form-row label { display:block; font-size:13px; font-weight:700; margin:16px 0 7px; }
.petition-form input:not([type=checkbox]), .petition-form select { width:100%; box-sizing:border-box; border:1px solid #d8d9d1; background:#fff; border-radius:10px; padding:13px 14px; font:inherit; color:#222; outline:none; }
.petition-form input:focus, .petition-form select:focus { border-color:#75851f; box-shadow:0 0 0 3px #dce5a6a0; }
.form-row { display:grid; grid-template-columns:1fr; }
.form-row>div { min-width:0; }
.consent { display:flex; gap:10px; align-items:flex-start; margin:20px 0; font-size:12px; line-height:1.55; color:#55574f; }
.consent input { margin-top:3px; accent-color:#75851f; }
.submit-button { width:100%; justify-content:center; cursor:pointer; border:0; }
.submit-button:disabled { opacity:.6; cursor:wait; }
.form-status { min-height:20px; font-size:13px; line-height:1.5; margin:12px 0 0; }
.form-status[data-state="error"] { color:#a62c24; }
.form-status[data-state="success"] { color:#46600a; }
.privacy-note { font-size:11px; line-height:1.6; color:#72746c; margin:14px 0 0; }
.privacy-note a { color:#353d10; text-decoration:underline; }
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.privacy-section { padding:42px 0 0; max-width:900px; margin:0 auto; }
.privacy-section h3 { font-size:20px; }
.privacy-section p { color:#5b5d54; font-size:13px; line-height:1.8; }
.privacy-section .site-disclaimer { padding:16px; border-left:3px solid #7d8d25; background:#fff; }
@media (max-width: 760px) {
 .about-card { grid-template-columns:1fr; padding:24px; gap:22px; }
 .about-mark { min-height:100px; }
 .petition-section { padding:68px 0; }
 .petition-layout { grid-template-columns:1fr; gap:32px; }
 .petition-form { padding:22px; }
 .signature-count { margin-top:24px; }
}


/* Added content: expanded creator profile and in-page draft bill. Existing styles remain unchanged. */
.about-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:18px; }
.about-story-card { background:#eeefe8; border:1px solid #e1e2d9; border-radius:16px; padding:25px 24px 22px; }
.story-index { display:block; font:500 9px 'DM Mono',monospace; letter-spacing:1px; color:#737967; margin-bottom:23px; }
.about-story-card h3 { font-size:18px; line-height:1.25; letter-spacing:-.5px; margin:0 0 12px; }
.about-story-card p { font-size:12px; line-height:1.85; color:#5c6056; margin:0; }
.about-principle-note { display:flex; gap:14px; align-items:flex-start; margin-top:16px; padding:20px 23px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.about-principle-note>span { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; background:var(--lime); border-radius:50%; font-size:16px; }
.about-principle-note p { margin:2px 0 0; font-size:12px; line-height:1.8; color:#55594f; }
.bill-section { padding:92px 0 100px; background:#eeefe9; }
.bill-heading { margin-bottom:30px; }
.bill-status { display:flex; gap:12px; align-items:flex-start; max-width:850px; margin:0 0 20px; padding:17px 19px; background:#fff; border:1px solid #dedfd5; border-radius:12px; }
.bill-status p { margin:0; font-size:12px; line-height:1.8; color:#5b5d54; }
.status-dot { flex:0 0 8px; width:8px; height:8px; margin-top:6px; border-radius:50%; background:#859b2a; }
.bill-accordion { border:1px solid #d8dacf; border-radius:16px; background:#fff; overflow:hidden; }
.bill-accordion>summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 25px; cursor:pointer; list-style:none; font-size:14px; font-weight:800; }
.bill-accordion>summary::-webkit-details-marker { display:none; }
.bill-summary-icon { font-size:23px; font-weight:400; color:#788d24; transition:transform .2s; }
.bill-accordion[open] .bill-summary-icon { transform:rotate(45deg); }
.bill-text { max-width:900px; margin:0 auto; padding:4px 32px 38px; color:#30332c; }
.bill-text h1 { max-width:none; margin:24px 0 18px; font-size:clamp(26px,3vw,38px); line-height:1.16; letter-spacing:-1.2px; }
.bill-text h2 { margin:34px 0 14px; font-size:20px; line-height:1.3; letter-spacing:-.4px; border-top:1px solid #e4e5dd; padding-top:22px; }
.bill-text h3 { margin:24px 0 10px; font-size:16px; }
.bill-text p, .bill-text li { font-size:13px; line-height:1.9; color:#4f5349; }
.bill-text p { margin:0 0 14px; }
.bill-text ul, .bill-text ol { padding-left:24px; margin:0 0 18px; }
.bill-text li { padding-left:4px; margin:3px 0; }
.bill-text strong { color:#24271f; }
.bill-text blockquote { margin:20px 0; padding:12px 18px; border-left:3px solid #879b2b; background:#f5f6f0; color:#55594f; }
.bill-text hr { border:0; border-top:1px solid #e2e3da; margin:26px 0; }
@media (max-width: 800px) {
 .about-story-grid { grid-template-columns:1fr; }
 .about-story-card { padding:22px; }
 .story-index { margin-bottom:14px; }
 .bill-section { padding:68px 0; }
 .bill-text { padding:4px 20px 28px; }
 .bill-accordion>summary { padding:19px 20px; }
}
