.arc-visual-guide { padding-top:58px; }
.arc-guide-heading { text-align:center;margin:0 auto 62px;max-width:650px; }
.arc-guide-heading h1 { font:600 clamp(46px,6vw,76px)/1.04 var(--sans);letter-spacing:-.05em;margin:0 0 20px; }
.arc-guide-heading h1 em { font-style:normal;color:var(--acid); }
.arc-guide-heading p { color:var(--muted);line-height:1.7;font-size:16px;margin:0 0 24px; }.arc-visual-guide .button { text-decoration:none;border-radius:25px;box-shadow:none; }
.arc-earn-section { display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:linear-gradient(130deg,var(--panel),color-mix(in srgb,var(--acid) 7%,var(--panel)));border:1px solid var(--line-strong);border-radius:26px;padding:52px;overflow:hidden; }
.arc-earn-copy h2,.arc-make-copy h2 { font-size:clamp(27px,3vw,37px);font-weight:550;letter-spacing:-.04em;line-height:1.15;margin:0 0 25px; }
.arc-earn-benefit { display:flex;align-items:center;gap:20px;margin:20px 0; }.arc-earn-benefit>strong { font:550 76px/1 var(--sans);letter-spacing:-.065em;color:var(--acid);min-width:155px; }.arc-earn-benefit>strong>span { font-size:38px;letter-spacing:-.035em; }.arc-earn-benefit p { margin:0;font-size:16px;line-height:1.5; }.arc-earn-benefit small { display:block;margin-top:6px;color:var(--muted);font-size:11px;max-width:210px; }.arc-guide-clarifier { color:var(--muted);font-size:10px;margin:20px 0 0;line-height:1.6; }
.arc-earn-art { position:relative;height:370px; }.arc-guide-nft { position:absolute;width:245px;height:245px;object-fit:cover;border:7px solid var(--panel-3);border-radius:20px;box-shadow:0 25px 65px #0005; }.arc-guide-nft-back { left:5px;top:10px;transform:rotate(-13deg);filter:brightness(.85); }.arc-guide-nft-front { right:5px;top:54px;transform:rotate(10deg); }.arc-payment-slip { position:absolute;left:35px;right:0;bottom:0;border:1px solid color-mix(in srgb,var(--acid) 35%,var(--line));background:color-mix(in srgb,var(--panel-2) 94%,transparent);backdrop-filter:blur(20px);border-radius:18px;padding:21px 24px;box-shadow:0 15px 35px #0004; }.arc-payment-slip>span { color:var(--muted);font-size:11px; }.arc-payment-slip>strong { display:block;font-size:34px;letter-spacing:-.035em;margin:8px 0;color:var(--paper); }.arc-payment-slip strong small { color:var(--acid);font-size:13px;font-weight:500; }.arc-payment-slip p { margin:0;color:var(--muted);font-size:11px; }.arc-payment-slip>i { position:absolute;right:24px;top:25px;font-style:normal;color:var(--acid);font-size:30px; }
.arc-proceeds-section { padding:42px 0 50px;border-bottom:1px solid var(--line); }.arc-proceeds-heading { display:flex;justify-content:space-between;align-items:center;gap:20px; }.arc-proceeds-heading h2 { font-size:24px;letter-spacing:-.025em;font-weight:550;margin:0; }.arc-proceeds-heading p { margin:10px 0;color:var(--muted);font-size:12px; }.arc-example-amounts { display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;align-items:center; }.arc-example-amounts button { border:1px solid var(--line-strong);border-radius:20px;padding:8px 12px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer; }.arc-example-amounts button.active { background:var(--panel-3);color:var(--paper);border-color:var(--acid); }.arc-example-amounts>span { flex-basis:100%;text-align:right;color:var(--muted);font-size:9px;margin-top:3px; }
.arc-split-bar { display:flex;border-radius:11px;overflow:hidden;height:46px;gap:4px;margin:24px 0; }.arc-split-bar span { display:flex;align-items:center;padding:0 14px;font-size:15px;font-weight:650; }.arc-split-bar span:nth-child(1) { width:70%;background:var(--acid);color:var(--on-accent); }.arc-split-bar span:nth-child(2) { width:20%;background:#587b65;color:white; }.arc-split-bar span:nth-child(3) { width:10%;background:#b6ba8b;color:#18271c; }
.arc-split-legend { display:grid;grid-template-columns:repeat(3,1fr);gap:25px; }.arc-split-legend article { position:relative;padding-left:19px; }.arc-split-legend i { width:7px;height:7px;position:absolute;left:0;top:5px;border-radius:50%;background:var(--acid); }.arc-split-legend article:nth-child(2) i { background:#587b65; }.arc-split-legend article:nth-child(3) i { background:#b6ba8b; }.arc-split-legend h3 { margin:0;font-size:12px;font-weight:500;color:var(--muted); }.arc-split-legend strong { display:block;font-size:24px;font-weight:500;margin:12px 0;letter-spacing:-.02em; }.arc-split-legend p { font-size:11px;color:var(--muted);line-height:1.7;margin:0; }
.arc-make-section { display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:70px 20px;align-items:center; }.arc-make-visual { padding:30px;border-radius:22px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--acid) 10%,var(--panel)),var(--panel));border:1px solid var(--line); }.arc-prompt-bubble { margin:0 auto 32px;background:var(--panel-3);border:1px solid var(--line-strong);color:var(--paper);border-radius:14px 14px 3px 14px;padding:15px 20px;font-size:12px;line-height:1.5;max-width:310px; }.arc-mini-collection { display:flex;justify-content:center;padding:10px 0; }.arc-mini-collection img { display:block;min-width:0;width:35%;aspect-ratio:1;object-fit:cover;border:5px solid var(--panel-2);border-radius:13px;box-shadow:0 10px 25px #0005; }.arc-mini-collection img:first-child { transform:rotate(-10deg);margin-right:-15px; }.arc-mini-collection img:nth-child(2) { transform:translateY(-12px);z-index:1; }.arc-mini-collection img:last-child { transform:rotate(10deg);margin-left:-15px; }.arc-make-visual>small { display:block;text-align:center;font-size:9px;color:var(--muted);margin:20px 0 0; }.arc-make-copy ol { padding-left:20px;color:var(--muted);font-size:13px;line-height:1.8; }.arc-make-copy li { padding:5px 0 5px 5px; }.arc-make-copy li::marker { color:var(--acid); }.arc-make-copy li strong { color:var(--paper);font-weight:550; }.arc-make-copy>a { display:inline-block;margin-top:15px;color:var(--acid);font-size:13px;text-decoration:none; }
.arc-collector-section>header { text-align:center;margin:15px 0 35px; }.arc-collector-section>header h2 { font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;font-weight:550;margin:0; }.arc-collector-section>header p { color:var(--muted);font-size:14px;line-height:1.6; }
.arc-protection-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }.arc-protection-grid article { background:var(--panel);border:1px solid var(--line-strong);border-radius:24px;padding:34px;overflow:hidden; }.arc-protection-grid h3 { font-size:30px;line-height:1.15;letter-spacing:-.03em;font-weight:550;margin:24px 0 17px; }.arc-protection-grid article>p { max-width:410px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 20px; }.arc-protection-cutoff { display:inline-block;font-size:11px;background:color-mix(in srgb,var(--acid) 8%,var(--panel));color:var(--acid);border:1px solid color-mix(in srgb,var(--acid) 25%,transparent);border-radius:20px;padding:7px 12px; }.arc-protection-grid article>small { display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:12px; }
.arc-exit-illustration { display:flex;align-items:center;justify-content:center;gap:25px;height:172px; }.arc-exit-illustration img { width:130px;height:140px;object-fit:cover;border-radius:14px;border:6px solid var(--panel-3);transform:rotate(-9deg);box-shadow:0 12px 30px #0004; }.arc-exit-arrows { display:flex;flex-direction:column;gap:14px;font-size:12px;color:var(--acid); }.arc-exit-arrows>span:first-child { color:var(--muted); }.arc-usdc-coin { display:flex;align-items:center;justify-content:center;flex-direction:column;width:104px;height:104px;flex:none;border-radius:50%;border:1px solid var(--acid);outline:6px solid color-mix(in srgb,var(--acid) 8%,transparent);font-size:48px;color:var(--acid);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--acid) 18%,var(--panel)),var(--panel));box-shadow:0 0 50px color-mix(in srgb,var(--acid) 8%,transparent);transform:rotate(8deg); }.arc-usdc-coin small { font:9px var(--mono);letter-spacing:.1em;margin-top:-2px; }
.arc-support-illustration { display:flex;align-items:center;justify-content:center;gap:25px;height:172px; }.arc-support-illustration>div>strong { font-size:76px;line-height:1;letter-spacing:-.07em;font-weight:500;color:var(--acid); }.arc-support-illustration strong span { font-size:35px; }.arc-support-illustration small { display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:13px; }.arc-support-times { font-size:10px;color:var(--muted); }
.arc-bonding-timeline { display:flex;align-items:center;justify-content:space-around;gap:20px;padding:30px 20px;margin:20px 0;border-bottom:1px solid var(--line); }.arc-bonding-timeline>span { font-size:13px; }.arc-bonding-timeline i { display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:7px; }.arc-bonding-timeline small { display:block;color:var(--muted);font-size:10px;margin-top:9px; }.arc-bonding-timeline>b { color:var(--muted);font-weight:400; }
.arc-guide-details { border-bottom:1px solid var(--line);padding:8px 0 22px;max-width:900px;margin:auto;color:var(--muted);font-size:12px;line-height:1.8; }.arc-guide-details summary { list-style:none;display:flex;justify-content:space-between;cursor:pointer;color:var(--paper);font-size:13px; }.arc-guide-details p { max-width:810px; }.arc-guide-cta { padding:55px 0 30px;text-align:center; }.arc-guide-cta h2 { font-size:32px;letter-spacing:-.035em;font-weight:550;margin:0 0 25px; }.arc-guide-cta>div { display:flex;gap:12px;justify-content:center; }
@media(max-width:950px){.arc-earn-section { padding:30px;gap:25px; }.arc-earn-benefit { gap:12px; }.arc-earn-benefit>strong { min-width:115px;font-size:60px; }.arc-earn-benefit>strong>span { font-size:30px; }.arc-earn-benefit p { font-size:13px; }.arc-guide-nft { width:200px;height:200px; }.arc-earn-art { height:325px; }.arc-payment-slip { left:0;padding:18px; }.arc-payment-slip>strong { font-size:30px; }.arc-make-section { gap:30px;padding:50px 0; }.arc-protection-grid article { padding:25px; }.arc-exit-illustration { gap:15px; }.arc-exit-illustration img { width:95px;height:105px; }.arc-usdc-coin { width:80px;height:80px;font-size:38px; }.arc-support-illustration { gap:15px; }.arc-support-illustration>div>strong { font-size:60px; }}
@media(max-width:650px){.arc-visual-guide { padding-top:35px; }.arc-guide-heading { margin-bottom:35px; }.arc-guide-heading h1 { font-size:48px; }.arc-guide-heading p { font-size:14px; }.arc-earn-section { grid-template-columns:1fr;padding:25px;gap:10px; }.arc-earn-copy h2 { font-size:30px; }.arc-earn-benefit>strong { min-width:130px;font-size:65px; }.arc-earn-benefit p { font-size:14px; }.arc-earn-art { width:100%;max-width:350px;justify-self:center;height:330px;margin-top:20px; }.arc-guide-nft { width:190px;height:190px; }.arc-guide-nft-front { top:50px; }.arc-payment-slip { bottom:10px; }.arc-proceeds-heading { display:block; }.arc-example-amounts { justify-content:flex-start;margin-top:18px; }.arc-example-amounts>span { flex-basis:auto;margin-left:5px; }.arc-split-bar { height:36px;gap:2px; }.arc-split-bar span { padding:0 8px;font-size:11px; }.arc-split-legend { gap:15px;grid-template-columns:1fr; }.arc-split-legend article { display:grid;grid-template-columns:1fr auto;align-items:start;gap:7px; }.arc-split-legend article strong { font-size:18px;margin:0; }.arc-split-legend p { grid-column:1/-1; }.arc-make-section { grid-template-columns:1fr;gap:25px; }.arc-make-copy { padding:0 10px; }.arc-make-visual { padding:25px; }.arc-protection-grid { grid-template-columns:1fr; }.arc-protection-grid h3 { font-size:29px; }.arc-collector-section>header p { font-size:12px; }.arc-exit-illustration { gap:23px; }.arc-exit-illustration img { width:110px;height:120px; }.arc-support-illustration { gap:22px; }.arc-support-illustration>div>strong { font-size:70px; }.arc-bonding-timeline { padding:22px 0;gap:9px;align-items:start; }.arc-bonding-timeline>span { font-size:11px;flex:1; }.arc-bonding-timeline small { font-size:9px;line-height:1.5; }.arc-bonding-timeline>b { font-size:12px; }.arc-bonding-timeline i { display:none; }.arc-guide-details { font-size:11px; }.arc-guide-cta h2 { font-size:29px; }.arc-guide-cta>div { flex-wrap:wrap; }.arc-guide-cta .button { font-size:12px; }}