:root{color-scheme:light;--paper:#f8f8f5;--ink:#141414;--muted:#66665f;--line:#c8c8c0;--dark:#181818;--soft:#ecece6;--ease:cubic-bezier(.2,.8,.2,1);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,textarea,input,select{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.48;cursor:not-allowed}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #72924f!important;outline-offset:4px}
::selection{background:var(--dark);color:#fff}
.site-header{min-height:78px;display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:12px clamp(20px,3.6vw,60px)}
.brand,.footer-brand{font-size:25px;line-height:1;letter-spacing:-.095em;font-weight:900;white-space:nowrap}
.brand sup,.footer-brand sup{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:4px}
.header-links{display:flex;align-items:center;justify-content:center;gap:28px}
.header-links a{font-size:10px;font-weight:800;letter-spacing:.035em;white-space:nowrap}
.header-links a:hover,.footer a:hover{opacity:.55}
.wallet-button{border:1px solid var(--ink);border-radius:100px;color:white;background:var(--ink);padding:15px 18px;min-height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:19px;justify-self:end;font-weight:750;font-size:11px;white-space:nowrap;transition:transform .22s var(--ease),background .22s var(--ease)}
.wallet-button:hover{transform:translateY(-2px);background:#353535}
.wallet-button span:last-child{font-size:20px;line-height:.8;font-weight:400}
.main{width:min(1490px,calc(100% - clamp(40px,7.2vw,128px)));margin:0 auto}
.intro{padding:34px 0 62px}
.eyebrow,.intro-foot>span,.workbench-top,.small-heading,.inspector-bar,.summary-cell>span,.inspector-footer,.scope-note>span,.public-demo-heading>span,.activity>span,.footer{font-size:10px;font-weight:800;letter-spacing:.07em;line-height:1.45}
.eyebrow{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:17px;color:#5f5f58}
.eyebrow>span:last-child{text-align:right}
.intro h1{font-weight:790;letter-spacing:-.096em;line-height:.87;font-size:clamp(85px,11.3vw,188px);margin:52px 0 46px -.05em}
.intro h1 span{color:#74746d}
.intro-foot{border-top:1px solid var(--ink);padding-top:25px;display:flex;justify-content:space-between;align-items:start;gap:35px}
.intro-foot span{min-width:190px}
.intro-foot p{font-size:clamp(23px,2.6vw,39px);font-weight:630;letter-spacing:-.06em;line-height:1.13;max-width:730px;margin:0}
.warning{margin-top:36px;border-left:3px solid var(--ink);padding:15px 22px;background:var(--soft);font-size:12px;line-height:1.5;color:#4e4e47;max-width:850px}
.warning strong{color:var(--ink)}
.workbench-top{border-top:1px solid var(--ink);padding:24px 0 17px;display:flex;justify-content:space-between}
.role-nav{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:sticky;top:0;z-index:20;background:var(--paper)}
.role{border:0;border-right:1px solid var(--ink);background:transparent;padding:19px 22px;min-height:88px;display:flex;align-items:center;gap:10px;text-align:left;transition:background .2s var(--ease),color .2s var(--ease)}
.role:last-child{border-right:0}
.role.active{background:var(--dark);color:#fff}
.role:hover:not(.active){background:#e5e5df}
.role>span{font-size:10px;font-weight:750;align-self:center;white-space:nowrap}
.role strong{font-size:clamp(20px,2.4vw,33px);font-weight:760;letter-spacing:-.07em;line-height:1;flex:1}
.role i{font-size:21px;font-style:normal;font-weight:400}
.challenge-inspector{margin-top:8px;background:var(--dark);color:#fff;padding:clamp(23px,3.1vw,46px);min-width:0}
.inspector-bar{display:flex;justify-content:space-between;gap:10px;color:#c7c7be}
.inspector-bar>span:last-child{text-align:right}
.inspector-content{display:grid;grid-template-columns:1fr .85fr;gap:35px;align-items:end;padding:45px 0 35px}
.inspector-content h2{font-size:clamp(38px,4.5vw,68px);font-weight:730;letter-spacing:-.078em;line-height:1;margin:0 0 15px}
.inspector-content p{font-size:13px;color:#bebeb8;max-width:360px;line-height:1.45;margin:0}
.load-form{min-width:0}
.load-form label{display:block;font-size:11px;color:#c7c7c0;margin-bottom:13px;font-weight:650}
.load-controls{display:flex;align-items:stretch;gap:10px}
.load-controls input{flex:1;min-width:0;border:0;border-bottom:1px solid #92928b;color:#fff;background:transparent;outline:none;padding:8px 3px;font-size:22px;font-weight:680}
.load-controls input:focus{border-bottom-color:white}
.button-dark,.button-outline{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:49px;padding:15px 20px;border:1px solid var(--ink);border-radius:100px;font-size:12px;font-weight:730;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}
.button-dark{background:var(--ink);color:#fff}
.button-dark:hover{background:#393936;transform:translateY(-2px)}
.button-outline{background:transparent;color:var(--ink)}
.button-outline:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.load-controls .button-dark{background:white;color:var(--ink);border-color:white;white-space:nowrap}
.load-controls .button-dark:hover{background:#d5d5cd}
.button-dark span:last-child,.button-outline span:last-child{font-size:21px;line-height:.5;font-weight:400}
.challenge-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #585851}
.summary-cell{display:flex;flex-direction:column;gap:10px;min-width:0;border-bottom:1px solid #585851;padding:19px 15px 18px 0}
.summary-cell>span{color:#b3b3ab}
.summary-cell strong{font-size:clamp(16px,2vw,24px);font-weight:720;letter-spacing:-.045em;overflow-wrap:anywhere}
.inspector-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:20px;color:#bdbdb7}
.inspector-footer>span{overflow-wrap:anywhere}
.copy-link{border:0;background:transparent;color:#fff;padding:8px;font-size:11px;font-weight:700;white-space:nowrap}
.copy-link:hover{text-decoration:underline}
.role-panel{padding:73px 0 104px;min-width:0}
.role-heading{display:grid;grid-template-columns:1.35fr .7fr;align-items:end;gap:35px;margin-bottom:47px}
.small-heading{display:block;margin-bottom:25px}
.role-heading h2{font-size:clamp(68px,7.5vw,114px);font-weight:760;letter-spacing:-.085em;line-height:.9;margin:0 0 0 -.045em}
.role-heading>p{max-width:390px;font-size:17px;line-height:1.35;letter-spacing:-.03em;color:#595951;margin:0 0 7px}
.role-form{background:var(--soft);padding:clamp(23px,3.4vw,54px)}
.field-wide{display:flex;flex-direction:column;gap:9px;margin-bottom:26px}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin:35px 0}
.field{display:flex;flex-direction:column;min-width:0;gap:9px}
.field-wide label,.field label{font-size:12px;font-weight:730;letter-spacing:-.012em}
.field-wide textarea,.field-wide input,.field input,.field select{border:0;border-bottom:1px solid #84847b;border-radius:0;outline:0;background:transparent;color:var(--ink);padding:14px 1px 15px;font-size:18px;line-height:1.35;min-width:0;width:100%}
.field select{cursor:pointer}
.field-wide textarea{resize:vertical;min-height:94px}
.field-wide textarea:focus,.field-wide input:focus,.field input:focus,.field select:focus{border-bottom:2px solid var(--ink)}
.field-wide small,.field small,.action-foot{font-size:11px;line-height:1.5;color:#57574f}
.scope-note{border-top:1px solid #b8b8b1;border-bottom:1px solid #b8b8b1;display:grid;grid-template-columns:140px 1fr;gap:13px 20px;padding:24px 0;margin:10px 0 28px}
.scope-note>span{color:#55554d}
.scope-note strong{font-size:13px;font-weight:700;line-height:1.3}
.action-submit{min-width:270px;max-width:100%}
.action-foot{max-width:660px;margin:20px 0 0}
.secret-line{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px}
.secret-line input{flex:1;min-width:250px}
.secret-line .button-outline{min-width:75px;justify-content:center;gap:0;padding:12px 18px}
.solver-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.commitment-state{font-size:12px;color:#4d4d46;line-height:1.45;margin-top:26px;padding-top:20px;border-top:1px solid #b8b8b1}
.recovery-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.recovery-actions>div{min-width:0;background:var(--soft);padding:clamp(20px,2.6vw,40px);display:flex;flex-direction:column;align-items:flex-start}
.recovery-actions strong{font-size:clamp(21px,2.35vw,32px);font-weight:730;line-height:1;letter-spacing:-.06em}
.recovery-actions p{font-size:12px;line-height:1.5;color:#5b5b54;flex:1}
.recovery-actions button{margin-top:34px;text-align:left;white-space:normal}
.activity{background:#171717;color:white;padding:30px clamp(24px,3vw,48px);display:grid;grid-template-columns:175px 1fr auto;align-items:center;gap:20px;min-height:112px;margin-bottom:125px}
.activity>span{color:#d2d2ca}
.activity p{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.activity a{font-size:12px;color:white;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.public-demo{border-top:1px solid var(--ink);padding:45px 0 110px}
.public-demo-heading{display:grid;grid-template-columns:.65fr 1.8fr .75fr;align-items:start;gap:30px}
.public-demo-heading>span{padding-top:13px}
.public-demo h2{font-size:clamp(49px,5.8vw,88px);line-height:.95;letter-spacing:-.078em;font-weight:760;margin:0}
.public-demo h2 span{color:#87877e}
.public-demo-heading p{font-size:14px;color:#565650;line-height:1.4;margin:14px 0 0}
.demo-button{margin:35px 0 0 auto;max-width:270px;display:flex}
.footer{border-top:1px solid var(--ink);padding:26px clamp(20px,3.6vw,60px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer>span{color:#66665f;text-align:center}
.footer-brand{font-size:20px}
@media(max-width:1080px){
 .header-links{gap:15px}.header-links a{font-size:9px}
 .main{width:calc(100% - 50px)}
 .role{padding:18px 14px;gap:7px}
 .inspector-content{grid-template-columns:1fr .9fr}
 .public-demo-heading{grid-template-columns:1fr 1.3fr}.public-demo-heading>p{grid-column:2}
 .recovery-actions strong{font-size:24px}
 .recovery-actions button{font-size:11px}
}
@media(max-width:720px){
 .site-header{grid-template-columns:1fr auto;padding:12px 17px;min-height:70px}.header-links{display:none}
 .wallet-button{font-size:10px;padding:12px 15px}
 .main{width:calc(100% - 34px)}
 .intro{padding:26px 0 48px}
 .intro h1{font-size:clamp(76px,14vw,110px);margin:42px 0 32px}
 .intro-foot{display:block;padding-top:20px}
 .intro-foot p{font-size:30px;margin-top:17px}
 .warning{margin-top:25px;padding:13px 15px}
 .role-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
 .role{min-height:71px;padding:12px 9px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 .role>span{font-size:9px}
 .role strong{font-size:clamp(17px,4.1vw,27px);flex:none}
 .role i{display:none}
 .challenge-inspector{padding:23px 20px}
 .inspector-content{grid-template-columns:1fr;gap:24px;padding:28px 0 30px}
 .inspector-content h2{font-size:46px}
 .load-controls input{font-size:18px}
 .challenge-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .inspector-footer{flex-direction:column;align-items:flex-start}
 .role-panel{padding:53px 0 75px}
 .role-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
 .role-heading h2{font-size:clamp(67px,13vw,98px)}
 .role-heading>p{font-size:14px;max-width:490px}
 .role-form{padding:22px 19px}
 .field-grid{grid-template-columns:1fr 1fr;gap:20px 14px}
 .field-wide input,.field-wide textarea,.field input,.field select{font-size:16px}
 .scope-note{grid-template-columns:105px 1fr;gap:12px}
 .action-submit{width:100%}
 .recovery-actions{grid-template-columns:1fr}
 .recovery-actions>div{padding:24px}
 .recovery-actions button{margin-top:12px}
 .activity{grid-template-columns:1fr;gap:9px;padding:24px 20px;margin-bottom:80px}
 .public-demo{padding:35px 0 82px}
 .public-demo-heading{grid-template-columns:1fr;gap:16px}
 .public-demo-heading>p{grid-column:auto;margin:0}
 .public-demo h2{font-size:clamp(50px,10vw,85px)}
 .demo-button{margin:28px 0 0}
 .footer{padding:21px 17px;font-size:9px}
}
@media(max-width:390px){
 .main{width:calc(100% - 30px)}
 .intro h1{font-size:14vw}
 .intro-foot p{font-size:27px}
 .role{padding:12px 6px}
 .role strong{font-size:17px}
 .challenge-inspector{padding:20px 15px}
 .field-grid{grid-template-columns:1fr}
 .secret-line input{min-width:0;flex-basis:100%}
 .footer>span{text-align:left}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Intent-led first-use journey: choose a human task before exposing transaction forms. */
.entry-choice{padding:36px 0 84px}
.entry-kicker{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px;color:#5e5e57;font-size:10px;letter-spacing:.07em;font-weight:800}
.entry-heading{display:grid;grid-template-columns:1.7fr .6fr;align-items:end;gap:45px;padding:54px 0 46px}
.entry-heading h1{font-size:clamp(66px,9.5vw,148px);line-height:.89;font-weight:770;letter-spacing:-.087em;margin:0}
.entry-heading h1 em{font-style:normal;color:#6b6b63}
.entry-heading p{font-size:clamp(17px,1.7vw,23px);letter-spacing:-.035em;line-height:1.28;max-width:330px;margin:0}
.entry-grid{border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.entry-card{min-width:0;min-height:350px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#eaeae4;color:var(--ink);border:0;padding:30px;transition:background .2s var(--ease),transform .2s var(--ease)}
.entry-card:hover{background:#dadfd3;transform:translateY(-3px)}
.entry-index{font-size:10px;letter-spacing:.06em;font-weight:800}
.entry-card strong{font-size:clamp(30px,3.7vw,56px);font-weight:740;letter-spacing:-.07em;line-height:.96;max-width:290px;margin:70px 0 20px}
.entry-card p{font-size:14px;line-height:1.4;color:#4e4e49;margin:0 0 20px;max-width:300px}
.entry-action{font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;border-top:1px solid #85857f;padding-top:19px;margin-top:auto}
.entry-action>span{font-size:26px;font-weight:400}
.entry-explore{margin-top:14px;padding:22px 25px;border:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:30px}
.entry-explore>div{display:flex;flex-direction:column;gap:7px}
.entry-explore strong{font-size:19px;letter-spacing:-.04em}
.entry-explore>div>span{font-size:13px;line-height:1.45;color:#55554e}
.entry-explore>a{display:flex;align-items:center;justify-content:space-between;gap:19px;min-width:230px;padding:12px 17px;border-radius:100px;background:var(--ink);color:#fff;font-size:12px;font-weight:750;white-space:nowrap}
.entry-explore>a span{font-size:19px}
.entry-safety{font-size:11px;line-height:1.6;color:#65655f;max-width:770px;margin:24px 0 0}
.change-goal{background:transparent;border:0;color:var(--ink);font-size:11px;font-weight:780;letter-spacing:.02em;padding:0}
.change-goal:hover{text-decoration:underline;text-underline-offset:5px}
.step-intro{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:20px;border-bottom:1px solid var(--ink);padding:22px 0 27px;margin:0 0 33px}
.step-intro>span{font-size:10px;letter-spacing:.06em;font-weight:800}
.step-intro p{font-size:clamp(16px,2.2vw,25px);letter-spacing:-.05em;line-height:1.2;max-width:600px;margin:0}
.advanced-settings{border-top:1px solid #aaa9a0;border-bottom:1px solid #aaa9a0;padding:20px 0;margin:14px 0 30px}
.advanced-settings summary{font-size:12px;font-weight:760;cursor:pointer;display:flex;justify-content:space-between;gap:10px;list-style:none}
.advanced-settings summary::-webkit-details-marker{display:none}
.advanced-settings summary span{font-size:20px;line-height:.8}
.advanced-settings[open] summary span{transform:rotate(45deg)}
.advanced-settings .field-grid{margin:27px 0 15px}
.publish-success{margin-top:32px;padding:28px;border:1px solid #758566;background:#e1e8d8}
.publish-success>span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:18px}
.publish-success strong{font-size:clamp(25px,3vw,39px);letter-spacing:-.06em;line-height:1.06}
.publish-success p{max-width:530px;font-size:14px;line-height:1.45;margin:16px 0 22px}
.publish-success button{padding:12px 17px;min-height:45px}
@media(max-width:950px){.entry-heading{grid-template-columns:1fr;gap:22px}.entry-grid{gap:7px}.entry-card{padding:22px;min-height:330px}.entry-card strong{margin-top:65px;font-size:clamp(28px,4vw,42px)}}
@media(max-width:720px){
 .entry-choice{padding:23px 0 70px}
 .entry-kicker{font-size:9px}
 .entry-heading{padding:35px 0 30px;gap:25px}
 .entry-heading h1{font-size:clamp(63px,12vw,95px)}
 .entry-heading p{font-size:17px}
 .entry-grid{grid-template-columns:1fr;gap:7px}
 .entry-card{min-height:185px;padding:23px}
 .entry-card strong{font-size:35px;margin:22px 0 12px}
 .entry-card p{font-size:13px;max-width:410px}
 .entry-explore{flex-direction:column;align-items:stretch;padding:21px 20px;gap:18px}
 .entry-explore>a{min-width:0;justify-content:space-between}
 .step-intro{grid-template-columns:1fr;gap:9px;margin-bottom:24px}
 .step-intro p{font-size:20px}
 .publish-success{padding:24px 20px}
}
@media(max-width:390px){.entry-heading h1{font-size:13vw}.entry-card{min-height:180px}.entry-card strong{font-size:32px}}

.entry-recover{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding:8px 2px 16px;border-bottom:1px solid var(--line)}
.entry-recover span{font-size:13px;font-weight:620;color:#585851}
.entry-recover button{font-size:12px;font-weight:760;border:0;background:transparent;padding:12px 0;text-align:right;text-decoration:underline;text-underline-offset:4px}
.published-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.published-actions .button-outline{font-size:11px;min-height:47px}
@media(max-width:720px){.entry-recover{flex-direction:column;align-items:flex-start;gap:1px}.entry-recover button{text-align:left}.published-actions{flex-direction:column;align-items:stretch}.published-actions .button-outline{justify-content:space-between;width:100%}}

.journey-strip{border-top:1px solid var(--ink);padding:19px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.journey-strip>span{font-size:10px;letter-spacing:.06em;font-weight:800;flex:none}
.journey-strip>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:750}
.journey-strip i{font-size:18px;font-weight:400;color:#66665f;font-style:normal}
.review-handoff{margin-top:24px;padding:23px;border:1px solid #a5b09a;background:#e1e7d9}
.review-handoff strong{display:block;font-size:24px;letter-spacing:-.055em;font-weight:750;line-height:1.15}
.review-handoff p{font-size:12px;line-height:1.5;margin:12px 0 20px;max-width:450px}
.review-handoff button{font-size:11px;min-height:42px}
@media(max-width:720px){.journey-strip{flex-direction:column;align-items:flex-start;gap:10px}.journey-strip>div{font-size:11px;gap:7px}.review-handoff{padding:21px}}

/* A concise status surface keeps wallet confirmation/errors visible above long forms. */
.activity{position:fixed;z-index:110;bottom:18px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 32px));min-height:75px;margin:0;padding:16px 19px;display:grid;grid-template-columns:115px minmax(0,1fr) auto 26px;align-items:center;gap:14px;border:1px solid #656560;border-radius:6px;box-shadow:0 11px 40px #0004}
.activity>span{font-size:9px;color:#d7d7d0;line-height:1.35}
.activity p{font-size:13px;line-height:1.35}
.activity a{font-size:11px}
.activity[data-tone="error"]{border-color:#cda390}
.activity button{border:0;background:transparent;color:#fff;font-size:26px;font-weight:400;line-height:1;min-height:32px;min-width:26px;padding:0;justify-self:end}
.activity button:hover{color:#ccc}
@media(max-width:720px){
 .activity{grid-template-columns:1fr 30px;gap:8px 12px;padding:15px 18px;bottom:max(12px,env(safe-area-inset-bottom))}
 .activity>span{grid-column:1;grid-row:1}
 .activity p{grid-column:1/-1;grid-row:2;font-size:12px}
 .activity a{grid-column:1;grid-row:3;margin-top:2px}
 .activity button{grid-column:2;grid-row:1}
}

.entry-wif{margin:15px 0 0;font-size:12px;line-height:1.5;color:#55554d}
.entry-wif a{color:#171717;font-weight:760;text-decoration:underline;text-underline-offset:4px}