:root{
  --ink:#0b0c0c;
  --ink-2:#131515;
  --paper:#f0eee7;
  --paper-2:#e5e2d9;
  --line:rgba(11,12,12,.18);
  --line-dark:rgba(255,255,255,.16);
  --muted:#77766f;
  --signal:#f0ce00;
  --signal-2:#ffd900;
  --white:#fff;
  --side:clamp(22px,4.2vw,76px);
  --header-h:82px;
  --ease:cubic-bezier(.19,1,.22,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
::selection{background:var(--signal);color:var(--ink)}

.site-loader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;gap:46px;padding:var(--side);background:var(--ink);color:#fff;transition:opacity .75s var(--ease),visibility .75s}
.site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.site-loader__mark{display:grid;grid-template-columns:repeat(3,36px);gap:8px;align-self:center;transform:skewX(-12deg)}
.site-loader__mark i{display:block;height:58px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(to top,var(--signal) 0 0) no-repeat;background-size:100% 0;animation:loader-bars 1.2s var(--ease) infinite}
.site-loader__mark i:nth-child(2){animation-delay:.12s}.site-loader__mark i:nth-child(3){animation-delay:.24s}
.site-loader__meta{position:absolute;left:var(--side);right:var(--side);bottom:34px;display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid rgba(255,255,255,.22);font:700 10px/1.2 "Arial Narrow",Arial,sans-serif;letter-spacing:.2em}
@keyframes loader-bars{0%,100%{background-size:100% 0}50%{background-size:100% 100%}}

.scroll-progress{position:fixed;top:0;left:0;z-index:120;width:100%;height:3px;background:rgba(255,255,255,.08);pointer-events:none}
.scroll-progress i{display:block;width:100%;height:100%;background:var(--signal);transform:scaleX(0);transform-origin:left center;will-change:transform}

.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;height:var(--header-h);padding:0 var(--side);border-bottom:1px solid rgba(255,255,255,.14);color:#fff;transition:background .35s,border-color .35s,transform .5s var(--ease);backdrop-filter:blur(0)}
.site-header.is-scrolled{background:rgba(11,12,12,.88);border-color:rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:13px;width:max-content}
.brand__mark{position:relative;width:34px;height:34px;display:block;transform:skewX(-10deg)}
.brand__mark:before,.brand__mark:after,.brand__mark i{content:"";position:absolute;background:currentColor}
.brand__mark:before{left:2px;top:2px;width:7px;height:30px}.brand__mark:after{left:12px;top:2px;width:18px;height:7px}
.brand__mark i:first-child{right:2px;top:11px;width:7px;height:21px}.brand__mark i:last-child{left:12px;bottom:2px;width:13px;height:7px;background:var(--signal)}
.brand__name{display:flex;flex-direction:column;gap:2px}.brand__name b{font-size:15px;letter-spacing:.2em}.brand__name small{font:700 8px/1 Arial,sans-serif;letter-spacing:.24em;opacity:.64}
.site-nav{display:flex;align-items:center;gap:clamp(20px,3.4vw,56px)}
.site-nav a{position:relative;padding:10px 0;font-size:12px;font-weight:650;letter-spacing:.12em;white-space:nowrap}
.site-nav a span{margin-right:7px;color:var(--signal);font:700 8px/1 Arial,sans-serif}
.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1);transform-origin:left}
.header-contact{justify-self:end;display:flex;align-items:center;gap:18px;padding:11px 14px;border:1px solid rgba(255,255,255,.35);font-size:11px;font-weight:700;letter-spacing:.13em;transition:.3s}
.header-contact span{color:var(--signal)}.header-contact:hover{background:var(--signal);border-color:var(--signal);color:var(--ink)}.header-contact:hover span{color:var(--ink)}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.28);background:transparent}
.nav-toggle i{display:block;width:19px;height:1px;margin:5px auto;background:#fff;transition:.3s}

.hero{position:relative;min-height:100svh;overflow:hidden;background:#090a0a;color:#fff}
.hero__visual{position:absolute;inset:-3%;background-image:linear-gradient(90deg,rgba(7,8,8,.72) 0%,rgba(7,8,8,.28) 44%,rgba(7,8,8,.06) 72%),url("./jigo-hero.png");background-size:cover;background-position:center center;transform:scale(1.035);will-change:transform}
.hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%,rgba(0,0,0,.35) 100%)}
.hero__grid,.contact__grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.hero__grid:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(255,255,255,.025) 6px)}
.hero__rail{position:absolute;top:var(--header-h);bottom:0;left:var(--side);display:flex;flex-direction:column;align-items:center;width:14px;padding:28px 0 34px;color:rgba(255,255,255,.42);font:700 8px/1 Arial,sans-serif;letter-spacing:.22em;writing-mode:vertical-rl}
.hero__rail i{width:1px;flex:1;margin:18px 0;background:rgba(255,255,255,.22)}
.hero__content{position:relative;z-index:2;display:flex;min-height:100svh;flex-direction:column;justify-content:center;width:min(1120px,78vw);padding:calc(var(--header-h) + 64px) var(--side) 170px calc(var(--side) + 62px)}
.eyebrow,.kicker{margin:0 0 25px;color:var(--signal);font:800 clamp(10px,.72vw,12px)/1.2 "Arial Narrow",Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}
.eyebrow b{color:rgba(255,255,255,.48);font-weight:600}
.hero__title,.display-title{margin:0;font-family:"Arial Narrow","Roboto Condensed","PingFang SC","Microsoft YaHei",sans-serif;font-weight:850;letter-spacing:-.07em}
.hero__title{font-size:clamp(54px,7.7vw,140px);line-height:.89;text-transform:uppercase;text-shadow:0 5px 35px rgba(0,0,0,.25)}
.hero__title span{display:block;white-space:nowrap}.hero__title span+span{margin-top:.08em}
.hero__mobile-break{display:none}
.hero__title em,.display-title em{color:var(--signal);font-style:normal}
.hero__lead{width:min(660px,74vw);margin:36px 0 0;color:rgba(255,255,255,.72);font-size:clamp(14px,1.1vw,18px);line-height:1.9;letter-spacing:.025em}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-width:196px;padding:15px 17px;border:1px solid rgba(255,255,255,.28);font-size:11px;font-weight:750;letter-spacing:.14em;transition:background .3s,color .3s,border .3s,transform .3s}
.button:hover{transform:translateY(-3px)}.button span{font-size:16px}
.button--signal{background:var(--signal);border-color:var(--signal);color:var(--ink)}.button--signal:hover{background:#fff;border-color:#fff}
.button--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.hero__status{position:absolute;z-index:3;left:calc(var(--side) + 62px);right:var(--side);bottom:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.22)}
.hero__status>div{padding:13px 18px 0 0}.hero__status>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.22)}
.hero__status small,.hero__status b{display:block}.hero__status small{margin-bottom:6px;color:rgba(255,255,255,.38);font:700 8px/1 Arial,sans-serif;letter-spacing:.19em}.hero__status b{font:650 10px/1.3 Arial,sans-serif;letter-spacing:.12em}
.hero__status b i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px var(--signal);animation:status-pulse 1.8s infinite}
@keyframes status-pulse{50%{opacity:.3}}
.hero__scroll{position:absolute;right:calc(var(--side) - 7px);bottom:31px;z-index:3;display:flex;align-items:center;gap:15px;color:rgba(255,255,255,.55);font:700 8px/1 Arial,sans-serif;letter-spacing:.18em;transform:rotate(90deg);transform-origin:right bottom}
.hero__scroll i{position:relative;width:70px;height:1px;background:rgba(255,255,255,.4);overflow:hidden}.hero__scroll i:after{content:"";position:absolute;inset:0;background:var(--signal);animation:scroll-line 2s var(--ease) infinite}
@keyframes scroll-line{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}

