*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}ul{list-style:none}a{color:inherit;text-decoration:none}button,textarea{font:inherit}:root{--page-bg:#f5f5f7;--surface:#fff;--surface-soft:#fbfbfd;--text-main:#1d1d1f;--text-soft:#1d1d1fb8;--text-muted:#1d1d1f8f;--brand:#0071e3;--border-soft:#1d1d1f14;--shadow:3px 5px 30px #00000014;--grad:linear-gradient(294deg, #ff00f7 0%, #1e98fd 100%);--radius-panel:32px;--radius-soft:18px;--maxw:980px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}body{font-family:var(--font);color:var(--text-main);background:var(--page-bg);line-height:1.5}.app-shell{background:linear-gradient(180deg, #fff 0%, var(--page-bg) 28%, var(--page-bg) 100%);min-height:100vh}.page-shell{width:min(var(--maxw), calc(100% - 40px));margin:0 auto;padding:0 0 32px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.panel-full{grid-column:span 12}.panel-half{grid-column:span 6}.hero-stage{align-content:center;min-height:36vh;padding:8px 0 18px;display:grid}.hero-topline{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:22px;display:flex}.hero-copy{max-width:620px}.brand-eyebrow{color:#1d1d1fe0;letter-spacing:-.03em;font-size:21px;font-weight:500;line-height:1.14}.hero-display{letter-spacing:-.06em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,10vw,96px);font-weight:600;line-height:1.04}.hero-subtitle{max-width:540px;color:var(--text-soft);letter-spacing:-.02em;margin-top:10px;font-size:clamp(18px,2.2vw,24px);line-height:1.28}.inline-links{flex-wrap:wrap;gap:18px;display:inline-flex}.hero-nav{justify-content:flex-end}.nav-link{color:#1d1d1f8a;letter-spacing:-.24px;cursor:pointer;font-size:15px;line-height:1.33;transition:color .2s}.nav-link.active{color:var(--text-main);font-weight:500}.panel{background:var(--surface);border-radius:var(--radius-panel);box-shadow:var(--shadow);padding:24px 28px}.card{opacity:0;transform:translateY(24px)}.section-kicker{color:var(--text-muted);letter-spacing:-.12px;margin-bottom:12px;font-size:12px;font-weight:600;line-height:1.33}.featured-work-panel{align-content:center;gap:8px;min-height:220px;padding-top:28px;padding-bottom:28px;display:grid}.featured-title{letter-spacing:-.05em;max-width:720px;font-size:clamp(34px,4.2vw,52px);font-weight:600;line-height:1.04}.featured-copy{max-width:520px;color:var(--text-soft);letter-spacing:-.02em;font-size:clamp(17px,2vw,21px);line-height:1.28}.featured-link{align-items:center;gap:10px;width:fit-content;margin-top:6px;transition:opacity .2s;display:inline-flex}.featured-link:hover{opacity:.86}.featured-link-label{color:var(--brand);letter-spacing:-.37px;font-size:17px;line-height:1.47}.arrow{color:var(--brand);font-size:28px;line-height:1}.identity-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;padding-top:20px;padding-bottom:20px;display:grid}.identity-item{padding-top:4px}.identity-value{letter-spacing:-.04em;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.12}.identity-quote{letter-spacing:-.02em;max-width:520px;font-size:clamp(20px,2.2vw,28px);font-weight:500;line-height:1.4}.panel-heading{margin-bottom:20px}.panel-heading h3{letter-spacing:-.03em;font-size:28px;font-weight:600;line-height:1.14}.lab-panel{min-height:340px}.lab-form{gap:14px;display:grid}.lab-form label{color:var(--text-soft);letter-spacing:-.37px;font-size:17px;line-height:1.47}.lab-form textarea{border:1px solid var(--border-soft);border-radius:var(--radius-soft);background:var(--surface-soft);width:100%;min-height:220px;color:var(--text-main);resize:vertical;letter-spacing:-.37px;outline:none;padding:18px 20px;font-size:17px;line-height:1.47}.lab-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px #0071e324}.lab-form textarea::placeholder{color:var(--text-muted)}.lab-count{color:var(--text-muted);letter-spacing:-.12px;font-size:13px;line-height:1.3}.primary-button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-self:start;min-width:128px;padding:8px 16px;font-size:17px;line-height:1.41;transition:opacity .2s}.primary-button:hover{opacity:.86}.result-stack{gap:14px;display:grid}.result-item,.result-badge{border-radius:var(--radius-soft);background:var(--surface-soft);padding:20px}.result-item span,.result-badge span{color:var(--text-muted);letter-spacing:-.12px;margin-bottom:8px;font-size:12px;line-height:1.33;display:block}.result-item p{color:var(--text-main);letter-spacing:-.37px;word-break:break-word;font-size:17px;line-height:1.47}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.result-badge strong{letter-spacing:-.03em;color:var(--text-main);font-size:28px;font-weight:600;line-height:1.15}@media (width<=834px){.panel-half{grid-column:span 12}.result-grid,.identity-panel{grid-template-columns:1fr}.lab-panel{min-height:auto}}@media (width<=640px){.page-shell{width:min(var(--maxw), calc(100% - 24px))}.hero-stage{min-height:auto;padding:12px 0 20px}.hero-topline{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.hero-display{font-size:48px}.hero-subtitle{margin-top:14px;font-size:18px}.brand-eyebrow{font-size:18px}.panel{border-radius:24px;padding:20px}.panel-heading h3,.featured-title,.identity-value,.result-badge strong{font-size:24px}.identity-quote{font-size:20px}}
