@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f5f8ff;--blue:#20a9f4;--deep:#07172b;--line:#37aef147;--muted:#8ea6bd;background:#020711;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#020711;min-width:320px;margin:0;overflow-x:hidden}button,a,input{font:inherit}.shell{width:min(1160px,100% - 48px);margin:auto}.nav-wrap{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#020812f0;height:82px;position:fixed;inset:0 0 auto}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{color:#27aff6;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.logo{background:#071b31;border:3px solid #21adf6;border-radius:11px;place-items:center;width:42px;height:42px;padding:3px;display:inline-grid;overflow:hidden;box-shadow:0 0 18px #21adf640,inset 0 0 14px #21adf62e}.logo img{object-fit:cover;border-radius:6px;width:100%;height:100%}.logo-large{border-width:5px;border-radius:25px;width:96px;height:96px;padding:5px;box-shadow:0 0 35px #21adf661}.nav-links{align-items:center;gap:32px;display:flex}.nav-links>button:not(.nav-cta){color:#94a9bd;cursor:pointer;background:0 0;border:0;padding:14px 0;font-size:14px;position:relative}.nav-links>button:hover,.nav-links>button.active{color:#fff}.nav-links>button.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:4px;left:0;right:0}.nav-cta,.primary,.outline{text-transform:uppercase;letter-spacing:.07em;cursor:pointer;border:1px solid #26aff7;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:0 24px;font-size:12px;font-weight:800;text-decoration:none;transition:all .22s;display:inline-flex}.nav-cta,.primary{color:#fff;background:linear-gradient(135deg,#20acef,#0875cf);box-shadow:0 0 25px #20acef40}.nav-cta:hover,.primary:hover,.outline:hover{filter:brightness(1.13);transform:translateY(-2px)}.outline{color:#fff;background:#0209148c;border-color:#47b3ef8c}.menu{color:#fff;letter-spacing:.13em;background:0 0;border:0;font-size:10px;font-weight:800;display:none}.hero{place-items:center;height:100vh;min-height:730px;display:grid;position:relative;overflow:hidden}.hero-bg{background:url(/arcape-hero.png) 50% 45%/cover no-repeat;position:absolute;inset:82px 0 0}.hero-shade{background:linear-gradient(#02071133,#02071194),radial-gradient(circle at 50% 44%,#02071126,#020711cc 77%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;padding-top:80px;display:flex;position:relative}.hero-content .logo-large{margin-bottom:20px}.eyebrow{color:#54c2ff;letter-spacing:.19em;font:700 12px Barlow Condensed,Arial,sans-serif}.eyebrow i,.soon i{background:#3de8dc;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 11px #3de8dc}.hero h1,.collection-center h1,.wl-intro h1,.success h1{letter-spacing:-.035em;text-transform:uppercase;margin:24px 0 22px;font:800 clamp(64px,7.4vw,108px)/.84 Impact,Arial Narrow,Arial,sans-serif}.hero h1 em,.collection-center h1 em,.wl-intro h1 em,.success h1 em{color:#1da5f5;text-shadow:0 0 28px #1da5f573;font-style:italic}.hero-copy{color:#c3cfdb;text-shadow:0 2px 9px #000;width:min(650px,90%);margin:0;font-size:16px;line-height:1.75}.hero-actions{gap:14px;margin-top:32px;display:flex}.collection-page{background:#07172b;place-items:center;min-height:100vh;padding:130px 0 60px;display:grid;position:relative;overflow:hidden}.ape-wall{grid-template-columns:repeat(12,1fr);gap:8px;padding:8px;display:grid;position:absolute;inset:82px 0 0;transform:scale(1.04)}.wall-ape{aspect-ratio:1;background:#091b31;border:1px solid #2d97d538;border-radius:12px;overflow:hidden}.wall-ape img{object-fit:cover;filter:saturate(.78);width:100%;height:100%}.wall-shade{background:#020812ad;position:absolute;inset:82px 0 0;box-shadow:inset 0 0 180px #020812}.collection-center{z-index:3;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.soon{color:#58c5ff;background:#07486fb8;border:1px solid #1b9ce4;border-radius:999px;align-items:center;padding:10px 18px;font-size:12px;display:inline-flex}.collection-center h1 em{display:inline-block}.collection-center>p{color:#9eb7cc;margin:24px 0;font-size:16px;line-height:1.65}.collection-meta{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px;display:grid}.collection-meta div{background:#07182be0;border:1px solid #1c3c58;border-radius:12px;min-width:105px;padding:15px 20px}.collection-meta small{color:#7896ad;letter-spacing:.12em;font-size:10px;display:block}.collection-meta b{color:#27b0f5;margin-top:7px;font-size:17px;display:block}.collection-actions{gap:14px;display:flex}.whitelist-page{background:radial-gradient(circle at 14% 24%,#0c64b933,#0000 38%),#020812;min-height:100vh;padding-top:82px}.wl-layout{grid-template-columns:.9fr 1.1fr;gap:85px;padding-top:68px;padding-bottom:80px;display:grid}.wl-intro{height:max-content;position:sticky;top:125px}.wl-intro .logo-large{margin-bottom:25px}.wl-intro h1{margin:24px 0;font-size:clamp(58px,6.7vw,92px)}.wl-intro>p:not(.eyebrow){color:var(--muted);max-width:440px;line-height:1.7}.progress{border-left:2px solid var(--blue);background:linear-gradient(90deg,#0f79c92e,#0000);margin-top:32px;padding:18px 20px}.progress>div{letter-spacing:.12em;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.progress>i{background:#172c42;height:3px;margin:14px 0;display:block}.progress>i b{background:var(--blue);height:100%;box-shadow:0 0 10px var(--blue);transition:all .3s;display:block}.progress small{color:#6d879e;font-size:10px}.wl-form{border:1px solid var(--line);background:#061121d9;padding:40px}.form-title{align-items:center;gap:16px;margin-bottom:24px;display:flex}.form-title>span{color:#50c1ff;border:1px solid #1ca2eb;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.form-title small{color:#51c1ff;letter-spacing:.15em;font-size:9px}.form-title h2{letter-spacing:.02em;margin:3px 0 0;font:800 28px Impact,Arial Narrow,Arial,sans-serif}.wl-form>label:not(.task){color:#c8d4df;margin:18px 0;font-size:12px;font-weight:700;display:block}.wl-form>label em{float:right;color:#6f899f;font-weight:400}.wl-form>label>input{color:#fff;background:#020a15;border:1px solid #25445f;outline:none;width:100%;height:52px;margin-top:8px;padding:0 15px;display:block}.wl-form>label>input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #20a9f41a}.wl-form>label>small{color:#658097;margin-top:7px;font-size:10px;font-weight:400;display:block}.wl-form hr{border:0;border-top:1px solid var(--line);margin:36px 0}.task{cursor:pointer;background:#030c19;border:1px solid #203d57;grid-template-columns:42px 1fr 22px;align-items:center;gap:14px;margin:11px 0;padding:13px;display:grid}.task.done{border-color:var(--blue);background:#1579bd24}.task-network{color:#75cbfa;background:#0b1d30;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.task span b{font-size:12px;display:block}.task span small{color:#6f899f;letter-spacing:.12em;font-size:9px}.task input{opacity:0;position:absolute}.task>i{color:#0000;border:1px solid #35536c;place-items:center;width:22px;height:22px;display:grid}.task.done>i{color:#fff;background:var(--blue)}.demo-note{color:#658097;font-size:10px;line-height:1.6}.submit{width:100%;margin-top:8px}.submit:disabled{opacity:.42;filter:grayscale();cursor:not-allowed;transform:none}.success-page{place-items:center;display:grid}.success{text-align:center;flex-direction:column;align-items:center;padding:120px 0 70px;display:flex}.success .logo-large{width:118px;height:118px;margin-bottom:18px}.success h1{font-size:clamp(60px,7vw,100px)}.success>p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:1.7}.referral-box{background:#030d1b;border:1px solid #209fdf;width:min(600px,100%);margin:30px 0 22px;display:flex}.referral-box span{text-align:left;text-overflow:ellipsis;flex:1;padding:17px;overflow:hidden}.referral-box button{color:#fff;cursor:pointer;background:#1478b9;border:0;border-left:1px solid #209fdf;padding:0 25px}.edit-button{color:#a9bdd0;cursor:pointer;background:0 0;border:1px solid #31536d;padding:11px 18px}@media (width<=900px){.shell{width:min(100% - 32px,720px)}.nav-wrap{height:70px}.menu{display:block}.nav-links{background:#030a15;flex-direction:column;align-items:stretch;padding:20px;display:none;position:absolute;top:70px;left:0;right:0}.nav-links.open{display:flex}.nav-links>button:not(.nav-cta){text-align:left}.hero-bg{background-position:55%;inset:70px 0 0}.hero-shade{background:#02071185}.hero-content{padding-top:80px}.hero-content .logo-large{width:76px;height:76px}.hero h1{font-size:clamp(52px,14vw,80px)}.hero-actions{flex-direction:column;width:min(310px,90%)}.hero-actions button{width:100%}.ape-wall{grid-template-columns:repeat(5,1fr);gap:6px;inset:70px 0 0}.wall-ape{border-radius:7px}.wall-shade{background:#020812b8;inset:70px 0 0}.collection-page{padding-top:110px}.collection-center h1{font-size:clamp(44px,12vw,68px)}.collection-center>p{font-size:14px}.collection-actions{flex-direction:column;width:min(310px,90%)}.collection-meta div{min-width:90px;padding:14px 10px}.wl-layout{grid-template-columns:1fr;gap:45px;padding-top:45px}.wl-intro{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;top:0}.wl-intro h1{font-size:clamp(52px,14vw,76px)}.progress{text-align:left;width:100%}.wl-form{padding:28px 20px}.success{padding-top:75px}.success h1{font-size:clamp(54px,14vw,80px)}}@media (width<=480px){.brand{font-size:18px}.logo{width:38px;height:38px}.collection-meta{gap:6px}.collection-meta div{min-width:84px}.hero-copy{font-size:14px}.hero-content .logo-large{margin-bottom:10px}.eyebrow{font-size:10px}.success .logo-large{width:100px;height:100px}}@media (width<=900px){.logo-large{border-width:4px!important;width:82px!important;height:82px!important}.success .logo-large{width:104px!important;height:104px!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.collection-page{isolation:isolate;background:radial-gradient(circle at 50% 42%,#0b3c68 0,#041426 38%,#020812 78%)}.collection-page:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#35b5ff06 4px);position:absolute;inset:82px 0 0}.ape-wall{flex-direction:column;grid-template-columns:none;gap:8px;padding:0;display:flex;position:absolute;inset:90px -40px -40px;overflow:hidden;transform:rotate(-1deg)scale(1.04)}.ape-strip{flex:none;width:100%;overflow:hidden}.ape-track{will-change:transform;gap:8px;width:max-content;animation:48s linear infinite apeFlow;display:flex}.ape-strip:nth-child(2n) .ape-track{animation-name:apeFlowReverse;animation-duration:56s}.ape-strip:nth-child(3n) .ape-track{animation-duration:62s}.wall-ape{aspect-ratio:1;background:#07192c;border:1px solid #32a8eb47;border-radius:10px;flex:0 0 96px;width:96px;overflow:hidden;box-shadow:inset 0 0 18px #1da5f514}.wall-ape img{object-fit:cover;filter:saturate(.8)brightness(.82);width:100%;height:100%;transition:filter .25s,transform .25s;display:block}.wall-ape:nth-child(7n) img{filter:saturate()brightness(.95)}.wall-shade{z-index:0;background:radial-gradient(#02081247 0,#020812ad 50%,#020812e0 100%);box-shadow:inset 0 0 220px #020812}.collection-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#030f1dcc,#0208129e);border:1px solid #30b3f757;border-radius:20px;width:min(800px,100% - 40px);padding:38px 52px;box-shadow:0 28px 90px #0000007a,inset 0 0 60px #1896e40f}.collection-center:before,.collection-center:after{content:"";background:#32b9ff;width:54px;height:2px;position:absolute;top:-1px;box-shadow:0 0 15px #20a9f4}.collection-center:before{left:26px}.collection-center:after{right:26px}.collection-center h1{margin:18px 0;font-size:clamp(44px,4.8vw,72px)}.collection-center .logo-large{border-width:4px;width:82px;height:82px}.collection-center>p{margin:18px 0}.collection-meta{margin-bottom:20px}.collection-actions .primary,.collection-actions .outline{min-width:170px}@keyframes apeFlow{0%{transform:translate(0)}to{transform:translate(calc(-50% - 4px))}}@keyframes apeFlowReverse{0%{transform:translate(calc(-50% - 4px))}to{transform:translate(0)}}@media (width<=900px){.collection-page{padding-top:92px}.collection-page:before{inset:70px 0 0}.ape-wall{gap:6px;inset:78px -20px -20px}.ape-track{gap:6px;animation-duration:42s}.wall-ape{border-radius:8px;flex-basis:78px;width:78px}.collection-center{border-radius:15px;padding:28px 18px}.collection-center h1{font-size:clamp(40px,11vw,62px)}.collection-center .logo-large{width:74px!important;height:74px!important}.collection-meta{gap:6px}.collection-actions{align-items:center;width:100%}.collection-actions .primary,.collection-actions .outline{width:min(300px,100%)}}@media (prefers-reduced-motion:reduce){.ape-track{animation-play-state:paused}}body:has(.nav-links.open){overflow:hidden}.nav-links{z-index:45;height:calc(100vh - 82px);overflow-y:auto;width:100%!important;box-shadow:none!important;background:radial-gradient(circle at 88% 82%,#168eff21,#0000 27%),linear-gradient(135deg,#02060d 0%,#030b16 58%,#041426 100%)!important;border:0!important;border-top:1px solid #2da6e838!important;align-items:stretch!important;gap:0!important;padding:34px max(42px,50vw - 710px) 54px!important;position:fixed!important;inset:82px 0 0!important}.nav-links:before{content:"MENU // ARC APE";color:#4dbbfa;letter-spacing:.22em;border-bottom:1px solid #568fb13d;padding:0 4px 22px;font-size:10px;font-weight:800;display:block}.nav-links:after{content:"SAME APES. DIFFERENT WORLD.";color:#49657c;letter-spacing:.18em;margin-top:auto;padding:28px 4px 0;font-size:10px;font-weight:700}.nav-links>button:not(.nav-cta),.nav-links .nav-cta{text-align:left!important;width:100%!important;min-height:94px!important;box-shadow:none!important;color:#f5f8ff!important;letter-spacing:.055em!important;text-transform:uppercase!important;background:0 0!important;border:0!important;border-bottom:1px solid #568fb13d!important;border-radius:0!important;justify-content:flex-start!important;align-items:center!important;margin:0!important;padding:20px 4px!important;font:800 clamp(38px,5vw,72px)/1 Impact,Arial Narrow,Arial,sans-serif!important;display:flex!important;position:relative!important;transform:none!important}.nav-links>button:before{content:"0" counter(menuitem);counter-increment:menuitem;color:#41647e;letter-spacing:.12em;width:54px;font:700 11px Inter,Arial,sans-serif;display:inline-block}.nav-links{counter-reset:menuitem}.nav-links>button:hover,.nav-links>button.active{color:#25adf6!important;padding-left:16px!important}.nav-links>button:hover:after{content:"→";color:#25adf6;font:400 34px Arial,sans-serif;position:absolute;right:10px}.nav-links .nav-cta span{color:#25adf6;margin-left:16px;font:400 34px Arial,sans-serif}.nav-links>button.active:after{display:none}@media (width<=900px){.nav-links{height:calc(100vh - 70px);padding:28px 20px 38px!important;inset:70px 0 0!important}.nav-links>button:not(.nav-cta),.nav-links .nav-cta{min-height:84px!important;font-size:clamp(34px,12vw,56px)!important}.nav-links>button:before{width:38px}.nav-links:after{padding-top:24px}}.collection-center h1 em{color:#f4f8ff;text-shadow:0 0 30px #20a9f447;display:block}.collection-actions{gap:12px}.collection-actions .primary,.collection-actions .outline{text-transform:none;letter-spacing:0;border-radius:14px;min-width:175px;height:56px;font-size:14px;box-shadow:0 8px 28px #00000047}.collection-actions .opensea-button{color:#eaf8ff;background:#041627d1;border:2px solid #24acf2}.collection-actions .opensea-button:hover{background:#126ca652;box-shadow:0 0 26px #20a9f43d}.collection-actions .x-button{color:#fff;background:linear-gradient(135deg,#28b8f4,#159bdc);border:2px solid #32b9f8;box-shadow:0 12px 32px #159bdc4d}.collection-actions .x-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:19px;height:19px}@media (width<=900px){.collection-actions .primary,.collection-actions .outline{width:min(300px,100%);min-width:0}}.menu{z-index:100!important;flex:0 0 44px!important;position:relative!important}.nav-links.open{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;display:flex!important}.nav-links.open>button{flex:none!important}@media (width>=901px){.nav-links.open{height:calc(100vh - 82px)!important;inset:82px 0 0!important}}@media (width<=900px){.menu{position:relative!important;top:auto!important;right:auto!important}.nav-links.open{flex-direction:column!important;height:calc(100vh - 70px)!important;inset:70px 0 0!important}}.menu-panel{width:100vw!important;height:calc(100vh - 82px)!important;min-height:calc(100vh - 82px)!important;position:absolute!important;inset:82px 0 auto!important}@media (width<=900px){.menu-panel{height:calc(100vh - 70px)!important;min-height:calc(100vh - 70px)!important;top:70px!important}}body:has(.menu-panel){overflow:hidden}.menu-toggle{z-index:100;cursor:pointer;background:#061321;border:1px solid #43a6e080;border-radius:7px;flex-direction:column;flex:0 0 44px;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:flex;position:relative}.menu-toggle span{background:#dff4ff;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:last-child{transform:translateY(-7px)rotate(-45deg)}.menu-panel{animation:.22s ease-out menuReveal;z-index:90!important;background:radial-gradient(circle at 88% 82%,#168eff26,#0000 28%),linear-gradient(135deg,#02060d,#041324)!important;width:100vw!important;height:calc(100vh - 82px)!important;min-height:calc(100vh - 82px)!important;position:absolute!important;inset:82px 0 auto!important;overflow:auto!important}.menu-panel-inner{flex-direction:column;align-items:stretch;min-height:100%;padding-top:34px;padding-bottom:38px;display:flex}.menu-label{color:#4dbbfa;letter-spacing:.22em;border-bottom:1px solid #568fb140;margin:0;padding:0 4px 20px;font-size:10px;font-weight:800}.menu-panel-inner>button{text-align:left;color:#f4f8ff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #568fb140;border-radius:0;grid-template-columns:58px 1fr 48px;align-items:center;width:100%;min-height:104px;padding:18px 4px;transition:padding .2s,color .2s;display:grid;position:relative}.menu-panel-inner>button small{color:#456982;letter-spacing:.12em;font-size:10px;font-weight:700}.menu-panel-inner>button b{text-transform:uppercase;letter-spacing:.045em;font:800 clamp(40px,5.5vw,78px)/1 Impact,Arial Narrow,Arial,sans-serif}.menu-panel-inner>button>span{color:#25adf6;justify-self:end;font-size:36px}.menu-panel-inner>button:hover,.menu-panel-inner>button.active{color:#25adf6;padding-left:16px}.menu-tagline{color:#4b667c;letter-spacing:.18em;margin:auto 0 0;padding:28px 4px 0;font-size:10px;font-weight:700}@keyframes menuReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (width<=900px){.menu-panel{height:calc(100vh - 70px)!important;min-height:calc(100vh - 70px)!important;top:70px!important}.menu-panel-inner{padding-top:26px;padding-bottom:28px}.menu-panel-inner>button{grid-template-columns:40px 1fr 32px;min-height:88px}.menu-panel-inner>button b{font-size:clamp(34px,12vw,56px)}.menu-panel-inner>button>span{font-size:28px}}.border-button{color:#eefaff!important;background:#041627d1!important;border:2px solid #24acf2!important;border-radius:14px!important;box-shadow:0 10px 30px #00000042,inset 0 0 20px #20a9f40d!important}.border-button:hover{background:#126ca64d!important;box-shadow:0 0 28px #20a9f447!important}.hero-actions .border-button{min-width:218px}.submit-error{color:#ffb5ae;background:#e564581a;border:1px solid #e564589e;margin:16px 0 4px;padding:12px 14px;font-size:12px;line-height:1.5}.wl-layout>*{min-width:0}.wl-form>label>input{min-width:0;max-width:100%}@media (width<=900px){.wl-layout{grid-template-columns:minmax(0,1fr)}.wl-form{width:100%;max-width:100%;overflow:hidden}}
