.logo-lab{width:min(1280px,calc(100% - 56px));margin:0 auto;padding:80px 0 130px}.logo-hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:90px;padding-bottom:72px;border-bottom:1px solid var(--neutral-200)}.logo-hero h1{margin:20px 0 0;font-size:clamp(3.4rem,7.5vw,7.5rem);line-height:.9;letter-spacing:-.075em}.logo-hero h1 em{color:var(--claire-coral);font-style:normal}.logo-hero-copy p,.recommendation p,.system-section p,.handoff p{color:var(--neutral-600)}.logo-hero-copy>span{display:inline-block;margin-top:16px;padding:8px 11px;border-radius:99px;background:var(--claire-lime);font:500 9px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.recommendation{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:center;gap:68px;margin:76px 0 22px;padding:38px;border:1px solid var(--claire-ink);border-radius:34px;background:var(--claire-paper);box-shadow:10px 10px 0 var(--claire-lime)}.recommendation-mark{min-height:320px;border-radius:24px;display:grid;place-items:center}.resolve-stage{background:var(--claire-lime)}.recommendation-mark img{width:190px;height:190px}.recommendation h2,.system-section h2,.handoff h2{margin:10px 0 12px;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.95;letter-spacing:-.055em}.recommendation p{max-width:620px;font-size:15px}.score-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.score-row span{padding:9px 12px;border:1px solid var(--neutral-200);border-radius:99px;font:400 9px var(--font-mono)}.score-row b{margin-left:5px}.principles{margin-top:96px}.section-kicker,.territories-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.section-kicker h2,.territories-heading h2{margin:10px 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.055em}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--claire-ink);border-radius:26px;overflow:hidden;background:var(--claire-paper)}.principle-grid article{min-height:190px;padding:24px;border-right:1px solid var(--neutral-200)}.principle-grid article:last-child{border:0}.principle-grid b,.territory-meta span{font:500 10px var(--font-mono)}.principle-grid h3{margin:42px 0 7px;font-size:18px;letter-spacing:-.035em}.principle-grid p,.territories-heading p{margin:0;color:var(--neutral-600);font-size:12px}.territories{margin-top:100px}.territories-heading p{max-width:520px;font-size:14px}.territory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.territory-card{min-width:0;padding:18px;border:1px solid var(--neutral-200);border-radius:28px;background:rgb(255 253 248/76%)}.territory-card.is-pick{border-color:var(--claire-ink);box-shadow:6px 6px 0 var(--claire-lime)}.territory-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.territory-meta span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--claire-ink);color:white}.territory-meta b{color:var(--neutral-600);font:500 8px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.territory-stage{min-height:270px;display:grid;place-items:center;border-radius:20px}.territory-stage img{width:150px;height:150px}.lime-wash{background:#efffc1}.sky-wash{background:var(--claire-sky)}.blush-wash{background:var(--claire-blush)}.territory-card h3{margin:20px 0 7px;font-size:25px;letter-spacing:-.04em}.territory-card>p{min-height:58px;margin:0;color:var(--neutral-600);font-size:12px}.territory-card dl{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--neutral-200)}.territory-card dl div{display:flex;justify-content:space-between;gap:20px;padding:4px 0;font:400 8px var(--font-mono)}.territory-card dt{color:var(--neutral-600)}.territory-card dd{margin:0;text-align:right}.size-test{min-height:82px;margin-top:18px;padding:10px 12px;display:flex;align-items:center;gap:9px;border-radius:15px;background:var(--neutral-100)}.size-test img{flex:none}.size-test code{min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;color:var(--neutral-600);font:400 8px var(--font-mono);white-space:nowrap}.system-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:center;margin-top:96px;padding:54px;border-radius:34px;background:var(--claire-lime)}.system-grid{display:grid;grid-template-columns:140px 1fr;gap:10px}.app-tile,.wordmark{min-height:138px;border-radius:24px;display:flex;align-items:center;justify-content:center}.app-tile{grid-row:span 2;background:var(--claire-paper);border:1px solid var(--claire-ink)}.app-tile img{width:86px;height:86px}.wordmark{gap:12px;padding:22px}.wordmark img{width:48px;height:48px}.wordmark strong{font-size:29px;letter-spacing:-.055em}.light-lockup{background:var(--claire-paper)}.dark-lockup{background:var(--claire-ink);color:white}.dark-lockup img{filter:invert(1)}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:96px;padding-top:70px;border-top:1px solid var(--neutral-200)}.handoff h2{max-width:520px}.handoff a{display:inline-block;margin-top:14px;padding:11px 15px;border-radius:99px;background:var(--claire-ink);color:white;font:500 10px var(--font-mono)}
@media(max-width:960px){.logo-hero,.recommendation,.system-section,.section-kicker,.territories-heading,.handoff{grid-template-columns:1fr;gap:38px}.territory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principle-grid{grid-template-columns:repeat(2,1fr)}.principle-grid article:nth-child(2){border-right:0}.principle-grid article:nth-child(-n+2){border-bottom:1px solid var(--neutral-200)}}
@media(max-width:680px){.logo-lab{width:min(100% - 28px,1280px);padding-top:48px}.docs-header{overflow-x:auto}.docs-brand span{display:none}.logo-hero h1{font-size:clamp(3.1rem,17vw,5rem)}.recommendation{padding:22px;box-shadow:6px 6px 0 var(--claire-lime)}.recommendation-mark{min-height:250px}.principle-grid,.territory-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid var(--neutral-200)}.system-section{padding:30px 22px}.system-grid{grid-template-columns:1fr}.app-tile{grid-row:auto}.territory-card>p{min-height:0}}

.c-thread-stage{grid-template-columns:1fr 1fr;gap:4px;padding:20px}.c-thread-stage>div{display:grid;place-items:center;gap:8px}.c-thread-stage img{width:112px;height:112px}.c-thread-stage small{font:500 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-600)}

