/* Landed shared UI for the app pages (launch, explore). Same design system as the home page. */
:root{
  --sky:#EFE2D2;--sky-hi:#F8F0E6;--paper:#FFF9F1;--ink:#0A0A10;--ink-2:#13131C;--ink-line:rgba(255,255,255,.12);--line:rgba(10,10,16,.16);
  --text:#0A0A10;--text-2:#3A3530;--dim:#7A6F64;--mist:#B9AEA2;--amber:#FF8F3A;--amber-hi:#FFC77A;--amber-deep:#B4520F;--ok:#1E7A4C;--bad:#A3321C;
  --serif:'Newsreader',Georgia,serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--gutter:clamp(18px,3.2vw,48px);--max:1280px;--r:6px;--bw:2px;
  --press:4px 5px 0 var(--ink);--press-hover:5px 8px 0 var(--ink);--slit:linear-gradient(90deg,transparent,var(--amber) 22%,var(--amber-hi) 50%,var(--amber) 78%,transparent);--ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}html{background:var(--sky)}
body{margin:0;min-height:100vh;color:var(--text);font:400 14px/1.65 var(--mono);-webkit-font-smoothing:antialiased;
  background:linear-gradient(180deg,#ECDFCF 0,#F8EFE4 340px,var(--sky) 100%)}
body:after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
em{font-style:italic}
.dock{position:sticky;top:0;z-index:40;height:72px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(var(--sky-hi) 60%,rgba(248,240,230,0))}
.word{font:400 26px/1 var(--serif);letter-spacing:-.03em}.word sup{font:500 9px var(--mono);color:var(--amber-deep);vertical-align:top;margin-left:2px}
.dock nav{display:flex;gap:30px}.dock nav a{position:relative;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.62}.dock nav a:hover,.dock nav a.on{opacity:1}
.dock nav a:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-8px;height:2px;border-radius:2px;background:var(--slit);transform:scaleX(0);transition:transform .3s var(--ease)}.dock nav a.on:after,.dock nav a:hover:after{transform:scaleX(1)}
.dock .right{display:flex;justify-content:flex-end}
.chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:4px;background:var(--amber);color:var(--ink);font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.chip.ink{background:var(--ink);color:var(--paper)}
@media(max-width:860px){.dock nav{display:none}.dock{grid-template-columns:1fr auto}}
/* the band: a still version of the home page's runway band, used as a page header */
.band{position:relative;height:120px;margin:10px 0 0;overflow:hidden}
.band:before{content:"";position:absolute;left:-5%;right:-5%;top:50%;height:46px;transform:translateY(-50%);background:var(--ink);border-radius:50%/40%;filter:blur(6px)}
.band:after{content:"";position:absolute;left:5%;right:5%;top:50%;height:120px;transform:translateY(-50%);background:radial-gradient(ellipse 50% 30% at 50% 50%,rgba(255,150,60,.55),transparent 70%);filter:blur(16px);z-index:-1}
.band i{position:absolute;left:0;right:0;top:calc(50% - 23px);height:2px;background:var(--slit);z-index:2}.band i+i{top:calc(50% + 21px)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.label{font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber-deep)}
.h1{font:300 clamp(40px,5.2vw,76px)/1.02 var(--serif);letter-spacing:-.02em;margin:14px 0 0}
.lede{color:var(--text-2);max-width:56ch;margin:14px 0 0}
.btn{display:inline-flex;align-items:stretch;min-height:54px;border:var(--bw) solid var(--ink);border-radius:var(--r);background:var(--amber);color:var(--ink);box-shadow:var(--press);font:500 13.5px var(--mono);transition:transform .16s var(--ease),box-shadow .16s var(--ease)}
.btn span{display:flex;align-items:center;padding:0 22px}.btn i{display:grid;place-items:center;width:52px;border-left:var(--bw) solid var(--ink);font-style:normal;font-size:16px}
.btn:hover{transform:translate(-1px,-3px);box-shadow:var(--press-hover)}.btn:active{transform:translate(2px,3px);box-shadow:1px 2px 0 var(--ink);transition-duration:60ms}
.btn.paper{background:var(--paper)}.btn[disabled]{opacity:.5;pointer-events:none}
.card{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:8px;box-shadow:var(--press)}
.field{display:block;margin-top:18px}.field>span{display:flex;justify-content:space-between;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.field>span small{letter-spacing:.02em;text-transform:none;color:var(--dim);font-weight:400}
.input{width:100%;margin-top:8px;height:50px;padding:0 14px;border:1.5px solid var(--ink);border-radius:5px;background:#fff;font:400 14px var(--mono);color:var(--ink);outline:none;transition:box-shadow .15s}
textarea.input{height:120px;padding:12px 14px;resize:vertical;line-height:1.55}
.input:focus{box-shadow:3px 3px 0 var(--amber)}
.prefix{position:relative}.prefix b{position:absolute;left:14px;top:21px;font-weight:500;color:var(--dim)}.prefix .input{padding-left:30px}
.foot{background:var(--ink);color:var(--mist);padding:40px var(--gutter);margin-top:120px}.foot .in{max-width:var(--max);margin:0 auto;display:flex;gap:24px;align-items:end;flex-wrap:wrap}.foot .word{color:var(--paper);font-size:38px}.foot nav{display:flex;gap:24px;margin-left:auto;font-size:12.5px}
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:95;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:6px;font-size:13px;transition:.25s var(--ease);pointer-events:none}.toast.on{opacity:1;transform:translateX(-50%)}