:root{--ink:#26231f;--brown:#5b3726;--rust:#9a4d31;--paper:#eee5d2;--light:#f8f3e8;--green:#31483b;--gold:#bd8c46;--line:#cfc2a9;--muted:#746b5f;font-family:Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}header{height:82px;padding:0 5%;display:flex;align-items:center;background:var(--light);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px}.logo>svg{width:34px;height:34px;color:var(--brown)}.logo span{display:flex;flex-direction:column}.logo b{font-size:13px;letter-spacing:.15em}.logo small{font:7px Arial;letter-spacing:.13em;color:var(--muted)}header nav{margin:auto;display:flex;gap:30px}header nav button,.exit,.link{border:0;background:none;font:9px Arial;color:var(--muted)}.exit,.link{text-decoration:underline}.hero{min-height:650px;padding:65px 7%;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero>div>span,.about>div>span,.match section>span,.archivehead>span,.formpage section>span,.fee section>span,.payment section>span,.verify>span,.safe>span,.evaluator>span{font:8px Arial;font-weight:900;letter-spacing:.16em;color:var(--rust)}.hero h1{font-size:68px;line-height:.92;letter-spacing:-.05em}.hero h1 em,.match h1 em{color:var(--rust)}.hero>div>p{max-width:580px;color:var(--muted);line-height:1.7}.hero form{max-width:670px;margin-top:40px}.hero form label{display:block;margin-bottom:7px;font:8px Arial;font-weight:900}.hero form>div{display:grid;grid-template-columns:35px 1fr 210px;align-items:center;border:1px solid var(--ink);background:var(--light)}.hero form svg{width:16px;margin-left:12px}.hero input{padding:16px;border:0;background:transparent}.hero input:focus{outline:0}.hero form button,.match section>button:first-of-type,.archive .fund button,.formpage form>button,.fee section>button:first-of-type,.payment form>button,.safeexit{height:100%;padding:15px;display:flex;align-items:center;justify-content:center;gap:15px;border:0;background:var(--brown);color:#fff;font:8px Arial;font-weight:900;letter-spacing:.08em;transition:.2s}.hero form button:hover,.match section>button:first-of-type:hover,.archive .fund button:hover,.formpage form>button:hover,.fee section>button:first-of-type:hover,.payment form>button:hover{background:var(--rust);transform:translateY(-2px)}.hero button svg{width:14px}.hero form small{display:block;margin-top:9px;font:8px Arial;color:var(--muted)}.hero>aside{position:relative;min-height:520px}.card{position:absolute;width:280px;height:370px;padding:25px;background:#d8c3a2;border:1px solid #a98961;box-shadow:0 22px 35px #4a301c25}.card:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid #ab8f69}.c1{left:80px;top:20px;transform:rotate(-7deg);display:flex;flex-direction:column}.c1>span{font-size:11px}.c1>i{width:150px;height:200px;margin:25px auto;background:radial-gradient(circle at 50% 30%,#d0b692 0 13%,transparent 14%),radial-gradient(ellipse at 50% 75%,#6c5942 0 32%,transparent 33%),linear-gradient(#8b765a,#c0a47e);filter:sepia(1);border:9px solid #e7d8bc}.c1 b,.c1 small{text-align:center}.c2{right:15px;bottom:30px;width:210px;height:250px;transform:rotate(9deg);display:grid;place-content:center;justify-items:center;background:#eadcc4}.c2 svg{width:70px;height:70px;color:var(--rust)}.c2 b{font-size:25px;color:var(--rust)}.c2 small{font:8px Arial}.thread{position:absolute;width:500px;height:500px;left:0;border:1px solid #b6976d;border-radius:50%}.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:var(--light)}.numbers article{padding:25px 5vw;border-right:1px solid var(--line)}.numbers article:last-child{border:0}.numbers b{display:block;font-size:28px}.numbers span{font:8px Arial;color:var(--muted)}.about{padding:85px 6%;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:17px}.about h2{font-size:45px}.about>div p,.about article p{color:var(--muted);line-height:1.6}.about article{padding:25px;border:1px solid var(--line);background:var(--light)}.about article svg{width:32px;color:var(--rust)}.about article h3{font-size:18px}.about article p{font-size:11px}.searching{min-height:100vh;padding:60px;display:grid;place-content:center;justify-items:center;text-align:center;background:var(--green);color:#fff}.searching .logo{position:absolute;left:55px;top:45px}.searching .logo svg{color:#fff}.rings{width:200px;height:200px;display:grid;place-items:center;position:relative;border:1px solid #ffffff65;border-radius:50%;animation:pulse 2s infinite}.rings>svg{width:55px;height:55px}.rings i{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border:1px solid #ffffff35;border-radius:50%}.rings i:nth-child(2){top:50px;right:50px;bottom:50px;left:50px}.rings i:nth-child(3){top:-30px;right:-30px;bottom:-30px;left:-30px}.searching>span{margin-top:40px;font:8px Arial;color:#d7b879}.searching h1{font-size:38px}.progress{width:440px;height:4px;background:#fff2}.progress i{display:block;height:100%;background:var(--gold)}.searching>b{margin-top:10px}.searching>small{margin-top:18px;font:8px Arial;color:#a7b5ac}.match{min-height:calc(100vh - 82px);padding:65px 8%;display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.match h1{font-size:58px;line-height:1}.match section>p{color:var(--muted)}.record{max-width:680px;margin:30px 0;padding:18px;display:flex;gap:22px;background:var(--light);border:1px solid var(--line)}.portrait{width:140px;height:170px;position:relative;display:grid;place-items:center;background:#b9a17d}.portrait i{position:absolute;width:75px;height:95px;border-radius:50% 50% 40% 40%;background:#756149}.portrait span{z-index:1;margin-top:120px;color:#fff}.record>span{display:grid;grid-template-columns:150px 1fr;align-content:center;gap:12px}.record small{font:7px Arial;color:var(--muted)}.record b{font-size:12px}.match section>button:first-of-type{width:max-content}.match .link{display:block;margin-top:18px}.match>aside{height:max-content;padding:40px;background:var(--brown);color:#fff}.seal{display:grid;justify-items:center}.seal svg{width:80px;height:80px;color:var(--gold)}.seal b{font-size:55px}.seal small{font:8px Arial;color:#d6c1b5}.match aside>p{margin-top:45px;font-size:20px;font-style:italic;line-height:1.5}.match aside>small{font:8px Arial;color:#c6b4ab}.archive{min-height:calc(100vh - 82px);padding:60px 6%}.archivehead h1{font-size:55px;line-height:.95}.archivehead p{color:var(--muted)}.archive>section{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.archive article{min-height:480px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--light)}.archive article>small,.archive article>span{font:7px Arial;color:var(--rust)}.archive article h2{font-size:24px}.archive article p{color:var(--muted);line-height:1.6}.photo>div{height:245px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(#b6a284,#6f624d);filter:sepia(.7)}.photo>div:after{content:"";position:absolute;width:140px;height:170px;bottom:-70px;border-radius:50% 50% 0 0;background:#3f392f}.photo>div>span{z-index:1;margin-top:80px;color:#fff}.photo>div i{position:absolute;width:30px;height:240px;background:#ddd0b1}.photo>div i:first-of-type{left:50px;transform:rotate(25deg)}.photo>div i:last-of-type{right:50px;transform:rotate(-25deg)}.letter>svg,.fund>svg{width:55px;height:55px;margin:60px auto 30px;color:var(--rust)}.letter button{margin-top:auto;padding:12px;border:1px solid;background:none}.fund{background:var(--green)!important;color:#fff}.fund>span{color:#d5b26c!important}.fund h2{font-size:45px}.fund p{color:#c8d0cb!important}.fund button{margin-top:auto}.formpage{min-height:calc(100vh - 82px);padding:65px 8%;display:grid;grid-template-columns:1fr 330px;gap:70px}.formpage h1,.fee h1,.payment h1{font-size:52px;line-height:1}.formpage section>p,.fee section>p{color:var(--muted);line-height:1.6}.formpage form{max-width:650px;margin-top:30px}.formpage label,.payment label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font:8px Arial;font-weight:900}.formpage input,.payment input{padding:13px;border:1px solid var(--line);background:var(--light)}.formpage form>div,.payment form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formpage form>button{width:100%;margin-top:15px}.formpage section>small{display:flex;gap:6px;margin-top:18px;font:7px Arial;color:var(--muted)}.formpage section>small svg{width:11px}.formpage>aside{height:max-content;padding:25px;background:var(--light);border:1px solid var(--line)}.formpage aside h3{margin-top:40px}.formpage dl div{padding:12px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:8px Arial}.confirmed{padding:10px;background:#dce7d7;color:var(--green)}.error{padding:10px;background:#ecd3c7;color:var(--rust);font:9px Arial}.route{padding:14px;display:flex;gap:12px;align-items:center;background:#e2e8df}.route svg{color:var(--green)}.route span{display:flex;flex-direction:column}.route small{font:7px Arial;color:var(--muted)}.fee,.payment{min-height:calc(100vh - 82px);padding:65px 8%;display:grid;grid-template-columns:1fr 330px;gap:70px}.fee section>svg{width:55px;height:55px;color:var(--rust)}.breakdown{margin:30px 0;border:1px solid var(--line)}.breakdown>div{padding:14px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.breakdown>div:last-child{border:0;background:#e0e7dc}.breakdown span{font:8px Arial}.clock{margin-bottom:25px;padding:15px;display:flex;align-items:center;gap:12px;background:#ead9bb}.clock svg{width:25px}.clock span{display:flex;flex-direction:column}.clock small{font:8px Arial;color:var(--muted)}.fee section>button:first-of-type{width:max-content}.fee .link{display:block;margin-top:18px}.fee>aside,.payment>aside{height:max-content;padding:30px;background:var(--brown);color:#fff}.fee aside svg,.payment aside svg{width:65px;height:65px;color:var(--gold)}.fee aside>b{display:block;margin:20px 0}.fee aside p,.payment aside p{color:#d4c5bc;line-height:1.6}.payment section>span{color:var(--rust)}.amount{padding:25px;background:var(--green);color:#fff}.amount small,.amount em{display:block;font:8px Arial}.amount b{display:block;font-size:55px;color:#e0bc72}.payment form>button{width:100%;margin-top:20px}.verify{min-height:100vh;padding:65px 8%;position:relative;background:var(--green);color:#fff}.close{position:absolute;right:45px;top:35px;border:0;background:none;color:#fff}.verify .logo svg{color:#fff}.verify>span{display:block;margin-top:65px;color:#d5b26c}.verify>h1{max-width:850px;font-size:58px}.verify>p{max-width:850px;color:#c4d0c8;line-height:1.6}.verify>section{margin:50px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.verify article{padding:25px;border:1px solid #ffffff3d}.verify article svg{color:#d5b26c}.verify article h2{font-size:22px}.verify article p{font:11px/1.6 Arial;color:#c4d0c8}.safeexit{width:max-content}.safe{min-height:100vh;padding:60px;display:grid;place-content:center;justify-items:center;text-align:center;background:#d5c8ad}.safe>svg{width:65px;height:65px;margin-top:45px;padding:16px;border:1px solid;border-radius:50%;background:var(--light)}.safe>span{margin-top:20px}.safe h1{font-size:48px}.safe p{color:var(--muted)}.safe button{padding:12px 18px;border:0;background:var(--brown);color:#fff}.safe.complete{background:#c7d1c6}.evaluator{min-height:100vh;padding:60px 8%;background:#231e1a;color:#fff}.evaluator>span{display:block;margin-top:50px;color:#d5b26c}.evaluator h1{font-size:48px}.evaluator pre{padding:20px;background:#332b25;color:#ecd7af;white-space:pre-wrap}.evaluator button{padding:8px;margin-right:8px}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 40px #ffffff1f}}@media(max-width:850px){header nav{display:none}.hero,.match,.formpage,.fee,.payment{grid-template-columns:1fr}.hero aside{min-height:520px}.about{grid-template-columns:1fr 1fr}.about>div{grid-column:1/-1}.archive>section,.verify>section{grid-template-columns:1fr}.match>aside,.formpage>aside,.fee>aside,.payment>aside{order:-1}.numbers{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hero{padding:45px 5%}.hero h1,.match h1,.archivehead h1,.formpage h1,.fee h1,.payment h1,.verify>h1{font-size:40px}.hero form>div{grid-template-columns:35px 1fr}.hero form button{grid-column:1/-1}.hero>aside{transform:scale(.8);margin-inline:-45px}.about,.numbers{grid-template-columns:1fr}.archive,.match,.formpage,.fee,.payment,.verify{padding:40px 5%}.formpage form>div,.payment form>div{grid-template-columns:1fr}.record{flex-direction:column}.record>span{grid-template-columns:1fr}.progress{width:90vw}}
