@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#2a1230;--night:#1b1026;--wine:#4a1f3c;--panel:#32162f;--orange:#d86a32;--orange-light:#ef8a45;--pink:#c75c84;--cyan:#37a8a0;--cream:#f4e3bd;--muted:#c9aa9f;--dark:#100916;--pixel-shadow:4px 4px 0 var(--dark)}*{box-sizing:border-box}html{background:var(--night);overflow:hidden}body{background:var(--night);color:var(--cream);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}button,a{font:inherit}button{color:inherit}main{background:radial-gradient(circle at 80% 10%, #592347 0, transparent 26%), var(--night)}.app-shell{height:100svh;position:relative;overflow:hidden}.screen{overscroll-behavior:contain;opacity:0;border-bottom:4px solid #6b2a4c;align-items:center;height:100svh;padding:72px max(24px,6vw) 96px;display:none;position:absolute;inset:0;overflow-y:auto}.screen.active{opacity:1;animation:.38s steps(5,end) both pageIn;display:flex}.section-inner{z-index:2;width:min(100%,980px);margin:0 auto;position:relative}.narrow{width:min(100%,790px)}.eyebrow{color:var(--pink);letter-spacing:.14em;margin:0 0 22px;font:700 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:900}h1{text-shadow:4px 4px #6e2948;font-size:clamp(40px,5.4vw,72px);line-height:1.02}h2{text-shadow:4px 4px #622645;font-size:clamp(42px,6.3vw,76px);line-height:1.08}h3{font-size:clamp(28px,4vw,44px)}.lead,.intro{color:var(--cream);font-size:clamp(17px,2vw,22px);line-height:1.9}.hero.active{grid-template-columns:.86fr 1.14fr;gap:42px;display:grid;overflow:hidden}.hero:before,.questions-screen:before,.check-screen:before{content:"";pointer-events:none;clip-path:polygon(18px 0,calc(100% - 18px) 0,calc(100% - 18px) 8px,100% 8px,100% calc(100% - 18px),calc(100% - 8px) calc(100% - 18px),calc(100% - 8px) 100%,18px 100%,18px calc(100% - 8px),0 calc(100% - 8px),0 18px,8px 18px,8px 8px,18px 8px);opacity:.8;border:3px solid #71304f;position:absolute;inset:18px}.hero-copy{z-index:3;max-width:650px;position:relative}.hero .lead{max-width:510px;margin:28px 0 32px}.pixel-button{appearance:none;border:3px solid var(--cream);background:var(--panel);color:var(--cream);cursor:pointer;box-shadow:var(--pixel-shadow), inset 0 0 0 3px #7d3152;flex-direction:column;justify-content:center;align-items:center;padding:16px 24px;font-weight:800;text-decoration:none;transition:transform .14s steps(2,end),filter .14s;display:inline-flex}.pixel-button:hover,.pixel-button:focus-visible{filter:brightness(1.12);outline:3px solid var(--cyan);outline-offset:4px;transform:translate(-2px,-2px)}.pixel-button.primary{background:var(--orange);box-shadow:5px 5px 0 var(--dark), inset 0 0 0 3px var(--orange-light)}.pixel-button span{font-size:24px}.pixel-button small{letter-spacing:.16em;margin-top:7px;font:700 10px/1 ui-monospace,monospace}.pixel-button.wide{width:100%;max-width:560px;line-height:1.45}.office-frame{z-index:2;aspect-ratio:1;width:min(52vw,740px);image-rendering:pixelated;background:#36152f;border:4px solid #8d3f60;align-self:center;position:relative;overflow:hidden;box-shadow:12px 12px #0c0710}.office-frame>img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.88)contrast(1.05)}.file-tag,.loading-tag{color:var(--dark);background:var(--cream);box-shadow:3px 3px 0 var(--dark);padding:5px 8px;font:800 9px/1 ui-monospace,monospace;position:absolute}.file-tag{bottom:8%;left:10%;transform:rotate(-3deg)}.loading-tag{background:var(--cyan);animation:2s steps(2,end) infinite blink;top:9%;right:6%}.scanlines{pointer-events:none;opacity:.09;z-index:8;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 5px,#f4e3bd 6px);position:absolute;inset:0}.pixel-sprite{background:var(--cyan);width:30px;height:24px;box-shadow:0 -6px 0 var(--cyan), 6px 0 0 var(--cyan), -6px 0 0 var(--cyan), 0 6px 0 var(--cyan), 4px 4px 0 #123e44;animation:1.1s steps(2,end) infinite spriteBob;display:block;position:relative}.pixel-sprite i,.pixel-sprite b{background:var(--dark);width:4px;height:4px;position:absolute;top:7px}.pixel-sprite i{left:7px}.pixel-sprite b{right:7px}.sprite-a{animation:7s steps(7,end) infinite wanderA;position:absolute;top:35%;left:18%}.sprite-b{background:var(--pink);box-shadow:0 -6px 0 var(--pink), 6px 0 0 var(--pink), -6px 0 0 var(--pink), 0 6px 0 var(--pink), 4px 4px 0 #4a1f3c;animation:8s steps(8,end) infinite wanderB;position:absolute;bottom:20%;right:20%}.questions-screen{background:linear-gradient(135deg,#291229 0 48%,#33152f 48%)}.questions-screen.active{align-items:flex-start}.questions-screen .intro{color:var(--muted);margin:28px 0 42px;font-size:15px;line-height:1.55}.questions-screen .pixel-button.wide{max-width:480px;margin:8px auto 0;animation:2.4s steps(5,end) infinite ctaPulse}.cta-gateway{z-index:3;width:54px;height:0;margin:0 auto;position:relative;transform:translateY(8px)}.cta-gateway .pixel-sprite{position:absolute;bottom:-7px;left:12px}.pixel-drop{background:var(--cyan);width:4px;height:4px;box-shadow:2px 2px 0 var(--dark);animation:1.2s steps(3,end) infinite pixelFall;display:block;position:absolute}.drop-one{top:-5px;left:19px}.drop-two{animation-delay:.45s;top:2px;right:17px}.thoughts{flex-direction:column;gap:14px;margin:0 0 36px;display:flex}.thoughts p{border:3px solid var(--cream);background:#4a1f3c;width:77%;margin:0;padding:15px 18px 17px;font-size:clamp(16px,1.75vw,20px);line-height:1.5;position:relative;box-shadow:5px 5px #100916}.thoughts p:nth-child(2n){border-color:var(--cyan);background:#173f43;align-self:flex-end}.thoughts p:after{content:"";background:inherit;border-left:3px solid var(--cream);border-bottom:3px solid var(--cream);width:18px;height:18px;position:absolute;bottom:-13px;left:24px;transform:skewY(-36deg)}.thoughts p:nth-child(2n):after{border-color:var(--cyan);left:auto;right:24px;transform:skewY(36deg)}.thoughts span{color:var(--pink);margin-bottom:4px;font:800 10px/1 ui-monospace,monospace;display:block}.thoughts b{font-weight:700}.check-screen{text-align:center;background:#251127}.check-inner{max-width:720px}.check-screen h2{font-size:clamp(30px,4.2vw,50px)}.swipe-guide{max-width:480px;color:var(--muted);justify-content:space-between;margin:20px auto 26px;font-size:14px;display:flex}.progress{background:#100916;border:2px solid #74405c;width:min(100%,460px);height:24px;margin:0 auto 28px;position:relative}.progress b{background:var(--cyan);height:100%;transition:width .25s steps(4,end);display:block}.progress span{color:var(--cream);font:800 11px/20px ui-monospace,monospace;position:absolute;inset:0}.card-stack{width:min(100%,430px);height:330px;margin:auto;position:relative}.ghost-card,.swipe-card{border:4px solid var(--cream);background:var(--wine);position:absolute;inset:0;box-shadow:8px 8px #0f0814}.ghost-card{background:#6a2d50;transform:translate(7px,12px)rotate(2deg)}.ghost-two{background:#45203e;transform:translate(-8px,18px)rotate(-2deg)}.swipe-card{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex-direction:column;justify-content:center;align-items:center;padding:48px 30px 28px;display:flex}.swipe-card:active{cursor:grabbing}.swipe-card small{color:var(--pink);letter-spacing:.12em;font:800 11px/1 ui-monospace,monospace;position:absolute;top:22px}.swipe-card p{margin:0;font-size:clamp(21px,3.3vw,29px);font-weight:900;line-height:1.4}.swipe-card .pixel-sprite{position:absolute;bottom:28px;transform:scale(.7)}.stamp{opacity:0;border:4px solid;padding:8px;font-weight:900;position:absolute;top:24px}.yes-stamp{color:#6bd1a9;right:20px;transform:rotate(8deg)}.no-stamp{color:#ef7b78;left:20px;transform:rotate(-8deg)}.swipe-card.yes .yes-stamp,.swipe-card.no .no-stamp{opacity:1}.choice-buttons{justify-content:center;gap:14px;margin-top:32px;display:flex}.choice-buttons button,.undo,.text-button,footer button{cursor:pointer;background:0 0;border:0}.choice-buttons button{background:#351730;border:3px solid #8b4766;min-width:150px;padding:14px;font-weight:800;box-shadow:4px 4px #0f0814}.choice-buttons button:last-child{border-color:var(--cyan)}.undo{color:var(--muted);text-underline-offset:5px;margin-top:24px;text-decoration:underline}.complete-box{border:4px solid var(--cream);background:var(--wine);width:min(100%,520px);margin:36px auto 0;padding:54px 24px;box-shadow:10px 10px #0f0814}.complete-box h3{margin-bottom:32px}.checking{color:var(--cyan);padding:24px;font:900 22px/1 ui-monospace,monospace;animation:1s steps(2,end) infinite blink}.result-screen{text-align:center;background:#281129}.result-screen.active{overflow-anchor:none;align-items:flex-start}.result-screen.match h2,.result-screen.no-match h2{font-size:clamp(32px,3.6vw,46px)}.result-inner{max-width:720px}.result-copy{color:var(--muted);margin:22px 0;font-size:17px;line-height:1.65}.interview-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0;display:flex}.interview-meta span{border:2px solid var(--cyan);background:#18383b;padding:8px 12px;font-size:13px}.signup-box{width:min(100%,470px);color:var(--ink);background:#f0e7df;border:4px solid #87405e;margin:0 auto;padding:24px;box-shadow:9px 9px #0f0814}.signup-box img{image-rendering:auto;width:min(100%,330px);margin:auto;display:block}.signup-box p{line-height:1.7}.signup-box .pixel-button{color:var(--cream)}.share-area{border-top:2px dashed #74405c;margin-top:42px;padding-top:28px}.share-area p{font-size:17px;line-height:1.7}.share-area .pixel-button{margin-top:9px}.text-button{color:var(--muted);margin:18px auto 0;text-decoration:underline;display:block}footer{z-index:20;color:var(--muted);background:#100916f0;justify-content:center;align-items:center;padding:18px 24px;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0}footer div{gap:22px;display:flex}footer button{color:var(--cream);text-underline-offset:4px;text-decoration:underline}.modal-backdrop{z-index:50;background:#0a040dd6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:4px solid var(--cream);background:var(--wine);width:min(100%,580px);max-height:82vh;padding:38px;position:relative;overflow:auto;box-shadow:12px 12px #08040b}.modal h3{margin-bottom:22px;font-size:clamp(24px,3vw,34px)}.modal p:not(.eyebrow){color:#f1d9c2;line-height:1.85}.modal-close{color:var(--cream);cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:12px;right:14px}@keyframes blink{50%{opacity:.5}}@keyframes pageIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes spriteBob{50%{transform:translateY(-4px)}}@keyframes wanderA{0%{transform:translate(0)}45%{transform:translate(80px,50px)}to{transform:translate(0)}}@keyframes wanderB{0%{transform:translate(0)}50%{transform:translate(-70px,-35px)}to{transform:translate(0)}}@keyframes ctaPulse{0%,to{filter:brightness();box-shadow:5px 5px 0 var(--dark), inset 0 0 0 3px var(--orange-light)}50%{filter:brightness(1.1);box-shadow:7px 7px 0 var(--dark), 0 0 0 3px #ef8a4547, inset 0 0 0 3px #f6a264}}@keyframes pixelFall{0%{opacity:0;transform:translateY(-3px)}35%{opacity:1}to{opacity:0;transform:translateY(7px)}}@media (min-width:761px){.screen{padding-top:44px;padding-bottom:78px}h1{font-size:clamp(42px,4.6vw,62px)}h2{font-size:clamp(38px,4.8vw,60px)}.lead,.intro{font-size:clamp(16px,1.55vw,19px)}.hero .lead{white-space:nowrap;max-width:none;font-size:15px}.questions-screen.active{align-items:center}.questions-screen .narrow{width:min(100%,1120px)}.questions-layout{grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(44px,6vw,86px);display:grid}.questions-copy{min-width:0}.questions-action{width:100%;min-width:0}.questions-screen .eyebrow{margin-bottom:12px}.mobile-break{display:none}.questions-screen h2{white-space:normal;font-size:clamp(27px,2.65vw,36px);line-height:1.08}.questions-screen .intro{margin:16px 0 20px;font-size:15px;line-height:1.45}.questions-screen .thoughts{gap:8px;margin-bottom:20px}.questions-screen .thoughts p{width:fit-content;max-width:94%;padding:9px 14px 11px;font-size:clamp(14px,1.25vw,17px);line-height:1.35}.questions-screen .thoughts span{margin-bottom:2px}.questions-screen .cta-gateway{transform:translateY(16px)}.questions-screen .pixel-button.wide{margin:44px auto 0;padding-block:13px;font-size:15px;display:flex}.check-screen.active{align-items:flex-start}.check-screen{padding-top:30px}.check-screen .eyebrow{margin-bottom:10px}.check-screen h2{white-space:nowrap;font-size:clamp(25px,2.4vw,32px);line-height:1.05}.check-screen .swipe-guide{margin:10px auto 12px}.check-screen .progress{height:20px;margin-bottom:14px}.check-screen .progress span{line-height:16px}.check-screen .card-stack{width:min(100%,390px);height:250px}.check-screen .swipe-card{padding:38px 26px 24px}.check-screen .swipe-card small{top:17px}.check-screen .swipe-card p{font-size:clamp(19px,1.85vw,23px);line-height:1.35}.check-screen .swipe-card .pixel-sprite{bottom:20px}.check-screen .choice-buttons{margin-top:40px}.check-screen .choice-buttons button{padding:10px 14px}.check-screen .undo{margin-top:14px}.check-screen .complete-box{margin-top:20px;padding:32px 20px}.check-screen .complete-box h3{margin-bottom:22px}.result-screen{padding-top:30px;padding-bottom:110px}.result-screen .eyebrow{margin-bottom:10px}.result-screen h2{font-size:clamp(38px,4.2vw,54px)}.result-screen.match h2,.result-screen.no-match h2{font-size:clamp(30px,3.1vw,42px)}.result-screen .result-copy{margin:12px 0;font-size:15px;line-height:1.5}.result-screen .interview-meta{margin:16px 0}.result-screen .signup-box{padding:18px}.result-screen .signup-box img{width:min(100%,240px)}.result-screen .signup-box p{margin:10px 0}.result-screen .signup-box .pixel-button{padding:12px 20px}.result-screen .share-area{margin-top:28px;padding-top:20px}}@media (max-width:760px){.screen{height:100svh;padding:58px 24px 88px}.hero.active{grid-template-columns:1fr;align-content:center;gap:22px}.hero-copy{text-align:left}.hero .eyebrow{margin-bottom:14px}h1{font-size:clamp(40px,11vw,52px)}.hero .lead{margin:18px 0 22px;font-size:16px;line-height:1.7}.hero .pixel-button{width:100%}.office-frame{aspect-ratio:1.28;width:100%;max-height:42vh}.office-frame>img{object-position:center 48%}.questions-screen{align-items:flex-start}.questions-screen h2{font-size:39px}.check-screen h2{font-size:30px}.questions-screen .intro{margin:22px 0 28px;font-size:15px;line-height:1.55}.thoughts{gap:13px}.thoughts p{width:88%;padding:12px 14px 14px;font-size:15px}.pixel-button.wide{padding-inline:14px;font-size:14px}.check-screen{padding-inline:18px}.card-stack{width:calc(100% - 10px);height:300px}.swipe-card{padding-inline:18px}.swipe-card p{font-size:21px;line-height:1.35}.choice-buttons button{flex:1;min-width:0;font-size:14px}.signup-box{padding:14px}.signup-box img{width:100%;max-width:300px}.result-screen .result-copy{margin:14px 0;font-size:16px;line-height:1.55}.modal{padding:34px 24px 28px}.modal p:not(.eyebrow){font-size:14px;line-height:1.75}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}
