:root{--ink: #26332e;--muted: #7d887f;--paper: #f7f4ec;--surface: #fffdf8;--line: #e3dccd;--green: #1f6f5c;--green-2: #2d8a74;--orange: #c66515;--gold: #c9a961;--blue: #4a6fa5;--clay: #8a3d2c;--sun: #d7a636;--sand: #f6efe0;--sand-2: #ede2ce;--danger: #9d3d2b;--shadow: 0 18px 48px -34px rgba(31, 45, 39, .55)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100vh}.topbar{align-items:center;background:#f7f4eceb;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;left:0;padding:14px clamp(18px,4vw,46px);position:sticky;right:0;top:0;z-index:20}.brand-lockup{align-items:center;color:var(--orange);display:inline-flex;font-family:Archivo,sans-serif;font-weight:800;gap:10px;letter-spacing:0;text-decoration:none}.brand-lockup img{height:34px;width:34px}.topbar nav{align-items:center;display:flex;gap:8px}.topbar nav a,.nav-button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:Archivo,sans-serif;font-size:14px;font-weight:700;gap:7px;padding:10px 12px;text-decoration:none}.topbar nav a.active,.topbar nav a:hover,.nav-button:hover{background:#fff;color:var(--green)}.auth-page,.page-band,.runner,.report-view{padding:clamp(28px,5vw,56px)}.auth-page{display:grid;min-height:calc(100vh - 65px);place-items:center}.auth-panel,.runner-panel,.success-panel,.detail-hero,.catalog-card,.report-row,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.auth-panel{max-width:440px;padding:34px;width:100%}.auth-logo{display:block;height:64px;margin:0 auto 12px;width:64px}h1,h2{font-family:Fraunces,serif;letter-spacing:0;line-height:1.12;margin:0}h1{color:var(--orange);font-size:clamp(30px,5vw,46px)}h2{color:var(--green);font-size:24px}.auth-panel h1{margin-bottom:24px;text-align:center}.form-stack,.form-grid{display:grid;gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:var(--green);display:grid;font-family:Archivo,sans-serif;font-size:13px;font-weight:700;gap:7px}input,select,textarea{background:#fff;border:1.5px solid var(--line);border-radius:8px;color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:17px;padding:12px 14px;width:100%}textarea{min-height:170px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green-2);outline:none}.primary-button,.secondary-button,.text-link{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Archivo,sans-serif;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:11px 16px;text-decoration:none}.primary-button{background:var(--green);border:1px solid var(--green);color:#fff}.secondary-button{background:#fff;border:1px solid var(--line);color:var(--green)}.primary-button:hover{background:var(--green-2)}.secondary-button:hover{border-color:var(--green-2)}button:disabled{cursor:default;opacity:.55}.wide{width:100%}.compact{min-width:96px}.auth-link,.text-link{color:var(--muted);margin-top:18px;text-align:center}.auth-link a,.text-link{color:var(--green);font-family:Archivo,sans-serif;font-weight:700}.form-error,.notice.error{color:var(--danger)}.notice{background:#fff7f3;border:1px solid #ebc2b5;border-radius:8px;margin:18px 0;padding:13px 16px}.loading-screen{color:var(--muted);display:grid;min-height:50vh;place-items:center}.page-band{margin:0 auto;max-width:1120px}.page-band.narrow{max-width:720px}.page-head{margin-bottom:24px}.eyebrow{color:var(--gold);font-family:Archivo,sans-serif;font-size:12px;font-weight:800;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.catalog-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.catalog-card{display:grid;gap:22px;padding:24px}.catalog-card p,.detail-hero p,.success-panel p,.report-row p{color:var(--muted);margin:10px 0 0}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.meta-row.center{justify-content:center}.meta-row span{background:#f0ece0;border-radius:8px;color:var(--green);font-family:Archivo,sans-serif;font-size:12px;font-weight:700;padding:7px 10px}.card-actions,.runner-actions{display:flex;flex-wrap:wrap;gap:10px}.detail-hero,.success-panel{margin-bottom:18px;padding:34px;text-align:center}.detail-hero img{height:78px;margin-bottom:12px;width:78px}.runner{margin:0 auto;max-width:850px}.runner-intro{max-width:none;padding:0}.intro-panel{align-items:center;background:radial-gradient(120% 86% at 50% 4%,#fff8eb,#f6efe0 48%,#eadcc5);display:grid;min-height:calc(100vh - 65px);overflow:hidden;padding:clamp(28px,5vw,58px)}.intro-screen{animation:intro-rise .55s ease both;margin:0 auto;max-width:680px;text-align:center;width:100%}@keyframes intro-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-kicker,.intro-submark,.intro-tagline,.research-kicker{color:var(--muted);font-family:Jost,sans-serif;margin:0}.intro-kicker{font-size:clamp(11px,1.6vw,13px);font-weight:500;letter-spacing:.26em;text-transform:uppercase}.intro-submark{font-size:10px;letter-spacing:.34em;margin-top:8px;text-transform:uppercase}.intro-presenta{color:var(--muted);font-family:Fraunces,serif;font-size:clamp(16px,2.2vw,20px);font-style:italic;margin:clamp(30px,5vw,42px) 0 24px}.modegrow-wordmark,.conocete-wordmark{align-items:center;color:var(--clay);display:inline-flex;font-family:Jost,sans-serif;font-size:clamp(38px,10vw,60px);font-weight:300;justify-content:center;letter-spacing:.05em;line-height:1;white-space:nowrap}.modegrow-wordmark{margin-top:10px}.compact-mark{font-size:clamp(26px,6vw,42px)}.wordmark-butterfly{display:inline-block;flex:0 0 auto}.modegrow-logo-mark{display:inline-block;flex:0 0 auto;height:.44em;margin:0 .08em;transform:translateY(.02em);width:.44em}.conocete-logo-wrap{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;margin:0 .02em;position:relative}.conocete-logo-mark{display:block;height:.74em;transform:translateY(.03em);width:.74em}.conocete-butterfly{height:.74em;margin:0 .02em;transform:translateY(.08em);width:.52em}.conocete-launch-source{top:0;right:0;bottom:0;left:0;margin:0;opacity:0;pointer-events:none;position:absolute;transform:none;width:100%}.bfx{height:46px;opacity:0;pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(.5);width:50px;z-index:600}.bfx.born{animation:ifbirth 1.3s ease-out forwards}.bfx.fly{animation:ifflight 3s cubic-bezier(.35,.05,.3,1) forwards}.bfx .wings{animation:ifflap .24s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.butterfly-launching .intro-button{cursor:default}.butterfly-wings{animation:ifflap .24s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes ifflap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.32)}}@keyframes ifbirth{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-90deg)}40%{opacity:1;transform:translate(-50%,-50%) scale(.7) rotate(-20deg)}70%{opacity:1;transform:translate(-50%,-55%) scale(1.15) rotate(6deg)}to{opacity:1;transform:translate(-50%,-58%) scale(1) rotate(0)}}@keyframes ifflight{0%{opacity:1;transform:translate(-50%,-58%) scale(1) rotate(0)}35%{opacity:1;transform:translate(-10%,-150%) scale(1.5) rotate(9deg)}60%{opacity:1;transform:translate(70%,-300%) scale(2.2) rotate(-9deg)}82%{opacity:.9;transform:translate(180%,-470%) scale(3) rotate(11deg)}to{opacity:0;transform:translate(330%,-680%) scale(3.6) rotate(14deg)}}.intro-tagline{color:var(--sun);font-size:clamp(12px,1.6vw,15px);font-weight:500;letter-spacing:.24em;line-height:1.6;margin-top:16px;text-transform:uppercase}.intro-quote-wrap{margin-top:clamp(34px,6vw,44px)}.intro-quote{color:var(--clay);font-family:Fraunces,serif;font-size:clamp(26px,6vw,38px);font-style:italic;font-weight:500;line-height:1.12;margin:0}.intro-greek{align-items:center;color:var(--muted);display:flex;font-family:Fraunces,serif;font-size:clamp(13px,1.8vw,15px);font-style:italic;gap:12px;justify-content:center;letter-spacing:.14em;margin:16px 0 0}.intro-greek:before,.intro-greek:after{background:#8a3d2c59;content:"";height:1px;width:34px}.intro-button{align-items:center;background:#cb6a2c;border:1px solid #cb6a2c;border-radius:8px;box-shadow:0 14px 30px -16px #cb6a2ce6;color:#fff;cursor:pointer;display:inline-flex;font-family:Jost,sans-serif;font-size:clamp(15px,1.9vw,18px);font-weight:600;gap:8px;justify-content:center;margin-top:38px;min-height:50px;padding:13px 26px}.intro-button.secondary{background:#fffdf8bf;border-color:var(--line);box-shadow:none;color:var(--clay)}.intro-nav{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.intro-nav .intro-button{margin-top:0}.intro-lead{color:var(--muted);font-family:Jost,sans-serif;font-size:clamp(17px,2.4vw,21px);line-height:1.5;margin:18px auto 22px;max-width:460px}.research-cards{display:grid;gap:13px;margin:0 auto 24px;max-width:560px}.research-card{background:#fff;border:1px solid #e7dcc8;border-radius:8px;box-shadow:0 14px 30px -22px #281d178c;padding:18px 16px}.research-card strong{color:#1c1c1c;display:block;font-family:Cinzel,serif;font-size:clamp(25px,7vw,38px);letter-spacing:.02em;line-height:1}.research-card span{color:#3a3a3a;display:block;font-family:Cinzel,serif;font-size:clamp(11px,1.6vw,13px);letter-spacing:.34em;margin-top:7px;text-transform:uppercase}.research-kicker{color:var(--clay);font-size:clamp(12px,1.6vw,13.5px);font-weight:600;letter-spacing:.04em;margin-bottom:6px}.reference-grid{display:grid;gap:0 22px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0 auto 18px;max-width:500px;padding:0;text-align:left}.reference-grid li{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;padding:8px 2px}.reference-grid b{color:var(--ink);font-family:Jost,sans-serif;font-size:clamp(12.5px,1.6vw,14px);font-weight:600}.reference-grid span{color:var(--muted);font-family:Jost,sans-serif;font-size:clamp(10.5px,1.3vw,12px);text-align:right;white-space:nowrap}.intro-statement{color:var(--ink);font-family:Jost,sans-serif;font-size:clamp(16px,2.4vw,20px);font-weight:500;line-height:1.45;margin:16px auto 0;max-width:490px}.intro-statement .conocete-wordmark{font-size:1.08em;vertical-align:-.12em}.measure-title{color:var(--ink);font-family:Jost,sans-serif;font-size:clamp(18px,2.6vw,22px);font-weight:600;line-height:1.4;margin:18px 0 10px}.measure-list{list-style:none;margin:0 auto;max-width:620px;padding:0;text-align:left}.measure-list li{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:13px 0}.measure-list li:last-child{border-bottom:0}.measure-icon{align-items:center;background:#fff;border-radius:8px;color:#cb6a2c;display:inline-flex;flex:0 0 36px;height:36px;justify-content:center}.measure-list b,.measure-list small{display:block;font-family:Jost,sans-serif}.measure-list b{color:var(--ink);font-size:clamp(15px,1.9vw,17px);font-weight:600}.measure-list small{color:var(--muted);font-size:clamp(12.5px,1.6vw,14.5px);line-height:1.5;margin-top:2px}.measure-note{color:var(--ink);font-family:Jost,sans-serif;font-size:clamp(15px,2vw,18px);margin:18px 0 0}.cover-note{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 48px -34px #23302c80;margin:28px auto 0;max-width:620px;padding:clamp(20px,4vw,26px);text-align:left}.cover-note p{color:var(--ink);font-size:17px;margin:0 0 13px}.cover-note p:last-child{margin-bottom:0}.cover-note b{color:#cb6a2c;font-weight:700}.cover-note ul{list-style:none;margin:4px 0 13px;padding:0}.cover-note li{border-bottom:1px solid #f1eee5;font-size:16px;padding:9px 0 9px 24px;position:relative}.cover-note li:before{color:var(--sun);content:"·";font-size:22px;font-weight:700;left:7px;position:absolute;top:5px}.cover-note li:last-child{border-bottom:0}.runner-bar{align-items:center;display:grid;gap:12px;grid-template-columns:74px minmax(0,1fr);margin-bottom:18px}.runner-bar span{color:var(--muted);font-family:Archivo,sans-serif;font-size:13px;font-weight:800}.progress-track{background:#e9e1d2;border-radius:99px;height:8px;overflow:hidden}.progress-track div{background:linear-gradient(90deg,var(--green),var(--blue));height:100%;transition:width .25s ease}.runner-panel{padding:clamp(22px,4vw,36px)}.access-step h1,.data-step h1,.question-step h1{margin-bottom:24px}.access-step{display:grid;gap:18px;margin:0 auto;max-width:560px;min-height:320px;place-content:center;text-align:center}.access-step p{color:var(--muted);margin:0}.access-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.question-step h1{color:var(--ink)}.block-intro-step{align-content:center;display:grid;min-height:360px;text-align:center}.block-intro-logo{margin-bottom:18px}.block-intro-logo .conocete-wordmark{color:var(--clay)}.block-badge{color:var(--gold);font-family:Fraunces,serif;font-size:13px;font-weight:600;letter-spacing:.28em;margin:0;text-transform:uppercase}.block-symbol{color:var(--green);font-family:Fraunces,serif;font-size:54px;font-weight:600;line-height:1;margin:14px 0}.block-instruction{color:var(--ink);font-size:19px;margin:0 auto 6px;max-width:460px}.block-mechanic{background:#f5ecd7;border-radius:8px;color:var(--muted);font-size:15px;font-style:italic;margin:16px auto 0;max-width:500px;padding:14px 16px}.block-example{background:#fff;border:1.5px solid var(--line);border-radius:8px;margin:18px auto 0;max-width:430px;padding:14px 16px;text-align:left;width:100%}.block-example p{color:var(--orange);font-family:Archivo,sans-serif;font-size:11px;font-weight:800;letter-spacing:.12em;margin:0 0 9px;text-align:center;text-transform:uppercase}.block-example-row{align-items:center;border-bottom:1px solid var(--line);color:var(--ink);display:flex;font-size:14.5px;gap:11px;padding:6px 0}.block-example-row:last-child{border-bottom:0}.block-example-row span{align-items:center;background:var(--orange);border-radius:50%;color:#fff;display:inline-flex;flex:0 0 28px;font-family:Archivo,sans-serif;font-size:12px;font-weight:800;height:28px;justify-content:center;width:28px}.block-example-row span.muted{background:#fff;border:1.5px solid var(--line);color:var(--muted)}.option-stack{display:grid;gap:12px}.choice{align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:flex;gap:13px;padding:15px 16px;text-align:left}.choice span{align-items:center;background:#f0ece0;border-radius:50%;color:var(--muted);display:inline-flex;flex:0 0 32px;font-family:Archivo,sans-serif;font-size:13px;font-weight:800;height:32px;justify-content:center;width:32px}.choice.selected{background:#e8f3ee;border-color:var(--green)}.choice.selected span{background:var(--green);color:#fff}.runner-actions{border-top:1px solid var(--line);justify-content:flex-end;margin-top:28px;padding-top:18px}.report-list{display:grid;gap:12px}.report-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;padding:20px 22px}.empty-state{align-items:center;color:var(--muted);display:flex;gap:12px;padding:24px}.report-view{display:grid;gap:18px;min-height:calc(100vh - 65px)}.report-toolbar{align-items:center;display:flex;gap:18px;justify-content:space-between}.report-toolbar-main{align-items:center;display:flex;gap:12px;justify-content:flex-end;min-width:0}.report-heading{min-width:0}.report-toolbar h1{font-size:24px;text-align:right}.report-frame{background:#fff;border:1px solid var(--line);border-radius:8px;height:calc(100vh - 180px);min-height:620px;width:100%}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topbar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.topbar nav a,.nav-button{justify-content:center;padding:10px 8px}.auth-page,.page-band,.runner,.report-view{padding:22px}.runner-intro{padding:0}.intro-panel{min-height:calc(100vh - 126px);padding:24px 18px}.reference-grid{grid-template-columns:1fr}.intro-nav{align-items:stretch;flex-direction:column}.intro-nav .intro-button{width:100%}.form-grid,.report-row{grid-template-columns:1fr}.runner-actions{justify-content:stretch}.runner-actions>*{flex:1}.report-toolbar,.report-toolbar-main{align-items:stretch;flex-direction:column}.report-toolbar h1{text-align:left}}