.section-light{position:relative;background:var(--paper);color:var(--ink)}
.project,.workflow,.principles{padding:clamp(90px,10vw,180px) var(--side)}
.section-index{display:grid;grid-template-columns:42px minmax(50px,180px) auto;align-items:center;gap:14px;margin-bottom:clamp(70px,8vw,130px);font:800 9px/1 Arial,sans-serif;letter-spacing:.2em}
.section-index span{color:var(--muted)}.section-index i{height:1px;background:var(--line)}.section-index b{white-space:nowrap}
.section-index--dark{color:#fff}.section-index--dark span{color:rgba(255,255,255,.4)}.section-index--dark i{background:var(--line-dark)}
.project{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);column-gap:clamp(60px,10vw,180px)}
.project>.section-index{grid-column:1/-1}
.kicker{color:#706900}
.display-title{font-size:clamp(48px,6.2vw,116px);line-height:.92}
.project__copy{align-self:end;padding-bottom:7px;border-top:1px solid var(--line)}
.project__copy p{margin:22px 0 0;font-size:clamp(14px,1.05vw,18px);line-height:1.9;color:#55544f}
.trace-map{position:relative;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(70px,8vw,130px);border:1px solid var(--line);background:var(--line)}
.trace-map__line{position:absolute;left:6%;right:6%;top:59px;height:1px;background:#9e9b91;z-index:2}.trace-map__line i{display:block;width:25%;height:3px;margin-top:-1px;background:var(--signal);animation:trace-progress 5s var(--ease) infinite}
@keyframes trace-progress{0%{transform:translateX(0)}50%{transform:translateX(300%)}100%{transform:translateX(0)}}
.trace-node{position:relative;min-height:240px;padding:31px 26px;background:var(--paper)}
.trace-node:before{content:"";position:absolute;top:53px;left:28px;z-index:3;width:11px;height:11px;border:3px solid var(--paper);border-radius:50%;background:#777}
.trace-node.is-active:before{background:var(--signal);box-shadow:0 0 0 3px var(--ink)}
.trace-node>span{display:block;margin-bottom:60px;color:#777;font:700 9px/1 Arial,sans-serif;letter-spacing:.17em}
.trace-node b{display:block;font-size:24px;letter-spacing:.04em}.trace-node p{margin:13px 0 0;color:#686761;font-size:13px;line-height:1.7}

.capabilities{position:relative;overflow:hidden;padding:clamp(90px,10vw,180px) var(--side);background:var(--ink);color:#fff}
.capabilities__ambient{position:absolute;top:-20%;right:-12%;width:62vw;height:62vw;border-radius:50%;background:radial-gradient(circle,rgba(240,206,0,.12),transparent 67%);pointer-events:none}
.section-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:70px;align-items:end;margin-bottom:clamp(65px,7vw,110px)}
.section-heading--dark .kicker{color:var(--signal)}
.section-heading__copy{margin:0 0 8px;padding-top:20px;border-top:1px solid var(--line-dark);color:rgba(255,255,255,.58);font-size:14px;line-height:1.9}
.capability-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}
.capability-card{position:relative;min-height:460px;padding:28px clamp(25px,3.2vw,56px) 30px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);overflow:hidden;transition:background .5s var(--ease),color .5s var(--ease)}
.capability-card:before{content:"";position:absolute;inset:0;background:var(--signal);transform:translateY(101%);transition:transform .62s var(--ease)}
.capability-card>*{position:relative;z-index:1}.capability-card:hover{color:var(--ink)}.capability-card:hover:before{transform:none}
.capability-card__top{display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font:700 9px/1 Arial,sans-serif;letter-spacing:.17em}.capability-card:hover .capability-card__top{color:rgba(11,12,12,.58)}
.capability-card__top i{font-style:normal}
.capability-card svg{display:block;width:120px;height:80px;margin:55px 0 48px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}
.capability-card h3{margin:0;font-size:clamp(25px,2.2vw,39px);letter-spacing:-.04em}.capability-card p{max-width:520px;margin:18px 0 70px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.85}.capability-card:hover p{color:rgba(11,12,12,.68)}
.capability-card footer{position:absolute;left:clamp(25px,3.2vw,56px);right:clamp(25px,3.2vw,56px);bottom:27px;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid currentColor;font:700 9px/1 Arial,sans-serif;letter-spacing:.16em}.capability-card footer b{font-size:17px}

.workflow__header{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:80px;align-items:end}
.workflow__header>p{margin:0;padding:18px 0 8px;border-top:1px solid var(--line);color:#5e5d57;font-size:15px;line-height:1.85}
.workflow-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(80px,9vw,140px);padding-top:44px}
.workflow-rail__track{position:absolute;top:13px;left:0;right:0;height:3px;background:#c5c1b7}.workflow-rail__track i{display:block;width:20%;height:100%;background:var(--ink);animation:workflow-run 7s var(--ease) infinite}
@keyframes workflow-run{0%{transform:translateX(0);background:var(--ink)}50%{transform:translateX(400%);background:var(--signal)}100%{transform:translateX(0);background:var(--ink)}}
.workflow-rail article{position:relative;padding:0 25px;border-left:1px solid var(--line)}
.workflow-rail article:before{content:"";position:absolute;top:-37px;left:-6px;width:11px;height:11px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--paper)}
.workflow-rail article:first-of-type{padding-left:0;border-left:0}.workflow-rail article:first-of-type:before{left:0}
.workflow-rail span,.workflow-rail b,.workflow-rail small{display:block}.workflow-rail span{color:#96938a;font:700 9px/1 Arial,sans-serif}.workflow-rail b{margin-top:22px;font-size:17px}.workflow-rail small{margin-top:9px;color:#77756f;font-size:11px;line-height:1.5}
.workflow__statement{display:grid;grid-template-columns:auto 1fr minmax(80px,220px) auto 1fr;align-items:center;gap:18px;margin-top:clamp(80px,9vw,140px);padding:25px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.workflow__statement span{font:700 8px/1 Arial,sans-serif;letter-spacing:.18em;color:#777}.workflow__statement strong{font-size:24px}.workflow__statement i{height:1px;background:var(--ink)}

.privacy{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(560px,1.28fr);gap:clamp(55px,7vw,120px);align-items:center;padding:clamp(90px,10vw,180px) var(--side);background:#141616;color:#fff}
.privacy .section-index{margin-bottom:80px}.privacy .kicker{color:var(--signal)}
.privacy__lead{max-width:600px;margin:34px 0 0;color:rgba(255,255,255,.6);font-size:14px;line-height:1.9}
.privacy__list{margin:42px 0 0;padding:0;list-style:none;border-top:1px solid var(--line-dark)}
.privacy__list li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line-dark);color:rgba(255,255,255,.78);font-size:12px}.privacy__list span{color:var(--signal);font:700 9px/1.5 Arial,sans-serif}
.contract-demo{position:relative;border:1px solid rgba(255,255,255,.25);background:#d8d7d1;color:var(--ink);box-shadow:0 34px 90px rgba(0,0,0,.36);overflow:hidden}
.contract-demo:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(0,0,0,.05) 50%,transparent 50.2%);background-size:160px 100%}
.contract-demo__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:45px;padding:0 14px;background:#0c0d0d;color:#fff;font:700 8px/1 Arial,sans-serif;letter-spacing:.15em}
.contract-demo__bar>span{display:flex;gap:5px}.contract-demo__bar>span i{width:6px;height:6px;border-radius:50%;background:#555}.contract-demo__bar>span i:first-child{background:var(--signal)}
.contract-demo__bar em{justify-self:end;color:var(--signal);font-style:normal}
.contract-demo__body{padding:clamp(17px,2.4vw,36px)}
.contract-demo__body>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid #aaa9a3}
.contract-demo__body header small{font:800 8px/1 Arial,sans-serif;letter-spacing:.14em;color:#8a7100}.contract-demo__body header h3{margin:7px 0 0;font-size:24px}
.verified{padding:7px 8px;border:1px solid #999;background:#eceae3;color:#4a4a46;font:700 8px/1 Arial,sans-serif;letter-spacing:.12em}
.demo-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:18px 0;background:#aaa9a3;border:1px solid #aaa9a3}
.demo-fields label{min-height:58px;padding:11px;background:#eeece5}.demo-fields span,.demo-fields b{display:block}.demo-fields label>span{margin-bottom:8px;color:#777;font-size:9px}.demo-fields b{font-size:12px}
.demo-document{padding:clamp(18px,2.5vw,34px);background:#faf9f5;box-shadow:0 7px 22px rgba(0,0,0,.11)}
.demo-document__title{text-align:center;font-family:serif;font-size:22px;font-weight:800;letter-spacing:.14em}
.demo-document__parties{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font:600 10px/1.5 serif}
.demo-table{margin-top:15px;border:1px solid #222;font:600 10px/1.45 serif}.demo-table>div{display:grid;grid-template-columns:1.45fr 1fr .5fr 1fr}.demo-table>div>*{padding:8px;border-right:1px solid #222}.demo-table>div>*:last-child{border-right:0}.demo-table__head{border-bottom:1px solid #222;background:#eeece5;text-align:center}
.demo-table .demo-description{display:grid;grid-template-columns:100px 1fr;border-top:1px solid #222}.demo-description p{margin:0}.demo-description span{font-weight:800}
.demo-sign{display:flex;justify-content:space-between;gap:20px;margin-top:21px;font:600 9px/1.4 serif}
.redact{display:inline-block!important;position:relative!important;min-width:46px!important;color:transparent!important;background:#111!important;border-radius:1px!important;vertical-align:middle;overflow:hidden!important;user-select:none!important}
.redact:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);transform:translateX(-120%);animation:redact-scan 4.5s ease-in-out infinite}
.redact--text{min-width:84px!important}.redact--money{min-width:80px!important}.redact--short{min-width:38px!important}.redact--line{display:block!important;width:min(280px,90%);height:10px;margin-top:7px}
@keyframes redact-scan{0%,65%,100%{transform:translateX(-120%)}82%{transform:translateX(120%)}}
.contract-demo__scan{position:absolute;left:0;right:0;top:45px;height:1px;z-index:5;background:var(--signal);box-shadow:0 0 14px 3px rgba(240,206,0,.45);animation:demo-scan 5s ease-in-out infinite;pointer-events:none}
@keyframes demo-scan{0%,100%{transform:translateY(0);opacity:0}10%{opacity:1}70%{opacity:.6}80%{transform:translateY(600px);opacity:0}}

.principles__header{max-width:1100px}.principle-list{margin-top:clamp(70px,8vw,120px);border-top:1px solid var(--ink)}
.principle-list article{display:grid;grid-template-columns:70px minmax(240px,.8fr) minmax(260px,1fr);gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease),background .4s}
.principle-list article:hover{padding-left:18px;padding-right:18px;background:var(--signal)}
.principle-list span{font:700 9px/1 Arial,sans-serif;color:#777}.principle-list h3{margin:0;font-size:22px}.principle-list p{margin:0;color:#62615b;font-size:14px;line-height:1.7}

.contact{position:relative;overflow:hidden;min-height:82svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(90px,10vw,180px) var(--side);background:var(--signal);color:var(--ink)}
.contact__grid{opacity:.2;mask-image:linear-gradient(90deg,#000,transparent)}
.contact>*:not(.contact__grid){position:relative;z-index:1}.contact .kicker{color:#5d5000}.contact h2{margin:0;font-size:clamp(58px,9vw,164px);line-height:.85;letter-spacing:-.075em}
.contact__mail{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:clamp(60px,7vw,100px);padding:19px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font:750 clamp(20px,3vw,52px)/1.2 Arial,sans-serif;letter-spacing:-.035em;transition:padding .4s var(--ease),background .4s}
.contact__mail:hover{padding-left:24px;padding-right:24px;background:var(--ink);color:#fff}.contact__mail b{font-size:1.15em}
.contact__meta{display:flex;justify-content:space-between;gap:30px;margin-top:28px;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.16em}

.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:end;padding:48px var(--side);background:var(--ink);color:#fff}
.brand--footer{align-self:center}.site-footer>p{margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:1.6}.site-footer>div{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:9px;font:650 9px/1.2 Arial,sans-serif;letter-spacing:.12em}.site-footer>div a{color:var(--signal)}

.js .reveal{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal.is-visible{opacity:1;transform:none}.js .reveal--delay{transition-delay:.1s}.js .reveal--delay-2{transition-delay:.2s}

@media (max-width:1050px){
  :root{--header-h:70px}
  .site-header{grid-template-columns:1fr auto}.site-nav,.header-contact{display:none}.nav-toggle{display:block;justify-self:end}
  .site-nav{position:fixed;inset:var(--header-h) 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:20px var(--side) 35px;background:rgba(11,12,12,.98);border-bottom:1px solid rgba(255,255,255,.2);transform:translateY(-130%);opacity:0;visibility:hidden;transition:.5s var(--ease)}
  .site-nav a{padding:19px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:17px}.nav-open .site-nav{transform:none;opacity:1;visibility:visible}.nav-open .nav-toggle i:first-child{transform:translateY(3px) rotate(45deg)}.nav-open .nav-toggle i:last-child{transform:translateY(-3px) rotate(-45deg)}
  .hero__content{width:92vw}.hero__title{font-size:clamp(52px,9.8vw,105px)}
  .project{grid-template-columns:1fr}.project__copy{margin-top:52px;max-width:680px}.trace-map{grid-template-columns:repeat(2,1fr)}.trace-map__line{display:none}
  .section-heading,.workflow__header{grid-template-columns:1fr}.section-heading__copy,.workflow__header>p{max-width:580px}
  .privacy{grid-template-columns:1fr}.privacy__copy{max-width:730px}.contract-demo{width:min(820px,100%);margin:auto}
}

@media (max-width:720px){
  :root{--side:20px;--header-h:64px}
  .site-header{padding:0 var(--side)}.brand__name b{font-size:13px}.brand__mark{width:30px;height:30px}.nav-toggle{width:38px;height:38px}
  .hero{min-height:840px}.hero__visual{background-position:61% center}.hero__rail{display:none}.hero__content{width:auto;justify-content:flex-start;padding:130px var(--side) 210px}.hero__title{font-size:clamp(48px,14vw,72px);line-height:.93}.hero__title span{white-space:nowrap}.hero__mobile-break{display:block}.hero__lead{width:auto;margin-top:28px;font-size:14px}.hero__actions{flex-direction:column;align-items:stretch}.button{width:100%}
  .hero__status{left:var(--side);right:var(--side);bottom:26px;grid-template-columns:1fr}.hero__status>div{padding:11px 0}.hero__status>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.15)}.hero__scroll{display:none}
  .section-index{margin-bottom:60px}.project,.workflow,.principles,.capabilities,.privacy{padding-top:86px;padding-bottom:86px}
  .display-title{font-size:clamp(45px,13vw,72px)}.project__copy{margin-top:38px}.trace-map{grid-template-columns:1fr;margin-top:65px}.trace-node{min-height:180px}.trace-node>span{margin-bottom:45px}
  .capability-grid{grid-template-columns:1fr}.capability-card{min-height:410px}.capability-card svg{margin:45px 0 38px}
  .workflow-rail{display:block;padding:0 0 0 34px}.workflow-rail__track{top:0;bottom:0;left:5px;width:3px;height:auto}.workflow-rail__track i{width:100%;height:20%;animation:workflow-run-mobile 7s var(--ease) infinite}.workflow-rail article{padding:3px 0 34px 28px;border-left:0}.workflow-rail article:before,.workflow-rail article:first-of-type:before{top:3px;left:-33px}.workflow-rail article:last-child{padding-bottom:0}
  @keyframes workflow-run-mobile{0%{transform:translateY(0)}50%{transform:translateY(400%);background:var(--signal)}100%{transform:translateY(0)}}
  .workflow__statement{grid-template-columns:1fr auto;gap:13px}.workflow__statement i{grid-column:1/-1}.workflow__statement span:nth-of-type(2){grid-row:3}.workflow__statement strong:nth-of-type(2){grid-row:3}
  .privacy{grid-template-columns:minmax(0,1fr);gap:55px}.privacy .section-index{margin-bottom:55px}.contract-demo__bar{grid-template-columns:1fr auto}.contract-demo__bar>b{display:none}.contract-demo__body{padding:13px}.contract-demo__body>header{align-items:center}.contract-demo__body header h3{font-size:19px}.verified{font-size:7px}.demo-fields{grid-template-columns:1fr}.demo-document{padding:15px 12px}.demo-document__parties,.demo-sign{flex-direction:column;gap:6px}.demo-table>div{grid-template-columns:1.25fr .9fr .45fr .9fr}.demo-table>div>*{padding:6px 4px}.demo-table .demo-description{grid-template-columns:74px 1fr}
  .principle-list article{grid-template-columns:40px 1fr;gap:13px}.principle-list article p{grid-column:2}
  .contact{min-height:680px}.contact h2{font-size:clamp(54px,16vw,88px);line-height:.9}.contact__mail{font-size:clamp(18px,6vw,30px)}.contact__meta{flex-direction:column;gap:10px}
  .site-footer{grid-template-columns:1fr;align-items:start}.site-footer>div{justify-self:start;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.site-loader__mark i,.hero__status b i,.hero__scroll i:after,.trace-map__line i,.workflow-rail__track i,.redact:after,.contract-demo__scan{animation:none!important}.hero__visual{transform:none!important}.js .reveal{opacity:1;transform:none;transition:none}
}
