:root{--paper:#f3efe6;--card:#fbf9f3;--ink:#14231f;--soft:#4c5b55;--line:#14231f;--hair:rgba(20,35,31,.16);--orange:#ff5a1f;--moss:#2f6b4f;--water:#2f6fb5;--sun:#f2b632;--h:"Archivo","Arial Narrow",Arial,sans-serif;--b:"Archivo",Arial,system-ui,sans-serif;--m:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--b);overflow-x:hidden}
a{color:inherit}button,input,textarea{font-family:var(--b)}button{-webkit-tap-highlight-color:transparent;cursor:pointer}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px}
.top{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1.5px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;height:60px}
.logo{font:800 19px/1 var(--h);font-stretch:125%;letter-spacing:-.01em;text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}
.logo i{width:14px;height:14px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.22);display:block}
.top nav{margin-left:auto;display:flex;gap:20px;align-items:center;font:500 14px var(--m)}
.top nav a{text-decoration:none}.top nav a:hover{color:var(--orange)}
.btn{font:700 15px/1 var(--b);background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);padding:15px 22px;text-decoration:none;display:inline-flex;gap:9px;align-items:center;transition:transform .15s,background .2s,color .2s;border-radius:2px}
.btn:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}.btn:active{transform:translateY(2px)}
.btn.o{background:transparent;color:var(--ink)}.btn.sm{padding:10px 14px;font-size:13.5px;white-space:nowrap}
.tag{font:500 12.5px/1.3 var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.tag b{color:var(--orange);font-weight:500}
h1,h2,h3{margin:0;font-family:var(--h);font-stretch:112%;letter-spacing:-.025em;text-wrap:balance}
h1{font-weight:800;font-size:clamp(40px,7.4vw,84px);line-height:.98}
h2{font-weight:800;font-size:clamp(30px,4.6vw,50px);line-height:1.04}
h3{font-weight:700;font-size:21px;line-height:1.2;letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}.lead{font-size:clamp(18px,2.1vw,21px);line-height:1.5;color:var(--soft);max-width:46ch}
section{padding:74px 0;border-bottom:1.5px solid var(--line)}
.head{display:grid;gap:12px;margin-bottom:34px;max-width:720px}
.topo{background-image:repeating-radial-gradient(ellipse 70% 55% at 78% 30%,transparent 0 26px,rgba(20,35,31,.07) 26px 27.5px)}
/* hero */
.hero{padding:54px 0 64px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.hero .l{display:grid;gap:22px;justify-items:start}
.row{display:flex;flex-wrap:wrap;gap:10px}
.coord{font:400 12.5px var(--m);color:var(--soft)}
/* layer demo */
.demo{border:1.5px solid var(--line);background:var(--card);box-shadow:8px 8px 0 var(--ink)}
.demo .bar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;border-bottom:1.5px solid var(--line);font:500 12px var(--m);text-transform:uppercase;letter-spacing:.06em}
.demo svg{display:block;width:100%;height:auto;background:#e9e4d6}
.lay{transition:opacity .5s}.lay.off{opacity:0}
.tg{display:flex;flex-wrap:wrap;gap:7px;padding:12px;border-top:1.5px solid var(--line)}
.tgb{font:500 13px var(--m);background:transparent;border:1.5px solid var(--line);padding:8px 11px;display:inline-flex;gap:7px;align-items:center;border-radius:2px;transition:background .2s,color .2s,transform .15s}
.tgb i{width:10px;height:10px;border-radius:50%;display:block;border:1.5px solid var(--ink)}
.tgb[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tgb:active{transform:scale(.95)}
.find{padding:12px 14px;border-top:1.5px solid var(--line);font-size:15px;min-height:62px;display:flex;align-items:center;gap:10px}
.find b{font:800 26px/1 var(--h);color:var(--orange);min-width:28px}
/* grids */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1.5px solid var(--line);background:var(--card)}
.sv{padding:24px 22px 26px;border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);display:grid;gap:10px;align-content:start;transition:background .25s}
.sv:hover{background:#fff}.sv:nth-child(3n){border-right:0}.sv:nth-last-child(-n+3){border-bottom:0}
.sv .n{font:500 12px var(--m);color:var(--orange)}.sv p{color:var(--soft);font-size:15.5px}
.sv ul{margin:2px 0 0;padding:0;list-style:none;font:400 12.5px/1.7 var(--m);color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.stp{display:grid;gap:8px;align-content:start;border-top:4px solid var(--ink);padding-top:14px}.stp .n{font:800 44px/1 var(--h);color:var(--orange)}.stp p{color:var(--soft)}
.dark{background:var(--ink);color:var(--paper)}.dark .lead,.dark .tag,.dark p{color:#b9c6bf}.dark h2{color:var(--paper)}
.dark .btn{background:var(--orange);border-color:var(--orange);color:var(--ink)}
/* cloud */
.cloud{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.cv{border:1.5px solid #3a4a44;background:#0c1613;position:relative;touch-action:pan-y}
.cv canvas{display:block;width:100%;height:auto;cursor:grab}
.cv .ctl{display:flex;gap:12px;align-items:center;padding:10px 12px;border-top:1.5px solid #3a4a44;font:500 12px var(--m);color:#b9c6bf;text-transform:uppercase;letter-spacing:.06em}
input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:28px;background:transparent;min-width:0}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:#b9c6bf}
input[type=range]::-moz-range-track{height:2px;background:#b9c6bf}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--orange);margin-top:-10px;border:0}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--orange);border:0}
/* accordions */
.acc{border-top:1.5px solid var(--line)}
details{border-bottom:1.5px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 2px;font:700 19px/1.25 var(--h);font-stretch:108%}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 26px/1 var(--m);color:var(--orange);transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details .a{padding:0 2px 20px;color:var(--soft);max-width:68ch;display:grid;gap:10px}
.two{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:44px;align-items:start}
/* form */
form{display:grid;gap:22px;background:var(--card);border:1.5px solid var(--line);padding:26px;box-shadow:8px 8px 0 var(--orange)}
.fl{display:grid;gap:8px}.fl>span{font:500 12.5px var(--m);text-transform:uppercase;letter-spacing:.07em}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
input[type=text],input[type=tel],input[type=email],textarea{width:100%;font-size:16.5px;padding:13px 12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:2px;min-width:0}
textarea{min-height:92px;resize:vertical}
.pick{display:flex;flex-wrap:wrap;gap:7px}
.pk{font:500 14px var(--b);background:#fff;border:1.5px solid var(--line);padding:10px 13px;border-radius:2px;transition:background .2s,color .2s,transform .15s}
.pk[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pk:active{transform:scale(.95)}
.bad{animation:sh .4s}.bad input{border-color:var(--orange)}@keyframes sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.done{display:none;gap:12px;background:var(--card);border:1.5px solid var(--line);padding:30px 26px;box-shadow:8px 8px 0 var(--orange)}
.sent form{display:none}.sent .done{display:grid}
.note{font:400 12.5px/1.5 var(--m);color:var(--soft)}
/* about */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1.5px solid var(--line);background:var(--card)}
.facts div{padding:18px;border-right:1.5px solid var(--line);display:grid;gap:4px}.facts div:last-child{border-right:0}
.facts b{font:800 30px/1 var(--h);color:var(--orange)}.facts span{font:400 12.5px/1.4 var(--m);color:var(--soft)}
.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{font:500 13px var(--m);border:1.5px solid var(--line);padding:7px 10px;background:var(--card)}
.tl{display:grid;gap:0;border-left:4px solid var(--ink);margin-left:6px}
.tl div{padding:0 0 26px 22px;position:relative;display:grid;gap:5px}.tl div::before{content:"";position:absolute;left:-11px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--orange);border:2px solid var(--ink)}
.tl p{color:var(--soft)}
footer{padding:34px 0 44px;font:400 13px/1.6 var(--m);color:var(--soft)}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:space-between}
@media(max-width:860px){.hero .wrap,.cloud,.two{grid-template-columns:minmax(0,1fr)}.g3,.steps{grid-template-columns:minmax(0,1fr)}.sv{border-right:0!important;border-bottom:1.5px solid var(--line)!important}.sv:last-child{border-bottom:0!important}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts div:nth-child(2){border-right:0}.facts div:nth-child(-n+2){border-bottom:1.5px solid var(--line)}
  section{padding:54px 0}.f2{grid-template-columns:minmax(0,1fr)}.top nav a.hide{display:none}.demo,form,.done{box-shadow:5px 5px 0 var(--ink)}form,.done{box-shadow:5px 5px 0 var(--orange);padding:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* opening game */
#rpg{background:#0f1a17;color:#f3efe6;padding:40px 0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;border-bottom:1.5px solid var(--line);font-family:"Silkscreen",var(--m)}
.rp{width:100%;max-width:780px;padding:14px 14px 20px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.rhud{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;letter-spacing:.04em}
.rhud span:nth-child(2){color:var(--sun)}.rhud a{color:#f3efe6;text-decoration:none;border:2px solid #f3efe6;padding:6px 8px}.rhud a:hover{background:#f3efe6;color:#0f1a17}
.rscr{border:4px solid #f3efe6;box-shadow:0 0 0 4px #0f1a17,0 0 0 6px var(--orange);background:#7fb069}
.rscr canvas{display:block;width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;touch-action:none}
.rxp{height:8px;background:#22332d}.rxp i{display:block;height:100%;width:0;background:var(--sun);transition:width .6s steps(6)}
.rdlg{border:4px solid #f3efe6;background:#14231f;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:end;min-height:96px}
.rdlg b{grid-column:1/-1;color:var(--orange);font-size:12px;letter-spacing:.06em}
.rdlg p{font-size:clamp(14px,2.6vw,18px);line-height:1.45;color:#f3efe6;max-width:none}
.rdlg button{font:700 14px "Silkscreen",var(--m);background:var(--sun);color:#14231f;border:0;padding:9px 12px;animation:rb 1s steps(2) infinite}
.rdlg button.big{background:var(--orange);font-size:15px;padding:12px 14px}
@keyframes rb{50%{transform:translateY(-3px)}}
.rpad{display:none;justify-content:center;align-items:center;gap:8px}.rpad span{display:grid;gap:8px}
.rpad button{width:52px;height:46px;font-size:16px;background:#22332d;color:#f3efe6;border:2px solid #f3efe6;touch-action:none;user-select:none;-webkit-user-select:none}
.rpad button:active{background:var(--orange);color:#14231f}
@media(hover:none){.rpad{display:flex}}

#map{cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}
.gbar{height:6px;background:var(--hair);border-top:1.5px solid var(--line)}.gbar i{display:block;height:100%;width:0;background:var(--orange);transition:width .5s}
.btn:disabled{opacity:.35;pointer-events:none}
.tg[hidden]{display:none}
#try .note{max-width:44ch}

.hero .wrap.ab{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.ph{border:1.5px solid var(--line);box-shadow:8px 8px 0 var(--orange);background:#fff;aspect-ratio:4/5;overflow:hidden;max-width:380px;width:100%;justify-self:end}
.ph img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transform:scale(1.55);transform-origin:50% 12%;display:block}
#buf input[type=range]::-webkit-slider-runnable-track{background:var(--ink)}#buf input[type=range]::-moz-range-track{background:var(--ink)}
@media(max-width:860px){.hero .wrap.ab{grid-template-columns:minmax(0,1fr)}.ph{justify-self:start;max-width:260px;box-shadow:5px 5px 0 var(--orange)}}

.post{display:grid;gap:14px;text-decoration:none;border:1.5px solid var(--line);background:var(--card);padding:28px;box-shadow:8px 8px 0 var(--ink);max-width:820px;transition:transform .2s,box-shadow .2s}
.post:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--orange)}.post p{color:var(--soft)}
.art{padding:54px 0 74px;border-bottom:1.5px solid var(--line)}
.art .wrap{max-width:760px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.art h1{font-size:clamp(34px,5.6vw,58px);line-height:1.02}.art h2{font-size:clamp(24px,3.4vw,32px);margin-top:22px}
.art p{font-size:18px;line-height:1.65}.art .lead{max-width:none;font-size:20px}
.art .where{font:400 13.5px/1.6 var(--m);color:var(--soft);border-left:4px solid var(--orange);padding:4px 0 4px 14px}
.art .cta{margin-top:26px;border:1.5px solid var(--line);background:var(--card);padding:24px;display:grid;gap:14px;box-shadow:8px 8px 0 var(--orange)}
.art input[type=range]::-webkit-slider-runnable-track{background:var(--ink)}.art input[type=range]::-moz-range-track{background:var(--ink)}

.bbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1.5px solid var(--line);font:400 12.5px/1.4 var(--m)}
.bbox[hidden]{display:none}.bbox div{padding:8px 12px;display:flex;gap:10px;border-bottom:1px solid var(--hair)}.bbox div:nth-child(odd){border-right:1px solid var(--hair)}.bbox div:nth-last-child(-n+2){border-bottom:0}
.bbox b{color:var(--orange);font-weight:500}
@media(max-width:520px){.bbox{grid-template-columns:minmax(0,1fr)}.bbox div{border-right:0!important;border-bottom:1px solid var(--hair)!important}.bbox div:last-child{border-bottom:0!important}}

.top nav{gap:10px}
.menu{position:relative;border:0}
.menu summary{font:500 14px/1 var(--m);border:1.5px solid var(--line);padding:10px 12px;display:flex;gap:8px;align-items:center;border-radius:2px;background:var(--card);white-space:nowrap}
.menu summary::after{content:none}.menu summary span{color:var(--orange)}
.menu[open] summary{background:var(--ink);color:var(--paper)}
.mp{position:absolute;right:0;top:calc(100% + 12px);min-width:240px;background:var(--card);border:1.5px solid var(--line);box-shadow:6px 6px 0 var(--ink);display:grid;z-index:40}
.mp a{padding:13px 16px;text-decoration:none;font:500 14px var(--m);border-bottom:1px solid var(--hair)}.mp a:last-child{border-bottom:0}
.mp a:hover{background:var(--ink);color:var(--paper)}
.mp a:nth-child(-n+2){font:700 17px var(--h)}
.meter{height:18px;background:var(--hair);border-bottom:1.5px solid var(--line)}.meter i{display:block;height:100%;width:0;background:var(--orange);transition:width .3s}
.sl{display:grid;gap:2px;font:500 13px var(--m)}.sl b{color:var(--orange)}

@media(max-width:560px){.top nav>.btn{display:none}.top .wrap{gap:10px}.mp{min-width:220px}}

.dz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));touch-action:none;user-select:none;-webkit-user-select:none}
.pane{padding:12px;min-height:250px;display:grid;gap:8px;align-content:start;transition:background .2s}
.pane+.pane{border-left:1.5px solid var(--line);background:#fff}
.pane.hot{background:rgba(255,90,31,.14)}.pane.over{background:rgba(179,38,30,.1)}
.ph2{font:500 11.5px var(--m)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.files{display:grid;gap:6px}
.file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);padding:7px 8px;font:500 12px var(--m);color:var(--ink);cursor:grab;border-radius:2px;touch-action:none}
.file i{width:13px;height:16px;background:var(--moss);clip-path:polygon(0 0,65% 0,100% 28%,100% 100%,0 100%);display:block}.file.big i{background:var(--water)}
.file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file b{color:var(--orange);font-weight:500;white-space:nowrap}
.file.pop{animation:fpop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes fpop{from{transform:scale(.6);opacity:0}}
.file.ghost{position:fixed;z-index:99;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg);box-shadow:5px 5px 0 var(--ink);opacity:.95;margin:0}
.empty{font:400 12.5px var(--m)!important;color:var(--soft);border:1.5px dashed var(--hair);padding:22px 8px;text-align:center}
@media(max-width:520px){.file{grid-template-columns:auto minmax(0,1fr);font-size:11px}.file b{grid-column:2}.pane{padding:8px}}

/* scan theme */
:root{--paper:#0a0f14;--card:#111a22;--ink:#eaf2f6;--soft:#9fb0bb;--line:rgba(234,242,246,.26);--hair:rgba(234,242,246,.12);--orange:#ff6a2b;--scan:#20b8aa;--moss:#20b8aa;--water:#3aa0ff}
html{background:var(--paper)}body{background:var(--paper);color:var(--ink)}
.top{background:rgba(10,15,20,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:linear-gradient(90deg,#2b3cff,#19c3ff,#20b8aa,#b6f03a,#ffd23a,#ff7a1a,#ff3d3d)}
.topo{background-image:radial-gradient(rgba(32,184,170,.2) 1px,transparent 1.4px);background-size:22px 22px}
.tag b{color:var(--scan)}.tag{color:var(--soft)}
.btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn:hover{background:var(--scan);border-color:var(--scan);color:var(--paper)}
.btn.o{background:rgba(10,15,20,.55);color:var(--ink)}.btn.o:hover{color:var(--paper)}
.dark{background:#05080b}.dark h2{color:var(--ink)}.dark .btn{background:var(--orange);border-color:var(--orange);color:#0a0f14}
.demo,form,.done,.post,.ph,.art .cta{box-shadow:none}
.demo,form,.done,.art .cta{position:relative;outline:1px solid var(--hair);outline-offset:7px}
.demo::before,form::before,.done::before{content:"";position:absolute;left:-9px;top:-9px;width:16px;height:16px;border-left:2px solid var(--scan);border-top:2px solid var(--scan);pointer-events:none}
.demo::after,form::after,.done::after{content:"";position:absolute;right:-9px;bottom:-9px;width:16px;height:16px;border-right:2px solid var(--scan);border-bottom:2px solid var(--scan);pointer-events:none}
.sv:hover{background:#16222c}.sv .n,.stp .n,.facts b,.find b,.sl b,.bbox b,.file b{color:var(--scan)}
summary::after{color:var(--scan)}
input[type=text],input[type=tel],input[type=email],textarea{background:#0b1218;color:var(--ink);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:#6f808b}
.pk{background:#0b1218;color:var(--ink)}.pk[aria-pressed=true]{background:var(--scan);color:#0a0f14;border-color:var(--scan)}
.tgb{color:var(--ink)}.tgb[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.pane+.pane{background:#0b1218}.pane.hot{background:rgba(32,184,170,.14)}.file{color:var(--ink)}
.post{background:var(--card)}.post:hover{transform:none;box-shadow:none;border-color:var(--scan)}.post h2,.post h3{color:var(--ink)}
.ph{border-color:var(--scan)}
.art .where{border-left-color:var(--scan)}
.mp{box-shadow:0 18px 50px rgba(0,0,0,.6)}.mp a:hover{background:var(--scan);color:#0a0f14}
.menu[open] summary{background:var(--scan);color:#0a0f14}.menu summary span{color:var(--scan)}.menu[open] summary span{color:#0a0f14}
.logo i{background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,43,.22),0 0 18px 2px rgba(255,106,43,.5)}
input[type=range]::-webkit-slider-runnable-track{background:var(--soft)}input[type=range]::-moz-range-track{background:var(--soft)}
#buf input[type=range]::-webkit-slider-runnable-track,.art input[type=range]::-webkit-slider-runnable-track{background:var(--soft)}
.scanhero{position:relative;overflow:hidden;background-image:none;min-height:min(86vh,760px);align-content:center;display:grid}
.scanhero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scanhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,20,.94) 0,rgba(10,15,20,.72) 46%,rgba(10,15,20,.1) 100%);pointer-events:none}
.scanhero .wrap{position:relative;z-index:1}
.ramp{background:linear-gradient(90deg,#19c3ff,#20b8aa,#b6f03a,#ffd23a,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent}
.under{padding:26px 0 30px;background:#070b0f}.under svg{display:block;width:100%;height:auto}
.under .beam{animation:sweep 7s linear infinite}@keyframes sweep{from{transform:translateX(0)}to{transform:translateX(1200px)}}
.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.posts .post{max-width:none;padding:22px}
.posts .post p{color:var(--soft)}
@media(max-width:860px){.posts{grid-template-columns:minmax(0,1fr)}.scanhero::after{background:linear-gradient(180deg,rgba(10,15,20,.9),rgba(10,15,20,.62))}.under text{font-size:17px}.demo,form,.done{box-shadow:none}}
.under .wrap{overflow:hidden}
@media(max-width:860px){.under svg{width:900px;max-width:none;height:auto}.under text{font-size:12px}}

/* one accent: graphite, white and teal */
:root{--scan:#20b8aa;--orange:#20b8aa;--moss:#8fa1ad;--water:#20b8aa;--sun:#20b8aa}
#rpg{--orange:#ff5a1f;--sun:#f2b632}
.top::after{height:1px;bottom:-1px;background:var(--line)}
.hl{color:var(--scan)}
.topo{background-image:radial-gradient(rgba(206,222,231,.13) 1px,transparent 1.4px)}
.logo i{background:var(--scan);box-shadow:0 0 0 4px rgba(32,184,170,.2)}
.dark .btn{background:var(--ink);border-color:var(--ink);color:var(--paper)}.dark .btn:hover{background:var(--scan);border-color:var(--scan)}
.btn:hover{background:var(--scan);border-color:var(--scan);color:#06100f}
.tl div::before{background:var(--scan);border-color:var(--paper)}
.scanhero.topo{background-image:none}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}