@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f3f0;--bg-warm:#efece7;--bg-card:#fff;--ink:#1a1a1a;--ink-2:#4a4a4a;--ink-3:#8a8a8a;--ink-4:#b0a99f;--accent:#c84b31;--accent-soft:#c84b3114;--border:#e0ddd8;--border-light:#edebe8}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:DM Sans,-apple-system,sans-serif;overflow-x:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;height:60px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{letter-spacing:.06em;text-transform:uppercase;color:#fff;cursor:pointer;background:0 0;border:none;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.header-nav{gap:36px;display:flex}.header-nav button{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;cursor:pointer;background:0 0;border:none;font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;transition:color .2s}.header-nav button:hover,.header-nav button.active{color:#fff}.app-main{flex:1}.home-page{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid;position:relative}.hero-left{z-index:2;flex-direction:column;justify-content:center;padding:120px 72px 80px 64px;display:flex;position:relative}.hero-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:36px;font-size:10px;font-weight:500}.hero-title{letter-spacing:-.025em;color:var(--ink);margin-bottom:44px;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,5.5vw,82px);font-weight:700;line-height:.93}.hero-title span{display:block}.hero-subtitle{color:var(--ink-3);max-width:320px;margin-bottom:60px;font-size:14px;font-weight:400;line-height:1.8}.hero-cta{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;padding:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;display:inline-flex;position:relative}.hero-cta:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.hero-cta:hover:after{transform:scaleX(1)}.hero-cta svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.hero-cta:hover svg{transform:translate(8px)}.hero-right{position:relative;overflow:hidden}.hero-bg-canvas{position:absolute;inset:0}.bg-canvas-blob{filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.bg-canvas-blob-1{background:radial-gradient(circle,#e8d5c4 0%,#c9a98c 40%,#0000 70%);width:55vw;height:55vw;animation:18s ease-in-out infinite blobDrift1;top:-15%;right:-10%}.bg-canvas-blob-2{background:radial-gradient(circle,#d4c4b0 0%,#b8a090 50%,#0000 70%);width:40vw;height:40vw;animation:22s ease-in-out infinite blobDrift2;bottom:-10%;left:-5%}.bg-canvas-blob-3{opacity:.12;background:radial-gradient(circle,#c84b31 0%,#a03820 50%,#0000 70%);width:30vw;height:30vw;animation:15s ease-in-out infinite blobDrift3;top:30%;left:20%}.bg-canvas-blob-4{opacity:.08;background:radial-gradient(circle,#8b7355 0%,#6b5545 60%,#0000 70%);width:25vw;height:25vw;animation:20s ease-in-out infinite blobDrift4;top:10%;right:30%}@keyframes blobDrift1{0%,to{transform:translate(0)scale(1)}30%{transform:translate(-3vw,4vh)scale(1.05)}60%{transform:translate(2vw,-3vh)scale(.97)}}@keyframes blobDrift2{0%,to{transform:translate(0)scale(1)}40%{transform:translate(4vw,-3vh)scale(1.08)}70%{transform:translate(-2vw,2vh)scale(.95)}}@keyframes blobDrift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(5vw,3vh)scale(1.15)}}@keyframes blobDrift4{0%,to{transform:translate(0)scale(1)}35%{transform:translate(-3vw,-4vh)scale(1.1)}65%{transform:translate(2vw,3vh)scale(.9)}}.hero-grain{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.hero-scroll-hint{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:48px;right:48px}.hero-scroll-hint span{letter-spacing:.25em;text-transform:uppercase;color:var(--ink-4);writing-mode:vertical-rl;font-size:9px;font-weight:500}.hero-scroll-line{background:var(--border);width:1px;height:56px;position:relative;overflow:hidden}.hero-scroll-line:after{content:"";background:var(--accent);width:100%;height:100%;animation:2.4s cubic-bezier(.65,0,.35,1) infinite scrollLine;position:absolute;top:-100%;left:0}@keyframes scrollLine{0%{top:-100%}50%{top:0}to{top:100%}}.test-page{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.test-left{background:var(--ink);flex-direction:column;justify-content:center;height:100dvh;padding:120px 64px 80px;display:flex;position:sticky;top:0;overflow:hidden}.test-left-bg{position:absolute;inset:0;overflow:hidden}.test-left-blob{filter:blur(80px);border-radius:50%;position:absolute}.test-left-blob-1{background:radial-gradient(circle,#c84b3126 0%,#0000 70%);width:40vw;height:40vw;bottom:-10%;right:-10%}.test-left-blob-2{background:radial-gradient(circle,#8b73551a 0%,#0000 70%);width:30vw;height:30vw;top:10%;left:-5%}.test-progress-label{letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d;margin-bottom:16px;font-size:10px;font-weight:500}.test-progress-bar{background:#ffffff14;width:100%;height:1px;margin-bottom:28px;overflow:hidden}.test-progress-fill{background:var(--accent);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.test-counter{color:#ffffff0f;letter-spacing:-.03em;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:96px;font-weight:700;line-height:1}.test-counter-live{color:#fff6;letter-spacing:.05em;margin-bottom:64px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500}.test-dots{flex-wrap:wrap;gap:6px;display:flex}.test-dot{background:#ffffff1a;border-radius:50%;width:6px;height:6px;transition:all .3s}.test-dot.answered{background:#c84b3166}.test-dot.current{background:var(--accent);transform:scale(1.3)}.test-right{flex-direction:column;justify-content:center;max-width:680px;padding:120px 80px 80px 64px;display:flex}.test-question{color:var(--ink);letter-spacing:-.01em;opacity:0;margin-bottom:48px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;line-height:1.45;animation:.5s cubic-bezier(.16,1,.3,1) forwards questionIn;transform:translateY(16px)}@keyframes questionIn{to{opacity:1;transform:translateY(0)}}.test-options{flex-direction:column;display:flex}.test-option{cursor:pointer;text-align:left;opacity:0;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:20px;width:100%;padding:22px 24px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-12px)}.test-option.anim-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards optionIn}@keyframes optionIn{to{opacity:1;transform:translate(0)}}.test-option:first-child.anim-in{animation-delay:50ms}.test-option:nth-child(2).anim-in{animation-delay:.1s}.test-option:nth-child(3).anim-in{animation-delay:.15s}.test-option:nth-child(4).anim-in{animation-delay:.2s}.test-option:nth-child(5).anim-in{animation-delay:.25s}.test-option:hover:not(:disabled){background:var(--bg-card);border-left-color:var(--border)}.test-option.selected{background:var(--bg-card);border-left-color:var(--accent)}.test-option:disabled{cursor:not-allowed}.test-option.letter-in .test-option-letter{animation:.3s cubic-bezier(.16,1,.3,1) forwards letterPop}@keyframes letterPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.test-option-letter{letter-spacing:.12em;color:var(--ink-4);flex-shrink:0;width:18px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600;transition:color .2s}.test-option:hover:not(:disabled) .test-option-letter,.test-option.selected .test-option-letter{color:var(--accent)}.test-option-text{color:var(--ink-2);font-size:15px;font-weight:400;line-height:1.55;transition:color .2s}.test-option:hover:not(:disabled) .test-option-text,.test-option.selected .test-option-text{color:var(--ink)}.test-question.slide-out{animation:.3s cubic-bezier(.65,0,.35,1) forwards questionOut}@keyframes questionOut{to{opacity:0;transform:translateY(-16px)}}.test-nav{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:64px;padding-top:28px;display:flex}.test-nav-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.test-nav-btn:hover:not(:disabled){color:var(--ink)}.test-nav-btn:disabled{opacity:.25;cursor:not-allowed}.test-nav-btn.primary{background:var(--ink);color:#fff;letter-spacing:.08em;opacity:0;pointer-events:none;border-radius:2px;padding:12px 28px;transition:all .35s cubic-bezier(.16,1,.3,1)}.test-nav-btn.primary.enabled{opacity:1;pointer-events:auto}.test-nav-btn.primary:hover{background:var(--accent)}.result-page{opacity:0;padding:0 64px 120px;transition:opacity .7s}.result-page.visible{opacity:1}.result-hero{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:160px 0 80px;display:grid}.result-label{letter-spacing:.25em;text-transform:uppercase;color:var(--ink-4);margin-bottom:20px;font-size:10px;font-weight:500}.result-type-name{letter-spacing:-.025em;color:var(--ink);margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,4.5vw,68px);font-weight:700;line-height:1}.result-tagline{color:var(--accent);letter-spacing:.02em;margin-bottom:20px;font-size:14px;font-weight:500}.result-emoji-large{margin-bottom:24px;font-size:48px;line-height:1}.result-desc{color:var(--ink-3);max-width:400px;font-size:15px;line-height:1.75}.result-radar-wrapper{justify-content:center;align-items:center;display:flex}.result-radar{width:320px;height:320px}.result-section{border-bottom:1px solid var(--border);padding:72px 0}.result-section:last-child{border-bottom:none}.result-section-header{align-items:baseline;gap:16px;margin-bottom:40px;display:flex}.result-section-num{color:var(--accent);letter-spacing:.15em;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600}.result-section-title{letter-spacing:.25em;text-transform:uppercase;color:var(--ink-4);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:500}.result-section-divider{background:var(--border-light);flex:1;height:1px}.traits-grid{background:var(--border-light);border:1px solid var(--border-light);grid-template-columns:1fr 1fr;gap:1px;display:grid}.trait-card{background:var(--bg);opacity:0;padding:28px 32px;transition:opacity .4s,transform .4s,background .2s;transform:translateY(12px)}.trait-card:hover{background:var(--bg-card)}.trait-card.vis{opacity:1;transform:translateY(0)}.trait-icon{margin-bottom:10px;font-size:18px;display:block}.trait-text{color:var(--ink-2);font-size:13px;line-height:1.65}.tags-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-item{border:1px solid var(--border);color:var(--ink-2);background:var(--bg);opacity:0;border-radius:2px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;transition:all .2s;display:inline-flex;transform:scale(.95)}.tag-item.vis{opacity:1;transform:scale(1)}.tag-item:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent)}.tag-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.insight-list{flex-direction:column;gap:0;display:flex}.insight-row{border-bottom:1px solid var(--border-light);opacity:0;grid-template-columns:200px 1fr;gap:32px;padding:24px 0;transition:opacity .4s,transform .4s;display:grid;transform:translate(-8px)}.insight-row.vis{opacity:1;transform:translate(0)}.insight-row:last-child{border-bottom:none}.insight-label{color:var(--ink-3);letter-spacing:.05em;padding-top:2px;font-size:12px;font-weight:500}.insight-text{color:var(--ink-2);font-size:14px;line-height:1.7}.quote-block{background:var(--bg-warm);border-left:3px solid var(--accent);opacity:0;margin-top:40px;padding:32px 40px;transition:opacity .5s,transform .5s;transform:translateY(12px)}.quote-block.vis{opacity:1;transform:translateY(0)}.quote-text{color:var(--ink-2);font-size:15px;font-style:italic;line-height:1.8}.quote-text:before{content:"\" "}.quote-text:after{content:" \""}.result-categories{border-bottom:1px solid var(--border);padding:72px 0}.result-categories-title{letter-spacing:.25em;text-transform:uppercase;color:var(--ink-4);margin-bottom:40px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:500}.result-category-item{border-bottom:1px solid var(--border-light);grid-template-columns:140px 1fr 48px;align-items:center;gap:28px;padding:20px 0;display:grid}.result-cat-label{align-items:center;gap:10px;display:flex}.result-cat-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.result-cat-name{color:var(--ink);font-size:13px;font-weight:500}.result-cat-title-text{color:var(--ink-3);margin-left:2px;font-size:11px}.result-cat-bar-wrap{background:var(--border);height:1px;overflow:hidden}.result-cat-bar{height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.result-cat-pct{color:var(--ink-2);text-align:right;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.result-actions{border-top:1px solid var(--border);align-items:center;gap:24px;padding:56px 0;display:flex}.result-restart{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:color .2s;display:inline-flex}.result-restart:hover{color:var(--accent)}.result-loading{letter-spacing:.15em;text-transform:uppercase;min-height:60vh;color:var(--ink-4);justify-content:center;align-items:center;font-size:12px;display:flex}.app-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:28px 64px;display:flex}.app-footer p{color:var(--ink-4);letter-spacing:.04em;font-size:11px}@media (width<=1024px){.home-page{grid-template-rows:100dvh auto;grid-template-columns:1fr}.hero-right{z-index:0;position:absolute;inset:0}.hero-left{z-index:2;background:linear-gradient(135deg,#f5f3f0f0 0%,#f5f3f0bf 55%,#0000 100%);padding:110px 32px 80px;position:relative}.hero-subtitle{max-width:280px}.hero-scroll-hint{display:none}.test-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.test-left{height:auto;padding:100px 32px 40px;position:relative}.test-left-bg{display:none}.test-counter{font-size:64px}.test-counter-live,.test-dots{display:none}.test-right{max-width:none;padding:40px 32px 60px}.test-question{font-size:21px}.result-hero{grid-template-columns:1fr;padding:120px 0 60px}.result-radar-wrapper{order:-1}.result-radar{width:260px;height:260px}.result-category-item{grid-template-columns:100px 1fr 40px;gap:16px}.traits-grid{grid-template-columns:1fr}.insight-row{grid-template-columns:1fr;gap:8px}.app-header{padding:0 32px}.result-page{padding:0 32px 80px}.result-section{padding:48px 0}.app-footer{padding:24px 32px}}@media (width<=640px){.hero-title{font-size:38px}.result-type-name{font-size:30px}.result-category-item{grid-template-columns:80px 1fr 36px;gap:12px}.quote-block{padding:24px}}