:root{--bg:#fafaf9;--panel:#fff;--ink:#16181d;--muted:#686e78;--border:#e3e5e9;--teal:#0e7c86;--teal-soft:#e4f2f3;--amber:#d9772e;--amber-soft:#fbebdc;--green:#2f8556;--green-soft:#e5f3ea;--red:#b3402f;--red-soft:#f8e7e3;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"Space Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}section{padding:100px 0}@media(max-width:768px){section{padding:60px 0}}header.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(60,9%,98%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1140px;margin:0 auto;padding:16px 24px;justify-content:space-between;gap:20px}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:10px;font-family:var(--font-display);font-weight:700;font-size:19px}.logo .mark{width:24px;height:24px;flex:none}nav.links{display:flex;gap:26px;font-size:14px;font-weight:500;color:var(--muted)}nav.links a{transition:color .15s ease}nav.links a.active,nav.links a:hover{color:var(--ink)}@media(max-width:860px){nav.links{display:none}}.role-switch{display:flex;border:1px solid var(--border);border-radius:8px;padding:3px;background:#fff;flex:none}.role-btn{font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:6px;color:var(--muted);transition:all .15s ease}.role-btn.active{background:var(--ink);color:#fff}.role-btn:hover:not(.active){color:var(--ink)}.hero{padding:80px 0 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:56px;gap:56px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}.eyebrow{font-family:var(--font-mono);font-size:11.5px;color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:flex;gap:8px;align-items:center;margin-bottom:20px}.eyebrow:before{content:"";width:16px;height:1px;background:var(--teal)}h1{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,4.4vw,52px);line-height:1.1;letter-spacing:-.02em}h1 span{color:var(--teal)}.sub{max-width:460px;margin-top:20px;color:var(--muted);font-size:16px;line-height:1.7}.hero-cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn{font-size:14.5px;font-weight:600;padding:14px 26px;border-radius:6px;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--teal);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--ink);transform:translateY(-1px)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#8f3325;transform:translateY(-1px)}.btn-sm{padding:9px 16px;font-size:13px}.lockcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:26px;box-shadow:0 20px 40px rgba(22,24,29,.06)}.lockcard .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lockcard .contract-id{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.lockcard .status{font-family:var(--font-mono);font-size:10px;padding:4px 9px;border-radius:100px;text-transform:uppercase}.status.active,.status.in-progress{background:var(--teal-soft);color:var(--teal)}.status.completed{background:var(--green-soft);color:var(--green)}.status.disputed{background:var(--red-soft);color:var(--red)}.status.closed{background:#ededef;color:var(--muted)}.lockcard .amt{font-family:var(--font-display);font-size:30px;font-weight:700}.lockcard .parties{font-size:13px;color:var(--muted);margin-top:4px}.milestones{margin-top:22px}.m-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.m-item:last-child{border-bottom:none}.m-item .m-icon{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px}.m-item.refunded .m-icon,.m-item.released .m-icon{background:var(--green);color:#fff}.m-item.submitted .m-icon{background:var(--teal);color:#fff}.m-item.active .m-icon{background:var(--amber);color:#fff}.m-item.pending .m-icon{border:1.5px solid var(--border);color:transparent}.m-item .m-label{font-size:13.5px;font-weight:500}.m-item .m-amt,.m-item.pending .m-label{color:var(--muted)}.m-item .m-amt{margin-left:auto;font-family:var(--font-mono);font-size:12px}.stat-bar{margin:70px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat{padding:26px 16px;text-align:center;border-right:1px solid var(--border)}.stat:last-child{border-right:none}.stat .num{font-family:var(--font-display);font-weight:700;font-size:25px}.stat .label{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.04em}@media(max-width:700px){.stat-bar{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2n){border-right:none}.stat{border-bottom:1px solid var(--border)}}.sec-head{max-width:600px;margin:0 auto 50px}.sec-head.center{text-align:center}.sec-tag{font-family:var(--font-mono);font-size:11.5px;color:var(--teal);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.sec-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(25px,3.2vw,33px);margin-top:10px;letter-spacing:-.01em}.sec-head p{color:var(--muted);margin-top:12px;font-size:15px}.bg-alt{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.flow{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto;position:relative}.flow:before{content:"";position:absolute;top:22px;left:5%;right:5%;height:2px;background:var(--border);z-index:0}.flow-step{position:relative;z-index:1;flex-direction:column;gap:12px;flex:1 1;text-align:center}.flow-step,.flow-step .node{display:flex;align-items:center}.flow-step .node{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--border);justify-content:center;font-size:18px}.flow-step.active .node{border-color:var(--amber);color:var(--amber)}.flow-step.done .node{background:var(--green);border-color:var(--green);color:#fff}.flow-step .flabel{font-size:12.5px;font-weight:600}.flow-step .fsub{font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}@media(max-width:760px){.flow{flex-direction:column;gap:28px}.flow:before{display:none}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:20px}@media(max-width:860px){.grid-3{grid-template-columns:1fr}}.usecard{background:#fff;padding:28px 26px}.usecard .icon{width:36px;height:36px;border-radius:8px;background:var(--teal-soft);display:flex;align-items:center;justify-content:center;color:var(--teal);margin-bottom:16px}.usecard h4{font-family:var(--font-display);font-weight:700;font-size:16.5px;margin-bottom:10px}.usecard p{font-size:13.5px;color:var(--muted);line-height:1.6}.cta-band{background:var(--ink);color:#fff;text-align:center}.cta-band .sec-tag{color:var(--amber)}.cta-band h2{font-family:var(--font-display);font-weight:700;font-size:clamp(25px,3.4vw,36px);margin-top:12px;max-width:600px}.cta-band h2,.cta-band p{margin-left:auto;margin-right:auto}.cta-band p{color:#b4b8c0;margin-top:14px;max-width:460px;font-size:15px}.cta-band .hero-cta{justify-content:center;margin-top:30px}.cta-band .btn-secondary{background:transparent;border-color:hsla(0,0%,100%,.25);color:#fff}.cta-band .btn-primary{background:var(--teal);color:#fff}.cta-band .btn-primary:hover{background:#0a6870}footer{padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);grid-gap:32px;gap:32px;margin-bottom:44px}@media(max-width:860px){.footer-grid{grid-template-columns:repeat(2,1fr)}}.footer-grid h5{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.footer-grid ul li{margin-bottom:10px}.footer-grid ul li a{font-size:14px}.footer-grid ul li a:hover{color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid var(--border);flex-wrap:wrap;gap:12px}.footer-bottom .copy,.footer-bottom .legal{font-size:13px;color:var(--muted)}.footer-bottom .legal{display:flex;gap:18px}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:riseIn .5s ease forwards}.reveal.r1{animation-delay:.05s}.reveal.r2{animation-delay:.15s}.reveal.r3{animation-delay:.25s}.reveal.r4{animation-delay:.35s}[data-observe]{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}[data-observe].in-view{opacity:1;transform:translateY(0)}.app-header{padding:44px 0 30px;border-bottom:1px solid var(--border);background:var(--panel)}.app-header .wrap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.app-header h1{font-size:clamp(24px,3vw,32px)}.app-header p{color:var(--muted);margin-top:8px;font-size:14.5px;max-width:520px}.stats-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:32px 0 40px}@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;padding:20px 18px}.stat-card .num{font-family:var(--font-display);font-weight:700;font-size:22px}.stat-card .lab{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}.escrow-list{display:flex;flex-direction:column;gap:14px}.escrow-row{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;transition:border-color .15s ease,transform .15s ease}.escrow-row:hover{border-color:var(--teal);transform:translateY(-1px)}.escrow-row .r-main{flex:1 1;min-width:220px}.escrow-row .r-title{font-weight:600;font-size:15px}.escrow-row .r-sub{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);margin-top:4px}.escrow-row .r-amt{font-family:var(--font-display);font-weight:700;font-size:17px}.progress-track{width:140px;height:6px;background:var(--border);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--teal);border-radius:100px;transition:width .4s ease}.filter-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-chip{font-size:13px;font-weight:600;padding:9px 16px;border-radius:100px;border:1px solid var(--border);background:#fff;color:var(--muted);transition:all .15s ease}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-chip:hover:not(.active){border-color:var(--ink);color:var(--ink)}.empty-state{text-align:center;padding:60px 20px;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.form-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:36px;max-width:680px;margin:0 auto}.field{margin-bottom:22px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.field .hint{font-size:12px;color:var(--muted);margin-top:6px}.field input,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14.5px;transition:border-color .15s ease;background:#fff}.field input:focus,.field textarea:focus{outline:none;border-color:var(--teal)}.field input.err{border-color:var(--red)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media(max-width:560px){.field-row{grid-template-columns:1fr}}.err-msg{color:var(--red);font-size:12.5px;margin-top:6px}.milestone-row{display:grid;grid-template-columns:1fr 140px 36px;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.milestone-row input{padding:10px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:13.5px}.milestone-row input:focus{outline:none;border-color:var(--teal)}.mrow-remove{width:34px;height:34px;border-radius:7px;border:1.5px solid var(--border);color:var(--red);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.mrow-remove:hover{background:var(--red-soft);border-color:var(--red)}.add-milestone{font-size:13px;font-weight:600;color:var(--teal);padding:10px 0;display:inline-flex;align-items:center;gap:6px}.add-milestone:hover{text-decoration:underline}.total-line{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:6px;border-top:1px solid var(--border);font-weight:700;font-family:var(--font-display);font-size:17px}.balance-preview{background:var(--teal-soft);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--teal);margin-top:6px;font-family:var(--font-mono)}.balance-preview.warn{background:var(--red-soft);color:var(--red)}.detail-grid{display:grid;grid-template-columns:1.3fr .9fr;grid-gap:32px;gap:32px;align-items:start}@media(max-width:900px){.detail-grid{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px}.panel+.panel{margin-top:20px}.panel h3{font-family:var(--font-display);font-size:16.5px;margin-bottom:16px}.m-detail-row{border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:12px}.m-detail-row:last-child{margin-bottom:0}.m-detail-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.m-detail-top .m-title{font-weight:600;font-size:14.5px}.m-detail-top .m-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;padding:3px 9px;border-radius:100px}.m-badge.pending{background:#ededef;color:var(--muted)}.m-badge.active{background:var(--amber-soft);color:var(--amber)}.m-badge.submitted{background:var(--teal-soft);color:var(--teal)}.m-badge.refunded,.m-badge.released{background:var(--green-soft);color:var(--green)}.m-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.event-log{display:flex;flex-direction:column;gap:0}.event-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.event-item:last-child{border-bottom:none}.event-item .e-time{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);white-space:nowrap;padding-top:1px}.event-item .e-msg{color:var(--ink)}.wallet-mini{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px}.wallet-mini:last-child{border-bottom:none}.wallet-mini .w-bal{font-family:var(--font-mono);font-weight:600}.overlay{position:fixed;inset:0;background:rgba(22,24,29,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:14px;padding:28px;max-width:420px;width:100%;animation:riseIn .25s ease}.modal h3{font-family:var(--font-display);font-size:17px;margin-bottom:10px}.modal p{color:var(--muted)}.modal p,.modal textarea{font-size:13.5px;margin-bottom:16px}.modal textarea{width:100%;padding:12px;border:1.5px solid var(--border);border-radius:8px;min-height:80px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{background:var(--ink);color:#fff;padding:13px 18px;border-radius:8px;font-size:13.5px;box-shadow:0 12px 30px rgba(0,0,0,.2);animation:toastIn .25s ease;max-width:320px}.toast.error{background:var(--red)}.toast.success{background:var(--green)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.tag-pill{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;padding:3px 10px;border-radius:100px}.auth-area{display:flex;align-items:center;flex:none}.auth-links,.user-chip{display:flex;gap:10px}.user-chip{align-items:center;font-size:13px}.user-chip .uname{font-weight:600}.user-chip .ubal{font-size:12px;color:var(--muted);background:var(--teal-soft);color:var(--teal);padding:4px 10px}.role-tag,.user-chip .ubal{font-family:var(--font-mono);border-radius:100px}.role-tag{font-size:10px;text-transform:uppercase;padding:3px 9px;background:#ededef;color:var(--muted)}.role-tag.admin{background:var(--amber-soft);color:var(--amber)}.logout-btn{font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 4px;transition:color .15s ease}.logout-btn:hover{color:var(--red)}@media(max-width:640px){.user-chip .ubal{display:none}}.m-badge.owner_approved,.status.open{background:var(--amber-soft);color:var(--amber)}.app-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.app-row:last-child{border-bottom:none}.app-who{font-weight:600;font-size:13.5px}.app-msg{font-size:12.5px;color:var(--muted);margin-top:3px;max-width:420px}.app-badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;padding:3px 9px;border-radius:100px}.app-badge.pending{background:var(--amber-soft);color:var(--amber)}.app-badge.accepted{background:var(--green-soft);color:var(--green)}.app-badge.rejected{background:#ededef;color:var(--muted)}.app-actions{display:flex;gap:8px}.auth-page{max-width:420px;margin:0 auto}.auth-page .form-card{max-width:420px;padding:32px}.auth-switch{text-align:center;margin-top:18px;font-size:13.5px;color:var(--muted)}.auth-switch a{color:var(--teal);font-weight:600}.admin-hint{background:var(--teal-soft);color:var(--teal);border-radius:8px;padding:10px 14px;font-size:12.5px;font-family:var(--font-mono);margin-top:14px}