@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&display=swap";.ns-root{--lime: #c9e000;--lime-dark: #b6cc00;--ink: #0e0e0c;--paper: #ffffff;--flavor: #e0696b;--flavor-tint: #f4c9ca;position:relative;min-height:100vh;background:var(--lime);color:var(--ink);font-family:Hanken Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.ns-root *,.ns-root *:before,.ns-root *:after{box-sizing:border-box}.ns-root button{font-family:inherit;cursor:pointer}.ns-logo{display:inline-flex;align-items:baseline;font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap;font-size:1em}.ns-logo-o{display:inline-block;width:.84em;height:.84em;margin:0 .02em;border:.165em solid currentColor;border-top-color:transparent;border-radius:50%;transform:rotate(45deg);align-self:center}.ns-logo-gap{display:inline-block;width:.3em}.ns-logo-flip{display:inline-block;transform:scaleX(-1)}.ns-marquee{position:relative;background:var(--lime-dark);border-bottom:1px solid rgba(14,14,12,.12);overflow:hidden;z-index:30}.ns-marquee-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:ns-scroll 36s linear infinite}.ns-marquee-item{display:inline-flex;align-items:center;gap:2.4rem;padding:9px 1.6rem;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink)}.ns-marquee-arrow{font-weight:700}@keyframes ns-scroll{to{transform:translate(-50%)}}.ns-marquee:hover .ns-marquee-track{animation-play-state:paused}.ns-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,56px)}.ns-logo-btn{background:none;border:0;padding:0;color:var(--ink);font-size:clamp(20px,2.4vw,26px)}.ns-nav{display:flex;gap:1.4rem}.ns-nav-link{font-size:15px;font-weight:600;color:var(--ink);opacity:.85}.ns-main{position:relative}.ns-edge{position:absolute;top:50%;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink);opacity:.22;z-index:0;pointer-events:none}.ns-edge-l{left:16px;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl}.ns-edge-r{right:16px;transform:translateY(-50%);writing-mode:vertical-rl}.ns-screen{position:relative;z-index:1;padding:clamp(28px,5vw,64px) clamp(20px,5vw,80px) clamp(48px,7vw,96px)}.ns-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.62;margin:0 0 1.1rem}.ns-kicker{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin:0 0 1.1rem}.ns-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;background:transparent;border:1.5px solid var(--ink);color:var(--ink);font-weight:700;font-size:16px;letter-spacing:-.005em;padding:16px 22px;border-radius:2px;transition:background .45s cubic-bezier(.2,.7,.2,1),color .45s,transform .45s}.ns-btn:hover{background:var(--ink);color:var(--lime)}.ns-btn-lg{font-size:clamp(16px,1.8vw,19px);padding:19px 26px;min-width:260px}.ns-btn-meta{font-weight:700;opacity:.85}.ns-btn-ghost{border-color:#0e0e0c52}.ns-btn-ghost:hover{background:var(--ink);color:#fff}.ns-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,72px);align-items:center;max-width:1280px;margin:0 auto;min-height:min(72vh,760px)}.ns-h1{font-weight:800;font-size:clamp(48px,9.2vw,132px);line-height:.88;letter-spacing:-.035em;margin:0 0 1.6rem}.ns-h1-em{font-style:normal}.ns-lede{max-width:44ch;font-size:clamp(15px,1.5vw,20px);font-weight:500;line-height:1.42;margin:0 0 2rem}.ns-fineprint{margin:1.2rem 0 0;font-size:12.5px;font-weight:600;opacity:.55}.ns-intro-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}.ns-intro-device-img{height:clamp(330px,54vh,560px);width:auto;transform:rotate(-15deg);filter:drop-shadow(20px 32px 26px rgba(14,14,12,.28));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.ns-quiz-inner{max-width:1080px;margin:0 auto}.ns-quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(28px,5vw,56px);gap:1rem}.ns-back{background:none;border:0;font-size:14px;font-weight:700;color:var(--ink);opacity:.7;padding:6px 0;transition:opacity .3s}.ns-back:hover{opacity:1}.ns-progress{display:flex;align-items:center;gap:.9rem}.ns-progress-count{font-size:12px;font-weight:700;letter-spacing:.08em}.ns-progress-bar{display:block;width:clamp(90px,16vw,180px);height:2px;background:#0e0e0c2e;overflow:hidden}.ns-progress-fill{display:block;height:100%;background:var(--ink);transition:width .5s cubic-bezier(.2,.7,.2,1)}.ns-q{font-weight:800;font-size:clamp(34px,5.6vw,70px);line-height:.98;letter-spacing:-.025em;max-width:16ch;margin:0 0 clamp(28px,4vw,48px)}.ns-options{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,18px)}.ns-option{display:flex;align-items:center;gap:1rem;text-align:left;background:#ffffff2e;border:1.6px solid rgba(14,14,12,.22);border-radius:4px;padding:clamp(18px,2.2vw,26px);color:var(--ink);transition:transform .4s cubic-bezier(.2,.7,.2,1),background .4s,border-color .4s,color .4s}.ns-option:hover{border-color:var(--ink);background:#ffffff6b;transform:translateY(-3px)}.ns-option.is-selected{background:var(--ink);color:var(--lime);border-color:var(--ink)}.ns-option-index{font-size:12px;font-weight:700;opacity:.5;width:1.4em;flex:none}.ns-option.is-selected .ns-option-index{opacity:.7}.ns-option-text{display:flex;flex-direction:column;gap:3px;flex:1}.ns-option-label{font-size:clamp(18px,2.1vw,25px);font-weight:700;line-height:1.05;letter-spacing:-.015em}.ns-option-sub{font-size:13px;font-weight:500;opacity:.62}.ns-option.is-selected .ns-option-sub{opacity:.78}.ns-option-mark{font-size:22px;font-weight:600;opacity:.45;flex:none}.ns-option:hover .ns-option-mark{opacity:.9}.ns-result{background:var(--paper);border-top:2px solid var(--lime);min-height:80vh}.ns-result-inner{max-width:1180px;margin:0 auto}.ns-result-head{display:flex;align-items:center;gap:1.4rem;margin-bottom:clamp(24px,4vw,48px)}.ns-result-head .ns-kicker{margin:0;color:var(--flavor);opacity:1}.ns-result-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,80px);align-items:center}.ns-result-art{display:flex;justify-content:center;padding:clamp(20px,4vw,56px);background:linear-gradient(150deg,var(--flavor) 0%,var(--flavor-tint) 100%);border-radius:8px}.ns-result-name{font-weight:800;font-size:clamp(34px,5vw,64px);line-height:.96;letter-spacing:-.03em;margin:0 0 1rem}.ns-result-blurb{font-size:clamp(16px,1.6vw,20px);font-weight:500;line-height:1.45;max-width:46ch;margin:0 0 1.6rem;color:#2a2a26}.ns-notes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.8rem}.ns-note{font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;background:var(--flavor-tint);color:#1c1c19}.ns-spec{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(18px,3vw,40px);margin:0 0 2rem;padding:1.2rem 0;border-top:1px solid rgba(14,14,12,.12);border-bottom:1px solid rgba(14,14,12,.12)}.ns-spec div{display:flex;flex-direction:column;gap:4px}.ns-spec dt{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.ns-spec dd{margin:0;font-size:15px;font-weight:700}.ns-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.4rem}.ns-retake{background:none;border:0;font-size:14px;font-weight:700;color:var(--ink);opacity:.6;padding:4px 0;transition:opacity .3s}.ns-retake:hover{opacity:1}.ns-box{position:relative;background:#fff;border-radius:6px;box-shadow:0 30px 60px -28px #00000080,0 6px 16px -8px #00000040;overflow:hidden;display:flex;flex-direction:column}.ns-box-sm{width:100%;max-width:230px;aspect-ratio:62 / 100}.ns-box-lg{width:100%;max-width:300px;aspect-ratio:62 / 100}.ns-box-art{position:relative;flex:1.05;padding:11% 9% 6%;background:linear-gradient(177deg,var(--flavor) 0%,var(--flavor-tint) 46%,#fff 92%)}.ns-box-logo{color:#fff;font-size:clamp(13px,1.5vw,17px)}.ns-box-meta{margin-top:5%;font-size:clamp(7px,.85vw,9.5px);font-weight:600;line-height:1.35;color:#ffffffeb}.ns-box-name{margin-top:9%;font-size:clamp(15px,1.9vw,23px);font-weight:800;line-height:1.02;letter-spacing:-.02em;color:var(--flavor);filter:saturate(1.1) brightness(.78)}.ns-box-pct{display:block;margin-top:2px;font-weight:700}.ns-box-foot{flex:.95;padding:7% 9% 9%;background:#fff;display:flex;align-items:flex-start}.ns-box-warning{border:1px solid #111;padding:8% 7%;font-size:clamp(7px,.82vw,9px);font-weight:600;line-height:1.4;color:#111;width:100%}.ns-box-pods{position:absolute;right:7%;bottom:6%;width:30%;height:30%}.ns-pod{position:absolute;bottom:0;width:46%;height:100%;background:linear-gradient(100deg,#1c1c1c,#3a3a3a 55%,#222);border-radius:40% 40% 22% 22%/30% 30% 10% 10%;box-shadow:0 4px 10px -4px #00000080}.ns-pod:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70%;height:16%;background:#8a8a8a;border-radius:2px}.ns-pod-back{right:34%;transform:scale(.9);opacity:.92}.ns-pod-front{right:6%}.ns-footer{position:relative;z-index:2;background:#fff;border-top:1px solid rgba(14,14,12,.1);padding:clamp(28px,4vw,56px) clamp(20px,5vw,64px) clamp(24px,3vw,40px)}.ns-footer-word{font-size:clamp(54px,17vw,220px);line-height:.8;color:var(--ink);margin-bottom:clamp(20px,3vw,40px)}.ns-footer-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ns-footer-credit{margin:0;font-size:12.5px;font-weight:500;line-height:1.5;max-width:52ch;opacity:.7}.ns-footer-credit strong{font-weight:800;opacity:1}.ns-footer-link{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--ink);padding-bottom:2px}.ns-footer-link:hover{color:var(--flavor, #e0696b)}@media (max-width: 900px){.ns-edge{display:none}.ns-intro-grid{grid-template-columns:1fr;gap:8px;min-height:auto;padding-top:8px}.ns-intro-art{order:-1;min-height:300px}.ns-result-grid{grid-template-columns:1fr}.ns-result-art{order:-1;max-width:360px;margin:0 auto}}@media (max-width: 640px){.ns-options{grid-template-columns:1fr}.ns-marquee-item{font-size:11px;gap:1.6rem}.ns-spec{grid-template-columns:1fr 1fr}.ns-btn-lg{min-width:0;width:100%}.ns-result-actions{flex-direction:column}.ns-result-actions .ns-btn{width:100%}}@keyframes ns-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}html.js:not(.ns-start) .ns-intro{animation:ns-enter .5s cubic-bezier(.22,.7,.18,1) backwards}@media (prefers-reduced-motion: reduce){html.js .ns-intro{animation:none}}