.ink-thread-stage{background:var(--claire-ink)}.system-grid small{font:500 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.app-tile{flex-direction:column;gap:10px}.lime-dot{background:var(--claire-paper)}.paper-dot{position:relative;background:var(--claire-lime)}.ink-dot{position:relative;background:var(--claire-ink);color:white}.paper-dot small,.ink-dot small{position:absolute;right:14px;bottom:12px}.ink-dot img{filter:none}

.app-icon-studies{margin-top:96px}.app-icon-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.app-icon-heading h2{margin:10px 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.055em}.app-icon-heading p{max-width:510px;margin:0;color:var(--neutral-600);font-size:14px}.app-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-icon-card{min-width:0;padding:18px;border:1px solid var(--neutral-200);border-radius:28px;background:var(--claire-paper)}.app-icon-card.is-primary{border-color:var(--claire-ink);box-shadow:6px 6px 0 var(--claire-lime)}.app-icon-card img{width:100%;aspect-ratio:1;display:block;border-radius:20%;image-rendering:auto}.app-icon-card div{padding:20px 3px 2px}.app-icon-card span{color:var(--neutral-600);font:500 8px var(--font-mono);letter-spacing:.08em}.app-icon-card h3{margin:8px 0 6px;font-size:24px;letter-spacing:-.04em}.app-icon-card p{margin:0;color:var(--neutral-600);font-size:12px}@media(max-width:960px){.app-icon-heading{grid-template-columns:1fr;gap:28px}.app-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.app-icon-grid{grid-template-columns:1fr}}

.logo-motion{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center;margin-top:26px;padding:48px;border-radius:34px;background:var(--claire-ink);color:var(--claire-paper)}.logo-motion h2{margin:10px 0 12px;font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.055em}.logo-motion p{max-width:420px;margin:0;color:#d6d7d0;font-size:14px}.logo-motion-copy>span{display:inline-block;margin-top:20px;color:var(--claire-lime);font:500 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.logo-motion-stage{min-height:280px;display:grid;place-items:center;border-radius:24px;background:var(--claire-paper);color:var(--claire-ink);overflow:hidden}.logo-motion-svg{width:min(100%,560px);overflow:visible}.logo-motion-path{stroke-dasharray:1;stroke-dashoffset:1;animation:claire-thread-draw 1.35s cubic-bezier(.2,.8,.2,1) both}.logo-motion-dot{opacity:0;transform-box:fill-box;transform-origin:center;animation:claire-dot-arrive .34s cubic-bezier(.34,1.56,.64,1) 1.2s both}.logo-motion-wordmark{stroke-dasharray:480;stroke-dashoffset:480;fill-opacity:0;paint-order:stroke fill;animation:claire-wordmark-draw 1.1s cubic-bezier(.2,.8,.2,1) 1.55s both}@keyframes claire-thread-draw{to{stroke-dashoffset:0}}@keyframes claire-dot-arrive{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes claire-wordmark-draw{0%{stroke-dashoffset:480;fill-opacity:0}72%{fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}@media(prefers-reduced-motion:reduce){.logo-motion-svg *{animation:none!important}.logo-motion-path{stroke-dashoffset:0}.logo-motion-dot{opacity:1}.logo-motion-wordmark{stroke-dashoffset:0;fill-opacity:1}}@media(max-width:960px){.logo-motion{grid-template-columns:1fr;gap:34px}}@media(max-width:680px){.logo-motion{padding:30px 22px}.logo-motion-stage{min-height:180px}.logo-motion-wordmark{font-size:52px}}

.logo-motion{grid-template-columns:.55fr 1.45fr}.motion-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.motion-card{min-width:0;min-height:170px;padding:16px;display:grid;align-content:center;border-radius:20px;background:var(--claire-paper);color:var(--claire-ink);overflow:hidden}.motion-card-wide{grid-column:1/-1;min-height:156px}.motion-card-label{align-self:start;margin-bottom:8px;color:var(--neutral-600);font:500 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.motion-card .logo-motion-svg{width:100%;max-width:560px}.logo-motion-icon{width:120px!important;justify-self:center}.logo-motion-ai{opacity:0;transform-box:fill-box;transform-origin:left center;animation:claire-ai-arrive .45s cubic-bezier(.2,.8,.2,1) 2.3s both}.reverse-letters text{opacity:0;transform-box:fill-box;transform-origin:center;animation:claire-letter-arrive .48s cubic-bezier(.2,.8,.2,1) both}.reverse-e{animation-delay:1.55s!important}.reverse-r{animation-delay:1.7s!important}.reverse-i{animation-delay:1.85s!important}.reverse-a{animation-delay:2s!important}.reverse-l{animation-delay:2.15s!important}.reverse-c{animation-delay:2.3s!important}@keyframes claire-ai-arrive{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}@keyframes claire-letter-arrive{from{opacity:0;transform:translateX(-50px) scale(.82)}to{opacity:1;transform:translateX(0) scale(1)}}@media(prefers-reduced-motion:reduce){.logo-motion-ai,.reverse-letters text{opacity:1;transform:none}}@media(max-width:680px){.motion-preview-grid{grid-template-columns:1fr}.motion-card-wide{grid-column:auto}.motion-card{min-height:150px}.motion-card .logo-motion-svg{min-width:420px;max-width:none}.motion-card{overflow-x:auto}.logo-motion-icon{min-width:120px!important}}